/* ==========================================================================
   BR Creators: enterprise-clean layer (loaded after site.css)
   Calmer type scale, tighter grid, thin borders, fewer effects.
   ========================================================================== */
:root{
  --bg:#06080d; --bg2:#0a0d14; --bg3:#0f131c;
  --ink:#eef0f4; --ink2:#b4bac7; --muted:#7f8696;
  --line:rgba(255,255,255,.085);
  --r:10px; --r-lg:14px;
  --f-display:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --gutter:clamp(20px,3.5vw,48px);
}
body{background:var(--bg);font-size:16px;line-height:1.6;font-feature-settings:'cv11','ss01'}
.wrap{width:min(1200px,100% - var(--gutter)*2)}
.mono{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500}

/* remove showy effects */
.hero__mesh,.hero__cards{display:none!important}
.grain{opacity:.045}

/* type scale */
h1,h2,h3,.h-hero,.h-xl,.h-lg,.h-md{font-family:var(--f-display);font-weight:600;letter-spacing:-.025em;line-height:1.12}
.h-hero{font-size:clamp(2.1rem,4.3vw,3.7rem);letter-spacing:-.035em;line-height:1.07;max-width:17ch}
.h-xl{font-size:clamp(1.9rem,3.4vw,2.8rem);max-width:22ch}
.h-lg{font-size:clamp(1.55rem,2.5vw,2.2rem);max-width:26ch}
.h-md{font-size:clamp(1.25rem,1.8vw,1.5rem)}
.lead{font-size:clamp(1rem,.5vw + .9rem,1.15rem);line-height:1.6;color:var(--ink2);max-width:56ch}
.eyebrow{font:500 .74rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s3)}
body.home .sec .eyebrow:not(.eyebrow--plain)::before{content:"// ";opacity:.6;counter-increment:none}
.h-hero em,.h-lg em,.h-xl em{font:inherit;background:none;color:inherit;-webkit-text-fill-color:currentColor}

/* rhythm */
.sec{padding:clamp(48px,5.5vw,80px) 0}
.sec--tight{padding:clamp(32px,4vw,56px) 0}
.sec--alt{background:var(--bg2);border-block:1px solid var(--line)}
.sec__head{margin-bottom:clamp(22px,3vw,36px)}
.sec--light{background:#f4f5f7;color:#0b0d12}
.sec--light .eyebrow{color:#0b64b8}
.sec--light .h-lg{color:#0b0d12}

/* buttons */
.btn{border-radius:8px;padding:12px 20px;font:600 .92rem/1.2 var(--f-body);background:#fff;color:#0a0f1e;border:1px solid #fff;transition:background .25s,color .25s,border-color .25s,transform .25s}
.btn::before,.btn::after{display:none}
.btn:hover{background:var(--accent);border-color:var(--accent);color:#00131d;box-shadow:none;transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--ink);border-color:rgba(255,255,255,.22)}
.btn--ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.4);color:var(--ink)}
.btn--sm{padding:9px 16px;font-size:.86rem}
.btn--go span::after{display:none}
.cta-row{margin-top:var(--s5);gap:var(--s3)}
.link{font-weight:600;font-size:.95rem}

/* header: simple full-width bar */
.hdr{padding:0}
.hdr .wrap{width:min(1200px,100% - var(--gutter)*2)}
.hdr__in{height:64px;padding:0;border-radius:0;background:none;border:0;box-shadow:none;gap:var(--s5)}
.hdr.is-solid{background:rgba(6,8,13,.82);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line)}
.hdr.is-solid .hdr__in{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.hdr__logo img{height:54px;width:auto}
@media(max-width:900px){.hdr__logo img{height:46px}}
.hdr__nav{margin-left:auto;margin-right:var(--s3);gap:2px}
.hdr__nav a{font-size:.9rem;font-weight:500;padding:8px 12px;border-radius:6px}
.hdr__nav a:hover,.hdr__nav a.is-active{background:rgba(255,255,255,.06)}

/* hero */
.hero2{position:relative;padding:clamp(104px,11vw,148px) 0 clamp(40px,5vw,64px);overflow:hidden}
.hero2 .hero__canvas{z-index:0}
.hero2::after{content:"";position:absolute;right:-10%;top:-20%;width:60%;height:90%;background:radial-gradient(closest-side,rgba(0,200,255,.16),transparent);pointer-events:none}
.hero2__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero2__label{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}
.hero2__copy .lead{margin-top:var(--s4)}
.hero2__proof{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s5);color:var(--muted);font-size:.88rem}
.hero2__proof li{position:relative;padding-left:18px}
.hero2__proof li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:5px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)}

/* browser frame */
.frame{border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);background:var(--bg3);overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.02);transition:transform .5s var(--ease),border-color .3s}
.frame__bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03)}
.frame__bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}
.frame__bar span{margin-left:10px;flex:1;max-width:260px;height:20px;line-height:20px;padding:0 10px;border-radius:5px;background:rgba(255,255,255,.05);color:var(--muted);font:500 .7rem/20px var(--f-mono);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.frame .cover{border-radius:0;aspect-ratio:16/10}
.hero2__shot:hover .frame,.wcard:hover .frame{transform:translateY(-4px);border-color:rgba(0,200,255,.4)}

/* tech stack bar */
.stackbar{border-block:1px solid var(--line);background:var(--bg2)}
.stackbar__in{display:flex;align-items:center;gap:var(--s6);padding-block:var(--s4);flex-wrap:wrap}
.stackbar ul{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5)}
.stackbar li{font:500 .9rem var(--f-body);color:var(--ink2)}

