/* TAAVOS site system v5. Black base, warm ink, deck accents used sparingly:
   orange #E07829 (ours, key numbers, primary action, markers). */
:root{--fd:"Inter",system-ui,sans-serif;--fb:"Inter",system-ui,sans-serif;--fm:"Geist Mono",ui-monospace,monospace;--fh:var(--fd);--wh:500;--wd:500;--wh2:500;
  --bg:#0e0e0e;--raised:#141516;--line:#232427;--line2:#36383c;
  --ink:#E6E1D3;--dim:#8E9198;--faint:#6B6F76;
  --acc:#E07829;--acc2:#EE8B3F;--acc-hi:#E07829;--org:#E07829;--bar:#3A2213;
  --chart:#E07829;--pad:clamp(20px,4vw,56px)
}
.light{--bg:#ECEAE4;--raised:#E3E1DA;--line:#D2D0C8;--line2:#BDBBB3;--ink:#16181C;--dim:#5E6168;--faint:#8A8D93;--acc-hi:#B85E1A;--bar:#EED8C6;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#0e0e0e;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.mono{font:400 11px/1.4 var(--fm);letter-spacing:.14em;text-transform:uppercase}
.dim{color:var(--dim)}
.g{color:var(--acc-hi)}
h1,h2,h3{font-family:var(--fd);font-weight:var(--wd);letter-spacing:-.035em;line-height:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--dim)}
.eyebrow::before{content:"";width:6px;height:6px;background:var(--org);flex:none}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 22px;border:1px solid var(--acc);background:var(--acc);color:#0e0e0e;transition:background .2s,border-color .2s;cursor:pointer;font:400 11px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}
.btn:hover{background:var(--acc2);border-color:var(--acc2)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.btn.ghost:hover{border-color:var(--ink)}
.link{border-bottom:1px solid var(--line2);transition:border-color .2s}
.link:hover{border-color:var(--ink)}

/* nav */
nav.top{position:fixed;inset:0 0 auto;z-index:9;background:rgba(14,14,14,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #232427}
nav.top .wrap{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
nav.top .logo img{height:20px;width:auto}
nav.top .links{display:flex;gap:36px;color:#8E9198}
nav.top .links a{transition:color .2s;position:relative}
nav.top .links a:hover{color:#E6E1D3}
nav.top .links a[aria-current]{color:var(--acc)}
nav.top .btn{height:36px;padding:0 16px;background:transparent;color:#E6E1D3;border-color:#36383c}
nav.top .btn:hover{border-color:var(--acc);color:var(--acc)}
nav.top .menu{display:none}
nav.top .right{display:flex;align-items:center;gap:20px}

/* hero (home) */
.hero{min-height:100vh;display:flex;align-items:center;border-bottom:1px solid var(--line);background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1.2px);background-size:24px 24px;position:relative}
.hero .wrap{width:100%;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding-top:64px}
h1{font-size:clamp(48px,6.2vw,96px)}

.hero p{margin:28px 0 40px;color:var(--dim);font-size:20px;max-width:34ch}
.mark{justify-self:end;width:100%;max-width:600px;aspect-ratio:1}
.mark img{width:100%;height:100%;object-fit:contain}

/* inner page head */
.head{border-bottom:1px solid var(--line);padding:184px 0 96px;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1.2px);background-size:24px 24px}
.head .eyebrow{margin-bottom:32px}
.head p{margin-top:28px;color:var(--dim);font-size:20px;max-width:46ch}
.back{display:inline-flex;gap:10px;color:var(--dim);margin-bottom:40px}
.back:hover{color:var(--ink)}

section{border-bottom:1px solid var(--line);padding:120px 0}
h2{font-size:clamp(34px,4vw,56px);margin-bottom:56px}
.lede{margin:-32px 0 48px;color:var(--dim);font-size:19px;max-width:52ch}

/* split layout: sticky heading left, content right (ICEYE rhythm) */
.split{display:grid;grid-template-columns:minmax(240px,1fr) 2.2fr;gap:56px;align-items:start}
.split>.side{position:sticky;top:112px}
.split>.side h2{margin-bottom:28px}
.split>.side p{color:var(--dim);margin-bottom:28px;max-width:28ch}

/* logos */
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.logos span,.logos a{background:var(--bg);height:88px;display:flex;align-items:center;justify-content:center;color:var(--dim);text-align:center;padding:0 8px}
.logos a{color:var(--acc-hi);transition:background .2s}
.logos a:hover{background:var(--raised)}

/* chips */
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{font:400 10.5px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line2);padding:8px 10px;color:var(--dim)}

/* flow: Surface -> Capture -> Convert */
.measure{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:56px}
.measure>div{padding:24px 40px 0 0}
.measure .mono{display:block;color:var(--dim);margin-bottom:14px}

/* crew contrast (deck: outlined boxes, green ours) */
.crew{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}
.crew .lab{display:block;color:var(--dim);margin-bottom:14px}
.crew .boxes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.crew .boxes span{border:1px solid var(--line2);height:52px;display:flex;align-items:center;justify-content:center;color:var(--dim);text-align:center}
.crew .ours{margin-top:28px}
.crew .ours .lab{color:var(--acc-hi)}
.crew .ours div{border:1px solid var(--acc);height:56px;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.crew h3{font-size:clamp(30px,3.2vw,46px);line-height:1.05;letter-spacing:-.03em;max-width:15ch}

/* facts strip */
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:72px}
.facts div{padding:28px 28px 28px 0}
.facts div+div{border-left:1px solid var(--line);padding-left:28px}
.facts .eyebrow{margin-bottom:14px}

/* key-value list */
.kv{border-top:1px solid var(--line)}
.kv>div{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline}
.kv .mono{color:var(--dim)}
.kv p{font-size:19px;max-width:60ch}
.kv h3{font-size:22px;letter-spacing:-.02em;line-height:1.25;font-weight:500}

/* terms */
.terms{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}
.terms div{padding:28px 0} .terms div+div{border-left:1px solid var(--line);padding-left:28px}
.terms b{display:block;font:500 clamp(56px,6vw,88px)/1 var(--fd);letter-spacing:-.04em;margin-top:14px}
.terms div+div b{color:var(--acc-hi)}
.small{color:var(--dim);font-size:15px}
.small a{border-bottom:1px solid var(--line2)}

/* table */
.tbl{width:100%;border-collapse:collapse;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.tbl th{text-align:left;font:400 11px/1.4 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:18px 16px 18px 0;border-bottom:1px solid var(--line)}
.tbl td{padding:22px 16px 22px 0;border-bottom:1px solid var(--line);font-size:19px}
.tbl td:first-child{font:500 24px/1 var(--fd);letter-spacing:-.02em}
.tbl tr:first-child td{color:var(--acc-hi)}
.tbl td:last-child{color:var(--dim)}
.tbl-wrap{overflow-x:auto}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:26px 0;font:500 22px/1.25 var(--fd);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 18px/1 var(--fm);color:var(--org)}
.faq details[open] summary::after{content:"\2212"}
.faq p{color:var(--dim);font-size:17px;max-width:64ch;padding:0 0 28px}

/* case tiles */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tile{border:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;padding:28px;transition:border-color .2s,background .2s;min-width:0}
.tile:hover{border-color:var(--acc)}
.tile .t-top{display:flex;justify-content:space-between;gap:12px;color:var(--dim)}
.tile .t-main{margin:36px 0 18px}
.tile .t-main svg{margin-top:24px}
.tile b{display:block;font:500 clamp(64px,6.4vw,104px)/.9 var(--fd);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.tile b i{font-style:normal;font-size:.26em;color:var(--acc-hi);letter-spacing:0;margin-left:6px}
.tile .unit{display:block;color:var(--dim);margin-top:14px}
.tile svg{width:100%;height:auto;display:block}
.tile .t-cap{color:var(--faint);border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:12px}
.tile .t-foot{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:22px}
.tile h3{font-size:26px;letter-spacing:-.025em}
.tile .go{color:var(--dim);transition:color .2s;white-space:nowrap}
.tile:hover .go{color:var(--acc-hi)}
.light .tile{background:#F4F2EC}

/* case detail hero card (graphite pattern) */
.ch{display:grid;grid-template-columns:1fr 1.7fr;border:1px solid var(--line)}
.ch>div{padding:36px}
.ch .l{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:520px}
.ch .l h1{font-size:clamp(40px,4.4vw,64px);margin:28px 0 20px}
.ch .l p{color:var(--dim);font-size:18px;max-width:30ch}
.ch .l .big{margin-top:auto;padding-top:40px}
.ch .l .big b{display:block;font:500 clamp(80px,8vw,128px)/.9 var(--fd);letter-spacing:-.05em}
.ch .l .big b i{font-style:normal;font-size:.25em;color:var(--acc-hi);letter-spacing:0;margin-left:8px}
.ch .l .big span{display:block;color:var(--dim);margin-top:14px}
.ch .r{display:flex;flex-direction:column}
.ch .r .cap{display:flex;justify-content:space-between;color:var(--dim);margin-bottom:20px}
.ch svg{width:100%;height:auto;display:block;margin-top:auto}
.chart text{font:400 11px var(--fm);letter-spacing:.06em;fill:var(--faint)}
.chart .vl{fill:var(--ink)}
.chart .note{fill:var(--org)}
.ch .ch-m{display:none}
.rows>.split{padding:56px 0;border-top:1px solid var(--line)}
.rows>.split:last-child{border-bottom:1px solid var(--line)}
.rows .side{position:static}

/* before / after band */
.ba{display:grid;grid-template-columns:repeat(var(--n,3),1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ba>div{padding:32px 28px 32px 0}
.ba>div+div{border-left:1px solid var(--line);padding-left:28px}
.ba .mono{color:var(--dim);display:block;margin-bottom:20px}
.ba b{display:block;font:500 clamp(40px,4vw,60px)/1 var(--fd);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--acc-hi)}
.ba s{display:block;color:var(--faint);text-decoration:none;font-size:15px;margin-top:12px}

.prose{font-size:clamp(20px,1.8vw,24px);line-height:1.5;max-width:46ch;font-weight:400}
.pairs>div{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:28px 0;border-bottom:1px solid var(--line)}
.pairs{border-top:1px solid var(--line)}
.pairs h3{font:400 19px/1.45 var(--fb);letter-spacing:0;display:flex;gap:14px}
.pairs h3::before{content:"";width:6px;height:6px;background:var(--org);flex:none;margin-top:10px}
.pairs p{color:var(--dim);font-size:17px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps div{padding:32px 28px 32px 0}
.steps div+div{border-left:1px solid var(--line);padding-left:28px}
.steps .mono{color:var(--acc-hi);display:block;margin-bottom:40px}
.steps p{font:500 22px/1.25 var(--fd);letter-spacing:-.02em}

/* closing CTA band */
.cta{text-align:center;padding:160px 0}
.cta h2{margin-bottom:40px}
.cta .small{margin-top:28px}

/* footer */
footer.foot{padding:72px 0 40px;background:#0e0e0e;color:#E6E1D3}
footer.foot .grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:64px}
footer.foot .logo img{height:18px;width:auto}
footer.foot ul{list-style:none;display:flex;flex-direction:column;gap:14px;color:#8E9198}
footer.foot ul a:hover{color:#E6E1D3}
footer.foot .base{display:flex;justify-content:space-between;color:#6B6F76;border-top:1px solid #232427;padding-top:28px}

/* talk wizard (graphite-style) */
.wiz-body{min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.2px);background-size:24px 24px}
.wiz-bar{position:fixed;top:0;left:0;height:2px;background:var(--acc-hi);transition:width .35s ease;z-index:10}
.wiz-top{display:flex;justify-content:space-between;align-items:center;height:72px}
.wiz-top img{height:20px;width:auto}
.wiz-top .x{color:var(--dim);display:flex;align-items:center;gap:12px}
.wiz-top .x:hover{color:var(--ink)}
.wiz{flex:1;display:flex;align-items:center;justify-content:center;padding:40px var(--pad)}
.wiz form{width:100%;max-width:600px}
.wiz .count{color:var(--faint);margin-bottom:28px;display:flex;gap:14px}
.wiz .count b{font-weight:400;color:var(--acc-hi)}
.wiz label.q{display:block;font:500 clamp(28px,3vw,40px)/1.12 var(--fd);letter-spacing:-.03em;margin-bottom:36px}
.wiz label.q span{color:var(--dim)}
.wiz .hint{color:var(--dim);font-size:15px;margin:-20px 0 24px}
.wiz input,.wiz textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line2);color:var(--ink);font:400 22px/1.4 var(--fb);padding:10px 0;outline:0;border-radius:0}
.wiz textarea{min-height:120px;resize:vertical;font-size:19px}
.wiz input:focus,.wiz textarea:focus{border-color:var(--acc-hi)}
.wiz .opts{display:grid;gap:8px}
.wiz .opts button{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border:1px solid var(--line2);color:var(--ink);font:400 18px/1.3 var(--fb);padding:16px 18px;cursor:pointer;transition:border-color .15s}
.wiz .opts button::before{content:"";width:8px;height:8px;border:1px solid var(--faint);flex:none}
.wiz .opts button:hover{border-color:var(--ink)}
.wiz .opts button.on{border-color:var(--acc)}
.wiz .opts button.on::before{background:var(--acc-hi);border-color:var(--acc-hi)}
.wiz .opts kbd{margin-left:auto;font:400 10px/1 var(--fm);color:var(--faint);border:1px solid var(--line2);padding:4px 6px}
.wiz .err{color:var(--org);font-size:14px;min-height:22px;margin-top:12px}
.wiz .nav2{display:flex;justify-content:space-between;align-items:center;margin-top:28px}
.wiz .nav2 .backb{background:none;border:0;color:var(--dim);cursor:pointer;font:400 11px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}
.wiz .nav2 .backb:hover{color:var(--ink)}
.wiz .nav2 .right{display:flex;align-items:center;gap:18px;color:var(--faint)}
.wiz .done h2{font-size:clamp(36px,4vw,56px);margin-bottom:20px}
.wiz .done>p{color:var(--dim);font-size:19px;margin-bottom:40px}
.wiz .done ol{list-style:none;border-top:1px solid var(--line);margin-bottom:40px}
.wiz .done li{display:grid;grid-template-columns:48px 1fr;padding:18px 0;border-bottom:1px solid var(--line);font-size:18px}
.wiz .done li span{color:var(--acc-hi)}
.wiz .done .wait{display:flex;flex-wrap:wrap;gap:8px}
.wiz-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 0 28px;color:var(--faint);border-top:1px solid var(--line)}
.wiz-foot a{color:var(--dim)} .wiz-foot a:hover{color:var(--ink)}
.wiz-foot .routes{display:flex;gap:20px;flex-wrap:wrap}

@media (max-width:1000px){
  nav.top .links{display:none}
  nav.top .menu{display:block;position:relative}
  nav.top .menu summary{list-style:none;cursor:pointer;color:#E6E1D3;height:36px;display:flex;align-items:center;padding:0 4px}
  nav.top .menu summary::-webkit-details-marker{display:none}
  nav.top .menu .panel{position:fixed;top:64px;left:0;right:0;background:#0e0e0e;border-bottom:1px solid #232427;display:flex;flex-direction:column;padding:8px var(--pad) 24px}
  nav.top .menu .panel a{padding:16px 0;border-bottom:1px solid #232427;font:500 24px/1 var(--fd);letter-spacing:-.02em;text-transform:none}
  .split{grid-template-columns:1fr;gap:8px} .split>.side{position:static}
}
@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;padding-top:96px;padding-bottom:96px}
  .mark{order:-1;justify-self:center;max-width:340px}
    .head{padding:132px 0 64px}
  .logos{grid-template-columns:repeat(3,1fr)} .logos span,.logos a{height:64px;font-size:10px}
  .kv>div,.pairs>div{grid-template-columns:1fr;gap:12px}
  .measure{grid-template-columns:1fr} .measure>div{padding:24px 0 0}
  .crew{grid-template-columns:1fr;gap:40px} .crew .boxes{grid-template-columns:repeat(3,1fr)}
  .facts,.steps,.ba{grid-template-columns:1fr}
  .facts div+div,.steps div+div,.ba>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .steps .mono{margin-bottom:16px}
  .tiles{grid-template-columns:1fr}
  .tile{padding:22px}
  .ch{grid-template-columns:1fr} .ch .l{border-right:0;border-bottom:1px solid var(--line);min-height:0} .ch>div{padding:24px}
  .ch .ch-d{display:none} .ch .ch-m{display:block}
  .rows>.split{padding:36px 0}
  .tbl th,.tbl td{padding-right:12px} .tbl td{font-size:15px} .tbl td:first-child{font-size:18px}
  footer.foot .grid{grid-template-columns:1fr 1fr} footer.foot .grid>div:first-child{grid-column:1/-1}
  footer.foot .base{flex-direction:column;gap:12px}
  section{padding:88px 0}
  .cta{padding:112px 0}
  .wiz .opts kbd{display:none}
  .wiz-foot{flex-direction:column}
}
.wiz-top,.wiz-foot{width:100%}
.wiz-foot{padding:24px var(--pad) 28px}
@media (max-width:900px){.wiz .nav2 .right>.mono{display:none}.tile .t-foot{flex-direction:column;gap:8px}}

.mark video{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:lighten}
@media (prefers-reduced-motion:reduce){.mark video{display:none}.mark{background:url(hero-mark-transparent-2400.png) center/contain no-repeat}}

.hero .svc{display:flex;flex-direction:column}
.hero .svc a{display:inline-flex;align-items:center;gap:.25em;width:max-content;font:var(--wh) clamp(56px,7.4vw,120px)/.94 var(--fh);letter-spacing:-.025em;text-transform:uppercase;color:var(--ink);transition:color .25s}
.hero .svc a::after{content:"→";font-size:.32em;opacity:0;transform:translateX(-10px);transition:opacity .25s,transform .25s;color:var(--acc-hi)}
.hero .svc a:hover{color:var(--dim)} .hero .svc a:hover::after{opacity:1;transform:none}
.hero h1.pos{font:400 clamp(20px,1.7vw,26px)/1.3 var(--fb);letter-spacing:-.01em;max-width:none;margin:40px 0 6px;color:var(--ink)}
.hero p.sub{margin:0 0 36px;color:var(--dim);font-size:17px}
.light{--chart:#B85E1A}
/* Case studies run green, entirely (owner 31 Oct). Rest of the site runs orange. */
.tile,.ch,.ba,.cs-green{--acc:#193A29;--acc2:#234F38;--acc-hi:#62B47A;--org:#62B47A;--bar:#173626;--chart:#62B47A}
.light .tile,.light .ch,.light .ba{--acc-hi:#193A29;--org:#193A29;--bar:#CFDDD3;--chart:#193A29}
.tile:hover{border-color:#193A29}
.light.cs-green{--acc-hi:#193A29;--org:#193A29;--bar:#CFDDD3;--chart:#193A29}

/* ===== v6 ===== */
/* hero: ring centred on the SURFACE/CAPTURE/CONVERT stack */
.hero .wrap{grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;row-gap:0;align-items:start}
.hero .svc{grid-column:1;grid-row:1}
.hero .hero-copy{grid-column:1;grid-row:2}
.hero .mark{grid-column:2;grid-row:1;position:relative;align-self:stretch;justify-self:stretch;aspect-ratio:auto;max-width:none;width:auto;height:auto}
.hero .mark video{position:absolute;top:50%;left:50%;width:min(560px,100%);height:auto;aspect-ratio:1;transform:translate(-50%,-52.6%)}

/* vertical stage flow */
.stages{padding:136px 0}
.flow{max-width:1040px}
.step{display:grid;grid-template-columns:40px 1fr;column-gap:48px}
.rail{position:relative}
.node{width:40px;height:40px;border:1px solid var(--line2);background:var(--bg);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;color:var(--dim);transition:border-color .4s,color .4s}
.step.on .node{border-color:var(--acc-hi);color:var(--ink)}
.track{position:absolute;left:20px;top:52px;bottom:12px;width:1px;background:var(--line)}
.track i{position:absolute;inset:0;background:var(--acc-hi);transform-origin:top;transform:scaleY(var(--p,1))}
.step:last-child .track{display:none}
.step .body{display:grid;grid-template-columns:minmax(200px,.8fr) 1.6fr;gap:48px;padding-bottom:144px}
.step:last-child .body{padding-bottom:0}
.step h3{font-size:clamp(40px,4.6vw,68px);line-height:.95;margin-top:-2px}
.step .tag{display:block;color:var(--dim);margin-top:16px}
.step .txt p{font-size:clamp(19px,1.6vw,22px);line-height:1.45;max-width:34ch;margin-bottom:22px}
.step .chips{margin-bottom:22px}
.step .meas{color:var(--faint);margin:-6px 0 22px;line-height:1.8}
.hand{color:var(--dim)}
.hand span{color:var(--acc-hi);margin-right:6px}
.step:last-child .hand{color:var(--acc-hi)}
/* appear effect removed (owner 31 Oct): stages and rail shown static */
.js .track i{transform:scaleY(1)}
.step .node{border-color:var(--acc-hi);color:var(--ink)}

/* compact one-crew line (home) */
.crewline{padding:56px 0}
.crewline .wrap{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.cl-h{font:500 clamp(22px,2vw,28px)/1.2 var(--fd);letter-spacing:-.02em;max-width:26ch}
.cl-r{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.cl-r .cl-lab{color:var(--faint);margin-right:6px}
.cl-r .x{border:1px solid var(--line2);padding:8px 10px;color:var(--faint);text-decoration:line-through;text-decoration-color:var(--line2)}
.cl-r .cl-ours{border:1px solid var(--acc);padding:8px 12px;color:var(--acc-hi);margin-left:6px}

/* chart draw-in */
.js .anim .ln{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s cubic-bezier(.45,0,.2,1) .15s}
.js .anim.in .ln{stroke-dashoffset:0}
.js .anim .bars{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.8);opacity:0;transition:transform 1.3s cubic-bezier(.3,0,.2,1),opacity .9s ease}
.js .anim.in .bars{transform:none;opacity:1}
.js .anim .pts,.js .anim .lbl{opacity:0;transition:opacity .6s ease 1.1s}
.js .anim .end{opacity:0;transition:opacity .5s ease 1.6s}
.js .anim.in .pts,.js .anim.in .lbl,.js .anim.in .end{opacity:1}

@media (max-width:900px){
  .hero .wrap{grid-template-rows:none}
  .hero .svc,.hero .hero-copy{grid-row:auto}
  .hero .mark{grid-column:1;grid-row:auto;order:-1;position:static;justify-self:center;width:100%;max-width:300px;aspect-ratio:1}
  .hero .mark video{position:static;transform:none;width:100%}
  .stages{padding:88px 0}
  .step{column-gap:20px}
  .node{width:36px;height:36px}
  .track{left:18px;top:46px}
  .step .body{grid-template-columns:1fr;gap:14px;padding-bottom:88px}
  .crewline .wrap{grid-template-columns:1fr;gap:20px}
  .cl-r{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .js .anim *,.js .step .body,.js .track i,.node{transition:none!important}
}
.step .txt p.meas{font:400 10.5px/1.9 var(--fm);letter-spacing:.12em;max-width:none;color:var(--faint);margin:-6px 0 20px}

nav.top .logo img,.logo img{height:22px;width:auto}
@media (max-width:900px){nav.top .logo img,.logo img{height:18px}}



/* ===== v7 type ===== */
h2{font-weight:var(--wh2)}
.hero h1.pos{font-weight:500}
.btn,.mono{font-weight:500}
/* Archivo widths: condensed operator caps for hero words, slightly narrow headings */
.hero .svc a{letter-spacing:-.03em}
h1,h2,h3{letter-spacing:-.03em}
.mono,.btn{letter-spacing:.12em}

/* v7 chips: quiet mono text with small square markers, no boxes */
.chips{gap:8px 22px}
.chips li{border:0;padding:0;display:inline-flex;align-items:center;gap:9px;color:var(--dim);font:500 10.5px/1.4 var(--fm);letter-spacing:.12em}
.chips li::before{content:"";width:5px;height:5px;background:var(--org);flex:none}

/* ===== v8 type: Inter (Display optical size at large sizes) + Geist Mono ===== */
html{font-optical-sizing:auto}
body{font-feature-settings:"ss01" 0,"cv11" 1}
/* hero words capped so the 3-line stack equals the T's height (T = 38.7% of the spin frame) */
.hero .mark video{width:min(560px,36vw)}
.hero .svc a{font-size:min(76.9px,4.94vw)}
@media (max-width:900px){.hero .mark video{width:min(300px,70vw)}.hero .svc a{font-size:clamp(40px,11vw,64px)}}

.hero .sub .g{color:var(--acc-hi)}


/* v10 (owner 1 Nov): centred nav logo, Company + Talk right; Legora-style footer */
nav.top .wrap{display:grid;grid-template-columns:1fr auto 1fr}
nav.top .logo{justify-self:center}
nav.top .right{justify-self:end}
nav.top .co{color:#8E9198;transition:color .2s}
nav.top .co:hover{color:#E6E1D3}
nav.top .co[aria-current]{color:var(--acc)}
footer.foot{padding:88px 0 36px}
footer.foot .cols{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}
footer.foot h4{font:500 15px/1.2 var(--fb,Inter),sans-serif;color:#E6E1D3;margin:0 0 22px}
footer.foot .cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font:400 15px/1.3 var(--fb,Inter),sans-serif;color:#8E9198;text-transform:none;letter-spacing:0}
footer.foot .cols a:hover{color:#E6E1D3}
footer.foot .big{display:block;width:min(560px,46vw);margin:112px auto 104px}
footer.foot .big img{width:100%;height:auto;display:block}
footer.foot .base{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:0;padding:0;font:400 14px/1.3 var(--fb,Inter),sans-serif;color:#6B6F76;letter-spacing:0;text-transform:none}
footer.foot .base span:first-child{display:flex;gap:24px}
footer.foot .base span:last-child{justify-self:end}
footer.foot .base a:hover{color:#E6E1D3}
@media (max-width:900px){
  nav.top .wrap{display:flex}
  nav.top .co{display:none}
  footer.foot .cols{grid-template-columns:1fr 1fr;row-gap:44px}
  footer.foot .big{width:78vw;margin:72px auto 64px}
  footer.foot .base{grid-template-columns:1fr;gap:14px;justify-items:start}
  footer.foot .base span:last-child{justify-self:start}
}

/* v11: footer wordmark at Legora proportion (~21% of viewport), socials row */
footer.foot .big{width:min(420px,21vw);margin:96px auto 112px}
footer.foot .base .soc{display:flex;gap:24px}
.hero .sub{line-height:1.5}
@media (max-width:900px){footer.foot .big{width:52vw;margin:64px auto 64px}}
.hero .sub{max-width:none}
.hero h1.pos .g{color:var(--acc-hi)}

/* v14: engine icon stack after AI & Search; service film */
.hero h1.pos .eng{display:inline-flex;vertical-align:middle;margin-left:14px;position:relative;top:-2px}
.hero h1.pos .eng i{width:30px;height:30px;border-radius:50%;background:#16171a;border:1px solid #2e3034;display:grid;place-items:center;color:#E6E1D3;margin-left:-9px;box-shadow:0 0 0 2px #0e0e0e}
.hero h1.pos .eng i:first-child{margin-left:0}
.hero h1.pos .eng img,.hero h1.pos .eng svg{width:15px;height:15px;object-fit:contain;display:block}
.film{margin:0 0 72px;border:1px solid #232427;aspect-ratio:16/9;background:#0e0e0e;overflow:hidden}
.film video{width:100%;height:100%;display:block}
@media (max-width:900px){.hero h1.pos .eng i{width:26px;height:26px}.film{margin-bottom:48px}}

/* v16: film sits in the page with no frame; its #0e0e0e background equals the site background */
.film{border:0;background:transparent;margin:0 0 56px}
.film video{mix-blend-mode:lighten}

/* v17: film straight after the hero, Zero-risk pilot under it (Jev 0.57 vs 0.32) */
.filmband{padding:72px 0 96px}
.filmband .film{margin:0}
.fb-cta{display:flex;justify-content:center;margin-top:8px}
@media (max-width:900px){.filmband{padding:48px 0 64px}}

/* v21: three service slots, journey label, then the film (Jev 0.49 vs film alone 0.29) */
.filmband{padding:120px 0 96px}
.slots{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.slot{padding:36px 32px 40px 0}
.slot+.slot{border-left:1px solid var(--line);padding-left:32px}
.slot .sl-n{display:block;color:var(--acc-hi);margin-bottom:28px}
.slot h3{font-size:clamp(30px,2.8vw,42px);line-height:1;margin-bottom:18px}
.slot p{font-size:18px;line-height:1.45;color:var(--ink);max-width:30ch;margin-bottom:22px}
.fb-lab{display:block;color:var(--dim);margin:72px 0 0}
.filmband .film{margin-top:8px}
@media (max-width:900px){
  .slots{grid-template-columns:1fr}
  .slot,.slot+.slot{border-left:0;padding:28px 0}
  .slot+.slot{border-top:1px solid var(--line)}
  .fb-lab{margin-top:48px}
}

/* v22: framed film (deck hairlines), zero-risk band, home FAQ, X in nav */
.ff{position:relative;border:1px solid var(--line2);margin-top:72px}
.ff-bar{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);color:var(--dim);margin:0}
.ff .film{margin:0}
.ff-t{position:absolute;right:20px;bottom:18px;width:18px;height:auto;opacity:.55}
.filmband{padding-bottom:120px}
.zr{padding:0 0 120px;border-bottom:0}
.zr-box{display:grid;grid-template-columns:minmax(220px,.9fr) 2fr auto;align-items:center;border:1px solid var(--line2);background:var(--raised)}
.zr-box h2{font-size:clamp(28px,2.6vw,40px);padding:44px 36px;border-right:1px solid var(--line2);height:100%;display:flex;align-items:center}
.zr-mid{padding:40px 36px}
.zr-mid p{font-size:clamp(18px,1.5vw,21px);line-height:1.45;max-width:40ch;margin-bottom:16px}
.zr-link{color:var(--dim)} .zr-link span{color:var(--acc-hi)}
.zr-link:hover{color:var(--ink)}
.zr-box .btn{margin-right:36px}
.hfaq .faq a.link{color:var(--ink)}
nav.top .xl{color:#8E9198;display:grid;place-items:center;width:20px;height:20px;transition:color .2s}
nav.top .xl:hover{color:#E6E1D3}
nav.top .xl svg{width:15px;height:15px}
@media (max-width:900px){
  .ff-bar span+span{display:none}
  .zr-box{grid-template-columns:1fr}
  .zr-box h2{border-right:0;border-bottom:1px solid var(--line2);padding:28px 24px}
  .zr-mid{padding:28px 24px 8px}
  .zr-box .btn{margin:16px 24px 28px;justify-self:start}
  nav.top .xl{display:none}
}
.cs-green .btn:not(.ghost){color:#EDEBE4}
nav.top .btn{color:#E6E1D3}

/* v23: zero-risk section in the deck's Pilot-model language; bird icon */
.zr{padding:0 0 128px}
.zr-head{display:flex;align-items:baseline;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding-top:56px;margin-bottom:72px}
.zr-head p{color:var(--dim);font-size:clamp(17px,1.4vw,20px)}
.zr-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}
.zr-end{display:flex;flex-direction:column;gap:12px}
.zr-end.r{align-items:flex-end;text-align:right}
.zr-end .mono{color:var(--dim)}
.zr-big{font:500 clamp(56px,6vw,96px)/.9 var(--fd);letter-spacing:-.04em;color:var(--ink)}
.zr-mid{display:flex;align-items:center;gap:20px}
.zr-rule{flex:1;height:1px;background:var(--acc-hi);position:relative}
.zr-mid .zr-rule:first-child::before,.zr-mid .zr-rule:last-child::after{content:"";position:absolute;top:-3.5px;width:8px;height:8px;border-radius:50%;background:var(--acc-hi)}
.zr-mid .zr-rule:first-child::before{left:0}.zr-mid .zr-rule:last-child::after{right:0}
.zr-g{color:var(--acc-hi);white-space:nowrap}
.zr-foot{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}
.zr-foot p{color:var(--faint);letter-spacing:.1em}
.zr-act{display:flex;align-items:center;gap:32px}
footer.foot .fx{display:inline-grid;place-items:center} footer.foot .fx svg{width:14px;height:14px}
nav.top .xl svg{width:16px;height:16px}
@media (max-width:900px){
  .zr-head{flex-direction:column;gap:12px;margin-bottom:44px}
  .zr-line{grid-template-columns:1fr;gap:24px}
  .zr-end.r{align-items:flex-start;text-align:left}
  .zr-mid{order:2}
  .zr-foot{flex-direction:column;align-items:flex-start}
  .zr-act{flex-wrap:wrap;gap:20px}
}
@media (max-width:900px){.zr-end.r{order:3}}

/* v24: zero-risk reduced to one line (Jev: 'pay' line 0.39 money, 0.76 minimal, 0.70 accurate) */
.zr{padding:0 0 120px}
.zr-band{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0}
.zr-band h2{font-size:clamp(30px,2.8vw,44px)}
.zr-band p{color:var(--dim);font-size:clamp(17px,1.4vw,20px)}
@media (max-width:900px){.zr-band{grid-template-columns:1fr;gap:16px;padding:32px 0}.zr-band .btn{justify-self:start;margin-top:8px}}
.zr-band h2{line-height:1;margin:0}
.zr-band p{margin:0;padding-top:.3em}
.filmband{border-bottom:0}

/* v25: zero-risk as its own light section (case-study colouring), FAQ + Ask your AI */
.zr.light{padding:120px 0;border-bottom:0}
.zr.light .zr-band{border:0;padding:0;gap:56px}
.zr.light .zr-band h2{font-size:clamp(44px,5vw,80px);letter-spacing:-.035em;color:var(--ink)}
.zr.light .zr-band p{color:var(--dim);font-size:clamp(19px,1.6vw,23px);max-width:26ch}
.zr.light .btn{color:#EDEBE4}
.ask{margin-top:40px}
.ask .mono{display:block;color:var(--dim);margin-bottom:14px}
.ask div{display:flex;flex-direction:column;gap:12px}
.ask a{display:inline-flex;align-items:center;gap:10px;font-size:17px;color:var(--ink);width:max-content;border-bottom:1px solid transparent;transition:border-color .2s}
.ask a:hover{border-color:var(--line2)}
.ask img{width:15px;height:15px;object-fit:contain}
.ask a:last-child::before{content:"";width:15px;height:15px;border:1px solid var(--line2);border-radius:50%;display:inline-block}
@media (max-width:900px){.zr.light{padding:80px 0}.zr.light .zr-band{gap:20px}.ask div{flex-direction:row;flex-wrap:wrap;gap:20px}}
.ask a:last-child::before{content:none}

/* v26: real client logos, coloured Ask-your-AI marks, + on the engine stack */
.logos-img span{display:flex;align-items:center;justify-content:center;height:112px;padding:0 28px}
.logos-img img{max-width:100%;max-height:26px;width:auto;height:auto;opacity:.82;transition:opacity .2s}
.logos-img span:hover img{opacity:1}
.ask img{width:18px;height:18px}
.hero h1.pos .eng i.more{font:500 15px/1 var(--fm);color:#E6E1D3;font-style:normal}
@media (max-width:900px){.logos-img span{height:84px;padding:0 16px}.logos-img img{max-height:20px}}
.zr.light .zr-band{grid-template-columns:1fr auto}

/* v29: hyperscale section on Service (from deck 'Funnels' slide) */
.hy-head{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:40px;row-gap:14px;margin-bottom:72px}
.hy-head .eyebrow{grid-column:1/-1}
.hy-head h2{font-size:clamp(44px,5vw,80px);letter-spacing:-.035em}
.hy-head p{color:var(--dim);font-size:clamp(17px,1.4vw,20px)}
.hy-body{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}
.hy-steps{list-style:none;counter-reset:hs;border-left:1px dashed var(--line2);padding-left:28px;display:flex;flex-direction:column;gap:30px}
.hy-steps li{position:relative;font-size:clamp(17px,1.35vw,19px);line-height:1.45;max-width:44ch}
.hy-steps li::before{content:"";position:absolute;left:-32px;top:.5em;width:7px;height:7px;background:var(--acc-hi)}
.hgrid{width:100%;height:auto;display:block}
.hgrid .hg-lab{font:500 10px/1 var(--fm);letter-spacing:.14em;fill:#62B47A}
@media (max-width:900px){.hy-head{grid-template-columns:1fr;margin-bottom:44px}.hy-body{grid-template-columns:1fr;gap:44px}}

/* v30: undisclosed / cases block below film */
.disc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}
.disc-head h2{margin:0;max-width:22ch}
.tiles.tiles3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.disc-head{flex-direction:column;align-items:flex-start}.tiles.tiles3{grid-template-columns:1fr}}

/* v31 */
.disc-head h2{max-width:none}
.disc .disc-head{margin-bottom:64px}

/* v32: AV-format methodology grid */
.mgrid .wrap{border:1px solid var(--line2)}
.mg-head{display:grid;grid-template-columns:2fr 1fr;border-bottom:1px solid var(--line2)}
.mg-h{padding:48px 56px 56px;border-right:1px solid var(--line2)}
.mg-h .eyebrow{display:block;margin-bottom:28px}
.mg-h h2{margin:0;font-size:clamp(34px,3.6vw,54px);letter-spacing:-.035em;line-height:1.08}
.mg-b{display:flex;align-items:center;justify-content:center;padding:32px}
.mg-tiles{display:grid;grid-template-columns:repeat(3,1fr)}
.mg-t{display:flex;flex-direction:column;gap:22px;padding:56px 48px 64px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);color:inherit;text-decoration:none;min-height:300px}
.mg-t:nth-child(3n){border-right:0}
.mg-t:nth-last-child(-n+3){border-bottom:0}
.mg-tag{align-self:flex-start;background:#EDEBE4;color:#0e0e0e;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px}
.mg-t h3{margin:0;font-size:clamp(20px,1.7vw,25px);line-height:1.2;letter-spacing:-.02em;max-width:18ch}
.mg-more{margin-top:auto;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.mg-t:hover h3{color:var(--acc-hi)}
@media(max-width:900px){.mg-head{grid-template-columns:1fr}.mg-h{border-right:0;border-bottom:1px solid var(--line2);padding:36px 24px}.mg-b{justify-content:flex-start;padding:24px}.mg-tiles{grid-template-columns:1fr}.mg-t{border-right:0;border-bottom:1px solid var(--line2)!important;min-height:0;padding:36px 24px}.mg-t:last-child{border-bottom:0!important}}

.mgrid .wrap{border:0}
.mg-head{border:1px solid var(--line2)}
.mg-tiles{border:1px solid var(--line2);border-top:0}

/* v33: one row, two docs + See all */
.mg-t:nth-last-child(-n+3){border-bottom:0}
.mg-all{justify-content:center;align-items:center}
.mg-all-l{font-size:clamp(22px,1.9vw,28px);letter-spacing:-.02em}
.mg-all:hover .mg-all-l{color:var(--acc-hi)}

/* v35: form errors red */
.wiz .err{color:#E5484D}
.wiz form.bad input,.wiz form.bad textarea{border-color:#E5484D!important}
.wiz form.bad .opts button{border-color:rgba(229,72,77,.6)}

/* v37 */
.mg-head1{grid-template-columns:1fr}
.mg-head1 .mg-h{border-right:0}
.zr-counts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line2);margin-top:56px}
.zr-counts>div{padding:36px 36px 40px;border-right:1px solid var(--line2)}
.zr-counts>div:last-child{border-right:0}
.zr-counts .eyebrow{display:block;margin-bottom:16px}
.zr-counts p{font-size:clamp(17px,1.35vw,19px);line-height:1.45;max-width:30ch}
@media(max-width:900px){.zr-counts{grid-template-columns:1fr}.zr-counts>div{border-right:0;border-bottom:1px solid var(--line2);padding:28px 24px}.zr-counts>div:last-child{border-bottom:0}}

/* v38 */
.zr.light .zr-band p.zr-get{margin-top:20px;max-width:none;color:var(--dim);font-size:clamp(19px,1.6vw,23px)}

/* v44: visual consensus fixes (3 blind judges) */
.mono{font-size:12px}
.chips li{font-size:12px;white-space:nowrap}
.track{top:40px;bottom:0}
.logos-img{grid-template-columns:repeat(30,1fr)}
.logos-img>span{grid-column:span 5}
.logos-img>span:nth-child(n+13){grid-column:span 6}
@media (max-width:900px){.logos-img{grid-template-columns:repeat(6,1fr)}.logos-img>span{grid-column:span 2}.logos-img>span:nth-child(n+13){grid-column:span 2}.logos-img>span:nth-child(n+16){grid-column:span 3}}

/* v45: tile before/after bars; hyperscale diagram one accent */
.t-ba{display:grid;grid-template-columns:56px 1fr 44px;column-gap:12px;row-gap:10px;align-items:center;margin:18px 0 22px}
.t-ba .mono{font-size:12px;color:var(--dim)}
.t-ba .mono:nth-child(3n){text-align:right;color:var(--ink)}
.t-ba i{display:block;height:10px}
.t-ba b{display:block;height:10px;background:var(--line2)}
.t-ba b.b1{background:var(--chart,var(--acc-hi))}
.hgrid .hg-lab{fill:var(--dim)}

/* v46: logo wall = 2x6 equal tiles, logos swap in place (graphite-style); pinned: Palantir, Darktrace, ICEYE */
.logos-swap{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.logos-swap>span{height:96px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(255,255,255,.015)}
.logos-swap img{max-width:62%;max-height:34px;transition:opacity .45s ease}
@media(max-width:900px){.logos-swap{grid-template-columns:repeat(3,1fr);gap:10px}.logos-swap>span{height:76px}}

/* v47: logo wall = open on green (panel: money leader, 2 Jev runs; judges round 1 winner) */
section.lw-green{background:#193A29;--line:rgba(237,235,228,.12)}
section.lw-green h2{color:#EDEBE4}
.logos-open{display:flex;flex-wrap:wrap;justify-content:center;row-gap:8px}
.logos-open>span{flex:0 0 16.666%;height:84px;display:flex;align-items:center;justify-content:center}
.logos-open img{max-width:62%;max-height:34px}
@media(max-width:900px){.logos-open>span{flex-basis:33.333%;height:70px}}

/* v49: FAQ AI icons monochrome cream; tighter dead space */
.ask img{filter:grayscale(1) brightness(0) invert(.9)}
.cta{padding:112px 0}
.filmband{padding-top:96px}
/* v49: engine logos restored at readable size (3/3 judges); pilot button orange (3/3 judges) */
.hero h1.pos{white-space:nowrap}
.hero h1.pos .eng i{width:42px;height:42px;margin-left:-11px}
.hero h1.pos .eng i:first-child{margin-left:0}
.hero h1.pos .eng img,.hero h1.pos .eng svg{width:22px;height:22px}
@media (max-width:900px){.hero h1.pos{white-space:normal}.hero h1.pos .eng i{width:32px;height:32px}.hero h1.pos .eng img,.hero h1.pos .eng svg{width:17px;height:17px}}
.zr .btn:not(.ghost){background:#E07829;border-color:#E07829;color:#0e0e0e}
.zr .btn:not(.ghost):hover{background:#EE8B3F;border-color:#EE8B3F}

/* v49b: logos sized by optical weight (ink area), not by box */
.logos-swap img{max-width:none;max-height:40px;height:auto}

/* v50: pilot button back to green per V (cream bands use the green accent, as on case studies; Jev tie) */
.zr .btn:not(.ghost){background:#193A29;border-color:#193A29;color:#EDEBE4}
.zr .btn:not(.ghost):hover{background:#234F38;border-color:#234F38}
/* v50: engine logos 36px (judges 3/3: 42 too big, 30 unreadable); "Service" label above slots (judges 3/3) */
.hero h1.pos .eng i{width:36px;height:36px;margin-left:-10px}
.hero h1.pos .eng i:first-child{margin-left:0}
.hero h1.pos .eng img,.hero h1.pos .eng svg{width:19px;height:19px}
.filmband .svc-lab{display:inline-flex;margin-bottom:28px}

/* v51: wire T hero (V), logos 32px, Service as a real section heading, split headings no longer sticky */
.hero .mark .twire{position:absolute;top:50%;left:50%;width:min(560px,36vw);aspect-ratio:1;transform:translate(-50%,-52%)}
@media(max-width:900px){.hero .mark .twire{position:static;transform:none;width:100%}}
.hero h1.pos .eng i{width:32px;height:32px;margin-left:-9px}
.hero h1.pos .eng i:first-child{margin-left:0}
.hero h1.pos .eng img,.hero h1.pos .eng svg{width:17px;height:17px}
.filmband .svc-h{margin-bottom:48px}
.split>.side{position:static}

/* v51: small UI text = Inter tracked capitals (judges: Inter caps 17 pts vs Geist Mono 8); buttons = design b3 (3/3) */
.mono, .btn, nav.top a, nav.top .co, .chips li, .t-cap, .t-cap span, .go, .unit, .t-top, .eyebrow, .hg-lab, .wiz .count, .wiz .hint{font-family:Inter,system-ui,sans-serif!important;font-weight:500!important;letter-spacing:.08em!important}
.mono, .chips li, .t-cap, .go, .unit, .t-top, .eyebrow{font-size:12px!important}
nav.top a, nav.top .co{font-size:12px!important;text-transform:uppercase}
.btn{height:56px;padding:0 28px;font:600 13px/1 Inter,system-ui,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;gap:16px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.22)}
.btn.ghost{box-shadow:none}
nav.top .btn{height:38px;padding:0 18px;font-size:12px!important;box-shadow:none}

/* v52: primary buttons = solid fill + offset corner brackets (judges: 10 pts, first); nav button = HUD style (judges: right for secondary) */
.hero .btn,.cta .btn,.zr .btn{position:relative;--br:#E07829;box-shadow:none;overflow:visible}
.zr .btn{--br:#193A29}
.hero .btn::before,.hero .btn::after,.cta .btn::before,.cta .btn::after,.zr .btn::before,.zr .btn::after{content:"";position:absolute;width:10px;height:10px;pointer-events:none}
.hero .btn::before,.cta .btn::before,.zr .btn::before{top:-6px;left:-6px;border-top:1.5px solid var(--br);border-left:1.5px solid var(--br)}
.hero .btn::after,.cta .btn::after,.zr .btn::after{bottom:-6px;right:-6px;border-bottom:1.5px solid var(--br);border-right:1.5px solid var(--br)}
nav.top .btn{background:rgba(224,120,41,.12);border:1px solid rgba(224,120,41,.5);color:#EDEBE4;position:relative}
nav.top .btn:hover{background:rgba(224,120,41,.22);border-color:#E07829;color:#fff}
nav.top .btn::before,nav.top .btn::after{content:"";position:absolute;width:6px;height:6px;pointer-events:none}
nav.top .btn::before{top:-4px;left:-4px;border-top:1px solid #E07829;border-left:1px solid #E07829}
nav.top .btn::after{bottom:-4px;right:-4px;border-bottom:1px solid #E07829;border-right:1px solid #E07829}

/* v53: corner brackets on all four corners, tight to the box (as in V's reference), one drawing for every bracketed button */
.hero .btn::after,.cta .btn::after,.zr .btn::after,nav.top .btn::after{content:none!important}
.hero .btn::before,.cta .btn::before,.zr .btn::before,nav.top .btn::before{content:"";position:absolute;inset:-4px;width:auto;height:auto;border:0!important;pointer-events:none;
 --t:9px;--w:1.5px;
 background:
  linear-gradient(var(--br),var(--br)) top left/var(--t) var(--w) no-repeat,
  linear-gradient(var(--br),var(--br)) top left/var(--w) var(--t) no-repeat,
  linear-gradient(var(--br),var(--br)) top right/var(--t) var(--w) no-repeat,
  linear-gradient(var(--br),var(--br)) top right/var(--w) var(--t) no-repeat,
  linear-gradient(var(--br),var(--br)) bottom left/var(--t) var(--w) no-repeat,
  linear-gradient(var(--br),var(--br)) bottom left/var(--w) var(--t) no-repeat,
  linear-gradient(var(--br),var(--br)) bottom right/var(--t) var(--w) no-repeat,
  linear-gradient(var(--br),var(--br)) bottom right/var(--w) var(--t) no-repeat}
nav.top .btn{--br:#E07829}
nav.top .btn::before{inset:-3px;--t:6px;--w:1px}

/* v54: solid orange main CTA confirmed (judges 8 pts + Jev money leader); brackets 2px off the fill so they read on dark */
.hero .btn::before,.cta .btn::before{inset:-6px}
