/* Layout: alternating graphite and ivory bands, one 1200px column, Flux used only as the signal. Single committed brand look. */
:root{
  --graphite:#121316; --carbon:#1E2024; --deep:#0C0D0F; --line-d:#2C2E33;
  --ivory:#F3F0E8; --paper:#FBFAF6; --line-l:#DCD7CC;
  --titanium:#A8ABB2; --muted-d:#C9CBD0; --muted-l:#55585F;
  --flux:#FF5A1F; --flux-ink:#C2410C;
  --display:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--graphite);color:var(--ivory);font-family:var(--display);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-inline:24px}
.band-light{background:var(--ivory);color:var(--graphite);color-scheme:light}
.band-paper{background:var(--paper);color:var(--graphite);color-scheme:light}
.band-dark{background:var(--graphite);color:var(--ivory)}
.band-carbon{background:var(--carbon);color:var(--ivory)}
section{padding-block:96px}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.025em;text-wrap:balance}
h2{font-size:clamp(34px,4.6vw,54px);line-height:1.04}
h3{font-size:21px;letter-spacing:-.01em}
p{margin:0}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--flux)}
.band-light .eyebrow,.band-paper .eyebrow{color:var(--flux-ink)}
.lead{font-size:19px;max-width:620px;color:var(--muted-d)}
.band-light .lead,.band-paper .lead{color:var(--muted-l)}
.head{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;align-items:flex-end;margin-bottom:48px}
.head > div{display:flex;flex-direction:column;gap:16px;max-width:680px;min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;font:600 16px var(--display);text-decoration:none;border:0;cursor:pointer;transition:transform .15s ease, background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--flux);outline-offset:3px}
.btn-flux{background:var(--flux);color:var(--graphite)}
.btn-ghost{background:transparent;color:inherit;border:1px solid currentColor;font-weight:500}
.btn-dark{background:var(--graphite);color:var(--ivory)}

section[id]{scroll-margin-top:80px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{grid-column:1/-1;font-size:12.5px;color:var(--titanium)}
.consent a{color:var(--ivory)}
.notice a{color:var(--flux);font-weight:600}
/* NAV */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(18,19,22,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-d)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.logo{display:flex;color:var(--ivory)}
.nav nav{display:flex;flex-wrap:wrap;gap:28px;font-size:15px;color:var(--muted-d)}
.nav nav a{text-decoration:none}
.nav nav a:hover{color:var(--ivory)}
.menu-btn{display:none;background:transparent;border:1px solid var(--line-d);color:var(--ivory);font:500 14px var(--display);min-height:44px;padding:0 14px;cursor:pointer}
@media (max-width:860px){
  .nav nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--graphite);border-bottom:1px solid var(--line-d);padding:8px 24px 16px}
  .nav nav a{padding:12px 0;border-bottom:1px solid var(--line-d);font-size:17px;color:var(--ivory)}
  .nav.open nav{display:flex}
  .menu-btn{display:inline-flex;align-items:center}
  .nav .wrap > .btn{display:none}
}

