:root{--navy:#09182b;--navy-light:#0f2240;--navy-mid:#132b4f;--coral:#e8264b;--coral-glow:#ff3d5e;--white:#f8f7f4;--cream:#ede9e0;--muted:#8a94a6;--border:#ffffff14;--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", sans-serif;--px:80px;--sp:120px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--navy);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:clip}::selection{background:var(--coral);color:#fff}body:after{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");position:fixed;inset:0}.cur-d,.cur-r{pointer-events:none;z-index:10001;border-radius:50%;transition:width .3s cubic-bezier(.25,1,.5,1),height .3s cubic-bezier(.25,1,.5,1);position:fixed;transform:translate(-50%,-50%)}.cur-d{background:var(--coral);z-index:10002;width:8px;height:8px}.cur-r{border:1.5px solid #e8264b66;width:40px;height:40px}.cur-d.hov{background:#e8264b1a;width:56px;height:56px}.cur-r.hov{border-color:#e8264b99;width:72px;height:72px}@media (pointer:coarse){.cur-d,.cur-r{display:none}body{cursor:auto}}@media (pointer:fine){body,a,button{cursor:none}}.scroll-progress{background:var(--coral);z-index:10000;transform-origin:0;width:0%;height:3px;position:fixed;top:0;left:0}nav{z-index:1000;padding:20px var(--px);justify-content:space-between;align-items:center;transition:background .4s,padding .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.4);padding:14px var(--px);border-bottom:1px solid var(--border);background:#09182be6}.nav-logo{color:var(--white);z-index:1001;align-items:center;text-decoration:none;display:flex}.nav-logo-mark,.nav-brand{display:none}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{color:var(--muted);letter-spacing:.02em;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--coral);transform-origin:100%;height:2px;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-links a.active{color:var(--white)}.nav-links a.active:after{transform-origin:0;transform:scaleX(1)}.nav-cta{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:10px 24px;font-weight:600;background:var(--coral)!important;color:#fff!important;font-size:13px!important;transition:background .3s!important}.nav-cta:hover{background:var(--coral-glow)!important}.nav-cta:after{display:none!important}.hamburger{z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--white);width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-nav{background:var(--navy);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:none;position:fixed;inset:0}.mobile-nav.open{display:flex}.mobile-nav a{color:var(--white);font-family:var(--font-display);letter-spacing:2px;font-size:44px;text-decoration:none;transition:color .3s}.mobile-nav a:hover{color:var(--coral)}.btn-p{background:var(--coral);color:#fff;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:8px;align-items:center;gap:10px;padding:16px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:background .3s,transform .3s,box-shadow .3s;display:inline-flex}.btn-p:hover{background:var(--coral-glow);transform:translateY(-2px);box-shadow:0 8px 30px #e8264b4d}.btn-g{color:var(--white);letter-spacing:.02em;border:1px solid var(--border);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:16px 32px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .3s,background .3s;display:inline-flex}.btn-g:hover{background:#ffffff0a;border-color:#ffffff40}.s-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--coral);margin-bottom:16px;font-size:11px;font-weight:600}.s-title{font-family:var(--font-display);letter-spacing:1px;font-size:clamp(40px,5vw,68px);line-height:1}.badge{border:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 18px 6px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-dot{background:var(--coral);border-radius:50%;width:8px;height:8px;animation:2s infinite pdot}@keyframes pdot{0%,to{box-shadow:0 0 #e8264b80}50%{box-shadow:0 0 0 6px #e8264b00}}.stats-ticker{background:var(--navy-light);border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:stretch;padding:0;display:flex;position:relative;overflow:hidden}.ticker-eyebrow{border-right:1px solid var(--border);z-index:2;background:var(--navy-light);flex-shrink:0;align-items:center;gap:8px;padding:0 24px;display:flex}.ticker-eyebrow-dot{background:var(--coral);border-radius:50%;width:6px;height:6px;animation:2s infinite pdot}.ticker-eyebrow-text{letter-spacing:.18em;text-transform:uppercase;color:var(--coral);white-space:nowrap;font-size:9px;font-weight:700}.stats-ticker:before,.stats-ticker:after{content:"";z-index:1;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.stats-ticker:before{background:linear-gradient(to right, var(--navy-light) 0%, transparent 100%);left:0}.stats-ticker:after{background:linear-gradient(to left, var(--navy-light) 0%, transparent 100%);right:0}.ticker-track{gap:0;width:max-content;padding:20px 0;animation:35s linear infinite tickerScroll;display:flex}.ticker-track:hover{animation-play-state:paused}.ticker-item{white-space:nowrap;border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:0 40px;display:flex}.ticker-item-inner{flex-direction:column;gap:1px;display:flex}.ticker-num{font-family:var(--font-display);letter-spacing:1px;color:var(--white);font-size:30px;line-height:1}.ticker-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.ticker-arrow{color:var(--muted);flex-shrink:0;font-size:12px;line-height:1}.ticker-sep{display:none}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:768px){.ticker-eyebrow{padding:0 16px}.ticker-item{padding:0 24px}.ticker-num{font-size:24px}.ticker-label{font-size:9px}}@media (max-width:480px){.ticker-eyebrow{padding:0 12px}.ticker-item{padding:0 16px}.ticker-num{font-size:20px}}footer{padding:60px var(--px);border-top:1px solid var(--border)}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;display:grid}.footer-brand{margin-bottom:16px;font-size:20px;font-weight:700}.footer-brand i{color:var(--coral);font-style:normal}.footer-tagline{color:var(--muted);max-width:280px;font-size:14px;line-height:1.7}.footer-col h4{font-family:var(--font-display);letter-spacing:2px;margin-bottom:20px;font-size:16px}.footer-col a{color:var(--muted);margin-bottom:12px;font-size:14px;text-decoration:none;transition:color .3s;display:block}.footer-col a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--border);max-width:1200px;color:var(--muted);justify-content:space-between;align-items:center;margin:40px auto 0;padding-top:40px;font-size:13px;display:flex}.footer-socials{gap:20px;display:flex}.footer-socials a{color:var(--muted);text-decoration:none;transition:color .3s}.footer-socials a:hover{color:var(--coral)}.footer-legal{gap:20px;display:flex}.footer-legal a{color:var(--muted);font-size:12px;text-decoration:none;transition:color .3s}.footer-legal a:hover{color:var(--white)}.manifesto{padding:var(--sp) var(--px);align-items:center;min-height:80vh;display:flex}.manifesto-text{font-family:var(--font-display);letter-spacing:1px;max-width:1100px;font-size:clamp(34px,5.2vw,68px);line-height:1.18}.m-word{opacity:.12;margin-right:.18em;transition:opacity 50ms;display:inline-block}.m-word.active{opacity:1}.m-word.hl{color:var(--coral)}.partner-logo-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px 60px;max-width:1100px;margin:0 auto;display:flex}.partner-logo-item{opacity:.65;justify-content:center;align-items:center;height:44px;transition:opacity .4s;display:flex}.partner-logo-item:hover{opacity:.85}.partner-logo-item img{object-fit:contain;width:auto;max-width:160px;height:100%;filter:brightness(1.15) saturate(1.2)}.logo-bar{padding:52px var(--px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.logo-bar-label{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:40px;font-size:11px}.logo-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.logo-item{opacity:.28;filter:brightness(0)invert();justify-content:center;align-items:center;height:40px;transition:opacity .35s;display:flex}.logo-item:hover{opacity:.75}.logo-item img{object-fit:contain;width:auto;max-width:130px;height:100%}.scroll-ind{opacity:0;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-ind span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:10px}.scroll-line{background:var(--border);width:1px;height:40px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--coral);width:100%;height:100%;animation:2s infinite scrl;position:absolute;top:-100%;left:0}@keyframes scrl{0%{top:-100%}to{top:100%}}.pinned-services-header{text-align:center;padding:var(--sp) var(--px) 80px}.pinned-services{isolation:isolate;background:var(--navy);position:relative}.stack-cards{padding-bottom:0;position:relative}.stack-card{background:var(--navy-light);border:1px solid var(--border);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1000px;margin:0 auto 120px;padding:60px;display:grid;top:100px;position:sticky!important}.stack-card:last-child{margin-bottom:0}.stack-card:first-child{z-index:1;top:100px}.stack-card:nth-child(2){z-index:2;top:110px}.stack-card:nth-child(3){z-index:3;top:120px}.stack-card:nth-child(4){z-index:4;top:130px}.stack-card:nth-child(5){z-index:5;top:140px}.stack-card:nth-child(6){z-index:6;top:150px}.sc-num{font-family:var(--font-display);color:#e8264b0f;font-size:120px;line-height:1;position:absolute;top:20px;right:40px}.sc-icon{width:56px;height:56px;color:var(--coral);background:#e8264b14;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.sc-h{font-family:var(--font-display);letter-spacing:1px;margin-bottom:12px;font-size:32px}.sc-p{color:var(--muted);margin-bottom:20px;font-size:15px;line-height:1.7}.sc-tags{flex-wrap:wrap;gap:8px;display:flex}.sc-tag{border:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:100px;padding:6px 14px;font-size:11px}.sc-visual{aspect-ratio:4/3;background:var(--navy);border-radius:16px;width:100%;position:relative;overflow:hidden}.sc-visual:before{content:"";border:1px solid var(--border);z-index:1;border-radius:16px;position:absolute;inset:0}.sc-visual-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sc-visual-inner svg{opacity:.15;width:70%;height:70%}.stats{padding:120px var(--px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1200px;margin:0 auto;display:grid}.stat{text-align:center}.stat-n{font-family:var(--font-display);letter-spacing:2px;color:var(--coral);margin-bottom:8px;font-size:clamp(52px,7vw,88px);line-height:1}.stat-l{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:500}.process{padding:var(--sp) var(--px)}.process-line-wrap{max-width:1000px;margin:80px auto 0;position:relative}.process-line-bg{background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.process-line-fill{background:var(--coral);width:2px;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.p-step{grid-template-columns:1fr 60px 1fr;align-items:start;gap:0;margin-bottom:80px;display:grid}.p-step:nth-child(odd) .p-step-content{text-align:right;grid-column:1;padding-right:40px}.p-step:nth-child(odd) .p-step-dot{grid-column:2}.p-step:nth-child(odd) .p-step-visual{grid-column:3}.p-step:nth-child(2n) .p-step-visual{grid-area:1/1}.p-step:nth-child(2n) .p-step-dot{grid-area:1/2}.p-step:nth-child(2n) .p-step-content{grid-area:1/3;padding-left:40px}.p-step-dot{justify-content:center;width:60px;padding-top:4px;display:flex}.p-dot{background:var(--navy);border:2px solid var(--border);z-index:2;border-radius:50%;width:20px;height:20px;transition:border-color .4s,background .4s;position:relative}.p-step.active .p-dot{border-color:var(--coral);background:var(--coral)}.p-step-num{font-family:var(--font-display);color:var(--coral);letter-spacing:2px;margin-bottom:8px;font-size:14px}.p-step h3{font-family:var(--font-display);letter-spacing:1px;margin-bottom:10px;font-size:30px}.p-step p{color:var(--muted);font-size:14px;line-height:1.7}.p-step-visual{background:var(--navy-light);border:1px solid var(--border);aspect-ratio:16/10;font-family:var(--font-display);color:#ffffff08;letter-spacing:4px;border-radius:16px;justify-content:center;align-items:center;font-size:48px;display:flex}.community{padding:var(--sp) 0;overflow:hidden}.community-header{text-align:center;padding:0 var(--px) 80px}.comm-row{gap:24px;padding:12px 0;display:flex}.comm-card{background:var(--navy-light);border:1px solid var(--border);text-align:center;border-radius:16px;flex:0 0 280px;justify-content:center;align-items:center;height:160px;padding:24px;transition:border-color .3s;display:flex}.comm-card:hover{border-color:#e8264b4d}.comm-card-emoji{margin-bottom:10px;font-size:28px}.comm-card-text{color:var(--muted);font-size:13px;line-height:1.5}.comm-card-text strong{color:var(--white);font-weight:600}.testimonials{padding:var(--sp) var(--px)}.test-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px;display:grid}.test-card{background:var(--navy-light);border:1px solid var(--border);border-radius:16px;padding:36px;transition:border-color .3s,transform .3s}.test-card:hover{border-color:#e8264b33;transform:translateY(-2px)}.test-stars{color:var(--coral);letter-spacing:2px;margin-bottom:16px;font-size:14px}.test-card blockquote{color:#fffc;margin-bottom:24px;font-size:15px;font-style:italic;line-height:1.7}.test-author{align-items:center;gap:12px;display:flex}.test-av{background:var(--navy-mid);width:40px;height:40px;font-family:var(--font-display);color:var(--coral);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.test-name{font-size:14px;font-weight:600}.test-role{color:var(--muted);font-size:12px}.big-cta{text-align:center;min-height:100vh;padding:var(--sp) var(--px);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.big-cta:before{content:"";filter:blur(60px);background:radial-gradient(circle,#e8264b14 0%,#0000 70%);border-radius:50%;width:900px;height:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.big-cta-inner{z-index:2;position:relative}.big-cta h2{font-family:var(--font-display);letter-spacing:3px;margin-bottom:32px;font-size:clamp(60px,9vw,140px);line-height:.95}.big-cta h2 em{color:var(--coral);font-style:normal}.big-cta p{color:var(--muted);max-width:500px;margin:0 auto 48px;font-size:18px;line-height:1.7}.big-cta-actions{justify-content:center;align-items:center;gap:16px;display:flex}.hscroll-wrap{background:var(--navy);z-index:10;position:relative}.hscroll-inner{background:var(--navy);flex-direction:column;justify-content:center;height:100vh;display:flex;overflow:hidden}.hscroll-header{padding:0 var(--px) 40px;justify-content:space-between;align-items:flex-end;display:flex}.hscroll-progress-track{background:var(--border);border-radius:1px;width:200px;height:2px;overflow:hidden}.hscroll-progress-fill{background:var(--coral);border-radius:1px;width:0%;height:100%}.hscroll-track{padding:0 var(--px);will-change:transform;gap:32px;display:flex}.h-card{aspect-ratio:3/4;border:1px solid var(--border);border-radius:20px;flex:0 0 clamp(320px,40vw,500px);transition:transform .4s;position:relative;overflow:hidden}.h-card:hover{transform:translateY(-8px)}.h-card-bg{transition:transform .6s;position:absolute;inset:0}.h-card:hover .h-card-bg{transform:scale(1.06)}.h-card-ov{background:linear-gradient(#0000 30%,#09182beb 100%);position:absolute;inset:0}.h-card-c{padding:36px;position:absolute;bottom:0;left:0;right:0}.h-card-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--coral);margin-bottom:8px;font-size:10px;font-weight:600}.h-card h3{font-family:var(--font-display);letter-spacing:1px;margin-bottom:8px;font-size:36px;line-height:1.05}.h-card p{color:var(--muted);font-size:13px;line-height:1.6}.coral-h{color:#fff!important}.coral-p{color:#ffffffd1!important}.coral-fine{color:#ffffff8c!important}.hscroll-wrap,.stats,.process,.community,.testimonials,.big-cta{z-index:10;background:var(--navy);position:relative}.grid-2col{grid-template-columns:1fr 1fr;gap:60px;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4col{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.grid-feature{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid}.grid-service{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.grid-calc{grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:0 auto;display:grid}.grid-agents{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-leverage{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-pricing{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.grid-contact{grid-template-columns:1fr 1fr;min-height:calc(100vh - 120px);display:grid}.grid-nl{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.metrics-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:0;display:flex}.proof-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:stretch;gap:0;display:flex}.stat-pill{border-right:1px solid var(--border);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px 48px;display:flex}.stat-pill:last-child{border-right:none}.stat-pill-num{font-family:var(--font-display);letter-spacing:1px;color:var(--white);font-size:clamp(28px,3.5vw,44px);line-height:1}.stat-pill-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.timeline-item{align-items:flex-start;gap:32px;margin-bottom:48px;display:flex}@media (max-width:1200px){.hero-cards{display:none}}@media (max-width:1024px){:root{--px:40px;--sp:80px}.grid-2col,.grid-feature,.grid-service,.grid-contact,.grid-nl{grid-template-columns:1fr;gap:40px}.grid-3col,.grid-agents{grid-template-columns:repeat(2,1fr)}.grid-pricing{grid-template-columns:1fr 1fr}.grid-calc{grid-template-columns:1fr}.stack-card{grid-template-columns:1fr;padding:40px}.sc-visual{display:none}.test-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.p-step{grid-template-columns:1fr;gap:16px}.p-step .p-step-content,.p-step:nth-child(odd) .p-step-content,.p-step:nth-child(2n) .p-step-content{text-align:left;grid-area:auto/1;padding:0}.p-step .p-step-dot,.p-step:nth-child(odd) .p-step-dot,.p-step:nth-child(2n) .p-step-dot{display:none}.p-step .p-step-visual,.p-step:nth-child(odd) .p-step-visual,.p-step:nth-child(2n) .p-step-visual{grid-area:auto/1}.process-line-bg,.process-line-fill{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.metrics-bar{gap:24px}}@media (max-width:768px){:root{--px:24px;--sp:64px}.nav-links{display:none}.hamburger{display:flex}.grid-2col,.grid-3col,.grid-4col,.grid-feature,.grid-service,.grid-agents,.grid-pricing,.grid-contact,.grid-nl,.grid-leverage,.grid-calc{grid-template-columns:1fr;gap:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.test-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:40px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.big-cta-actions{flex-direction:column;align-items:center}.hscroll-header{flex-direction:column;align-items:flex-start;gap:16px}.metrics-bar,.proof-bar{gap:20px}.timeline-item{flex-direction:column;gap:12px}}@media (max-width:480px){:root{--px:20px;--sp:56px}.grid-3col,.grid-agents{grid-template-columns:1fr}}@media (max-width:768px){.hero{padding:100px var(--px) 60px!important;min-height:auto!important}.hero h1{font-size:clamp(48px,12vw,72px)!important}.hero-sub{font-size:16px!important}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-actions .btn-p,.hero-actions .btn-g{justify-content:center;width:100%}}.svc-card-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.svc-pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}@media (max-width:1024px){.svc-card-grid{grid-template-columns:1fr;gap:32px}.svc-pricing-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.svc-card-grid{gap:24px}.svc-pricing-grid{grid-template-columns:1fr}}.contact-split{grid-template-columns:1fr 1fr;min-height:calc(100vh - 120px);display:grid}.contact-split>div{padding:80px clamp(32px,5vw,80px)!important}.contact-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:1024px){.contact-split{grid-template-columns:1fr;min-height:auto}.contact-split>div:first-child{border-bottom:1px solid var(--border);border-right:none!important;padding:56px clamp(24px,5vw,60px)!important}.contact-split>div{padding:48px clamp(24px,5vw,60px)!important}}@media (max-width:768px){.contact-form-row{grid-template-columns:1fr}.contact-split>div{padding:40px var(--px)!important}}.resources-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.resources-calc-grid{grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:0 auto;display:grid}.resources-calc-inputs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.resources-nl-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:1024px){.resources-grid,.resources-nl-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.resources-grid,.resources-calc-grid,.resources-calc-inputs,.resources-nl-grid{grid-template-columns:1fr}}.agencies-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.agencies-form-row{grid-template-columns:1fr}}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}.work-results-grid{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}@media (max-width:768px){.logo-row{gap:28px}.partner-logo-grid{gap:28px 32px}.partner-logo-item{height:36px;opacity:.65}.logo-item{height:32px}}@media (max-width:600px){.test-grid{grid-template-columns:1fr}}@media (max-width:768px){.stack-card{margin-bottom:80px!important;padding:28px 20px!important;top:80px!important}.stack-card:last-child{margin-bottom:0!important}.stack-card:nth-child(2){top:86px!important}.stack-card:nth-child(3){top:92px!important}.sc-num{font-size:72px;top:10px;right:16px}.sc-h{font-size:24px}.process-line-wrap{margin-top:40px}.p-step{margin-bottom:48px}.big-cta h2{font-size:clamp(44px,11vw,80px)}.big-cta p{font-size:16px}}@media (max-width:480px){.footer-inner{gap:32px}.footer-col a{margin-bottom:8px}}@media (max-width:768px){input,select,textarea,button,.btn-p,.btn-g{min-height:48px}.btn-p,.btn-g{font-size:15px}.hero-actions .btn-p,.hero-actions .btn-g,.big-cta-actions .btn-p,.big-cta-actions .btn-g{justify-content:center;width:100%}nav{padding:16px var(--px)}.nav-logo img{height:30px!important}.hero{padding:96px var(--px) 56px!important}.hero h1{letter-spacing:1px!important;font-size:clamp(44px,11vw,68px)!important}.hero-sub{margin-bottom:32px!important;font-size:16px!important}.hero-actions{flex-direction:column;gap:10px}.s-title{font-size:clamp(36px,9vw,56px)!important}.pinned-services-header{padding:var(--sp) var(--px) 48px}.stack-card{border-radius:14px!important;padding:24px 20px!important}.stack-card:first-child{top:72px!important}.stack-card:nth-child(2){top:78px!important}.stack-card:nth-child(3){top:84px!important}.stack-card:nth-child(4){top:90px!important}.stack-card:nth-child(5){top:96px!important}.stack-card:nth-child(6){top:102px!important}.sc-h{font-size:22px!important}.sc-num{font-size:72px!important;top:10px!important;right:14px!important}.logo-row{gap:24px 20px}.logo-item{height:28px}.partner-logo-grid{gap:20px 24px}.partner-logo-item{height:32px;opacity:.65}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.stat-n{font-size:clamp(44px,10vw,72px)!important}.test-grid{grid-template-columns:1fr}.test-card{padding:24px}.ticker-item{gap:10px;padding:0 12px}.ticker-num{font-size:20px}.ticker-label{font-size:9px}.proof-bar,.metrics-bar{flex-wrap:wrap;gap:0}.stat-pill{border-right:1px solid var(--border);flex:40%;padding:20px 28px}.stat-pill:nth-child(2n){border-right:none}.stat-pill:nth-child(n+3){border-top:1px solid var(--border)}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:12px;font-size:12px}footer{padding:48px var(--px) 32px}.big-cta{min-height:auto;padding:80px var(--px)}.big-cta h2{font-size:clamp(40px,10vw,72px)}.big-cta p{margin-bottom:32px;font-size:15px}.hscroll-wrap{position:static!important}.hscroll-inner{height:auto!important;overflow:visible!important}.hscroll-track{padding:0 var(--px)!important;flex-direction:column!important;gap:20px!important;transform:none!important}.h-card{aspect-ratio:4/3!important;flex:none!important;width:100%!important}.hscroll-progress-track{display:none}.p-step h3{font-size:24px}.p-step p{font-size:14px}.p-step{margin-bottom:40px}.process-line-wrap{margin-top:32px}.scroll-ind{display:none}}@media (max-width:480px){:root{--px:18px;--sp:52px}.s-title{font-size:clamp(32px,9vw,48px)!important}.hero h1{font-size:clamp(38px,12vw,56px)!important}.stat-n{font-size:clamp(40px,9vw,60px)!important}.logo-bar-label{font-size:10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.test-card blockquote{font-size:14px}}@media (max-width:768px){.svc-card-grid{gap:24px!important;padding:24px!important}.svc-card-grid .sc-visual{display:none}.timeline-item{flex-direction:column!important;gap:8px!important}.timeline-item>div:first-child{min-width:auto!important}.comparison-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-row{grid-template-columns:1fr 1fr!important}.comparison-row>div:first-child{display:none!important}.model-cards-grid,.faq-grid{grid-template-columns:1fr!important}.agencies-form-row{grid-template-columns:1fr}.work-case-card{padding:24px!important}.work-results-grid{gap:8px}.blog-grid,.resources-grid,.resources-calc-grid,.resources-nl-grid{grid-template-columns:1fr}}body,section,.pinned-services,.testimonials,.stats,.process,.big-cta{overflow-x:clip}@media (max-width:768px){.comparison-header{display:none!important}[style*="gridTemplateColumns:'2fr 1.5fr 1.5fr'"],[style*="gridTemplateColumns:\"2fr 1.5fr 1.5fr\""]{grid-template-columns:1fr 1fr!important}.model-toggle{flex-wrap:wrap}.model-toggle button{flex:1;min-width:130px}}@media (max-width:900px){.hscroll-wrap{height:auto!important;position:static!important}.hscroll-inner{height:auto!important}.hscroll-track{padding:0 var(--px) var(--sp)!important;flex-wrap:wrap!important;gap:20px!important;display:flex!important;transform:none!important}.h-card{aspect-ratio:3/4!important;flex:0 0 calc(50% - 10px)!important}}@media (max-width:600px){.h-card{flex:0 0 100%!important}}.article-body h2{letter-spacing:1px;color:var(--white);margin:48px 0 16px;scroll-margin-top:100px;font-family:Bebas Neue,sans-serif;font-size:clamp(28px,3.5vw,42px)}.article-body h3{color:var(--white);margin:32px 0 12px;scroll-margin-top:100px;font-size:20px;font-weight:700}.article-body h4{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:24px 0 8px;font-size:15px;font-weight:700}.article-body p{color:#b8c4d8;margin-bottom:20px;font-size:16px;line-height:1.8}.article-body ul,.article-body ol{color:#b0bcd4;margin:16px 0 20px 20px;line-height:1.8}.article-body li{margin-bottom:8px;font-size:15px}.article-body strong{color:var(--white);font-weight:700}.article-body a{color:var(--coral);border-bottom:1px solid #e8264b4d;text-decoration:none;transition:border-color .2s}.article-body a:hover{border-color:var(--coral)}.article-body blockquote{border-left:3px solid var(--coral);background:#e8264b0d;border-radius:0 8px 8px 0;margin:24px 0;padding:16px 20px}.article-body blockquote p{color:#c8d4e4;margin:0;font-style:italic}.article-body code{color:#b0e0ff;background:#ffffff14;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:13px}.article-body pre{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;margin:24px 0;padding:20px;overflow-x:auto}.article-body pre code{color:#e0e8f4;background:0 0;padding:0;font-size:13px}.article-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.article-body th{text-align:left;border-bottom:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#ffffff0a;padding:10px 16px;font-size:11px;font-weight:700}.article-body td{color:#b0bcd4;border-bottom:1px solid #ffffff0a;padding:12px 16px}.article-body img{border:1px solid var(--border);border-radius:12px;width:100%;margin:24px 0}.article-body .callout{background:#e8264b12;border:1px solid #e8264b33;border-radius:10px;margin:24px 0;padding:20px 24px}@media (min-width:1024px){.toc-sidebar{display:block!important}}.article-body h2[id],.article-body h3[id]{scroll-margin-top:90px}.proof-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:stretch;gap:0;max-width:100%;display:flex}.tag{letter-spacing:.1em;text-transform:uppercase;color:var(--coral);background:#e8264b1f;border:1px solid #e8264b40;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}@media print{nav,footer,.toc-sidebar{display:none!important}.article-body{color:#000!important}}.blog-card{cursor:pointer;transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px #0000004d}@media (max-width:768px){.blog-card{transform:none!important}}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:540px){.blog-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.result-grid-2,.result-grid-3{grid-template-columns:1fr!important}}@media (max-width:860px){article [style*="minmax(0,1fr) 240px"]{grid-template-columns:1fr!important}article aside{display:none!important}}.article-body{color:#b8c4d8;font-size:16px;line-height:1.8}.article-body>:first-child{margin-top:0}.article-body h2{margin-top:52px}.article-body h3{margin-top:36px}.article-body img{border-radius:10px;max-width:100%;margin:24px 0}

#heroShowcase{width:55%!important;}


/* ═══════════════════════════════════════════════════════
   MOBILE FIXES — STACK CARDS, BLOG WIDTH, HAMBURGER
   ═══════════════════════════════════════════════════════ */

/* ── FIX 1: Stack cards on mobile — disable sticky, show all cards properly ── */
@media (max-width: 768px) {
  .stack-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 0 var(--px) var(--sp) !important;
  }

  .stack-card {
    position: relative !important;
    top: auto !important;
    margin: 0 !important;
    padding: 28px 20px !important;
    border-radius: 16px !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    /* Override all nth-child sticky tops */
    z-index: 1 !important;
  }

  /* Kill all sticky tops on mobile */
  .stack-card:first-child,
  .stack-card:nth-child(1),
  .stack-card:nth-child(2),
  .stack-card:nth-child(3),
  .stack-card:nth-child(4),
  .stack-card:nth-child(5),
  .stack-card:nth-child(6) {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
  }

  .sc-visual { display: none !important; }

  .sc-h { font-size: 22px !important; }
  .sc-p { font-size: 14px !important; }
  .sc-num { font-size: 64px !important; top: 10px !important; right: 14px !important; }

  .pinned-services-header {
    padding-bottom: 32px !important;
  }
}