/* capabilities */
.caps{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,80px);align-items:start}
.caps__intro{position:sticky;top:96px}
.caps__intro .muted{margin:var(--s4) 0 var(--s5);max-width:40ch}
.caps__list li{border-top:1px solid var(--line)} .caps__list li:last-child{border-bottom:1px solid var(--line)}
.caps__list a{display:grid;grid-template-columns:32px 1fr 24px;grid-template-areas:"n t a" ". d .";gap:2px var(--s4);padding:var(--s5) var(--s3);transition:background .25s,padding .35s var(--ease)}
.caps__list a:hover{background:rgba(255,255,255,.035);padding-inline:var(--s4)}
.caps__n{grid-area:n;padding-top:5px}
.caps__t{grid-area:t;font:600 1.1rem/1.3 var(--f-display);letter-spacing:-.01em}
.caps__d{grid-area:d;color:var(--muted);font-size:.93rem;max-width:56ch}
.caps__a{grid-area:a;color:var(--accent);transition:transform .3s var(--ease)}
.caps__list a:hover .caps__a{transform:translateX(4px)}

/* work */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.wcard{display:flex;flex-direction:column;gap:var(--s4)}
.wcard__meta{display:flex;flex-direction:column;gap:var(--s2)}
.wcard h3{font-size:1.25rem}
.wcard p{color:var(--ink2);font-size:.94rem}
.tech{display:flex;flex-wrap:wrap;gap:6px;margin:var(--s2) 0 var(--s2)}
.tech li{font:500 .72rem var(--f-mono);padding:3px 8px;border:1px solid var(--line);border-radius:5px;color:var(--ink2)}
.wcard .link{margin-top:var(--s2);align-self:flex-start}

/* process */
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5)}
.proc li{border-top:1px solid var(--line);padding-top:var(--s4);position:relative}
.proc li::before{content:"";position:absolute;left:0;top:-1px;width:32px;height:1px;background:var(--accent)}
.proc h3{font-size:1.15rem;margin:var(--s3) 0 var(--s2)}
.proc p{color:var(--muted);font-size:.93rem}