/* HERO */
.hero{padding-block:88px 104px;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:28px;min-width:0}
.hero h1{font-size:clamp(54px,8.2vw,104px);line-height:.94;letter-spacing:-.045em}
.hero h1 span{color:var(--flux)}
.hero .lead{font-size:20px}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.promise{display:flex;flex-wrap:wrap;gap:10px 28px;font-family:var(--mono);font-size:13px;color:var(--titanium);letter-spacing:.04em;padding-top:8px}
.promise span::before{content:"";display:inline-block;width:8px;height:8px;background:var(--flux);margin-right:10px;vertical-align:1px}
.field{position:relative;aspect-ratio:1/1.05;max-width:100%;background:var(--deep);overflow:hidden;display:flex;align-items:center;justify-content:center}
.field svg.bg{position:absolute;inset:0;width:100%;height:100%}
.ztile{position:relative;width:38%;aspect-ratio:1;background:var(--graphite);display:flex;align-items:center;justify-content:center}
.ztile svg{width:40%;height:auto;color:var(--ivory);overflow:visible}
.zt{animation:zt 1.1s cubic-bezier(.2,.7,.2,1) .2s both,ztl 6s ease-in-out 2.4s infinite}
.zb{animation:zb 1.1s cubic-bezier(.2,.7,.2,1) .2s both,zbl 6s ease-in-out 2.4s infinite}
.spark{transform-box:fill-box;transform-origin:center;animation:spark 1.6s linear .2s both,sparkl 6s ease-in-out 2.4s infinite}
@keyframes ztl{0%,62%,100%{transform:none}72%{transform:translateX(10px)}84%{transform:none}}
@keyframes zbl{0%,62%,100%{transform:none}72%{transform:translateX(-10px)}84%{transform:none}}
@keyframes sparkl{0%,66%{opacity:0;transform:scaleX(.15)}74%{opacity:1;transform:scaleX(1)}84%,100%{opacity:0;transform:scaleX(1.25)}}
@keyframes zt{from{transform:translateX(28px)}to{transform:none}}
@keyframes zb{from{transform:translateX(-28px)}to{transform:none}}
@keyframes spark{0%,55%{opacity:0}65%{opacity:1}100%{opacity:0}}
.field-cap{position:absolute;left:16px;bottom:14px;font-family:var(--mono);font-size:11px;color:var(--titanium);letter-spacing:.08em}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.field{aspect-ratio:16/10}}
@media (prefers-reduced-motion:reduce){.zt,.zb,.spark{animation:none}.spark{opacity:0}html{scroll-behavior:auto}}
/* LOGO MOTION: the Handover, everywhere the wordmark appears */
.logo svg,.flogo{overflow:visible}
.logo .lo,.flogo .lo{animation:lo-in .7s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
.logo .hz-t,.flogo .hz-t{animation:hz-t .9s cubic-bezier(.2,.7,.2,1) .45s both}
.logo .hz-b,.flogo .hz-b{animation:hz-b .9s cubic-bezier(.2,.7,.2,1) .45s both}
.hz-s{opacity:0;transform-box:fill-box;transform-origin:center;animation:hz-s 1.4s linear .45s both}
.hz-s2{opacity:0;transform-box:fill-box;transform-origin:center}
.logo:hover .hz-pt,.logo:focus-visible .hz-pt{animation:hz-th .9s ease-in-out}
.logo:hover .hz-pb,.logo:focus-visible .hz-pb{animation:hz-bh .9s ease-in-out}
.logo:hover .hz-s2,.logo:focus-visible .hz-s2{animation:hz-sh .9s ease-in-out}
.flogo:not(.in) .lo,.flogo:not(.in) .hz-t,.flogo:not(.in) .hz-b,.flogo:not(.in) .hz-s{animation-play-state:paused}
@keyframes lo-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hz-t{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@keyframes hz-b{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes hz-s{0%,50%{opacity:0;transform:scaleX(.1)}62%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.3)}}
@keyframes hz-th{0%,100%{transform:none}45%{transform:translateX(16px)}}
@keyframes hz-bh{0%,100%{transform:none}45%{transform:translateX(-16px)}}
@keyframes hz-sh{0%,25%{opacity:0;transform:scaleX(.1)}45%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.3)}}
.ztile{transition:box-shadow .3s}
.ztile::after{content:"";position:absolute;inset:0;pointer-events:none;animation:zglow 6s ease-in-out 2.4s infinite}
@keyframes zglow{0%,62%,100%{box-shadow:0 0 0 0 rgba(255,90,31,0)}74%{box-shadow:0 0 0 2px rgba(255,90,31,.55),0 0 70px 6px rgba(255,90,31,.28)}90%{box-shadow:0 0 0 0 rgba(255,90,31,0)}}
.pulse{filter:drop-shadow(0 0 6px #FF5A1F)}
@media (prefers-reduced-motion:reduce){.logo .lo,.logo .hz-t,.logo .hz-b,.hz-s,.flogo .lo,.flogo .hz-t,.flogo .hz-b,.ztile::after{animation:none!important}.hz-s{opacity:0}.pulse{display:none}}


/* GROUP + PROOF */
.logo-wrap{display:flex;align-items:center;gap:14px}
.group-tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--titanium);border-left:1px solid var(--line-d);padding-left:14px;line-height:1.3}
@media (max-width:560px){.group-tag{display:none}}
.group-line{display:block;font-size:15px;color:var(--muted-d);border-top:1px solid var(--line-d);padding-top:20px}
.group-line b{color:var(--ivory);font-weight:500}
.proof{background:var(--deep);padding-block:56px}
.proof .wrap{display:flex;flex-direction:column;gap:36px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--line-d);border:2px solid var(--line-d)}
.stat{background:var(--deep);padding:28px 28px 26px;display:flex;flex-direction:column;gap:8px;min-width:0}
.stat .v{font-size:clamp(44px,5.4vw,68px);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.stat .v small{font-size:.42em;letter-spacing:0;color:var(--flux);margin-left:6px;font-weight:500}
.stat .l{font-size:16px;color:var(--ivory)}
.stat .s{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--titanium)}
.clients{display:flex;flex-wrap:wrap;align-items:center;gap:16px 0}
.clients .k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--titanium);margin-right:28px}
.client{display:flex;flex-direction:column;padding:4px 28px;border-left:1px solid var(--line-d)}
.client b{font-size:24px;font-weight:600;letter-spacing:.02em}
.client span{font-size:12.5px;color:var(--titanium)}
.client.more{border-left:0}
.client.more b{font-size:16px;font-weight:400;color:var(--muted-d);letter-spacing:0}
@media (max-width:760px){.stats{grid-template-columns:1fr}.client{padding:4px 18px}}

