:root{
  --ink:#090d12;--ink-2:#0e141c;--panel:#121b25;--panel-2:#172330;
  --paper:#f3f2ed;--white:#fcfbf7;--muted:#9aa7b5;--line:rgba(255,255,255,.11);
  --teal:#35e4c5;--cyan:#40bff2;--blue:#347fe7;--violet:#b84af0;--pink:#ef5ba9;
  --grad:linear-gradient(110deg,var(--teal),var(--cyan) 40%,var(--blue) 65%,var(--violet));
  --radius:28px;--radius-sm:17px;--max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;z-index:-3;inset:0;background:
 radial-gradient(circle at 10% 5%,rgba(53,228,197,.09),transparent 25%),
 radial-gradient(circle at 90% 5%,rgba(184,74,240,.09),transparent 27%),
 linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
 background-size:auto,auto,70px 70px,70px 70px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img,video{max-width:100%;display:block}
::selection{background:var(--teal);color:#07100e}
.shell{width:min(var(--max),calc(100% - 42px));margin-inline:auto}
.section{padding:120px 0}
.section.compact{padding:80px 0}
.page{min-height:100vh}
.skip-link{position:absolute;left:-999px;top:0;background:white;color:black;padding:10px;z-index:999}
.skip-link:focus{left:10px;top:10px}
.progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--grad);z-index:200}
.site-header{height:102px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:80}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:45px;height:45px;object-fit:cover;border-radius:14px;background:#121923;box-shadow:0 0 30px rgba(53,228,197,.13)}
.brand span{font-size:23px;letter-spacing:-1.1px;font-weight:300}.brand strong{font-weight:820;background:var(--grad);-webkit-background-clip:text;color:transparent}
.main-nav{display:flex;align-items:center;gap:31px}
.main-nav>a,.nav-trigger{font-size:13px;color:#d2dae2;background:none;border:0;padding:10px 0;cursor:pointer}
.main-nav>a:hover,.nav-trigger:hover{color:white}
.nav-cta{padding:12px 18px!important;border:1px solid var(--line)!important;border-radius:999px;background:rgba(255,255,255,.035)!important}
.nav-group{position:relative}
.mega{position:absolute;top:48px;right:-200px;width:min(980px,90vw);display:none;background:rgba(12,18,25,.97);border:1px solid var(--line);border-radius:23px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.5);backdrop-filter:blur(22px)}
.nav-group:hover .mega,.nav-group:focus-within .mega{display:block}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.mega-col>strong{display:block;color:var(--teal);text-transform:uppercase;font-size:10px;letter-spacing:1.8px;margin-bottom:10px}
.mega-col a{display:block;color:#aebac5;font-size:12px;padding:5px 0}.mega-col a:hover{color:white;transform:translateX(2px)}
.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle i{display:block;width:25px;height:2px;background:white;margin:5px;border-radius:10px}
.eyebrow{display:flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:800;color:#b8c3cd;margin:0 0 18px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--grad)}
.hero{min-height:880px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center;padding:85px 0 65px}
h1,h2,h3,h4,p{margin-top:0}
h1{font-size:clamp(58px,7.4vw,104px);line-height:.94;letter-spacing:-5.8px;margin:0 0 28px}
h2{font-size:clamp(38px,5vw,68px);line-height:1.03;letter-spacing:-3.4px;margin-bottom:22px}
h3{font-size:27px;line-height:1.12;letter-spacing:-1px}
.gradient-text{background:var(--grad);-webkit-background-clip:text;color:transparent}
.lead{font-size:18px;color:var(--muted);max-width:760px}
.hero-actions,.button-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:760;transition:.28s;cursor:pointer;background:rgba(255,255,255,.025)}
.btn:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.25)}
.btn.primary{background:var(--grad);color:#07110f;border:0;box-shadow:0 17px 50px rgba(56,171,220,.16)}
.btn.light{background:var(--paper);color:#0a1016;border:0}.btn.dark{background:#0b1016;color:white}
.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:31px;color:#c5ced7;font-size:11px}.hero-proof span:before{content:"✓";color:var(--teal);margin-right:7px}
.hero-media{height:580px;position:relative;border-radius:36px;overflow:hidden;background:#101823;box-shadow:0 45px 100px rgba(0,0,0,.45)}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover;opacity:.72}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,15,.05),rgba(5,10,15,.65)),linear-gradient(90deg,rgba(34,206,190,.16),rgba(170,56,230,.13))}
.media-label{position:absolute;z-index:2;left:25px;right:25px;bottom:25px;border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(8,13,19,.72);backdrop-filter:blur(15px);display:flex;justify-content:space-between;align-items:center}.media-label strong{font-size:14px}.media-label span{font-size:10px;color:#bdc7d0;text-transform:uppercase;letter-spacing:1.6px}
.float-chip{position:absolute;z-index:4;background:rgba(12,18,25,.9);border:1px solid var(--line);padding:11px 15px;border-radius:999px;font-size:10px;letter-spacing:1px;box-shadow:0 15px 40px rgba(0,0,0,.3);animation:float 6s ease-in-out infinite}.chip-a{top:10%;left:-5%}.chip-b{top:27%;right:-5%;animation-delay:-2s}.chip-c{bottom:23%;left:-7%;animation-delay:-4s}
@keyframes float{50%{transform:translateY(-10px)}}
.trust-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:1.6fr repeat(6,1fr);align-items:center;min-height:82px;color:#cad3dc}.trust-strip>span{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#7f8d9a}.trust-strip div{text-align:center;font-size:12px}
.section-head{max-width:780px;margin-bottom:55px}.section-head.wide{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:700px}
.kicker-link{font-size:12px;border-bottom:1px solid #52606c;padding-bottom:6px;white-space:nowrap}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.category-card{min-height:390px;border:1px solid var(--line);border-radius:var(--radius);padding:32px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.005));transition:.35s}.category-card:hover{transform:translateY(-6px);background:var(--panel)}.category-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(20px);opacity:.15;right:-100px;top:-120px;background:var(--grad)}
.category-card .num{font-size:10px;color:var(--teal)}.category-card h3{font-size:37px;margin:62px 0 15px}.category-card p{color:var(--muted);max-width:520px}.category-card ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:24px 0 0;list-style:none}.category-card li{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#c2ccd5}
.light-section{background:var(--paper);color:#111820}.light-section .eyebrow{color:#56616c}.light-section .section-head p:not(.eyebrow),.light-section .muted{color:#5d6874}.light-section .eyebrow:before{background:linear-gradient(90deg,#139c92,#6f3cd7)}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 26px}.case-card:nth-child(even){margin-top:60px}.case-media{height:470px;border-radius:var(--radius);overflow:hidden;position:relative;background:#c8ced2}.case-media img{width:100%;height:100%;object-fit:cover;transition:.6s}.case-card:hover .case-media img{transform:scale(1.04)}.case-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.58))}
.case-tag{position:absolute;z-index:2;left:22px;bottom:20px;color:white;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.case-card h3{margin:18px 0 8px}.case-card p{color:#5c6670;max-width:580px}
.system-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.ecosystem{height:550px;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(57,183,221,.12),transparent 45%),var(--ink-2)}
.eco-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:var(--grad);color:#07110f;display:grid;place-items:center;text-align:center;font-weight:850;box-shadow:0 0 80px rgba(52,190,210,.2)}
.eco-node{position:absolute;border:1px solid var(--line);background:#121c26;border-radius:17px;padding:15px 18px;cursor:grab;user-select:none;font-size:12px;box-shadow:0 15px 35px rgba(0,0,0,.25)}.eco-node:active{cursor:grabbing}.eco-node.active{border-color:var(--teal);box-shadow:0 0 28px rgba(53,228,197,.16)}
.eco-node[data-n="1"]{left:7%;top:12%}.eco-node[data-n="2"]{right:7%;top:12%}.eco-node[data-n="3"]{right:5%;bottom:16%}.eco-node[data-n="4"]{left:7%;bottom:14%}.eco-node[data-n="5"]{left:39%;top:7%}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.process-step{min-height:285px;padding:27px;border-right:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.025),transparent)}.process-step:last-child{border:0}.process-step span{font-size:10px;color:var(--teal)}.process-step h3{font-size:22px;margin:65px 0 12px}.process-step p{font-size:13px;color:var(--muted)}
.insight-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:18px}.insight-card{min-height:400px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:var(--panel)}.insight-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.insight-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,12,18,.94))}.insight-card>*:not(img){position:relative;z-index:2}.insight-card small{color:var(--teal);text-transform:uppercase;letter-spacing:1.5px}.insight-card h3{margin:10px 0 0}
.cta-band{margin:100px auto;padding:55px 60px;border-radius:34px;background:var(--grad);color:#07110f;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-band h2{max-width:790px;margin:0}.cta-band .eyebrow{color:#07110f}.cta-band .eyebrow:before{background:#07110f}
.page-hero{min-height:630px;position:relative}.page-hero-inner{padding:92px 0 80px}.page-hero h1{max-width:1080px}.page-hero .lead{max-width:820px}
.page-hero-media{margin-top:45px;height:520px;border-radius:var(--radius);overflow:hidden;position:relative}.page-hero-media img,.page-hero-media video{width:100%;height:100%;object-fit:cover;opacity:.72}.page-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,15,.38),transparent,rgba(5,10,15,.2))}
.service-overview{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.sticky{position:sticky;top:100px}.large-copy{font-size:clamp(28px,3.2vw,43px);line-height:1.15;letter-spacing:-1.8px}.body-copy p{font-size:17px;color:var(--muted)}
.pain-grid,.outcome-grid,.deliverable-grid,.technology-grid,.industry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-card{border:1px solid var(--line);border-radius:20px;padding:24px;min-height:175px;background:rgba(255,255,255,.02)}.info-card span{font-size:10px;color:var(--teal)}.info-card h3{font-size:19px;margin:24px 0 0}.info-card p{font-size:13px;color:var(--muted)}
.deliverable-grid{grid-template-columns:repeat(3,1fr)}.deliverable-card{min-height:210px;padding:26px;border-radius:20px;background:var(--paper);color:#141a20;display:flex;flex-direction:column}.deliverable-card span{font-size:10px;color:#55717d}.deliverable-card h3{font-size:20px;margin:auto 0 0}
.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}.timeline-row span{font-size:11px;color:var(--teal)}.timeline-row strong{font-size:20px}.timeline-row p{margin:0;color:var(--muted);font-size:13px}
.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-list span{padding:11px 15px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:#c3cdd6}
.faq{max-width:900px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;background:none;border:0;padding:23px 0;cursor:pointer;font-size:17px}.faq-q b{font-weight:400}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s}.faq-a p{color:var(--muted);padding:0 45px 22px 0;margin:0}.faq-item.open .faq-a{max-height:220px}.faq-item.open .faq-q i{transform:rotate(45deg)}.faq-q i{font-style:normal;transition:.25s}
.service-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-link-card{padding:22px;border:1px solid var(--line);border-radius:18px;min-height:135px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.service-link-card:hover{background:var(--panel);transform:translateY(-4px)}.service-link-card small{color:var(--teal)}.service-link-card strong{font-size:16px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 25px}.portfolio-card .case-media{height:430px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}.filter-row button{border:1px solid var(--line);background:none;padding:10px 16px;border-radius:999px;font-size:11px;cursor:pointer}.filter-row button.active{background:var(--paper);color:#10161d}.portfolio-card.hidden{display:none}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric{border:1px solid var(--line);border-radius:20px;padding:28px}.metric strong{font-size:44px;line-height:1;display:block}.metric span{font-size:11px;color:var(--muted)}
.quote{padding:55px;border-left:2px solid var(--teal);background:rgba(255,255,255,.02);font-size:30px;line-height:1.3;letter-spacing:-1px}
.article{max-width:820px}.article h2{font-size:40px;margin-top:55px}.article h3{font-size:26px;margin-top:38px}.article p,.article li{color:#b6c0ca;font-size:17px}.article img{border-radius:22px;margin:35px 0}.article .pull{font-size:28px;color:white;border-left:2px solid var(--teal);padding-left:25px;margin:38px 0}
.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lab-card{min-height:340px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;background:radial-gradient(circle at 90% 10%,rgba(184,74,240,.17),transparent 38%),var(--panel);transition:.3s}.lab-card:hover{transform:translateY(-5px)}.lab-card span{font-size:10px;color:var(--teal)}.lab-card h3{font-size:31px;margin:auto 0 10px}.lab-card p{color:var(--muted);font-size:14px}
.game-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}.game-panel{border:1px solid var(--line);border-radius:var(--radius);padding:35px;background:var(--panel)}.game-progress{height:6px;border-radius:999px;background:#293541;overflow:hidden;margin-bottom:28px}.game-progress i{display:block;height:100%;width:10%;background:var(--grad);transition:.3s}.question h2{font-size:34px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice{border:1px solid var(--line);background:#0d141c;border-radius:16px;padding:18px;text-align:left;cursor:pointer;transition:.2s}.choice:hover,.choice.selected{border-color:var(--teal);background:rgba(53,228,197,.07)}.result-box{display:none}.result-box.show{display:block}.score-ring{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;margin:10px auto 30px;background:conic-gradient(var(--teal) var(--score,70%),#26313b 0);position:relative}.score-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--panel)}.score-ring strong{position:relative;z-index:2;font-size:43px}
.scope-options{display:grid;gap:10px}.scope-option{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;cursor:pointer}.scope-option input{accent-color:var(--teal)}.estimate{font-size:48px;font-weight:800;letter-spacing:-2px}
.trait-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trait-card{min-height:220px;border:1px solid var(--line);border-radius:22px;padding:25px;display:flex;align-items:end;font-size:25px;font-weight:800;cursor:pointer;background:linear-gradient(145deg,rgba(53,228,197,.09),rgba(184,74,240,.1));transition:.25s}.trait-card:hover{transform:scale(1.02);border-color:var(--teal)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;font-size:11px;color:#c7d0d8}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;margin-top:8px;background:#0d141b;border:1px solid var(--line);border-radius:14px;color:white;padding:14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal)}
.project-summary{white-space:pre-wrap;background:#0b1118;border:1px solid var(--line);padding:25px;border-radius:18px;color:#c7d0d8;font-family:ui-monospace,monospace;font-size:12px;min-height:250px}
.footer{border-top:1px solid var(--line);background:#070b10;padding:75px 0 30px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:40px}.footer-brand p{color:var(--muted);max-width:380px;margin-top:25px}.footer-col strong{display:block;color:#778592;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;margin-bottom:15px}.footer-col a{display:block;color:#c4cdd5;font-size:13px;margin:8px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:60px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#6f7d89;font-size:10px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .78s ease,transform .78s ease}.reveal.in{opacity:1;transform:none}
.page-transition{position:fixed;inset:0;background:var(--ink);z-index:300;transform:translateY(-100%);pointer-events:none}.page-transition.enter{animation:curtain .7s ease}.page-transition.leave{transform:translateY(100%);transition:.5s}
@keyframes curtain{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:250;border-radius:50%;display:none}.cursor-dot{width:5px;height:5px;background:var(--teal)}.cursor-ring{width:34px;height:34px;border:1px solid rgba(53,228,197,.45);transition:width .2s,height .2s}
.media-credit{font-size:10px;color:#667582;margin-top:8px}
@media(pointer:fine){.cursor-dot,.cursor-ring{display:block}}
@media(max-width:980px){
 .main-nav{position:absolute;left:0;right:0;top:84px;display:none;flex-direction:column;align-items:stretch;background:#0e161f;border:1px solid var(--line);padding:22px;border-radius:20px}.main-nav.open{display:flex}.menu-toggle{display:block}.nav-group{display:none}
 .hero-grid,.service-overview,.system-lab,.game-shell{grid-template-columns:1fr}.hero-media{height:500px}.trust-strip{grid-template-columns:repeat(3,1fr);gap:18px;padding:25px}.trust-strip>span{grid-column:1/-1;text-align:center}
 .process-grid{grid-template-columns:repeat(2,1fr)}.process-step{border-bottom:1px solid var(--line)}.insight-grid{grid-template-columns:1fr 1fr}.insight-card:first-child{grid-column:1/-1}
 .deliverable-grid{grid-template-columns:repeat(2,1fr)}.service-nav{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.sticky{position:static}
}
@media(max-width:680px){
 .shell{width:min(var(--max),calc(100% - 26px))}.site-header{height:85px}h1{font-size:50px;letter-spacing:-3px}h2{letter-spacing:-2.2px}.section{padding:85px 0}.hero{min-height:auto}.hero-grid{padding-top:55px}.hero-media{height:400px}.float-chip{display:none}
 .trust-strip{grid-template-columns:repeat(2,1fr)}.category-grid,.case-grid,.pain-grid,.outcome-grid,.deliverable-grid,.technology-grid,.industry-grid,.portfolio-grid,.lab-grid,.metrics,.form-grid,.choice-grid,.trait-pair{grid-template-columns:1fr}.case-card:nth-child(even){margin-top:0}.case-media,.portfolio-card .case-media{height:350px}.section-head.wide{display:block}.kicker-link{display:inline-block;margin-top:12px}.process-grid{grid-template-columns:1fr}.process-step{min-height:220px}.insight-grid{grid-template-columns:1fr}.insight-card:first-child{grid-column:auto}.cta-band{padding:38px 25px;display:block}.cta-band .btn{margin-top:25px}
 .page-hero-inner{padding-top:55px}.page-hero-media{height:350px}.timeline-row{grid-template-columns:45px 1fr}.timeline-row p{grid-column:2}.service-nav{grid-template-columns:1fr}.quote{padding:32px;font-size:23px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.field.full{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.cursor-dot,.cursor-ring{display:none!important}
}

/* Full-project extensions: service themes, animated technical hero and interactive labs */
.dark-panel{background:var(--ink-2);border-block:1px solid var(--line)}
.service-page .page-hero-media{isolation:isolate}
.service-page .page-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,10,15,.78)),linear-gradient(120deg,rgba(53,228,197,.12),rgba(184,74,240,.12));z-index:1}
.service-signal{position:absolute;z-index:3;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden}
.service-signal i{position:absolute;width:120px;height:120px;border:1px solid rgba(255,255,255,.35);border-radius:50%;animation:signal 4.8s ease-out infinite}
.service-signal i:nth-child(2){animation-delay:1.6s}.service-signal i:nth-child(3){animation-delay:3.2s}
.service-signal strong{position:absolute;right:22px;bottom:22px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(8,13,19,.74);backdrop-filter:blur(12px);font-size:9px;text-transform:uppercase;letter-spacing:1.7px}
@keyframes signal{0%{transform:scale(.25);opacity:.85}90%,100%{transform:scale(5);opacity:0}}
.service-brand{--service-accent:#ef5ba9}.service-web{--service-accent:#35e4c5}.service-marketing{--service-accent:#40bff2}.service-software{--service-accent:#b84af0}
.service-page .page-hero .eyebrow:before,.service-page .service-context .eyebrow:before{background:linear-gradient(90deg,var(--service-accent,var(--teal)),var(--cyan))}
.service-related-work .case-card p{color:#5c6670}.service-engagement .info-card p{margin-top:13px}
.lab-grid{grid-template-columns:repeat(3,1fr)}
.ecosystem-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.ecosystem-option{padding:15px;border-radius:15px;border:1px solid var(--line);background:#0d141c;text-align:left;cursor:pointer;transition:.22s}
.ecosystem-option:hover,.ecosystem-option.active{border-color:var(--teal);background:rgba(53,228,197,.08);transform:translateY(-2px)}
.ecosystem-map{position:relative;height:500px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at center,rgba(64,191,242,.14),transparent 33%),#0b1219;overflow:hidden}
.system-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:850;background:var(--grad);color:#07110f;box-shadow:0 0 55px rgba(53,228,197,.18);z-index:3}
.system-node{position:absolute;display:grid;place-items:center;min-width:88px;min-height:48px;padding:10px 13px;border:1px solid var(--line);border-radius:15px;background:#131e29;color:#6f7d89;font-size:11px;transition:.35s;opacity:.48}
.system-node.active{opacity:1;color:white;border-color:var(--teal);box-shadow:0 0 30px rgba(53,228,197,.15);transform:scale(1.05)}
.system-node.active:after{content:"";position:absolute;width:150px;height:1px;background:linear-gradient(90deg,var(--teal),transparent);transform-origin:left center;z-index:-1}
.n-brand{left:8%;top:10%}.n-brand.active:after{transform:rotate(29deg)}.n-website{left:40%;top:5%}.n-website.active:after{transform:rotate(81deg)}.n-commerce{right:6%;top:14%}.n-commerce.active:after{right:50%;transform:rotate(151deg)}.n-search{right:3%;top:47%}.n-search.active:after{right:50%;transform:rotate(180deg)}.n-content{right:8%;bottom:10%}.n-content.active:after{right:50%;transform:rotate(209deg)}.n-paid{left:40%;bottom:5%}.n-paid.active:after{transform:rotate(272deg)}.n-email{left:7%;bottom:12%}.n-email.active:after{transform:rotate(330deg)}.n-data{left:2%;top:47%}.n-data.active:after{transform:rotate(0deg)}
.ecosystem-result{padding:22px 4px 0}.ecosystem-result strong{font-size:20px}.ecosystem-result p{color:var(--muted);font-size:13px;margin-top:8px}
.recommendation-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.recommendation-tags span,.recommendation-tags a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:10px;background:rgba(255,255,255,.025)}
.sound-toggle{border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.03);font-size:10px;cursor:pointer}.sound-toggle[aria-pressed="true"]{border-color:var(--teal);color:var(--teal)}
.challenge-stage h2{font-size:34px}.challenge-copy{color:var(--muted);margin-bottom:22px}.challenge-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.challenge-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#0d141c;cursor:pointer;min-height:230px;text-align:left;transition:.25s}.challenge-card:hover{border-color:var(--teal);transform:translateY(-3px)}.challenge-card strong{display:block;font-size:19px;margin-bottom:12px}.challenge-card p{font-size:13px;color:var(--muted)}
.load-demo{margin-top:20px}.load-track{height:10px;border-radius:999px;background:#27333e;overflow:hidden;margin:10px 0}.load-track i{display:block;height:100%;width:0;background:var(--grad)}.challenge-card.slow .load-track i{animation:loadSlow 3.6s linear forwards}.challenge-card.fast .load-track i{animation:loadFast .85s ease-out forwards}@keyframes loadSlow{to{width:100%}}@keyframes loadFast{to{width:100%}}
.nav-sim{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.nav-sim span{font-size:10px;padding:7px 9px;border:1px solid var(--line);border-radius:999px}.nav-sim.clear span:nth-child(3){border-color:var(--teal)}
.cta-sim{margin-top:22px;display:inline-flex;padding:12px 16px;border-radius:999px;border:1px solid var(--line);font-size:12px}.cta-sim.specific{background:var(--grad);color:#07110f;border:0}
.needs-summary{padding:18px;border:1px solid var(--line);border-radius:18px;background:#0d141c;margin-top:18px}
.cms-note{border:1px solid var(--line);border-radius:18px;padding:20px;background:rgba(255,255,255,.025)}
@media(max-width:980px){.ecosystem-builder{grid-template-columns:1fr}.ecosystem-map{height:450px}}
@media(max-width:680px){.ecosystem-options,.challenge-options{grid-template-columns:1fr}.ecosystem-map{height:430px}.system-node{min-width:72px;font-size:9px}.system-core{width:100px;height:100px}.challenge-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){.service-signal i,.load-track i{animation:none!important}.load-track i{width:100%}}

/* =========================================================
   ZACH DESIGNS STUDIO — FUTURE EXPERIENCE LAYER
   ========================================================= */
:root{
  --acid:#74ffd8;
  --electric:#65c7ff;
  --ultra:#8f62ff;
  --hot:#ff5ab5;
  --glass:rgba(13,19,28,.66);
  --glass-2:rgba(255,255,255,.055);
  --hairline:rgba(255,255,255,.13);
  --deep-shadow:0 40px 120px rgba(0,0,0,.46);
}
body{background:#070a0f}
body:before{background:
 radial-gradient(circle at 16% 2%,rgba(53,228,197,.10),transparent 25%),
 radial-gradient(circle at 84% 8%,rgba(143,98,255,.10),transparent 28%),
 linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,78px 78px,78px 78px}
.brand em{font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:2.2px;color:#71808f;margin-left:4px;vertical-align:middle}
.glass-nav{position:sticky;top:12px;height:76px;margin-top:12px;padding:0 18px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(7,11,16,.7);backdrop-filter:blur(22px) saturate(130%);box-shadow:0 18px 70px rgba(0,0,0,.24);z-index:120}
.glass-nav .brand img{width:40px;height:40px}.glass-nav .brand span{font-size:20px}
.glass-nav .nav-cta{background:linear-gradient(120deg,rgba(53,228,197,.12),rgba(143,98,255,.12))!important;border-color:rgba(116,255,216,.23)!important}
.ambient-glow{position:fixed;width:42vw;height:42vw;border-radius:50%;filter:blur(100px);opacity:.055;z-index:-2;pointer-events:none}.glow-one{left:-20vw;top:22vh;background:var(--teal)}.glow-two{right:-22vw;top:58vh;background:var(--violet)}

/* Hero */
.future-hero{min-height:calc(100vh - 34px);position:relative;isolation:isolate;overflow:hidden;padding:70px 0 0}
#signalField{position:absolute;inset:0;width:100%;height:100%;z-index:-4;opacity:.7}
.hero-noise{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
.future-hero:after{content:"";position:absolute;left:0;right:0;bottom:54px;height:240px;background:linear-gradient(transparent,#070a0f);pointer-events:none;z-index:-1}
.future-hero-grid{min-height:690px;display:grid;grid-template-columns:.93fr 1.07fr;gap:42px;align-items:center;padding:20px 0 90px}
.future-copy{position:relative;z-index:4}
.future-copy h1{font-size:clamp(64px,7.7vw,116px);max-width:790px;letter-spacing:-7px;line-height:.88;text-wrap:balance}
.future-copy .gradient-text{background:linear-gradient(105deg,#f9fbff 0%,var(--teal) 32%,var(--cyan) 57%,var(--violet) 83%,var(--pink));-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 8px 36px rgba(83,193,255,.10))}
.hero-lead{max-width:650px;font-size:18px;line-height:1.75;color:#a8b4bf}
.live-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(116,255,216,.17);background:rgba(116,255,216,.035);border-radius:999px;padding:8px 11px 8px 9px;margin-bottom:30px;color:#d7fff4}
.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(53,228,197,.45);animation:livePulse 2.2s infinite}.live-pill span{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800}.live-pill small{font-size:9px;color:#71818e;border-left:1px solid var(--line);padding-left:9px}
@keyframes livePulse{70%{box-shadow:0 0 0 8px rgba(53,228,197,0)}100%{box-shadow:0 0 0 0 rgba(53,228,197,0)}}
.ghost-btn{background:rgba(255,255,255,.025);backdrop-filter:blur(10px)}
.future-proof{color:#8996a4}.future-proof span:before{content:"+";font-weight:900;color:var(--teal)}

/* 3D spatial stage */
.spatial-stage{height:630px;position:relative;perspective:1200px;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.085);border-radius:44px;background:radial-gradient(circle at 50% 42%,rgba(62,209,211,.13),transparent 26%),radial-gradient(circle at 73% 25%,rgba(143,98,255,.12),transparent 23%),linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.006));box-shadow:var(--deep-shadow),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;transition:transform .18s ease-out}
.spatial-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.04) 48%,transparent 51%);transform:translateX(-100%);animation:stageSheen 8s ease-in-out infinite}
@keyframes stageSheen{55%,100%{transform:translateX(120%)}}
.stage-hud{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;z-index:20;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.6px;color:#6e7e8c}.stage-hud b{color:#a9bbc8}.hud-top{top:17px}.hud-bottom{bottom:17px}
.floor-grid{position:absolute;width:130%;height:62%;left:-15%;bottom:-28%;background-image:linear-gradient(rgba(116,255,216,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(116,255,216,.12) 1px,transparent 1px);background-size:48px 48px;transform:rotateX(67deg);transform-origin:center top;mask-image:linear-gradient(to bottom,#000,transparent 75%);opacity:.45}
.orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(116,255,216,.16);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.orbit:after{content:"";position:absolute;width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 18px var(--teal);top:50%;left:-4px}
.orbit-a{width:330px;height:330px;margin:-165px;transform:rotateX(67deg) rotateZ(7deg);animation:orbitA 15s linear infinite}.orbit-b{width:440px;height:240px;margin:-120px -220px;transform:rotateX(72deg) rotateZ(48deg);border-color:rgba(101,199,255,.16);animation:orbitB 20s linear infinite reverse}.orbit-c{width:250px;height:460px;margin:-230px -125px;transform:rotateY(66deg) rotateZ(28deg);border-color:rgba(143,98,255,.17);animation:orbitC 22s linear infinite}
@keyframes orbitA{to{transform:rotateX(67deg) rotateZ(367deg)}}@keyframes orbitB{to{transform:rotateX(72deg) rotateZ(408deg)}}@keyframes orbitC{to{transform:rotateY(66deg) rotateZ(388deg)}}
.core-object{position:absolute;left:50%;top:48%;width:144px;height:144px;margin:-72px;transform-style:preserve-3d;transition:transform .18s ease-out}.core-halo{position:absolute;inset:-70px;border-radius:50%;background:radial-gradient(circle,rgba(53,228,197,.20),rgba(78,115,255,.08) 40%,transparent 70%);filter:blur(14px);animation:haloBreathe 4s ease-in-out infinite}@keyframes haloBreathe{50%{transform:scale(1.18);opacity:.6}}
.core-cube{width:110px;height:110px;position:absolute;left:17px;top:17px;transform-style:preserve-3d;animation:cubeRotate 14s linear infinite}.cube-face{position:absolute;width:110px;height:110px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(10,18,25,.76);backdrop-filter:blur(12px);font:900 22px ui-monospace,monospace;color:var(--teal);box-shadow:inset 0 0 30px rgba(53,228,197,.035)}.cube-face img{width:76px;height:76px;border-radius:24px}.cube-front{transform:translateZ(55px)}.cube-back{transform:rotateY(180deg) translateZ(55px)}.cube-right{transform:rotateY(90deg) translateZ(55px)}.cube-left{transform:rotateY(-90deg) translateZ(55px)}.cube-top{transform:rotateX(90deg) translateZ(55px)}.cube-bottom{transform:rotateX(-90deg) translateZ(55px)}
@keyframes cubeRotate{0%{transform:rotateX(-15deg) rotateY(0deg)}100%{transform:rotateX(345deg) rotateY(360deg)}}
.space-card{position:absolute;z-index:8;width:145px;padding:15px 16px;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:rgba(10,16,24,.72);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.26);transform-style:preserve-3d;transition:border-color .25s,background .25s,box-shadow .25s,transform .18s ease-out}.space-card:hover{border-color:rgba(116,255,216,.42);background:rgba(15,25,34,.9);box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 34px rgba(53,228,197,.07)}.space-card small{font:700 8px ui-monospace,monospace;color:var(--teal);opacity:.7}.space-card strong{display:block;font-size:20px;letter-spacing:-.8px;margin:5px 0 4px}.space-card span{display:block;color:#80909e;font-size:9px}.space-brand{left:7%;top:19%}.space-web{right:7%;top:13%}.space-growth{left:10%;bottom:18%}.space-tech{right:8%;bottom:20%}
.signal-ticker{height:56px;border-block:1px solid rgba(255,255,255,.08);overflow:hidden;background:rgba(255,255,255,.018);display:flex;align-items:center;position:relative;z-index:4}.ticker-track{display:flex;align-items:center;gap:24px;width:max-content;animation:ticker 30s linear infinite;white-space:nowrap}.ticker-track span{font-size:10px;text-transform:uppercase;letter-spacing:2.3px;color:#8995a1}.ticker-track i{font-style:normal;color:var(--teal);font-size:9px}@keyframes ticker{to{transform:translateX(-50%)}}

/* Problem console */
.problem-section{padding-top:140px}.problem-intro{max-width:420px!important;margin:0;color:#8794a0!important;font-size:14px!important;align-self:end}
.problem-console{display:grid;grid-template-columns:.78fr 1.22fr;min-height:510px;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.22)}
.problem-tabs{padding:18px;border-right:1px solid var(--line);display:grid;gap:8px;background:rgba(0,0,0,.13)}.problem-tab{position:relative;text-align:left;border:1px solid transparent;border-radius:18px;background:transparent;color:#8593a0;padding:20px 18px;cursor:pointer;font-size:15px;transition:.25s}.problem-tab span{display:block;font:700 8px ui-monospace,monospace;color:#53616f;margin-bottom:8px}.problem-tab:hover{color:white;background:rgba(255,255,255,.025)}.problem-tab.active{color:white;border-color:rgba(116,255,216,.18);background:linear-gradient(120deg,rgba(53,228,197,.075),rgba(143,98,255,.04));box-shadow:inset 3px 0 0 var(--teal)}.problem-tab.active span{color:var(--teal)}
.problem-output{padding:58px 64px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.problem-output:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(116,255,216,.09);border-radius:50%;right:-150px;bottom:-170px;box-shadow:0 0 0 45px rgba(116,255,216,.018),0 0 0 90px rgba(143,98,255,.012)}.problem-output h3{font-size:clamp(34px,4vw,58px);letter-spacing:-2.5px;max-width:760px;margin:0 0 20px;line-height:1.02}.problem-output>p:not(.eyebrow){color:#9ba8b4;max-width:660px;font-size:16px}.problem-output .btn{align-self:flex-start;margin-top:28px}.output-signal{position:absolute;right:24px;top:22px;display:flex;gap:4px;align-items:center;font:700 7px ui-monospace,monospace;color:#657581;letter-spacing:1.4px}.output-signal i{display:block;width:4px;height:13px;background:#33414d;border-radius:3px;animation:bars 1.1s ease-in-out infinite}.output-signal i:nth-child(2){height:20px;animation-delay:-.35s}.output-signal i:nth-child(3){height:9px;animation-delay:-.7s}@keyframes bars{50%{height:24px;background:var(--teal)}}

/* Capability zone */
.capability-zone{position:relative;background:linear-gradient(180deg,transparent,rgba(255,255,255,.015),transparent)}
.future-cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;perspective:1400px}.future-cap-card{min-height:570px;padding:24px;border:1px solid rgba(255,255,255,.095);border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.042),rgba(255,255,255,.009));position:relative;overflow:hidden;display:flex;flex-direction:column;transform-style:preserve-3d;transition:border-color .25s,box-shadow .25s}.future-cap-card:after{content:"";position:absolute;width:330px;height:330px;right:-180px;bottom:-190px;border-radius:50%;background:radial-gradient(circle,rgba(53,228,197,.12),transparent 66%);pointer-events:none}.future-cap-card:nth-child(2):after{background:radial-gradient(circle,rgba(101,199,255,.13),transparent 66%)}.future-cap-card:nth-child(3):after{background:radial-gradient(circle,rgba(143,98,255,.14),transparent 66%)}.future-cap-card:nth-child(4):after{background:radial-gradient(circle,rgba(255,90,181,.10),transparent 66%)}.future-cap-card:hover{border-color:rgba(116,255,216,.27);box-shadow:0 35px 100px rgba(0,0,0,.25)}.cap-top,.cap-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.cap-top span,.cap-top b{font:700 8px ui-monospace,monospace;letter-spacing:1.4px}.cap-top span{color:var(--teal)}.cap-top b{color:#52616d;font-weight:600}.future-cap-card h3{font-size:39px;margin:26px 0 12px;letter-spacing:-1.8px}.future-cap-card>p{color:#8e9ba7;font-size:14px;max-width:520px}.cap-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;justify-content:flex-start}.cap-footer span{font-size:9px;color:#788795;padding:6px 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px}.cap-footer b{margin-left:auto;font-size:18px;color:var(--teal)}
.cap-visual{height:255px;margin:22px 0 0;border:1px solid rgba(255,255,255,.08);border-radius:23px;background:#0a1017;position:relative;overflow:hidden;transform:translateZ(28px)}
.brand-visual{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(255,90,181,.13),transparent 36%),#0a1017}.brand-visual i{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:180px;height:180px;animation:brandRing 8s linear infinite}.brand-visual i:nth-child(2){width:240px;height:110px;transform:rotate(35deg);border-color:rgba(116,255,216,.12);animation-direction:reverse}.brand-visual i:nth-child(3){width:90px;height:230px;transform:rotate(-40deg);border-color:rgba(143,98,255,.13)}.brand-visual strong{font-size:41px;line-height:.82;letter-spacing:-3px;position:relative;z-index:2;text-shadow:0 0 35px rgba(116,255,216,.12)}@keyframes brandRing{to{transform:rotate(360deg)}}
.web-visual{display:grid;place-items:center;background:linear-gradient(140deg,rgba(101,199,255,.07),rgba(143,98,255,.05)),#0a1017}.browser-mini{width:72%;height:68%;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#0e161f;position:relative;padding:15px;box-shadow:20px 24px 0 -8px rgba(101,199,255,.035),-20px -20px 0 -9px rgba(143,98,255,.035);transform:rotateY(-11deg) rotateX(5deg)}.browser-mini i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#465562;margin-right:3px}.browser-mini em{display:block;width:42%;height:7px;border-radius:999px;background:var(--grad);margin-top:35px;position:relative}.browser-mini em:after{content:"";position:absolute;top:20px;width:165%;height:4px;background:#28343f;box-shadow:0 13px #202c36,0 26px #202c36}.browser-mini strong{position:absolute;right:15px;bottom:13px;font:800 8px ui-monospace,monospace;letter-spacing:1px;color:var(--teal)}
.growth-visual{display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,rgba(143,98,255,.12),transparent 30%),#0a1017}.growth-visual svg{width:82%;overflow:visible}.growth-visual path{fill:none;stroke:url(#none);stroke:var(--teal);stroke-width:2;filter:drop-shadow(0 0 8px rgba(53,228,197,.28));stroke-dasharray:430;stroke-dashoffset:430;animation:drawLine 4s ease-in-out infinite}.growth-visual circle{fill:#0a1017;stroke:var(--teal);stroke-width:2}.growth-visual strong{position:absolute;right:18px;top:16px;font:800 9px ui-monospace,monospace;color:var(--teal)}@keyframes drawLine{45%,100%{stroke-dashoffset:0}}
.tech-visual{background:radial-gradient(circle at center,rgba(255,90,181,.08),transparent 32%),#0a1017}.tech-visual .node{position:absolute;width:18px;height:18px;border:1px solid var(--teal);border-radius:6px;background:#101a23;box-shadow:0 0 24px rgba(53,228,197,.14)}.tech-visual .n1{left:20%;top:30%}.tech-visual .n2{right:18%;top:23%}.tech-visual .n3{left:30%;bottom:18%}.tech-visual .n4{right:27%;bottom:25%}.tech-visual i{position:absolute;height:1px;background:linear-gradient(90deg,var(--teal),rgba(143,98,255,.3));transform-origin:left}.tech-visual i:nth-of-type(1){width:52%;left:23%;top:34%;transform:rotate(-8deg)}.tech-visual i:nth-of-type(2){width:34%;left:33%;bottom:26%;transform:rotate(-29deg)}.tech-visual i:nth-of-type(3){width:31%;right:27%;top:31%;transform:rotate(65deg)}.tech-visual strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 27px ui-monospace,monospace;color:#eef7fa;letter-spacing:2px}

/* Work */
.work-zone{background:#0a0e14;border-block:1px solid rgba(255,255,255,.07)}
.project-stack{display:grid;gap:22px}.project-feature{min-height:520px;display:grid;grid-template-columns:1.35fr .65fr;border:1px solid rgba(255,255,255,.10);border-radius:31px;background:rgba(255,255,255,.018);overflow:hidden;position:relative;transform-style:preserve-3d;transition:border-color .25s,box-shadow .25s}.project-feature:hover{border-color:rgba(116,255,216,.25);box-shadow:0 40px 100px rgba(0,0,0,.25)}.project-feature.reverse{grid-template-columns:.65fr 1.35fr}.project-feature.reverse .project-image{order:2}.project-feature.reverse .project-copy{order:1}.project-index{position:absolute;z-index:8;top:18px;left:18px;background:rgba(7,11,16,.74);border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:9px 12px;font:800 8px ui-monospace,monospace;color:var(--teal);backdrop-filter:blur(12px)}.project-image{min-height:520px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.05);transition:transform .8s ease,filter .6s}.project-feature:hover .project-image img{transform:scale(1.04);filter:saturate(1) contrast(1.06)}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,7,11,.65))}.project-image>span{position:absolute;z-index:3;left:22px;bottom:19px;text-transform:uppercase;letter-spacing:1.6px;font-size:8px;color:white}.project-scan{position:absolute;z-index:2;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal),transparent);box-shadow:0 0 12px var(--teal);opacity:.45;animation:scan 5s linear infinite}@keyframes scan{0%{top:0}100%{top:100%}}.project-copy{padding:48px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 100% 0,rgba(143,98,255,.08),transparent 35%)}.project-copy small,.mini-project small{font-size:8px;color:var(--teal);letter-spacing:1.6px;text-transform:uppercase}.project-copy h3{font-size:38px;letter-spacing:-1.7px;margin:14px 0}.project-copy p{font-size:14px;color:#8b98a4}.project-copy b{font-size:11px;margin-top:20px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mini-project{min-height:280px;border:1px solid rgba(255,255,255,.10);border-radius:27px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.007));display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:end;transform-style:preserve-3d}.mini-project>span{align-self:start;font:800 9px ui-monospace,monospace;color:var(--teal)}.mini-project h3{font-size:28px;margin:9px 0}.mini-project p{font-size:13px;color:#84929f;max-width:480px}.mini-project>b{font-size:22px;color:var(--teal)}

/* Studio OS */
.studio-os-zone{padding-top:130px}.studio-os{border:1px solid rgba(255,255,255,.10);border-radius:34px;padding:48px;background:linear-gradient(140deg,rgba(53,228,197,.025),rgba(143,98,255,.025));position:relative;overflow:hidden}.studio-os:before{content:"ZD / PROCESS / 05";position:absolute;right:30px;top:25px;font:700 7px ui-monospace,monospace;color:#43515d;letter-spacing:1.4px}.os-head{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end}.os-head h2{margin-bottom:0}.os-head>p{color:#8594a0;font-size:14px;max-width:520px}.os-flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:55px;border-top:1px solid rgba(255,255,255,.10)}.os-step{padding:38px 20px 10px 0;min-height:230px;position:relative;border-right:1px solid rgba(255,255,255,.065);margin-right:20px}.os-step:last-child{border-right:0}.os-step:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#34424e;top:-5px;left:0;box-shadow:0 0 0 6px #0b1118;transition:.25s}.os-step:hover:before{background:var(--teal);box-shadow:0 0 0 6px #0b1118,0 0 20px var(--teal)}.os-step span{font:800 8px ui-monospace,monospace;letter-spacing:1.4px;color:#647380}.os-step strong{display:block;font-size:20px;line-height:1.2;margin:20px 0 10px}.os-step p{font-size:12px;color:#71808d}

/* Labs v2 */
.lab-grid-v2{grid-template-columns:repeat(3,1fr)}.lab-grid-v2 .lab-card{min-height:450px;background:linear-gradient(150deg,rgba(255,255,255,.038),rgba(255,255,255,.007));overflow:hidden;transform-style:preserve-3d}.lab-grid-v2 .lab-card:after{content:"↗";position:absolute;right:23px;top:22px;color:#65727e}.lab-grid-v2 .lab-card h3{margin:auto 0 10px;font-size:31px}.lab-glyph{height:150px;margin-top:35px;border:1px solid rgba(255,255,255,.07);border-radius:20px;position:relative;background:#0a1017;overflow:hidden;transform:translateZ(22px)}.glyph-orbit{display:grid;place-items:center}.glyph-orbit i{position:absolute;width:95px;height:95px;border:1px solid rgba(116,255,216,.2);border-radius:50%;animation:brandRing 7s linear infinite}.glyph-orbit i:nth-child(2){width:125px;height:48px;transform:rotate(40deg);border-color:rgba(143,98,255,.24);animation-direction:reverse}.glyph-orbit b{color:var(--teal);font-size:22px}.glyph-score{display:grid;place-items:center}.glyph-score strong{font-size:45px;letter-spacing:-3px}.glyph-score i{position:absolute;inset:28px;border-radius:50%;border:5px solid transparent;border-top-color:var(--teal);border-right-color:var(--cyan);animation:brandRing 5s linear infinite}.glyph-cursor{display:grid;place-items:center;font-size:45px;color:var(--teal)}.glyph-cursor i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--violet);left:25%;top:30%;box-shadow:0 0 16px var(--violet)}.glyph-cursor i:nth-child(2){left:65%;top:60%;background:var(--teal)}.glyph-cursor i:nth-child(3){left:74%;top:23%;background:var(--cyan)}

/* Insights + CTA */
.insight-strip-section{padding-top:40px}.insight-strip{border-block:1px solid var(--line);padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.insight-strip h3{font-size:31px;margin:0 0 8px}.insight-strip p:not(.eyebrow){color:#84929e;max-width:800px;font-size:13px;margin:0}.round-arrow{width:80px;height:80px;flex:0 0 80px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);font-size:25px;background:rgba(255,255,255,.025)}
.mega-cta{padding:90px 0 110px;position:relative;overflow:hidden}.mega-cta-inner{min-height:600px;border:1px solid rgba(255,255,255,.10);border-radius:40px;background:radial-gradient(circle at 78% 38%,rgba(143,98,255,.18),transparent 22%),radial-gradient(circle at 18% 80%,rgba(53,228,197,.12),transparent 27%),linear-gradient(145deg,#101721,#090e14);display:flex;flex-direction:column;justify-content:center;padding:70px;position:relative;overflow:hidden;isolation:isolate}.mega-cta h2{font-size:clamp(55px,7.3vw,100px);max-width:1050px;letter-spacing:-5.8px;line-height:.92;position:relative;z-index:2}.mega-cta>div>p:not(.eyebrow){max-width:680px;color:#9aa8b5;font-size:16px;position:relative;z-index:2}.outline-text{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45)}.cta-orbit{position:absolute;right:-130px;top:-120px;width:570px;height:570px;border:1px solid rgba(116,255,216,.10);border-radius:50%;z-index:-1;animation:brandRing 22s linear infinite}.cta-orbit i{position:absolute;inset:55px;border:1px solid rgba(143,98,255,.12);border-radius:50%}.cta-orbit i:nth-child(2){inset:115px;border-color:rgba(101,199,255,.15)}.cta-orbit i:nth-child(3){width:11px;height:11px;inset:auto;left:-6px;top:50%;background:var(--teal);border:0;box-shadow:0 0 24px var(--teal)}
.footer-v2{background:#05080c}.footer-v2 .footer-bottom{text-transform:uppercase;letter-spacing:1px}

/* 3D tilt utility */
.tilt-card{will-change:transform;transition:transform .18s ease-out,border-color .25s,box-shadow .25s}.tilt-card>*{transform-style:preserve-3d}

/* Existing interior pages get a cleaner futuristic skin */
body:not(.home-v2) .page-hero{position:relative;overflow:hidden}
body:not(.home-v2) .page-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-250px;border:1px solid rgba(116,255,216,.09);box-shadow:0 0 0 70px rgba(116,255,216,.012),0 0 0 140px rgba(143,98,255,.009);pointer-events:none}
body:not(.home-v2) .info-card,body:not(.home-v2) .service-link-card,body:not(.home-v2) .lab-card,body:not(.home-v2) .portfolio-card .case-media{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
body:not(.home-v2) .info-card:hover,body:not(.home-v2) .service-link-card:hover{border-color:rgba(116,255,216,.22)}

/* Responsive */
@media(max-width:1100px){
 .future-hero-grid{grid-template-columns:1fr .88fr}.future-copy h1{font-size:clamp(60px,8vw,90px);letter-spacing:-5px}.spatial-stage{height:560px}.space-card{width:125px}.problem-output{padding:45px}.os-flow{grid-template-columns:repeat(3,1fr);row-gap:20px}.os-step:nth-child(3){border-right:0}.lab-grid-v2{grid-template-columns:1fr 1fr}.lab-grid-v2 .lab-card:last-child{grid-column:1/-1}
}
@media(max-width:980px){
 .glass-nav{top:8px}.glass-nav .main-nav{top:82px}.future-hero{padding-top:35px}.future-hero-grid{grid-template-columns:1fr;padding-top:40px}.future-copy{max-width:820px}.spatial-stage{height:580px}.problem-console{grid-template-columns:1fr}.problem-tabs{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr}.future-cap-grid{grid-template-columns:1fr}.project-feature,.project-feature.reverse{grid-template-columns:1fr}.project-feature.reverse .project-image,.project-feature.reverse .project-copy{order:initial}.project-image{min-height:430px}.project-pair{grid-template-columns:1fr}.os-head{grid-template-columns:1fr}.os-flow{grid-template-columns:1fr 1fr 1fr}.mega-cta-inner{padding:55px}
}
@media(max-width:680px){
 .glass-nav{width:calc(100% - 20px);border-radius:19px;padding:0 10px}.brand em{display:none}.future-hero{padding-top:18px}.future-hero-grid{padding:34px 0 70px}.future-copy h1{font-size:54px;letter-spacing:-3.4px;line-height:.91}.hero-lead{font-size:15px}.live-pill small{display:none}.spatial-stage{height:480px;border-radius:27px}.space-card{width:112px;padding:11px;border-radius:14px}.space-card strong{font-size:15px}.space-card span{font-size:7px}.space-brand{left:3%;top:16%}.space-web{right:3%;top:15%}.space-growth{left:4%;bottom:17%}.space-tech{right:4%;bottom:18%}.core-cube{transform:scale(.8)}.orbit-a{width:260px;height:260px;margin:-130px}.orbit-b{width:330px;height:180px;margin:-90px -165px}.orbit-c{width:180px;height:330px;margin:-165px -90px}.problem-section{padding-top:95px}.problem-tabs{grid-template-columns:1fr;padding:10px}.problem-tab{padding:13px 14px}.problem-tab span{display:inline;margin-right:8px}.problem-output{padding:38px 25px;min-height:430px}.problem-output h3{font-size:36px;letter-spacing:-1.8px}.future-cap-card{min-height:530px;padding:18px}.cap-visual{height:220px}.future-cap-card h3{font-size:32px}.project-feature{min-height:auto}.project-image{min-height:320px}.project-copy{padding:30px}.project-copy h3{font-size:32px}.mini-project{grid-template-columns:auto 1fr;gap:16px;padding:24px}.mini-project>b{grid-column:2}.studio-os{padding:28px 20px;border-radius:25px}.os-flow{grid-template-columns:1fr}.os-step{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.06);margin:0;padding:30px 0}.os-step:last-child{border-bottom:0}.lab-grid-v2{grid-template-columns:1fr}.lab-grid-v2 .lab-card:last-child{grid-column:auto}.insight-strip{align-items:flex-end}.round-arrow{width:58px;height:58px;flex-basis:58px}.mega-cta{padding-top:50px}.mega-cta-inner{min-height:570px;padding:38px 25px;border-radius:28px}.mega-cta h2{font-size:51px;letter-spacing:-3.4px}.cta-orbit{opacity:.6}.ticker-track{animation-duration:24s}
}
@media(prefers-reduced-motion:reduce){.orbit,.core-cube,.ticker-track,.brand-visual i,.growth-visual path,.project-scan,.cta-orbit,.glyph-score i,.glyph-orbit i,.live-pill i{animation:none!important}.spatial-stage,.space-card,.tilt-card,.core-object{transform:none!important}}

/* Work archive v2 */
.work-page .page-hero-inner{position:relative;min-height:650px;display:flex;flex-direction:column;justify-content:center}.work-page .page-hero-inner h1{max-width:1080px}.work-page .page-hero-inner .lead{max-width:760px}.work-orbit{position:absolute;right:2%;top:50%;width:220px;height:220px;margin-top:-110px;border:1px solid rgba(116,255,216,.14);border-radius:50%;display:grid;place-items:center}.work-orbit:before,.work-orbit:after{content:"";position:absolute;border:1px solid rgba(143,98,255,.12);border-radius:50%;inset:30px}.work-orbit:after{inset:66px;border-color:rgba(101,199,255,.15)}.work-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--teal);left:-5px;top:50%;box-shadow:0 0 20px var(--teal);animation:livePulse 2.1s infinite}.work-orbit i:nth-child(2){left:auto;right:18px;top:21%;background:var(--violet)}.work-orbit b{font-size:48px;letter-spacing:-3px}.work-orbit span{position:absolute;bottom:37px;font:700 7px ui-monospace,monospace;letter-spacing:1.2px;color:#657683;text-transform:uppercase}.work-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:40px}.toolbar-note{font:700 7px ui-monospace,monospace;letter-spacing:1.5px;color:#566571}.portfolio-grid-v2{gap:70px 24px;perspective:1400px}.portfolio-grid-v2 .portfolio-card{transform-style:preserve-3d}.portfolio-grid-v2 .portfolio-card:nth-child(even){margin-top:80px}.portfolio-grid-v2 .case-media{height:500px;border:1px solid rgba(255,255,255,.08);position:relative}.portfolio-grid-v2 .case-media:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(53,228,197,.05),transparent 40%,rgba(143,98,255,.08));pointer-events:none}.portfolio-grid-v2 .case-number{position:absolute;z-index:4;right:18px;top:18px;font:800 8px ui-monospace,monospace;font-style:normal;color:var(--teal);padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(7,11,16,.65);backdrop-filter:blur(10px)}.portfolio-meta{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:18px}.portfolio-meta small{font:700 8px ui-monospace,monospace;letter-spacing:1.5px;color:#647482}.portfolio-meta h3{margin:8px 0 0}.portfolio-meta b{font-size:22px;color:var(--teal)}.portfolio-grid-v2 .lead{font-size:13px!important;color:#84929e!important;max-width:570px}.work-principle{display:flex;align-items:end;justify-content:space-between;gap:50px;border-top:1px solid var(--line)}.work-principle>div{max-width:850px}.work-principle h2{font-size:clamp(38px,5vw,67px)}
@media(max-width:980px){.work-orbit{opacity:.45;right:-80px}.portfolio-grid-v2 .portfolio-card:nth-child(even){margin-top:0}.work-principle{display:block}.work-principle .btn{margin-top:24px}}
@media(max-width:680px){.work-page .page-hero-inner{min-height:570px}.work-orbit{width:160px;height:160px;right:-65px;top:67%}.work-toolbar{display:block}.toolbar-note{display:none}.portfolio-grid-v2 .case-media{height:360px}.work-principle{padding-top:80px}}

/* Consistent studio chrome across internal pages */
body:not(.home-v2)>.site-header{position:sticky;top:12px;height:76px;margin-top:12px;padding:0 18px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(7,11,16,.72);backdrop-filter:blur(22px) saturate(130%);box-shadow:0 18px 70px rgba(0,0,0,.22);z-index:120}
body:not(.home-v2)>.site-header .brand img{width:40px;height:40px}body:not(.home-v2)>.site-header .brand span{font-size:20px}
body:not(.home-v2) .info-card,body:not(.home-v2) .service-link-card,body:not(.home-v2) .deliverable-card,body:not(.home-v2) .lab-card{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
body:not(.home-v2) .info-card:before,body:not(.home-v2) .service-link-card:before,body:not(.home-v2) .lab-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-110px;top:-120px;background:radial-gradient(circle,rgba(116,255,216,.11),transparent 68%);pointer-events:none;transition:.35s}
body:not(.home-v2) .info-card:hover,body:not(.home-v2) .service-link-card:hover,body:not(.home-v2) .lab-card:hover{transform:translateY(-5px);border-color:rgba(116,255,216,.24);box-shadow:0 24px 70px rgba(0,0,0,.18)}
body:not(.home-v2) .page-hero-inner h1{max-width:1050px;text-wrap:balance}
@media(max-width:980px){body:not(.home-v2)>.site-header .main-nav{top:82px}}
@media(max-width:680px){body:not(.home-v2)>.site-header{width:calc(100% - 20px);border-radius:19px;padding:0 10px}}

/* Pricing system */
.service-pricing{background:linear-gradient(180deg,#0b1118,#090d12);border-block:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}
.service-pricing:before,.pricing-explorer:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(53,228,197,.09),transparent 68%);right:-250px;top:0;pointer-events:none}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.price-card{position:relative;min-height:520px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));display:flex;flex-direction:column;overflow:hidden;transition:.28s}
.price-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-130px;top:-130px;background:radial-gradient(circle,rgba(64,191,242,.13),transparent 70%)}
.price-card:hover{transform:translateY(-6px);border-color:rgba(53,228,197,.28);box-shadow:0 25px 80px rgba(0,0,0,.24)}
.price-card.featured{border-color:rgba(53,228,197,.3);background:linear-gradient(155deg,rgba(53,228,197,.075),rgba(52,127,231,.035) 55%,rgba(184,74,240,.035));box-shadow:0 25px 80px rgba(35,153,169,.08)}
.price-badge{align-self:flex-start;padding:7px 10px;border-radius:999px;background:var(--teal);color:#06100f;font:800 8px ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase}.price-badge.subtle{background:rgba(255,255,255,.055);color:#8f9da9;border:1px solid rgba(255,255,255,.08)}
.price-fit{font-size:12px;color:#81909e;min-height:44px;margin:28px 0 8px}.price-card h3{font-size:31px;margin:0 0 17px}.price-line{display:flex;align-items:baseline;gap:8px;border-block:1px solid rgba(255,255,255,.075);padding:20px 0;margin-bottom:22px}.price-line small{font-size:9px;color:#74828f;text-transform:uppercase;letter-spacing:1px}.price-line strong{font-size:45px;letter-spacing:-2.3px;line-height:1}.price-line span{font-size:10px;color:#70808e}.price-card ul{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px;flex:1}.price-card li{font-size:12px;color:#a8b4bf;padding-left:19px;position:relative}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:900}.price-card .btn{align-self:stretch}.pricing-foot{margin-top:22px;padding:19px 22px;border:1px solid rgba(255,255,255,.07);border-radius:18px;display:flex;justify-content:space-between;gap:20px;background:rgba(255,255,255,.02);font-size:12px}.pricing-foot span{color:#7f8d99}.pricing-foot a{color:var(--teal)}
.pricing-home{position:relative}.price-signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.price-signal{min-height:190px;border:1px solid rgba(255,255,255,.08);border-radius:23px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.005));transition:.28s;position:relative;overflow:hidden}.price-signal:after{content:"↗";position:absolute;right:18px;top:15px;color:#647783}.price-signal:hover{transform:translateY(-5px);border-color:rgba(53,228,197,.3)}.price-signal>span{font:800 8px ui-monospace,monospace;letter-spacing:1.5px;color:var(--teal)}.price-signal strong{font-size:46px;letter-spacing:-3px;line-height:1}.price-signal small{color:#83919d;font-size:11px}.center-action{text-align:center;margin-top:30px}
.pricing-hero .page-hero-inner{min-height:680px;position:relative}.price-orbit{position:absolute;right:4%;top:50%;width:230px;height:230px;margin-top:-115px;border:1px solid rgba(53,228,197,.16);border-radius:50%;display:grid;place-items:center}.price-orbit:before,.price-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(184,74,240,.12);inset:30px}.price-orbit:after{inset:65px;border-color:rgba(64,191,242,.15)}.price-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--teal);left:-5px;top:50%;box-shadow:0 0 24px var(--teal);animation:livePulse 2s infinite}.price-orbit strong{font-size:58px;letter-spacing:-4px}.price-orbit span{position:absolute;bottom:35px;font:800 7px ui-monospace,monospace;letter-spacing:1.5px;color:#60717e;text-transform:uppercase}
.pricing-explorer{position:relative}.pricing-control{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;padding:25px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:rgba(255,255,255,.025);margin-bottom:60px}.pricing-categories,.pricing-services{display:flex;gap:8px;flex-wrap:wrap}.pricing-categories button,.pricing-services button{background:#101821;color:#93a1ad;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 13px;font-size:10px;cursor:pointer;transition:.2s}.pricing-categories button:hover,.pricing-services button:hover,.pricing-categories button.active,.pricing-services button.active{color:#07100f;background:var(--teal);border-color:var(--teal)}.pricing-live-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.pricing-live-head small{font:800 9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--teal);text-transform:uppercase}.pricing-live-head h2{margin:8px 0 0}.pricing-live-head>p{max-width:420px;color:#84929e;font-size:13px}.pricing-disclaimer{margin-top:30px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:.35fr 1fr;gap:30px}.pricing-disclaimer strong{font-size:14px}.pricing-disclaimer p{font-size:12px;color:#84929e;margin:0}.pricing-method{background:var(--ink-2);border-block:1px solid var(--line)}

/* Homepage mini builder */
.quick-builder{min-height:640px;border:1px solid rgba(255,255,255,.09);border-radius:34px;background:radial-gradient(circle at 80% 20%,rgba(184,74,240,.11),transparent 30%),radial-gradient(circle at 45% 65%,rgba(53,228,197,.07),transparent 35%),#0b1118;display:grid;grid-template-columns:.78fr 1.22fr;gap:35px;padding:34px;overflow:hidden}.qb-copy{padding:35px 20px;align-self:center}.qb-copy h2{font-size:clamp(42px,5vw,67px)}.qb-copy>p:not(.eyebrow){color:#84929d}.qb-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.qb-buttons button{border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.025);padding:9px 12px;font-size:10px;cursor:pointer}.qb-buttons button.active,.qb-buttons button:hover{background:var(--teal);color:#07100f;border-color:var(--teal)}.qb-screen{align-self:center;perspective:1200px;position:relative}.qb-browser{min-height:430px;background:#eff1ec;color:#111820;border-radius:25px;padding:15px;box-shadow:0 40px 90px rgba(0,0,0,.35);transform:rotateY(-4deg) rotateX(2deg);overflow:hidden}.qb-browser-top{height:36px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #d3d7d2}.qb-browser-top i{width:7px;height:7px;background:#bac0bc;border-radius:50%}.qb-browser-top span{margin-left:auto;font:800 7px ui-monospace,monospace;color:#6b7470;letter-spacing:1px}.qb-hero{min-height:250px;padding:55px 35px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#111923,#192737);color:white;border-radius:16px;margin-top:12px}.qb-hero small{font:800 8px ui-monospace,monospace;letter-spacing:1.5px;color:var(--teal)}.qb-hero strong{font-size:44px;letter-spacing:-2.7px;line-height:.97;max-width:430px;margin:14px 0 22px}.qb-hero span{align-self:flex-start;border-radius:999px;padding:9px 13px;background:var(--teal);color:#07100f;font-size:8px;font-weight:900;letter-spacing:1px}.qb-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.qb-sections i{font-style:normal;padding:18px;border:1px solid #d8ddd7;border-radius:12px;font-size:9px;color:#5e6862}.qb-social{position:absolute;width:240px;right:-10px;bottom:-35px;border:1px solid rgba(255,255,255,.1);border-radius:19px;padding:16px;background:rgba(10,16,23,.94);box-shadow:0 30px 70px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.qb-social>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.qb-social span{font:800 6px ui-monospace,monospace;letter-spacing:1px;color:#7e8d99}.qb-social strong{font-size:11px;color:var(--teal)}.qb-social ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:7px}.qb-social li{font-size:9px;color:#98a6b1;border-top:1px solid rgba(255,255,255,.05);padding-top:7px}

/* Full Mini Studio Builder */
.builder-hero .page-hero-inner{min-height:690px}.builder-game{padding-top:30px}.builder-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:start}.builder-controls{position:sticky;top:110px;border:1px solid rgba(255,255,255,.09);border-radius:27px;padding:22px;background:rgba(13,20,28,.72);backdrop-filter:blur(20px)}.builder-step{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.065)}.builder-step>span{font:800 9px ui-monospace,monospace;color:var(--teal)}.builder-step small{font:800 8px ui-monospace,monospace;letter-spacing:1.3px;color:#7e8d99}.builder-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.builder-options button{padding:8px 10px;border-radius:999px;background:#101822;border:1px solid rgba(255,255,255,.08);font-size:9px;cursor:pointer;color:#9ca9b5}.builder-options button.active,.builder-options button:hover{background:var(--teal);border-color:var(--teal);color:#07100f}.builder-random{margin-top:20px;width:100%}.builder-output{border:1px solid rgba(255,255,255,.09);border-radius:30px;padding:22px;background:linear-gradient(160deg,#101821,#080d12);box-shadow:0 35px 100px rgba(0,0,0,.28);position:relative;overflow:hidden}.builder-output:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-260px;top:-250px;background:radial-gradient(circle,rgba(53,228,197,.14),transparent 68%);pointer-events:none}.builder-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font:800 8px ui-monospace,monospace;letter-spacing:1.2px}.builder-status span{color:#8fa0ad}.builder-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 15px var(--teal);margin-right:7px}.builder-status b{color:var(--teal)}.builder-browser{background:#f1f2ed;color:#10171f;border-radius:22px;padding:12px;position:relative;z-index:1;transition:.35s}.builder-browser-top{display:flex;align-items:center;height:34px;gap:6px;padding:0 5px}.builder-browser-top i{width:7px;height:7px;border-radius:50%;background:#c2c8c2}.builder-browser-top small{margin-left:auto;font:800 7px ui-monospace,monospace;color:#67726c;letter-spacing:1px}.builder-site{border-radius:15px;overflow:hidden;background:white}.builder-site-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:9px}.builder-site-nav strong{font-size:11px}.builder-site-nav span{color:#6b7570}.builder-site-hero{min-height:330px;display:flex;flex-direction:column;justify-content:center;padding:55px;background:#111b26;color:white;transition:.35s}.builder-site-hero small{font:800 8px ui-monospace,monospace;letter-spacing:1.5px;color:var(--teal)}.builder-site-hero h2{font-size:48px;max-width:550px;letter-spacing:-3px;margin:13px 0 15px}.builder-site-hero p{font-size:12px;color:#9aa9b6;max-width:450px}.builder-site-hero button{align-self:flex-start;border:0;border-radius:999px;background:var(--teal);color:#07100f;padding:10px 14px;font-size:8px;font-weight:900;letter-spacing:1px}.builder-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dde1dc}.builder-site-cards span{padding:24px;background:#fafbf8;font-size:9px;color:#59635e}.builder-output[data-vibe="premium"] .builder-site-hero{background:#171717}.builder-output[data-vibe="premium"] .builder-site-hero small,.builder-output[data-vibe="premium"] .builder-status b{color:#e0cf9d}.builder-output[data-vibe="premium"] .builder-site-hero button{background:#eee4c6}.builder-output[data-vibe="playful"] .builder-site-hero{background:linear-gradient(135deg,#702bd7,#ef5ba9)}.builder-output[data-vibe="playful"] .builder-site-hero small{color:#fff2a8}.builder-output[data-vibe="playful"] .builder-site-hero button{background:#fff2a8}.builder-output[data-vibe="warm"] .builder-site-hero{background:#6c4336}.builder-output[data-vibe="warm"] .builder-site-hero small{color:#ffd7b7}.builder-output[data-vibe="warm"] .builder-site-hero button{background:#ffd7b7}.builder-social-panel{margin-top:14px;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px;background:rgba(255,255,255,.025);position:relative;z-index:1}.social-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.social-panel-head span{font:800 7px ui-monospace,monospace;letter-spacing:1.2px;color:#7c8c99}.social-panel-head strong{font-size:12px;color:var(--teal)}.social-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.social-pillars article{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:13px}.social-pillars b{display:block;font-size:7px;color:#667784;margin-bottom:8px}.social-pillars span{font-size:10px}.social-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px}.social-week span{padding:10px 6px;border-radius:9px;background:#0c131b;color:#5d6d79;text-align:center;font:700 6px ui-monospace,monospace}.social-week b{color:#b5c1ca;font-size:7px}.builder-insight{display:grid;grid-template-columns:120px 1fr;gap:20px;margin-top:15px;padding:18px;border-radius:18px;background:rgba(53,228,197,.055);border:1px solid rgba(53,228,197,.12);position:relative;z-index:1}.builder-insight span{font:800 7px ui-monospace,monospace;letter-spacing:1.2px;color:var(--teal)}.builder-insight p{font-size:11px;color:#9eacb7;margin:0}.builder-result-zone{background:var(--ink-2);border-block:1px solid var(--line)}
.glyph-builder{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important}.glyph-builder b,.glyph-builder strong{font:900 12px ui-monospace,monospace!important;letter-spacing:1px!important}.glyph-builder i{font-style:normal;color:var(--teal);font-size:24px}

/* New portfolio system */
.portfolio-grid-v3{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 24px}.portfolio-grid-v3 .portfolio-card:nth-child(even){margin-top:80px}.project-case{transition:.25s}.project-art{height:470px;border:1px solid rgba(255,255,255,.08);border-radius:28px;position:relative;overflow:hidden;background:#0d141d}.project-art:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(53,228,197,.035),transparent 40%,rgba(184,74,240,.06));pointer-events:none}.project-art .case-number{position:absolute;right:18px;top:18px;z-index:6;border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:7px 9px;background:rgba(8,13,19,.7);font:800 8px ui-monospace,monospace;color:var(--teal)}.art-iron{display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(53,228,197,.11),transparent 28%),#0a1016}.social-device{width:210px;height:325px;border:1px solid rgba(255,255,255,.16);border-radius:32px;background:#111923;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-8deg);box-shadow:0 35px 60px rgba(0,0,0,.3);position:relative}.social-device:before{content:"";position:absolute;top:10px;width:55px;height:7px;border-radius:999px;background:#05080c}.social-device span{font:900 15px ui-monospace,monospace;color:var(--teal);border:1px solid rgba(53,228,197,.3);padding:8px;border-radius:10px}.social-device strong{font-size:35px;line-height:.88;letter-spacing:-2px;margin-top:18px}.social-device i{width:70%;height:4px;background:linear-gradient(90deg,var(--teal),transparent);margin-top:25px}.content-stack{position:absolute;right:12%;top:22%;display:grid;gap:10px}.content-stack b{padding:15px 18px;border:1px solid rgba(255,255,255,.09);background:#151f2a;border-radius:15px;font:800 8px ui-monospace,monospace;letter-spacing:1.2px;box-shadow:0 15px 35px rgba(0,0,0,.2)}.art-valentine{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0e141c,#16131b)}.identity-mark{font-size:130px;font-weight:900;letter-spacing:-12px;color:#f2eee6;position:relative}.identity-mark span{font-size:45px;color:var(--pink);vertical-align:top;margin-left:5px}.identity-lines{position:absolute;inset:55px;display:flex;flex-direction:column;justify-content:space-between}.identity-lines i{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}.art-valentine>small{position:absolute;bottom:55px;font:800 8px ui-monospace,monospace;letter-spacing:4px;color:#8d8494}.art-chutney{display:flex;align-items:flex-end;justify-content:center;gap:9px;padding-bottom:55px;background:radial-gradient(circle at 50% 25%,rgba(239,91,169,.12),transparent 32%),#0e1415}.jar{width:92px;height:175px;border-radius:24px 24px 30px 30px;display:flex;align-items:flex-end;justify-content:center;padding:15px;box-shadow:0 24px 50px rgba(0,0,0,.26);transform:rotate(-4deg);border:1px solid rgba(255,255,255,.11)}.jar:nth-child(even){transform:rotate(4deg) translateY(-12px)}.jar:before{content:"";position:absolute;width:72px;height:18px;border-radius:6px 6px 2px 2px;background:#c4b79b;transform:translateY(-152px)}.jar b{font:900 8px ui-monospace,monospace;letter-spacing:1px;background:rgba(255,255,255,.76);color:#25211d;padding:7px 8px;border-radius:999px}.j1{background:#5d2132}.j2{background:#31583e}.j3{background:#6a4224}.j4{background:#a97b24}.art-zach{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(53,228,197,.11),transparent 36%),#080d12}.zd-window{width:78%;height:68%;border:1px solid rgba(255,255,255,.11);border-radius:23px;background:linear-gradient(145deg,#101923,#0b1017);padding:25px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 35px 90px rgba(0,0,0,.33);transform:perspective(900px) rotateY(-7deg) rotateX(3deg)}.zd-window>div{position:absolute;top:16px;display:flex;gap:6px}.zd-window i{width:7px;height:7px;border-radius:50%;background:#36434d}.zd-window strong{font-size:51px;line-height:.85;letter-spacing:-3px}.zd-window strong span{font-size:16px;color:var(--teal);letter-spacing:1px}.zd-window small{margin-top:27px;font:800 7px ui-monospace,monospace;letter-spacing:1.2px;color:#667885}.case-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.case-chips span{font-size:8px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#83919d}.achievement-zone{background:var(--ink-2);border-block:1px solid var(--line)}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.achievement-card{min-height:250px;border:1px solid rgba(255,255,255,.08);border-radius:23px;padding:24px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.008));display:flex;flex-direction:column}.achievement-card strong{font-size:58px;letter-spacing:-4px;line-height:1;color:var(--teal)}.achievement-card span{font-size:12px;font-weight:800;margin:36px 0 9px}.achievement-card p{font-size:11px;color:#81909c;margin:0}.home-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.home-work-card{border:1px solid rgba(255,255,255,.08);border-radius:25px;padding:16px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.008));min-height:480px}.home-work-card .mini-art{height:250px;border-radius:17px;margin-bottom:22px;position:relative;overflow:hidden}.home-work-card>small{font:800 8px ui-monospace,monospace;letter-spacing:1.2px;color:var(--teal)}.home-work-card h3{margin:10px 0 10px}.home-work-card p{font-size:12px;color:#83919d}.iron-mini{display:grid;place-items:center;background:#0b131a}.iron-mini strong{font-size:90px;letter-spacing:-7px}.iron-mini span{position:absolute;bottom:18px;font:800 7px ui-monospace,monospace;letter-spacing:1.5px;color:var(--teal)}.val-mini{display:grid;place-items:center;background:linear-gradient(145deg,#151016,#281425)}.val-mini strong{font-size:94px;letter-spacing:-7px}.val-mini span{position:absolute;bottom:18px;font:800 7px ui-monospace,monospace;letter-spacing:1.5px;color:#efb4d4}.chutney-mini{display:flex;justify-content:center;align-items:center;gap:8px;background:#13170f}.chutney-mini i{width:35px;height:105px;border-radius:12px;background:#5d2132;box-shadow:0 14px 25px rgba(0,0,0,.24)}.chutney-mini i:nth-child(2){background:#31583e;transform:translateY(-8px)}.chutney-mini i:nth-child(3){background:#6a4224}.chutney-mini i:nth-child(4){background:#a97b24;transform:translateY(-8px)}.chutney-mini span{position:absolute;bottom:18px;font:800 7px ui-monospace,monospace;letter-spacing:1.5px;color:#d3caa8}

@media(max-width:980px){.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.price-signal-grid{grid-template-columns:1fr 1fr}.pricing-control{grid-template-columns:1fr}.price-orbit{opacity:.4;right:-80px}.quick-builder,.builder-layout{grid-template-columns:1fr}.builder-controls{position:relative;top:auto}.qb-screen{margin:0 15px 55px}.portfolio-grid-v3{grid-template-columns:1fr}.portfolio-grid-v3 .portfolio-card:nth-child(even){margin-top:0}.achievement-grid{grid-template-columns:1fr 1fr}.home-work-grid{grid-template-columns:1fr}.project-art{height:420px}}
@media(max-width:680px){.price-signal-grid,.achievement-grid{grid-template-columns:1fr}.pricing-live-head,.pricing-foot,.pricing-disclaimer{display:block}.pricing-live-head>p,.pricing-disclaimer p{margin-top:15px}.pricing-categories,.pricing-services{flex-wrap:nowrap;overflow:auto;padding-bottom:6px}.pricing-categories button,.pricing-services button{white-space:nowrap}.quick-builder{padding:20px}.qb-copy{padding:20px 5px}.qb-browser{min-height:350px}.qb-hero{min-height:210px;padding:35px 22px}.qb-hero strong{font-size:34px}.qb-social{position:relative;right:auto;bottom:auto;width:auto;margin-top:12px}.builder-output{padding:12px}.builder-site-nav span{display:none}.builder-site-hero{min-height:280px;padding:38px 24px}.builder-site-hero h2{font-size:37px}.builder-site-cards{grid-template-columns:1fr}.social-pillars{grid-template-columns:1fr}.social-week{grid-template-columns:repeat(4,1fr)}.builder-insight{grid-template-columns:1fr}.project-art{height:350px}.social-device{transform:scale(.8) rotate(-8deg)}.content-stack{right:7%}.jar{width:65px;height:140px}.jar:before{width:50px;transform:translateY(-121px)}.identity-mark{font-size:95px}.zd-window strong{font-size:39px}}
@media(max-width:1180px) and (min-width:981px){.main-nav{gap:19px}.main-nav>a,.nav-trigger{font-size:12px}}
/* Four interactive labs now balance as a two by two system on wide screens. */
.home-v2 .lab-grid-v2{grid-template-columns:repeat(2,1fr)}
@media(max-width:680px){.home-v2 .lab-grid-v2{grid-template-columns:1fr}}