/* engagement (light) */
.engage{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.engage__c{background:#fff;border:1px solid #e3e6ec;border-radius:var(--r-lg);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s3);transition:box-shadow .3s,transform .3s}
.engage__c:hover{box-shadow:0 20px 40px -24px rgba(11,13,18,.25);transform:translateY(-3px)}
.engage__c .mono{color:#0b64b8}
.engage__c h3{font-size:1.3rem;color:#0b0d12}
.engage__c p{color:#4a5160;font-size:.95rem}
.engage__c ul{margin-top:auto;padding-top:var(--s3);border-top:1px solid #eceff3;display:grid;gap:8px}
.engage__c li{position:relative;padding-left:20px;color:#2b303c;font-size:.9rem}
.engage__c li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:5px;border-left:1.5px solid #0b64b8;border-bottom:1.5px solid #0b64b8;transform:rotate(-45deg)}
.engage__note{margin-top:var(--s4);color:#4a5160;font-size:.9rem}

/* industries */
.ind{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ind__c{padding:var(--s5);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s}
.ind__c:hover{background:rgba(255,255,255,.03)}
.ind__c h3{font-size:1.1rem;margin:var(--s3) 0 var(--s2)}
.ind__c p{color:var(--muted);font-size:.92rem}

/* founder, testimonials, CTA: quieter */
.sec--founder{padding-block:clamp(40px,5vw,72px)}
.founder__card{padding:clamp(var(--s5),4vw,var(--s7));border-radius:var(--r-lg)}
.founder blockquote p{font-size:clamp(1.2rem,2.1vw,1.7rem);line-height:1.35;letter-spacing:-.015em;max-width:44ch}
.founder__q{font-size:clamp(6rem,11vw,10rem)}
.founder footer{margin-top:var(--s5)}
.tcard,.fbk,.cta{border-radius:var(--r-lg)}
.tcard{min-height:240px}
.cta{padding:clamp(var(--s5),3vw,var(--s6))}
.cta .h-md{font-size:clamp(1.2rem,1.9vw,1.6rem)}
.founder__av{background:var(--accent)}
.scard,.door,.quote,.panel,.pcard--grid .cover,.cover,.post__img{border-radius:var(--r-lg)}
.scard h2,.scard h3{font-size:1.2rem}

/* inner pages */
.phero{padding:clamp(112px,12vw,160px) 0 var(--s6)}
.phero::before{opacity:.3}

/* footer */
.ftr{padding:var(--s7) 0 clamp(70px,10vw,150px)}
.ftr__cta{margin-bottom:var(--s6)}
.ftr__mail{font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:-.03em}
.ftr__logo{height:72px;width:auto}
.ftr__h{font:500 .72rem var(--f-mono);letter-spacing:.1em}


/* ---------- orbit: artistic hero graphic ---------- */
.orbit{position:relative;display:grid;place-items:center;aspect-ratio:1;width:min(100%,540px);justify-self:center;--r1:128px;--r2:190px;--r3:252px;perspective:1100px}
.orbit__tilt{position:relative;width:100%;height:100%;display:grid;place-items:center;transform-style:preserve-3d;will-change:transform}
.orbit__aura{position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 0deg,rgba(0,200,255,.0),rgba(0,200,255,.5),rgba(0,102,255,.5),rgba(0,200,255,.0) 70%);filter:blur(46px);opacity:.55;animation:spin 22s linear infinite}
.orbit__ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.1);transform:translate(-50%,-50%);animation:spin 60s linear infinite}
.orbit__ring--1{width:calc(var(--r1)*2);height:calc(var(--r1)*2);animation-duration:34s;border-color:rgba(0,200,255,.35)}
.orbit__ring--2{width:calc(var(--r2)*2);height:calc(var(--r2)*2);animation-duration:52s;animation-direction:reverse;border-style:dashed;border-color:rgba(255,255,255,.14)}
.orbit__ring--3{width:calc(var(--r3)*2);height:calc(var(--r3)*2);animation-duration:78s;border-color:rgba(0,102,255,.3)}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.orbit__aura{animation-name:spin2}
@keyframes spin2{to{transform:rotate(360deg)}}
.orbit__chip{position:absolute;left:50%;top:50%;transform:rotate(var(--a)) translateX(var(--rr)) rotate(calc(var(--a) * -1));--rr:var(--r1)}
.orbit__ring--2 .orbit__chip{--rr:var(--r2)} .orbit__ring--3 .orbit__chip{--rr:var(--r3)}
.orbit__chip em{display:block;translate:-50% -50%;font:500 .78rem/1 var(--f-body);font-style:normal;letter-spacing:.01em;white-space:nowrap;padding:8px 14px;border-radius:99px;color:var(--ink);background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px -12px rgba(0,0,0,.8);animation:spin3 34s linear infinite}
.orbit__ring--2 .orbit__chip em{animation-duration:52s;animation-direction:normal}
.orbit__ring--3 .orbit__chip em{animation-duration:78s}
.orbit__chip--ai em{background:linear-gradient(120deg,#00c8ff,#0066ff);color:#00131d;font-weight:700;border-color:transparent}
@keyframes spin3{to{rotate:-360deg}}
.orbit__ring--2 .orbit__chip em{animation-name:spin3r}
@keyframes spin3r{to{rotate:360deg}}
.orbit__dot{position:absolute;left:50%;top:0;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px 4px rgba(0,200,255,.7)}
.orbit__dot--v{background:#0066ff;box-shadow:0 0 18px 4px rgba(0,102,255,.7);top:100%}
.orbit__core{position:relative;z-index:2;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),rgba(255,255,255,.04) 60%),#0b1220;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 10px rgba(0,200,255,.06),0 0 80px 10px rgba(0,200,255,.35),inset 0 0 30px rgba(0,200,255,.25)}
.orbit__core span{font:700 1.7rem/1 var(--f-display);letter-spacing:-.04em;color:var(--accent)}

/* ---------- tech ticker ---------- */
.ticker{border-block:1px solid var(--line);background:var(--bg2);overflow:hidden;padding:var(--s4) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker__track{display:flex;width:max-content;animation:marq 40s linear infinite}
.ticker__row{display:flex;align-items:center;gap:var(--s6);padding-right:var(--s6);font:500 clamp(1rem,1.6vw,1.3rem) var(--f-display);color:var(--ink2);white-space:nowrap;letter-spacing:-.01em}
.ticker__row b{color:var(--accent);font-size:.7em}
.ticker:hover .ticker__track{animation-play-state:paused}

/* ---------- statement ---------- */
.sec--statement{padding-block:clamp(56px,8vw,112px)}
.statement{font:600 clamp(1.5rem,3.2vw,2.7rem)/1.22 var(--f-display);letter-spacing:-.025em;max-width:34ch}

/* ---------- bento capabilities ---------- */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s4)}
.bento__c{position:relative;grid-column:span 4;display:flex;flex-direction:column;gap:var(--s2);min-height:230px;padding:var(--s5);border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(380px circle at var(--mx) var(--my),rgba(0,200,255,.1),transparent 55%),linear-gradient(160deg,var(--bg3),var(--bg2));overflow:hidden;transition:transform .5s var(--ease),border-color .3s}
.bento__c:nth-child(6n+1){grid-column:span 7} .bento__c:nth-child(6n+2){grid-column:span 5} .bento__c:nth-child(6n){grid-column:span 12;min-height:190px}
.bento__c:hover{transform:translateY(-4px);border-color:rgba(0,200,255,.35)}
.bento__c::after{content:"";position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,200,255,.18),transparent);transition:transform .8s var(--ease)}
.bento__c:nth-child(even)::after{background:radial-gradient(closest-side,rgba(0,102,255,.2),transparent)}
.bento__c:hover::after{transform:scale(1.5)}
.bento__ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#7fd6ff;background:rgba(0,200,255,.12);border:1px solid rgba(0,200,255,.25);margin-bottom:var(--s3)}
.bento__n{position:absolute;right:var(--s5);top:var(--s5)}
.bento__c h3{font-size:clamp(1.15rem,1.6vw,1.4rem);margin-top:auto;max-width:22ch}
.bento__c p{color:var(--ink2);font-size:.94rem;max-width:52ch;padding-right:44px;position:relative;z-index:1}
.bento__go{position:absolute;right:var(--s5);bottom:var(--s5);z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--accent);transition:background .3s,color .3s,transform .4s var(--ease)}
.bento__c:hover .bento__go{background:var(--accent);color:#001019;transform:rotate(45deg)}

/* ---------- process timeline ---------- */
.proc{position:relative}
.proc::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--line)}
.proc li{border:0;padding-top:var(--s5)}
.proc li::before{display:none}
.proc__dot{position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid var(--accent);box-shadow:0 0 0 4px rgba(0,200,255,.12);transition:background .4s,box-shadow .4s}
.proc li:hover .proc__dot{background:var(--accent);box-shadow:0 0 0 6px rgba(0,200,255,.2),0 0 20px rgba(0,200,255,.6)}

.ind__c{position:relative;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(255,255,255,.05),transparent 55%)}
.tslider__demo{margin-top:var(--s3)}


/* ---------- case study page ---------- */
.cs-hero{position:relative;padding:clamp(104px,10vw,140px) 0 var(--s6);overflow:hidden}
.cs-hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70%;height:80%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 38%,transparent),transparent);pointer-events:none;opacity:.7}
.cs-hero .wrap{position:relative}
.cs-hero__top{max-width:820px}
.cs-hero .lead{margin-top:var(--s4)}
.tags2{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.tags2 li{font:500 .78rem var(--f-mono);padding:5px 11px;border:1px solid var(--line);border-radius:99px;color:var(--ink2);background:rgba(255,255,255,.03)}
.cs-hero__shot{margin-top:clamp(28px,4vw,48px)}
.cs-hero__shot .frame .cover{aspect-ratio:16/8}
.snap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--bg2)}
.snap>div{padding:var(--s4) var(--s5);border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -1px -1px 0}
.snap dt{font:500 .7rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.snap dd{margin:0;font-weight:600;font-size:.98rem}
.snap__wide{grid-column:1/-1}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s4);margin-bottom:var(--s6)}
.kpi{padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--bg3),var(--bg2))}
.kpi strong{display:block;font:600 clamp(2.2rem,4vw,3.2rem)/1 var(--f-display);letter-spacing:-.04em;color:var(--accent)}
.kpi span{display:block;margin-top:var(--s2);color:var(--ink2);font-size:.92rem}
.ach ul{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--s6);margin-top:var(--s3)}
.ach li{position:relative;padding:var(--s3) 0 var(--s3) 28px;border-bottom:1px solid var(--line);color:var(--ink2)}
.ach li::before{content:"";position:absolute;left:2px;top:1.15em;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.cs-blk{display:grid;grid-template-columns:.38fr 1fr;gap:clamp(24px,5vw,72px);padding:var(--s6) 0;border-top:1px solid var(--line)}
.cs-blk:first-child{border-top:0;padding-top:0}
.cs-blk header{display:flex;flex-direction:column;gap:var(--s2);position:sticky;top:96px;align-self:start}
.cs-blk .h-md{margin:0}
.cs-blk .prose{max-width:62ch;font-size:1.05rem}
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4)}
.feat--4{grid-template-columns:repeat(4,1fr)}
.feat__c{position:relative;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(360px circle at var(--mx) var(--my),rgba(0,200,255,.09),transparent 55%),linear-gradient(160deg,var(--bg3),var(--bg2));overflow:hidden;transition:transform .4s var(--ease),border-color .3s}
.feat__c:hover{transform:translateY(-3px);border-color:rgba(0,200,255,.35)}
.feat__c h3{font-size:1.1rem}
.feat__c p{color:var(--ink2);font-size:.93rem}
.feat__ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#7fd6ff;background:rgba(0,200,255,.12);border:1px solid rgba(0,200,255,.25);margin-bottom:var(--s2)}
.shots{display:grid;gap:var(--s4)}
.shots--2{grid-template-columns:1fr 1fr}.shots--3{grid-template-columns:repeat(3,1fr)}
.shots .frame img{width:100%;height:auto;display:block}
.cquote{position:relative;padding:clamp(var(--s5),4vw,var(--s7));border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(500px circle at var(--mx) var(--my),rgba(0,200,255,.1),transparent 60%),linear-gradient(150deg,var(--bg3),var(--bg2));overflow:hidden}
.cquote blockquote p{position:relative;font:600 clamp(1.3rem,2.4vw,2rem)/1.35 var(--f-display);letter-spacing:-.015em;max-width:40ch}
.cquote figcaption{position:relative;margin-top:var(--s4);color:var(--muted)}