/* QUICK CHECK + CTA BANDS */
.quick{background:var(--flux);color:var(--graphite);padding-block:48px;color-scheme:light}
.quick .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.quick h2{font-size:clamp(30px,3.6vw,42px)}
.quick p{margin-top:12px;font-size:17px;max-width:460px}
.quick ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:15px}
.quick li::before{content:"";display:inline-block;width:10px;height:2px;background:var(--graphite);margin-right:10px;vertical-align:4px}
.qform{background:var(--graphite);padding:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;color:var(--ivory)}
.qform .f label{font-size:13px}
.qform .btn{min-height:50px}
.qform .err,.qform .notice{grid-column:1/-1}
.qform .wa{grid-column:1/-1;font-size:14px;color:var(--muted-d)}
.qform .wa a{color:var(--ivory)}
@media (max-width:980px){.quick .wrap{grid-template-columns:1fr}.qform{grid-template-columns:repeat(2,minmax(0,1fr))}.qform .btn{grid-column:1/-1}}
@media (max-width:520px){.qform{grid-template-columns:1fr}}
.cta-band{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;margin-top:48px;padding:28px 32px;border:1px solid var(--line-d)}
.band-light .cta-band,.band-paper .cta-band{border-color:var(--line-l);background:var(--paper)}
.cta-band p{font-size:20px;font-weight:500;letter-spacing:-.01em;max-width:620px}
.cta-band .ctas{gap:12px}
.btn-wa{background:transparent;color:inherit;border:1px solid currentColor;font-weight:500}
.wa-float{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:10px;background:var(--ivory);color:var(--graphite);text-decoration:none;font-weight:600;font-size:15px;padding:12px 18px;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.wa-float svg{width:20px;height:20px}
.mbar{display:none}
@media (max-width:700px){
  .wa-float{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(18,19,22,.96);border-top:1px solid var(--line-d)}
  .mbar .btn{min-height:46px;font-size:15px;padding:0 10px}
  footer{padding-bottom:110px}
}
.form-perks{display:grid;gap:10px;margin:8px 0 0;padding:0;list-style:none}
.form-perks li{display:flex;gap:12px;color:var(--ivory);font-size:16px}
.form-perks li::before{content:"";flex:0 0 8px;height:8px;background:var(--flux);margin-top:8px}
.f input[type=file]{padding:10px;font-size:14px}

/* CAMPAIGN STRIP */
.strip{background:var(--carbon);padding-block:26px}
.strip .wrap{display:flex;flex-wrap:wrap;gap:12px 40px;font-family:var(--mono);font-size:15px;letter-spacing:.08em;color:var(--titanium)}
.strip b{font-weight:500;color:var(--ivory)}
.strip .o{color:var(--flux)}

/* PROBLEM */
.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--line-l);border:2px solid var(--line-l)}
.compare > div{background:var(--paper);padding:36px;display:flex;flex-direction:column;gap:18px;min-width:0}
.compare > div.with{background:var(--graphite);color:var(--ivory)}
.compare ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.compare li{display:flex;gap:14px;align-items:baseline}
.compare li::before{content:"";flex:0 0 10px;height:2px;background:var(--muted-l);transform:translateY(-4px)}
.compare .with li::before{background:var(--flux)}
.tag{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-l)}
.with .tag{color:var(--flux)}
@media (max-width:760px){.compare{grid-template-columns:1fr}}

/* SOLUTIONS */
.lead-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.prod{background:var(--carbon);padding:40px;display:flex;flex-direction:column;gap:20px;min-width:0;border-top:3px solid var(--flux)}
.prod-name{display:flex;align-items:center;gap:12px}
.prod-name svg{color:var(--ivory)}
.prod-name .rule{width:1px;height:22px;background:var(--ivory)}
.prod-name span:last-child{font-size:22px}
.prod p{color:var(--muted-d)}
.prod dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0;font-size:15px;border-top:1px solid var(--line-d);padding-top:20px}
.prod dt{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--titanium);text-transform:uppercase;padding-top:3px}
.prod dd{margin:0}
.next{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--line-d);border:2px solid var(--line-d)}
.next > div{background:var(--graphite);padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.next .soon{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--titanium)}
.next h3{font-size:18px}
.next p{font-size:14.5px;color:var(--muted-d)}
@media (max-width:900px){.lead-products{grid-template-columns:1fr}.next{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.next{grid-template-columns:1fr}.prod{padding:28px}}

/* HOW */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;counter-reset:s}
.step{border-top:1px solid var(--graphite);padding-top:22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.step .n{font-family:var(--mono);font-size:14px;color:var(--flux-ink)}
.step p{color:var(--muted-l);font-size:16px}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* MODELS TABLE */
.tbl{overflow-x:auto;border:1px solid var(--line-l);background:var(--paper)}
table{border-collapse:collapse;width:100%;min-width:620px;font-size:16px}
th,td{text-align:left;padding:18px 22px;border-bottom:1px solid var(--line-l);vertical-align:top}
th{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-l)}
tbody th{font-family:var(--display);font-size:15px;letter-spacing:0;text-transform:none;color:var(--graphite);font-weight:500}
tr:last-child td,tr:last-child th{border-bottom:0}

/* INDUSTRIES */
.ind{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--line-d);border:2px solid var(--line-d)}
.ind > div{background:var(--graphite);padding:28px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ind h3{font-size:19px}
.ind p{font-size:15px;color:var(--muted-d)}
.ind .lp{font-family:var(--mono);font-size:12px;color:var(--flux);letter-spacing:.04em;margin-top:auto;padding-top:8px}
.ind .feat{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px 40px;padding:36px 32px;background:var(--carbon)}
.ind .feat h3{font-size:28px}
.ind .feat .new{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--flux)}
.ind .feat ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;font-size:15px;color:var(--muted-d)}
.ind .feat li::before{content:"";display:inline-block;width:8px;height:8px;background:var(--flux);margin-right:10px}
@media (max-width:900px){.ind{grid-template-columns:repeat(2,minmax(0,1fr))}.ind .feat{grid-template-columns:1fr}}
@media (max-width:520px){.ind .feat ul{grid-template-columns:1fr}}
@media (max-width:520px){.ind{grid-template-columns:1fr}}