/* ── FIX 2: Blog single page — fix width overflow and grid on mobile ── */

/* The article grid: minmax(0,1fr) 240px → single column below 860px */
@media (max-width: 860px) {
  [style*="minmax(0,1fr) 240px"],
  [style*="minmax(0, 1fr) 240px"] {
    grid-template-columns: 1fr !important;
  }

  /* Hide TOC sidebar */
  article aside,
  .toc-sidebar {
    display: none !important;
  }
}

/* Fix article body width on mobile — prevents horizontal overflow */
@media (max-width: 768px) {
  /* Main article container */
  [style*="minmax(0,1fr) 240px"],
  [style*="minmax(0, 1fr) 240px"] {
    grid-template-columns: 1fr !important;
    padding: 32px var(--px) 60px !important;
    gap: 0 !important;
    max-width: 100% !important;
  }

  /* Article content min-width fix */
  article, main {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .article-body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    word-break: break-word !important;
  }

  .article-body table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    font-size: 13px !important;
  }

  .article-body pre {
    overflow-x: auto !important;
    max-width: 100% !important;
  }

  /* Blog header sections */
  [style*="padding:clamp(48px,7vw,80px)"] {
    padding: 32px var(--px) 24px !important;
  }

  /* Fix max-width:820px containers on mobile */
  [style*="max-width:820px"],
  [style*="max-width: 820px"] {
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* ── FIX 3: Mobile nav overlay — ensure it covers full screen ── */
@media (max-width: 768px) {
  .mobile-nav {
    z-index: 9998 !important;
    position: fixed !important;
    inset: 0 !important;
    background: var(--navy) !important;
  }

  .mobile-nav.open {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .hamburger {
    display: flex !important;
    z-index: 9999 !important;
    position: relative !important;
    cursor: pointer !important;
  }
}

/* ── FIX 4: General overflow protection ── */
html, body {
  overflow-x: hidden !important;
}

/* ── Portal hover fixes (replaces removed JS hover handlers) ─────────────── */
/* Proposal template cards */
[href*="/portal/proposals/new"] {
  transition: border-color .18s, transform .18s !important;
}
[href*="/portal/proposals/new"]:hover {
  border-color: rgba(232,38,75,.4) !important;
  transform: translateY(-1px) !important;
}

/* All portal tables - row hover */
.portal-table tr:hover td,
table tr:hover td {
  background: rgba(255,255,255,.02) !important;
}
table tr { transition: background .12s; cursor: pointer; }

/* Proposal/audit/client/job table rows */
table tbody tr:hover {
  background: rgba(255,255,255,.02) !important;
}

/* Client cards */
a[href*="/portal/clients/"] {
  transition: border-color .2s, box-shadow .2s !important;
}
a[href*="/portal/clients/"]:hover {
  border-color: rgba(232,38,75,.35) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.15) !important;
}

/* Job cards */
a[href*="/portal/jobs/"] {
  transition: border-color .2s !important;
}
a[href*="/portal/jobs/"]:hover {
  border-color: rgba(232,38,75,.3) !important;
}

/* Audit cards */
a[href*="/portal/audits/"] {
  transition: border-color .2s !important;
}
a[href*="/portal/audits/"]:hover {
  border-color: rgba(232,38,75,.3) !important;
}

/* ── PERFORMANCE: Image optimization ──────────────────────────────────────── */
img { content-visibility: auto; }

/* Lazy-load shimmer for industry cards */
.h-card picture { display: block; width: 100%; height: 100%; }
.h-card img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* content-visibility for off-screen sections */
.testimonials,
.process,
.community,
.big-cta { content-visibility: auto; contain-intrinsic-size: 0 600px; }

/* Reduce layout shift on stats counter */
.stat-n { min-width: 3ch; display: inline-block; }

/* ── SPACING FIXES ──────────────────────────────────────────────────────── */

/* 1. Stack cards — add breathing room below the last card (was 0) */
.stack-cards { padding-bottom: var(--sp) !important; }

/* 2. Verticals section — reduce excessive bottom padding on the track */
/* Desktop: hscroll is full-height pinned, stats comes after — no change needed */
/* Tablet 901–1024: hscroll-track had var(--sp) bottom, tighten it */
@media (max-width: 1024px) and (min-width: 769px) {
  .hscroll-track { padding-bottom: 60px !important; }
  .stats { padding-top: 80px !important; }
}

/* Tablet 901px hscroll wrap/track overrides */
@media (max-width: 900px) {
  .hscroll-track { padding-bottom: 60px !important; }
  .hscroll-wrap + .stats,
  .stats { padding-top: 80px !important; }
}

/* Mobile: stack cards flex gap already set, reduce redundant bottom padding */
@media (max-width: 768px) {
  .stack-cards { padding-bottom: 60px !important; }
  .hscroll-track { padding-bottom: 48px !important; }
  .stats { padding-top: 72px !important; padding-bottom: 72px !important; }
}

/* Hardware acceleration for animated elements */
.ticker-track { will-change: transform; transform: translateZ(0); }
nav { contain: layout style; }
.h-card { contain: content; }

@media (prefers-reduced-motion: reduce) {
  .ticker-track,
  .ticker-track * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
  .m-word { transition: none !important; }
}

/* ── AGENCIES PAGE: Remove duplicate hero/stats/trusted-by sections ── */
/* The agencies page renders the hero + proof-bar + logo sections twice   */
/* due to a Next.js streaming render bug. Hide the duplicates via CSS.    */

/* Hide second proof-bar (the duplicate stats: 12+, 72HR, 100%, etc.) */
.proof-bar ~ .proof-bar {
  display: none !important;
}

/* Hide the second hero section that sits between the two proof-bars */
.proof-bar + section + section {
  display: none !important;
}

/* Hide the second "Trusted by" logos section (emoji icons: Rev Scale etc.) */
.proof-bar ~ .proof-bar + section {
  display: none !important;
}

/* ── Partner logos: Postscript & Northbeam - preserve original colors ── */
.partner-logo-item img[alt="Postscript"],
.partner-logo-item img[alt="Northbeam"] {
  filter: none;
  opacity: 0.85;
}
.partner-logo-item img[alt="Postscript"]:hover,
.partner-logo-item img[alt="Northbeam"]:hover {
  opacity: 1;
}
/* Northbeam has transparent bg after processing — no extra treatment needed */
/* Postscript: keep purple brand color visible */
.partner-logo-item img[alt="Postscript"] {
  border-radius: 8px;
}

/* ── HERO IMAGE: Mobile fix — show as bg behind text ── */
@media (max-width: 900px) {
  #heroShowcase {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.25) 30%, rgba(0,0,0,0.35) 100%) !important;
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.25) 30%, rgba(0,0,0,0.35) 100%) !important;
    pointer-events: none !important;
  }
  #heroShowcase img {
    object-position: center top !important;
    opacity: 0.55 !important;
  }
  /* Ensure text stays readable on top */
  .hero [style*="position: relative"][style*="zIndex: 2"],
  .hero [style*="position:relative"][style*="zIndex:2"] {
    position: relative !important;
    z-index: 3 !important;
  }
}