/* ---------- service page ---------- */
.svc-hero{position:relative;padding:clamp(104px,10vw,140px) 0 clamp(36px,5vw,64px);overflow:hidden}
.svc-hero::after{content:"";position:absolute;right:-10%;top:-20%;width:60%;height:90%;background:radial-gradient(closest-side,rgba(0,200,255,.16),transparent);pointer-events:none}
.svc-hero .hero__canvas{z-index:0}
.svc-hero .crumbs{margin-bottom:var(--s5)}
.svc-hero__price{margin-top:var(--s4);color:var(--accent)}
.orbit--svc .orbit__core{width:120px;height:120px;color:#8fdcff}
.vt-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,80px);align-items:start}
.vt-intro{position:sticky;top:96px}
.vt-intro .muted{margin-top:var(--s4);max-width:36ch}
.vt{position:relative;display:grid;gap:0}
.vt::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:1px;background:linear-gradient(var(--accent),var(--line) 30%)}
.vt li{position:relative;display:grid;grid-template-columns:40px 1fr;gap:var(--s4);padding:var(--s4) 0}
.vt__n{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--accent);color:var(--accent);box-shadow:0 0 0 5px rgba(0,200,255,.08)}
.vt h3{font-size:1.15rem;margin:6px 0 var(--s2)}
.vt p{color:var(--ink2);font-size:.96rem;max-width:56ch}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s4)}
.team__c{position:relative;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(340px circle at var(--mx) var(--my),rgba(255,255,255,.06),transparent 55%),var(--bg2);display:flex;flex-direction:column;gap:var(--s2);overflow:hidden}
.team__av{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font:700 1.1rem var(--f-display);color:#001019;background:linear-gradient(135deg,#00c8ff,#0066ff);margin-bottom:var(--s2)}
.team__c h3{font-size:1.05rem}
.team__c p{color:var(--ink2);font-size:.92rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px)}
.two .h-md{margin:var(--s2) 0 var(--s4)}
.ticks--lg li{font-size:1rem;padding-block:var(--s3)}
.chips2{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chips2 li{padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.03);font:500 .88rem var(--f-body);color:var(--ink);transition:border-color .25s,background .25s}
.chips2 li:hover{border-color:rgba(0,200,255,.5);background:rgba(0,200,255,.08)}

