@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--pink:#FF2DAD;--purple:#8A3FFC;--navy:#0B1020;--slate:#1D2435;--light:#E6E8EF;--cream:#F7F4F1;--ink:#11070d;--scroll:0;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy)}body{margin:0;font-family:'Plus Jakarta Sans',Arial,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.panel{position:relative;overflow:hidden}.panel-navy{background:var(--navy);color:white}.panel-pink{background:var(--pink);color:var(--ink)}.panel-cream{background:var(--cream);color:var(--ink)}.section-inner{max-width:var(--max);margin:auto;padding:9rem 5vw}.section-inner.wide{max-width:1600px}.section-inner.narrow{max-width:1120px}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--pink);margin:0 0 1.5rem}.eyebrow.dark{color:var(--ink)}.section-title{font-size:clamp(3rem,8vw,8.4rem);line-height:.91;letter-spacing:-.07em;margin:0;max-width:1300px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
.site-header{position:fixed;left:0;right:0;top:0;z-index:50;height:92px;display:flex;align-items:center;padding:0 4vw;color:white;transition:.3s;background:linear-gradient(to bottom,rgba(11,16,32,.72),transparent)}.site-header.scrolled{height:72px;background:rgba(11,16,32,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.logo{display:inline-flex;align-items:center;gap:.7rem}.logo-mark{width:45px;height:45px;border-radius:50%;background:linear-gradient(145deg,var(--pink),var(--purple));display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 11px;box-shadow:0 0 35px rgba(255,45,173,.22)}.logo-mark:before{content:"";position:absolute}.logo-mark span{display:block;height:4px;border:3px solid white;border-radius:5px}.logo-mark.large{width:78px;height:78px;padding:0 18px;gap:8px}.logo-text{font-weight:800;font-size:1.8rem;letter-spacing:-.06em;color:var(--pink);line-height:.8}.logo-text small{display:block;font-size:.48rem;letter-spacing:-.03em;margin-top:.55rem}.site-header nav{display:flex;gap:2rem;margin-left:auto;margin-right:2rem;font-size:.8rem;font-weight:700}.site-header nav a{opacity:.76}.site-header nav a:hover{opacity:1;color:var(--pink)}.nav-cta{font-size:.78rem;font-weight:800;border:1px solid rgba(255,255,255,.35);padding:.8rem 1rem;border-radius:999px}.menu-button,.mobile-nav{display:none}
.hero{min-height:100svh;padding:9rem 5vw 4rem;display:flex;align-items:flex-end}.hero-content{position:relative;z-index:2;max-width:1380px}.hero h1{font-size:clamp(4rem,10.5vw,11.5rem);line-height:.77;letter-spacing:-.085em;margin:0;text-transform:uppercase;max-width:1450px}.hero h1 span{color:var(--pink);display:inline-block;transition:.2s;min-height:.9em}.word-swap.out{opacity:0;transform:translateY(25px)}.hero-body{font-size:clamp(1.1rem,2vw,2rem);max-width:750px;margin:2.3rem 0 1.5rem;color:#d7dbea}.button{display:inline-flex;gap:1rem;align-items:center;border:none;border-radius:999px;padding:1rem 1.3rem;font-weight:800;cursor:pointer}.button-pink{background:var(--pink);color:var(--ink)}.button-dark{background:var(--navy);color:white}.button span{font-size:1.2em}.micro{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;margin-top:2.2rem;color:#8c93a8}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000)}.hero-orbit{position:absolute;width:450px;height:450px;border:1px solid rgba(255,45,173,.25);border-radius:50%;right:-90px;top:20%;transform:rotate(calc(var(--scroll)*.018deg))}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(138,63,252,.18);border-radius:50%;inset:60px}.hero-orbit:after{inset:125px}.hero-orbit span{position:absolute;font-size:.65rem;letter-spacing:.15em;color:#9aa0b7}.hero-orbit span:nth-child(1){left:20px;top:100px}.hero-orbit span:nth-child(2){right:10px;top:220px}.hero-orbit span:nth-child(3){bottom:35px;left:140px}.scroll-indicator{position:absolute;right:4vw;bottom:2.4rem;font-size:.62rem;letter-spacing:.15em;color:#7e859b;display:flex;gap:.5rem}.brand-pipe{position:absolute;border:34px solid currentColor;border-left:0;border-radius:0 0 0 85px;opacity:.95}.pipe-hero{color:var(--pink);width:280px;height:240px;right:-30px;top:-34px;border-bottom-width:34px}.pipe-build{color:var(--ink);width:320px;height:270px;right:-80px;bottom:-60px;transform:rotate(180deg)}.pipe-contact{color:var(--cream);width:300px;height:240px;right:-60px;top:-35px}
.scroll-statements{height:190vh;padding-bottom:8rem}.statement-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;padding:5vw}.scroll-statement{position:absolute;font-size:clamp(3.2rem,8.5vw,9rem);line-height:.92;letter-spacing:-.075em;text-align:center;max-width:1450px;margin:0;opacity:0}.problem-copy{position:absolute;bottom:7rem;left:5vw;right:5vw;display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:end;font-size:clamp(1rem,1.4vw,1.35rem)}.problem-copy p{max-width:820px;line-height:1.55}.problem-copy strong{font-size:clamp(1.4rem,2.5vw,2.8rem);color:var(--pink)}
.build{min-height:100vh;display:flex;align-items:center}.build h2{font-size:clamp(4rem,9.5vw,10rem);line-height:.84;letter-spacing:-.085em;margin:0;max-width:1450px}.two-col-copy{display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;margin-top:4rem;font-size:clamp(1.1rem,1.8vw,1.7rem);line-height:1.45}.two-col-copy strong{font-size:clamp(1.7rem,3vw,3.6rem);line-height:1.05}
.how{padding-bottom:3rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d9d6d4;margin-top:6rem;border-top:1px solid #d9d6d4;border-bottom:1px solid #d9d6d4}.step{background:var(--cream);padding:2.5rem 2rem;min-height:450px;display:flex;flex-direction:column}.step>span{font-size:.8rem;color:var(--pink);font-weight:800}.step h3{font-size:clamp(2.4rem,4vw,4.5rem);letter-spacing:-.06em;margin:2rem 0}.step p{font-size:1.1rem;line-height:1.55}.step small{margin-top:auto;border-top:1px solid #c9c5c3;padding-top:1rem;line-height:1.5;color:#615c60}
.engine{min-height:105vh;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:8rem 5vw}.engine-copy{max-width:700px}.engine-copy h2{font-size:clamp(4rem,8vw,9rem);line-height:.8;letter-spacing:-.08em;margin:.4rem 0 2.5rem;color:var(--pink)}.engine-copy p:last-child{font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.55;color:#cdd2df}.engine-orbit{position:relative;width:min(650px,45vw);aspect-ratio:1;margin:auto;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:spin 36s linear infinite}.engine-orbit:before,.engine-orbit:after{content:"";position:absolute;border:1px solid rgba(255,45,173,.18);border-radius:50%;inset:12%}.engine-orbit:after{inset:29%}.engine-core{position:absolute;inset:34%;border-radius:50%;background:var(--slate);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;box-shadow:0 0 70px rgba(138,63,252,.18);animation:spinReverse 36s linear infinite}.engine-core strong{font-size:.72rem;letter-spacing:.16em}.engine-node{position:absolute;left:50%;top:50%;transform:rotate(calc(var(--i)*45deg)) translateX(calc(min(650px,45vw)/2 - 18px)) rotate(calc(var(--i)*-45deg));transform-origin:0 0;font-size:.65rem;letter-spacing:.13em;color:#bec4d8;animation:spinReverse 36s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}
.services{padding-bottom:5rem}.service-list{margin-top:5rem}.service-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;border-top:1px solid #ccc7c5;padding:1.4rem 0}.service-row:last-child{border-bottom:1px solid #ccc7c5}.service-row span{font-size:.75rem;color:#7a7377}.service-row span:last-child{font-size:1.5rem;color:var(--pink)}.service-row strong{font-size:clamp(1.7rem,4vw,4.7rem);letter-spacing:-.06em}.service-close{font-size:clamp(1.3rem,2vw,2.2rem);text-align:right;margin-top:2rem;color:var(--pink);font-weight:800}
.operators{min-height:120vh}.operators-copy{font-size:clamp(1rem,1.5vw,1.4rem);max-width:760px;line-height:1.55;color:#cbd0dc;margin:2rem 0 5rem}.operator-marquee{margin-inline:-5vw;overflow:hidden;border-block:1px solid rgba(255,255,255,.12);padding:1.1rem 0}.operator-marquee>div{display:flex;width:max-content;gap:2rem;animation:marquee 24s linear infinite}.operator-marquee span{white-space:nowrap;font-size:1rem;font-weight:700;color:#dce0e8}.operator-marquee i{font-style:normal;color:var(--pink);margin-left:2rem}@keyframes marquee{to{transform:translateX(-50%)}}.experience-stage{position:relative;height:550px;margin-top:4rem}.xp-card{position:absolute;width:31%;aspect-ratio:1.2;border-radius:24px;padding:2rem;font-size:clamp(2rem,4vw,4.5rem);line-height:.85;letter-spacing:-.06em;font-weight:800;box-shadow:0 25px 70px rgba(0,0,0,.22)}.xp1{left:0;top:50px;background:var(--pink);color:var(--ink);transform:rotate(-7deg)}.xp2{left:24%;top:170px;background:var(--purple);transform:rotate(4deg)}.xp3{left:48%;top:20px;background:var(--cream);color:var(--ink);transform:rotate(-3deg)}.xp4{right:0;top:150px;background:var(--slate);border:1px solid #343b50;transform:rotate(8deg)}
.outsource{height:155vh}.outsource-stage{height:100vh;position:sticky;top:0;display:flex;align-items:center;justify-content:center}.outsource-stage h2{position:absolute;font-size:clamp(4.5rem,12vw,13rem);letter-spacing:-.09em;line-height:.8;text-align:center;margin:0}.outsource-before{opacity:calc(1 - min(1, var(--swap)*2));transform:scale(calc(1 - var(--swap)*.08))}.outsource-after{opacity:calc(max(0,(var(--swap) - .35)*2.2));transform:scale(calc(.92 + var(--swap)*.08))}.outsource-copy{position:absolute;left:5vw;right:5vw;bottom:5rem;display:grid;grid-template-columns:1fr 1fr;gap:8vw;font-size:clamp(1rem,1.5vw,1.45rem);line-height:1.5}.outsource-copy strong{font-size:clamp(1.3rem,2.4vw,2.7rem);line-height:1.15}
.reporting-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}.report-copy h2{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.88;letter-spacing:-.07em;margin:.5rem 0 2.5rem}.report-copy p{font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.6;color:#cbd0dc}.report-copy small{color:#777f96}.dashboard{border:1px solid #343c54;border-radius:22px;background:#10172a;padding:1.3rem;box-shadow:0 35px 90px rgba(0,0,0,.25)}.dash-head{display:flex;justify-content:space-between;color:var(--pink);font-size:.7rem;font-weight:800;letter-spacing:.08em;border-bottom:1px solid #2a3249;padding:.4rem .2rem 1rem}.dash-head span:last-child{color:#757d92}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0}.metrics>div{padding:1rem;border:1px solid #2a3249;border-radius:13px}.metrics strong{display:block;font-size:clamp(1.4rem,2.2vw,2.5rem);color:var(--pink);letter-spacing:-.06em}.metrics span{font-size:.55rem;color:#8c93a8}.fake-chart{height:260px;border:1px solid #2a3249;border-radius:13px;padding:1.5rem;position:relative;overflow:hidden}.bars{height:100%;display:flex;align-items:end;gap:3%;border-bottom:1px solid #333b51}.bars i{height:var(--h);flex:1;background:linear-gradient(to top,var(--purple),var(--pink));border-radius:5px 5px 0 0;opacity:.8}.chart-line{position:absolute;inset:40% 2rem auto;height:2px;background:var(--pink);transform:rotate(-8deg);box-shadow:100px -17px 0 var(--pink),200px -30px 0 var(--pink)}.insight{display:flex;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid rgba(255,45,173,.45);border-radius:13px;font-size:.76rem;color:#bac0d0}.insight b{color:var(--pink)}
.partnership{min-height:90vh;display:flex;align-items:center}.partnership h2{font-size:clamp(4rem,9vw,9.5rem);line-height:.84;letter-spacing:-.085em;margin:0}.partnership p{font-size:clamp(1.1rem,1.8vw,1.65rem);line-height:1.55;max-width:850px;margin:3rem 0}.partnership strong{font-size:clamp(1.4rem,2vw,2.2rem);color:var(--pink)}
.closing{height:210vh}.closing-stage{height:100vh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;padding:5vw}.closing h2{position:absolute;margin:0;max-width:1450px;text-align:center;font-size:clamp(4rem,10vw,11rem);line-height:.85;letter-spacing:-.085em;opacity:0}.closing h2:last-child{color:var(--pink)}
.contact{min-height:100vh;display:flex;align-items:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;width:100%}.contact h2{font-size:clamp(4rem,8vw,8.2rem);letter-spacing:-.08em;line-height:.85;margin:0}.contact p{font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.5;max-width:680px}.direct{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem}.direct a{border-bottom:1px solid var(--ink);padding-bottom:.2rem;font-weight:700}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;background:rgba(255,255,255,.25);padding:2rem;border-radius:24px}.contact-form label{font-size:.72rem;font-weight:800;letter-spacing:.05em}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid rgba(17,7,13,.4);background:transparent;padding:.8rem 0;outline:none}.contact-form textarea{resize:vertical}.contact-form .full{grid-column:1/-1}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--navy)}
.footer{background:var(--navy);color:#b8bed0;padding:3rem 5vw;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.footer-links{display:flex;gap:1.5rem;font-size:.78rem}.footer p{grid-column:1/-1;font-size:.65rem;color:#697188;border-top:1px solid #222a40;padding-top:1.5rem}.blog-shell,.article-shell{padding-top:72px}.blog-hero,.article-head{padding:10rem 5vw 7rem}.blog-hero h1,.article-head h1,.simple-page h1{font-size:clamp(4rem,10vw,10rem);line-height:.84;letter-spacing:-.08em;margin:0}.blog-hero>p:last-child,.article-head>p{font-size:clamp(1.1rem,1.7vw,1.5rem);max-width:760px;line-height:1.5}.blog-list{padding:3rem 5vw 9rem}.blog-card{max-width:1200px;margin:auto;padding:3rem 0;border-bottom:1px solid #d0cbca}.blog-card>p:first-child{font-size:.7rem;color:#756f72}.blog-card h2{font-size:clamp(2rem,4.5vw,5rem);line-height:.95;letter-spacing:-.055em;margin:.8rem 0}.blog-card>p{font-size:1rem;line-height:1.55;max-width:700px}.text-link{color:var(--pink);font-weight:800}.article-head{padding-bottom:5rem}.article-head h1{max-width:1300px}.article-head small{font-weight:700}.article-body{max-width:820px;margin:auto;padding:5rem 2rem 8rem;font-size:1.15rem;line-height:1.75}.article-body h2{font-size:2.3rem;line-height:1.1;margin-top:3rem}.article-body a{color:var(--pink);text-decoration:underline}.simple-page{min-height:85vh;padding:12rem 5vw 6rem}.simple-page p{font-size:1.4rem}.simple-page .button{margin-top:2rem}
@media(max-width:900px){.site-header{height:72px;padding:0 5vw}.site-header nav,.nav-cta{display:none}.logo-mark{width:38px;height:38px}.logo-text{font-size:1.5rem}.menu-button{display:flex;margin-left:auto;width:40px;height:40px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:6px}.menu-button span{display:block;height:2px;background:white;width:24px}.mobile-nav{position:absolute;top:72px;left:0;right:0;background:var(--navy);padding:2rem 5vw;display:none;flex-direction:column;gap:1.5rem;font-weight:800}.mobile-nav.open{display:flex}.hero{padding:8rem 5vw 3rem}.hero h1{font-size:clamp(3.8rem,18vw,7.8rem)}.hero-orbit{width:320px;height:320px;right:-190px;top:20%}.scroll-indicator{display:none}.problem-copy{grid-template-columns:1fr;gap:1rem;bottom:3rem}.build h2,.section-title,.partnership h2,.contact h2{font-size:clamp(3.6rem,15vw,7rem)}.two-col-copy,.outsource-copy,.contact-grid,.reporting-grid{grid-template-columns:1fr}.two-col-copy{gap:2rem}.steps{grid-template-columns:1fr}.step{min-height:330px}.engine{grid-template-columns:1fr;padding:7rem 5vw;gap:5rem}.engine-orbit{width:88vw}.engine-node{transform:rotate(calc(var(--i)*45deg)) translateX(calc(44vw - 18px)) rotate(calc(var(--i)*-45deg))}.service-row{grid-template-columns:45px 1fr auto}.operator-marquee{margin-inline:-5vw}.experience-stage{height:480px}.xp-card{width:52%;font-size:2.4rem}.xp1{left:-4%;top:20px}.xp2{left:45%;top:50px}.xp3{left:5%;top:230px}.xp4{right:-5%;top:250px}.outsource-copy{bottom:2.5rem;gap:1rem}.outsource-copy strong{font-size:1.25rem}.metrics{grid-template-columns:1fr 1fr}.contact-form{margin-top:3rem}.footer{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:.6rem}.section-inner{padding:7rem 5vw}.blog-hero,.article-head{padding:8rem 5vw 5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* V2 refinement — cleaner typography, stronger contrast, restrained gradients */
:root{--pink2:#ff7bd8;--purple2:#a653ff}
.hero{background:radial-gradient(circle at 78% 18%,rgba(138,63,252,.18),transparent 34%),linear-gradient(145deg,#080d1b 0%,var(--navy) 58%,#15102b 100%)}
.panel-pink{background:linear-gradient(135deg,#ff55bd 0%,#f02aae 55%,#b94dff 135%)}
.logo-mark{position:relative;border-radius:50%;padding:9px;background:linear-gradient(145deg,var(--purple),var(--pink));color:#fff;flex:none}
.logo-mark svg{display:block;width:100%;height:100%}.logo-mark span{display:none}.logo-mark.large{padding:15px}
.logo-text{font-weight:800;letter-spacing:-.045em}.logo-text small{font-weight:600;letter-spacing:-.02em}
.hero h1,.section-title,.build h2,.report-copy h2,.partnership h2,.closing h2,.contact h2{font-weight:800;letter-spacing:-.065em}
.gradient-word{background:linear-gradient(90deg,var(--pink),var(--purple2));-webkit-background-clip:text;background-clip:text;color:transparent}.pink-word{color:var(--pink)}.ink-on-pink{color:#fff}
.build{background:linear-gradient(125deg,#ff57bf 0%,#f12daf 60%,#b64eff 140%)}
.build h2{max-width:1320px}.build .two-col-copy{max-width:1100px}
.how{background:linear-gradient(180deg,var(--cream) 0%,#fff 52%,#f3eff7 100%)}
.services{background:linear-gradient(180deg,#f7f4f1 0%,#fff 100%)}
.operators{background:radial-gradient(circle at 85% 35%,rgba(138,63,252,.20),transparent 34%),var(--navy)}
.reporting{background:linear-gradient(145deg,#080d1b,var(--navy) 58%,#17102c)}
.contact{background:linear-gradient(125deg,#ff58bf,#ef2aad 58%,#a74dff 140%)}
.contact,.contact a,.contact h2,.contact p{color:#100915}.contact .eyebrow{color:#100915}.contact-form{background:rgba(255,255,255,.44);backdrop-filter:blur(10px)}
.statement-stage{padding-inline:5vw}.scroll-statement{max-width:1400px;text-wrap:balance}
.service-row strong,.operator-marquee span,.xp-card{font-weight:800}
/* keep animated and marquee copy from colliding at narrow widths */
.operator-marquee span{display:inline-flex;align-items:center;gap:1rem}.operator-marquee i{margin-left:1rem}.experience-stage{isolation:isolate}.xp-card{overflow:hidden;overflow-wrap:normal;word-break:keep-all}
@media(max-width:900px){.logo-mark{padding:7px}.hero{padding-top:7.5rem}.scroll-statement{font-size:clamp(3rem,13vw,6rem);line-height:.88}.experience-stage{height:440px}.xp-card{font-size:2rem;padding:1.35rem}.operator-marquee span{font-size:.86rem}.section-inner{padding-top:6rem;padding-bottom:6rem}}

/* V3 — tighter story, cleaner motion */
.logo{gap:0}.logo-text{font-size:2rem}.hero{padding-top:7rem;align-items:center}.hero-content{padding-top:4rem}.hero .eyebrow{font-size:clamp(.8rem,1.1vw,1rem);color:#fff;margin-bottom:2.4rem}.hero h1{font-weight:800}.hero-body{max-width:680px}.pipe-hero,.pipe-build{display:none}
.problem-sequence{padding:3rem 0 7rem}.problem-statement{min-height:82vh;display:flex;align-items:center;justify-content:center;padding:8vw 5vw}.problem-statement.alt{background:#fff}.problem-statement h2{margin:0;max-width:1400px;text-align:center;font-size:clamp(3.6rem,9vw,9.5rem);line-height:.9;letter-spacing:-.07em;font-weight:800;text-wrap:balance}.problem-summary{max-width:1250px;margin:0 auto;padding:6rem 5vw 1rem;display:grid;grid-template-columns:1.6fr 1fr;gap:6vw;align-items:end}.problem-summary p{font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.55;margin:0}.problem-summary strong{font-size:clamp(1.6rem,2.7vw,3rem);line-height:1.05;color:var(--pink)}
.build{min-height:auto}.build .section-inner{padding-top:8rem;padding-bottom:8rem}.build-copy{max-width:1100px;margin-top:3rem;display:grid;grid-template-columns:1.6fr 1fr;gap:5vw;align-items:end}.build-copy p{font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.5;margin:0}.build-copy strong{font-size:clamp(1.35rem,2.2vw,2.4rem);line-height:1.1}
.operators{min-height:auto}.operators .section-inner{padding-bottom:0}.operators-copy{margin-bottom:3rem}.experience-strip{height:300px;margin:3.5rem -5vw 0;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;overflow:hidden}.xp-slice{height:230px;padding:2rem;display:flex;align-items:flex-end;transition:transform .45s cubic-bezier(.2,.8,.2,1),height .45s ease;overflow:hidden}.xp-slice span{font-size:clamp(1.6rem,3.4vw,4rem);font-weight:800;line-height:.86;letter-spacing:-.06em}.xp-slice:hover{height:290px;transform:translateY(-8px)}.xp1{background:linear-gradient(145deg,var(--pink),#ff70c8);color:var(--ink)}.xp2{background:linear-gradient(145deg,var(--purple),#bd68ff)}.xp3{background:linear-gradient(145deg,#fff,var(--cream));color:var(--ink)}.xp4{background:linear-gradient(145deg,#30384d,var(--slate))}
.how{padding-bottom:0}.strategy-intro{max-width:850px;font-size:clamp(1.15rem,1.8vw,1.6rem);line-height:1.5;margin:2rem 0 0}.steps{margin-top:4rem}.step{min-height:360px}.step h3{margin:1.5rem 0 1rem;font-size:clamp(2.1rem,3.5vw,3.8rem)}
.closing-simple{background:radial-gradient(circle at 80% 20%,rgba(138,63,252,.22),transparent 35%),var(--navy)}.closing-simple h2{font-size:clamp(4rem,9vw,9.5rem);line-height:.88;letter-spacing:-.075em;margin:0;max-width:1450px}.closing-simple h3{font-size:clamp(2rem,4.5vw,5rem);line-height:.95;letter-spacing:-.06em;max-width:1100px;margin:5rem 0 0;color:#cbd0dc}.closing-final{font-size:clamp(2.5rem,6vw,7rem);font-weight:800;letter-spacing:-.06em;margin:6rem 0 0;background:linear-gradient(90deg,var(--pink),#a74dff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:900px){
 .site-header{height:64px;padding:0 5vw}.site-header.scrolled{height:60px}.logo-text{font-size:1.55rem}.logo-text small{font-size:.43rem;margin-top:.45rem}
 .hero{min-height:100svh;padding:5.5rem 5vw 2.5rem;align-items:center}.hero-content{padding-top:0}.hero .eyebrow{margin-bottom:1.5rem}.hero h1{font-size:clamp(3.3rem,17vw,6rem);line-height:.82;letter-spacing:-.07em}.hero-body{font-size:1.08rem;margin:1.7rem 0 1.3rem}.micro{margin-top:1.5rem;line-height:1.6}
 .operators .section-inner{padding-top:5.5rem}.operators .section-title{font-size:clamp(3.3rem,14vw,5.7rem);line-height:.9}.operators-copy{margin:1.6rem 0 2.5rem}.experience-strip{height:245px;grid-template-columns:repeat(4,72vw);overflow-x:auto;scroll-snap-type:x mandatory;margin-top:2.5rem}.xp-slice{height:210px;scroll-snap-align:start;padding:1.5rem}.xp-slice:hover{height:210px;transform:none}.xp-slice span{font-size:2.6rem}
 .problem-sequence{padding-bottom:4rem}.problem-statement{min-height:65svh;padding:5rem 5vw}.problem-statement h2{font-size:clamp(3rem,14vw,5.4rem);line-height:.9}.problem-summary{padding:4rem 5vw 0;grid-template-columns:1fr;gap:1.5rem}.problem-summary strong{font-size:1.7rem}
 .build .section-inner{padding:5.5rem 5vw}.build h2{font-size:clamp(3.2rem,14vw,5.6rem);line-height:.9}.build-copy{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}.build-copy strong{font-size:1.5rem}
 .how .section-inner{padding:5.5rem 5vw 0}.how .section-title{font-size:clamp(3.7rem,16vw,6.3rem);line-height:.86}.strategy-intro{font-size:1.1rem;margin-top:1.5rem}.steps{margin-top:3rem}.step{min-height:auto;padding:2rem 0;border-top:1px solid #d9d6d4}.step h3{font-size:2.6rem;margin:.8rem 0}.step small{margin-top:1.5rem}
 .services .section-inner,.reporting .section-inner,.closing-simple .section-inner{padding:5.5rem 5vw}.service-row{grid-template-columns:36px 1fr auto;padding:1.1rem 0}.service-row strong{font-size:clamp(1.5rem,7vw,2.4rem)}
 .closing-simple h2{font-size:clamp(3.2rem,14vw,5.5rem)}.closing-simple h3{font-size:clamp(1.8rem,8vw,3rem);margin-top:3.5rem}.closing-final{margin-top:4rem;font-size:clamp(2.5rem,12vw,4.5rem)}
}

/* V4 — tighter mobile, true brand logo, cleaner interaction */
.logo img{display:block;width:205px;height:auto;mix-blend-mode:normal}.site-header.scrolled .logo img{width:180px}.site-header{background:linear-gradient(to bottom,rgba(11,16,32,.94),rgba(11,16,32,.55),transparent)}
.hero h1{font-size:clamp(3.8rem,9.7vw,10.6rem)}
.problem-sequence{padding:0}.problem-statement{min-height:100vh;position:sticky;top:0;background:var(--cream);z-index:1}.problem-statement.alt{z-index:2;background:linear-gradient(145deg,#fff 0%,#f8f4fa 70%,#f0e7fa 100%);clip-path:inset(0 0 0 0)}.problem-statement.alt h2{transform:translateY(0)}.problem-summary{position:relative;z-index:3;background:var(--cream);max-width:none;margin:0;padding:8rem 5vw;display:block}.problem-summary p{max-width:900px;margin:auto;font-size:clamp(2rem,4vw,4.8rem);font-weight:800;line-height:1.05;letter-spacing:-.055em;text-align:center;color:var(--pink)}
.build-copy{display:block;max-width:900px}.build-copy p{font-size:clamp(1.15rem,1.8vw,1.6rem)}
.experience-strip{position:relative;height:250px}.xp-slice{height:300px;align-items:flex-start;padding-top:1.8rem;transform:translateY(0)}.xp-slice:hover{height:330px;transform:translateY(-12px)}.xp-slice span{position:relative;z-index:2}.operator-marquee{position:relative;z-index:4;margin-top:-1px;background:var(--navy)}
.step-toggle{display:contents}.step-toggle i{display:none}.step-content{display:flex;flex:1;flex-direction:column}.step-content small{margin-top:auto}
.fake-chart{background:linear-gradient(180deg,#11192d,#0d1425)}.fake-chart:before{content:none}.bars{border-bottom:0}.chart-line{display:none}
.contact{min-height:auto}.pipe-contact{display:none}.contact h2{color:white}.contact .eyebrow{color:#180b14}.contact-grid{padding-top:8rem;padding-bottom:8rem}
@media(max-width:900px){
 .logo img{width:158px}.site-header.scrolled .logo img{width:145px}
 .hero{padding-top:5.8rem}.hero h1{font-size:clamp(2.9rem,14.4vw,5.2rem);line-height:.86;letter-spacing:-.065em;overflow-wrap:normal;word-break:normal}.hero h1 br{display:block}.hero .word-swap{font-size:.98em}.micro{font-size:.58rem;letter-spacing:.065em;white-space:normal;max-width:92vw}
 .experience-strip{height:225px;grid-template-columns:repeat(4,74vw);overflow-x:auto;scrollbar-width:none;margin-bottom:0}.experience-strip::-webkit-scrollbar{display:none}.xp-slice{height:280px;align-items:flex-start;padding:1.4rem}.xp-slice:hover{height:280px;transform:none}.xp-slice span{font-size:2.35rem}.operator-marquee{margin-top:0}
 .problem-statement{min-height:82svh;padding:5rem 5vw;position:sticky;top:0}.problem-statement.alt{margin-top:25svh}.problem-statement h2{font-size:clamp(2.8rem,13vw,4.8rem)}.problem-summary{padding:5rem 5vw}.problem-summary p{font-size:clamp(2rem,9vw,3.3rem)}
 .build-copy{display:block}.build-copy p{font-size:1.08rem}
 .steps{display:block;background:transparent;border-bottom:0;margin-top:2rem}.step{padding:0;border-top:1px solid #d9d6d4;background:transparent}.step:last-child{border-bottom:1px solid #d9d6d4}.step-toggle{width:100%;display:grid;grid-template-columns:32px 1fr auto;align-items:center;text-align:left;border:0;background:transparent;padding:1.15rem 0;color:inherit}.step-toggle>span{color:var(--pink);font-size:.72rem;font-weight:800}.step-toggle h3{font-size:1.75rem;margin:0;letter-spacing:-.045em}.step-toggle i{display:block;font-style:normal;color:var(--pink);transition:transform .25s}.step-toggle[aria-expanded="true"] i{transform:rotate(180deg)}.step-content{display:none;padding:0 0 1.5rem 32px}.step-content.open{display:block}.step-content p{margin:.25rem 0 1rem;line-height:1.5}.step-content small{display:block;border-top:0;padding-top:0;color:#6a6468}
 .services .section-title{font-size:clamp(3.2rem,14vw,5.5rem)}.service-row strong{font-size:clamp(1.28rem,6.1vw,2.1rem);letter-spacing:-.045em}.report-copy h2{font-size:clamp(3rem,13vw,5rem)}
 .metrics{grid-template-columns:1fr 1fr}.metrics span{font-size:.5rem;overflow-wrap:anywhere}.fake-chart{height:210px}
 .contact-grid{padding-top:5.5rem;padding-bottom:5.5rem}.contact h2{font-size:clamp(3rem,13vw,5rem);line-height:.9}.contact-form{padding:1.35rem;grid-template-columns:1fr}.contact-form .full{grid-column:1}.direct{margin-top:2rem;flex-direction:column;align-items:flex-start}
}

/* V5 — uploaded brand logo, true scroll-driven problem sequence, simplified operator section */
.logo img{width:220px;max-width:28vw;height:auto}.site-header.scrolled .logo img{width:190px}
.hero h1{font-size:1rem;line-height:.77;letter-spacing:-.085em}
.hero h1 .hero-primary{display:block;color:#fff;font-size:clamp(3.4rem,8.7vw,9.3rem);white-space:nowrap;min-height:0}
.hero h1 .word-swap{display:block;font-size:clamp(4rem,9.7vw,10.6rem);min-height:.9em}
.micro{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;max-width:780px}
.micro span{white-space:nowrap}.micro b{color:var(--pink);font-weight:800}

.operators .section-inner{padding-bottom:5.5rem}.operators-copy{margin-bottom:3rem}.operator-marquee{margin-top:2.5rem}

.problem-parallax{height:325svh;--problem-progress:0;background:var(--cream)}
.problem-sticky{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden;padding:7rem 5vw 4rem;background:linear-gradient(145deg,#faf7f4 0%,#f7f4f1 54%,#f1ebf7 100%)}
.problem-sticky:before{content:"";position:absolute;width:70vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,45,173,.12),rgba(138,63,252,.045) 42%,transparent 70%);left:-20vw;top:10%;transform:translate3d(calc(var(--problem-progress) * 72vw),calc(var(--problem-progress) * -8vh),0);will-change:transform;pointer-events:none}
.problem-backdrop{position:absolute;left:-4vw;top:50%;transform:translate3d(calc(var(--problem-progress) * -18vw),-50%,0);font-size:clamp(10rem,22vw,24rem);font-weight:800;letter-spacing:-.09em;line-height:.75;color:rgba(11,16,32,.035);white-space:nowrap;pointer-events:none;will-change:transform}
.problem-message{position:absolute;inset:auto 5vw;width:min(1400px,90vw);text-align:center;opacity:0;transform:translate3d(0,82px,0) scale(.985);will-change:opacity,transform}
.problem-message h2{margin:0 auto;max-width:1350px;font-size:clamp(3.7rem,8.8vw,9.2rem);font-weight:800;line-height:.9;letter-spacing:-.075em;text-wrap:balance}
.problem-message-final h2{font-size:clamp(3.4rem,8vw,8.4rem)}
.problem-kicker{display:block;margin-bottom:1.6rem;font-size:.72rem;font-weight:800;letter-spacing:.18em;color:#6f6870;text-transform:uppercase}
.problem-progress{position:absolute;right:3vw;top:50%;transform:translateY(-50%);display:grid;gap:.72rem;z-index:3}
.problem-progress i{display:block;width:7px;height:7px;border-radius:50%;background:#c9c3c8;transition:transform .25s ease,background .25s ease}
.problem-progress i.active{background:var(--pink);transform:scale(1.7)}

@media(max-width:900px){
 .site-header{height:62px;padding:0 4.5vw}.site-header.scrolled{height:58px}.logo img{width:148px;max-width:62vw}.site-header.scrolled .logo img{width:138px}.mobile-nav{top:62px}
 .hero{min-height:100svh;align-items:flex-start;padding:5.1rem 5vw 2.5rem}.hero-content{padding-top:.7rem;width:100%}.hero .eyebrow{margin-bottom:1.2rem}
 .hero h1{line-height:.84;letter-spacing:-.065em}.hero h1 .hero-primary{font-size:clamp(2.15rem,10vw,3.1rem);line-height:.92;letter-spacing:-.06em}.hero h1 .word-swap{font-size:clamp(3rem,13.4vw,4.8rem);line-height:.84;letter-spacing:-.07em;margin-top:.15rem}
 .hero-body{margin:1.35rem 0 1.15rem;max-width:92vw}.micro{font-size:.6rem;letter-spacing:.055em;line-height:1.2;gap:.5rem .55rem;max-width:330px;margin-top:1.35rem}.micro b{font-size:.7em}
 .operators .section-inner{padding-top:4.8rem;padding-bottom:4.5rem}.operators-copy{margin-bottom:2rem}.operator-marquee{margin-top:2rem}
 .problem-parallax{height:305svh}.problem-sticky{padding:4.5rem 6vw 3rem}.problem-sticky:before{width:120vw;left:-55vw;top:18%}.problem-backdrop{left:-12vw;font-size:34vw;opacity:.7}.problem-message{inset:auto 6vw;width:88vw}.problem-message h2,.problem-message-final h2{font-size:clamp(2.7rem,12.4vw,4.55rem);line-height:.91;letter-spacing:-.067em}.problem-kicker{font-size:.58rem;letter-spacing:.14em;margin-bottom:1.1rem}.problem-progress{right:1.1rem;gap:.6rem}.problem-progress i{width:6px;height:6px}
}



/* V6 — tighter spacing, exact uploaded logo, banner divider and reversible pinned parallax */
.site-header{
  height:74px;
  padding:0 4vw;
  background:#fff;
  color:var(--navy);
  border-bottom:1px solid rgba(11,16,32,.08);
  box-shadow:none;
}
.site-header.scrolled{
  height:66px;
  background:rgba(255,255,255,.96);
  color:var(--navy);
  border-bottom:1px solid rgba(11,16,32,.10);
  box-shadow:0 10px 30px rgba(11,16,32,.06);
  backdrop-filter:blur(14px);
}
.logo{overflow:hidden;display:flex;align-items:center;background:#fff}
.logo img{
  display:block;
  width:190px;
  max-width:none;
  height:auto;
  mix-blend-mode:normal;
}
.site-header.scrolled .logo img{width:174px}
.site-header nav a{opacity:.72}.site-header nav a:hover{opacity:1;color:var(--pink)}
.nav-cta{border-color:rgba(11,16,32,.24);color:var(--navy)}
.menu-button span{background:var(--navy)}
.mobile-nav{background:#fff;color:var(--navy);border-top:1px solid rgba(11,16,32,.08);box-shadow:0 18px 35px rgba(11,16,32,.08)}

.section-inner{padding:6rem 5vw}
.hero{min-height:86svh;padding:7rem 5vw 3.5rem;align-items:flex-end}
.hero-body{margin:1.8rem 0 1.25rem}
.micro{margin-top:1.55rem}

.operators{min-height:auto}
.operators .section-inner{padding-top:5.5rem;padding-bottom:3.25rem}
.operators-copy{margin:1.8rem 0 0}
.operator-marquee{
  margin:0;
  padding:1.05rem 0;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:0;
  background:var(--navy);
}
.operator-marquee>div{gap:1.6rem}
.operator-marquee span{font-size:.94rem}

.problem-parallax{
  height:280svh;
  --problem-progress:0;
  background:#fff;
  overflow:visible;
}
.problem-sticky{
  position:sticky;
  top:0;
  height:100svh;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:5.5rem 5vw 3rem;
  background:#fff;
}
.problem-sticky:before{
  width:72vw;
  left:-28vw;
  top:14%;
  opacity:.85;
  background:radial-gradient(circle,rgba(255,45,173,.105),rgba(138,63,252,.035) 45%,transparent 72%);
  transform:translate3d(calc(var(--problem-progress) * 78vw),calc(var(--problem-progress) * -5vh),0);
}
.problem-backdrop{
  left:-3vw;
  font-size:clamp(9rem,19vw,21rem);
  color:rgba(11,16,32,.022);
  transform:translate3d(calc(var(--problem-progress) * -12vw),-50%,0);
}
.problem-message{
  inset:auto 5vw;
  width:min(1320px,90vw);
  opacity:0;
  transform:translate3d(0,60vh,0);
}
.problem-message h2{
  max-width:1250px;
  font-size:clamp(3.4rem,8.1vw,8.6rem);
  line-height:.9;
}
.problem-message-final h2{font-size:clamp(3.1rem,7.4vw,7.8rem)}
.problem-kicker{margin-bottom:1.15rem}

.build{min-height:auto}
.build .section-inner{padding-top:6rem;padding-bottom:6rem}
.build h2{font-size:clamp(3.8rem,8.4vw,8.7rem)}
.build-copy{margin-top:2.6rem}
.build-copy p{margin:0;max-width:860px}

.how{padding-bottom:0}
.how .section-inner{padding-top:6rem;padding-bottom:5.5rem}
.strategy-intro{margin-top:2rem;max-width:820px}
.steps{margin-top:3.2rem}
.step{
  min-height:335px;
  padding:2rem 1.55rem;
}
.step-number{font-size:.75rem;color:var(--pink);font-weight:800}
.step h3{margin:1.4rem 0 1.1rem;font-size:clamp(2.2rem,3.5vw,3.9rem)}
.step p{margin:0 0 1.5rem;font-size:1rem}
.step small{margin-top:auto}
.step-toggle{display:none!important}
.step-content{display:contents!important}

.services{padding-bottom:0}
.services .section-inner{padding-top:5.5rem;padding-bottom:5.5rem}
.service-list{margin-top:3.25rem}
.service-row{padding:1.15rem 0}
.service-close{margin-top:1.5rem}

.reporting .section-inner{padding-top:5.75rem;padding-bottom:5.75rem}
.fake-chart{height:230px}
.contact .section-inner{padding-top:5.75rem;padding-bottom:5.75rem}

@media(max-width:900px){
  .site-header{height:58px;padding:0 4vw}
  .site-header.scrolled{height:56px}
  .logo img{width:151px;max-width:none}
  .site-header.scrolled .logo img{width:146px}
  .mobile-nav{top:58px}

  .section-inner{padding:3.7rem 5vw}
  .hero{
    min-height:auto;
    padding:4.7rem 5vw 3rem;
    align-items:flex-start;
  }
  .hero-content{padding-top:0}
  .hero .eyebrow{margin-bottom:1rem}
  .hero-body{margin:1.2rem 0 1.05rem}
  .micro{margin-top:1.15rem}

  .operators .section-inner{padding-top:3.8rem;padding-bottom:2.6rem}
  .operators-copy{margin:1.35rem 0 0}
  .operator-marquee{margin:0;padding:.9rem 0}
  .operator-marquee>div{gap:1.25rem}
  .operator-marquee span{font-size:.82rem}

  .problem-parallax{height:270svh}
  .problem-sticky{padding:4.1rem 6vw 2.5rem;background:#fff}
  .problem-sticky:before{width:130vw;left:-65vw;top:20%;opacity:.7}
  .problem-backdrop{left:-16vw;font-size:31vw;color:rgba(11,16,32,.018)}
  .problem-message{inset:auto 6vw;width:88vw}
  .problem-message h2,.problem-message-final h2{
    font-size:clamp(2.55rem,11.8vw,4.25rem);
    line-height:.9;
    letter-spacing:-.064em;
  }
  .problem-kicker{font-size:.54rem;margin-bottom:.85rem}
  .problem-progress{right:.8rem}

  .build .section-inner{padding-top:3.9rem;padding-bottom:3.9rem}
  .build h2{font-size:clamp(3.05rem,13.2vw,5.25rem);line-height:.88}
  .build-copy{margin-top:1.7rem}

  .how .section-inner{padding-top:3.9rem;padding-bottom:3.6rem}
  .strategy-intro{margin-top:1.4rem}
  .steps{
    display:block;
    margin-top:2.2rem;
    background:transparent;
    border-top:1px solid #d9d6d4;
    border-bottom:0;
  }
  .step{
    display:block;
    min-height:0;
    padding:1.35rem 0 1.45rem;
    border-bottom:1px solid #d9d6d4;
    background:transparent;
  }
  .step-number{display:block;margin-bottom:.55rem}
  .step h3{font-size:2rem;margin:0 0 .65rem;line-height:.95}
  .step p{font-size:.98rem;line-height:1.48;margin:0 0 .75rem}
  .step small{display:block;border-top:0;padding-top:0;font-size:.75rem;line-height:1.4;color:#6a6468}

  .services .section-inner{padding-top:3.8rem;padding-bottom:3.8rem}
  .service-list{margin-top:2rem}
  .service-row{padding:.95rem 0}
  .service-close{margin-top:1.2rem;text-align:left}

  .reporting .section-inner{padding-top:3.8rem;padding-bottom:3.8rem}
  .dashboard{margin-top:2rem}
  .fake-chart{height:185px}
  .contact .section-inner{padding-top:3.9rem;padding-bottom:3.9rem}
  .contact-form{margin-top:2rem}
}

/* Exact uploaded logo sits on its original white field. */
.site-header,.site-header.scrolled,.logo,.mobile-nav{background:#fdfdfd}
@media(max-width:900px){.problem-backdrop{display:none}}
.footer{background:#fdfdfd;color:#4d5365;border-top:1px solid rgba(11,16,32,.08)}
.footer .logo{background:#fdfdfd}.footer p{color:#747b8e;border-top-color:rgba(11,16,32,.10)}
.blog-shell,.article-shell{padding-top:66px}
@media(max-width:900px){.blog-shell,.article-shell{padding-top:56px}}
.problem-message{
  inset:0;
  width:100%;
  padding:5.5rem 7vw 3rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
@media(max-width:900px){
  .problem-message{inset:0;width:100%;padding:4.1rem 7vw 2.5rem}
}

/* V7 — clean pinned scroll story immediately after hero */
.problem-parallax{
  height:340svh!important;
  background:#fff!important;
  overflow:visible!important;
  position:relative;
  z-index:2;
}
.problem-sticky{
  position:sticky!important;
  top:0!important;
  height:100svh!important;
  min-height:100svh!important;
  overflow:hidden!important;
  display:block!important;
  padding:0!important;
  background:#fff!important;
}
.problem-message{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:clamp(5rem,8vw,8rem) 7vw 4rem!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,62vh,0);
  will-change:transform,opacity;
  pointer-events:none!important;
}
.problem-message h2,
.problem-message-final h2{
  margin:0 auto!important;
  max-width:1320px!important;
  font-size:clamp(3.55rem,8.25vw,8.8rem)!important;
  line-height:.89!important;
  letter-spacing:-.073em!important;
  text-wrap:balance;
}
.problem-kicker{
  margin:0 0 1.25rem!important;
  font-size:.68rem!important;
  font-weight:800;
  letter-spacing:.18em;
  color:#77717a;
  text-transform:uppercase;
}
.problem-backdrop{
  position:absolute!important;
  left:-5vw!important;
  top:50%!important;
  transform:translate3d(calc(var(--problem-progress) * -10vw),-50%,0)!important;
  font-size:clamp(10rem,21vw,23rem)!important;
  font-weight:800;
  letter-spacing:-.09em;
  line-height:.75;
  color:rgba(11,16,32,.025)!important;
  white-space:nowrap;
  pointer-events:none;
}
.problem-sticky:before{
  content:"";
  position:absolute;
  width:72vw!important;
  aspect-ratio:1;
  border-radius:50%;
  left:-32vw!important;
  top:12%!important;
  background:radial-gradient(circle,rgba(255,45,173,.11),rgba(138,63,252,.035) 45%,transparent 72%)!important;
  transform:translate3d(calc(var(--problem-progress) * 82vw),calc(var(--problem-progress) * -5vh),0)!important;
  pointer-events:none;
}
.problem-progress{position:absolute!important;right:2.4vw!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;gap:.75rem!important;z-index:5}
.problem-progress i{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#c8c2c8!important}
.problem-progress i.active{background:var(--pink)!important;transform:scale(1.65)!important}

/* The operator ticker is the lower edge of its section — no trailing gap. */
.operators{padding-bottom:0!important;margin-bottom:0!important}
.operators .operator-marquee{margin:0!important;border-bottom:0!important}

/* Keep Strategy First fully open at every breakpoint. */
.step-toggle{display:none!important}
.step-content{display:contents!important}

@media(max-width:900px){
  .hero{padding-top:4.1rem!important;padding-bottom:2.5rem!important}
  .problem-parallax{height:330svh!important}
  .problem-sticky{height:100svh!important;min-height:100svh!important}
  .problem-message{padding:4.25rem 7vw 3rem!important}
  .problem-message h2,.problem-message-final h2{
    font-size:clamp(2.55rem,11.9vw,4.4rem)!important;
    line-height:.9!important;
    letter-spacing:-.064em!important;
  }
  .problem-kicker{font-size:.54rem!important;margin-bottom:.85rem!important}
  .problem-backdrop{display:none!important}
  .problem-sticky:before{width:135vw!important;left:-68vw!important;top:18%!important}
  .problem-progress{right:.85rem!important;gap:.62rem!important}
  .problem-progress i{width:6px!important;height:6px!important}
}

/* The scroll story remains pinned even when OS Reduce Motion is enabled. */
@media(prefers-reduced-motion:reduce){
  .problem-parallax{height:340svh!important}
  .problem-sticky{position:sticky!important;top:0!important;height:100svh!important;display:block!important;padding:0!important}
  .problem-message{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transition:none!important}
}

/* V8: definitive scroll-story guardrails. Never flatten this section into normal document flow. */
.problem-parallax{position:relative!important;height:340svh!important;overflow:visible!important}
.problem-sticky{position:sticky!important;top:0!important;height:100svh!important;min-height:100svh!important;overflow:hidden!important}
.problem-message{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important}
@media(max-width:900px){.problem-parallax{height:330svh!important}}
@media(prefers-reduced-motion:reduce){
  .problem-parallax{height:340svh!important}
  .problem-sticky{position:sticky!important;top:0!important;height:100svh!important;min-height:100svh!important;overflow:hidden!important}
  .problem-message{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important}
}

/* V9 — word-by-word scroll choreography for the pinned story */
.problem-progress{display:none!important}
.problem-message{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5.5rem 5vw 3rem!important}
.problem-wordline,.problem-final-line{margin:0 auto!important;max-width:1350px}
.problem-word{display:inline-block;white-space:nowrap;will-change:transform,opacity;transform-origin:50% 70%}
.problem-wordline .problem-word{margin-right:.12em}
.problem-wordline .problem-word:last-child{margin-right:0}
.problem-final-copy{display:block}
.problem-final-copy .problem-word{margin-right:.1em}
.sales-plan{
  display:block;
  margin-top:.12em;
  font-size:1.12em;
  line-height:.84;
  letter-spacing:-.075em;
  font-weight:800;
  background:linear-gradient(90deg,var(--pink),#c92fe7 48%,var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  opacity:0;
  will-change:transform,opacity;
  position:relative;
}
.sales-plan:after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:-.06em;
  height:.045em;
  min-height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--pink),var(--purple));
  transform:scaleX(var(--plan-reveal,0));
  transform-origin:left center;
}
.problem-scene-two .gradient-word{filter:saturate(1.1)}
.problem-scene-three .problem-kicker{color:var(--pink)}
@media(max-width:900px){
  .problem-message{padding:4.4rem 6vw 2.6rem!important}
  .problem-wordline .problem-word,.problem-final-copy .problem-word{margin-right:.08em}
  .sales-plan{font-size:1.08em;margin-top:.18em}
  .sales-plan:after{left:5%;right:5%;min-height:3px}
}

/* V10 — slower, horizontal-only scroll story */
.problem-parallax{height:510svh!important}
.problem-word{transition:none!important}
.sales-plan{transition:none!important}
.sales-plan:after{display:none!important;content:none!important}
@media(max-width:900px){
  .problem-parallax{height:500svh!important}
  .problem-message{padding:4rem 5.5vw 2.5rem!important}
}
@media(prefers-reduced-motion:reduce){
  .problem-parallax{height:500svh!important}
}

/* V13 — lock header geometry, tighten mobile story edges, contact payoff */
.site-header,
.site-header.scrolled{
  height:74px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.logo img,
.site-header.scrolled .logo img{
  width:190px!important;
  height:auto!important;
}
.contact h2{
  color:#fff!important;
  max-width:900px;
}

@media(max-width:900px){
  .site-header,
  .site-header.scrolled{
    height:58px!important;
  }
  .logo img,
  .site-header.scrolled .logo img{
    width:151px!important;
  }
  .mobile-nav{top:58px!important}

  /* Keep the pinned story flush to the sections around it. The content itself is
     vertically centred; there is no additional section padding above or below. */
  .problem-parallax{margin:0!important;padding:0!important}
  .problem-sticky{margin:0!important;padding:0!important}
  .problem-message{padding:58px 5.5vw 20px!important}
}

/* V14 — full landing viewport + cleaner handoff into/out of the scroll story */
.hero{
  min-height:100svh!important;
}

/* Give the next section a deliberate landing point when the pinned story releases. */
.operators{
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
html{
  scroll-snap-type:y proximity;
}

/* The first story line sits a little above dead-centre so it becomes visible sooner
   as the white panel rises over the full-height hero. */
.problem-scene-one{
  padding-bottom:10vh!important;
}

@media(max-width:900px){
  .hero{
    min-height:100svh!important;
    padding-top:5.2rem!important;
    padding-bottom:2.25rem!important;
    align-items:flex-start!important;
  }
  .problem-scene-one{
    padding-bottom:18vh!important;
  }
}

/* V15 — final landing composition polish */
.hero{
  min-height:100svh!important;
  padding:clamp(7.5rem,11vh,10rem) 5vw clamp(3rem,7vh,5.5rem)!important;
  align-items:center!important;
}
.hero-content{
  width:100%;
  max-width:1450px;
  margin-inline:auto;
  padding-top:0!important;
}
.hero .eyebrow{
  color:var(--pink)!important;
  margin-bottom:clamp(1.4rem,2.5vh,2.2rem)!important;
}
.hero-body{
  margin:clamp(1.7rem,3vh,2.5rem) 0 clamp(1.25rem,2.1vh,1.8rem)!important;
}
.hero .micro{
  margin-top:clamp(1.4rem,2.5vh,2rem)!important;
}

@media(min-width:901px){
  .hero-content{
    transform:translateY(2.5vh);
  }
  .hero .eyebrow{
    font-size:clamp(.8rem,1vw,.96rem)!important;
  }
  .hero-body{
    max-width:760px;
  }
}

@media(max-width:900px){
  .hero{
    min-height:100svh!important;
    padding:calc(58px + clamp(2.6rem,7vh,4.4rem)) 5vw clamp(2.6rem,6vh,4rem)!important;
    align-items:center!important;
  }
  .hero-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    transform:none!important;
  }
  .hero .eyebrow{
    margin-bottom:clamp(1.2rem,2.6vh,1.8rem)!important;
    font-size:clamp(.72rem,3.3vw,.86rem)!important;
    line-height:1.25;
  }
  .hero h1 .hero-primary{
    font-size:clamp(2.45rem,11.2vw,3.55rem)!important;
    line-height:.91!important;
  }
  .hero h1 .word-swap{
    font-size:clamp(3.25rem,14.6vw,5.2rem)!important;
    line-height:.83!important;
    margin-top:.22rem!important;
  }
  .hero-body{
    font-size:clamp(1.03rem,4.5vw,1.2rem)!important;
    line-height:1.48!important;
    margin:clamp(1.6rem,3.4vh,2.2rem) 0 clamp(1.25rem,2.6vh,1.7rem)!important;
    max-width:95vw!important;
  }
  .hero-actions .button{
    padding:1.05rem 1.35rem!important;
  }
  .hero .micro{
    margin-top:clamp(1.4rem,3vh,2rem)!important;
    max-width:100%!important;
    gap:.45rem .65rem!important;
  }
}


/* V16 — navigation reflects the final homepage structure and works on every route */
.site-header nav{gap:1.55rem}
.site-header nav a{white-space:nowrap}
@media (max-width:1100px) and (min-width:901px){
  .site-header nav{gap:1rem;margin-right:1rem}
  .site-header nav a{font-size:.72rem}
  .nav-cta{font-size:.72rem;padding:.72rem .9rem}
}
@media(max-width:900px){
  .mobile-nav{
    max-height:calc(100svh - 58px);
    overflow:auto;
    padding:1.4rem 5vw 1.8rem;
    gap:0;
  }
  .mobile-nav a{
    display:flex;align-items:center;min-height:54px;
    border-bottom:1px solid rgba(11,16,32,.08);
    font-size:1.05rem;
  }
  .mobile-nav a:last-child{
    margin-top:.9rem;border:0;min-height:auto;width:max-content;
    background:linear-gradient(90deg,var(--pink),var(--purple2));
    color:#fff;padding:.9rem 1.2rem;border-radius:999px;
  }
  html.menu-open{overflow:hidden}
}

/* V17 — final live-site polish: mobile hero fit, calmer rotating words, crisp parallax exits, form */
.word-swap{
  transition:opacity .4s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1)!important;
}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media(max-width:900px){
  /* Keep YOUR CORPORATE on one clean line on narrower phones. */
  .hero h1 .hero-primary{
    font-size:clamp(2.18rem,9.8vw,3.3rem)!important;
    letter-spacing:-.072em!important;
    white-space:nowrap!important;
  }
}

/* V20 — slower parallax travel and inline Netlify form confirmation */
.problem-parallax{height:400svh!important}
.form-success{grid-column:1/-1;padding:1.4rem 0}
.form-success h3{font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.045em;margin:.5rem 0 1rem}
.form-success p:last-child{font-size:1.05rem;max-width:34rem}
.form-error{margin-top:.8rem;font-weight:700}
@media(max-width:900px){.problem-parallax{height:390svh!important}}