/* ── KILL UPSTREAM S LOADER: hide Next.js loading.tsx pulse/loadbar skeleton ──
   The old loader is a main > div containing a child div with `animation: pulse`
   (the coral S box) — we identify it by the @keyframes style sibling it renders.
   Our sortedPageLoader (#sld) covers it at z-index:999997 anyway,
   but this prevents any flash if page-chunk.js loads slowly. */
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} }
@keyframes loadbar { 0%{width:0%;margin-left:0} 50%{width:100%;margin-left:0} 100%{width:0%;margin-left:100%} }

/* Target the upstream loading skeleton containers in main */
main > div[style*="min-height:100vh"][style*="flex-direction:column"],
main > div[style*="min-height: 100vh"][style*="flex-direction: column"] {
  display: none !important;
}
/* Also hide the skeleton shimmer loading state (page-level loading.tsx) */
main > div[style*="padding-top:76px"] > section:only-child:has(.skeleton) {
  display: none !important;
}


/* ============================================================
   WORK PAGE MOBILE FIXES — sorted.agency
   ============================================================ */

/* Result dashboard screenshot grids — force single column on mobile */
@media (max-width:768px) {
  .result-grid-2,
  .result-grid-3 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* Work page hero card — reduce oversized padding on mobile */
@media (max-width:768px) {
  /* The work hero has inline padding:60px - we target by border-radius:24px heuristic */
  [style*="border-radius:24px"][style*="padding:60px"] {
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }
}

/* Work page vertical case study cards — responsive image height */
@media (max-width:480px) {
  .result-grid-2 img,
  .result-grid-3 img {
    max-height: 200px !important;
  }
}

/* Work page stat pills inside case cards — stack on very small screens */
@media (max-width:400px) {
  [style*="display:flex"][style*="gap:12px"][style*="marginBottom:20px"] {
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* Work page section overall padding on mobile */
@media (max-width:768px) {
  /* The max-width:1100px work page wrapper */
  [style*="max-width:1100px"][style*="margin:0 auto"] {
    padding: 0 4px !important;
  }
}


/* ============================================================
   DOWNLOAD GATE MODAL — sorted.agency
   ============================================================ */

/* Input focus ring override (site has cursor:none, needs visible focus) */
input:focus {
  outline: none !important;
  border-color: var(--coral) !important;
  box-shadow: 0 0 0 3px rgba(232,38,75,.15) !important;
}

/* Backdrop animation */
@keyframes dl-fade-in {
  from { opacity: 0; transform: scale(.96); }
  to   { opacity: 1; transform: scale(1); }
}

/* Modal card entrance */
[style*="zIndex:9000"] > div {
  animation: dl-fade-in .2s cubic-bezier(.25,1,.5,1);
}

/* Mobile: full-width modal */
@media (max-width:480px) {
  [style*="zIndex:9000"] > div {
    padding: 28px 20px !important;
    border-radius: 16px !important;
    max-width: calc(100vw - 40px) !important;
  }
}