/* process: vertical timeline on small screens */
@media (max-width:1000px){
  .proc{grid-template-columns:1fr;gap:0;padding-left:30px}
  .proc::before{left:5px;right:auto;top:6px;bottom:6px;width:1px;height:auto}
  .proc li{padding:var(--s4) 0 var(--s4) var(--s2)}
  .proc__dot{left:-30px;top:var(--s5)}
  .cs-blk,.vt-wrap,.two{grid-template-columns:1fr}
  .cs-blk header,.vt-intro{position:static}
  .feat--4{grid-template-columns:1fr 1fr}
  .ach ul{grid-template-columns:1fr}
}
@media (max-width:680px){
  .feat,.feat--4,.shots--2,.shots--3{grid-template-columns:1fr}
  .snap>div{padding:var(--s3) var(--s4)}
}

/* responsive */
@media (max-width:1000px){
  .hero2__grid,.caps{grid-template-columns:1fr}
  .caps__intro{position:static}
  .bento__c,.bento__c:nth-child(n){grid-column:span 6}
  .orbit{width:min(100%,420px);--r1:98px;--r2:146px;--r3:194px}
  .wgrid,.engage{grid-template-columns:1fr 1fr}
  .ind{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .wgrid,.engage,.proc,.ind{grid-template-columns:1fr}
  .bento__c,.bento__c:nth-child(n){grid-column:span 12;min-height:0}
  .orbit{width:min(100%,340px);--r1:78px;--r2:118px;--r3:158px}
  .orbit__chip em{font-size:.7rem;padding:6px 10px}
  .orbit__core{width:80px;height:80px}.orbit__core span{font-size:1.3rem}
  .stackbar__in{gap:var(--s3)}
  .hero2{padding-top:92px}
  .hdr__in{height:58px}
}
@media (prefers-reduced-motion:reduce){.frame,.engage__c,.btn{transition:none}}

/* ===== Article (insight detail) ===== */
.art-hero{position:relative;padding:clamp(104px,10vw,140px) 0 var(--s6);overflow:hidden}
.art-hero::before{content:"";position:absolute;inset:-30% -10% auto auto;width:70%;height:90%;background:radial-gradient(closest-side,rgba(0,170,255,.22),transparent);pointer-events:none}
.art-hero .wrap{position:relative}
.art-cat{display:flex;align-items:center;gap:12px;font:500 .78rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.art-cat span{color:var(--accent)} .art-cat i{width:4px;height:4px;border-radius:50%;background:var(--muted)}
.art-title{margin-top:var(--s4);max-width:20ch;font-size:clamp(2.2rem,5.2vw,4rem);line-height:1.04}
.art-lead{margin-top:var(--s4);max-width:58ch}
.art-by{display:flex;align-items:center;gap:14px;margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line)}
.art-by img{width:44px;height:44px;object-fit:contain;padding:6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}
.art-by strong{display:block;font-size:.95rem} .art-by small{color:var(--muted);font-size:.82rem}
.art-cover{margin:0 0 var(--s7);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);aspect-ratio:21/9;background:linear-gradient(135deg,#0b1a2b,#0a0f1e)}
.art-cover img{width:100%;height:100%;object-fit:cover}
.art-cover__gen{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:
  radial-gradient(60% 90% at 20% 0%,rgba(0,170,255,.35),transparent 70%),
  radial-gradient(50% 80% at 90% 100%,rgba(120,80,255,.28),transparent 70%),#080a10}
.art-cover__gen::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(closest-side,#000,transparent)}
.art-cover__gen span{position:relative;font:700 clamp(6rem,18vw,13rem)/1 var(--f-display);color:rgba(255,255,255,.1)}
.art-cover__gen em{position:absolute;left:24px;bottom:20px;font:500 .78rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-style:normal}

.art__grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start;max-width:1080px}
.art__rail{position:sticky;top:96px;display:flex;flex-direction:column;gap:var(--s6)}
.toc summary{cursor:pointer;list-style:none;font:500 .74rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s3)}
.toc summary::-webkit-details-marker{display:none}
.toc ol{display:flex;flex-direction:column;border-left:1px solid var(--line)}
.toc a{display:flex;gap:10px;padding:8px 0 8px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:.9rem;line-height:1.35;color:var(--muted);transition:color .25s,border-color .25s}
.toc a small{font:500 .7rem var(--f-mono);padding-top:3px;opacity:.7}
.toc a:hover,.toc a.is-on{color:var(--ink);border-left-color:var(--accent)}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.share p{width:100%;font:500 .74rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.share a,.share button{font:500 .82rem var(--f-body);color:var(--ink2);padding:7px 13px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .25s,background .25s,color .25s}
.share a:hover,.share button:hover{border-color:var(--accent);color:var(--ink);background:rgba(0,170,255,.08)}

.art__body{max-width:68ch;font-size:1.12rem;line-height:1.8}
.art__body>*+*{margin-top:1.25em}
.art__body>p:first-of-type{font-size:1.28rem;line-height:1.65;color:var(--ink)}
.art__body h2{margin-top:2.2em;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.15;color:var(--ink);scroll-margin-top:96px;padding-top:1.1em;border-top:1px solid var(--line)}
.art__body h3{margin-top:1.8em;font-size:1.25rem;color:var(--ink);scroll-margin-top:96px}
.art__body strong{color:var(--ink);font-weight:600}
.art__body ul,.art__body ol{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.6em}
.art__body ul li{position:relative;padding-left:28px}
.art__body ul li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(0,170,255,.15)}
.art__body ol{counter-reset:n} .art__body ol li{position:relative;padding-left:40px;counter-increment:n}
.art__body ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.2em;font:500 .8rem var(--f-mono);color:var(--accent)}
.art__body blockquote{margin-left:0;padding:var(--s5) var(--s6);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r);background:linear-gradient(135deg,rgba(0,170,255,.08),rgba(255,255,255,.02));font-size:1.2rem;line-height:1.6;color:var(--ink)}
.art__body img{border-radius:var(--r);border:1px solid var(--line)}
.art__body a{color:var(--accent);border-bottom:1px solid rgba(0,170,255,.4);transition:border-color .2s} .art__body a:hover{border-color:var(--accent)}
.art__body code{font:.88em var(--f-mono);padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.07)}
.art__body pre{padding:var(--s5);border:1px solid var(--line);border-radius:var(--r);background:#0a0c12;overflow:auto} .art__body pre code{background:none;padding:0}
.art__body table{width:100%;border-collapse:collapse;font-size:.95rem} .art__body th,.art__body td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left} .art__body th{font:500 .74rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

.art-end{display:grid;grid-template-columns:1fr auto;gap:var(--s6);align-items:center;padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(70% 120% at 0% 0%,rgba(0,170,255,.16),transparent),rgba(255,255,255,.02)}
.art-end .h-md{margin:var(--s2) 0}
.art-end__btns{display:flex;flex-direction:column;gap:var(--s3)}

/* featured insight on listing */
.post-feat{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:var(--s7);padding:clamp(14px,2vw,22px);border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
.post-feat:hover{border-color:rgba(0,170,255,.45);background:rgba(0,170,255,.04)}
.post-feat__img{aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;display:grid;place-items:center;background:radial-gradient(60% 90% at 20% 0%,rgba(0,170,255,.35),transparent 70%),radial-gradient(50% 80% at 90% 100%,rgba(120,80,255,.28),transparent 70%),#080a10}
.post-feat__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)} .post-feat:hover .post-feat__img img{transform:scale(1.04)}
.post-feat__img span{font:700 8rem/1 var(--f-display);color:rgba(255,255,255,.1)}
.post-feat__txt{display:flex;flex-direction:column;gap:var(--s3);padding:0 clamp(0px,1vw,12px)}
.post-feat h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1}
.post-feat p{color:var(--muted)}
.post-feat__go{font-weight:500;color:var(--accent)} .post-feat__go i{display:inline-block;font-style:normal;transition:transform .3s} .post-feat:hover .post-feat__go i{transform:translateX(6px)}

