/* picktheshop mockup: shared styles */
:root{
  --cream:#F6F2E9; --cream-2:#ECE5D5; --card:#FFFCF6; --ink:#0F1726; --ink-2:#344054; --muted:#667085; --faint:#98A2B3;
  --line:#E2DACA; --line-2:#D3C9B4;
  --vault:#0A1020; --vault-2:#111A2E; --vault-3:#1A2541; --vault-line:#25314D; --vault-ink:#E9EEF8; --vault-muted:#97A3BC;
  --ok:#12B76A; --ok-ink:#067647; --ok-2:#D3F8DF;
  --warn:#F79009; --warn-ink:#93370D; --warn-2:#FEF0C7;
  --bad:#F04438; --bad-ink:#912018; --bad-2:#FEE4E2;
  --gold:#D4AF37; --gold-2:#F5E6B3; --mint:#5EEAD4;
  --display:"Fraunces",ui-serif,Georgia,serif;
  --sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --shadow:0 1px 0 rgba(15,23,38,.04),0 12px 32px -14px rgba(15,23,38,.22);
  --shadow-lg:0 2px 0 rgba(15,23,38,.05),0 34px 70px -26px rgba(15,23,38,.42);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --cream:#0D1322; --cream-2:#141C30; --card:#161F35; --ink:#ECF0F8; --ink-2:#CBD3E3; --muted:#97A3BC; --faint:#6B7896;
    --line:#26314B; --line-2:#334060;
    --ok:#32D583; --ok-ink:#75E0A7; --ok-2:#0F3324;
    --warn:#FDB022; --warn-ink:#FEC84B; --warn-2:#3A2A08;
    --bad:#F97066; --bad-ink:#FDA29B; --bad-2:#3D1512;
    --gold-2:#3A3013;
    --shadow:0 1px 0 rgba(0,0,0,.3),0 12px 32px -14px rgba(0,0,0,.7);
    --shadow-lg:0 2px 0 rgba(0,0,0,.3),0 34px 70px -26px rgba(0,0,0,.85);
    color-scheme:dark;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block}
img{max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--ok);outline-offset:3px;border-radius:6px}
.wrap{width:min(1200px,100% - 32px);margin-inline:auto}
.wrap > *{min-width:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--cream);padding:8px 12px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.ribbon{background:#000;color:#cfd6e4;font:500 12.5px/1.4 var(--mono);text-align:center;padding:7px 12px}
.ribbon b{color:var(--gold);font-weight:600}

/* header */
.top{position:sticky;top:0;z-index:50;transition:background .25s,border-color .25s,color .25s;border-bottom:1px solid transparent;color:var(--vault-ink)}
.top.scrolled,.top.light{background:color-mix(in srgb,var(--cream) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom-color:var(--line);color:var(--ink)}
.top .wrap{display:flex;align-items:center;gap:18px;height:66px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 21px/1 var(--display);letter-spacing:-.02em}
.logo svg{width:32px;height:32px}
.logo .the{opacity:.6;font-style:italic;font-weight:400}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{text-decoration:none;font-weight:500;font-size:14.5px;padding:8px 12px;border-radius:999px;opacity:.85;transition:background .15s,opacity .15s}
.nav a:hover,.nav a[aria-current=page]{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;cursor:pointer;font:600 15px/1 var(--sans);padding:13px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn-ok{background:var(--ok);color:#03210F}
.btn-ok:hover{transform:translateY(-1px);box-shadow:0 14px 30px -12px rgba(18,183,106,.6)}
.btn-ink{background:var(--ink);color:var(--cream)}
.btn-ghost{border:1.5px solid color-mix(in srgb,currentColor 30%,transparent);background:transparent}
.btn-ghost:hover{border-color:currentColor}
.nav a.btn{opacity:1;padding:10px 16px;font-size:14px;margin-left:6px}
.nav a.btn-ok,.nav a.btn-ok:hover{background:var(--ok);color:#03210F}
.menu-btn{display:none;margin-left:auto;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;border-radius:999px;width:44px;height:44px;cursor:pointer}
.menu-btn svg{width:20px;height:20px}
@media (max-width:900px){
  .nav{position:fixed;inset:66px 0 auto 0;flex-direction:column;align-items:stretch;background:var(--vault);color:var(--vault-ink);padding:12px 16px 20px;border-bottom:1px solid var(--vault-line);
    transform:translateY(-120%);visibility:hidden;transition:transform .25s,visibility 0s .25s;margin:0;gap:6px}
  .nav.open{transform:none;visibility:visible;transition:transform .25s,visibility 0s}
  .nav a{padding:13px 14px;font-size:16px}
  .nav a.btn{margin:6px 0 0}
  .menu-btn{display:grid;place-items:center}
}

/* type */
.eyebrow{font:500 12.5px/1.2 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:9px}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 25%,transparent);animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px transparent}}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:1.02;margin:0;font-variation-settings:"SOFT" 50,"opsz" 144}
h1{font-size:clamp(46px,7.2vw,98px)}
h2{font-size:clamp(36px,5vw,66px)}
h3{font-size:clamp(21px,2.1vw,26px);letter-spacing:-.015em;line-height:1.15;font-variation-settings:"SOFT" 50,"opsz" 36}
em.it,h1 em,h2 em{font-style:italic;font-weight:400}
.lede{font-size:clamp(17px,1.7vw,21px);line-height:1.5;max-width:44ch}
.sec{padding:clamp(72px,10vw,140px) 0;position:relative}
.sec-head{display:grid;gap:18px;margin-bottom:clamp(36px,5vw,64px);max-width:820px}
.sec-head p{margin:0;color:var(--ink-2);font-size:clamp(16px,1.5vw,19px);max-width:60ch}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}

