
:root{--bg:#f7f6f2;--paper:#fff;--ink:#0b0b0f;--muted:#696974;--line:#dedce3;--accent:#6f5cff;--accent2:#9b8dff;--soft:#eeebff;--violet:#725cff;--dark:#090a10;--max:1460px;--radius:24px;--shadow:0 24px 70px rgba(20,17,44,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 44px}.narrow{max-width:var(--max)!important}.nav{position:sticky;top:0;z-index:1000;background:rgba(247,246,242,.78);backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid rgba(18,16,30,.08)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-weight:950;letter-spacing:-.067em;font-size:24px;line-height:.82;text-transform:uppercase;display:inline-flex;flex-direction:column}.navlinks{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:720}.navlinks a{opacity:.72;position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:var(--accent);transition:.25s}.navlinks a:hover,.navlinks a.active{opacity:1}.navlinks a:hover:after,.navlinks a.active:after{right:0}.nav-cta{padding:12px 18px;border-radius:12px;background:var(--ink);color:#fff!important;opacity:1!important}.nav-cta:after{display:none}.menu-btn{display:none;border:0;background:transparent;font-weight:850}.mobile-menu{display:none}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--accent);margin:0}.label-row{display:flex;gap:14px;align-items:center;margin-bottom:18px}.tech-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;position:relative;color:var(--accent);background:linear-gradient(145deg,#fff,#f3f0ff);border:1px solid rgba(111,92,255,.20);box-shadow:0 9px 24px rgba(84,62,255,.08);flex:0 0 auto}.tech-icon:before{content:"";position:absolute;inset:-5px;border-radius:18px;border:1px solid rgba(111,92,255,.12);animation:halo 3.2s ease-in-out infinite}.tech-icon i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);right:5px;top:5px;box-shadow:0 0 0 4px rgba(111,92,255,.08);animation:pulse 2.3s ease-in-out infinite}.tech-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.page-hero,.hero{padding:78px 0 82px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:before,.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 70% 45%,rgba(111,92,255,.08),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.52),transparent 45%);pointer-events:none}.page-hero .wrap,.hero .wrap,.hero-grid{position:relative;z-index:1}.page-hero .wrap.narrow{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;min-height:610px}.page-hero .wrap.narrow>div:not(.hero-tech){grid-column:1}.page-hero .hero-tech{grid-column:2;grid-row:1/span 5}.page-hero h1,.hero h1{font-size:clamp(58px,6.1vw,100px);line-height:.94;letter-spacing:-.068em;margin:15px 0 26px;max-width:900px}.section-copy{font-size:18px;color:#3f3f47;line-height:1.65}.section-copy p{margin:0 0 16px}.section-copy ul{list-style:none;padding:0;margin:20px 0}.section-copy li{padding:10px 0 10px 23px;border-top:1px solid var(--line);position:relative}.section-copy li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);position:absolute;left:2px;top:18px;box-shadow:0 0 0 5px rgba(111,92,255,.07)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:12px;border:1px solid var(--ink);font-size:14px;font-weight:850;transition:transform .2s ease,box-shadow .2s ease,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.09)}.button.dark{background:var(--ink);color:#fff}.button.ghost{background:transparent}.hero-tech{height:520px;position:relative;border-radius:30px;border:1px solid rgba(111,92,255,.18);background:radial-gradient(circle at 50% 50%,rgba(111,92,255,.13),transparent 33%),linear-gradient(145deg,rgba(255,255,255,.90),rgba(247,245,255,.68));overflow:hidden;box-shadow:var(--shadow)}.mesh{position:absolute;inset:-15%;background-image:radial-gradient(circle,rgba(111,92,255,.25) 1px,transparent 1.4px);background-size:18px 18px;mask-image:radial-gradient(circle at 50% 50%,black 10%,transparent 62%);animation:meshdrift 20s linear infinite}.hero-rings i{position:absolute;border:1px solid rgba(111,92,255,.26);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:ringbreath 5s ease-in-out infinite}.hero-rings i:nth-child(1){width:180px;height:180px}.hero-rings i:nth-child(2){width:290px;height:290px;animation-delay:.8s}.hero-rings i:nth-child(3){width:410px;height:410px;animation-delay:1.6s}.hero-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#15121f,#050507);color:#fff;box-shadow:0 0 0 14px rgba(111,92,255,.06),0 0 60px rgba(111,92,255,.32);z-index:3}.hero-core span{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:spin 10s linear infinite}.hero-core b{font-size:13px;letter-spacing:.12em}.hero-chip{position:absolute;padding:11px 14px;border-radius:13px;border:1px solid rgba(111,92,255,.16);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);font-size:11px;font-weight:850;letter-spacing:.05em;box-shadow:0 10px 30px rgba(33,24,90,.07);z-index:4;animation:float 4s ease-in-out infinite}.hc1{left:7%;top:19%}.hc2{right:7%;top:19%;animation-delay:.7s}.hc3{left:8%;bottom:18%;animation-delay:1.2s}.hc4{right:8%;bottom:18%;animation-delay:1.8s}.hero-svg{position:absolute;inset:0;width:100%;height:100%}.hero-svg path{fill:none;stroke:rgba(111,92,255,.38);stroke-width:1.2;stroke-dasharray:7 9;animation:dash 8s linear infinite}.content-section{padding:100px 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.content-section.alt{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(246,244,255,.38))}.content-section:after{content:"";position:absolute;width:360px;height:360px;right:-170px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(111,92,255,.08),transparent 65%);pointer-events:none}.content-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:75px;align-items:start;position:relative;z-index:1}.content-grid h2{font-size:clamp(42px,4.7vw,73px);line-height:.99;letter-spacing:-.057em;margin:0}.pull-quote{font-size:32px!important;line-height:1.22!important;letter-spacing:-.035em!important;color:#17171d!important;padding-left:22px;border-left:3px solid var(--accent)}.tech-visual{margin-top:30px;border:1px solid rgba(111,92,255,.16);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,245,255,.72));min-height:260px;padding:20px 22px;box-shadow:0 18px 50px rgba(41,30,104,.055);overflow:hidden;position:relative}.tech-visual:before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle,rgba(111,92,255,.18) 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(90deg,transparent,black 40%,black 60%,transparent);opacity:.48;animation:meshdrift 25s linear infinite}.visual-top{display:flex;justify-content:space-between;gap:18px;position:relative;z-index:3;font-size:10px;letter-spacing:.13em;font-weight:900;color:#62616a}.visual-top em{font-style:normal;color:var(--accent)}.system-svg{position:relative;z-index:2;width:100%;height:220px}.system-svg .dash{fill:none;stroke:rgba(111,92,255,.56);stroke-width:1.6;stroke-dasharray:7 8;animation:dash 9s linear infinite}.system-svg .soft{stroke:rgba(111,92,255,.25)}.system-svg .node rect,.system-svg .glass{fill:rgba(255,255,255,.88);stroke:rgba(111,92,255,.22);stroke-width:1.2}.system-svg .node text{font-size:10px;font-weight:800;fill:#3a3843;text-anchor:middle;dominant-baseline:middle;letter-spacing:.06em}.system-svg .main rect{fill:#111017;stroke:#111017}.system-svg .main text{fill:#fff}.system-svg .source{fill:#fff;stroke:rgba(111,92,255,.35);stroke-width:1.3}.system-svg .coreglow{fill:rgba(111,92,255,.10);stroke:rgba(111,92,255,.15);animation:ringbreath 4s ease-in-out infinite}.system-svg .core{fill:#15121f;stroke:rgba(255,255,255,.13)}.system-svg .spark,.system-svg .curve{fill:none;stroke:var(--accent);stroke-width:2}.system-svg .curve{stroke-width:2.4}.system-svg .ghost{stroke:rgba(111,92,255,.25);stroke-dasharray:5 7}.system-svg .axis{stroke:rgba(20,19,30,.16);stroke-width:1}.system-svg .ring{fill:none;stroke:rgba(111,92,255,.20);animation:ringbreath 4.8s ease-in-out infinite}.system-svg .r2{animation-delay:.7s}.system-svg .r3{animation-delay:1.4s}.pulse-dot{fill:var(--accent);filter:drop-shadow(0 0 5px rgba(111,92,255,.6));animation:pulse 2s ease-in-out infinite}.pulse-dot.d2{animation-delay:.8s}.card-cloud{height:220px;position:relative;z-index:2}.cloud-core{position:absolute;width:84px;height:84px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#111017;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 13px rgba(111,92,255,.07),0 0 55px rgba(111,92,255,.25)}.cloud-core span{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.cloud-card{position:absolute;width:155px;padding:14px;border-radius:15px;background:rgba(255,255,255,.92);border:1px solid rgba(111,92,255,.18);box-shadow:0 10px 28px rgba(41,30,104,.06);animation:float 4s ease-in-out infinite}.cloud-card b{font-size:10px;letter-spacing:.08em}.cloud-card span{display:block;font-size:10px;color:#7a7884;margin-top:4px}.c1{left:4%;top:20%}.c2{right:4%;top:20%;animation-delay:.7s}.c3{left:5%;bottom:14%;animation-delay:1.3s}.c4{right:5%;bottom:14%;animation-delay:2s}.cloud-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(111,92,255,.5),transparent);width:30%;left:20%;top:50%;transform-origin:right}.l1{transform:rotate(18deg)}.l2{left:50%;transform:rotate(-18deg)}.l3{transform:rotate(-18deg)}.l4{left:50%;transform:rotate(18deg)}.footer-cta{padding:88px 0;background:radial-gradient(circle at 75% 40%,rgba(111,92,255,.28),transparent 28%),#090a10;color:#fff;position:relative;overflow:hidden}.footer-cta:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(133,116,255,.35) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 55%,black);opacity:.35;animation:meshdrift 24s linear infinite}.footer-cta-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:40px}.footer-cta h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:800px}.footer-cta .eyebrow{color:#a79dff}.footer-cta .button{background:#fff;color:#0d0d10;border-color:#fff}.footer{padding:58px 0 70px;background:#090a10;color:#fff;border-top:1px solid #24242d}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9b9ba3}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:10px 0;color:#c8c8ce;font-size:14px}.footer p{color:#aaa!important}.work-card,.insight-card,.card,.cap,.channel-item,.proof-card,.step,.ai-box{border-radius:20px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.work-card:hover,.insight-card:hover,.card:hover,.cap:hover,.channel-item:hover,.proof-card:hover,.step:hover,.ai-box:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(34,27,75,.08);border-color:rgba(111,92,255,.28)!important}.work-card:before,.insight-card:before{content:"";position:absolute;inset:auto -40px -65px auto;width:180px;height:180px;border-radius:50%;border:1px solid rgba(111,92,255,.18);box-shadow:0 0 0 28px rgba(111,92,255,.03),0 0 0 56px rgba(111,92,255,.018);pointer-events:none}.reveal-v{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-v.in{opacity:1;transform:none}.page-hero .hero-tech{opacity:1;transform:none}.mobile-menu.open{display:flex!important;position:fixed;top:78px;left:0;right:0;background:rgba(247,246,242,.98);z-index:999;flex-direction:column;padding:22px 28px;border-bottom:1px solid var(--line);gap:18px;font-weight:800}.page-body-v3 .content-section:nth-of-type(3n) .tech-visual{background:linear-gradient(145deg,#fff,#f0edff)}
/* Existing generic layouts */
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-card{grid-column:span 6;border:1px solid var(--line);background:#fff;padding:30px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.work-card h3{font-size:32px;letter-spacing:-.04em}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:12px;background:#fff}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight,.insight-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:26px;position:relative;overflow:hidden}.proof-cards,.steps,.cap-grid,.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.proof-card,.step,.cap,.channel-item{border:1px solid var(--line);background:#fff;padding:24px}.logo-strip{padding:28px 0;border-bottom:1px solid var(--line)}.logos{display:flex;gap:38px;justify-content:space-between;overflow:auto;white-space:nowrap}.logos span{font-weight:900}.philosophy-grid,.proof-grid,.section-head,.ai-band{display:grid;grid-template-columns:1fr 1fr;gap:60px}.philosophy-lines{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden}.philosophy-lines div{padding:24px;border:1px solid var(--line);margin:-1px 0 0 -1px}.proof{background:#0b0c12;color:#fff}.proof .wrap{padding-top:80px;padding-bottom:80px}.proof p{color:#c7c7ce}.section{padding:95px 0;border-bottom:1px solid var(--line)}.section h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.055em;line-height:.99}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;min-height:610px}.hero-art{border:1px solid rgba(111,92,255,.18);border-radius:30px;min-height:510px;background:linear-gradient(145deg,#fff,#f0edff);position:relative;overflow:hidden}

/* V3 specialist layouts */
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:68px;align-items:start}.contact-form{border:1px solid rgba(111,92,255,.18);border-radius:28px;padding:28px;background:linear-gradient(145deg,#fff,#f6f3ff);box-shadow:var(--shadow);position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-120px;top:-120px;background:radial-gradient(circle,rgba(111,92,255,.16),transparent 70%)}.field{position:relative;z-index:1;margin-bottom:18px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;margin-bottom:8px;color:#6f6c78}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 15px;background:rgba(255,255,255,.88);outline:none;transition:.2s}.field input:focus,.field textarea:focus{border-color:rgba(111,92,255,.6);box-shadow:0 0 0 4px rgba(111,92,255,.08)}.field textarea{min-height:130px;resize:vertical}.check-row{display:flex;flex-wrap:wrap;gap:8px}.check-pill{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:12px;background:#fff;cursor:pointer}.check-pill:hover{border-color:rgba(111,92,255,.45);background:var(--soft)}.work-index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}.work-index-card{border:1px solid var(--line);border-radius:24px;background:#fff;padding:30px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.25s}.work-index-card:after{content:"";position:absolute;right:-70px;bottom:-80px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(111,92,255,.2);box-shadow:0 0 0 32px rgba(111,92,255,.035),0 0 0 64px rgba(111,92,255,.02)}.work-index-card:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(37,28,90,.07);border-color:rgba(111,92,255,.28)}.work-index-card h3{font-size:32px;line-height:1.05;letter-spacing:-.045em}.work-label{font-size:10px;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.11em}.text-link{font-size:13px;font-weight:850;color:var(--accent);position:relative;z-index:2}.work-hero{padding:80px 0 82px;border-bottom:1px solid var(--line);overflow:hidden;position:relative}.work-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;min-height:610px}.work-hero .wrap>.eyebrow,.work-hero .wrap>h1,.work-hero .wrap>.section-copy,.work-hero .wrap>.work-meta{grid-column:1}.work-hero .hero-tech{grid-column:2;grid-row:1/span 5}.work-hero h1{font-size:clamp(56px,6vw,96px);line-height:.94;letter-spacing:-.067em;margin:14px 0 24px}.work-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.work-meta span,.meta span{border:1px solid rgba(111,92,255,.18);background:#fff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;color:#5f5b70}.article-hero{padding:78px 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.article-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;min-height:520px}.article-hero .wrap>.article-kicker,.article-hero .wrap>h1,.article-hero .wrap>.kicker{grid-column:1}.article-hero .hero-tech{grid-column:2;grid-row:1/span 3;height:440px}.article-kicker{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-weight:900}.article-hero h1{font-size:clamp(56px,6vw,95px);line-height:.95;letter-spacing:-.067em;margin:16px 0 24px}.article-body{max-width:920px;margin:0 auto;padding:86px 42px 110px}.article-body h2{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.052em;margin:70px 0 22px}.article-body h2:first-child{margin-top:0}.article-body p{font-size:19px;line-height:1.72;color:#34343d}.related{margin-top:70px;padding-top:25px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.related a{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:12px;background:#fff}.meta{display:flex;gap:8px;flex-wrap:wrap}.pull-wrap{padding:34px;border-left:3px solid var(--accent);background:linear-gradient(90deg,rgba(111,92,255,.06),transparent);border-radius:0 20px 20px 0}.main{position:relative}.kicker{font-size:17px;color:#56545f;line-height:1.6}.big-statement{font-size:27px;line-height:1.3;letter-spacing:-.025em}.ticker{border-bottom:1px solid var(--line);background:rgba(255,255,255,.45)}.ticker-inner{display:flex;justify-content:space-between;gap:24px;padding:16px 0;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;overflow:auto}.section-head{margin-bottom:46px}.section-head h2,.section h2,.proof h2,.philosophy h2{font-size:clamp(42px,5vw,74px);line-height:.99;letter-spacing:-.057em;margin:0}.channel-icon{font-size:0}.channel-icon .tech-icon{width:44px;height:44px}.cap .num{font-size:0}.cap .label-row{margin-bottom:18px}.cap h3{font-size:28px;line-height:1.04;letter-spacing:-.046em}.cap p{color:#555}.cap ul{list-style:none;padding:0}.cap li{padding:7px 0;font-size:13px}.cap li:before{content:"↳";color:var(--accent);margin-right:7px}.section .eyebrow{margin-bottom:16px}.proof-line{padding:13px 0;border-top:1px solid rgba(255,255,255,.13)}

@keyframes dash{to{stroke-dashoffset:-120}}@keyframes pulse{0%,100%{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.15)}}@keyframes halo{0%,100%{opacity:.25;transform:scale(.94)}50%{opacity:.8;transform:scale(1.04)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes meshdrift{to{transform:translate3d(38px,28px,0)}}@keyframes ringbreath{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.97)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.03)}}@keyframes spin{to{transform:rotate(360deg)}}


@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-v{opacity:1;transform:none}}