@media (max-width:900px){
  .art__grid{grid-template-columns:1fr}
  .art__rail{position:static;order:-1;gap:var(--s4)}
  .toc{border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);background:rgba(255,255,255,.02)}
  .art-cover{aspect-ratio:16/10}
  .art-end{grid-template-columns:1fr}
  .art-end__btns{flex-direction:row;flex-wrap:wrap}
  .post-feat{grid-template-columns:1fr}
  .art__body{font-size:1.05rem}
}

/* ===== Inner pages: services, work, about, contact, audit ===== */
[hidden]{display:none!important}
.phero{position:relative;overflow:hidden}
.phero::after{content:"";position:absolute;inset:-40% -10% auto auto;width:60%;height:120%;background:radial-gradient(closest-side,rgba(0,170,255,.18),transparent);pointer-events:none}
.phero .h-xl{max-width:20ch}

/* services listing */
.svl{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.svl__c{position:relative;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6);border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.02);overflow:hidden;transition:border-color .3s,transform .4s var(--ease),background .3s}
.svl__c::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 0% 0%,rgba(0,170,255,.14),transparent);opacity:0;transition:opacity .4s}
.svl__c:hover{transform:translateY(-4px);border-color:rgba(0,170,255,.45)} .svl__c:hover::before{opacity:1}
.svl__c>*{position:relative}
.svl__c--ai{background:linear-gradient(160deg,rgba(120,80,255,.14),rgba(255,255,255,.02))}
.svl__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s3)}
.svl__top .mono{color:var(--muted)}
.svl__ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--accent);border:1px solid rgba(0,170,255,.3);background:rgba(0,170,255,.08)}
.svl__c h2{font-size:1.35rem;line-height:1.2}
.svl__c p{color:var(--ink2);font-size:.95rem}
.svl__b{display:flex;flex-direction:column;gap:6px;margin-top:var(--s2)}
.svl__b li{position:relative;padding-left:20px;font-size:.88rem;color:var(--muted)}
.svl__b li::before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.svl__f{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:auto;padding-top:var(--s4);border-top:1px solid var(--line)}
.svl__f small{color:var(--accent);font-weight:600;font-size:.82rem}
.svl__go{font-weight:500;color:var(--accent);white-space:nowrap} .svl__go i{display:inline-block;font-style:normal;transition:transform .3s} a:hover>.svl__f .svl__go i,a:hover .svl__go i{transform:translateX(5px)}

