/* SofloPod UI layer — dark keynote look on Shopify-style tokens. Load after colors_and_type.css.
   Deep-teal cards with hairline borders, white pill CTA, neon-green accent for "us" / focus / live dots. */
html{overflow-x:clip}body{margin:0;background:#F7F7F4;color:#0A0A0A;font-family:var(--font-body);font-feature-settings:"ss03" 1;overflow-x:clip}
a{color:#0A0A0A;text-decoration:underline;text-decoration-color:#C6FF00;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}a:hover{color:#5C8A00;text-decoration-color:#5C8A00}
.btn,.logo,.bar nav a,.mnav a,.dd-menu a,.subnav a,.gpf-fm,.lg .toc a,.ctg a,.gpf-b a{text-decoration:none}
h1,h2,h3,h4{font-family:var(--font-display);font-feature-settings:"ss03" 1;color:#0A0A0A}
::selection{background:#C6FF00;color:#FFFFFF}
:focus-visible{outline:2px solid #C6FF00;outline-offset:2px}
/* stage background: spotlight + faint grid + slow aurora */
html{background:#F7F7F4}body{position:relative;isolation:isolate;background:transparent!important}.gp-bg,.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#F7F7F4;contain:strict}
.gp-bg::before,.bg::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 0%,#FFFFFF 0%,#F7F7F4 55%,#F1F1EC 100%)}
.gp-bg i,.bg i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.7;will-change:transform;animation:gp-fl 22s ease-in-out infinite alternate}
.gp-bg .fx,.bg .fx{position:absolute;inset:0;width:100%;height:100%;display:block}
.gp-bg i:nth-child(2),.bg i:nth-child(2){width:50vw;height:50vw;left:-12vw;top:-18vw;background:#EAF7C2;animation-duration:24s}
.gp-bg i:nth-child(3),.bg i:nth-child(3){width:44vw;height:44vw;right:-10vw;top:6vh;background:#C6FF00;opacity:.3;animation-duration:30s;animation-delay:-9s}
.gp-bg i:nth-child(4),.bg i:nth-child(4){width:46vw;height:46vw;left:24vw;bottom:-26vw;background:#E4E4E7;opacity:.7;animation-duration:28s;animation-delay:-15s}
.gp-bg i:nth-child(5),.bg i:nth-child(5){width:28vw;height:28vw;right:14vw;bottom:-6vw;background:#E9FFB0;opacity:.5;animation-duration:34s;animation-delay:-5s}
.gp-bg .grid,.bg .grid{position:absolute;inset:-40%;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:72px 72px;animation:gp-gr 60s linear infinite;mask-image:radial-gradient(ellipse at 50% 20%,#FFFFFF 20%,transparent 70%)}
@keyframes gp-fl{0%{transform:translate(0,0) scale(1) rotate(0)}50%{transform:translate(9vw,6vh) scale(1.18) rotate(12deg)}100%{transform:translate(-8vw,12vh) scale(.92) rotate(-8deg)}}
@keyframes gp-gr{to{transform:translate(72px,72px)}}
@media(prefers-reduced-motion:reduce){.gp-bg *,.bg *{animation:none!important}}
/* card surface (legacy .g = glass) */
.g,.card{background:#FFFFFF;border:1px solid #E4E4E7;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px -12px rgba(0,0,0,.08);color:#0A0A0A;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;transform-style:preserve-3d}
.g:hover{box-shadow:0 2px 4px rgba(0,0,0,.04),0 28px 48px -24px rgba(0,0,0,.18);border-color:#3F3F46}
.g.tilt{will-change:transform}
/* sticky header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(247,247,244,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease}
.hdr.sc{background:rgba(255,255,255,.92);border-bottom-color:#E4E4E7;box-shadow:0 6px 24px -16px rgba(0,0,0,.18)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;background:#0A0A0A;color:#FFFFFF;font:400 16px/1.5 var(--font-display);font-feature-settings:"ss03" 1;border-radius:9999px;padding:12px 24px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease,box-shadow .3s ease;position:relative;overflow:hidden;isolation:isolate}
.btn:hover{opacity:.88;color:#FFFFFF}
.btn:active{transform:scale(.98)}
.btn.y{background:#C6FF00;color:#0A0A0A;box-shadow:0 0 0 0 rgba(198,255,0,0)}
.btn.y::before{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:gp-sheen 4s ease-in-out infinite;z-index:-1}
.btn.y::after{content:"→";display:inline-block;transition:transform .25s ease}
.btn.y:hover{opacity:1;background:#D4FF3D;color:#0A0A0A;box-shadow:0 0 0 4px rgba(198,255,0,.3),0 16px 40px -16px rgba(120,160,0,.6);transform:translateY(-1px)}
.btn.y:hover::after{transform:translateX(4px)}
@keyframes gp-sheen{0%,60%{left:-70%}100%{left:140%}}
@media(prefers-reduced-motion:reduce){.btn.y::before{animation:none}}
.btn.xl{font-size:18px;padding:16px 32px}
.btn.ghost{background:transparent;color:#0A0A0A;border-color:#0A0A0A}.btn.ghost:hover{background:#0A0A0A;color:#FFFFFF;opacity:1}
.btn.ghost.soft{border-color:#3F3F46}
/* magnetic hover is added by gp-look.js (.btn.mag) */
/* gradient headline accent */
.grad{background:linear-gradient(90deg,#0A0A0A 20%,#5C8A00);-webkit-background-clip:text;background-clip:text;color:transparent}
/* overline / live pill */
.k{font-family:var(--font-display);font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#52525B}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:400 13px/1.5 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#0A0A0A;background:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.12);border-radius:9999px;padding:6px 14px;backdrop-filter:blur(8px)}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:#C6FF00;box-shadow:0 0 0 4px rgba(198,255,0,.2);animation:gp-pulse 1.8s infinite}
@keyframes gp-pulse{50%{box-shadow:0 0 0 9px rgba(198,255,0,0)}}
/* us vs them bars */
.vbar{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:10px;font-size:13px}
.vbar .tr{height:8px;background:#E4E4E7;border-radius:9999px;overflow:hidden}.vbar .tr i{display:block;height:100%;width:0;border-radius:9999px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.vbar.us{color:#0A0A0A;font-weight:500}.vbar.us i{background:#C6FF00;box-shadow:0 0 12px rgba(198,255,0,.5)}.vbar.them{color:#71717A}.vbar.them i{background:#D4D4D8}
/* marks */
.mark{flex:none;width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-style:normal;font-size:12px;font-weight:600}
.mark.y{background:#C6FF00;color:#0A0A0A}.mark.n{background:#E4E4E7;color:#71717A}.mark.p{background:#D4D4D8;color:#3F3F46}
/* comparison table (data-cmp) */
.cmp{background:#FFFFFF;border:1px solid #E4E4E7;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}
.cmp-h .cmp-us{color:#0A0A0A!important;display:inline-flex;align-items:center;gap:8px}.cmp-h .cmp-us::before{content:"";width:8px;height:8px;border-radius:50%;background:#C6FF00;box-shadow:0 0 0 4px rgba(198,255,0,.2)}
.cmp-r .cmp-us{position:relative;padding-left:30px!important;color:#0A0A0A}.cmp-r .cmp-us::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#C6FF00;color:#0A0A0A;font-size:13px;font-weight:700;display:grid;place-items:center}
.cmp-r .cmp-them{position:relative;padding-left:30px;color:#52525B}.cmp-r .cmp-them::before{content:"–";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#E4E4E7;color:#71717A;font-size:14px;font-weight:700;display:grid;place-items:center}
.cmp-r.tie .cmp-them::before{content:"✓";background:#D4D4D8;color:#0A0A0A}.cmp-r:hover{background:#F4F4F5}
.score b{color:#5C8A00}.pos{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;background:#E4E4E7;color:#52525B}.pos.first{background:#C6FF00;color:#0A0A0A;box-shadow:0 0 24px rgba(198,255,0,.5)}
/* dark closing block: spotlight sweep */
.end{background:#0A0A0A;border:1px solid #0A0A0A;color:#FFFFFF;border-radius:20px;padding:80px 32px;display:grid;justify-items:center;text-align:center;gap:20px;position:relative;overflow:hidden}
.end::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,rgba(198,255,0,0),rgba(198,255,0,.14),rgba(0,0,0,.06),rgba(198,255,0,0));animation:gp-spin 20s linear infinite}
.end::after{content:"";position:absolute;inset:1px;border-radius:19px;background:radial-gradient(ellipse 60% 50% at 50% 100%,#1f2a0a,#0A0A0A 70%)}
.end>*{position:relative;z-index:1}.end h2{color:#FFFFFF}.end p{color:#E4E4E7!important}.end .gate-hint{color:#A1A1AA!important}
@keyframes gp-spin{to{transform:rotate(1turn)}}
/* sticky bottom CTA */
.stick{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;padding:12px;transform:translateY(120%);transition:transform .35s ease}.stick.on{transform:none}
/* forms */
input,select,textarea{font-family:var(--font-body)}
.gate-form button,form button[type=submit]{background:#C6FF00!important;color:#0A0A0A!important}
.gate-form button:hover,form button[type=submit]:hover{opacity:.88}
/* header: logo sizes, nav, lang pill */
.brand-logo,.logo img.brand-logo{width:176px!important;height:auto!important;display:block}
.bar{display:flex;align-items:center;gap:12px;min-height:64px}.bar nav{display:flex;gap:2px;margin-left:auto;white-space:nowrap;font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:.01em;padding:3px;border:1px solid #E4E4E7;border-radius:9999px;background:rgba(255,255,255,.75)}.bar nav a{position:relative;white-space:nowrap;color:#0A0A0A;padding:7px 12px;border-radius:9999px;transition:color .2s ease,background .25s ease,transform .2s ease}.bar nav>a::after,.bar nav .dd>a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:#C6FF00;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.bar nav a:hover{background:#F4F4F5}.bar nav>a:hover::after,.bar nav .dd:hover>a::after{transform:scaleX(1)}.bar nav a.on{background:#0A0A0A;color:#FFFFFF}.bar nav a.on::after{display:none}
.bar .btn{flex:none;white-space:nowrap}.bar .btn.y{padding:8px 16px;font-size:14px}
@media(max-width:1260px){.brand-logo,.logo img.brand-logo{width:150px!important}}
@media(max-width:1080px){.bar{gap:10px}.bar nav{display:none}.bar .ls{margin-left:auto}.bar .btn.y{padding:9px 16px;font-size:14px}
.mnav-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid #E4E4E7;border-radius:50%;background:#FFFFFF;cursor:pointer;flex:none;padding:0;position:relative;z-index:71}.mnav-btn i{display:block;width:18px;height:2px;background:#0A0A0A;border-radius:2px;position:relative;transition:transform .3s,background .3s}.mnav-btn i::before,.mnav-btn i::after{content:"";position:absolute;left:0;right:0;height:2px;background:#0A0A0A;border-radius:2px;transition:transform .3s,top .3s}.mnav-btn i::before{top:-6px}.mnav-btn i::after{top:6px}html.mnav-open .mnav-btn i{background:transparent}html.mnav-open .mnav-btn i::before{top:0;transform:rotate(45deg)}html.mnav-open .mnav-btn i::after{top:0;transform:rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:70;background:rgba(247,247,244,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;padding:92px 20px 24px;gap:6px;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1);overflow-y:auto}html.mnav-open .mnav{opacity:1;pointer-events:auto;transform:none}html.mnav-open{overflow:hidden}
.mnav a{display:flex;align-items:center;justify-content:space-between;font:400 clamp(26px,7vw,34px)/1.1 var(--font-display);color:#0A0A0A;padding:14px 4px;border-bottom:1px solid #E4E4E7;text-decoration:none;opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .45s cubic-bezier(.2,.8,.2,1)}html.mnav-open .mnav a{opacity:1;transform:none}.mnav a::after{content:"→";font-size:22px;color:#71717A}.mnav a.on{color:#3F6F00}.mnav a.on::after{content:"";width:10px;height:10px;border-radius:50%;background:#C6FF00;box-shadow:0 0 0 4px rgba(198,255,0,.25)}
.mnav .mcta{margin-top:auto;padding-top:20px;display:grid;gap:10px}.mnav .mcta .btn{width:100%;justify-content:center;font-size:17px;padding:16px}}
@media(min-width:1081px){.mnav-btn,.mnav{display:none!important}}
@media(max-width:480px){.bar{gap:8px;min-height:64px}.brand-logo,.logo img.brand-logo{width:118px!important}.bar .btn.y{display:none}.bar .ls{margin-left:auto}}
.ls.ls-c .ls-cur{background:transparent!important;border-color:#D4D4D8!important;color:#0A0A0A!important}.ls-c .ls-menu{background:#FFFFFF!important;border-color:#D4D4D8!important}.ls-c .ls-menu button{color:#52525B!important}.ls-c .ls-menu button:hover{background:#EEF5DA!important}.ls-c .ls-menu button[aria-pressed="true"]{background:#0A0A0A!important;color:#FFFFFF!important}
/* mobile */
@media(max-width:700px){html,body{overflow-x:hidden;max-width:100%}.wrap{padding-left:16px;padding-right:16px}.btn.xl{font-size:17px;padding:16px 24px;width:100%}.end{padding:48px 20px}.stick{padding:10px 12px}.stick a{width:100%}img,picture,svg,video{max-width:100%}table{font-size:12px}.car .arr{display:none}.g,.card{min-width:0}*{overflow-wrap:anywhere}}
@media(max-width:700px){h1{font-size:clamp(36px,10vw,48px)!important}h2{font-size:clamp(28px,7.5vw,36px)!important}}
/* footer */
footer.gpf{margin-top:64px;padding:40px 0 20px;background:#FFFFFF;color:#52525B;border-top:1px solid #E4E4E7;font-size:15px}
.gpf a{color:#0A0A0A}
.gpf-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) minmax(0,1fr);gap:32px}
.gpf-b{display:grid;gap:12px;justify-items:start;max-width:340px}
.gpf-b img{height:28px;width:auto}
.gpf-b p{margin:0;color:#52525B;line-height:1.5;font-size:14px}
.gpf-b .btn{padding:10px 20px;font-size:15px}
.gpf-c{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.gpf-c:nth-child(2){display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}.gpf-c:nth-child(2) h4{grid-column:1/-1}
.gpf-c h4{margin:0 0 4px;font:400 12px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#52525B}
.gpf-c a,.gpf-c button{color:#0A0A0A;font:400 14px/1.4 var(--font-body);background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:#C6FF00;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}
.gpf-c a:hover,.gpf-c button:hover{color:#5C8A00;text-decoration-color:#5C8A00}.gpf-c a.on{color:#52525B}
.gpf-bot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px;padding-top:16px;border-top:1px solid #E4E4E7;font-size:13px;color:#52525B}
.gpf-fm{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid #D4D4D8;border-radius:9999px;color:#0A0A0A;transition:border-color .2s ease}
.gpf-fm i{width:8px;height:8px;border-radius:50%;background:#C6FF00;box-shadow:0 0 0 3px rgba(198,255,0,.2)}
.gpf-fm:hover{border-color:#C6FF00}
.gpf .credit{margin-left:auto;opacity:.6;font-size:12px;color:#0A0A0A;border-bottom:1px dotted #71717A}.gpf .credit:hover{opacity:1}
@media(max-width:760px){.gpf-g{grid-template-columns:1fr 1fr}.gpf-b{grid-column:1/-1}.gpf-c:nth-child(2){grid-template-columns:1fr}.gpf .credit{margin-left:0}}
/* cookie banner */
#gp-ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:560px;margin:0 auto;background:#F4F4F5;border:1px solid #E4E4E7;border-radius:12px;box-shadow:var(--shadow-high);padding:16px 18px;display:grid;gap:12px;font-size:14px;line-height:1.45;color:#3F3F46;animation:gp-up .5s ease}
@keyframes gp-up{from{transform:translateY(24px);opacity:0}}
#gp-ck p{margin:0}#gp-ck a{color:#0A0A0A;text-decoration:underline}
#gp-ck div{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}#gp-ck .btn{padding:10px 16px;font-size:14px}#gp-ck .btn.y::after{display:none}
/* legal / static pages */
.lg{max-width:780px;margin:0 auto;padding:72px 24px 24px}
.lg .k{color:#3F6F00}
.lg h1{font-size:clamp(40px,5.5vw,70px);font-weight:330;line-height:1;margin:12px 0 16px;text-wrap:balance}
.lg .upd{color:#52525B;font-size:14px;margin:0 0 32px}
.lg h2{font-size:32px;font-weight:360;margin:48px 0 12px;scroll-margin-top:96px}
.lg p,.lg li{font-size:17px;line-height:1.6;color:#3F3F46;text-wrap:pretty}
.lg ul{padding-left:20px;display:grid;gap:6px}
.lg a{color:#0A0A0A;text-decoration:underline;text-decoration-color:#C6FF00;text-underline-offset:3px}
.lg a:hover{color:#5C8A00}
.lg .toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}
.lg .toc a{display:inline-block;padding:6px 12px;border:1px solid #D4D4D8;border-radius:9999px;font-size:13px;text-decoration:none;color:#3F3F46;transition:border-color .2s ease,color .2s ease}.lg .toc a:hover{border-color:#0A0A0A;color:#0A0A0A}
.lg .note{font-size:13px;color:#52525B;border-top:1px solid #E4E4E7;padding-top:16px;margin-top:48px}
.lg mark{background:rgba(198,255,0,.18);color:#0A0A0A;padding:0 4px;border-radius:4px}
.lg table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}.lg th,.lg td{text-align:left;padding:10px 8px;border-bottom:1px solid #E4E4E7;vertical-align:top;color:#3F3F46}
.ctg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:24px 0}
.ctg>div{background:#FFFFFF;border:1px solid #E4E4E7;border-radius:12px;padding:18px;display:grid;gap:6px;box-shadow:var(--shadow-card)}
.ctg h3{margin:0;font:400 13px/1.5 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#52525B}.ctg a{font-size:17px;text-decoration:none}.ctg small{color:#71717A}
/* scroll reveal (gp-look.js adds .in) */
[data-rv]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
[data-rv].in{opacity:1;transform:none}
[data-rv="l"]{transform:translateX(-24px)}[data-rv="r"]{transform:translateX(24px)}[data-rv="s"]{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none;transition:none}}
/* page transition veil */
.pt{position:fixed;inset:0;z-index:9998;background:#F7F7F4;pointer-events:none;opacity:0;transition:opacity .35s ease}
.pt.on{opacity:1;pointer-events:auto}
html.pt-in body{animation:gp-fadein .6s ease}
@keyframes gp-fadein{from{opacity:0;transform:translateY(8px)}}
/* ticker */
.tick{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#FFFFFF 10%,#FFFFFF 90%,transparent)}
.tick .tk{display:inline-flex;gap:48px;padding-right:48px;animation:gp-tick 36s linear infinite;font-family:var(--font-display);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#71717A}
.tick .tk span{display:inline-flex;align-items:center;gap:12px}.tick .tk span::before{content:"";width:6px;height:6px;border-radius:50%;background:#C6FF00}
.tick:hover .tk{animation-play-state:paused}
@keyframes gp-tick{to{transform:translateX(-50%)}}

/* ── light-theme additions: carousels, slots, decks ── */
.tick .tk span::before{background:#C6FF00;outline:1px solid #0A0A0A}
.slotwrap{position:relative;background:#FFFFFF;border:1px solid #E4E4E7;border-radius:12px;overflow:hidden}
.slotwrap image-slot{display:block;width:100%;height:100%}
.slotwrap .cap{position:absolute;left:12px;bottom:12px;z-index:2;pointer-events:none;background:rgba(255,255,255,.9);border:1px solid #E4E4E7;border-radius:9999px;padding:5px 10px;font:400 11px/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#52525B}
.car{position:relative}
.car .trk{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.car .trk::-webkit-scrollbar{display:none}
.car .sl{flex:0 0 min(78vw,620px);scroll-snap-align:start;border-radius:16px;overflow:hidden;position:relative;background:#F4F4F5;border:1px solid #E4E4E7;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.car .sl img{width:100%;height:auto;display:block}
.car .sl:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(0,0,0,.35)}
.car .sl .ov{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.car .sl:hover .ov{opacity:1;transform:none}
.car .sl .ov span{color:#fff;font:400 13px var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.car .sl .ov .btn{padding:8px 16px;font-size:14px}
.car .arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid #E4E4E7;background:#fff;color:#0A0A0A;display:grid;place-items:center;cursor:pointer;font-size:18px;box-shadow:0 8px 24px -8px rgba(0,0,0,.25);transition:background .2s,transform .2s}
.car .arr:hover{background:#C6FF00}.car .arr.l{left:-10px}.car .arr.r{right:-10px}
.car .dots{display:flex;gap:6px;justify-content:center;margin-top:4px}.car .dots i{width:6px;height:6px;border-radius:9999px;background:#D4D4D8;transition:width .3s,background .3s}.car .dots i.on{width:22px;background:#0A0A0A}
@media(hover:none){.car .sl .ov{opacity:1;transform:none}}
/* social deck: 3:4 cards, fanned, auto-rotating */
.deck{position:relative;aspect-ratio:3/4;max-width:420px;margin:0 auto;perspective:1200px}
.deck img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:20px;border:1px solid #E4E4E7;box-shadow:0 30px 60px -30px rgba(0,0,0,.45);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s,filter .8s;opacity:0;transform:translateX(40px) rotate(8deg) scale(.9);pointer-events:none}
.deck img.c{opacity:1;transform:none;z-index:3;pointer-events:auto}
.deck img.n{opacity:1;transform:translateX(28px) translateY(14px) rotate(5deg) scale(.95);z-index:2;filter:brightness(.92)}
.deck img.nn{opacity:1;transform:translateX(52px) translateY(28px) rotate(9deg) scale(.9);z-index:1;filter:brightness(.85)}
.deck img.p{opacity:0;transform:translateX(-60px) rotate(-8deg) scale(.9);z-index:0}
.deck .nav{position:absolute;left:0;right:0;bottom:-44px;display:flex;justify-content:center;gap:8px}.deck .nav button{width:36px;height:36px;border-radius:50%;border:1px solid #E4E4E7;background:#fff;cursor:pointer;font-size:16px;color:#0A0A0A}.deck .nav button:hover{background:#C6FF00}
.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid #D4D4D8;background:#fff;border-radius:9999px;padding:10px 18px;font:400 15px var(--font-display);cursor:pointer;color:#0A0A0A;transition:all .2s}.tabs button:hover{border-color:#0A0A0A}.tabs button[aria-pressed="true"]{background:#0A0A0A;color:#fff;border-color:#0A0A0A}

/* header: dropdown + on-page subnav */
.bar nav .dd{position:relative;display:flex;align-items:center}.bar nav .dd>a{display:inline-flex;align-items:center;gap:7px;padding-right:16px}.bar nav .dd>a::before{content:"";order:2;display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);opacity:.55;transition:transform .25s ease}.bar nav .dd:hover>a::before{transform:rotate(225deg) translate(-1px,-1px)}
.dd-menu{position:absolute;top:calc(100% + 8px);left:-6px;min-width:260px;background:#FFFFFF;border:1px solid #E4E4E7;border-radius:10px;padding:6px;display:grid;gap:1px;box-shadow:rgba(0,0,0,.06) 0 0 0 1px,rgba(0,0,0,.06) 0 2px 2px,rgba(0,0,0,.06) 0 4px 4px,rgba(0,0,0,.08) 0 12px 24px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;white-space:normal}
.dd-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{display:grid;gap:1px;padding:7px 10px;border-radius:6px;font-weight:500;font-size:14px;letter-spacing:0;color:#0A0A0A}.dd-menu a:hover{background:#F4F4F5;color:#0A0A0A}.dd-menu a b{font-weight:500}.dd-menu a span{font:400 12px/1.3 var(--font-body);color:#52525B}
.dd-menu a.all{margin-top:3px;border-top:1px solid #E4E4E7;border-radius:0 0 6px 6px;padding-top:9px;font-size:13px;color:#52525B}.dd-menu a.all:hover{color:#0A0A0A;background:none}
.subnav{border-top:1px solid #E4E4E7;background:rgba(255,255,255,.6)}.subnav .wrap{display:flex;gap:2px;min-height:32px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-left:22px;padding-right:22px}.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{font:500 11px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#71717A;padding:4px 9px;border-radius:9999px;white-space:nowrap;transition:color .2s ease,background .2s ease}.subnav a:hover{color:#0A0A0A}.subnav a.on{color:#0A0A0A;background:#F4F4F5}
.hdr.sc .subnav{background:rgba(255,255,255,.85)}
@media(max-width:1080px){.subnav{display:none}}
.mnav a.sub{font-size:clamp(18px,5vw,22px);padding:10px 4px 10px 22px;color:#52525B}

.dd-menu{min-width:640px;grid-template-columns:1fr 1fr}.dd-menu a.all{grid-column:1/-1}

/* SEO chrome: breadcrumbs + related links */
.crumbs{font-size:12px;color:#71717A}.crumbs ol{list-style:none;margin:0;padding:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 6px}.crumbs li+li::before{content:"/";margin-right:6px;color:#D4D4D8}.crumbs a{color:#52525B;text-decoration:none;background:none}.crumbs a:hover{color:#0A0A0A;text-decoration:underline}.crumbs [aria-current]{color:#0A0A0A}
.rel{padding:40px 0 48px;border-top:1px solid #E4E4E7}.rel h2{margin:0 0 18px;font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#52525B}.rel-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.rel-g a{display:grid;gap:4px;padding:16px 18px;border:1px solid #E4E4E7;border-radius:8px;background:#FFFFFF;text-decoration:none;color:#0A0A0A;transition:border-color .2s,box-shadow .2s}.rel-g a:hover{border-color:#0A0A0A;box-shadow:0 2px 8px rgba(0,0,0,.06)}.rel-g b{font-weight:600;font-size:15px}.rel-g span{font-size:13px;color:#52525B;line-height:1.4}