/* =========================================================
   Talking To Bots V4 — deployment system
   Consistent spacing + page-specific kinetic visual language
   ========================================================= */
:root{
  --bg:#f7f6f2; --paper:#ffffff; --ink:#0a0a0f; --muted:#676773;
  --line:rgba(13,12,20,.12); --accent:#6f5cff; --accent2:#a394ff;
  --soft:#efedff; --dark:#090a10; --max:1460px;
  --section-y:clamp(78px,8vw,124px); --gutter:clamp(22px,4vw,52px);
  --radius-lg:30px; --radius-md:22px; --shadow:0 28px 80px rgba(25,20,55,.08);
}
html{scroll-padding-top:90px}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
.wrap{max-width:var(--max);padding-left:var(--gutter);padding-right:var(--gutter)}
.nav-inner{height:78px}.navlinks{gap:clamp(18px,2vw,30px)}
.page-hero,.hero,.work-hero,.article-hero{padding-top:clamp(66px,7vw,96px);padding-bottom:clamp(72px,7vw,104px)}
.page-hero .wrap.narrow,.work-hero .wrap,.article-hero .wrap{grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);gap:clamp(48px,6vw,92px);min-height:clamp(560px,65vh,690px)}
.page-hero h1,.hero h1,.work-hero h1,.article-hero h1{max-width:980px;text-wrap:balance}
.content-section,.section{padding-top:var(--section-y);padding-bottom:var(--section-y)}
.content-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(48px,6vw,88px)}
.content-grid>div,.section-head>div{min-width:0}
.section-copy{max-width:760px}.content-grid h2,.section-head h2{max-width:760px;text-wrap:balance}
.tech-visual{min-height:290px;margin-top:34px;padding:0;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,241,255,.8));border:1px solid rgba(111,92,255,.17);box-shadow:0 24px 64px rgba(45,34,120,.06)}
.tech-visual:before{display:none}
.tech-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#fff,#f0edff);box-shadow:0 12px 34px rgba(84,62,255,.10), inset 0 0 0 1px rgba(255,255,255,.6)}
.tech-icon:before{border-color:rgba(111,92,255,.18);animation:iconHalo 4.4s ease-in-out infinite}
.tech-icon svg{width:27px;height:27px;stroke-width:1.35}.tech-icon .i-node{fill:var(--accent);stroke:none;filter:drop-shadow(0 0 5px rgba(111,92,255,.6));animation:nodePulse 2.4s ease-in-out infinite}
.hero-tech{height:clamp(470px,40vw,580px);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,235,255,.82));border:1px solid rgba(111,92,255,.18);box-shadow:0 34px 100px rgba(37,27,99,.11);isolation:isolate}
.hero-tech:after,.viz-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.58) 50%,transparent 58%);transform:translateX(-120%);animation:scanSheen 9s ease-in-out infinite;pointer-events:none}
.viz-stage{position:relative;min-height:290px;height:100%;overflow:hidden;border-radius:inherit;background:
 radial-gradient(circle at 18% 16%,rgba(111,92,255,.13),transparent 27%),
 radial-gradient(circle at 82% 75%,rgba(111,92,255,.10),transparent 29%),
 linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,241,255,.72));}