/* work listing */
.wf{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s6)}
.wf button{font:500 .85rem var(--f-body);padding:8px 16px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.03);color:var(--ink2);cursor:pointer;transition:all .25s}
.wf button small{opacity:.6;margin-left:4px}
.wf button:hover{border-color:rgba(0,170,255,.5);color:var(--ink)}
.wf button.is-on{background:var(--ink);color:#0a0f1e;border-color:var(--ink)}
.wfeat{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:var(--s8);padding:clamp(14px,2vw,22px);border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(60% 100% at 0% 0%,color-mix(in srgb,var(--c) 16%,transparent),transparent),rgba(255,255,255,.02);transition:border-color .3s}
.wfeat:hover{border-color:color-mix(in srgb,var(--c) 60%,transparent)}
.wfeat__txt{display:flex;flex-direction:column;gap:var(--s3);align-items:flex-start;padding-right:clamp(0px,1.5vw,18px)}
.wfeat h2{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.08}
.wfeat p{color:var(--ink2)}

/* about */
.abt{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(32px,5vw,80px);align-items:start}
.abt__story{max-width:62ch;font-size:1.08rem;line-height:1.8}
.abt__story p:first-child{font-size:1.3rem;line-height:1.55;color:var(--ink)}
.abt__side{display:flex;flex-direction:column;gap:var(--s4);position:sticky;top:96px}
.abt__card{display:flex;flex-direction:column;gap:var(--s3);align-items:flex-start;padding:var(--s6);border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(80% 80% at 0% 0%,rgba(0,170,255,.12),transparent),rgba(255,255,255,.02)}
.abt__card .mono{color:var(--accent)} .abt__card h2{font-size:1.5rem} .abt__card p{color:var(--ink2)}
.abt__card .btn{margin-top:var(--s3)}
.abt__card--loc{background:rgba(255,255,255,.02)}
.feat--3{grid-template-columns:repeat(3,1fr)} .feat--2{grid-template-columns:repeat(2,1fr)}
.feat__c .mono{color:var(--accent)}
.fq{max-width:900px;margin:0 auto;padding:clamp(28px,5vw,64px);border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(70% 100% at 100% 0%,rgba(120,80,255,.18),transparent),radial-gradient(60% 100% at 0% 100%,rgba(0,170,255,.14),transparent),rgba(255,255,255,.02)}
.fq p{font:600 clamp(1.4rem,2.8vw,2.2rem)/1.28 var(--f-display);letter-spacing:-.02em;max-width:34ch}
.fq footer{display:flex;align-items:center;gap:14px;margin-top:var(--s6)}
.fq footer img{width:44px;height:44px;object-fit:contain;padding:6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}
.fq footer strong{display:block} .fq footer small{color:var(--muted)}

/* contact + audit */
.ctc{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.ctc__form{position:static}
.ctc__side{display:flex;flex-direction:column;gap:var(--s3)}
.ctc__c{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
a.ctc__c:hover{border-color:rgba(0,170,255,.5);background:rgba(0,170,255,.05)}
.ctc__ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--accent);border:1px solid rgba(0,170,255,.3);background:rgba(0,170,255,.08)}
.ctc__c small{display:block;font:500 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ctc__c strong{display:block;font-weight:500;font-size:.98rem;word-break:break-word}
.ctc__next{margin-top:var(--s3);padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.02)}
.ctc__next .mono{color:var(--accent);margin-bottom:var(--s3)}
.ctc__next ol,.ctc__steps{display:flex;flex-direction:column;gap:var(--s3)}
.ctc__next li,.ctc__steps li{display:flex;gap:14px;align-items:baseline;color:var(--ink2);font-size:.95rem}
.ctc__next b,.ctc__steps b{font:500 .78rem var(--f-mono);color:var(--accent)}
.ctc .map{height:240px}
.ctc__steps{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line)}
.aud{margin-top:var(--s4)}
.aud__call{display:flex;flex-direction:column;gap:4px;margin-top:var(--s4);padding:var(--s5);border:1px solid rgba(0,170,255,.35);border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(0,170,255,.12),transparent)}
.aud__call span{color:var(--ink2);font-size:.95rem}

@media (max-width:1000px){
  .svl{grid-template-columns:repeat(2,1fr)}
  .wfeat,.abt,.ctc{grid-template-columns:1fr}
  .abt__side{position:static}
  .feat--3{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .svl,.feat--3,.feat--2{grid-template-columns:1fr}
  .svl__c{padding:var(--s5)}
  .phero .h-xl{max-width:none}
}
.bento__c:nth-child(9n){grid-column:span 12;min-height:190px}

/* work grid (many projects) */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s7) var(--s5)}
.wgrid .pcard__meta h2{font-size:1.15rem;line-height:1.25}
.wgrid .pcard__meta p{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1000px){.wgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.wgrid{grid-template-columns:1fr}}
.cover{aspect-ratio:16/10}
.cover img{object-position:center}

/* service hero artwork */
.svc-art{margin:0;position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(0,200,255,.06);aspect-ratio:16/10;background:#0a0f1e}
.svc-art img{display:block;width:100%;height:100%;object-fit:cover}
.svc-art::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);pointer-events:none}
@media(max-width:860px){.svc-art{border-radius:20px}}
.svc-art--body{margin-top:var(--s6,48px)}

/* about: stats + journey */
.abt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--line)}
.abt-stats div{background:linear-gradient(160deg,var(--bg3),var(--bg2));padding:var(--s6) var(--s5);display:flex;flex-direction:column;gap:var(--s2)}
.abt-stats dd{order:-1;margin:0;font:600 clamp(2.4rem,5vw,3.8rem)/1 var(--f-display);letter-spacing:-.04em;color:var(--accent)}
.abt-stats dt{color:var(--ink2);font-size:.95rem}
.journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s5);position:relative}
.journey li{position:relative;padding-top:var(--s6);border-top:1px solid var(--line)}
.journey__dot{position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 5px rgba(0,200,255,.14)}
.journey__y{display:block;font:600 1.9rem/1 var(--f-display);letter-spacing:-.03em;margin-bottom:var(--s3)}
.journey h3{margin:0 0 var(--s2);font-size:1.1rem}
.journey p{margin:0;color:var(--ink2);line-height:1.65;font-size:.95rem}
@media(max-width:820px){.abt-stats{grid-template-columns:repeat(2,1fr)}}

/* article tables + code */
.prose table{width:100%;border-collapse:collapse;margin:var(--s5) 0;font-size:.95rem}
.prose th,.prose td{padding:12px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--bg3);color:var(--ink);font-weight:600}
.prose code{padding:2px 6px;border-radius:6px;background:var(--bg3);font-size:.88em}
@media(max-width:680px){.prose table{display:block;overflow-x:auto}}

