/* Home page base styles, shared with /about-clickburst (copied verbatim from index.html <head>, 30 Oct 2026). */

:root{
 --paper:#F4F1EA;--ink:#111111;--muted:#6E6E6E;--line:#D4D0C7;--lime:#D8FF3E;--blue:#2457FF;--red:#FF4D3D;--white:#FFFDF8;
 --sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:"Space Grotesk",system-ui,sans-serif;
 --ease:cubic-bezier(.16,1,.3,1);--max:1280px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:var(--lime);color:var(--ink)}
.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.mono{font-family:var(--display);letter-spacing:.04em}.eyebrow{display:flex;align-items:center;gap:9px;font:600 10px var(--sans);letter-spacing:.14em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block}.muted{color:var(--muted)}
/* NAV */
.nav-shell{position:fixed;top:16px;left:0;right:0;z-index:100}.nav{height:62px;width:min(var(--max),calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 16px;border:1px solid rgba(17,17,17,.13);background:rgba(244,241,234,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px}.brand{display:flex;align-items:center;gap:10px;font:700 15px var(--display);letter-spacing:-.03em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font:700 11px var(--display);border-radius:11px}.brand small{display:block;font:600 8px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:1px}.nav-links{display:flex;gap:2px}.nav-links a{font-size:11px;font-weight:600;padding:10px 12px;border-radius:10px;color:#4e4e4e}.nav-links a:hover{background:rgba(17,17,17,.06);color:var(--ink)}.nav-cta{background:var(--ink);color:var(--white);padding:12px 15px;border-radius:12px;font-size:11px;font-weight:700}.nav-cta:hover{background:var(--blue)}.menu{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:11px}.mobile-menu{position:fixed;top:88px;left:16px;right:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:8px;display:grid;gap:3px;transform:translateY(-10px);opacity:0;pointer-events:none;transition:.3s var(--ease);z-index:90}.mobile-menu.show{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:14px;border-radius:10px;font-weight:600}.mobile-menu a:hover{background:var(--ink);color:var(--white)}
/* INTRO */
.intro{position:fixed;inset:0;background:var(--ink);color:var(--white);z-index:200;display:grid;place-items:center;transition:opacity .7s var(--ease),visibility .7s var(--ease)}.intro.hide{opacity:0;visibility:hidden;pointer-events:none}.intro-inner{text-align:center;padding:24px}.intro-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#aaa;margin-bottom:22px}.intro-wordmark{font:700 clamp(58px,13vw,170px)/.78 var(--display);letter-spacing:-.09em;margin:0}.intro-wordmark span{display:inline-block;animation:introIn .9s var(--ease) both}.intro-wordmark span:nth-child(2){animation-delay:.05s}.intro-wordmark span:nth-child(3){animation-delay:.1s}.intro-wordmark span:nth-child(4){animation-delay:.15s}.intro-wordmark span:nth-child(5){animation-delay:.2s}.intro-wordmark span:nth-child(6){animation-delay:.25s}.intro-wordmark span:nth-child(7){animation-delay:.3s}.intro-wordmark span:nth-child(8){animation-delay:.35s}.intro-wordmark span:nth-child(9){animation-delay:.4s}.intro-wordmark .burst{color:var(--lime)}.intro p{margin:25px 0 0;color:#bbb;font-size:15px}.intro-enter{margin-top:32px;border:1px solid #444;background:transparent;color:var(--white);padding:12px 15px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.intro-enter:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}@keyframes introIn{from{opacity:0;transform:translateY(50px) rotate(3deg)}to{opacity:1;transform:none}}
/* HERO */
.hero{min-height:100svh;padding:150px 0 70px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero-copy{position:relative;z-index:2}.hero h1{font:700 clamp(58px,8.3vw,126px)/.83 var(--display);letter-spacing:-.085em;margin:20px 0 28px;max-width:900px}.hero h1 .accent{display:inline-block;position:relative}.hero h1 .accent:after{content:"";position:absolute;left:0;right:8%;bottom:-3px;height:7px;background:var(--lime);z-index:-1;transform:skew(-14deg)}.hero-sub{font-size:clamp(16px,1.6vw,20px);line-height:1.55;max-width:650px;color:#4c4c4c}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 17px;border:1px solid var(--ink);border-radius:12px;font-size:11px;font-weight:700;transition:.25s var(--ease)}.btn.primary{background:var(--ink);color:var(--white)}.btn.primary:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.btn.secondary:hover{background:var(--lime);transform:translateY(-2px)}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:#777}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta b{width:5px;height:5px;border-radius:50%;background:var(--blue)}
/* SIGNAL */
.signal-stage{min-height:570px;position:relative;display:grid;place-items:center}.signal-stage:before{content:"";position:absolute;width:min(48vw,560px);height:min(48vw,560px);border-radius:50%;border:1px solid rgba(17,17,17,.16);box-shadow:inset 0 0 0 30px rgba(17,17,17,.015),0 0 0 1px rgba(17,17,17,.03)}.signal-stage:after{content:"";position:absolute;width:70%;height:1px;background:var(--ink);opacity:.14;transform:rotate(-28deg)}#signal{position:absolute;inset:0;width:100%;height:100%}.signal-core{position:relative;width:150px;height:150px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 12px var(--paper),0 0 0 13px var(--ink);display:grid;place-items:center;color:var(--lime);font:700 11px var(--display);letter-spacing:.08em;text-transform:uppercase;z-index:2}.signal-core:before{content:"";position:absolute;inset:-32px;border:1px solid rgba(17,17,17,.25);border-radius:50%;animation:pulse 2.8s ease-in-out infinite}.signal-core:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime);right:4px;top:8px;box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--ink)}@keyframes pulse{50%{transform:scale(1.08);opacity:.45}}
.signal-label{position:absolute;font:700 9px var(--sans);letter-spacing:.14em;text-transform:uppercase;background:var(--paper);padding:5px 7px;z-index:3}.sl1{top:15%;left:8%}.sl2{top:23%;right:2%}.sl3{bottom:18%;left:4%}.sl4{bottom:13%;right:9%}.signal-status{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#777;white-space:nowrap}
/* MARQUEE */
.marquee{overflow:hidden;border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:var(--ink);color:var(--white)}
.marquee-track{display:flex;width:max-content;will-change:transform;animation:marquee 30s linear infinite}
.marquee-seq{display:flex;flex:0 0 auto}
.marquee span{padding:15px 28px;font:600 10px var(--display);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.marquee strong{color:var(--lime)}
@keyframes marquee{to{transform:translate3d(-50%,0,0)}}
/* PROOF */
.section{padding:150px 0}.section-head{display:grid;grid-template-columns:1fr .65fr;gap:40px;align-items:end;margin-bottom:60px}.section-head h2{font:700 clamp(48px,6.3vw,92px)/.88 var(--display);letter-spacing:-.07em;margin:18px 0 0}.section-head p{font-size:15px;line-height:1.65;color:#5f5f5f;margin:0;max-width:480px}.proof-wrap{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.proof-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.proof-tab{padding:18px 15px;border:0;background:transparent;text-align:left;border-right:1px solid var(--line);color:#777;position:relative;overflow:hidden;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}.proof-tab:hover{transform:translateY(-2px)}.proof-tab:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.proof-tab.active:after{transform:scaleX(1)}.proof-tab:last-child{border-right:0}.proof-tab small{display:block;font:600 9px var(--sans);letter-spacing:.12em;text-transform:uppercase}.proof-tab strong{display:block;font:700 22px var(--display);margin-top:7px;color:var(--ink)}.proof-tab.active{background:var(--ink);color:var(--white)}.proof-tab.active strong{color:var(--lime)}.proof-story{display:grid;grid-template-columns:.9fr 1.1fr;min-height:380px;transition:opacity .22s var(--ease),transform .42s var(--ease),filter .34s var(--ease);will-change:opacity,transform,filter}.proof-story.is-changing{opacity:.18;transform:translate3d(0,9px,0) scale(.995);filter:blur(6px)}.proof-metric{padding:55px 40px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.proof-metric .number{font:700 clamp(80px,12vw,170px)/.8 var(--display);letter-spacing:-.1em}.proof-metric .unit{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:18px}.proof-context{padding:55px 45px;display:flex;flex-direction:column;justify-content:center}.proof-context .tag{font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#777}.proof-context h3{font:700 clamp(34px,4.3vw,64px)/.9 var(--display);letter-spacing:-.06em;margin:16px 0}.proof-context p{max-width:590px;line-height:1.65;color:#5f5f5f}.proof-context .proof-foot{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.proof-foot span{padding:8px 10px;border:1px solid var(--line);border-radius:999px}
/* CAPABILITIES */
.cap-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.cap{min-height:400px;padding:28px 22px;border-right:1px solid var(--line);position:relative;overflow:hidden;transition:.35s var(--ease)}.cap:last-child{border-right:0}.cap:hover{background:var(--ink);color:var(--white);transform:translateY(-8px)}.cap:hover p,.cap:hover li{color:#bbb}.cap-num{font:700 11px var(--display);color:var(--blue)}.cap h3{font:700 clamp(30px,3vw,44px)/.9 var(--display);letter-spacing:-.06em;margin:70px 0 16px}.cap p{font-size:12px;line-height:1.55;color:#656565;min-height:75px}.cap ul{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:9px}.cap li{font-size:10px;font-weight:600;color:#777}.cap li:before{content:"+";color:var(--blue);margin-right:7px}.cap:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-90px;top:-80px;background:var(--lime);opacity:0;transition:.4s var(--ease)}.cap:hover:after{opacity:1}

.marker-highlight{color:var(--ink)!important;background-image:linear-gradient(transparent 57%,#F1D768 57%,#F1D768 91%,transparent 91%);padding:0 .035em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
 /* SYSTEM */
.system{background:var(--ink);color:var(--white)}.system .eyebrow{color:#aaa}.system .section-head p{color:#aaa}.system-map{position:relative;border:1px solid #333;min-height:520px;overflow:hidden;background:#141414}.system-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.system-map .wire-base path{stroke-dasharray:1000;stroke-dashoffset:1000;opacity:.78}
.system-map.in .wire-base path{animation:wireConnect 1.15s cubic-bezier(.22,.61,.36,1) forwards}
.system-map.in .wire-base path:nth-child(2){animation-delay:.09s}
.system-map.in .wire-base path:nth-child(3){animation-delay:.18s}
.system-map.in .wire-base path:nth-child(4){animation-delay:.27s}
.system-map .wire-flow path{stroke-dasharray:3 18;stroke-dashoffset:0;opacity:0}
.system-map.in .wire-flow path{animation:wirePulse 2.2s linear 1.1s infinite}
.system-map.in .wire-flow path:nth-child(2){animation-delay:1.2s}
.system-map.in .wire-flow path:nth-child(3){animation-delay:1.3s}
.system-map.in .wire-flow path:nth-child(4){animation-delay:1.4s}
.system-map .node{transition:transform .55s var(--ease),box-shadow .55s var(--ease),opacity .6s var(--ease),filter .6s var(--ease)}
.system-map.in .node{box-shadow:0 8px 28px rgba(0,0,0,.16)}
.system-map.in .n-create{animation:nodeFloat 5.5s ease-in-out 1s infinite}
.system-map.in .n-media{animation:nodeFloat 5.5s ease-in-out 1.25s infinite}
.system-map.in .n-web{animation:nodeFloat 5.5s ease-in-out 1.5s infinite}
.system-map.in .n-auto{animation:nodeFloat 5.5s ease-in-out 1.75s infinite}
.system-map.in .n-scale{animation:scalePulse 4.5s ease-in-out 1.2s infinite}
@keyframes wireConnect{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes wirePulse{from{stroke-dashoffset:0;opacity:.1}12%{opacity:.9}88%{opacity:.9}to{stroke-dashoffset:-84;opacity:.1}}
@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes scalePulse{0%,100%{box-shadow:0 0 0 rgba(216,255,62,0)}50%{box-shadow:0 0 0 9px rgba(216,255,62,.08)}}.system-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.node{position:absolute;width:170px;padding:18px;background:#1a1a1a;border:1px solid #3a3a3a}.node small{display:block;color:#777;font-size:8px;font-weight:700;letter-spacing:.14em}.node strong{display:block;font:700 25px var(--display);margin-top:8px}.node span{display:block;color:#999;font-size:10px;line-height:1.4;margin-top:9px}.n-create{left:5%;top:12%}.n-media{right:5%;top:12%}.n-web{left:15%;bottom:11%}.n-auto{right:15%;bottom:11%}.n-scale{left:50%;top:50%;transform:translate(-50%,-50%);background:var(--lime);color:var(--ink);border-color:var(--lime);width:190px}.n-scale small,.n-scale span{color:#333}.system-note{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.system-note b{color:var(--lime)}
/* CREATIVE */
.creative-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.creative-card{border:1px solid var(--line);min-height:430px;padding:34px;position:relative;overflow:hidden}.creative-card.dark{background:var(--ink);color:var(--white)}.creative-card h3{font:700 clamp(40px,5vw,72px)/.87 var(--display);letter-spacing:-.07em;margin:70px 0 20px}.creative-card p{max-width:510px;line-height:1.6;color:#aaa}.creative-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:absolute;left:34px;right:34px;bottom:34px}.creative-step{border-top:1px solid #444;padding-top:9px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.creative-step b{display:block;color:var(--lime);font-size:12px;margin-bottom:6px}.creative-side{display:grid;gap:18px}.mini{border:1px solid var(--line);padding:28px;min-height:206px}.mini h4{font:700 32px/.95 var(--display);letter-spacing:-.05em;margin:50px 0 0}.mini p{font-size:11px;line-height:1.5;color:#666}
/* SERVICES */
.services{background:#E9E5DC}.service-list{border-top:1px solid var(--ink)}.service-row{display:grid;grid-template-columns:70px 1fr 1fr 35px;gap:20px;align-items:center;padding:30px 0;border-bottom:1px solid var(--ink);transition:.35s var(--ease)}.service-row:hover{padding-left:18px;padding-right:18px;background:var(--ink);color:var(--white)}.service-row .num{font:700 12px var(--display);color:var(--blue)}.service-row h3{font:700 clamp(30px,4vw,58px)/.9 var(--display);letter-spacing:-.06em;margin:0}.service-row p{font-size:12px;line-height:1.55;color:#666;margin:0}.service-row:hover p{color:#aaa}.service-row .arrow{font-size:24px;text-align:right}.service-row:hover .arrow{color:var(--lime)}
/* PROCESS */
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.process-step{min-height:250px;padding:22px;border-right:1px solid var(--line);position:relative}.process-step:last-child{border-right:0}.process-step small{font-size:9px;font-weight:700;letter-spacing:.12em;color:#777}.process-step strong{display:block;font:700 30px var(--display);letter-spacing:-.05em;margin:65px 0 12px}.process-step p{font-size:11px;line-height:1.5;color:#666}.process-step:nth-child(5){background:var(--lime)}
/* CTA */
.cta{background:var(--blue);color:var(--white);padding:130px 0}.cta-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}.cta h2{font:700 clamp(58px,8vw,120px)/.82 var(--display);letter-spacing:-.08em;margin:18px 0}.cta p{font-size:16px;line-height:1.6;color:#dbe2ff;max-width:520px}.cta .btn{border-color:var(--white)}.cta .btn.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.cta-form{background:var(--white);color:var(--ink);padding:28px;border-radius:16px}.cta-form h3{font:700 31px/.95 var(--display);letter-spacing:-.05em;margin:0 0 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#666}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #ccc6ba;border-radius:10px;background:#fff;color:var(--ink);outline:none}.checkline{display:flex;align-items:center;gap:8px;font-size:9px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:#666!important;cursor:pointer}.checkline input{width:15px;height:15px;margin:0;accent-color:var(--blue);padding:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,87,255,.1)}.field textarea{min-height:90px;resize:vertical}.form-bottom{margin-top:14px;display:flex;justify-content:space-between;gap:15px;align-items:center}.form-note{font-size:9px;color:#777;line-height:1.4}.submit{border:0;background:var(--ink);color:var(--white);padding:13px 15px;border-radius:10px;font-size:11px;font-weight:700}.submit:hover{background:var(--blue)}.form-status{display:none;margin-top:12px;padding:10px;background:#edf5d0;font-size:10px;border-radius:8px}.form-status.show{display:block}
/* FOOTER */
footer{background:var(--ink);color:var(--white);padding:60px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:60px}.footer-brand{font:700 28px var(--display);letter-spacing:-.05em}.footer-brand span{display:block;font:600 9px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#777;margin-top:7px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;font-weight:600;color:#aaa}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #2b2b2b;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#666}
/* REVEAL + SCROLL MOTION */
.reveal{opacity:0;transform:translate3d(0,30px,0) scale(.985);filter:blur(7px);transition:opacity .78s var(--ease),transform .78s var(--ease),filter .78s var(--ease);will-change:transform,opacity,filter}
.reveal.in{opacity:1;transform:none;filter:blur(0)}
/* Soft dark-glass wipe: slides away as each major unit comes into view, and resets when it leaves. */
.section-head.reveal,.proof-wrap.reveal,.system-map.reveal,.creative-card.reveal,.service-row.reveal,.process-step.reveal{position:relative;overflow:hidden}
.section-head.reveal::after,.proof-wrap.reveal::after,.system-map.reveal::after,.creative-card.reveal::after,.service-row.reveal::after,.process-step.reveal::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(105deg,rgba(8,8,8,.22) 0%,rgba(8,8,8,.13) 39%,rgba(8,8,8,.03) 72%,transparent 100%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:translateX(0);opacity:.96;transition:transform .92s cubic-bezier(.22,.61,.36,1),opacity .72s ease}
.section-head.reveal.in::after,.proof-wrap.reveal.in::after,.system-map.reveal.in::after,.creative-card.reveal.in::after,.service-row.reveal.in::after,.process-step.reveal.in::after{transform:translateX(108%);opacity:0}
.cap.reveal,.service-row.reveal,.process-step.reveal{transition-duration:.72s}
.cap.reveal:nth-child(2),.service-row.reveal:nth-child(2),.process-step.reveal:nth-child(2){transition-delay:.05s}
.cap.reveal:nth-child(3),.service-row.reveal:nth-child(3),.process-step.reveal:nth-child(3){transition-delay:.10s}
.cap.reveal:nth-child(4),.service-row.reveal:nth-child(4),.process-step.reveal:nth-child(4){transition-delay:.15s}
.cap.reveal:nth-child(5),.service-row.reveal:nth-child(5),.process-step.reveal:nth-child(5){transition-delay:.20s}

@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.mini.in:nth-child(2){animation:softFloat 6.5s ease-in-out 1s infinite}
.creative-card.in{box-shadow:0 18px 50px rgba(17,17,17,.08)}

@media(max-width:1000px){.hero-grid,.creative-grid,.cta-grid,.proof-story{grid-template-columns:1fr}.signal-stage{min-height:470px}.cap-grid{grid-template-columns:repeat(2,1fr)}.cap:nth-child(2){border-right:0}.cap:nth-child(3),.cap:nth-child(4){border-top:1px solid var(--line)}.cap:nth-child(5){grid-column:1/-1;border-right:0;border-top:1px solid var(--line);min-height:300px}.process-grid{grid-template-columns:repeat(3,1fr)}.process-step:nth-child(3){border-right:0}.process-step:nth-child(n+4){border-top:1px solid var(--line)}.process-step:nth-child(5){grid-column:1/-1}.section-head{grid-template-columns:1fr}.proof-tabs{grid-template-columns:repeat(5,minmax(130px,1fr));overflow:auto}.proof-wrap{overflow:hidden}.proof-metric{border-right:0;border-bottom:1px solid var(--line)}.n-create{left:3%}.n-media{right:3%}.n-web{left:5%}.n-auto{right:5%}}
@media(max-width:760px){.wrap{width:min(100% - 36px,var(--max))}.nav-links,.nav-cta{display:none}.menu{display:block}.hero{padding-top:125px}.hero h1{font-size:clamp(54px,15vw,82px)}.signal-stage{min-height:390px}.signal-stage:before{width:82vw;height:82vw}.signal-label{font-size:7px}.sl1{top:7%;left:0}.sl2{top:16%;right:0}.sl3{bottom:18%;left:0}.sl4{bottom:9%;right:0}.signal-core{width:115px;height:115px}.section{padding:100px 0}.section-head{margin-bottom:40px}.section-head h2{font-size:clamp(46px,13vw,70px)}.cap-grid{grid-template-columns:1fr}.cap{border-right:0!important;border-top:1px solid var(--line)}.cap:first-child{border-top:0}.cap:nth-child(5){grid-column:auto}.service-row{grid-template-columns:38px 1fr 25px;gap:10px;padding:25px 0}.service-row p{grid-column:2/-1}.service-row h3{font-size:34px}.process-grid{grid-template-columns:1fr 1fr}.process-step{border-right:0!important;border-top:1px solid var(--line)}.process-step:nth-child(1),.process-step:nth-child(2){border-top:0}.process-step:nth-child(5){grid-column:auto}.system-map{min-height:620px}.node{width:140px}.n-create{left:4%;top:7%}.n-media{right:4%;top:7%}.n-web{left:4%;bottom:8%}.n-auto{right:4%;bottom:8%}.n-scale{width:160px}.system-note{display:block;line-height:1.8}.creative-card{min-height:400px}.creative-sequence{grid-template-columns:1fr;gap:12px}.creative-step{border-top:0;border-left:1px solid #444;padding-left:10px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.form-bottom{display:grid}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:30px}.footer-bottom{line-height:1.8}.footer-bottom span:last-child{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.signal-core:before,.mini.in,.system-map.in svg path,.system-map.in .node{animation:none!important}.reveal{opacity:1;transform:none;filter:none;transition:none!important}.section-head.reveal::after,.proof-wrap.reveal::after,.system-map.reveal::after,.creative-card.reveal::after,.service-row.reveal::after,.process-step.reveal::after{transform:translateX(108%);opacity:0;transition:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}.proof-story{transition:none}.proof-story.is-changing{opacity:1;transform:none;filter:none}}

/* V5 / CLICKBURST SIGNAL UNIVERSE — targeted additions, existing page art direction preserved */
.signal-stage{isolation:isolate;cursor:crosshair;touch-action:manipulation;--signal-x:0px;--signal-y:0px}
.signal-stage #signal{z-index:0;pointer-events:none}
.signal-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(36,87,255,.26);border-radius:50%;pointer-events:none;z-index:1;opacity:.76;transform:translate(-50%,-50%) rotate(-23deg);transition:border-color .45s ease,opacity .45s ease}
.signal-orbit.orbit-one{width:230px;height:128px;border-color:rgba(36,87,255,.34);transform:translate(-50%,-50%) rotate(22deg)}
.signal-orbit.orbit-two{width:330px;height:190px;border-color:rgba(17,17,17,.18);transform:translate(-50%,-50%) rotate(-38deg)}
.signal-orbit.orbit-three{width:430px;height:250px;border-color:rgba(17,17,17,.10);transform:translate(-50%,-50%) rotate(62deg)}
.signal-orbit:before{content:"";position:absolute;top:50%;left:0;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--paper),0 0 0 5px rgba(36,87,255,.26);transform:translate(-50%,-50%)}
.signal-orbit.orbit-two:before{left:auto;right:0;transform:translate(50%,-50%);background:var(--lime);box-shadow:0 0 0 4px var(--paper),0 0 0 5px rgba(17,17,17,.2)}
.signal-orbit.orbit-three:before{left:60%;top:0;background:var(--ink);box-shadow:0 0 0 4px var(--paper),0 0 0 5px rgba(17,17,17,.14)}
.signal-core{border:0;padding:0;appearance:none;cursor:pointer;isolation:isolate;transform:translate3d(var(--signal-x),var(--signal-y),0);transition:transform .22s ease,box-shadow .45s ease,background .45s ease}
.signal-core span:first-child{position:relative;z-index:2}
.signal-core .core-hint{position:absolute;bottom:-27px;color:#777;font:700 7px var(--sans);letter-spacing:.17em;opacity:.0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}
.signal-core:hover .core-hint,.signal-core:focus-visible .core-hint,.signal-stage.is-burst .core-hint{opacity:1;transform:translateY(0)}
.signal-core:focus-visible{outline:2px solid var(--blue);outline-offset:9px}
.signal-core:after{transition:transform .4s ease,box-shadow .4s ease,background .4s ease}
.signal-stage.is-burst .signal-core{background:var(--blue);color:white;box-shadow:0 0 0 12px var(--paper),0 0 0 13px var(--blue),0 0 45px rgba(36,87,255,.25);animation:signalCoreKick .72s cubic-bezier(.2,.75,.25,1)}
.signal-stage.is-burst .signal-core:before{animation:burstRing .95s ease-out 2}
.signal-stage.is-burst .signal-core:after{background:var(--lime);transform:scale(1.45);box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--blue),0 0 24px rgba(216,255,62,.8)}
.signal-stage.is-burst .signal-orbit{border-color:rgba(36,87,255,.55);opacity:1}
.signal-stage.is-burst .orbit-one{animation:orbitKick .85s cubic-bezier(.2,.75,.25,1)}
.signal-stage.is-burst .orbit-two{animation:orbitKick 1s cubic-bezier(.2,.75,.25,1) .04s}
.signal-stage.is-burst .orbit-three{animation:orbitKick 1.15s cubic-bezier(.2,.75,.25,1) .08s}
.signal-stage.is-burst .signal-label{background:var(--lime);color:var(--ink);box-shadow:0 0 0 5px rgba(216,255,62,.12);transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.signal-status{z-index:4;transition:opacity .2s ease;max-width:100%;text-align:center}
@keyframes signalCoreKick{0%{transform:translate3d(var(--signal-x),var(--signal-y),0) scale(1)}40%{transform:translate3d(var(--signal-x),var(--signal-y),0) scale(1.12)}100%{transform:translate3d(var(--signal-x),var(--signal-y),0) scale(1)}}
@keyframes burstRing{0%{transform:scale(.88);opacity:.85}100%{transform:scale(1.5);opacity:0}}
@keyframes orbitKick{0%{filter:brightness(1);opacity:.7}35%{filter:brightness(1.8);opacity:1}100%{filter:brightness(1);opacity:.85}}
.footer-contact{margin-top:27px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-contact-kicker{font:700 8px var(--sans)!important;letter-spacing:.16em;text-transform:uppercase;color:#858585}
.footer-contact strong{font:700 clamp(23px,2.5vw,32px) var(--display);letter-spacing:-.045em;color:var(--white)}
.footer-contact small{font-size:10px;line-height:1.5;color:#8a8a8a}
.lead-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.consent-field{margin-top:6px}
.consent-field>small{display:block;margin:7px 0 0 23px;font-size:9px;line-height:1.5;color:#777}
.consent-line{align-items:flex-start}
.consent-line input{flex:0 0 15px;margin-top:2px}
#leadSubmit[disabled]{opacity:.65;cursor:wait;transform:none}
.form-status{white-space:pre-line}
.form-status.error{background:rgba(255,77,61,.08);border-color:rgba(255,77,61,.28);color:#8f2e23}
.form-status.success{background:rgba(36,87,255,.07);border-color:rgba(36,87,255,.22);color:var(--ink)}
@media(max-width:760px){
  .signal-orbit.orbit-one{width:190px;height:110px}
  .signal-orbit.orbit-two{width:260px;height:155px}
  .signal-orbit.orbit-three{width:min(340px,96vw);height:210px}
  .signal-status{width:100%;white-space:normal;line-height:1.5;padding:0 8px}
  .footer-contact{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){
  .signal-orbit,.signal-core,.signal-core:before,.signal-stage.is-burst .signal-core,.signal-stage.is-burst .signal-core:before,.signal-stage.is-burst .signal-orbit{animation:none!important;transition:none!important}
}


/* V7 / RESPONSIVE TYPOGRAPHY SAFETY + SIGNATURE SIGNAL-SWEEP REVEALS */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip;word-break:normal}
main,section,footer,.wrap,.hero-grid,.hero-copy,.hero-grid>*,.section-head,.section-head>*,.proof-wrap,.proof-story,.proof-metric,.proof-context,.cap-grid,.cap,.creative-grid,.creative-card,.service-row,.service-row>*,.process-grid,.process-step,.cta-grid,.cta-grid>*,.cta-form,.fields,.field,.footer-top,.footer-brand,.footer-links,.footer-contact{min-width:0}
h1,h2,h3,h4,p,li,a,button,label,small,strong,.unit,.tag,.eyebrow{overflow-wrap:break-word}
p,li{line-height:1.62}
button,a,input,select,textarea{max-width:100%}
/* A split signal-sweep replaces the repetitive one-direction black wipe. */
.section-head.reveal,.proof-wrap.reveal,.system-map.reveal,.creative-card.reveal,.service-row.reveal,.process-step.reveal{position:relative;isolation:isolate}
.section-head.reveal::after,.proof-wrap.reveal::after,.system-map.reveal::after,.creative-card.reveal::after,.service-row.reveal::after,.process-step.reveal::after{
  content:"";position:absolute;inset:-1px;z-index:8;pointer-events:none;
  background:linear-gradient(105deg,rgba(8,8,8,.10) 0%,rgba(8,8,8,.24) 35%,rgba(8,8,8,.30) 65%,rgba(241,215,104,.88) 98%,rgba(241,215,104,0) 100%);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  opacity:.98;will-change:transform,opacity,clip-path;
  transition:transform .88s cubic-bezier(.22,.61,.36,1),opacity .55s ease,clip-path .88s cubic-bezier(.22,.61,.36,1);
}
.section-head.reveal[data-sweep="forward"]::after,.proof-wrap.reveal[data-sweep="forward"]::after,.system-map.reveal[data-sweep="forward"]::after,.creative-card.reveal[data-sweep="forward"]::after,.service-row.reveal[data-sweep="forward"]::after,.process-step.reveal[data-sweep="forward"]::after{transform:translate3d(-112%,0,0) skewX(-7deg)}
.section-head.reveal.in[data-sweep="forward"]::after,.proof-wrap.reveal.in[data-sweep="forward"]::after,.system-map.reveal.in[data-sweep="forward"]::after,.creative-card.reveal.in[data-sweep="forward"]::after,.service-row.reveal.in[data-sweep="forward"]::after,.process-step.reveal.in[data-sweep="forward"]::after{transform:translate3d(112%,0,0) skewX(-7deg);opacity:0}
.section-head.reveal[data-sweep="reverse"]::after,.proof-wrap.reveal[data-sweep="reverse"]::after,.system-map.reveal[data-sweep="reverse"]::after,.creative-card.reveal[data-sweep="reverse"]::after,.service-row.reveal[data-sweep="reverse"]::after,.process-step.reveal[data-sweep="reverse"]::after{transform:translate3d(112%,0,0) skewX(7deg);background:linear-gradient(255deg,rgba(8,8,8,.10) 0%,rgba(8,8,8,.24) 35%,rgba(8,8,8,.30) 65%,rgba(241,215,104,.88) 98%,rgba(241,215,104,0) 100%)}
.section-head.reveal.in[data-sweep="reverse"]::after,.proof-wrap.reveal.in[data-sweep="reverse"]::after,.system-map.reveal.in[data-sweep="reverse"]::after,.creative-card.reveal.in[data-sweep="reverse"]::after,.service-row.reveal.in[data-sweep="reverse"]::after,.process-step.reveal.in[data-sweep="reverse"]::after{transform:translate3d(-112%,0,0) skewX(7deg);opacity:0}
.section-head.reveal[data-sweep="shutter"]::after,.proof-wrap.reveal[data-sweep="shutter"]::after,.system-map.reveal[data-sweep="shutter"]::after,.creative-card.reveal[data-sweep="shutter"]::after,.service-row.reveal[data-sweep="shutter"]::after,.process-step.reveal[data-sweep="shutter"]::after{transform:none;clip-path:inset(0 0 0 0);background:linear-gradient(90deg,rgba(8,8,8,.22),rgba(8,8,8,.16) 70%,rgba(241,215,104,.9))}
.section-head.reveal.in[data-sweep="shutter"]::after,.proof-wrap.reveal.in[data-sweep="shutter"]::after,.system-map.reveal.in[data-sweep="shutter"]::after,.creative-card.reveal.in[data-sweep="shutter"]::after,.service-row.reveal.in[data-sweep="shutter"]::after,.process-step.reveal.in[data-sweep="shutter"]::after{transform:none;clip-path:inset(0 0 0 100%);opacity:0}
.section-head h2{line-height:.98;letter-spacing:-.055em;overflow-wrap:normal;text-wrap:balance}
.hero h1{line-height:.94;letter-spacing:-.067em;overflow-wrap:normal;text-wrap:balance}
.creative-card h3{line-height:.98;letter-spacing:-.055em;overflow-wrap:normal}
.service-row h3{line-height:1;letter-spacing:-.045em;overflow-wrap:normal}
.process-step strong{line-height:1.08;letter-spacing:-.035em;overflow-wrap:normal}
.proof-tab{min-width:0;white-space:normal;overflow-wrap:break-word}
.proof-tab small,.proof-tab strong{display:block;max-width:100%;line-height:1.25}
.proof-story>*{min-width:0}
.proof-context h3{line-height:1.12;overflow-wrap:break-word}
.footer-phone{display:inline-flex;align-items:center;min-height:44px;padding:2px 0;font:700 clamp(23px,2.5vw,32px) var(--display);letter-spacing:-.035em;color:var(--white);text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s ease,text-decoration-color .2s ease}
.footer-contact .footer-phones{display:flex;margin:0;font:inherit;letter-spacing:normal;text-transform:none;color:inherit;flex-direction:column;align-items:flex-start;gap:0}
.footer-phone:hover,.footer-phone:focus-visible{color:var(--lime);text-decoration:underline}
.footer-phone:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.footer-contact strong{font-size:inherit}
.signal-label{max-width:42%;white-space:normal;line-height:1.35;text-align:center}
.signal-status{white-space:normal;line-height:1.5;width:min(100%,420px);padding-inline:8px}
@media(max-width:1000px){
  .hero h1{font-size:clamp(48px,8.8vw,86px);letter-spacing:-.06em;line-height:.97}
  .section-head h2{font-size:clamp(42px,7vw,70px)}
  .creative-card h3{font-size:clamp(38px,6vw,64px)}
  .service-row h3{font-size:clamp(28px,4.5vw,48px)}
  .section-head p{max-width:68ch}
}
@media(max-width:760px){
  .wrap{width:min(var(--max),calc(100% - 36px))}
  .hero h1{font-size:clamp(38px,11.2vw,62px);line-height:1.0;letter-spacing:-.055em;max-width:100%}
  .hero-sub{font-size:16px;line-height:1.62}
  .hero-actions{align-items:stretch}
  .btn{white-space:normal;line-height:1.25}
  .section-head h2{font-size:clamp(34px,10.2vw,58px);line-height:1.0;letter-spacing:-.05em}
  .section-head p{font-size:14px;line-height:1.68}
  .creative-card h3{font-size:clamp(38px,11vw,56px);line-height:1.02;letter-spacing:-.05em;margin-top:46px}
  .service-row h3{font-size:clamp(27px,8.6vw,36px);line-height:1.04;letter-spacing:-.04em}
  .service-row p,.cap p,.process-step p,.creative-card p{line-height:1.65;overflow-wrap:break-word}
  .process-step{padding:18px 14px;min-height:220px}
  .process-step strong{font-size:clamp(24px,6.5vw,30px);line-height:1.1;margin-top:42px}
  .proof-tab{padding:14px 11px}
  .proof-tab small{font-size:8px;letter-spacing:.04em}
  .proof-tab strong{font-size:15px}
  .proof-context{padding:24px 20px}
  .proof-context h3{font-size:clamp(27px,7.8vw,38px);line-height:1.12}
  .footer-phone{font-size:27px;overflow-wrap:anywhere}
  .footer-links{gap:12px 16px;line-height:1.8}
}
@media(max-width:390px){
  .wrap{width:calc(100% - 28px)}
  .signal-orbit.orbit-three{width:calc(100vw - 48px);max-width:100%;}
  .hero h1{font-size:clamp(36px,10.6vw,43px);letter-spacing:-.055em}
  .section-head h2{font-size:clamp(32px,9.6vw,40px)}
  .hero-actions .btn{padding:12px 13px;font-size:10px}
  .signal-label{font-size:6.5px;letter-spacing:.08em;padding:4px 5px}
  .system-map .node{width:128px;padding:14px}
  .system-map .node strong{font-size:22px}
  .system-map .node span{font-size:9px}
  .footer-phone{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .section-head.reveal::after,.proof-wrap.reveal::after,.system-map.reveal::after,.creative-card.reveal::after,.service-row.reveal::after,.process-step.reveal::after{opacity:0!important;transition:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  .hero h1,.section-head h2,.creative-card h3,.service-row h3,.process-step strong{animation:none!important}
}


/* V8 layout QA: keep editorial text and the numbered sequence in normal document flow. */
.creative-card{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:430px;overflow:hidden}
.creative-card h3{margin:42px 0 18px;line-height:.98;letter-spacing:-.055em}
.creative-card p{flex:0 0 auto;max-width:62ch;margin:0;line-height:1.68;overflow-wrap:normal;word-break:normal}
.creative-sequence{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:auto;padding-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:0 0 auto}
.creative-step{min-width:0;line-height:1.45;overflow-wrap:normal;word-break:normal}
.creative-step b{line-height:1.2}


/* V8 / GLOBAL BLUE SIGNAL BLAST — brief, viewport-wide, pointer-safe. */
.global-signal-blast{position:fixed;inset:0;z-index:9999;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0;isolation:isolate;mix-blend-mode:normal;--blast-x:50vw;--blast-y:42vh}
body.signal-blasting .global-signal-blast{visibility:visible;opacity:1}
.global-signal-blast .blast-wash{position:absolute;inset:0;background:radial-gradient(circle at var(--blast-x) var(--blast-y),rgba(36,87,255,.24) 0%,rgba(36,87,255,.16) 20%,rgba(36,87,255,.08) 48%,transparent 76%);opacity:0}
.global-signal-blast .blast-wave{position:absolute;left:var(--blast-x);top:var(--blast-y);width:180vmax;height:180vmax;border-radius:50%;transform:translate(-50%,-50%) scale(.01);border:1px solid rgba(36,87,255,.46);box-shadow:0 0 40px rgba(36,87,255,.12),inset 0 0 42px rgba(36,87,255,.045);background:radial-gradient(circle,rgba(36,87,255,.035) 0%,rgba(36,87,255,.015) 35%,transparent 64%);opacity:0}
body.signal-blasting .blast-wash{animation:blastWash 2.65s ease-out both}
body.signal-blasting .blast-wave{animation:globalBlueWave 2.6s cubic-bezier(.13,.65,.19,1) both}
body.signal-blasting .wave-b{animation-delay:.12s;border-color:rgba(66,126,255,.38)}
body.signal-blasting .wave-c{animation-delay:.24s;border-color:rgba(216,255,62,.24)}
@keyframes globalBlueWave{0%{transform:translate(-50%,-50%) scale(.008);opacity:0}12%{opacity:.9}62%{opacity:.34}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes blastWash{0%{opacity:0}14%{opacity:1}48%{opacity:.5}100%{opacity:0}}


/* V8 / layout guardrails: preserve words, give grid children room, and ease tight display type. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{word-break:normal;overflow-wrap:normal}
main,section,footer,.wrap,.hero-grid,.hero-copy,.hero-grid>*,.section-head,.section-head>*,.proof-wrap,.proof-story,.proof-metric,.proof-context,.cap-grid,.cap,.creative-grid,.creative-card,.creative-side,.mini,.service-list,.service-row,.service-row>*,.process-grid,.process-step,.cta-grid,.cta-grid>*,.cta-form,.fields,.field,.footer-top,.footer-brand,.footer-links,.footer-contact{min-width:0}
h1,h2,h3,h4,p,li,a,button,label,small,strong{word-break:normal;hyphens:none}
p,li{line-height:1.65;overflow-wrap:break-word}
h1,h2,h3,h4{overflow-wrap:normal;text-wrap:pretty}
.section-head h2{line-height:1.0;letter-spacing:-.052em}
.hero h1{line-height:.98;letter-spacing:-.06em}
.cta h2{line-height:.96;letter-spacing:-.055em;overflow-wrap:normal}
.proof-context h3{line-height:1.13;letter-spacing:-.04em}
.service-row h3{line-height:1.03;letter-spacing:-.04em}
.process-step strong{line-height:1.1;letter-spacing:-.03em;overflow-wrap:normal}
.proof-tab{min-width:0;white-space:normal;overflow-wrap:normal}
.proof-tab small,.proof-tab strong{display:block;max-width:100%;line-height:1.25}
.proof-story>*{min-width:0}


/* V8 / MOTION GRAMMAR — card entry direction varies by component instead of one global wipe. */
.reveal[data-enter]{perspective:1000px;transform-style:preserve-3d;will-change:opacity,transform,filter}
.reveal[data-enter="rise"]{opacity:0;transform:translate3d(0,34px,0) scale(.975);filter:blur(5px)}
.reveal[data-enter="left"]{opacity:0;transform:translate3d(-38px,8px,0) rotateY(-3deg) scale(.985);filter:blur(5px)}
.reveal[data-enter="right"]{opacity:0;transform:translate3d(38px,8px,0) rotateY(3deg) scale(.985);filter:blur(5px)}
.reveal[data-enter="depth"]{opacity:0;transform:translate3d(0,22px,0) rotateX(4deg) scale(.94);filter:blur(7px)}
.reveal[data-enter="tilt"]{opacity:0;transform:translate3d(0,25px,0) rotateX(-3deg) scale(.975);filter:blur(5px)}
.reveal.in[data-enter]{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1);filter:blur(0)}
.cap[data-tilt],.mini[data-tilt],.creative-card[data-tilt],.process-step[data-tilt]{transform-style:preserve-3d;backface-visibility:hidden;transition:transform .26s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease}
.cap[data-tilt]:hover,.mini[data-tilt]:hover,.creative-card[data-tilt]:hover,.process-step[data-tilt]:hover{box-shadow:0 15px 35px rgba(17,17,17,.1)}
.service-row[data-enter="left"],.service-row[data-enter="right"]{transition:background .35s var(--ease),color .35s var(--ease),padding .35s var(--ease),opacity .72s var(--ease),filter .72s var(--ease),transform .72s var(--ease)}
.proof-tab.reveal{transition:opacity .48s ease,transform .48s var(--ease),filter .48s ease,background .3s ease,color .3s ease}
.proof-tab.reveal.in{opacity:1;filter:blur(0);transform:translateY(0)}
@media(max-width:1000px){
  .hero h1{font-size:clamp(48px,8.4vw,86px);letter-spacing:-.055em;line-height:1.0}
  .section-head h2{font-size:clamp(42px,6.7vw,70px);line-height:1.02}
  .creative-card h3{font-size:clamp(40px,5.7vw,64px);line-height:1.0;margin-top:38px}
  .creative-sequence{margin-top:28px}
  .service-row h3{font-size:clamp(28px,4.3vw,48px)}
}
@media(max-width:760px){
  .wrap{width:min(var(--max),calc(100% - 36px))}
  .hero h1{font-size:clamp(38px,10.8vw,60px);line-height:1.02;letter-spacing:-.052em;max-width:100%}
  .hero-sub{font-size:16px;line-height:1.65}
  .hero-actions{align-items:stretch}
  .btn{white-space:normal;line-height:1.3;max-width:100%}
  .section-head h2{font-size:clamp(34px,9.7vw,56px);line-height:1.04;letter-spacing:-.045em}
  .section-head p{font-size:14px;line-height:1.68}
  .creative-card{padding:24px;min-height:0}
  .creative-card h3{font-size:clamp(38px,10.5vw,54px);line-height:1.04;letter-spacing:-.048em;margin:36px 0 16px}
  .creative-card p{font-size:14px;line-height:1.68}
  .creative-sequence{margin-top:26px;padding-top:18px;gap:8px}
  .creative-step{font-size:8px;letter-spacing:.07em;line-height:1.45}
  .creative-step b{font-size:11px;margin-bottom:5px}
  .service-row{grid-template-columns:32px minmax(0,1fr) 22px;gap:9px;padding:23px 0}
  .service-row h3{font-size:clamp(26px,7.8vw,35px);line-height:1.06;letter-spacing:-.038em}
  .service-row p,.cap p,.process-step p,.creative-card p{line-height:1.68;overflow-wrap:break-word}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-step{min-height:210px;padding:17px 13px}
  .process-step strong{font-size:clamp(23px,6.3vw,29px);line-height:1.12;margin-top:38px}
  .proof-tabs{grid-template-columns:repeat(5,minmax(112px,1fr));overflow-x:auto;overscroll-behavior-x:contain}
  .proof-tab{padding:13px 10px}
  .proof-tab small{font-size:8px;letter-spacing:.035em}
  .proof-tab strong{font-size:15px}
  .proof-context{padding:24px 20px}
  .proof-context h3{font-size:clamp(26px,7.2vw,36px);line-height:1.15}
  .footer-links{gap:12px 16px;line-height:1.8}
  .global-signal-blast{--blast-y:42vh}
}
@media(max-width:390px){
  .wrap{width:calc(100% - 28px)}
  .hero h1{font-size:clamp(36px,10.2vw,42px);letter-spacing:-.05em;line-height:1.04}
  .section-head h2{font-size:clamp(31px,9.2vw,39px);line-height:1.05}
  .hero-actions .btn{padding:12px 12px;font-size:10px}
  .creative-card{padding:20px}
  .creative-card h3{font-size:clamp(36px,10.5vw,42px);line-height:1.06;margin-top:30px}
  .creative-sequence{gap:7px;margin-top:22px;padding-top:16px}
  .creative-step{font-size:7.5px;letter-spacing:.035em}
  .system-map .node{width:122px;padding:12px}
  .system-map .node strong{font-size:21px;line-height:1.1}
  .system-map .node span{font-size:9px;line-height:1.45}
  .proof-context h3{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
  .reveal[data-enter],.reveal.in[data-enter]{opacity:1;transform:none;filter:none;transition:none!important}
  .cap[data-tilt],.mini[data-tilt],.creative-card[data-tilt],.process-step[data-tilt]{transition:none!important}
  body.signal-blasting .blast-wash,body.signal-blasting .blast-wave{animation:none!important;opacity:0!important}
}


/* V8 QA refinement: prevent transformed columns extending past narrow viewports. */
html,body{overflow-x:clip}
.creative-sequence{margin-top:18px;padding-top:22px}
@media(max-width:1100px){
  .reveal[data-enter="left"]{transform:translate3d(0,19px,0) rotateX(2.2deg) scale(.985)}
  .reveal[data-enter="right"]{transform:translate3d(0,19px,0) rotateX(-2.2deg) scale(.985)}
  .reveal[data-enter="left"].in,.reveal.in[data-enter="left"],
  .reveal[data-enter="right"].in,.reveal.in[data-enter="right"]{transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1)}
  .service-row[data-enter="left"],.service-row[data-enter="right"]{transform:translate3d(0,16px,0) scale(.99)}
  .service-row.in[data-enter="left"],.service-row.in[data-enter="right"]{transform:translate3d(0,0,0) scale(1)}
}
@media(max-width:760px){
  .creative-sequence{margin-top:18px;padding-top:18px}
  .creative-card h3{margin-bottom:16px}
  .cap-grid,.creative-grid,.creative-side,.process-grid,.fields{width:100%;min-width:0}
}


/* V11 / Logo integration, brand cursor and controlled micro-motion */
.brand-mark{overflow:hidden;padding:0;flex:0 0 36px}
.brand-mark img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.brand-mark{background:var(--lime)}.footer-logo{display:block;width:56px;height:56px;border-radius:14px;margin:0 0 18px}.footer-bottom #year{display:inline!important;margin:0!important}
.intro-logo{display:block;width:82px;height:82px;object-fit:contain;border-radius:22%;margin:0 auto 18px;box-shadow:0 0 35px rgba(36,87,255,.12);animation:introIn .8s var(--ease) both}
.intro-wordmark{font:700 clamp(58px,13vw,170px)/.86 var(--display);letter-spacing:-.09em;margin:0;text-wrap:nowrap}
.intro-wordmark span{display:inline-block;animation:introIn .9s var(--ease) both}
.intro-wordmark span:nth-child(2){animation-delay:.05s}.intro-wordmark span:nth-child(3){animation-delay:.1s}.intro-wordmark span:nth-child(4){animation-delay:.15s}.intro-wordmark span:nth-child(5){animation-delay:.2s}.intro-wordmark span:nth-child(6){animation-delay:.25s}.intro-wordmark span:nth-child(7){animation-delay:.3s}.intro-wordmark span:nth-child(8){animation-delay:.35s}.intro-wordmark span:nth-child(9){animation-delay:.4s}
.intro-wordmark .burst{color:var(--lime)}
.footer-contact{gap:8px}
.footer-phone{font-size:16px!important;line-height:1.3;letter-spacing:.045em!important;font-weight:600!important;min-height:32px;padding:0;color:#e6e6e6}
.footer-contact small{max-width:300px;line-height:1.65;color:#999}
.footer-email{font:600 12px var(--sans);letter-spacing:.015em;color:var(--lime);display:inline-flex;align-items:center;gap:8px;margin-top:2px;transition:color .22s ease,transform .22s ease}
.footer-email:hover{color:var(--white);transform:translateX(3px)}
.footer-bottom{gap:12px;align-items:flex-start;flex-wrap:wrap}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:10020;pointer-events:none;transform:scaleX(var(--scroll-progress,0));transform-origin:left center;background:linear-gradient(90deg,var(--blue),#6ca7ff,var(--lime));box-shadow:0 0 12px rgba(36,87,255,.2)}
.cursor-follower{position:fixed;left:0;top:0;width:34px;height:34px;z-index:9998;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0) translate(-50%,-50%);transition:opacity .18s ease,width .22s var(--ease),height .22s var(--ease);will-change:transform;display:none}
.cursor-follower-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--blue);transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(36,87,255,.45)}
.cursor-follower-orbit{position:absolute;inset:0;border:1px solid rgba(36,87,255,.72);border-radius:50%;background:rgba(216,255,62,.025);transition:border-color .18s ease,background .18s ease,transform .22s var(--ease);box-shadow:0 0 15px rgba(36,87,255,.08)}
.cursor-follower.visible{opacity:1}
.cursor-follower.is-hovering{width:46px;height:46px}
.cursor-follower.is-hovering .cursor-follower-orbit{border-color:var(--lime);background:rgba(216,255,62,.08);transform:rotate(25deg)}
.cursor-follower.is-down .cursor-follower-orbit{transform:scale(.76);background:rgba(36,87,255,.15)}
@media(hover:hover) and (pointer:fine){.cursor-follower{display:block}}
@media(max-width:760px){.intro-logo{width:64px;height:64px;margin-bottom:16px}.intro-wordmark{font-size:clamp(44px,12vw,70px);letter-spacing:-.075em}.footer-contact{gap:8px}.footer-phone{font-size:15px!important}.footer-email{font-size:12px}.footer-bottom{line-height:1.8}}
@media(max-width:390px){.intro-wordmark{font-size:clamp(35px,10.3vw,42px);letter-spacing:-.07em}.intro-logo{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.intro-logo,.cursor-follower,.footer-email{animation:none!important;transition:none!important}.scroll-progress{display:none}}


/* Final motion polish: kinetic wordmark entrance + soft repeatable scroll blur + raised interactive tabs. */
.intro-wordmark{transform-origin:50% 58%;perspective:900px;animation:cbWordmarkArrival .95s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 0 0 rgba(36,87,255,0))}
.intro-wordmark span{animation:cbLetterArrival .78s cubic-bezier(.16,1,.3,1) both!important;will-change:transform,opacity,filter}
.intro-wordmark span:nth-child(1){animation-delay:.04s!important}
.intro-wordmark span:nth-child(2){animation-delay:.08s!important}
.intro-wordmark span:nth-child(3){animation-delay:.12s!important}
.intro-wordmark span:nth-child(4){animation-delay:.16s!important}
.intro-wordmark span:nth-child(5){animation-delay:.20s!important}
.intro-wordmark span:nth-child(6){animation-delay:.24s!important}
.intro-wordmark span:nth-child(7){animation-delay:.28s!important}
.intro-wordmark span:nth-child(8){animation-delay:.32s!important}
.intro-wordmark span:nth-child(9){animation-delay:.36s!important}
@keyframes cbWordmarkArrival{
  0%{opacity:0;transform:translateY(18px) scale(.78);filter:blur(12px);letter-spacing:-.14em}
  58%{opacity:1;transform:translateY(-3px) scale(1.025);filter:blur(0);letter-spacing:-.085em}
  78%{transform:translateY(1px) scale(.995)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);letter-spacing:-.09em}
}
@keyframes cbLetterArrival{
  0%{opacity:0;transform:translateY(24px) rotateX(-36deg) scale(.72);filter:blur(9px)}
  65%{opacity:1;transform:translateY(-3px) rotateX(4deg) scale(1.04);filter:blur(0)}
  100%{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}
}
/* Repeat a clean depth-and-blur entrance as each section re-enters view. */
.reveal{filter:blur(8px);transform:translate3d(0,28px,0) scale(.988);transition:opacity .76s var(--ease),transform .76s var(--ease),filter .76s var(--ease);will-change:opacity,transform,filter}
.reveal.in{filter:blur(0);transform:translate3d(0,0,0) scale(1);opacity:1}
.section-head.reveal,.proof-wrap.reveal,.system-map.reveal,.creative-card.reveal,.service-row.reveal,.process-step.reveal{backface-visibility:hidden}
.proof-tab{transform:translateZ(0);transform-origin:center center;transition:background .25s ease,color .25s ease,transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease}
.proof-tab:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 8px 20px rgba(17,17,17,.075);z-index:2}
.proof-tab:active{transform:translateY(-2px) scale(.99)}
.proof-tab.active{transform:translateY(-2px);box-shadow:inset 0 -2px 0 var(--lime)}
.nav-links a{display:inline-flex;align-items:center;transition:transform .22s var(--ease),color .22s ease}
.nav-links a:hover{transform:translateY(-2px)}
.nav-links a:active,.nav-cta:active,.btn:active,.submit:active,.intro-enter:active{transform:translateY(-1px) scale(.985)}
.cap,.mini,.creative-card,.process-step{transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease}
@media(prefers-reduced-motion:reduce){
 .intro-wordmark,.intro-wordmark span{animation:none!important;filter:none!important}
 .reveal,.reveal.in{filter:none!important;transform:none!important;transition:none!important}
 .proof-tab,.nav-links a,.nav-cta,.btn,.submit,.intro-enter,.cap,.mini,.creative-card,.process-step{transition:none!important}
}


/* MOBILE PARITY: tactile capability cards matching the desktop black/lime hover state. */
.cap.is-mobile-focus,.cap.is-selected{
  background:var(--ink)!important;
  color:var(--white)!important;
  transform:translateY(-4px);
  box-shadow:0 15px 36px rgba(17,17,17,.13);
  border-color:#333!important;
}
.cap.is-mobile-focus h3,.cap.is-selected h3{color:var(--white)}
.cap.is-mobile-focus p,.cap.is-mobile-focus li,
.cap.is-selected p,.cap.is-selected li{color:#b8b8b8}
.cap.is-mobile-focus .cap-num,.cap.is-selected .cap-num{color:var(--lime)}
.cap.is-mobile-focus:after,.cap.is-selected:after{opacity:1}
.cap.is-mobile-focus li:before,.cap.is-selected li:before{color:var(--lime)}
.cap.is-mobile-focus:before,.cap.is-selected:before{
  content:"";position:absolute;top:0;left:22px;width:42px;height:3px;background:var(--lime);z-index:2;
}
.cap.is-selected{box-shadow:0 0 0 1px rgba(216,255,62,.42),0 18px 42px rgba(17,17,17,.15)}
.cap:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}
.cap .cap-num{transition:color .25s ease}
@media (hover:none),(pointer:coarse){
  .cap{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y;transition:background .34s var(--ease),color .34s var(--ease),transform .34s var(--ease),box-shadow .34s var(--ease)}
  .cap:active{transform:translateY(-2px) scale(.995)}
  .cap.is-mobile-focus,.cap.is-selected{min-height:400px}
}


/* FINAL FOOTER TYPE FIX: prevent inherited display lettering from compressing the contact line. */
.footer-contact{letter-spacing:normal;word-spacing:normal}
.footer-contact small{
  display:block;
  max-width:min(100%,360px);
  font:400 12px/1.75 var(--sans);
  letter-spacing:normal!important;
  word-spacing:normal!important;
  text-indent:0;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  margin:0;
  color:#999;
}
@media(max-width:760px){
  .footer-contact small{font-size:12px;line-height:1.8;max-width:100%;letter-spacing:normal!important}
}


/* MOBILE SCROLL STABILITY PATCH: capability highlighting changes paint only, never layout/position. */
@media (hover:none),(pointer:coarse){
  .cap,.cap.reveal,.cap.reveal.in,.cap[data-enter],.cap.reveal[data-enter]{
    opacity:1!important;filter:none!important;transform:none!important;will-change:auto!important;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  }
  .cap.is-mobile-focus,.cap.is-selected{
    min-height:400px;transform:none!important;
    box-shadow:0 5px 14px rgba(17,17,17,.08)!important;
  }
  .cap.is-selected{box-shadow:0 0 0 1px rgba(216,255,62,.42),0 6px 16px rgba(17,17,17,.10)!important}
  .cap:active{transform:none!important}
}


/* FINAL MOTION PASS — richer scroll depth, mobile-safe.
   Desktop/tablet: soft focus + directional wipe.
   Touch/mobile: GPU-light reveal; no backdrop-filter or layout movement. */
@media (min-width:761px){
  .reveal{
    transform:translate3d(0,34px,0) scale(.982);
    filter:blur(9px);
    transition:opacity .82s var(--ease),transform .86s cubic-bezier(.22,.61,.36,1),filter .86s cubic-bezier(.22,.61,.36,1);
  }
  .reveal.in{transform:translate3d(0,0,0) scale(1);filter:blur(0)}
  .section-head.reveal::after,.proof-wrap.reveal::after,.system-map.reveal::after,.creative-card.reveal::after,.service-row.reveal::after,.process-step.reveal::after{
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  }
}
@media (max-width:760px){
  .reveal{
    transform:translate3d(0,20px,0) scale(.992);
    filter:blur(2px);
    transition:opacity .62s ease-out,transform .66s cubic-bezier(.22,.61,.36,1),filter .5s ease-out;
    will-change:opacity,transform;
  }
  .reveal.in{transform:translate3d(0,0,0) scale(1);filter:blur(0)}
  .section-head.reveal,.proof-wrap.reveal,.system-map.reveal,.creative-card.reveal,.service-row.reveal,.process-step.reveal{overflow:visible}
  .section-head.reveal::after,.proof-wrap.reveal::after,.system-map.reveal::after,.creative-card.reveal::after,.service-row.reveal::after,.process-step.reveal::after{display:none}
  .cap.reveal,.service-row.reveal,.process-step.reveal{transition-duration:.62s}
  .cap.reveal:nth-child(n),.service-row.reveal:nth-child(n),.process-step.reveal:nth-child(n){transition-delay:0s}
}
@media (prefers-reduced-motion:reduce){
  .reveal,.reveal.in{transform:none!important;filter:none!important;transition:opacity .2s ease!important}
  .section-head.reveal::after,.proof-wrap.reveal::after,.system-map.reveal::after,.creative-card.reveal::after,.service-row.reveal::after,.process-step.reveal::after{display:none!important}
}


/* V9 POLISH / STABILITY — requested final interaction pass */
.nav-shell{isolation:isolate;contain:layout paint;transform:translate3d(0,0,0);backface-visibility:hidden}
.nav{contain:layout paint;backface-visibility:hidden}
.nav-links{gap:4px}
.nav-links a{font:600 13px/1 var(--display);letter-spacing:-.01em;padding:11px 13px;color:#3f3f3f;transition:background .2s ease,color .2s ease,transform .2s var(--ease)}
.nav-links a:hover{transform:translateY(-1px)}
.nav-cta{font:700 12px/1 var(--display);letter-spacing:-.01em;padding:13px 16px}
.mobile-menu a{font:600 15px/1.1 var(--display);letter-spacing:-.01em}

/* Never let the signature scroll wipe composite through the navigation. */
.section-head.reveal,.proof-wrap.reveal,.system-map.reveal,.creative-card.reveal,.service-row.reveal,.process-step.reveal{contain:paint;backface-visibility:hidden}
.section-head.reveal::after,.proof-wrap.reveal::after,.system-map.reveal::after,.creative-card.reveal::after,.service-row.reveal::after,.process-step.reveal::after{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  background:linear-gradient(105deg,rgba(8,8,8,.12),rgba(8,8,8,.20) 42%,rgba(216,255,62,.58) 92%,rgba(216,255,62,0) 100%);
  transition:transform .58s cubic-bezier(.22,.61,.36,1),opacity .38s ease,clip-path .58s cubic-bezier(.22,.61,.36,1)!important;
}
.section-head.reveal[data-sweep="forward"]::after,.proof-wrap.reveal[data-sweep="forward"]::after,.system-map.reveal[data-sweep="forward"]::after,.creative-card.reveal[data-sweep="forward"]::after,.service-row.reveal[data-sweep="forward"]::after,.process-step.reveal[data-sweep="forward"]::after{transform:translate3d(-112%,0,0) skewX(-5deg)}
.section-head.reveal.in[data-sweep="forward"]::after,.proof-wrap.reveal.in[data-sweep="forward"]::after,.system-map.reveal.in[data-sweep="forward"]::after,.creative-card.reveal.in[data-sweep="forward"]::after,.service-row.reveal.in[data-sweep="forward"]::after,.process-step.reveal.in[data-sweep="forward"]::after{transform:translate3d(112%,0,0) skewX(-5deg);opacity:0}
.section-head.reveal[data-sweep="reverse"]::after,.proof-wrap.reveal[data-sweep="reverse"]::after,.system-map.reveal[data-sweep="reverse"]::after,.creative-card.reveal[data-sweep="reverse"]::after,.service-row.reveal[data-sweep="reverse"]::after,.process-step.reveal[data-sweep="reverse"]::after{transform:translate3d(112%,0,0) skewX(5deg);background:linear-gradient(255deg,rgba(8,8,8,.10),rgba(8,8,8,.20) 40%,rgba(216,255,62,.54) 94%,rgba(216,255,62,0) 100%)}
.section-head.reveal.in[data-sweep="reverse"]::after,.proof-wrap.reveal.in[data-sweep="reverse"]::after,.system-map.reveal.in[data-sweep="reverse"]::after,.creative-card.reveal.in[data-sweep="reverse"]::after,.service-row.reveal.in[data-sweep="reverse"]::after,.process-step.reveal.in[data-sweep="reverse"]::after{transform:translate3d(-112%,0,0) skewX(5deg);opacity:0}

/* Faster reveal without the heavy blur/compositing that caused scroll sensitivity. */
@media (min-width:761px){
  .reveal{transition:opacity .58s var(--ease),transform .62s cubic-bezier(.22,.61,.36,1),filter .55s ease!important}
  .reveal[data-enter="left"],.reveal[data-enter="right"]{filter:blur(4px)!important;transform:translate3d(var(--enter-x,0),7px,0) rotateY(0) scale(.99)!important}
  .reveal[data-enter="depth"]{filter:blur(5px)!important;transform:translate3d(0,18px,0) rotateX(2deg) scale(.97)!important}
  .reveal[data-enter="rise"],.reveal[data-enter="tilt"]{filter:blur(4px)!important;transform:translate3d(0,22px,0) scale(.985)!important}
  .reveal.in[data-enter]{filter:blur(0)!important;transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1)!important}
}
@media (max-width:760px){
  .reveal{transition:opacity .48s ease-out,transform .5s cubic-bezier(.22,.61,.36,1),filter .38s ease-out!important}
  .reveal[data-enter]{filter:blur(1.2px)!important}
  .reveal.in[data-enter]{filter:none!important}
}

/* Five territories: fluid hover, no competing transform from the base card rule. */
.cap{transition:background-color .28s var(--ease),color .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)!important;transform-style:preserve-3d;backface-visibility:hidden}
.cap:hover{transform:none!important;box-shadow:0 16px 38px rgba(17,17,17,.10)}
.cap[data-tilt].in{transform:perspective(1100px) rotateX(var(--cap-rx,0deg)) rotateY(var(--cap-ry,0deg)) translate3d(0,var(--cap-lift,0px),0)!important;transition:transform .34s cubic-bezier(.2,.75,.25,1),background-color .28s var(--ease),color .28s var(--ease),box-shadow .28s var(--ease)!important}
.cap[data-tilt].in:hover{box-shadow:0 18px 42px rgba(17,17,17,.12)}
.cap:after{width:150px!important;height:150px!important;right:-90px!important;top:-80px!important;transform:none!important;transition:opacity .35s ease,box-shadow .55s ease!important}
.cap:hover:after{opacity:1;box-shadow:0 0 42px rgba(216,255,62,.28)}

/* Same lime/yellow shape, but the energy travels across it instead of scaling it. */
.marker-highlight{position:relative;display:inline-block;background-size:100% 100%!important;overflow:visible;isolation:isolate}
.marker-highlight:after{content:"";position:absolute;left:0;top:58%;width:34%;height:30%;border-radius:999px;background:rgba(255,255,255,.18);filter:blur(7px);opacity:.55;transform:translateX(-120%);animation:markerFlow 2.8s cubic-bezier(.22,.61,.36,1) infinite;pointer-events:none;z-index:-1}
@keyframes markerFlow{0%{transform:translateX(-120%);opacity:0}18%{opacity:.55}58%{opacity:.3}100%{transform:translateX(310%);opacity:0}}

/* Proof tabs stay anchored on touch; only paint changes on scroll/tap. */
@media (hover:none),(pointer:coarse){
  .proof-tab,.proof-tab:hover{transform:none!important}
  .proof-tab.reveal,.proof-tab.reveal.in{transform:none!important;filter:none!important;opacity:1!important}
  .proof-story.is-changing{transform:none!important;filter:none!important;opacity:.98!important}
}

/* One-line capability title where the card has room; naturally relaxes on very narrow screens. */
.nowrap-title{white-space:nowrap}
@media(max-width:390px){.nowrap-title{white-space:normal}}

@media(prefers-reduced-motion:reduce){
  .marker-highlight:after{animation:none!important;display:none!important}
  .cap[data-tilt]{transform:none!important;transition:none!important}
}

/* FINAL REQUESTED MOTION PASS — scroll-flow + clean interaction language */
:root{--cb-motion-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-behavior:smooth;scroll-padding-top:104px}
section[id],.section{scroll-margin-top:104px}
.nav-shell{z-index:10000}.nav{min-height:64px}
.brand-mark{width:38px;height:38px;flex-basis:38px;border-radius:12px}.brand{font-size:16px}.brand small{font-size:8px}
.nav-links{gap:6px}.nav-links a{font:600 13.5px/1 var(--display);letter-spacing:.005em;padding:12px 13px}
.nav-cta{font:700 12.5px/1 var(--display);padding:13px 17px}
.nav-shell,.nav{transform:translateZ(0);backface-visibility:hidden}.nav{background:rgba(244,241,234,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* Continuous scroll blur: visual-only, never changes document layout. */
.scroll-flow{--flow-y:0px;--flow-blur:0px;--flow-scale:1;--flow-opacity:1;opacity:var(--flow-opacity);filter:blur(var(--flow-blur));transform:translate3d(0,var(--flow-y),0) scale(var(--flow-scale));transition:none!important;will-change:transform,filter,opacity}
.cap-grid.scroll-flow,.process-grid.scroll-flow{transform:none;filter:none;opacity:1;will-change:auto}
/* Remove the older sweep layer that could visually fragment text near the fixed nav. */
.section-head.reveal::after,.proof-wrap.reveal::after,.system-map.reveal::after,.creative-card.reveal::after,.service-row.reveal::after,.process-step.reveal::after{display:none!important;content:none!important}

/* Five territories — exact same lime shape; only its focus/energy travels inside it. */
.cap{--cap-rx:0deg;--cap-ry:0deg;--cap-lift:0px;overflow:hidden;transform-style:preserve-3d}
.cap[data-tilt].in{transform:perspective(1100px) rotateX(var(--cap-rx)) rotateY(var(--cap-ry)) translate3d(0,var(--cap-lift),0)!important}
.cap:after{width:150px!important;height:150px!important;right:-90px!important;top:-80px!important;opacity:0;transform:translate3d(0,10px,0) scale(.82);filter:blur(7px);box-shadow:0 0 0 rgba(216,255,62,0);transition:opacity .22s ease,transform .55s var(--cb-motion-ease),filter .55s var(--cb-motion-ease),box-shadow .55s ease!important}
.cap:hover:after,.cap.is-mobile-focus:after,.cap.is-selected:after{opacity:1;transform:translate3d(0,-3px,0) scale(1);filter:blur(0);box-shadow:0 0 46px rgba(216,255,62,.30)}
.cap[data-pointer]{--px:50%;--py:50%}
.cap[data-pointer]:before{content:"";position:absolute;inset:-1px;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--px) var(--py),rgba(216,255,62,.12),transparent 28%);transition:opacity .35s ease;z-index:0}
.cap[data-pointer]:hover:before{opacity:1}.cap>*{position:relative;z-index:1}

/* Less guessing / more signal — each step gets a palette-specific moving focus. */
.process-step{--process-accent:var(--blue);--process-glow:rgba(36,87,255,.13);--process-x:50%;--process-y:50%;overflow:hidden;transition:background-color .32s var(--cb-motion-ease),color .32s var(--cb-motion-ease),box-shadow .32s var(--cb-motion-ease)!important}
.process-step:after{content:"";position:absolute;width:230px;height:230px;left:var(--process-x);top:var(--process-y);transform:translate(-50%,-50%) scale(.72);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(36,87,255,.12),transparent 68%);filter:blur(18px);transition:opacity .38s ease,transform .55s var(--cb-motion-ease),filter .55s var(--cb-motion-ease);z-index:0}
.process-step:nth-child(1):after{background:radial-gradient(circle,rgba(36,87,255,.16),transparent 68%)}
.process-step:nth-child(2):after{background:radial-gradient(circle,rgba(216,255,62,.18),transparent 68%)}
.process-step:nth-child(3):after{background:radial-gradient(circle,rgba(255,77,61,.14),transparent 68%)}
.process-step:nth-child(4):after{background:radial-gradient(circle,rgba(36,87,255,.17),transparent 68%)}
.process-step:nth-child(5):after{background:radial-gradient(circle,rgba(216,255,62,.20),transparent 68%)}
.process-step:hover:after,.process-step.is-pointer:after{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(7px)}.process-step>*{position:relative;z-index:1}
.process-step:nth-child(1){--process-accent:var(--blue);--process-glow:rgba(36,87,255,.13)}
.process-step:nth-child(2){--process-accent:var(--lime);--process-glow:rgba(216,255,62,.15)}
.process-step:nth-child(3){--process-accent:var(--red);--process-glow:rgba(255,77,61,.12)}
.process-step:nth-child(4){--process-accent:var(--blue);--process-glow:rgba(36,87,255,.15)}
.process-step:nth-child(5){--process-accent:var(--lime);--process-glow:rgba(216,255,62,.18)}
.process-step:hover,.process-step.is-pointer{box-shadow:inset 0 0 0 1px var(--process-accent),0 10px 28px var(--process-glow)}

.proof-tab,.proof-tab:hover{transform:none}.proof-story.is-changing{transform:none!important}
.nowrap-title{white-space:nowrap;letter-spacing:-.065em}
@media(max-width:410px){.nowrap-title{font-size:clamp(25px,7.2vw,32px);letter-spacing:-.06em}}
@media(max-width:760px){
 .nav{min-height:60px;padding-left:10px}.brand-mark{width:36px;height:36px;flex-basis:36px}.brand{font-size:15px}
 .nav-links,.nav-cta{display:none}.menu{display:grid;place-items:center}.mobile-menu{top:84px}.mobile-menu a{font-size:16px;padding:15px}
 .scroll-flow{transform:translate3d(0,var(--flow-y),0) scale(var(--flow-scale));filter:blur(var(--flow-blur))}
}
@media (hover:none),(pointer:coarse){.proof-tab,.proof-tab:hover,.proof-story.is-changing{transform:none!important}.cap[data-pointer]:before{display:none}.process-step:hover,.process-step.is-pointer{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.scroll-flow{transform:none!important;filter:none!important;opacity:1!important;will-change:auto!important}.cap:after,.process-step:after{transition:none!important}}

/* Make the scroll-flow layer win over the older reveal transforms without touching layout. */
.reveal.scroll-flow,.reveal.scroll-flow.in{opacity:var(--flow-opacity)!important;filter:blur(var(--flow-blur))!important;transform:translate3d(0,var(--flow-y),0) scale(var(--flow-scale))!important}
.cap.reveal.scroll-flow[data-tilt].in{transform:perspective(1100px) rotateX(var(--cap-rx)) rotateY(var(--cap-ry)) translate3d(0,calc(var(--cap-lift) + var(--flow-y)),0) scale(var(--flow-scale))!important}
@media(prefers-reduced-motion:reduce){.reveal.scroll-flow,.reveal.scroll-flow.in,.cap.reveal.scroll-flow[data-tilt].in{opacity:1!important;filter:none!important;transform:none!important}}


/* V3 — clean scroll choreography: motion, not blur. */
.nav-shell{opacity:0;visibility:hidden;transform:translate3d(0,-10px,0);transition:opacity .55s var(--cb-motion-ease),transform .72s var(--cb-motion-ease),visibility 0s linear .55s}
body.intro-complete .nav-shell{opacity:1;visibility:visible;transform:translate3d(0,0,0);transition-delay:0s}

.hero-copy{max-width:760px}
@media(min-width:1001px){
  .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.92fr);gap:28px}
  .hero h1{max-width:760px}
  .signal-stage{transform:translate3d(0,-2px,0)}
}
@media(min-width:761px) and (max-width:1000px){.signal-stage{transform:translate3d(0,-8px,0)}}

/* No blur on scroll. Sections travel a few pixels through the viewport for a premium editorial feel. */
.scroll-flow{--flow-y:0px;--flow-scale:1;opacity:1!important;filter:none!important;transform:translate3d(0,var(--flow-y),0) scale(var(--flow-scale));transition:none!important;will-change:transform}
.reveal.scroll-flow:not(.in){opacity:0!important;filter:none!important;transform:translate3d(0,30px,0) scale(.985)!important;transition:opacity .62s var(--cb-motion-ease),transform .72s var(--cb-motion-ease)!important}
.reveal.scroll-flow.in{opacity:1!important;filter:none!important;transform:translate3d(0,var(--flow-y),0) scale(var(--flow-scale))!important;transition:opacity .62s var(--cb-motion-ease),transform .12s linear!important}
.cap.reveal.scroll-flow[data-tilt].in{transform:perspective(1100px) rotateX(var(--cap-rx)) rotateY(var(--cap-ry)) translate3d(0,calc(var(--cap-lift) + var(--flow-y)),0) scale(var(--flow-scale))!important}

/* Five territories — the lime disc behaves like a small sun: fixed shape, soft rays, slow energy. */
.cap:after{width:150px!important;height:150px!important;right:-90px!important;top:-80px!important;opacity:0;transform:translate3d(0,8px,0) scale(.92);filter:none!important;background:var(--lime);box-shadow:0 0 0 rgba(216,255,62,0);transition:opacity .38s ease,transform .72s var(--cb-motion-ease),box-shadow .9s ease!important}
.cap:before{content:"";position:absolute;right:-92px;top:-82px;width:155px;height:155px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;transform:rotate(-8deg) scale(.82);background:repeating-conic-gradient(from 0deg,rgba(216,255,62,.18) 0deg 3deg,transparent 3deg 17deg);-webkit-mask:radial-gradient(circle at 50% 50%,#000 0 38%,transparent 70%);mask:radial-gradient(circle at 50% 50%,#000 0 38%,transparent 70%);transition:opacity .55s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}
.cap:hover:after,.cap.is-mobile-focus:after,.cap.is-selected:after{opacity:1;transform:translate3d(0,-2px,0) scale(1);box-shadow:0 0 44px rgba(216,255,62,.28),0 0 80px rgba(216,255,62,.08)}
.cap:hover:before,.cap.is-mobile-focus:before,.cap.is-selected:before{opacity:.72;transform:rotate(8deg) scale(1)}
.cap[data-pointer]:before{background:repeating-conic-gradient(from 0deg,rgba(216,255,62,.20) 0deg 3deg,transparent 3deg 17deg);}

/* Process steps — color radiates from the cursor like a slow light source, not a box. */
.process-step:after{width:210px;height:210px;transform:translate(-50%,-50%) scale(.55);filter:blur(20px);transition:opacity .55s ease,transform .95s cubic-bezier(.16,1,.3,1),filter .95s ease!important}
.process-step:hover:after,.process-step.is-pointer:after{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(10px)}
.process-step:hover,.process-step.is-pointer{box-shadow:inset 0 0 0 1px var(--process-accent),0 10px 30px var(--process-glow)}

/* ClickBurst click interaction — slower wave, longer settle, still restrained. */
body.signal-blasting .blast-wash{animation:blastWash 3.05s cubic-bezier(.16,1,.3,1) both}
body.signal-blasting .blast-wave{animation:globalBlueWave 3s cubic-bezier(.16,1,.3,1) both}
body.signal-blasting .wave-b{animation-delay:.16s}
body.signal-blasting .wave-c{animation-delay:.32s}

@media(max-width:760px){
 .hero-copy{max-width:none}
 .signal-stage{transform:translate3d(0,-2px,0)}
 .scroll-flow{will-change:transform}
 .reveal.scroll-flow:not(.in){transform:translate3d(0,22px,0) scale(.99)!important}
 .reveal.scroll-flow.in{transform:translate3d(0,var(--flow-y),0) scale(var(--flow-scale))!important}
 .cap.reveal.scroll-flow[data-tilt].in{transform:translate3d(0,var(--flow-y),0) scale(var(--flow-scale))!important}
 .cap:before{display:none}
 .cap:after{transition-duration:.58s}
}
@media(prefers-reduced-motion:reduce){
 .nav-shell{opacity:1;visibility:visible;transform:none;transition:none}
 .scroll-flow,.reveal.scroll-flow,.reveal.scroll-flow.in,.cap.reveal.scroll-flow[data-tilt].in{filter:none!important;transform:none!important;opacity:1!important;transition:none!important}
 body.signal-blasting .blast-wash,body.signal-blasting .blast-wave{animation:none!important;opacity:0!important}
}

/* V4 — cinematic, glitch-free scroll choreography + solar territory interaction */
@keyframes cbSunPulse{
  0%,100%{transform:rotate(-6deg) scale(.94);opacity:.42}
  50%{transform:rotate(8deg) scale(1.04);opacity:.78}
}
@keyframes cbSunRays{
  0%{transform:rotate(-8deg) scale(.86);opacity:0}
  45%{opacity:.82}
  100%{transform:rotate(18deg) scale(1.04);opacity:.58}
}
@keyframes cbSoftFloat{
  0%{transform:translate3d(0,18px,0) scale(.985);opacity:.55}
  100%{transform:translate3d(0,0,0) scale(1);opacity:1}
}

/* The signal universe sits lower without pushing or colliding with the hero copy. */
@media(min-width:1001px){
  .signal-stage{transform:translate3d(0,-18px,0)}
  .signal-status{bottom:-14px}
}
@media(min-width:761px) and (max-width:1000px){
  .signal-stage{transform:translate3d(0,-8px,0)}
  .signal-status{bottom:-10px}
}
@media(max-width:760px){
  .signal-stage{transform:translate3d(0,-2px,0)}
  .signal-status{bottom:-7px}
}

/* Scroll motion: no blur, no wipes. The page gets a deliberate editorial depth pass. */
.scroll-flow{
  --flow-y:0px;
  --flow-scale:1;
  opacity:1!important;
  filter:none!important;
  transform:translate3d(0,var(--flow-y),0) scale(var(--flow-scale));
  transition:none!important;
  will-change:transform;
}
.reveal.scroll-flow:not(.in){
  opacity:0!important;
  filter:none!important;
  transform:translate3d(0,34px,0) scale(.982)!important;
  transition:opacity .72s var(--cb-motion-ease),transform .78s cubic-bezier(.16,1,.3,1)!important;
}
.reveal.scroll-flow.in{
  opacity:1!important;
  filter:none!important;
  transform:translate3d(0,var(--flow-y),0) scale(var(--flow-scale))!important;
}
/* Stagger only paint/composition — never layout. */
.section-head.reveal.in h2{animation:cbSoftFloat .72s cubic-bezier(.16,1,.3,1) both}
.section-head.reveal.in p{animation:cbSoftFloat .82s cubic-bezier(.16,1,.3,1) .06s both}
.proof-wrap.reveal.in .proof-tab{animation:cbSoftFloat .58s cubic-bezier(.16,1,.3,1) both}
.proof-wrap.reveal.in .proof-tab:nth-child(2){animation-delay:.04s}
.proof-wrap.reveal.in .proof-tab:nth-child(3){animation-delay:.08s}
.proof-wrap.reveal.in .proof-tab:nth-child(4){animation-delay:.12s}
.proof-wrap.reveal.in .proof-tab:nth-child(5){animation-delay:.16s}
.service-row.reveal.in:nth-child(1){transition-delay:0s}
.service-row.reveal.in:nth-child(2){transition-delay:.035s}
.service-row.reveal.in:nth-child(3){transition-delay:.07s}
.service-row.reveal.in:nth-child(4){transition-delay:.105s}
.service-row.reveal.in:nth-child(5){transition-delay:.14s}

/* Five territories: the lime disc is the bulb. Rays grow out from the same source. */
.cap:after{
  width:150px!important;height:150px!important;right:-90px!important;top:-80px!important;
  opacity:0;transform:translate3d(0,8px,0) scale(.94);
  filter:none!important;background:var(--lime);
  box-shadow:0 0 0 rgba(216,255,62,0);
  transition:opacity .45s ease,transform .8s cubic-bezier(.16,1,.3,1),box-shadow 1s cubic-bezier(.16,1,.3,1)!important;
}
.cap:before{
  content:"";position:absolute;right:-92px;top:-82px;width:158px;height:158px;border-radius:50%;
  pointer-events:none;z-index:0;opacity:0;transform:rotate(-8deg) scale(.84);
  background:repeating-conic-gradient(from 0deg,rgba(216,255,62,.22) 0deg 2.8deg,transparent 2.8deg 17deg);
  -webkit-mask:radial-gradient(circle at 50% 50%,#000 0 35%,transparent 72%);
  mask:radial-gradient(circle at 50% 50%,#000 0 35%,transparent 72%);
  transition:opacity .55s ease,transform 1.05s cubic-bezier(.16,1,.3,1);
}
.cap:hover:after,.cap.is-mobile-focus:after,.cap.is-selected:after{
  opacity:1;transform:translate3d(0,-2px,0) scale(1);
  box-shadow:0 0 44px rgba(216,255,62,.30),0 0 88px rgba(216,255,62,.10);
}
.cap:hover:before,.cap.is-mobile-focus:before,.cap.is-selected:before{
  opacity:.82;animation:cbSunRays 1.15s cubic-bezier(.16,1,.3,1) both;
}
.cap[data-pointer]:before{
  background:repeating-conic-gradient(from 0deg,rgba(216,255,62,.24) 0deg 2.8deg,transparent 2.8deg 17deg);
}
.cap:hover{box-shadow:0 18px 44px rgba(17,17,17,.11)!important}

/* Process: the accent behaves like a slow bulb/ray source following the cursor. */
.process-step:after{
  width:210px;height:210px;transform:translate(-50%,-50%) scale(.42);
  filter:blur(22px);opacity:0;
  transition:opacity .5s ease,transform 1.05s cubic-bezier(.16,1,.3,1),filter 1.05s ease!important;
}
.process-step:hover:after,.process-step.is-pointer:after{
  opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(9px);
}
.process-step:hover,.process-step.is-pointer{
  box-shadow:inset 0 0 0 1px var(--process-accent),0 12px 32px var(--process-glow);
}

/* Slightly slower ClickBurst activation: same interaction, more cinematic settle. */
body.signal-blasting .blast-wash{animation-duration:3.35s}
body.signal-blasting .blast-wave{animation-duration:3.25s}
.signal-stage.is-burst .signal-core{animation-duration:.88s}

@media(max-width:760px){
  .reveal.scroll-flow:not(.in){transform:translate3d(0,24px,0) scale(.99)!important}
  .section-head.reveal.in h2,.section-head.reveal.in p{animation:none}
  .cap:before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .scroll-flow,.reveal.scroll-flow,.reveal.scroll-flow.in{filter:none!important;transform:none!important;opacity:1!important;transition:none!important;animation:none!important}
  .cap:before,.cap:after,.process-step:after{animation:none!important;transition:none!important}
}



/* V5 — creative scroll choreography, no blur, no sunrise/rays. */

/* Hero signal sits slightly lower, while its instruction stays outside the orbital ring. */
@media(min-width:1001px){
  .signal-stage{transform:translate3d(0,2px,0)!important}
  .signal-status{bottom:-28px!important}
}
@media(min-width:761px) and (max-width:1000px){
  .signal-stage{transform:translate3d(0,0,0)!important}
  .signal-status{bottom:-18px!important}
}
@media(max-width:760px){
  .signal-stage{transform:translate3d(0,0,0)!important}
  .signal-status{bottom:-10px!important}
}

/* Continuous scroll motion: directional editorial movement rather than fade/blur. */
.scroll-flow{
  --flow-x:0px;
  --flow-y:0px;
  --flow-scale:1;
  --flow-rotate:0deg;
  opacity:1!important;
  filter:none!important;
  transform:translate3d(var(--flow-x),var(--flow-y),0) rotate(var(--flow-rotate)) scale(var(--flow-scale))!important;
  transition:none!important;
  will-change:transform;
}
.reveal.scroll-flow:not(.in){
  opacity:.001!important;
  filter:none!important;
  transform:translate3d(var(--enter-x,0),30px,0) rotate(var(--enter-rotate,0deg)) scale(.985)!important;
  transition:opacity .5s ease,transform .78s cubic-bezier(.16,1,.3,1)!important;
}
.reveal.scroll-flow.in{
  opacity:1!important;
  filter:none!important;
  transform:translate3d(var(--flow-x),var(--flow-y),0) rotate(var(--flow-rotate)) scale(var(--flow-scale))!important;
}

/* Staggered internal movement gives the page a crafted editorial rhythm. */
.section-head.reveal.in h2{animation:cbContentLift .72s cubic-bezier(.16,1,.3,1) both}
.section-head.reveal.in p{animation:cbContentLift .82s cubic-bezier(.16,1,.3,1) .08s both}
@keyframes cbContentLift{
  from{opacity:.2;transform:translate3d(0,24px,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

/* Capability cards: one smooth lime bulb/glow only. No rays, no radial sunburst. */
.cap:before{display:none!important;content:none!important}
.cap:after{
  width:150px!important;height:150px!important;right:-90px!important;top:-80px!important;
  opacity:0!important;
  transform:translate3d(0,6px,0) scale(.96)!important;
  filter:none!important;
  background:var(--lime)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 rgba(216,255,62,0)!important;
  transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),box-shadow 1.05s cubic-bezier(.16,1,.3,1)!important;
}
.cap:hover:after,.cap.is-mobile-focus:after,.cap.is-selected:after{
  opacity:1!important;
  transform:translate3d(0,-2px,0) scale(1)!important;
  box-shadow:0 0 28px rgba(216,255,62,.42),0 0 58px rgba(216,255,62,.22),0 0 96px rgba(216,255,62,.08)!important;
}
.cap:hover{box-shadow:0 18px 44px rgba(17,17,17,.11)!important}

/* Cursor-to-card energy: the lime source breathes smoothly as the pointer moves. */
@media (hover:hover) and (pointer:fine){
  .cap[data-pointer]{
    --cap-glow-x:50%;--cap-glow-y:50%;
  }
  .cap[data-pointer]:after{
    background:
      radial-gradient(circle at var(--cap-glow-x) var(--cap-glow-y),rgba(255,255,255,.12) 0 5%,transparent 22%),
      var(--lime)!important;
  }
}

/* Process steps: keep the existing palette-specific cursor light, but make it slower and softer. */
.process-step:after{
  width:220px!important;height:220px!important;
  transform:translate(-50%,-50%) scale(.48)!important;
  filter:blur(24px)!important;
  opacity:0!important;
  transition:opacity .7s ease,transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.15s cubic-bezier(.16,1,.3,1)!important;
}
.process-step:hover:after,.process-step.is-pointer:after{
  opacity:1!important;
  transform:translate(-50%,-50%) scale(1)!important;
  filter:blur(10px)!important;
}
.process-step:hover,.process-step.is-pointer{
  box-shadow:inset 0 0 0 1px var(--process-accent),0 12px 32px var(--process-glow)!important;
}

/* ClickBurst activation: retain the interaction, with a slower cinematic settle. */
body.signal-blasting .blast-wash{animation-duration:3.45s!important}
body.signal-blasting .blast-wave{animation-duration:3.35s!important}
body.signal-blasting .wave-b{animation-delay:.18s!important}
body.signal-blasting .wave-c{animation-delay:.36s!important}
.signal-stage.is-burst .signal-core{animation-duration:.95s!important}

@media(max-width:760px){
  .reveal.scroll-flow:not(.in){transform:translate3d(0,22px,0) scale(.99)!important}
  .section-head.reveal.in h2,.section-head.reveal.in p{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .scroll-flow,.reveal.scroll-flow,.reveal.scroll-flow.in{filter:none!important;transform:none!important;opacity:1!important;transition:none!important;animation:none!important}
  .cap:before,.cap:after,.process-step:after{animation:none!important;transition:none!important}
}


/* A thin kinetic edge, not a full-screen wipe: gives each section a signature arrival. */
.section-head.reveal.scroll-flow::after,
.proof-wrap.reveal.scroll-flow::after,
.creative-card.reveal.scroll-flow::after,
.service-row.reveal.scroll-flow::after,
.process-step.reveal.scroll-flow::after{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(to bottom,var(--blue),var(--lime),transparent);
  transform-origin:top center;
  transform:scaleY(0);
  opacity:.0;
  pointer-events:none;
  transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .35s ease;
}
.section-head.reveal.scroll-flow.in::after,
.proof-wrap.reveal.scroll-flow.in::after,
.creative-card.reveal.scroll-flow.in::after,
.service-row.reveal.scroll-flow.in::after,
.process-step.reveal.scroll-flow.in::after{
  transform:scaleY(1);opacity:.9;
}
/* Enter from different directions while staying visually quiet. */
.section-head.reveal.scroll-flow:not(.in){clip-path:inset(0 4% 0 4%)}
.section-head.reveal.scroll-flow.in{clip-path:inset(0 0 0 0);transition:transform .78s cubic-bezier(.16,1,.3,1),clip-path .78s cubic-bezier(.16,1,.3,1)!important}
@media(max-width:760px){
  .section-head.reveal.scroll-flow:not(.in){clip-path:inset(0 2% 0 2%)}
  .section-head.reveal.scroll-flow.in{clip-path:inset(0);}
  .section-head.reveal.scroll-flow::after,.proof-wrap.reveal.scroll-flow::after,.creative-card.reveal.scroll-flow::after,.service-row.reveal.scroll-flow::after,.process-step.reveal.scroll-flow::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .section-head.reveal.scroll-flow,.section-head.reveal.scroll-flow.in{clip-path:none!important}
  .section-head.reveal.scroll-flow::after,.proof-wrap.reveal.scroll-flow::after,.creative-card.reveal.scroll-flow::after,.service-row.reveal.scroll-flow::after,.process-step.reveal.scroll-flow::after{display:none}
}
/* FINAL MOTION PASS — CLICKBURST CONTENT DEPTH. No lines, flashes, or viewport overlays. */
/* The page content itself subtly shifts in opposing layers as it passes through the viewport. */
.cb-depth-ready > *{will-change:transform}
.section-head.reveal,.proof-wrap.reveal,.creative-card.reveal,.service-row.reveal,.process-step.reveal{--cb-depth:0px}
.section-head.reveal > .eyebrow,.section-head.reveal > h2{transform:translate3d(0,calc(var(--cb-depth) * -0.42),0);transition:transform .08s linear}
.section-head.reveal > p{transform:translate3d(0,calc(var(--cb-depth) * 0.28),0);transition:transform .08s linear}
.proof-wrap.reveal .proof-story,.proof-wrap.reveal .proof-metrics{transform:translate3d(0,calc(var(--cb-depth) * -0.24),0);transition:transform .08s linear}
.creative-card.reveal > *{transform:translate3d(0,calc(var(--cb-depth) * -0.32),0);transition:transform .08s linear}
.service-row.reveal h3,.service-row.reveal p,.service-row.reveal .num,.service-row.reveal .arrow{transform:translate3d(0,calc(var(--cb-depth) * -0.34),0);transition:transform .08s linear}
.service-row.reveal p{transform:translate3d(0,calc(var(--cb-depth) * 0.22),0)}
.process-step.reveal strong{transform:translate3d(0,calc(var(--cb-depth) * -0.36),0);transition:transform .08s linear}
.process-step.reveal p{transform:translate3d(0,calc(var(--cb-depth) * 0.24),0);transition:transform .08s linear}
@media(max-width:760px){
  .section-head.reveal > .eyebrow,.section-head.reveal > h2,.section-head.reveal > p,.proof-wrap.reveal .proof-story,.proof-wrap.reveal .proof-metrics,.creative-card.reveal > *, .service-row.reveal h3,.service-row.reveal p,.service-row.reveal .num,.service-row.reveal .arrow,.process-step.reveal strong,.process-step.reveal p{transition:transform .1s linear}
}
@media(prefers-reduced-motion:reduce){
  .cb-depth-ready > *,.section-head.reveal > .eyebrow,.section-head.reveal > h2,.section-head.reveal > p,.proof-wrap.reveal .proof-story,.proof-wrap.reveal .proof-metrics,.creative-card.reveal > *, .service-row.reveal h3,.service-row.reveal p,.service-row.reveal .num,.service-row.reveal .arrow,.process-step.reveal strong,.process-step.reveal p{transform:none!important;transition:none!important;will-change:auto}
}
.n-auto strong{white-space:nowrap;letter-spacing:-.035em}
@media(max-width:760px){
  .signal-core{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0)!important;will-change:auto}
  .signal-core:before{will-change:transform,opacity}
  .signal-stage.is-burst .signal-core{transform:translate3d(0,0,0)!important;animation:signalCoreKickMobile .68s cubic-bezier(.2,.75,.25,1)!important}
  @keyframes signalCoreKickMobile{0%{transform:scale(1)}45%{transform:scale(1.045)}100%{transform:scale(1)}}
  .global-signal-blast{display:none!important}
  .n-auto{min-width:150px}
  .n-auto strong{font-size:22px;white-space:nowrap}
}


/* Mobile typography guardrails for territory + automation labels. */
@media(max-width:760px){
  .cap:nth-child(3) h3{white-space:normal;font-size:clamp(28px,8.2vw,38px);letter-spacing:-.055em;line-height:.98}
  .cap:nth-child(5) h3{white-space:nowrap;font-size:clamp(30px,9vw,42px);letter-spacing:-.06em}
}


/* Media & Performance: never crop the final letter; keep the word visually balanced across widths. */
.cap:nth-child(3) h3,.service-row:nth-child(3) h3{overflow:visible!important;word-break:keep-all!important;overflow-wrap:normal!important;white-space:normal!important;text-wrap:balance;letter-spacing:-.048em;max-width:100%}
@media(min-width:1001px){.cap:nth-child(3) h3{font-size:clamp(29px,2.65vw,41px);padding-right:2px}}
@media(max-width:760px){.cap:nth-child(3) h3{font-size:clamp(31px,9vw,43px);letter-spacing:-.05em;line-height:.96;padding-right:3px}}


/* FINAL LOCK — ClickBurst Editorial Depth
   No lines, flashes, sweeps, viewport overlays or decorative scroll trails.
   The content itself is the motion. */
.section-head.reveal::after,
.proof-wrap.reveal::after,
.system-map.reveal::after,
.creative-card.reveal::after,
.service-row.reveal::after,
.process-step.reveal::after,
.section-head.reveal.scroll-flow::after,
.proof-wrap.reveal.scroll-flow::after,
.creative-card.reveal.scroll-flow::after,
.service-row.reveal.scroll-flow::after,
.process-step.reveal.scroll-flow::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Editorial reveal: different content layers settle into place instead of a generic fade. */
@media (min-width:761px){
  .reveal[data-enter]{
    opacity:0!important;
    filter:blur(2.6px)!important;
    transform:translate3d(0,20px,0) scale(.985)!important;
    transition:opacity .62s cubic-bezier(.22,.61,.36,1),
                transform .72s cubic-bezier(.16,1,.3,1),
                filter .58s ease!important;
    will-change:opacity,transform,filter;
  }
  .reveal[data-enter="left"]{transform:translate3d(-24px,8px,0) scale(.988)!important}
  .reveal[data-enter="right"]{transform:translate3d(24px,8px,0) scale(.988)!important}
  .reveal[data-enter="depth"]{transform:translate3d(0,22px,0) rotateX(2deg) scale(.972)!important}
  .reveal[data-enter="rise"]{transform:translate3d(0,24px,0) scale(.984)!important}
  .reveal[data-enter="tilt"]{transform:translate3d(0,20px,0) rotateX(-2deg) scale(.982)!important}
  .reveal.in[data-enter]{
    opacity:1!important;
    filter:none!important;
    transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1)!important;
    will-change:auto;
  }

  /* Stagger the content inside a block — the page feels assembled, not faded. */
  .section-head.reveal.in > .eyebrow{transition-delay:0ms}
  .section-head.reveal.in > h2{transition-delay:45ms}
  .section-head.reveal.in > p{transition-delay:95ms}
  .service-row.reveal.in .num{transition-delay:0ms}
  .service-row.reveal.in h3{transition-delay:45ms}
  .service-row.reveal.in p{transition-delay:85ms}
  .service-row.reveal.in .arrow{transition-delay:125ms}
  .process-step.reveal.in strong{transition-delay:35ms}
  .process-step.reveal.in p{transition-delay:85ms}
}

@media (max-width:760px){
  /* Mobile gets a shorter, lighter version for iOS/Android compositor stability. */
  .reveal[data-enter]{
    opacity:0!important;
    filter:blur(1.2px)!important;
    transform:translate3d(0,16px,0) scale(.994)!important;
    transition:opacity .48s ease-out,
                transform .56s cubic-bezier(.16,1,.3,1),
                filter .38s ease-out!important;
    will-change:opacity,transform;
  }
  .reveal[data-enter="left"],.reveal[data-enter="right"]{transform:translate3d(0,15px,0) scale(.994)!important}
  .reveal[data-enter="depth"]{transform:translate3d(0,18px,0) scale(.99)!important}
  .reveal[data-enter="rise"],.reveal[data-enter="tilt"]{transform:translate3d(0,17px,0) scale(.992)!important}
  .reveal.in[data-enter]{
    opacity:1!important;
    filter:none!important;
    transform:translate3d(0,0,0) scale(1)!important;
    will-change:auto;
  }
  .section-head.reveal.in > .eyebrow{transition-delay:0ms}
  .section-head.reveal.in > h2{transition-delay:30ms}
  .section-head.reveal.in > p{transition-delay:65ms}
  .service-row.reveal.in h3{transition-delay:25ms}
  .service-row.reveal.in p{transition-delay:55ms}
  .service-row.reveal.in .arrow{transition-delay:85ms}
}

@media (prefers-reduced-motion:reduce){
  .reveal[data-enter],.reveal.in[data-enter]{
    opacity:1!important;filter:none!important;transform:none!important;
    transition:none!important;will-change:auto!important;
  }
}

/* Mobile menu: polished sheet, safe-area aware, accessible and stable. */
.menu{position:relative;overflow:hidden;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.menu span{display:block;width:17px;height:11px;position:relative}
.menu span::before,.menu span::after,.menu span i{content:"";position:absolute;left:0;width:17px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s ease,top .22s cubic-bezier(.16,1,.3,1)}
.menu span::before{top:0}.menu span i{top:4.7px}.menu span::after{top:9.4px}
.menu[aria-expanded="true"] span::before{top:4.7px;transform:rotate(45deg)}
.menu[aria-expanded="true"] span i{opacity:0}
.menu[aria-expanded="true"] span::after{top:4.7px;transform:rotate(-45deg)}
.mobile-menu{padding:8px;max-height:calc(100dvh - 104px);overflow:auto;overscroll-behavior:contain;box-shadow:0 18px 50px rgba(17,17,17,.12)}
.mobile-menu a{transition:background .2s ease,color .2s ease,transform .2s ease}
.mobile-menu a:active{transform:scale(.985)}
@media(max-width:760px){
  .mobile-menu{top:84px;padding-bottom:max(8px,env(safe-area-inset-bottom));}
}

.cb2-field,#cb2Field,.cb2-grain{display:none!important}