/* WHY */
.why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.why-list{display:flex;flex-direction:column}
.why-list > div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line-l)}
.why-list > div:first-child{border-top:1px solid var(--line-l)}
.why-list b{font-weight:500}
.why-list p{color:var(--muted-l)}
@media (max-width:900px){.why{grid-template-columns:1fr;gap:40px}.why-list > div{grid-template-columns:1fr;gap:6px}}

/* HANDOVER */
.handover .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.handover blockquote{margin:0;font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-.035em;font-weight:500}
.handover blockquote span{color:var(--flux)}
.handover .txt{display:flex;flex-direction:column;gap:18px;color:var(--muted-d)}
.bigz{display:flex;justify-content:center;align-items:center;gap:18px}
.bigz svg{width:min(180px,40vw);height:auto;color:var(--ivory)}
@media (max-width:900px){.handover .wrap{grid-template-columns:1fr;gap:40px}}
/* HANDOVER Z: plays when scrolled into view, then hands energy across the cut every 6s */
.bigz svg{overflow:visible}
.bigz.pre:not(.in) .bz-t,.bigz.pre:not(.in) .bz-b{opacity:0}
.bigz .bz-s,.bigz .bz-p{opacity:0;transform-box:fill-box;transform-origin:center}
.bigz .bz-p{filter:drop-shadow(0 0 3px #FF5A1F)}
.bigz.in .bz-t{animation:bz-t 1.2s cubic-bezier(.2,.7,.2,1) both}
.bigz.in .bz-b{animation:bz-b 1.2s cubic-bezier(.2,.7,.2,1) both}
.bigz.in .bz-s{animation:bz-s1 1.8s linear both,bz-s 6s ease-in-out 2.2s infinite}
.bigz.in .bz-pt{animation:bz-lt 6s ease-in-out 2.2s infinite}
.bigz.in .bz-pb{animation:bz-lb 6s ease-in-out 2.2s infinite}
.bigz.in .bz-p{transform-box:view-box;transform-origin:0 0;animation:bz-p 6s ease-in-out 2.2s infinite}
@keyframes bz-t{from{opacity:0;transform:translate(34px,-14px)}to{opacity:1;transform:none}}
@keyframes bz-b{from{opacity:0;transform:translate(-34px,14px)}to{opacity:1;transform:none}}
@keyframes bz-s1{0%,55%{opacity:0;transform:scaleX(.1)}68%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.2)}}
@keyframes bz-lt{0%,40%,100%{transform:none}55%,70%{transform:translate(5px,-3px)}84%{transform:none}}
@keyframes bz-lb{0%,40%,100%{transform:none}55%,70%{transform:translate(-5px,3px)}84%{transform:none}}
@keyframes bz-p{0%,44%{opacity:0;transform:none}48%{opacity:1;transform:none}76%{opacity:1;transform:translate(-52px,64px)}80%,100%{opacity:0;transform:translate(-52px,64px)}}
@keyframes bz-s{0%,58%{opacity:0;transform:scaleX(.1)}62%{opacity:1;transform:scaleX(1)}74%,100%{opacity:0;transform:scaleX(1.2)}}
@media (prefers-reduced-motion:reduce){.bigz .bz-t,.bigz .bz-b{opacity:1}.bigz.in *{animation:none!important}}


/* FAQ */
.faq{max-width:860px}
details{border-bottom:1px solid var(--line-l)}
details:first-of-type{border-top:1px solid var(--line-l)}
summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-size:19px;font-weight:500;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:18px;font-family:var(--mono);font-size:22px;color:var(--flux-ink)}
details[open] summary::after{content:"−"}
details p{padding:0 0 24px;color:var(--muted-l);max-width:720px}

/* CONTACT */
.contact .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.contact .info{display:flex;flex-direction:column;gap:22px}
.contact .info dl{margin:12px 0 0;display:grid;gap:14px}
.contact .info dt{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--titanium);text-transform:uppercase}
.contact .info dd{margin:2px 0 0;font-size:17px;user-select:all}
form{background:var(--carbon);padding:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.f{display:flex;flex-direction:column;gap:8px;min-width:0}
.f.full{grid-column:1/-1}
label{font-size:14px;color:var(--muted-d)}
input,select,textarea{font:16px var(--display);color:var(--ivory);background:var(--graphite);border:1px solid var(--line-d);padding:13px 14px;width:100%;border-radius:0}
textarea{min-height:110px;resize:vertical}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips label{display:flex;align-items:center;gap:8px;border:1px solid var(--line-d);padding:10px 14px;cursor:pointer;color:var(--ivory)}
.chips input{width:auto;accent-color:var(--flux)}
.form-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}
.form-foot small{color:var(--titanium);font-size:13px;max-width:360px}
.notice{grid-column:1/-1;border-left:3px solid var(--flux);background:var(--graphite);padding:16px 18px;font-size:15px}
.err{color:#FF8A5C;font-size:13px}
@media (max-width:900px){.contact .wrap{grid-template-columns:1fr;gap:40px}}
@media (max-width:560px){form{grid-template-columns:1fr;padding:24px}}

/* FOOTER */
footer{background:var(--deep);padding-block:56px 40px;color:var(--titanium);font-size:14px}
footer .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.6fr));gap:40px}
footer .brand{display:flex;flex-direction:column;gap:14px}
footer .brand svg{color:var(--ivory)}
footer h4{margin:0 0 12px;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory)}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:var(--ivory)}
.legal{grid-column:1/-1;border-top:1px solid var(--line-d);padding-top:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13px}
@media (max-width:760px){footer .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}footer .brand{grid-column:1/-1}}