/* header: logo / centred nav / CTA */
.hdr{border-bottom:1px solid rgba(255,255,255,.06)}
.hdr__in{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;gap:var(--s5)}
.hdr__logo{justify-self:start;display:flex;align-items:center}
.hdr__logo img{height:50px;width:auto}
.hdr__nav{justify-self:center;margin:0!important;gap:4px}
.hdr__nav a{padding:9px 16px}
.hdr__cta{justify-self:end}
.hdr.is-solid .hdr__in{height:70px}
.hdr.is-solid .hdr__logo img{height:44px}
.hdr__logo img,.hdr__in{transition:height .35s ease}
.burger{justify-self:end}
@media(max-width:900px){
  .hdr__in{display:flex!important;justify-content:space-between;height:68px}
  .hdr__logo img{height:42px}.hdr.is-solid .hdr__logo img{height:40px}
}
.hero2{padding-top:clamp(120px,12vw,160px)}
@media(max-width:900px){.hero2{padding-top:96px}}
/* hero: dotted logo */
.logodots{position:relative;justify-self:center;width:min(100%,540px);aspect-ratio:1/1.12}
.logodots canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.logodots__fig{position:absolute;left:0;right:0;top:0;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;justify-content:space-between;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.logodots__fig b{color:var(--ink);font-weight:600}
.logodots__fig em{font-style:normal;display:flex;align-items:center;gap:8px;color:var(--accent);width:100%;justify-content:flex-end}
.logodots__fig em i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.3}}
@media(max-width:900px){.logodots{width:min(100%,360px);margin-top:var(--s4)}}
/* tighter vertical rhythm between hero, ticker, statement and the next section */
.logodots{width:min(100%,480px);aspect-ratio:1/1.02}
.hero2{padding-bottom:clamp(28px,3.5vw,44px)}
.sec--statement{padding-top:clamp(48px,5.5vw,72px);padding-bottom:clamp(40px,4.5vw,56px)}
.sec--statement + .sec{padding-top:clamp(40px,4.5vw,56px)}

/* case study product video */
.cs-video{margin:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#05070d;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.cs-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#05070d}
.cs-video figcaption{padding:12px 18px;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}

/* ---- Competitor-gap pass: numbering, filters, trust, engagement, local page ---- */
.eyebrow__n{display:inline-block;margin-right:.7em;padding-right:.7em;border-right:1px solid var(--line);color:var(--muted,#8b97a8);font-weight:500}
.cats{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s6)}
.cats a{font:500 .8rem/1 var(--f-mono);letter-spacing:.04em;padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;color:inherit;opacity:.8;transition:.25s}
.cats a:hover{opacity:1;border-color:var(--accent)}
.cats a.is-on{background:var(--accent);border-color:var(--accent);color:#04101f;opacity:1}
.post__date{display:block;font-size:.72rem;opacity:.6;margin-top:.35rem;letter-spacing:.06em}
.post__go{display:block;margin-top:var(--s3);font:500 .82rem/1.4 var(--f-mono);color:var(--accent)}
.form__note{font-size:.8rem;line-height:1.55;opacity:.75;margin-top:var(--s3)}
.form__note .req{color:var(--accent);font-weight:700}
.form__note a{text-decoration:underline;text-underline-offset:3px}
.proofhead{color:var(--accent);margin-bottom:var(--s3)}
.proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.proofs__c{display:flex;flex-direction:column;gap:.6rem;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.02);color:inherit;transition:.3s}
.proofs__c:hover{border-color:var(--accent);transform:translateY(-3px)}
.proofs__c small{color:var(--accent);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.proofs__c strong{font-size:1.1rem;line-height:1.3}
.proofs__c span{font-size:.85rem;opacity:.7;margin-top:auto}
.eng{padding:var(--s6);border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.02)}
.eng__label{color:var(--accent);margin-bottom:var(--s5)}
.eng__line{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s4);position:relative}
.eng__line::before{content:"";position:absolute;left:0;right:0;top:.55rem;height:1px;background:var(--line)}
.eng__line li{position:relative;display:flex;flex-direction:column;gap:.35rem;padding-top:1.6rem}
.eng__line li::before{content:"";position:absolute;top:.25rem;left:0;width:.65rem;height:.65rem;border-radius:50%;background:var(--accent)}
.eng__line .mono{font-size:.72rem;opacity:.6}
.eng__line b{font-size:1rem}
.eng__line small{font-size:.84rem;line-height:1.5;opacity:.7}
.eng__note{margin-top:var(--s5);font-size:.78rem;opacity:.55}
.vdr{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s7);align-items:start}
.vdr__card ul{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s3)}
.vdr__card li{display:flex;flex-direction:column;gap:.2rem}
.vdr__card small{font:500 .7rem/1 var(--f-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.55}
.vdr__svc{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.vdr__svc a{display:flex;flex-direction:column;gap:.45rem;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);color:inherit;transition:.3s}
.vdr__svc a:hover{border-color:var(--accent);transform:translateY(-3px)}
.vdr__svc .mono{color:var(--accent);font-size:.75rem}
.vdr__svc small{opacity:.7;line-height:1.5}
/* hero polish: mono label + heavier headline */
.hero2__label{letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}
.hero2 .h-hero{font-weight:700;letter-spacing:-.03em}
@media(max-width:900px){.proofs,.vdr__svc{grid-template-columns:1fr}.vdr{grid-template-columns:1fr;gap:var(--s5)}.eng__line{grid-template-columns:1fr;gap:var(--s3)}.eng__line::before{display:none}.eng__line li{padding-top:0;padding-left:1.4rem}.eng__line li::before{top:.4rem}}

/* ---- Brand guideline alignment ---- */
.tagline{font-weight:300;letter-spacing:.35em;text-transform:none;font-size:.85rem;color:var(--accent);margin-top:var(--s4)}
.hero2__label{font-weight:300;letter-spacing:.35em;text-transform:none;font-size:.85rem}
.ftr__assets{margin-top:var(--s3);font-size:.72rem;line-height:1.8;opacity:.7}
.ftr__assets a{text-decoration:underline;text-underline-offset:3px}
.btn{color:#0a0f1e}
.btn--ghost{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}