.viz-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(111,92,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(111,92,255,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at 50% 50%,black 0 56%,transparent 82%);opacity:.8;animation:gridDrift 26s linear infinite}
.viz-label{position:absolute;left:20px;top:18px;z-index:4;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#656270}.viz-label b{color:var(--accent)}
.viz-svg{position:absolute;inset:38px 14px 8px;width:calc(100% - 28px);height:calc(100% - 46px);overflow:visible}
.viz-svg text{font-family:Inter,ui-sans-serif,system-ui,sans-serif;fill:#4f4c5c;font-size:10px;font-weight:800;letter-spacing:.04em}.viz-svg .micro{font-size:8px;fill:#777282}.viz-svg .line{fill:none;stroke:rgba(111,92,255,.42);stroke-width:1.45}.viz-svg .dash{fill:none;stroke:rgba(111,92,255,.52);stroke-width:1.55;stroke-dasharray:8 8;animation:dash 10s linear infinite}.viz-svg .muteline{fill:none;stroke:rgba(12,12,20,.14);stroke-width:1}.viz-svg .node{fill:#fff;stroke:rgba(111,92,255,.25);stroke-width:1.2;filter:drop-shadow(0 8px 14px rgba(46,35,117,.06))}.viz-svg .node-dark{fill:#111019;stroke:#111019}.viz-svg .node-soft{fill:#f0edff;stroke:rgba(111,92,255,.22)}.viz-svg .dot{fill:var(--accent);filter:drop-shadow(0 0 5px rgba(111,92,255,.56));animation:nodePulse 2.3s ease-in-out infinite}.viz-svg .dot.d2{animation-delay:.7s}.viz-svg .dot.d3{animation-delay:1.4s}.viz-svg .ring{fill:none;stroke:rgba(111,92,255,.22);animation:ringBreath 5s ease-in-out infinite;transform-origin:center}.viz-svg .ring.r2{animation-delay:1s}.viz-svg .bar{fill:#dcd7ff}.viz-svg .bar-strong{fill:var(--accent)}.viz-svg .area{fill:rgba(111,92,255,.09);stroke:none}.viz-svg .white{fill:#fff}.viz-svg .darktext{fill:#fff}.viz-svg .accenttext{fill:var(--accent)}
.viz-chip{position:absolute;z-index:5;padding:9px 11px;border-radius:12px;border:1px solid rgba(111,92,255,.16);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(38,28,95,.07);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#514e5d;animation:chipFloat 5s ease-in-out infinite}.viz-chip b{color:var(--accent)}
.c-tl{left:6%;top:18%}.c-tr{right:6%;top:18%;animation-delay:.8s}.c-bl{left:7%;bottom:12%;animation-delay:1.5s}.c-br{right:7%;bottom:12%;animation-delay:2.2s}
/* Page identity: one hue, different system geometry */
.page-home{--page-accent:#6f5cff}.page-seo{--page-accent:#6f5cff}.page-ecommerce-seo{--page-accent:#735cff}.page-paid-media{--page-accent:#684fff}.page-google-ads{--page-accent:#765eff}.page-ai-search{--page-accent:#795dff}.page-analytics{--page-accent:#6752f2}.page-work{--page-accent:#775bff}.page-about{--page-accent:#7057f8}.page-contact{--page-accent:#725cff}
body[class*="page-"] .viz-svg .page-accent{stroke:var(--page-accent,var(--accent));fill:var(--page-accent,var(--accent))}
/* Article reading rhythm */
.article-body{padding-top:clamp(72px,7vw,104px);padding-bottom:clamp(90px,9vw,136px);max-width:920px}.article-body h2{margin-top:clamp(62px,7vw,94px)}
/* Work / insight cards align consistently */
.work-index-grid,.insight-grid,.proof-cards,.steps{align-items:stretch}.work-index-card,.insight,.proof-card,.step{height:100%}
/* Footer alignment */
.footer-cta-inner{align-items:center}.footer-grid{grid-template-columns:minmax(280px,2fr) repeat(3,minmax(130px,1fr))}
/* Accessibility / interaction */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(111,92,255,.35);outline-offset:3px}
.skip-link{position:fixed;left:12px;top:12px;z-index:5000;background:#fff;color:#111;padding:10px 14px;border-radius:10px;transform:translateY(-150%);transition:.2s;box-shadow:0 8px 30px rgba(0,0,0,.12)}.skip-link:focus{transform:none}
.form-status{font-size:12px;color:#5e5a6c;margin-top:12px}
/* Kinetic visual micro patterns */
@keyframes scanSheen{0%,74%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
@keyframes gridDrift{to{background-position:28px 28px,28px 28px}}
@keyframes iconHalo{0%,100%{transform:scale(.98);opacity:.5}50%{transform:scale(1.06);opacity:1}}
@keyframes nodePulse{0%,100%{opacity:.55;transform:scale(.84)}50%{opacity:1;transform:scale(1.2)}}
@keyframes ringBreath{0%,100%{opacity:.42;transform:scale(.96)}50%{opacity:1;transform:scale(1.035)}}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}


@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-v{opacity:1!important;transform:none!important}}

/* V4.1 polish: illustration dots removed by design; retain motion in paths, rings and cards. */
.viz-svg .dot,.pulse-dot{display:none!important;animation:none!important}


/* =========================================================
   Talking To Bots V4.2 — MOBILE-FIRST responsive architecture
   Base = phones. Progressive enhancement uses min-width only.
   ========================================================= */
:root{--section-y:70px;--gutter:22px}
.wrap{padding-left:var(--gutter);padding-right:var(--gutter)}
.nav-inner{height:68px}.brand{font-size:20px}.navlinks{display:none}.menu-btn{display:block}.mobile-menu.open{top:68px}
.page-hero,.hero,.work-hero,.article-hero{padding-top:56px;padding-bottom:64px}
.page-hero .wrap.narrow,.hero-grid,.content-grid,.philosophy-grid,.proof-grid,.section-head,.ai-band,.contact-layout,.work-hero .wrap,.article-hero .wrap{grid-template-columns:1fr;gap:34px;min-height:auto}
.page-hero .wrap.narrow>div:not(.hero-tech),.page-hero .hero-tech,.work-hero .wrap>* ,.article-hero .wrap>*{grid-column:1!important;grid-row:auto!important}
.page-hero h1,.hero h1,.work-hero h1,.article-hero h1{font-size:clamp(46px,13vw,66px)}
.hero-tech,.article-hero .hero-tech{height:clamp(350px,105vw,420px);border-radius:25px}
.content-section,.section{padding-top:var(--section-y);padding-bottom:var(--section-y)}
.content-grid{gap:30px}.content-grid h2,.section-head h2{font-size:clamp(38px,11vw,55px)}
.tech-visual{min-height:250px}.viz-stage{min-height:250px}.viz-svg{inset:42px 4px 6px;width:calc(100% - 8px);height:calc(100% - 48px)}
.tech-icon{width:42px;height:42px;border-radius:13px}.viz-chip{font-size:8px;padding:7px 8px}
.work-grid,.insight-grid,.proof-cards,.steps,.cap-grid,.channel-grid,.work-index-grid,.footer-grid{grid-template-columns:1fr}
.work-card{grid-column:auto}.footer-cta{padding:70px 0}.footer-cta-inner{align-items:flex-start;flex-direction:column}
.footer-grid{gap:34px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}
.article-body{padding-left:22px;padding-right:22px}.card-cloud{height:200px}.cloud-card{width:125px;padding:10px}.cloud-card span{display:none}.c1,.c3{left:1%}.c2,.c4{right:1%}

@media(min-width:681px){
  :root{--section-y:82px;--gutter:32px}
  .brand{font-size:22px}.page-hero,.hero,.work-hero,.article-hero{padding-top:64px;padding-bottom:74px}
  .page-hero h1,.hero h1,.work-hero h1,.article-hero h1{font-size:clamp(52px,8vw,78px)}
  .hero-tech,.article-hero .hero-tech{height:440px}.content-grid{gap:38px}
  .tech-visual{min-height:270px}.viz-stage{min-height:270px}.viz-svg{inset:40px 12px 8px;width:calc(100% - 24px);height:calc(100% - 48px)}
  .tech-icon{width:46px;height:46px;border-radius:15px}.viz-chip{font-size:9px;padding:8px 10px}
  .work-grid{grid-template-columns:repeat(12,1fr)}.work-card{grid-column:span 6}
  .insight-grid,.proof-cards,.steps,.cap-grid,.channel-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}
  .card-cloud{height:220px}.cloud-card{width:145px;padding:12px}.cloud-card span{display:block}.c1,.c3{left:3%}.c2,.c4{right:3%}
}

@media(min-width:721px){
  :root{--section-y:clamp(88px,8vw,118px);--gutter:clamp(34px,4vw,48px)}
  .nav-inner{height:72px}.mobile-menu.open{top:72px}
  .page-hero,.hero,.work-hero,.article-hero{padding-top:clamp(66px,7vw,92px);padding-bottom:clamp(72px,7vw,98px)}
  .tech-visual{min-height:290px}.viz-stage{min-height:290px}.viz-svg{inset:38px 14px 8px;width:calc(100% - 28px);height:calc(100% - 46px)}
  .footer-cta-inner{align-items:center;flex-direction:row}
  .article-body{padding-left:28px;padding-right:28px}
}

@media(min-width:1001px){
  :root{--section-y:clamp(78px,8vw,124px);--gutter:clamp(38px,4vw,52px)}
  /* Desktop restoration: homepage hero uses the same balanced two-column system as service/work/article heroes. */
  .hero-grid,.page-hero .wrap.narrow,.work-hero .wrap,.article-hero .wrap{grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);gap:clamp(48px,6vw,92px);align-items:center;min-height:clamp(560px,65vh,690px)}
  .hero-grid>div:first-child,.hero-grid>.hero-tech{min-width:0}
  .hero-grid>.hero-tech{grid-column:2;grid-row:1}

  .page-hero .wrap.narrow>div:not(.hero-tech){grid-column:1}.page-hero .hero-tech{grid-column:2;grid-row:1/span 5}
  .work-hero .hero-tech,.article-hero .hero-tech{grid-column:2;grid-row:1/span 5}
  .content-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(48px,6vw,88px)}
  .philosophy-grid,.proof-grid,.section-head,.ai-band{grid-template-columns:1fr 1fr;gap:60px}
  .contact-layout{grid-template-columns:.85fr 1.15fr;gap:68px}.work-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-tech,.article-hero .hero-tech{height:clamp(470px,40vw,580px)}
  .proof-cards,.steps,.cap-grid,.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-grid{grid-template-columns:minmax(280px,2fr) repeat(3,minmax(130px,1fr));gap:48px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}
}

@media(min-width:1051px){
  .nav-inner{height:78px}.brand{font-size:24px}.navlinks{display:flex}.menu-btn{display:none}.mobile-menu{display:none!important}
}


/* V4.3 — author/entity clarity for Insights */
.article-byline{margin:.8rem 0 0;color:var(--muted,#666);font-size:.88rem;line-height:1.5}
.article-byline a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.article-byline a:hover{color:var(--ink,#111)}

/* V4.4: SEO-explicit service H1s — mobile-first, with brand-led main line */
.h1-service-prefix{display:block;margin-bottom:14px;font-size:clamp(.78rem,2.7vw,.95rem);line-height:1.25;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--purple,#6747ff)}
.h1-service-main{display:block}
@media (min-width:721px){.h1-service-prefix{margin-bottom:18px;font-size:1rem;letter-spacing:.075em}}

/* --- V_NEXT polish patch: layout, typography, page-specific visual tuning --- */
.page-body-v3 h1,
.page-body-v3 h2,
.page-body-v3 h3,
.page-body-v3 .big,
.page-body-v3 .work-card h3,
.page-body-v3 .work-index-card h3,
.page-body-v3 .insight h3,
.page-body-v3 .cap h3,
.page-body-v3 .step h3,
.page-body-v3 .proof h2,
.page-body-v3 .philosophy h2{ text-wrap:balance; }

.page-body-v3 .lead,
.page-body-v3 .kicker,
.page-body-v3 .big-statement,
.page-body-v3 .section-copy p,
.page-body-v3 .section-copy li,
.page-body-v3 .proof-line,
.page-body-v3 .work-card p,
.page-body-v3 .work-index-card p,
.page-body-v3 .insight p,
.page-body-v3 .proof-card p,
.page-body-v3 .step p,
.page-body-v3 .cap p,
.page-body-v3 .channel-item span,
.page-body-v3 .ai-box p,
.page-body-v3 .ai-band p,
.page-body-v3 .philosophy-lines div{ text-wrap:pretty; overflow-wrap:normal; hyphens:none; }

.page-body-v3 .section-copy p,
.page-body-v3 .work-card p,
.page-body-v3 .work-index-card p,
.page-body-v3 .insight p,
.page-body-v3 .proof-card p,
.page-body-v3 .step p,
.page-body-v3 .cap p,
.page-body-v3 .ai-box p,
.page-body-v3 .ai-band p{ max-width:68ch; }

.page-body-v3 .section-copy li,
.page-body-v3 .philosophy-lines div,
.page-body-v3 .proof-line{ line-height:1.65; }

.page-body-v3 .channel-item,
.page-body-v3 .cap,
.page-body-v3 .proof-card,
.page-body-v3 .step,
.page-body-v3 .insight,
.page-body-v3 .work-card,
.page-body-v3 .work-index-card,
.page-body-v3 .ai-box{ min-width:0; }

.page-body-v3 .work-card h3,
.page-body-v3 .work-index-card h3,
.page-body-v3 .insight h3,
.page-body-v3 .cap h3{ max-width:18ch; }

.page-body-v3 .section-head,
.page-body-v3 .proof-grid,
.page-body-v3 .philosophy-grid,
.page-body-v3 .ai-band,
.page-body-v3 .contact-layout,
.page-body-v3 .content-grid{ align-items:start; }

.page-body-v3 .hero-grid,
.page-body-v3 .page-hero .wrap.narrow,
.page-body-v3 .work-hero .wrap,
.page-body-v3 .article-hero .wrap{ align-items:center; }

.page-body-v3 .section-copy > *:last-child,
.page-body-v3 .work-card > *:last-child,
.page-body-v3 .work-index-card > *:last-child{ margin-bottom:0; }

.page-about .tech-visual{ min-height:280px; }
.page-about .section-copy ul{ margin-bottom:0; }
.page-about .content-section:last-of-type .section-copy{ max-width:56ch; }

@media (min-width:721px){
  .page-body-v3 .section{ padding:104px 0; }
  .page-body-v3 .content-section{ padding:108px 0; }
  .page-body-v3 .proof .wrap{ padding-top:92px; padding-bottom:92px; }
}