/* ===== MOTION LAYER v2: scroll, cursor and micro-interactions. All of it switches off for reduced motion. ===== */
.progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--flux);transform-origin:0 50%;transform:scaleX(0);z-index:60;pointer-events:none}
.nav{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,box-shadow .3s}
.nav.scrolled{background:rgba(12,13,15,.82);box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}
.nav.hide{transform:translateY(-100%)}
/* reveal */
.js-motion .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*80ms)}
.js-motion .rv.on{opacity:1;transform:none}
.js-motion h2.rv{clip-path:inset(0 0 100% 0);transform:translateY(18px);transition:clip-path 1s cubic-bezier(.2,.7,.2,1),opacity .6s,transform 1s cubic-bezier(.2,.7,.2,1)}
.js-motion h2.rv.on{clip-path:inset(0 0 -10% 0)}
/* steps: the line draws itself */
.step{position:relative;border-top-color:transparent!important}
.step::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--graphite);transform-origin:0 50%}
.js-motion .step::before{transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*180ms)}
.js-motion .step.on::before{transform:scaleX(1)}
.step .n{transition:color .3s}
.step:hover .n{color:var(--flux)}
/* cards: lift + spotlight that follows the mouse */
.prod,.ind>div,.next>div,.compare>div{position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.prod::after,.ind>div::after,.next>div::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,90,31,.13),transparent 60%)}
.prod:hover::after,.ind>div:hover::after,.next>div:hover::after{opacity:1}
@media (hover:hover){.prod:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(0,0,0,.9)}.ind>div:hover h3,.next>div:hover h3{color:var(--flux)}}
.ind h3,.next h3{transition:color .25s}
/* buttons: sweep + magnetic */
.btn{position:relative;overflow:hidden;isolation:isolate;will-change:transform}
.btn-flux::before{content:"";position:absolute;inset:0;background:var(--ivory);transform:translateX(-101%);transition:transform .45s cubic-bezier(.2,.7,.2,1);z-index:-1}
.btn-flux:hover::before{transform:none}
.btn-ghost::before{content:"";position:absolute;inset:0;background:currentColor;opacity:.08;transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.2,.7,.2,1);z-index:-1}
.btn-ghost:hover::before{transform:none}
/* marquee strip */
.strip{overflow:hidden}
.strip .wrap.mq{max-width:none;padding:0;display:flex;flex-wrap:nowrap;gap:0;width:max-content;animation:mq 38s linear infinite}
.strip .mq > span,.strip .mq > b{padding-right:48px;white-space:nowrap}
.strip:hover .mq{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
/* hero depth */
.field{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}
.field .ztile{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
/* custom cursor (desktop only) */
.cur{position:fixed;left:0;top:0;width:36px;height:36px;margin:-18px 0 0 -18px;border:1.5px solid var(--flux);border-radius:50%;pointer-events:none;z-index:70;opacity:0;transition:width .25s,height .25s,margin .25s,opacity .3s,background .25s,border-color .25s}
.cur.on{opacity:1}
.cur.big{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(255,90,31,.12)}
.cur.light{border-color:var(--flux-ink)}
.cur-dot{position:fixed;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--flux);pointer-events:none;z-index:71;opacity:0}
.cur-dot.on{opacity:1}
/* FAQ open animation */
.faq details[open] > *:not(summary){animation:faq-in .45s cubic-bezier(.2,.7,.2,1)}
@keyframes faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:760px){.clients{display:grid;grid-template-columns:1fr;gap:14px}.clients .k{margin:0 0 2px}.client{border-left:2px solid var(--flux);padding:2px 0 2px 16px}.client.more{padding-left:0;border-left:0}}
/* stat numbers */
.stat .v{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){
  .progress,.cur,.cur-dot{display:none}
  .js-motion .rv,.js-motion h2.rv{opacity:1;transform:none;clip-path:none;transition:none}
  .js-motion .step::before{transform:none;transition:none}
  .strip .wrap.mq{animation:none;flex-wrap:wrap;width:auto;max-width:1200px;padding-inline:24px;gap:12px 40px}
  .field,.field .ztile{transform:none!important}
  .btn{transform:none!important}
}

