:root{--bg:#0A0A0A;--ink:#EDEDEB;--mut:#8C8C8A;--mut2:#A8A8A5;--line:#1C1C1C;--line2:#2A2A2A;--panel:#101010;--raise:#161616;--green:#3DBE5A;--blue:#1F5BFF;--pink:#F04DA0;--yellow:#FFC93C;--orange:#FF6A1A;--acc:#F04DA0;--acc-ink:#0A0A0A}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth;overflow-x:clip}
html.nl-light{filter:invert(1) hue-rotate(180deg) brightness(1.05)}
html.nl-light .vb-box{filter:invert(1) hue-rotate(180deg)}
body{background:var(--bg);color:var(--ink);font:16px/1.5 Inter,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.h{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;letter-spacing:-.035em;text-wrap:balance}

/* menu (identical to homepage Nav) */
.logo{display:flex;align-items:center;gap:10px;font:800 22px/1 'Inter Tight',sans-serif;letter-spacing:-.04em}
.logo svg{width:22px;height:auto;fill:var(--ink)}
.nl-th{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #2A2A2A;border-radius:50%;background:#141414;color:#EDEDEB;cursor:pointer;transition:border-color .15s,background .15s}
.nl-th:hover{border-color:#4A4A4A;background:#1C1C1C}
[data-menu]{background:transparent}
[data-menu][aria-expanded=true]{background:#1E1E1E!important}
header [hidden]{display:none!important}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:nlReveal .7s cubic-bezier(.4,0,.2,1)}
@keyframes nlReveal{from{clip-path:circle(0 at var(--nl-x,50%) var(--nl-y,0px))}to{clip-path:circle(var(--nl-r,150vmax) at var(--nl-x,50%) var(--nl-y,0px))}}
@media(prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}}

/* hero */
.herowrap{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero{position:relative;padding:150px 0 130px}
.eyebrow{font-size:15px;color:var(--mut);margin-bottom:22px;display:flex;align-items:center;gap:10px}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--acc)}
.hero h1{font-size:clamp(44px,5.6vw,78px);line-height:1.02;max-width:900px}
.hero-row{margin-top:30px;display:flex;flex-wrap:wrap;gap:22px 48px;justify-content:space-between;align-items:flex-end}
.hero-row p{max-width:540px;font-size:19px;line-height:1.5;color:var(--mut2)}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn{padding:12px 22px;border-radius:999px;font-weight:600;font-size:15px;border:1px solid var(--line2);color:var(--ink);transition:border-color .15s,background .15s}
.btn:hover{border-color:#4A4A4A;background:#161616}
.btn.p{background:var(--ink);color:#0A0A0A;border-color:var(--ink)}.btn.p:hover{background:#fff}

/* section header: headline left, text right, link below */
.sec{padding-top:150px}
.sh{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px;align-items:start}
.sh h2{font-size:clamp(32px,3.6vw,48px);line-height:1.04}
.sh p{font-size:clamp(19px,1.7vw,22px);line-height:1.4;color:var(--mut2)}
.sh a{display:inline-block;margin-top:26px;font-size:15px;color:var(--mut)}.sh a:after{content:" +"}.sh a:hover{color:var(--ink)}
@media(max-width:820px){.sh{grid-template-columns:1fr}}
.gap{margin-top:64px}

/* two-up cards */
.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.card{border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:#08090a;display:flex;flex-direction:column}
.card .vz{height:430px;position:relative;overflow:hidden}
.card .ct{padding:26px 32px 30px}.card h3{font-size:15px;font-weight:500}.card p{margin-top:6px;font-size:15px;color:var(--mut);max-width:420px}
@media(max-width:820px){.two{grid-template-columns:1fr}}

/* list */
.ex{margin-top:64px;border-top:1px solid var(--line2)}
.ex a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line2);transition:background .15s,padding .15s}
.ex a:hover{background:#0F0F0F;padding-left:14px}
.ex .g{width:32px;height:32px;border-radius:8px;background:#1E1E1E;display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--mut2)}
.ex b{font:500 clamp(18px,1.8vw,24px)/1.25 'Inter Tight',sans-serif;letter-spacing:-.02em}
.ex span.t{font-size:13px;color:var(--mut)}
@media(max-width:700px){.ex span.t{display:none}.ex a{grid-template-columns:36px 1fr}}

/* next pages row */
.next{margin-top:150px;display:grid;grid-template-columns:repeat(4,1fr)}
.next a{display:flex;flex-direction:column;justify-content:space-between;gap:56px;padding:6px 28px 4px;border-left:1px solid var(--line2);font:500 clamp(19px,1.7vw,24px)/1.25 'Inter Tight',sans-serif;letter-spacing:-.02em}
.next a:first-child{border-left:0;padding-left:0}.next small{font:400 14px Inter,sans-serif;letter-spacing:0;color:var(--mut)}.next a:hover small{color:var(--ink)}.next a.cur{color:var(--mut)}
@media(max-width:900px){.next{grid-template-columns:1fr 1fr;gap:40px 0}.next a:nth-child(3){border-left:0;padding-left:0}}

/* statement boxes */
.vb-row{margin-top:150px;display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:8px}
.vb-box{position:relative;min-height:440px;padding:40px 40px 34px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:48px;color:#0A0A0A}
.vb-a{background:linear-gradient(180deg,#EDEDEB 0%,#EDEDEB 38%,var(--tint,#E3E8FA) 100%)}
.vb-b{background:var(--acc);color:var(--acc-ink)}
.vb-wm{position:absolute;right:-70px;top:-40px;width:560px;pointer-events:none}.vb-wm path{fill:rgba(255,255,255,.55)}
.vb-q{position:relative;font:600 clamp(26px,2.5vw,34px)/1.14 'Inter Tight',sans-serif;letter-spacing:-.025em;text-wrap:balance}
.vb-by{position:relative;display:flex;align-items:center;gap:18px;font-size:14px;line-height:1.35}
.vb-lm{flex:none;width:34px;height:auto;padding-right:18px;box-sizing:content-box;border-right:1px solid rgba(10,10,10,.14)}.vb-lm path{fill:currentColor}
.vb-by span{opacity:.62}.vb-by b{display:block;font-weight:600}
.dots{margin-left:auto;display:flex;gap:7px}.dots i{width:13px;height:13px;border-radius:50%}
@media(max-width:820px){.vb-row{grid-template-columns:1fr}.vb-box{min-height:300px;padding:28px 24px}.dots{display:none}}

.cta{padding:150px 0 0;text-align:center}
.cta h2{font-size:clamp(36px,5vw,68px);line-height:1.02;max-width:820px;margin:0 auto}
.cta .btns{justify-content:center;margin-top:36px}

/* footer */
footer{margin-top:150px;border-top:1px solid var(--line);font-size:14px}
.ft{padding:64px 32px 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 24px;max-width:1280px;margin:0 auto}
.ft .logo{font-size:24px}.ft .logo svg{width:24px}
.ft h4{font-weight:500;color:#F4F4F2;padding-bottom:14px}.ft a{display:block;padding:5px 0;color:var(--mut2)}.ft a.logo{display:flex}.ft a:hover{color:#fff}
.fb{max-width:1280px;margin:0 auto;padding:72px 32px 48px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--mut)}
@media(max-width:1000px){.ft{grid-template-columns:repeat(3,1fr)}.ft .logo{grid-column:1/-1}}

.rv{opacity:0;transform:translateY(14px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.nl-th{display:none!important} /* theme switch lives on the mascot ball; the hidden button is still clicked by it */