/* hero (vault) */
.vault{background:var(--vault);color:var(--vault-ink);position:relative;overflow:hidden;isolation:isolate}
.vault::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;
  background:radial-gradient(40% 50% at 78% 30%,rgba(94,234,212,.16),transparent 70%),radial-gradient(35% 45% at 12% 75%,rgba(212,175,55,.13),transparent 70%)}
.vault::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--vault-line) 1px,transparent 1px),linear-gradient(90deg,var(--vault-line) 1px,transparent 1px);
  background-size:56px 56px;opacity:.35;mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent)}
.vault .eyebrow{color:var(--vault-muted)}
.hero{margin-top:-66px;padding:calc(66px + clamp(40px,6vw,80px)) 0 clamp(70px,9vw,120px)}
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center}
@media (max-width:1000px){.hero .wrap{grid-template-columns:1fr}}
.hero h1{margin:18px 0 22px}
.hero h1 em{color:var(--mint);display:block}
.hero .lede{color:var(--vault-muted)}
.checkbar{margin-top:30px;display:flex;gap:10px;align-items:center;background:var(--vault-2);border:1.5px solid var(--vault-line);border-radius:20px;padding:7px 7px 7px 18px;max-width:560px;
  transition:border-color .2s,box-shadow .2s}
.checkbar:focus-within{border-color:var(--mint);box-shadow:0 0 0 6px rgba(94,234,212,.12)}
.checkbar svg{width:22px;height:22px;color:var(--vault-muted);flex:none}
.checkbar input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--vault-ink);font:500 17px/1.3 var(--sans);padding:12px 0}
.checkbar input::placeholder{color:#6B7896}
.tries{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center;font-size:13.5px;color:var(--vault-muted)}
.try{border:1px solid var(--vault-line);background:transparent;color:var(--vault-ink);border-radius:999px;padding:8px 13px;font:500 13.5px/1 var(--sans);cursor:pointer;display:inline-flex;gap:7px;align-items:center}
.try i{width:8px;height:8px;border-radius:50%}
.try[aria-pressed=true]{background:var(--vault-ink);color:var(--vault);border-color:var(--vault-ink)}

/* scanner */
.scanner{background:linear-gradient(180deg,var(--vault-2),#0D1528);border:1px solid var(--vault-line);border-radius:26px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;position:relative}
.sc-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--vault-line)}
.sc-bar i{width:11px;height:11px;border-radius:50%;background:#2A3653}
.sc-bar span{margin-left:8px;font:500 12px var(--mono);color:var(--vault-muted)}
.sc-bar .fic{margin-left:auto;font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#6B7896}
.sc-url{display:flex;align-items:center;gap:12px;padding:16px 18px 14px;position:relative}
.fav{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font:600 18px var(--display);color:#0A1020;flex:none;transition:background .4s}
.sc-url b{display:block;font:600 17px/1.2 var(--sans)}
.sc-url span{font:500 12.5px var(--mono);color:var(--vault-muted)}
.sc-url .typed::after{content:"";display:inline-block;width:2px;height:15px;background:var(--mint);margin-left:2px;vertical-align:-2px;animation:blink 1s infinite}
@keyframes blink{50%{opacity:0}}
.beam{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--mint),transparent);transform:scaleX(0);transform-origin:left}
.beam.go{animation:beam 2.2s ease-in-out}
@keyframes beam{0%{transform:scaleX(0)}60%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.log{list-style:none;margin:0;padding:6px 10px 12px;display:grid;gap:4px}
.log li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;padding:9px 8px;border-radius:12px;opacity:.18;transition:opacity .35s,background .35s}
.log li.on{opacity:1}
.log li.on.now{background:rgba(255,255,255,.04)}
.st{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px dashed #3A4766;margin-top:1px}
.st svg{width:13px;height:13px}
.log li.ok .st{background:var(--ok);border:0;color:#03210F}
.log li.warn .st{background:var(--warn);border:0;color:#2A1600}
.log li.bad .st{background:var(--bad);border:0;color:#2A0603}
.log li.na .st{background:#2A3653;border:0;color:var(--vault-muted)}
.log b{display:block;font:600 14px/1.25 var(--sans)}
.log span{font:500 12.5px/1.4 var(--mono);color:var(--vault-muted)}
.log li.bad span{color:#FDA29B}.log li.warn span{color:#FEC84B}
.verdict{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px 18px;border-top:1px solid var(--vault-line)}
.verdict p{margin:0;font-size:13.5px;color:var(--vault-muted);max-width:30ch}
.seal{position:relative;width:118px;height:118px;flex:none;transform:scale(2.4) rotate(-25deg);opacity:0;transition:transform .45s cubic-bezier(.2,1.6,.4,1),opacity .2s}
.seal.on{transform:scale(1) rotate(-8deg);opacity:1}
.seal svg{width:100%;height:100%}
.seal .lbl{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:700 15px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.seal .lbl small{display:block;font:500 9px/1.2 var(--mono);letter-spacing:.08em;margin-top:4px;opacity:.85}

/* marquee */
.band{border-block:1px solid var(--line);overflow:hidden;background:var(--cream-2)}
.band .track{display:flex;width:max-content;animation:slide 40s linear infinite}
.band span{font:500 clamp(18px,2.2vw,26px)/1 var(--display);font-style:italic;letter-spacing:-.01em;white-space:nowrap;display:flex;align-items:center;gap:40px;padding:18px 20px}
.band span::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--ok)}
@keyframes slide{to{transform:translateX(-50%)}}

/* orbit */
.orbit-sec .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,60px);align-items:center}
@media (max-width:980px){.orbit-sec .wrap{grid-template-columns:1fr}}
.orbit{position:relative;aspect-ratio:1/1;width:100%;max-width:600px;justify-self:center}
.orbit svg.rings{position:absolute;inset:0;width:100%;height:100%}
.orbit svg.rings circle{fill:none;stroke:var(--line-2);stroke-dasharray:3 7}
.giant{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#C9C2B2,#8E8778 60%,#6E685B);display:grid;place-items:center;text-align:center;color:#F6F2E9;
  box-shadow:inset -18px -18px 40px rgba(0,0,0,.25),0 30px 60px -20px rgba(0,0,0,.35)}
@media (prefers-color-scheme:dark){.giant{background:radial-gradient(circle at 35% 30%,#4A5470,#2A3350 60%,#1A2138)}}
.giant b{display:block;font:600 clamp(16px,2vw,22px)/1 var(--display)}
.giant span{font:500 11px/1.3 var(--mono);opacity:.8}
.gem{position:absolute;left:50%;top:50%;width:0;height:0}
.gem button{position:absolute;transform:translate(-50%,-50%);border:0;background:var(--card);border-radius:999px;padding:8px 12px 8px 8px;display:flex;align-items:center;gap:8px;
  box-shadow:var(--shadow);cursor:pointer;font:600 13px/1 var(--sans);white-space:nowrap;transition:transform .2s,box-shadow .2s}
.gem button:hover,.gem button[aria-pressed=true]{transform:translate(-50%,-50%) scale(1.08);box-shadow:var(--shadow-lg)}
.gem button[aria-pressed=true]{outline:2px solid var(--ok)}
.gem i{width:22px;height:22px;border-radius:50%;display:block;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 18%,transparent)}
.gem i::after{content:"";display:block;width:100%;height:100%;border-radius:50%;animation:glow 2.6s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 18px 4px currentColor}}

/* directory */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.fchip{border:1px solid var(--line-2);background:transparent;border-radius:999px;padding:9px 14px;font:500 14px/1 var(--sans);cursor:pointer;color:var(--ink-2)}
.fchip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1060px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:780px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.grid{grid-template-columns:1fr}}
.shop{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:10px;text-decoration:none;
  transition:transform .25s,box-shadow .25s,opacity .3s;min-height:210px}
@media (hover:hover){.shop:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}
.shop.hide{display:none}
.shop .hd{display:flex;align-items:center;gap:12px}
.mono{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font:600 19px var(--display);color:#0F1726;flex:none}
.shop b{display:block;font:600 16.5px/1.15 var(--sans)}
.shop .dom{font:500 12px var(--mono);color:var(--muted)}
.shop p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.45}
.facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.facts span{font:500 11.5px/1 var(--sans);padding:6px 8px;border-radius:999px;background:var(--cream-2);color:var(--ink-2)}
.gemtag{position:absolute;top:14px;right:14px;font:600 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border-radius:999px;background:var(--gold-2);color:#7A5B00}
@media (prefers-color-scheme:dark){.gemtag{color:#F5D46E}}
.dir-note{margin-top:20px;font-size:13.5px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}

/* how we check */
.how{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,80px)}
@media (max-width:900px){.how{grid-template-columns:1fr}}
.how .stick{position:sticky;top:110px;align-self:start}
@media (max-width:900px){.how .stick{position:static}}
.sheet{display:grid;gap:14px}
.step{display:grid;grid-template-columns:64px 1fr;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;transition:border-color .3s,box-shadow .3s,transform .3s}
.step.act{border-color:var(--ok);box-shadow:var(--shadow-lg);transform:translateX(-4px)}
.step .ico{width:64px;height:64px;border-radius:18px;background:var(--cream-2);display:grid;place-items:center;position:relative;overflow:hidden}
.step .ico svg{width:30px;height:30px}
.step.act .ico{background:var(--ok-2);color:var(--ok-ink)}
.step p{margin:6px 0 10px;color:var(--ink-2);font-size:15px}
.step .src{font:500 12px/1.4 var(--mono);color:var(--muted);display:flex;gap:6px;align-items:center}
.step .src svg{width:13px;height:13px}
.step .n{font:500 12px var(--mono);color:var(--muted)}

/* serp */
.serp-sec{background:var(--vault);color:var(--vault-ink)}
.serp-sec .sec-head p{color:var(--vault-muted)}
.serp-sec .eyebrow{color:var(--vault-muted)}
.serp-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:center}
@media (max-width:960px){.serp-wrap{grid-template-columns:1fr}}
.serp{background:#FFFFFF;color:#1F2430;border-radius:22px;padding:18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.sq{display:flex;align-items:center;gap:10px;border:1px solid #DFE1E5;border-radius:999px;padding:12px 16px;font:400 16px/1.2 var(--sans)}
.sq svg{width:18px;height:18px;color:#9AA0A6;flex:none}
.sq .q::after{content:"";display:inline-block;width:2px;height:17px;background:#1F2430;margin-left:1px;vertical-align:-3px;animation:blink 1s infinite}
.res{margin-top:16px;display:grid;gap:14px}
.ad{font:600 12px var(--sans);color:#1F2430}
.r{padding:12px;border-radius:14px;transition:background .3s,box-shadow .3s}
.r.us{background:#F2FBF6;box-shadow:0 0 0 2px #12B76A}
.r .u{display:flex;align-items:center;gap:8px;font:400 12.5px var(--sans);color:#4D5156}
.r .u i{width:22px;height:22px;border-radius:50%;background:#0F1726;display:grid;place-items:center}
.r .u i svg{width:13px;height:13px}
.r h4{margin:4px 0 4px;font:400 19px/1.3 var(--sans);color:#1A0DAB}
.r p{margin:0;font-size:13.5px;color:#4D5156;line-height:1.5}
.r .pills{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.r .pills span{font:500 11.5px var(--sans);padding:5px 8px;border-radius:999px;background:#E7F8EE;color:#067647}
.r.dim{opacity:.45}
.r.dim .bar{height:9px;border-radius:99px;background:#ECEEF1;margin-top:7px}

/* fake signs */
.signs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media (max-width:1100px){.signs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.signs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:440px){.signs{grid-template-columns:1fr}}
.sign{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:10px}
.sign .art{height:120px;border-radius:14px;background:var(--bad-2);position:relative;overflow:hidden;display:grid;place-items:center;color:var(--bad-ink)}
.sign b{font:600 17px/1.2 var(--display);letter-spacing:-.01em}
.sign p{margin:0;font-size:14px;color:var(--ink-2)}
.a-price{font:700 34px/1 var(--display)}
.a-price s{font-size:18px;opacity:.6;margin-right:6px}
.a-price .pct{position:absolute;top:12px;right:12px;font:700 12px var(--sans);background:var(--bad);color:#fff;border-radius:8px;padding:5px 7px;animation:wob 1.4s ease-in-out infinite}
@keyframes wob{50%{transform:rotate(8deg) scale(1.08)}}
.a-cal{width:70px;border-radius:10px;background:var(--card);box-shadow:var(--shadow);overflow:hidden;text-align:center}
.a-cal i{display:block;background:var(--bad);color:#fff;font:600 10px/1 var(--mono);padding:5px 0;font-style:normal}
.a-cal b{display:block;font:700 30px/1.2 var(--display);color:var(--ink)}
.a-cal span{display:block;font:500 9.5px var(--mono);color:var(--muted);padding-bottom:6px}
.a-mag svg{width:64px;height:64px;animation:hunt 3s ease-in-out infinite}
@keyframes hunt{0%,100%{transform:translate(-10px,4px)}50%{transform:translate(10px,-4px)}}
.a-bank{display:grid;gap:6px;width:80%}
.a-bank div{display:flex;justify-content:space-between;align-items:center;background:var(--card);border-radius:8px;padding:7px 9px;font:600 11.5px var(--sans);color:var(--ink)}
.a-bank div.x{opacity:.45;text-decoration:line-through}
.a-logo{display:flex;gap:6px}
.a-logo span{width:40px;height:40px;border-radius:50%;border:2px dashed var(--bad);display:grid;place-items:center;font:700 9px var(--mono);animation:fade 2.2s ease-in-out infinite}
.a-logo span:nth-child(2){animation-delay:.4s}.a-logo span:nth-child(3){animation-delay:.8s}
@keyframes fade{50%{opacity:.25}}

/* promise */
.promise{text-align:center}
.promise h2{max-width:16ch;margin:18px auto 0}
.vows{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(36px,5vw,60px);text-align:left}
@media (max-width:860px){.vows{grid-template-columns:1fr}}
.vow{border-radius:24px;padding:22px;background:var(--card);border:1px solid var(--line)}
.vow svg{width:30px;height:30px;color:var(--ok)}
.vow b{display:block;font:600 21px/1.2 var(--display);margin:14px 0 8px}
.vow span{color:var(--ink-2);font-size:15px}
.disclosure{margin:28px auto 0;max-width:64ch;font-size:14px;color:var(--muted)}

/* family band */
.eco{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.eco{grid-template-columns:1fr}}
.ecoc{border-radius:26px;padding:24px;text-decoration:none;display:flex;flex-direction:column;gap:10px;min-height:230px;position:relative;overflow:hidden;transition:transform .25s}
@media (hover:hover){.ecoc:hover{transform:translateY(-5px)}}
.ecoc .k{font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.ecoc b{font:600 26px/1.1 var(--display);letter-spacing:-.02em}
.ecoc span{font-size:15px;opacity:.85;max-width:34ch}
.ecoc .go{margin-top:auto;display:inline-flex;gap:8px;align-items:center;font-weight:600}
.ecoc .go svg{width:18px;height:18px;transition:transform .2s}
.ecoc:hover .go svg{transform:translateX(4px)}
.ecoc.p1{background:#FFE36E;color:#15130E}
.ecoc.p2{background:var(--vault);color:var(--vault-ink)}
.ecoc.p3{background:var(--ok-2);color:var(--ok-ink)}

/* footer */
footer{border-top:1px solid var(--line);padding:56px 0 28px;font-size:14px;color:var(--ink-2)}
.fam-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.fam-h b{font:600 23px/1.1 var(--display);color:var(--ink)}
.fam{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
@media (max-width:1000px){.fam{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.fam{grid-template-columns:1fr}}
.fam h4{font:500 11.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px;display:flex;align-items:center;gap:8px;color:var(--muted)}
.fam h4 i{width:9px;height:9px;border-radius:50%}
.fam ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.fam a{text-decoration:none;display:block}
.fam a b{display:block;color:var(--ink);font-weight:600;font-size:14px}
.fam a span{font-size:12.5px;color:var(--muted)}
.fam a:hover b{text-decoration:underline}
.fam .new b::after{content:"proposed";margin-left:6px;font:600 9.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:3px 5px;border-radius:5px;background:var(--gold-2);color:#7A5B00;vertical-align:2px}
.legal{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13px}
.legal a{color:var(--muted)}
.agentline{margin-top:10px;font:500 12px/1.5 var(--mono);color:var(--faint)}
.agentline summary{cursor:pointer}
.agentline a{color:var(--faint)}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:520px;margin-inline:auto;background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:14px 14px 14px 18px;box-shadow:var(--shadow-lg);display:flex;gap:14px;align-items:center;font-size:13.5px;color:var(--ink-2);transform:translateY(140%);transition:transform .5s cubic-bezier(.2,.9,.2,1)}
.cookie.on{transform:none}
.cookie .btn{padding:10px 16px;font-size:13.5px}

/* ---------- report page ---------- */
.rhero{padding:calc(66px + clamp(28px,4vw,56px)) 0 clamp(50px,7vw,90px);margin-top:-66px}
.crumbs{font:500 13px/1 var(--mono);color:var(--vault-muted);display:flex;gap:8px;align-items:center;margin-bottom:24px;flex-wrap:wrap}
.crumbs a{color:var(--vault-muted);text-decoration:none}
.switch{display:inline-flex;background:var(--vault-2);border:1px solid var(--vault-line);border-radius:999px;padding:4px;margin-bottom:26px}
.switch button{border:0;background:transparent;color:var(--vault-muted);border-radius:999px;padding:9px 14px;font:600 13.5px/1 var(--sans);cursor:pointer}
.switch button[aria-pressed=true]{background:var(--vault-ink);color:var(--vault)}
.rtop{display:grid;grid-template-columns:1fr auto;gap:clamp(20px,4vw,50px);align-items:center}
@media (max-width:760px){.rtop{grid-template-columns:1fr}}
.rtop h1{font-size:clamp(40px,6.2vw,84px)}
.rtop .sum{color:var(--vault-muted);font-size:clamp(17px,1.7vw,21px);max-width:48ch;margin:18px 0 0}
.rtop .sum b{color:var(--vault-ink)}
.rmeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.rmeta span{font:500 12.5px var(--mono);color:var(--vault-muted);border:1px solid var(--vault-line);border-radius:999px;padding:7px 11px;display:inline-flex;gap:7px;align-items:center}
.rmeta svg{width:14px;height:14px}
.bigseal{width:clamp(170px,20vw,230px);aspect-ratio:1;position:relative;animation:spinin 1s cubic-bezier(.2,1.4,.4,1) both}
@keyframes spinin{from{transform:scale(2) rotate(-40deg);opacity:0}to{transform:rotate(-8deg);opacity:1}}
.bigseal svg{width:100%;height:100%}
.bigseal .lbl{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:700 clamp(20px,2.4vw,26px)/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.bigseal .lbl small{display:block;font:500 10px/1.3 var(--mono);letter-spacing:.08em;margin-top:6px;opacity:.85}
.ring-text{animation:rot 30s linear infinite;transform-origin:50% 50%}
@keyframes rot{to{transform:rotate(360deg)}}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:980px){.cgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cgrid{grid-template-columns:1fr}}
.cc{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.cc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--line)}
.cc.ok::before{background:var(--ok)}.cc.warn::before{background:var(--warn)}.cc.bad::before{background:var(--bad)}
.cc .h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cc .h b{font:600 16px/1.2 var(--sans)}
.pill{font:600 11.5px/1 var(--sans);padding:6px 8px;border-radius:999px;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.pill svg{width:12px;height:12px}
.pill.ok{background:var(--ok-2);color:var(--ok-ink)}.pill.warn{background:var(--warn-2);color:var(--warn-ink)}.pill.bad{background:var(--bad-2);color:var(--bad-ink)}.pill.na{background:var(--cream-2);color:var(--muted)}
.cc p{margin:0;font-size:15px;color:var(--ink)}
.cc .src{font:500 12px var(--mono);color:var(--muted);margin-top:auto}
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}
@media (max-width:760px){.timeline{grid-template-columns:1fr 1fr}}
.timeline::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--line)}
@media (max-width:760px){.timeline::before{display:none}}
.tl{position:relative;padding-top:38px}
.tl i{position:absolute;top:6px;left:0;width:20px;height:20px;border-radius:50%;background:var(--card);border:3px solid var(--ok)}
.tl.bad i{border-color:var(--bad)}.tl.warn i{border-color:var(--warn)}
.tl b{display:block;font:600 22px/1.1 var(--display)}
.tl span{font-size:14px;color:var(--ink-2)}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}
@media (max-width:900px){.two{grid-template-columns:1fr}}
.box{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px}
.box h3{margin-bottom:12px}
.tips{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tips li{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:15px;color:var(--ink-2)}
.tips li svg{width:22px;height:22px;color:var(--ok)}
.tips li.x svg{color:var(--bad)}
.visit{display:flex;flex-direction:column;gap:12px}
.visit .btn{width:100%}
.alts{display:grid;gap:10px}
.alts a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--cream);text-decoration:none;border:1px solid transparent}
.alts a:hover{border-color:var(--ink)}
.alts a b{display:block;font-size:15px}
.alts a span{font-size:12.5px;color:var(--muted)}
.alts a .pill{margin-left:auto}
details.q{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:0 18px}
details.q summary{cursor:pointer;list-style:none;padding:17px 0;font:600 16.5px/1.3 var(--sans);display:flex;justify-content:space-between;gap:14px}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"+";font:400 24px/1 var(--sans);color:var(--muted);transition:transform .2s}
details.q[open] summary::after{transform:rotate(45deg)}
details.q p{margin:0 0 18px;color:var(--ink-2);font-size:15px;max-width:70ch}
.faq{display:grid;gap:10px}
.owner{border-radius:26px;background:var(--cream-2);padding:clamp(20px,3vw,34px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.owner b{font:600 24px/1.15 var(--display)}
.owner p{margin:6px 0 0;color:var(--ink-2);max-width:56ch}
.swap{animation:swapin .6s cubic-bezier(.2,.8,.2,1)}
@keyframes swapin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}
.shop{overflow:hidden}
.shop::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s;pointer-events:none}
@media (prefers-color-scheme:dark){.shop::after{background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%)}}
@media (hover:hover){.shop:hover::after{transform:translateX(120%)}}
.shop .go{font:600 13px/1 var(--sans);color:var(--ok-ink);display:inline-flex;gap:6px;align-items:center;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.shop .go svg{width:14px;height:14px}
@media (hover:hover){.shop:hover .go{opacity:1;transform:none}}
@media (hover:none){.shop .go{opacity:1;transform:none}}
.log li{padding:7px 8px}
@media (max-width:520px){
  .checkbar{padding-left:14px}
  .checkbar .btn{padding:13px 15px}
  .seal{width:96px;height:96px}
  .verdict p{font-size:12.5px}
  .gem button{font-size:11.5px;padding:6px 9px 6px 6px}
  .gem i{width:16px;height:16px}
  .giant{width:24%}
  .giant b{font-size:12.5px}
  .giant span{display:none}
}
.sc-url > div{min-width:0}
.sc-url .typed{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:520px){.orbit svg.rings circle:first-child{r:25}.orbit svg.rings circle:last-child{r:38.5}}