/* ===== v3 content components ===== */
.ind h3 a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}.ind h3 a:hover{color:var(--flux)}
.ins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ins a{display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--paper);border:1px solid var(--line-l);text-decoration:none;color:inherit;transition:border-color .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.ins a:hover{border-color:var(--flux);transform:translateY(-3px)}
.ins span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--flux-ink)}
.ins h3{font-size:19px;line-height:1.3}.ins em{margin-top:auto;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--flux-ink)}
@media (max-width:980px){.ins{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ins{grid-template-columns:1fr}}
.lite .pulse{display:none}
.lite .hero *,.lite .hero *::before,.lite .hero *::after,.lite .ztile::after,.lite .fmt svg *{animation-iteration-count:1!important}

.proofline{display:inline-flex;gap:8px;align-items:baseline;margin-top:6px;font-size:15px;color:var(--muted-d);text-decoration:none;border-bottom:1px solid var(--line-d);padding-bottom:6px;width:fit-content}
.proofline b{color:var(--flux);font-size:20px;font-weight:600}
.proofline:hover{color:var(--ivory);border-color:var(--flux)}
.nextline{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:20px 24px;border:1px solid var(--line-d);color:var(--muted-d);font-size:15px}
.nextline span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--titanium)}
.formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fmt{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--paper);border:1px solid var(--line-l);text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .3s}
.fmt:hover{transform:translateY(-4px);border-color:var(--flux);box-shadow:0 24px 50px -32px rgba(0,0,0,.45)}
.fmt svg{width:100%;height:auto;background:var(--graphite);margin-bottom:6px}
.fmt .fph{display:block;overflow:hidden;aspect-ratio:4/3;background:var(--graphite);margin-bottom:6px}.fmt .fph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.fmt:hover .fph img{transform:scale(1.05)}
.fmt svg .g{stroke:#3A3D44;stroke-width:2}.fmt svg .s{stroke:#A8ABB2;stroke-width:5}.fmt svg .s2{stroke:#A8ABB2;stroke-width:3}
.fmt svg .pv polygon{fill:#2C3A55;stroke:#F3F0E8;stroke-width:1.2}
.fmt svg .b{fill:none;stroke:#A8ABB2;stroke-width:2}
.fmt svg .car{fill:none;stroke:#C9CBD0;stroke-width:2}
.fmt svg .sun{fill:#FF5A1F}
.fmt svg .sh{fill:rgba(255,255,255,.35);transform:skewX(-20deg);opacity:0}
.fmt svg .lv{fill:#FF5A1F;opacity:.25}
.fmt h3{font-size:20px}.fmt p{font-size:15px;color:var(--muted-l)}
.fmt .more{margin-top:auto;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--flux-ink)}
.fnote{margin-top:14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--titanium)}
@media (max-width:980px){.formats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.formats{grid-template-columns:1fr}}
.cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--line-d);border:2px solid var(--line-d)}
.case{background:var(--graphite);padding:28px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.case .pct{font-size:clamp(52px,6vw,76px);line-height:.9;letter-spacing:-.04em;color:var(--flux);font-weight:500}
.case .cap{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--titanium);text-transform:uppercase}
.case h3{font-size:19px;margin-top:8px}.case p{font-size:15px;color:var(--muted-d)}
.case .bar{height:6px;background:#24262B;margin-top:4px}.case .bar i{display:block;height:100%;width:var(--w);background:var(--flux);transform-origin:0 50%}
.case .lp{font-family:var(--mono);font-size:11.5px;color:var(--flux);letter-spacing:.04em;margin-top:auto;padding-top:8px}
@media (max-width:980px){.cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cases{grid-template-columns:1fr}}
.calc-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start}
.calc-copy{display:flex;flex-direction:column;gap:18px}
.assume{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:var(--muted-l)}
.assume li::before{content:"";display:inline-block;width:8px;height:8px;background:var(--flux);margin-right:10px}
.calc{background:var(--graphite);color:var(--ivory);padding:32px;display:flex;flex-direction:column;gap:12px}
.calc label{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--muted-d);margin-top:6px}
.calc output{font-family:var(--mono);font-size:16px;color:var(--ivory)}
.calc input[type=range]{width:100%;accent-color:#FF5A1F;height:28px}
.calc .res{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line-d);border:2px solid var(--line-d);margin:10px 0 6px}
.calc .res > div{background:var(--carbon);padding:16px;display:flex;flex-direction:column;gap:4px}
.calc .res span{font-size:13px;color:var(--titanium)}.calc .res b{font-size:clamp(24px,2.6vw,32px);font-weight:500;letter-spacing:-.02em}
.calc .res b.fx{color:var(--flux)}
@media (max-width:900px){.calc-wrap{grid-template-columns:1fr;gap:32px}.calc{padding:24px}}
.backbone{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--line-d);border:2px solid var(--line-d);margin-bottom:28px}
.backbone > div{background:var(--graphite);padding:24px}
.backbone b{font-size:clamp(34px,4vw,48px);font-weight:500;letter-spacing:-.03em;display:inline}.backbone small{font-size:28px;color:var(--flux)}
.backbone span{display:block;margin-top:6px;font-size:14px;color:var(--muted-d)}
.leaders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.leader{display:flex;gap:16px;padding:22px;border:1px solid var(--line-d);background:var(--carbon)}
.leader .av{flex:0 0 56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--flux);color:var(--graphite);font-weight:600;font-size:18px}
.leader h3{font-size:19px}.leader .role{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--flux);text-transform:uppercase}
.leader p{font-size:14.5px;color:var(--muted-d);margin-top:8px}
.recog{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:15px;color:var(--muted-d)}
.recog span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--flux)}
@media (max-width:900px){.backbone{grid-template-columns:repeat(2,minmax(0,1fr))}.leaders{grid-template-columns:1fr}}
.legalname{font-size:12.5px;color:var(--titanium)}
@media (prefers-reduced-motion:no-preference){
  .fmt svg .sh{animation:shine 4.5s ease-in-out infinite}
  .fmt:nth-child(2) svg .sh{animation-delay:1.1s}.fmt:nth-child(3) svg .sh{animation-delay:2.2s}.fmt:nth-child(4) svg .sh{animation-delay:3.3s}
  .fmt svg .sun{animation:sunp 4.5s ease-in-out infinite}
  .fmt svg .l1{animation:lvl 3s ease-in-out infinite}.fmt svg .l2{animation:lvl 3s ease-in-out .5s infinite}.fmt svg .l3{animation:lvl 3s ease-in-out 1s infinite}
  .js-motion .case .bar i{transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .2s}
  .js-motion .case.on .bar i{transform:scaleX(1)}
}
@keyframes shine{0%,40%{opacity:0;transform:translateX(0) skewX(-20deg)}50%{opacity:1}75%,100%{opacity:0;transform:translateX(130px) skewX(-20deg)}}
@keyframes sunp{0%,100%{opacity:.85}50%{opacity:1}}
@keyframes lvl{0%,100%{opacity:.25}50%{opacity:1}}

/* subpages */
.page-hero{padding-block:72px 64px}
.page-hero .crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--titanium);margin-bottom:18px}
.page-hero .crumbs a{text-decoration:none;color:var(--titanium)}.page-hero .crumbs a:hover{color:var(--ivory)}
.page-hero h1{font-size:clamp(44px,6.5vw,84px);line-height:.98;letter-spacing:-.04em;max-width:16ch}
.page-hero h1 span{color:var(--flux)}
.page-hero .lead{max-width:62ch;margin-top:22px;font-size:20px;color:var(--muted-d)}
.page-hero .ctas{margin-top:28px}
.prose{max-width:760px;display:flex;flex-direction:column;gap:18px}
.prose h2{font-size:clamp(28px,3.4vw,40px);margin-top:20px}
.prose p,.prose li{font-size:17px;line-height:1.65;color:var(--muted-l)}
.band-dark .prose p,.band-dark .prose li{color:var(--muted-d)}
.prose ul{padding-left:20px;margin:0;display:flex;flex-direction:column;gap:8px}
.prose strong{color:inherit}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
@media (max-width:900px){.grid2{grid-template-columns:1fr;gap:32px}}
.spec{width:100%;border-collapse:collapse;font-size:15px}
.spec th,.spec td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line-l)}
.spec th{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted-l);font-weight:500;text-transform:uppercase}
.spec td:first-child{font-weight:600}
.casebig{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;padding:36px 0;border-bottom:1px solid var(--line-l)}
.casebig .pct{font-size:72px;line-height:.9;letter-spacing:-.04em;color:var(--flux-ink);font-weight:500}
.casebig .cap{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted-l);text-transform:uppercase;margin-top:8px}
.casebig h2{font-size:clamp(26px,3vw,34px)}
.casebig dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 16px;margin:16px 0 0;font-size:15px}
.casebig dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted-l);text-transform:uppercase;padding-top:3px}
.casebig dd{margin:0}
@media (max-width:760px){.casebig{grid-template-columns:1fr;gap:12px}.casebig dl{grid-template-columns:1fr}}
.grid2 > *{min-width:0}
@media (max-width:560px){.spec{font-size:14px}.spec th,.spec td{padding:10px 6px}}
.spec{min-width:0}
/* v3.1 photography */
.photo-band{margin:0;position:relative;background:var(--graphite)}
.photo-band img{display:block;width:100%;height:min(64vh,660px);object-fit:cover}
.photo-band figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px clamp(16px,4vw,48px) 18px;background:linear-gradient(to top,rgba(18,19,22,.85),rgba(18,19,22,0));font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ivory)}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gallery figure{margin:0;background:var(--paper);border:1px solid var(--line-l);overflow:hidden;display:flex;flex-direction:column}
.gallery .im{overflow:hidden;aspect-ratio:4/3;background:var(--graphite);flex:1 1 auto}
.gallery figure.wide{grid-column:span 2}.gallery figure.wide .im{aspect-ratio:auto;flex:1;min-height:260px}
.gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.gallery figure:hover img{transform:scale(1.04)}
.gallery figcaption{padding:12px 14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted-l)}
.gallery figcaption b{color:var(--flux-ink);font-weight:500}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gallery{grid-template-columns:1fr}.gallery figure.wide{grid-column:auto}.gallery figure.wide .im{aspect-ratio:4/3;min-height:0}}
.kv{width:100%;min-width:0;border-collapse:collapse;font-size:15px}
.kv th,.kv td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid var(--line-l)}
.kv th{width:34%;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted-l);font-weight:500;text-transform:uppercase;padding-top:15px}
.iptband{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:32px;border:1px solid var(--line-d);background:var(--carbon)}
.iptband h2{font-size:clamp(24px,2.8vw,34px)}.iptband p{color:var(--muted-d);margin-top:8px;max-width:60ch}
.iptband .eyebrow{color:var(--flux)}
@media (max-width:760px){.iptband{grid-template-columns:1fr;padding:24px}}
.deal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--line-l);border:2px solid var(--line-l);margin-bottom:48px}
.deal > div{background:var(--paper);padding:20px 22px}.deal b{display:block;font-size:clamp(22px,2.4vw,28px);font-weight:500;letter-spacing:-.02em;color:var(--flux-ink)}.deal span{display:block;margin-top:4px;font-size:14.5px;color:var(--muted-l)}
@media (max-width:760px){.deal{grid-template-columns:1fr}}
.art-hero h1{font-size:clamp(38px,5.2vw,68px);max-width:20ch}
.art-meta{margin-top:20px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--titanium)}
.art{max-width:760px;margin-inline:auto}.art h2{font-size:clamp(24px,2.8vw,32px)}.art .faq{margin-top:4px}
.art-cta{margin-top:24px;padding:24px;background:var(--graphite);color:var(--ivory)}.art-cta p{color:var(--muted-d)!important;margin-bottom:16px}.art-cta strong{color:var(--ivory)}
.tool-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.tool{background:var(--paper);border:1px solid var(--line-l);padding:28px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)!important;align-content:start}
.tool label{color:var(--graphite)}.tool .hint{color:var(--muted-l)}.tlead{grid-template-columns:minmax(0,1fr)!important;background:none;padding:0}
.tool .t-h,.t-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--flux-ink);margin-top:6px}.t-k{color:var(--titanium)}
.tool label{display:flex;flex-direction:column;gap:6px;font-size:14px;margin:0}.tool label b{font-weight:500}
.tool input,.tool select{min-height:46px;padding:0 12px;border:1px solid var(--line-l);background:#fff;font:16px var(--display);color:#121316;width:100%}
.tool input:focus,.tool select:focus{outline:2px solid var(--flux);outline-offset:0}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.hint{font-size:12.5px;color:var(--muted-l)}
.tres{background:var(--graphite);color:var(--ivory);padding:28px;position:sticky;top:90px}
.tres .big{font-size:clamp(40px,5vw,60px);color:var(--flux);letter-spacing:-.03em;line-height:1.05;margin-top:8px;font-weight:500}
.t-sub{color:var(--muted-d);margin-top:6px;font-size:15px}
.tres .kpis{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line-d);border:2px solid var(--line-d);margin:18px 0}
.tres .kpis div{background:var(--carbon);padding:14px}.tres .kpis span{display:block;font-size:12.5px;color:var(--titanium)}.tres .kpis b{display:block;margin-top:4px;font-size:clamp(18px,2vw,22px);font-weight:500}
.tlead{display:grid;gap:10px}.tl-h{font-weight:600;font-size:17px}
.tlead input,.tlead textarea{min-height:46px;padding:0 12px;border:1px solid #3A3D44;background:#1E2024;color:#F3F0E8;font:15px var(--display);width:100%}
.band-light .tlead input,.band-light .tlead textarea{background:#fff;color:#121316;border-color:var(--line-l)}
.tlead textarea{min-height:110px;padding:12px}
.tl-small{font-size:12.5px;color:var(--titanium)}.tl-small a{color:inherit}.tl-done{font-size:16px;color:var(--ivory);padding:14px;border-left:3px solid var(--flux);background:var(--carbon)}
.tlead .err{color:#FF8A5B;font-size:14px}
.gated{margin-top:36px;max-width:860px}.gated h2{font-size:clamp(28px,3.4vw,40px);margin:8px 0 18px}.gated h3{font-size:22px;margin:24px 0 12px}
.steps-l{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.t-note{margin-top:18px;font-size:13px;line-height:1.55;color:var(--muted-l)}.t-note a{color:inherit}
.snip{width:100%;min-height:120px;padding:12px;border:1px solid var(--line-l);font:14px/1.5 var(--display);background:#fff;color:#121316}
.ins-p{font-size:14.5px;color:var(--muted-l)}
@media (max-width:900px){.tool-wrap{grid-template-columns:1fr}.tres{position:static}}
@media (max-width:480px){.row2{grid-template-columns:1fr}}
@media print{.nav,.mbar,.wa-float,footer,.tool,.tlead,.page-hero .ctas,#ozck,.cta-band,.band-paper,.progress{display:none!important}.gated{display:block!important}body{background:#fff!important;color:#000}.page-hero{padding:20px 0;background:#fff!important;color:#000!important}.tres{position:static}}
.steps6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;background:var(--line-l);border:2px solid var(--line-l);margin-top:8px}
.steps6 div{background:var(--paper);padding:16px 12px;font-size:14px}.steps6 b{display:block;font-family:var(--mono);font-size:11px;color:var(--flux-ink);letter-spacing:.06em;margin-bottom:4px}
@media (max-width:760px){.steps6{grid-template-columns:repeat(3,minmax(0,1fr))}}