@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--m:#741b2b;--m2:#4b0e18;--ink:#101010;--paper:#f8f5ef;--line:#d8d0c6;--muted:#716b65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}nav{position:fixed;inset:0 0 auto;z-index:90;height:78px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(248,245,239,.88);backdrop-filter:blur(16px);border-bottom:1px solid #0001}.logo{width:150px;height:52px;object-fit:contain;object-position:left center}.links{display:flex;gap:28px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}a{color:inherit;text-decoration:none}.btn{padding:12px 18px;border:1px solid #111;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:700}section{padding:105px 6vw}.ey{font-size:11px;color:var(--m);letter-spacing:.22em;text-transform:uppercase;font-weight:700;margin-bottom:20px}h1,h2,h3{font-family:'Playfair Display',serif}h1{font-size:clamp(56px,7vw,116px);line-height:.87;letter-spacing:-.055em;margin:0}h2{font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.04em;margin:0 0 28px}em,.accent{color:var(--m)}.hero{min-height:100vh;padding-top:135px;display:flex;align-items:center;max-width:1500px}.hero>div{max-width:1050px}.hero p{font-size:18px;line-height:1.7;max-width:650px;color:#4a4540}.hero-logo-card{background:#fff;border:1px solid var(--line);min-height:570px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-logo-card img{width:80%;height:auto;filter:drop-shadow(0 20px 30px #0001)}.hero-logo-card:after{content:'INFLUENCE / CULTURE / SCALE';position:absolute;bottom:25px;letter-spacing:.28em;font-size:9px;color:var(--m)}.ticker{overflow:hidden;border-block:1px solid #111;padding:16px 0;white-space:nowrap}.ticker-track{display:inline-block;font-family:'Playfair Display';font-size:23px;animation:ticker 24s linear infinite}.ticker-track span{padding:0 25px;color:var(--m)}@keyframes ticker{to{transform:translateX(-50%)}}.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.num{font:700 100px/1 'Playfair Display';color:var(--m)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #111}.stat{padding:34px 28px;border-right:1px solid #111}.stat:last-child{border:0}.stat strong{font:700 48px 'Playfair Display';color:var(--m);display:block}.stat small{letter-spacing:.12em;text-transform:uppercase}.creator-section{background:#fff}.creator-head{max-width:980px;margin-bottom:50px}.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.creator{height:360px;position:relative;overflow:hidden;background:#111}.creator img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.6s}.creator:hover img{filter:none;transform:scale(1.055)}.creator:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000b)}.creator b{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;font:600 25px 'Playfair Display'}.stack-wrap{height:1350px;position:relative}.stack{position:sticky;top:110px;height:620px}.stack-card{position:absolute;inset:0;border:1px solid var(--line);background:#fff;padding:45px;box-shadow:0 25px 60px #0001;transform-origin:50% 100%;transition:.25s}.stack-card:nth-child(1){transform:translateY(0) rotate(-1deg)}.stack-card:nth-child(2){transform:translateY(115px) rotate(1deg)}.stack-card:nth-child(3){transform:translateY(230px) rotate(-.7deg)}.stack-card:nth-child(4){transform:translateY(345px) rotate(.8deg)}.stack-card h3{font-size:44px;margin:10px 0}.stack-card .ix{font:700 22px 'Playfair Display';color:var(--m)}.stack-card:hover{background:var(--m);color:#fff}.proof{background:#0e0d0d;color:#fff;position:relative}.proof .ey{color:#d7aab1}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;perspective:1200px}.case{min-height:390px;border:1px solid #ffffff25;padding:38px;background:#151313;position:relative;overflow:hidden;transition:.5s}.case:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:var(--m);filter:blur(65px);opacity:.28;right:-100px;top:-100px}.case h3{font-size:52px;margin:30px 0 15px}.case p{color:#c9c1bd;line-height:1.7;max-width:620px}.case:hover{transform:translateY(-10px) scale(1.015);border-color:#fff8}.proof-line{height:2px;background:linear-gradient(90deg,transparent,var(--m),#fff,var(--m),transparent);margin:55px 0;animation:glow 2s ease-in-out infinite}@keyframes glow{50%{filter:drop-shadow(0 0 12px #b72e48)}}.logos{padding:65px 0;border-block:1px solid #ddd;overflow:hidden;background:#fff}.logo-track{display:flex;align-items:center;gap:70px;width:max-content;animation:logos 28s linear infinite}.logo-track img{height:45px;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.75}@keyframes logos{to{transform:translateX(-50%)}}.dark{background:#111;color:#fff}.dark .ey{color:#d8a7af}.problem{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.problem h3{font-size:48px;margin:0 0 30px}.lineitem{border-left:2px solid var(--m);padding:0 0 0 22px;margin:24px 0}.lineitem b{display:block;font-size:17px;margin-bottom:6px}.lineitem p{margin:0;color:#aaa;line-height:1.5}.suite{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.suite-ui{border:1px solid #ffffff25;border-radius:28px;padding:28px;background:#0a0909;box-shadow:0 30px 80px #741b2b33}.searchbar{border:1px solid var(--m);padding:18px 20px;border-radius:16px;color:#bbb;margin:18px 0}.result{padding:16px;border:1px solid #ffffff18;border-radius:14px;margin:10px 0;display:flex;justify-content:space-between}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{border:1px solid var(--line);background:#fff;padding:32px;min-height:230px;transition:.35s}.service b{font:700 38px 'Playfair Display';color:var(--m)}.service h3{font-size:27px}.service:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0001}.pr{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.metricgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metricbox{border:1px solid #ffffff22;padding:28px;border-radius:18px}.metricbox strong{font:700 38px 'Playfair Display';color:#d9a0aa}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}.step{background:#fff;border:1px solid var(--line);padding:28px;min-height:260px;transition:.45s}.step b{font:700 52px 'Playfair Display';color:var(--m)}.step:hover{transform:translateY(-18px) rotate(-1deg);background:var(--m);color:#fff}.orm{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.dash{border:1px solid #ffffff22;border-radius:26px;padding:30px;background:#0a0909}.dash-top{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dashbox{border:1px solid #ffffff20;border-radius:18px;padding:24px}.dashbox strong{font:700 48px 'Playfair Display';color:#d9a0aa}.chart{height:180px;border:1px solid #ffffff18;border-radius:18px;margin-top:15px;position:relative;overflow:hidden}.chart:after{content:'';position:absolute;left:5%;right:5%;bottom:20px;height:90px;background:linear-gradient(180deg,#741b2b99,transparent);clip-path:polygon(0 75%,12% 55%,23% 62%,35% 25%,48% 44%,60% 20%,74% 35%,88% 12%,100% 5%,100% 100%,0 100%)}.cta{background:var(--m2);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw}.contact{border-left:1px solid #ffffff55;padding-left:40px}.reveal{opacity:0;transform:translateY(35px);transition:.8s}.reveal.on{opacity:1;transform:none}@media(max-width:900px){.links{display:none}.hero,.split,.problem,.suite,.pr,.orm,.cta{grid-template-columns:1fr}.creator-grid,.services-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr}.stack-wrap{height:auto}.stack{position:relative;height:auto;top:auto}.stack-card{position:relative!important;inset:auto!important;transform:none!important;margin:12px 0}}@media(max-width:600px){.creator-grid,.services-grid{grid-template-columns:1fr}.creator{height:430px}}

/* Premium interaction layer */
html{cursor:none}a,button,.btn,.creator,.service,.case,.step,.stack-card,.result{cursor:none}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}
.cursor-dot{width:7px;height:7px;background:var(--m)}.cursor-ring{width:38px;height:38px;border:1px solid rgba(116,27,43,.55);transition:width .22s,height .22s,background .22s,border-color .22s;mix-blend-mode:multiply}
body.cursor-hover .cursor-ring{width:68px;height:68px;background:rgba(116,27,43,.09);border-color:var(--m)}
body.cursor-view .cursor-ring:after{content:'VIEW';position:absolute;inset:0;display:grid;place-items:center;font-size:8px;letter-spacing:.14em;font-weight:700;color:var(--m)}
body.cursor-view .cursor-dot{opacity:0}
.progress{position:fixed;top:77px;left:0;height:2px;background:var(--m);z-index:95;width:0;transform-origin:left}
nav{transition:transform .4s,background .4s,box-shadow .4s}nav.scrolled{box-shadow:0 12px 35px #0000000c;background:rgba(248,245,239,.94)}
.hero:before{content:'';position:absolute;width:42vw;height:42vw;border:1px solid rgba(116,27,43,.12);border-radius:50%;right:-18vw;top:10vh;animation:orb 14s ease-in-out infinite alternate;pointer-events:none}.hero{position:relative;overflow:hidden}
@keyframes orb{to{transform:translate(-6vw,5vh) rotate(25deg);border-radius:42% 58% 65% 35%/48% 36% 64% 52%}}
.hero h1{animation:heroIn 1.1s cubic-bezier(.16,1,.3,1) both}.hero p{animation:heroIn 1.1s .14s cubic-bezier(.16,1,.3,1) both}.hero-logo-card{animation:cardIn 1.2s .12s cubic-bezier(.16,1,.3,1) both;transition:transform .25s ease-out}
@keyframes heroIn{from{opacity:0;transform:translateY(55px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes cardIn{from{opacity:0;transform:translateX(60px) rotate(3deg)}to{opacity:1;transform:none}}
section h2{transition:letter-spacing .6s cubic-bezier(.16,1,.3,1)}section:hover>h2{letter-spacing:-.055em}
.creator{clip-path:inset(0 0 100% 0);animation:creatorReveal .9s cubic-bezier(.16,1,.3,1) forwards;animation-timeline:view();animation-range:entry 5% cover 35%}.creator:nth-child(2n){animation-delay:.08s}.creator:nth-child(3n){animation-delay:.14s}@keyframes creatorReveal{to{clip-path:inset(0)}}
.creator b{transform:translateY(8px);transition:.45s}.creator:hover b{transform:translateY(-4px)}
.case{animation:proofReveal linear both;animation-timeline:view();animation-range:entry 0% cover 45%}@keyframes proofReveal{from{opacity:.15;transform:translateY(90px) scale(.94);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}
.service{position:relative;overflow:hidden}.service:after,.step:after{content:'';position:absolute;inset:auto -30% -70% -30%;height:120%;background:radial-gradient(circle,rgba(116,27,43,.12),transparent 65%);transform:translateY(50%);transition:.6s}.service:hover:after,.step:hover:after{transform:none}
.suite-ui,.dash{position:relative;overflow:hidden}.suite-ui:before,.dash:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:#741b2b33;filter:blur(55px);animation:floatGlow 6s ease-in-out infinite alternate;pointer-events:none}@keyframes floatGlow{to{transform:translate(420px,160px) scale(1.4)}}
.searchbar{position:relative;animation:searchPulse 2.8s ease-in-out infinite}@keyframes searchPulse{50%{box-shadow:0 0 0 5px #741b2b16,0 0 35px #741b2b20}}
.result{transition:.3s}.result:hover{transform:translateX(8px);border-color:#741b2b88;background:#741b2b12}
.process:before{content:'';position:absolute;top:50%;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,var(--m),transparent);z-index:-1;transform:scaleX(0);animation:routeLine linear both;animation-timeline:view();animation-range:entry 20% cover 55%}@keyframes routeLine{to{transform:scaleX(1)}}
.step{animation:stepIn linear both;animation-timeline:view();animation-range:entry 5% cover 35%}@keyframes stepIn{from{opacity:0;transform:translateY(60px) rotate(2deg)}to{opacity:1;transform:none}}
.step:nth-child(2){animation-range:entry 10% cover 40%}.step:nth-child(3){animation-range:entry 15% cover 45%}.step:nth-child(4){animation-range:entry 20% cover 50%}.step:nth-child(5){animation-range:entry 25% cover 55%}
.chart:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff08,transparent);transform:translateX(-100%);animation:scan 3s linear infinite;z-index:3}@keyframes scan{to{transform:translateX(100%)}}
.logo-track:hover{animation-play-state:paused}.logo-track img{transition:.35s}.logo-track img:hover{filter:none;opacity:1;transform:scale(1.18)}
.magnetic{transition:transform .2s ease-out}.tilt{transform-style:preserve-3d}
@media(max-width:900px),(pointer:coarse){html,a,button,.btn,.creator,.service,.case,.step,.stack-card,.result{cursor:auto}.cursor-dot,.cursor-ring{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* === HUSTL IMMERSIVE AI ART-DIRECTION V2 === */
:root{--wine:#6f1023;--cream:#f7f1e8}
body{background:var(--cream)}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.18;will-change:transform}.orb.a{width:48vw;height:48vw;background:#8f1831;left:-18vw;top:5vh}.orb.b{width:42vw;height:42vw;background:#d8a8a0;right:-15vw;top:45vh}.orb.c{width:36vw;height:36vw;background:#1a1012;left:38vw;top:120vh;opacity:.08}
.hero{position:relative;min-height:115vh;overflow:hidden}.hero h1{max-width:11ch;text-wrap:balance}.hero h1 em{display:inline-block;text-shadow:0 15px 50px #741b2b22}.hero-logo-card{border-radius:0 0 0 110px;transform-style:preserve-3d}.hero-logo-card:before{content:'';position:absolute;inset:-35%;background:conic-gradient(from 90deg,transparent,#741b2b18,transparent 30%);animation:spinGlow 9s linear infinite}@keyframes spinGlow{to{transform:rotate(360deg)}}
section{position:relative}.creator-grid{gap:18px;perspective:1200px}.creator{border-radius:24px;box-shadow:0 24px 60px #00000010;transform-style:preserve-3d}.creator:nth-child(3n+2){transform:translateY(45px)}.creator b{font-size:30px}.creator:before{content:'EXPLORE';position:absolute;z-index:4;right:18px;top:18px;border:1px solid #fff7;color:#fff;padding:8px 10px;border-radius:999px;font-size:8px;letter-spacing:.16em;opacity:0;transform:translateY(-8px);transition:.35s}.creator:hover:before{opacity:1;transform:none}
.proof{overflow:hidden}.proof:after{content:'PROOF / CULTURE / SCALE';position:absolute;left:-2vw;bottom:-.16em;font:700 clamp(80px,14vw,250px)/.8 'Playfair Display';letter-spacing:-.06em;color:#fff;opacity:.025;white-space:nowrap;pointer-events:none}.case{border-radius:28px;backdrop-filter:blur(10px)}
.services-grid{perspective:1400px}.service{border-radius:26px;position:relative;overflow:hidden}.service:after{content:'';position:absolute;width:160px;height:160px;border-radius:50%;background:#741b2b12;right:-80px;bottom:-80px;transition:.55s}.service:hover:after{transform:scale(3)}
.suite-ui,.dash{position:relative;overflow:hidden}.suite-ui:after,.dash:after{content:'';position:absolute;left:-40%;top:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,#fff1,transparent);transform:skewX(-18deg);animation:scanner 5.5s ease-in-out infinite}@keyframes scanner{0%,55%{left:-40%}90%,100%{left:130%}}
.process{counter-reset:p}.step{border-radius:28px;overflow:hidden;position:relative}.step:after{content:'→';position:absolute;right:22px;bottom:16px;font-size:38px;color:#741b2b;transition:.4s}.step:hover:after{transform:translateX(7px);color:#fff}
.reveal{transform:translateY(60px) scale(.985);filter:blur(5px)}.reveal.on{filter:blur(0)}
[data-float]{will-change:transform}.spotlight{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,#741b2b10 0,transparent 67%);transform:translate(-50%,-50%);mix-blend-mode:multiply}
@media(max-width:900px){html{cursor:auto}.cursor-dot,.cursor-ring,.spotlight{display:none}.creator:nth-child(3n+2){transform:none}.hero{min-height:auto}}

/* V6 conversion-focused kinetic sections */
.buzz-section{overflow:hidden}.buzz-rail{position:relative;margin-top:42px;padding:22px 0 36px}.buzz-line{position:absolute;left:3%;right:3%;top:70px;height:2px;background:linear-gradient(90deg,transparent,#6f0d20,#d5a0aa,#6f0d20,transparent);box-shadow:0 0 24px rgba(111,13,32,.42)}.buzz-line:after{content:"";position:absolute;width:90px;height:2px;background:#fff;box-shadow:0 0 20px #8a1730;animation:railscan 3.8s linear infinite}.buzz-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}.buzz-step{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(111,13,32,.16);border-radius:24px;padding:28px 22px;min-height:180px;box-shadow:0 18px 50px rgba(34,8,14,.08);transition:.5s cubic-bezier(.2,.8,.2,1)}.buzz-step:hover{transform:translateY(-14px) rotateX(4deg);box-shadow:0 28px 70px rgba(111,13,32,.18)}.buzz-step b{font-size:42px;color:#761126}.buzz-step small{display:block;text-transform:uppercase;letter-spacing:.16em;color:#761126;margin:8px 0}.buzz-step p{font-size:14px;line-height:1.55;color:#555}.buzz-pulse{width:12px;height:12px;border-radius:50%;background:#761126;box-shadow:0 0 0 8px rgba(118,17,38,.09),0 0 28px #761126;position:absolute;top:65px;animation:pulsemove 6s ease-in-out infinite}
.live-journey{margin-top:32px;border:1px solid #2c2024;border-radius:28px;padding:26px;background:linear-gradient(145deg,#080709,#11090c);box-shadow:0 30px 100px rgba(91,7,28,.2);overflow:hidden}.live-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.live-badge{border:1px solid #6f1930;border-radius:999px;padding:8px 12px;color:#e4a8b4;font-size:11px;letter-spacing:.15em}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0 20px;position:relative}.timeline:before{content:"";position:absolute;left:4%;right:4%;top:16px;height:2px;background:#25151a}.timeline:after{content:"";position:absolute;left:4%;top:16px;height:2px;width:0;background:linear-gradient(90deg,#721127,#ffbdcb);box-shadow:0 0 20px #7b1530;animation:timelinefill 7s ease-in-out infinite}.phase{position:relative;z-index:2;padding-top:38px;font-size:12px;color:#777}.phase:before{content:"";position:absolute;top:10px;left:0;width:13px;height:13px;border-radius:50%;background:#2c2024;border:2px solid #5d2635;animation:phaseglow 7s infinite}.phase strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}.live-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.live-kpi{border:1px solid #271b20;border-radius:18px;padding:18px;background:#0a080a}.live-kpi span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#777}.live-kpi strong{display:block;font-size:28px;color:#d67f92;margin-top:8px}.meeting-strip{margin-top:26px;padding:22px 24px;border-radius:20px;background:#761126;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}.meeting-strip b{font-size:22px}.meeting-strip a{background:#fff;color:#531020;text-decoration:none;padding:13px 18px;border-radius:999px;font-weight:800;transition:.3s}.meeting-strip a:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(255,255,255,.35)}
@keyframes railscan{from{left:0}to{left:calc(100% - 90px)}}@keyframes pulsemove{0%,100%{left:4%}50%{left:94%}}@keyframes timelinefill{0%{width:0}70%,100%{width:92%}}@keyframes phaseglow{0%,15%{background:#2c2024}25%,100%{background:#c14b67;box-shadow:0 0 18px #9c2947}}
@media(max-width:800px){.buzz-steps,.timeline,.live-kpis{grid-template-columns:1fr 1fr}.buzz-line,.buzz-pulse{display:none}.meeting-strip,.live-head{align-items:flex-start;flex-direction:column}}



body{cursor:none}.spotlight{width:340px;height:340px;background:radial-gradient(circle,rgba(116,27,43,.18),rgba(116,27,43,.07) 38%,transparent 70%);filter:blur(8px);mix-blend-mode:multiply}.cursor-ring{box-shadow:0 0 35px rgba(116,27,43,.6),0 0 80px rgba(116,27,43,.25)}
.hero{position:relative}.hero:after{content:"";position:absolute;right:-10vw;top:18%;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(116,27,43,.12),transparent 68%);animation:breathe 4s ease-in-out infinite;pointer-events:none}@keyframes breathe{50%{transform:scale(1.15);opacity:.55}}
.split>div:first-child{animation:driftL linear both;animation-timeline:view();animation-range:entry 0 cover 70%}.split>div:last-child{animation:driftR linear both;animation-timeline:view();animation-range:entry 0 cover 70%}@keyframes driftL{from{transform:translateX(-12vw);opacity:.1}to{transform:none;opacity:1}}@keyframes driftR{from{transform:translateX(12vw);opacity:.1}to{transform:none;opacity:1}}
.creator-grid{grid-template-columns:repeat(5,1fr);gap:8px;perspective:1400px}.creator{height:245px;border-radius:3px;transform-style:preserve-3d;animation:creatorIn .8s both;animation-timeline:view();animation-range:entry 0 cover 30%}.creator:nth-child(odd){transform:translateY(18px) rotate(-1deg)}.creator:nth-child(even){transform:translateY(-8px) rotate(1deg)}.creator:hover{z-index:5;transform:translateY(-18px) scale(1.08) rotate(0)!important;box-shadow:0 25px 55px #741b2b44}.creator img{filter:grayscale(.7) contrast(1.04)}@keyframes creatorIn{from{opacity:0;scale:.82;filter:blur(8px)}to{opacity:1;scale:1;filter:none}}
.proof{isolation:isolate}.proof:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 75px,rgba(184,34,66,.12) 76px,transparent 78px);background-size:220% 220%;animation:aiLines 8s linear infinite}@keyframes aiLines{to{background-position:100% 100%}}.case{animation:caseReveal 1s both;animation-timeline:view();animation-range:entry 5% cover 35%}.case:nth-child(even){animation-name:caseRevealR}@keyframes caseReveal{from{opacity:0;transform:translateX(-80px) rotateY(12deg)}to{opacity:1;transform:none}}@keyframes caseRevealR{from{opacity:0;transform:translateX(80px) rotateY(-12deg)}to{opacity:1;transform:none}}.case-metric{display:inline-block;margin-top:4px;padding:7px 10px;border:1px solid #9f4152;color:#e6aebb;font-size:9px;letter-spacing:.16em}
.searchbar{position:relative;overflow:hidden;transition:.35s}.searchbar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(190,55,82,.18),transparent);transform:translateX(-100%);animation:scan 2.8s infinite}@keyframes scan{to{transform:translateX(100%)}}.suite-ui:hover{transform:perspective(1000px) rotateX(1deg) rotateY(-1deg);box-shadow:0 35px 110px #741b2b55}.suite-ui{transition:.4s}
.problem{border:1px solid var(--line);gap:0;background:#fff}.problem>div{padding:42px}.problem>div+div{border-left:1px solid var(--line)}.lineitem{transition:.3s}.problem .lineitem:hover{background:#741b2b0b;transform:translateX(8px);padding-top:10px;padding-bottom:10px}
.service{position:relative;overflow:hidden}.service:after{content:"↗";position:absolute;right:24px;top:22px;font-size:22px;color:var(--m);opacity:0;transform:translate(-8px,8px);transition:.3s}.service:hover:after{opacity:1;transform:none}.service:hover{transform:translateY(-12px) rotateX(3deg);box-shadow:0 25px 70px #741b2b22}.services-grid{perspective:1200px}
.metricbox strong{display:inline-block}.metricbox{transition:.35s}.metricbox:hover{transform:scale(1.04);border-color:#9d4354;background:#741b2b16}
@media(max-width:900px){.creator-grid{grid-template-columns:repeat(2,1fr)}.creator{height:300px}}@media(max-width:600px){.creator-grid{grid-template-columns:1fr 1fr}.creator{height:230px}}

.scroll-arrow{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#741b2b;text-decoration:none;z-index:12;font-size:10px;letter-spacing:.22em;font-weight:800}.scroll-arrow i{font-style:normal;font-size:30px;line-height:1;animation:arrowBounce 1.35s ease-in-out infinite}.hero{position:relative}.scroll-arrow:hover i{transform:translateY(5px)}@keyframes arrowBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.creator img{display:block;width:100%;height:100%;object-fit:cover}.creator-grid{min-height:320px}
.creator{clip-path:none!important;opacity:1!important}.creator img{opacity:1!important;visibility:visible!important}.scroll-arrow{display:flex!important}


/* V5: disciplined creator grid + persistent 3D language + unmistakable cursor */
.creator-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;perspective:1400px}
.creator{height:220px!important;min-height:220px!important;border-radius:12px!important;transform:none!important;margin:0!important;clip-path:none!important;opacity:1!important;overflow:hidden!important;border:1px solid rgba(116,27,43,.13);box-shadow:0 12px 34px rgba(24,9,12,.10)}
.creator:nth-child(n){transform:none!important}
.creator img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.creator b{left:14px!important;bottom:13px!important;font-size:17px!important;line-height:1.05!important}
.creator:hover{transform:perspective(900px) translateY(-10px) rotateX(3deg) rotateY(-3deg) scale(1.035)!important;box-shadow:0 24px 55px rgba(116,27,43,.28)!important;z-index:6}
.creator-head{margin-bottom:32px!important}.creator-section{padding-bottom:125px}
/* cursor must remain visible on desktop */
@media (hover:hover) and (pointer:fine){html,body,a,button,.btn,.creator,.service,.case,.step,.stack-card,.result{cursor:none!important}.cursor-dot,.cursor-ring,.spotlight{display:block!important}}
.cursor-dot{width:9px!important;height:9px!important;background:#741b2b!important;z-index:10002!important;box-shadow:0 0 12px rgba(116,27,43,.85)!important}
.cursor-ring{width:42px!important;height:42px!important;z-index:10001!important;border:1.5px solid rgba(116,27,43,.75)!important;box-shadow:0 0 22px rgba(116,27,43,.48),0 0 58px rgba(116,27,43,.28)!important;mix-blend-mode:normal!important}
.spotlight{display:block;position:fixed!important;width:420px!important;height:420px!important;z-index:9998!important;opacity:.72!important;background:radial-gradient(circle,rgba(116,27,43,.22) 0,rgba(116,27,43,.11) 24%,rgba(116,27,43,.045) 47%,transparent 70%)!important;filter:blur(10px)!important;mix-blend-mode:multiply!important}
/* 3D sculptural language throughout */
section:not(.hero){isolation:isolate;perspective:1300px;overflow:hidden}
section:not(.hero):before{content:'';position:absolute;z-index:-1;width:180px;height:180px;border-radius:38% 62% 55% 45%/45% 42% 58% 55%;right:-58px;top:42px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(116,27,43,.16) 42%,rgba(75,14,24,.38));box-shadow:inset 16px 14px 28px rgba(255,255,255,.45),inset -18px -18px 32px rgba(75,14,24,.18),0 28px 65px rgba(116,27,43,.12);filter:saturate(.9);transform:rotate(22deg) translateZ(20px);animation:floatSculpt 8s ease-in-out infinite alternate;pointer-events:none}
section:nth-of-type(even):before{left:-75px;right:auto;top:auto;bottom:45px;width:145px;height:145px;animation-delay:-3s}
.dark:before,.proof:before,.cta:before{opacity:.48;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(177,46,72,.5) 45%,rgba(20,7,10,.75));box-shadow:inset 12px 10px 25px rgba(255,255,255,.12),0 30px 80px rgba(154,31,56,.22)}
@keyframes floatSculpt{0%{transform:translate3d(0,0,20px) rotate(15deg)}100%{transform:translate3d(-28px,30px,70px) rotate(42deg)}}
.service,.case,.step,.suite-ui,.dash,.metricbox,.stack-card,.problem{transform-style:preserve-3d;backface-visibility:hidden}
.service h3,.case h3,.step h3,.stack-card h3{transform:translateZ(22px)}
.stats{position:relative;z-index:2}.stat{transition:transform .35s,box-shadow .35s,background .35s}.stat:hover{transform:translateY(-8px) translateZ(25px);background:#fff;box-shadow:0 22px 55px rgba(116,27,43,.12)}
@media(max-width:1100px){.creator-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:800px){.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.creator{height:250px!important;min-height:250px!important}section:not(.hero):before{opacity:.35}}



/* SERVICES: 4 cards are a visible deck; scroll compresses them into a stack */
#services{overflow:visible!important}
#services .stack-wrap{height:1850px!important;position:relative!important;margin-top:35px!important}
#services .stack{position:sticky!important;top:100px!important;height:620px!important;overflow:visible!important;perspective:1600px!important}
#services .stack-card{position:absolute!important;left:0!important;right:0!important;top:0!important;height:470px!important;margin:0!important;opacity:1!important;visibility:visible!important;background:#fff!important;border:1px solid rgba(116,27,43,.18)!important;border-radius:20px!important;padding:46px!important;box-shadow:0 24px 70px rgba(45,5,16,.13)!important;transform-origin:center top!important}
#services .stack-card:nth-child(1){z-index:1}#services .stack-card:nth-child(2){z-index:2}#services .stack-card:nth-child(3){z-index:3}#services .stack-card:nth-child(4){z-index:4}
#services .stack-card:hover{background:#741b2b!important;color:#fff!important}
@media(max-width:900px){#services .stack-wrap{height:auto!important}#services .stack{position:relative!important;top:auto!important;height:auto!important}#services .stack-card{position:relative!important;height:auto!important;transform:none!important;margin-bottom:14px!important}}

/* PROOF metrics: permanently in DOM and visible */
.direct-proof-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:9px!important;margin:16px 0 20px!important}
.direct-proof-metrics>div{border-top:1px solid rgba(255,255,255,.22)!important;padding:10px 4px!important}
.direct-proof-metrics strong{display:block!important;font:700 22px/1 "Playfair Display",serif!important;color:#eab5c0!important}
.direct-proof-metrics span{display:block!important;margin-top:5px!important;font-size:8px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#fff9!important}

/* FAILURE: explicit two-column table */
.problem{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border:1px solid rgba(116,27,43,.25)!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important}
.problem>div{padding:44px!important}
.problem>div:first-child{background:#f4efec!important;border-right:1px solid rgba(116,27,43,.25)!important}
.problem .lineitem{padding:18px 0!important;margin:0!important;border-left:0!important;border-bottom:1px solid rgba(116,27,43,.12)!important}
@media(max-width:760px){.problem{grid-template-columns:1fr!important}.problem>div:first-child{border-right:0!important;border-bottom:1px solid rgba(116,27,43,.25)!important}}

/* SIX SURFACES: explicit slider + arrows */
.direct-slider{position:relative;overflow:hidden;padding:20px 74px 46px}
.direct-track{display:flex;transition:transform .62s cubic-bezier(.16,1,.3,1)}
.direct-slide{min-width:100%;padding:12px;opacity:.28;transform:scale(.92) rotateY(7deg);transition:.62s cubic-bezier(.16,1,.3,1)}
.direct-slide.active{opacity:1;transform:none}
.direct-slide .service{min-height:330px;display:flex;flex-direction:column;justify-content:center;padding:58px;border:1px solid rgba(116,27,43,.18);border-radius:22px;background:linear-gradient(145deg,#fff,#f7f2ef);box-shadow:0 28px 80px rgba(70,0,20,.10)}
.direct-slide .service b{font-size:52px;color:#741b2b}.direct-slide .service h3{font-size:42px;margin:12px 0}
.direct-arrow{position:absolute;top:48%;z-index:8;width:52px;height:52px;border-radius:50%;border:1px solid #741b2b55;background:#fff;color:#741b2b;font-size:24px;cursor:pointer;box-shadow:0 12px 35px rgba(70,0,20,.12);transition:.25s}
.direct-arrow:hover{background:#741b2b;color:#fff;transform:scale(1.08)}.direct-arrow.prev{left:12px}.direct-arrow.next{right:12px}
.direct-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.direct-dots button{width:26px;height:3px;border:0;background:#d8ceca;transition:.25s;cursor:pointer}.direct-dots button.active{width:54px;background:#741b2b}

/* BRIEF TO BUZZ: unmistakable moving neon field */
.direct-buzz{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.direct-neon{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(116,27,43,.18),transparent 45%)}
.direct-neon i{position:absolute;left:-50%;width:70%;height:2px;background:linear-gradient(90deg,transparent,#741b2b,#ff9db2,transparent);box-shadow:0 0 10px #741b2b,0 0 32px rgba(116,27,43,.65);animation:directBeam 3.8s linear infinite}
.direct-neon i:nth-child(1){top:20%}.direct-neon i:nth-child(2){top:42%;animation-delay:-1.2s;transform:rotate(7deg)}.direct-neon i:nth-child(3){top:65%;animation-delay:-2.4s;transform:rotate(-6deg)}.direct-neon i:nth-child(4){top:83%;animation-delay:-3s}
@keyframes directBeam{from{translate:0 0;opacity:0}15%{opacity:1}to{translate:240% 0;opacity:0}}
.direct-buzz .buzz-step{box-shadow:0 24px 65px rgba(70,0,20,.14),0 0 0 1px rgba(116,27,43,.12)!important;backdrop-filter:blur(8px)}
.direct-buzz .buzz-step:after{content:"";position:absolute;left:-80%;bottom:0;width:70%;height:2px;background:linear-gradient(90deg,transparent,#741b2b,#ffb4c3,transparent);animation:cardScan 2.8s linear infinite}
@keyframes cardScan{to{left:130%}}

/* LIVE KPIs: number visibly rises from below each time it counts */
.live-kpi{overflow:hidden!important}.live-num{display:inline-block!important}
.live-num.direct-rise{animation:directRise .75s cubic-bezier(.16,1,.3,1)}
@keyframes directRise{from{transform:translateY(48px);opacity:0;filter:blur(6px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}



.v12-final-cta{min-height:92vh!important;position:relative!important;overflow:hidden!important;background:#0b0909!important;color:#fff!important;padding:110px 7vw 80px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;isolation:isolate}
.v12-final-cta:before{content:"";position:absolute;inset:-25%;z-index:-2;background:radial-gradient(circle at var(--cta-x,55%) var(--cta-y,45%),rgba(116,27,43,.48),rgba(116,27,43,.10) 22%,transparent 48%);transition:.12s linear}
.v12-final-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 8.2vw,rgba(255,255,255,.035) 8.25vw 8.3vw);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.v12-kicker{font-size:10px;letter-spacing:.28em;color:#e5a9b6;margin-bottom:30px}
.v12-final-cta h2{font:500 clamp(66px,10.5vw,160px)/.78 "Playfair Display",serif!important;letter-spacing:-.065em!important;margin:0!important;max-width:1100px}
.v12-final-cta h2 em{color:#b84b63;font-weight:400}
.v12-tag{font:700 clamp(20px,2.7vw,42px)/1 "DM Sans",sans-serif;letter-spacing:.02em;margin:30px 0 0}.v12-tag span{display:inline-block;color:#fff;border:1px solid #b84b63;padding:8px 13px;margin-left:7px;box-shadow:0 0 25px rgba(184,75,99,.22);animation:v12tag 2.4s ease-in-out infinite}
@keyframes v12tag{50%{background:#741b2b;box-shadow:0 0 45px rgba(184,75,99,.55);transform:rotate(-2deg) scale(1.04)}}
.v12-copy{max-width:680px!important;margin:34px 0!important;font-size:16px!important;line-height:1.7!important;color:#d8d0d0!important}
.v12-cta-row{display:flex;align-items:center;gap:38px;flex-wrap:wrap}
.v12-primary{display:inline-flex;align-items:center;gap:22px;background:#fff;color:#0b0909!important;text-decoration:none;padding:18px 22px;border-radius:100px;font-size:13px;font-weight:700;transition:.35s}.v12-primary span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#741b2b;color:#fff;font-size:18px}.v12-primary:hover{transform:translateY(-5px);box-shadow:0 18px 55px rgba(184,75,99,.3)}
.v12-contact{display:grid;gap:4px}.v12-contact small{font-size:8px;letter-spacing:.18em;color:#b7848f}.v12-contact b{font-size:13px}.v12-contact span{font-size:11px;color:#aaa}
.v12-orbit{position:absolute;width:480px;height:480px;right:-80px;top:70px;border:1px solid rgba(184,75,99,.22);border-radius:50%;animation:v12rot 16s linear infinite}.v12-orbit:before,.v12-orbit:after{content:"";position:absolute;border:1px solid rgba(184,75,99,.15);border-radius:50%;inset:55px}.v12-orbit:after{inset:115px}.v12-orbit i{position:absolute;width:11px;height:11px;border-radius:50%;background:#d8667e;box-shadow:0 0 22px #d8667e}.v12-orbit i:nth-child(1){top:20px;left:50%}.v12-orbit i:nth-child(2){right:28px;top:55%}.v12-orbit i:nth-child(3){bottom:45px;left:18%}@keyframes v12rot{to{transform:rotate(360deg)}}
.v12-running{position:absolute;left:0;right:0;bottom:0;border-top:1px solid #ffffff17;padding:14px 0;overflow:hidden;white-space:nowrap;color:#b84b63;font-size:9px;letter-spacing:.18em}.v12-running div{width:max-content;animation:v12marquee 18s linear infinite}@keyframes v12marquee{to{transform:translateX(-50%)}}
@media(max-width:700px){.v12-final-cta{padding:90px 24px 70px!important}.v12-orbit{opacity:.45;width:320px;height:320px}.v12-cta-row{align-items:flex-start;flex-direction:column}}



.v13-close{min-height:100vh!important;position:relative!important;overflow:hidden!important;background:#f7f3ee!important;color:#111!important;padding:42px 6vw 38px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;isolation:isolate}
.v13-close:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,transparent 49.92%,rgba(116,27,43,.12) 50%,transparent 50.08%),linear-gradient(transparent 49.92%,rgba(116,27,43,.08) 50%,transparent 50.08%);background-size:11vw 11vw}
.v13-glow{position:absolute;z-index:-2;width:680px;height:680px;border-radius:50%;right:-10%;top:0;background:radial-gradient(circle,rgba(116,27,43,.26),rgba(116,27,43,.08) 35%,transparent 70%);filter:blur(14px);transition:.12s linear}
.v13-topline{display:flex;justify-content:space-between;border-bottom:1px solid #17121222;padding-bottom:15px;font-size:8px;font-weight:700;letter-spacing:.18em;color:#741b2b}
.v13-main{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:5vw;padding:50px 0}
.v13-eyebrow{font-size:9px;letter-spacing:.22em;color:#741b2b;margin-bottom:25px}
.v13-copy h2{font:500 clamp(68px,9.6vw,150px)/.77 "Playfair Display",serif!important;letter-spacing:-.065em!important;margin:0!important}
.v13-copy h2 em{color:#741b2b;font-weight:400;position:relative}.v13-copy h2 em:after{content:"";position:absolute;height:5px;background:#741b2b;left:0;right:0;bottom:-5px;transform-origin:left;animation:v13underline 2.2s ease-in-out infinite alternate}@keyframes v13underline{from{transform:scaleX(.18)}to{transform:scaleX(1)}}
.v13-copy p{max-width:610px;font-size:16px;line-height:1.7;color:#4f4745;margin:35px 0 0}
.v13-action{display:flex;flex-direction:column;align-items:center;gap:34px}
.v13-disc{position:relative;width:280px;height:280px;border-radius:50%;display:grid;place-items:center;background:#741b2b;box-shadow:0 35px 90px rgba(116,27,43,.28);transition:.45s cubic-bezier(.16,1,.3,1)}.v13-disc:hover{transform:scale(1.06) rotate(-3deg);box-shadow:0 45px 110px rgba(116,27,43,.42)}
.v13-disc>a{width:155px;height:155px;border-radius:50%;background:#0d0b0b;color:#fff!important;text-decoration:none;display:grid;place-items:center;text-align:center;position:relative;font:700 28px/1 "DM Sans",sans-serif}.v13-disc>a i{position:absolute;right:26px;top:23px;font-style:normal;font-size:18px;color:#e5a4b2}
.v13-ringtext{position:absolute;inset:13px;border:1px dashed rgba(255,255,255,.45);border-radius:50%;color:transparent;animation:v13spin 13s linear infinite}@keyframes v13spin{to{transform:rotate(360deg)}}
.v13-contact{width:100%;border-top:1px solid #741b2b33;padding-top:18px;display:grid;gap:5px}.v13-contact small{font-size:8px;letter-spacing:.15em;color:#741b2b}.v13-contact strong{font:600 27px "Playfair Display",serif;margin-top:7px}.v13-contact span,.v13-contact a{font-size:11px;color:#544b49!important;text-decoration:none}
.v13-footer{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #17121222;padding-top:16px;gap:10px}.v13-footer b{font-size:9px;letter-spacing:.13em}.v13-footer b:not(:last-child):after{content:"→";float:right;color:#741b2b}
@media(max-width:850px){.v13-main{grid-template-columns:1fr}.v13-action{align-items:flex-start}.v13-disc{width:220px;height:220px}.v13-footer{grid-template-columns:1fr 1fr;gap:18px}.v13-topline span:last-child{display:none}}


<style>

.v14-contact-card{width:100%;max-width:420px;background:rgba(255,255,255,.78);border:1px solid rgba(116,27,43,.18);border-radius:20px;padding:24px 26px;box-shadow:0 18px 55px rgba(55,0,15,.07);backdrop-filter:blur(14px)}.v14-contact-head{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(116,27,43,.12)}.v14-contact-head span,.v14-contact-head i{font-size:7px;letter-spacing:.17em;color:#741b2b;font-style:normal}.v14-person{display:flex;justify-content:space-between;align-items:center;padding:24px 0 20px}.v14-person>div{display:grid;gap:4px}.v14-person strong{font:500 36px/1 'Playfair Display',serif}.v14-person small{font-size:10px;color:#766d6a}.v14-dot{width:10px;height:10px;border-radius:50%;background:#741b2b;box-shadow:0 0 0 7px rgba(116,27,43,.08),0 0 22px rgba(116,27,43,.28)}.v14-contact-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v14-contact-links a{display:grid;gap:5px;padding-top:13px;text-decoration:none;color:#111;border-top:1px solid rgba(116,27,43,.12)}.v14-contact-links small{font-size:7px;letter-spacing:.14em;color:#8b7e7a}.v14-contact-links span{font-size:10px}.v14-download-row{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:28px 0 22px;padding:20px 0;border-top:1px solid #17121218;border-bottom:1px solid #17121218}.v14-download-row>div{display:grid;gap:4px}.v14-download-row small{font-size:7px;letter-spacing:.17em;color:#741b2b}.v14-download-row>div span{font-size:11px;color:#665d5a}#downloadPdfBtn{border:1px solid #741b2b;background:transparent;color:#741b2b;border-radius:100px;padding:8px 9px 8px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:.3s;font-family:inherit}#downloadPdfBtn b{font-size:10px}.v14-pdf-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#741b2b;color:#fff;font-size:17px}#downloadPdfBtn:hover{background:#741b2b;color:#fff;transform:translateY(-3px)}@media(max-width:650px){.v14-contact-links{grid-template-columns:1fr}.v14-download-row{align-items:flex-start;flex-direction:column}}@media print{#hustl-loader,.cursor,.cursor-halo,.scroll-arrow,.v14-download-row{display:none!important}*{animation:none!important;transition:none!important}@page{size:A4 landscape;margin:8mm}}


#hustl-loader{position:fixed;inset:0;z-index:9999999;background:#f8f5f0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:opacity .75s cubic-bezier(.16,1,.3,1),visibility .75s}
#hustl-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}
.hloader-halo{position:absolute;width:min(62vw,650px);height:min(62vw,650px);border-radius:50%;background:radial-gradient(circle,rgba(116,27,43,.22),rgba(116,27,43,.07) 36%,transparent 70%);filter:blur(15px);animation:hHalo 1.8s ease-in-out infinite alternate}
.hloader-core{position:relative;width:126px;height:126px;display:grid;place-items:center}
.hloader-mark{width:82px;height:82px;border-radius:50%;background:#741b2b;color:#fff;display:grid;place-items:center;font:500 43px/1 Georgia,serif;box-shadow:0 18px 60px rgba(116,27,43,.25);animation:hFloat 1.4s ease-in-out infinite;position:relative}
.hloader-mark span{position:absolute;font-size:11px;right:17px;bottom:16px;color:#f4c0ca}
.hloader-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(116,27,43,.22);border-top-color:#741b2b;border-right-color:#741b2b;animation:hSpin 1.25s linear infinite}
.hloader-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;border:1px dashed rgba(116,27,43,.18)}
.hloader-word{margin-top:20px;font:500 29px/1 "Playfair Display",Georgia,serif;letter-spacing:.08em;color:#171212}
.hloader-progress{width:210px;height:2px;background:rgba(116,27,43,.12);margin-top:23px;overflow:hidden}
.hloader-progress i{display:block;height:100%;width:42%;background:#741b2b;animation:hLoad 1.15s cubic-bezier(.65,0,.35,1) infinite}
.hloader-status{font-size:7px;letter-spacing:.28em;color:#741b2b;margin-top:12px}
@keyframes hSpin{to{transform:rotate(360deg)}}@keyframes hFloat{50%{transform:translateY(-6px) scale(1.03)}}@keyframes hHalo{to{transform:scale(1.16);opacity:.55}}@keyframes hLoad{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}



/* CarryMinati: tighter portrait crop so the face, not torso, is the focal point */
.creator-grid .creator:nth-child(3) img{
  object-position:50% 12% !important;
  transform:scale(1.48) !important;
  transform-origin:50% 16%;
}
.creator-grid .creator:nth-child(3):hover img{
  transform:scale(1.54) !important;
}

/* Two-line circular logo marquee */
.v17-logos{
  padding:30px 0 34px !important;
  display:grid;
  gap:18px;
  overflow:hidden;
}
.v17-marquee-row{
  width:100%;
  overflow:hidden;
  padding:4px 0;
}
.v17-logo-track{
  display:flex;
  align-items:center;
  gap:22px;
  width:max-content;
  will-change:transform;
}
.v17-logo-orb{
  width:112px;
  height:112px;
  flex:0 0 112px;
  border-radius:50%;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(116,27,43,.13);
  box-shadow:0 9px 30px rgba(33,18,20,.07);
  display:grid;
  place-items:center;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.v17-logo-orb img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  filter:none !important;
  opacity:1 !important;
}
.v17-logo-orb:hover{
  transform:scale(1.08);
  border-color:rgba(116,27,43,.4);
  box-shadow:0 14px 38px rgba(116,27,43,.16);
}
.v17-row-ltr .v17-logo-track{
  animation:v17LTR 28s linear infinite;
}
.v17-row-rtl .v17-logo-track{
  animation:v17RTL 28s linear infinite;
}
.v17-marquee-row:hover .v17-logo-track{animation-play-state:paused}
@keyframes v17LTR{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}
@keyframes v17RTL{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:700px){
  .v17-logo-orb{width:86px;height:86px;flex-basis:86px}
  .v17-logo-track{gap:15px}
}
@media print{
  .v17-logo-track{animation:none!important}
}



/* Remove VIEW label from custom cursor */
.cursor::after,
.cursor:after,
.cursor.view::after,
.cursor.view:after,
.cursor[data-text]::after,
.cursor[data-text]:after{
  content:"" !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}
.cursor{font-size:0 !important}

/* Smaller, faster, beige logo marquee */
.v17-logos{
  background:#f8f5f0 !important;
  padding:24px 0 28px !important;
  gap:14px !important;
}
.v17-logo-orb{
  width:92px !important;
  height:92px !important;
  flex-basis:92px !important;
}
.v17-logo-track{gap:17px !important}
.v17-row-ltr .v17-logo-track{animation-duration:17s !important}
.v17-row-rtl .v17-logo-track{animation-duration:17s !important}
@media(max-width:700px){
  .v17-logo-orb{width:74px !important;height:74px !important;flex-basis:74px !important}
  .v17-logo-track{gap:12px !important}
}



.v17-logos{
  background:var(--cream) !important;
  padding:20px 0 24px !important;
  gap:12px !important;
}
.v17-logo-orb{
  width:78px !important;
  height:78px !important;
  flex-basis:78px !important;
  padding:9px !important;
  background:#fff !important;
  border:1px solid rgba(111,16,35,.12) !important;
  box-shadow:0 6px 18px rgba(32,12,17,.06) !important;
}
.v17-logo-orb img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  image-rendering:auto !important;
}
.v17-logo-orb:hover{
  transform:scale(1.055) !important;
}
.v17-logo-track{gap:14px !important}

/* Text-only PDF action integrated into the existing last page */
.v19-pdf-text{
  position:absolute;
  right:6vw;
  bottom:26px;
  border:0;
  padding:0;
  background:transparent;
  color:rgba(255,255,255,.68);
  font:600 10px/1 "DM Sans",Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  transition:color .25s ease,transform .25s ease;
}
.v19-pdf-text span{margin-left:7px;font-size:14px}
.v19-pdf-text:hover{color:#fff;transform:translateY(-2px)}
@media(max-width:700px){
  .v17-logo-orb{width:66px !important;height:66px !important;flex-basis:66px !important;padding:7px !important}
  .v19-pdf-text{position:relative;right:auto;bottom:auto;margin-top:35px}
}
@media print{
  .v19-pdf-text{display:none!important}
}



/* Keep creator photography sharp: no CSS blur/filter/softening on image or hover */
.creator-card img,
.creator-card picture img,
[class*="creator"] img,
[class*="talent"] img,
[class*="face"] img{
  filter:none !important;
  -webkit-filter:none !important;
  backdrop-filter:none !important;
  opacity:1 !important;
  image-rendering:auto !important;
  transform:translateZ(0);
}
.creator-card:hover img,
[class*="creator"]:hover img,
[class*="talent"]:hover img{
  filter:none !important;
  -webkit-filter:none !important;
}

/* Uploaded logo marquee */
.v20-marquee{
  width:100%;
  overflow:hidden;
  background:var(--cream,#f7f1e8);
  padding:15px 0 18px;
  display:grid;
  gap:9px;
}
.v20-marquee-row{overflow:hidden;width:100%}
.v20-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:12px;
  will-change:transform;
}
.v20-left .v20-track{animation:v20MoveLeft 17s linear infinite}
.v20-right .v20-track{animation:v20MoveRight 17s linear infinite}
.v20-logo-orb{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:50%;
  overflow:hidden;
  background:transparent;
  opacity:.5;
}
.v20-logo-orb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:50%;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
  image-rendering:auto;
}
@keyframes v20MoveLeft{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes v20MoveRight{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}
@media(max-width:700px){
  .v20-logo-orb{width:48px;height:48px;flex-basis:48px}
  .v20-track{gap:9px}
}



/* 1. Creator gallery: give tilted hover cards breathing room and prevent overlap */
.creator-grid,
[class*="creator-grid"],
[class*="creator"][class*="grid"]{
  column-gap:clamp(26px,3.2vw,54px) !important;
  row-gap:clamp(28px,3.2vw,52px) !important;
  overflow:visible !important;
}
.creator-card,
[class*="creator-card"],
[class*="talent-card"]{
  position:relative !important;
  transform-origin:center center !important;
  z-index:1;
  overflow:visible !important;
}
.creator-card:hover,
[class*="creator-card"]:hover,
[class*="talent-card"]:hover{
  z-index:20 !important;
}
/* keep hover twist restrained so adjacent cards remain clear */
.creator-card:nth-child(odd):hover,
[class*="creator-card"]:nth-child(odd):hover{
  transform:translateY(-7px) rotate(-2.4deg) scale(1.025) !important;
}
.creator-card:nth-child(even):hover,
[class*="creator-card"]:nth-child(even):hover{
  transform:translateY(-7px) rotate(2.4deg) scale(1.025) !important;
}

/* 2. End-to-end stack: centered sticky stage with predictable card alignment */
.stack-wrap,
[class*="stack-wrap"],
[class*="influence-stack"],
[class*="card-stack"]{
  position:relative !important;
  width:min(100%,1100px) !important;
  margin-inline:auto !important;
  padding-inline:clamp(18px,4vw,54px) !important;
}
.stack-card,
[class*="stack-card"],
[class*="influence-card"]{
  left:auto !important;
  right:auto !important;
  margin-inline:auto !important;
  transform-origin:center top !important;
  width:min(100%,920px) !important;
}
.stack-card:nth-child(1), [class*="stack-card"]:nth-child(1){top:92px !important}
.stack-card:nth-child(2), [class*="stack-card"]:nth-child(2){top:108px !important}
.stack-card:nth-child(3), [class*="stack-card"]:nth-child(3){top:124px !important}
.stack-card:nth-child(4), [class*="stack-card"]:nth-child(4){top:140px !important}

/* 3. Planning → Publishing → Booming: one clean baseline */
.pipeline,
[class*="pipeline"],
[class*="planning"][class*="flow"],
[class*="boom"][class*="flow"]{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:start !important;
  gap:clamp(12px,2vw,28px) !important;
  width:min(100%,1080px) !important;
  margin-inline:auto !important;
}
.pipeline > *,
[class*="pipeline"] > *{
  min-width:0 !important;
  text-align:center !important;
  align-self:start !important;
}
.pipeline .metric,
[class*="pipeline"] [class*="metric"],
[class*="pipeline"] [class*="number"],
[class*="pipeline"] [data-count]{
  display:block !important;
  min-height:1.25em !important;
  line-height:1 !important;
  font-variant-numeric:tabular-nums !important;
}
@media(max-width:760px){
  .pipeline,[class*="pipeline"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}



.v17-logos,.logo-marquee:not(.v20-marquee),.marquee-logos:not(.v20-marquee){display:none!important}



/* HERO: animated phone visual, no extra panel/background */
.hero{max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:3vw!important;padding-right:4vw!important;overflow:hidden!important}
.hero>div:first-child{max-width:850px!important;position:relative;z-index:3}
.hero-motion{position:relative;height:min(72vh,720px);min-height:500px;display:grid;place-items:center;pointer-events:none;z-index:2;perspective:1200px}
.hero-phone-art{width:min(100%,720px);height:auto;display:block;filter:drop-shadow(0 32px 34px rgba(70,15,31,.14));animation:v25PhoneToggle 5.2s ease-in-out infinite;transform-origin:50% 55%;will-change:transform}
.hero-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.75),rgba(181,74,103,.26) 35%,rgba(116,27,43,.18) 72%);box-shadow:inset 0 0 22px rgba(255,255,255,.25),0 18px 35px rgba(116,27,43,.08);opacity:.55;filter:blur(.15px);animation:v25Bubble 7s ease-in-out infinite alternate;z-index:-1}
.hero-bubble.b1{width:125px;height:125px;right:9%;top:10%}.hero-bubble.b2{width:72px;height:72px;left:4%;top:22%;animation-delay:-2s}.hero-bubble.b3{width:96px;height:96px;right:2%;bottom:18%;animation-delay:-4s}.hero-bubble.b4{width:48px;height:48px;left:18%;bottom:12%;animation-delay:-1s}
@keyframes v25PhoneToggle{0%,100%{transform:rotateY(-7deg) rotateZ(-1deg) translateY(0)}50%{transform:rotateY(8deg) rotateZ(1deg) translateY(-10px)}}
@keyframes v25Bubble{0%{transform:translate3d(-5px,7px,0) scale(.96)}100%{transform:translate3d(10px,-13px,0) scale(1.05)}}
/* SERVICES: centered heading + deterministic scroll deck */
#services>.ey,#services>h2{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
#services .stack-wrap{height:1900px!important;position:relative!important;max-width:1040px!important;margin:28px auto 0!important}
#services .stack{position:sticky!important;top:clamp(90px,13vh,130px)!important;height:560px!important;perspective:1600px!important;overflow:visible!important}
#services .stack-card{position:absolute!important;inset:0!important;height:480px!important;margin:0!important;opacity:1!important;visibility:visible!important;border-radius:24px!important;transform-origin:50% 0!important;will-change:transform!important;transition:box-shadow .25s ease,border-color .25s ease!important}
#services .stack-card:hover{background:#fff!important;color:inherit!important}
/* LIVE NUMBERS: stable columns / no jumping */
.live-kpis{align-items:stretch!important}.live-kpi{min-width:0!important}.live-num{display:block!important;font-variant-numeric:tabular-nums lining-nums!important;font-feature-settings:'tnum' 1!important;white-space:nowrap!important;min-height:1.25em!important;line-height:1.08!important;letter-spacing:-.035em!important}
@media(max-width:900px){.hero{grid-template-columns:1fr!important;min-height:auto!important;padding-top:120px!important}.hero-motion{height:430px;min-height:0;margin-top:-20px}.hero-phone-art{width:min(92vw,620px)}#services .stack-wrap{height:auto!important;max-width:760px!important}#services .stack{position:relative!important;top:auto!important;height:auto!important}#services .stack-card{position:relative!important;inset:auto!important;height:auto!important;min-height:260px!important;transform:none!important;margin:0 0 16px!important}.live-kpis{grid-template-columns:1fr 1fr!important}.live-num{font-size:clamp(28px,7vw,44px)!important}}
@media(max-width:560px){.hero{padding-left:22px!important;padding-right:22px!important}.hero-motion{height:340px;margin-top:0}.hero-bubble.b1{width:80px;height:80px}.hero-bubble.b2{width:50px;height:50px}.hero-bubble.b3{width:65px;height:65px}.hero-bubble.b4{width:34px;height:34px}.live-kpis{grid-template-columns:1fr!important}.live-num{font-size:36px!important}}
@media(prefers-reduced-motion:reduce){.hero-phone-art,.hero-bubble{animation:none!important}}



/* === 02 / INFLUENCE, END TO END ===
   One fixed scroll-stage. Each full card enters cleanly from below and
   settles behind the next card. Content never ghosts/overlaps. */
#services .stack-wrap{
  position:relative !important;
  height:2100px !important;
  width:min(100%,1100px) !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
}
#services .stack{
  position:sticky !important;
  top:110px !important;
  height:560px !important;
  width:min(calc(100% - 36px),940px) !important;
  margin:0 auto !important;
  overflow:visible !important;
}
#services .stack-card{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:clamp(30px,4vw,48px) !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  box-shadow:0 24px 70px rgba(22,14,14,.12) !important;
  transform-origin:50% 0 !important;
  transition:none !important;
  overflow:hidden !important;
  opacity:1 !important;
}
#services .stack-card:hover{
  background:#fff !important;
  color:inherit !important;
}
#services .stack-card h3,
#services .stack-card p,
#services .stack-card .ix{
  position:relative !important;
  z-index:2 !important;
}
@media(max-width:700px){
  #services .stack-wrap{height:auto !important}
  #services .stack{position:relative !important;top:auto !important;height:auto !important;width:100% !important}
  #services .stack-card{
    position:relative !important;
    inset:auto !important;
    height:auto !important;
    min-height:300px !important;
    transform:none !important;
    margin:0 0 14px !important;
  }
}

/* === BRAND MARQUEE ===
   Exactly two rows, full viewport width, opaque circles, larger than before,
   generous gaps, faster motion. */
.v20-marquee{
  box-sizing:border-box !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:22px 0 24px !important;
  display:grid !important;
  gap:18px !important;
  overflow:hidden !important;
  background:var(--cream,#f7f1e8) !important;
}
.v20-marquee-row{
  width:100vw !important;
  overflow:hidden !important;
}
.v20-track{
  display:flex !important;
  align-items:center !important;
  width:max-content !important;
  gap:clamp(38px,4.4vw,76px) !important;
  will-change:transform !important;
}
.v20-left .v20-track{animation:v23Left 13s linear infinite !important}
.v20-right .v20-track{animation:v23Right 14s linear infinite !important}
.v20-logo-orb{
  box-sizing:border-box !important;
  width:92px !important;
  height:92px !important;
  flex:0 0 92px !important;
  padding:5px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  opacity:1 !important;
  background:transparent !important;
  filter:none !important;
}
.v20-logo-orb img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:50% !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
}
@keyframes v23Left{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes v23Right{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}
@media(max-width:700px){
  .v20-marquee{gap:13px !important;padding:17px 0 !important}
  .v20-track{gap:32px !important}
  .v20-logo-orb{width:76px !important;height:76px !important;flex-basis:76px !important}
  .v20-left .v20-track{animation-duration:11s !important}
  .v20-right .v20-track{animation-duration:12s !important}
}



/* Responsive hardening only — preserve desktop design/behaviour */
html{scroll-behavior:smooth}
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,video,svg,canvas{max-width:100%}
img{height:auto}

/* Prevent wide content from breaking tablets */
section,header,footer,main,nav{max-width:100%}
.container,.wrap,[class*="container"],[class*="inner"]{
  min-width:0;
}

/* Touch devices: don't depend on hover to reveal content */
@media (hover:none),(pointer:coarse){
  a,button,[role="button"]{touch-action:manipulation}
  .creator-card:hover,.creator-card:active{
    transform:none !important;
  }
}

/* Tablet */
@media (max-width:1024px){
  section{padding-left:clamp(18px,4vw,42px);padding-right:clamp(18px,4vw,42px)}
  h1{font-size:clamp(42px,8vw,78px)!important;line-height:.96!important}
  h2{font-size:clamp(34px,6vw,58px)!important;line-height:1!important}
  h3{font-size:clamp(24px,4vw,36px)!important}
  p{max-width:70ch}

  /* Keep creator imagery readable without overlap */
  .creator-grid,[class*="creator-grid"]{
    gap:clamp(18px,3vw,34px)!important;
  }
  .creator-card,[class*="creator-card"]{
    min-width:0!important;
  }

  /* Influence stack scales with viewport */
  #services .stack{
    width:min(calc(100% - 28px),900px)!important;
    height:min(560px,64vh)!important;
    min-height:460px!important;
  }
  #services .stack-card{
    padding:clamp(26px,4vw,44px)!important;
  }
}

/* Phones */
@media (max-width:700px){
  body{font-size:16px}
  section{padding-left:18px!important;padding-right:18px!important}
  h1{font-size:clamp(38px,12vw,58px)!important;line-height:.96!important}
  h2{font-size:clamp(31px,9vw,45px)!important;line-height:1!important}
  h3{font-size:clamp(23px,7vw,31px)!important}
  p{font-size:15px;line-height:1.55}

  /* Navigation must remain usable on narrow screens */
  nav,[class*="nav"]{
    max-width:100vw!important;
  }

  /* Creator section becomes a clean swipeable row where applicable */
  .creator-grid,[class*="creator-grid"]{
    display:flex!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    gap:16px!important;
    padding:4px 18px 18px!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
    scrollbar-width:none;
  }
  .creator-grid::-webkit-scrollbar,[class*="creator-grid"]::-webkit-scrollbar{display:none}
  .creator-card,[class*="creator-card"]{
    flex:0 0 min(78vw,310px)!important;
    scroll-snap-align:center;
    transform:none!important;
  }

  /* On mobile the influence cards flow vertically instead of sticky collision */
  #services .stack-wrap{
    height:auto!important;
    width:100%!important;
    padding:0!important;
  }
  #services .stack{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    width:100%!important;
  }
  #services .stack-card{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:290px!important;
    margin:0 0 16px!important;
    transform:none!important;
    visibility:visible!important;
    border-radius:22px!important;
  }

  /* Two marquee rows remain full bleed, but sized for phone */
  .v20-marquee{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    padding:15px 0 17px!important;
    gap:12px!important;
  }
  .v20-track{gap:27px!important}
  .v20-logo-orb{
    width:72px!important;height:72px!important;flex:0 0 72px!important;padding:4px!important;
  }
  .v20-left .v20-track{animation-duration:11s!important}
  .v20-right .v20-track{animation-duration:12s!important}

  /* Side-by-side/table-like areas collapse without clipping */
  .compare-grid,[class*="compare-grid"],[class*="two-col"],[class*="split"]{
    grid-template-columns:1fr!important;
  }

  /* CTA / final card breathing room */
  footer,[class*="footer"],[class*="contact"],[class*="namecard"]{
    max-width:100%!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  section{padding-left:15px!important;padding-right:15px!important}
  h1{font-size:clamp(34px,11vw,46px)!important}
  h2{font-size:clamp(29px,9vw,39px)!important}
  .v20-logo-orb{width:66px!important;height:66px!important;flex-basis:66px!important}
  .v20-track{gap:22px!important}
}

/* Print/PDF remains clean */
@media print{
  html,body{overflow:visible!important}
  .v20-track{animation:none!important}
  #services .stack-wrap{height:auto!important}
  #services .stack{position:relative!important;top:auto!important;height:auto!important}
  #services .stack-card{
    position:relative!important;transform:none!important;visibility:visible!important;
    height:auto!important;margin-bottom:14px!important;break-inside:avoid;
  }
}



/* Influence deck: one centered axis, consistent card geometry */
#services .stack-wrap{width:min(100%,1080px)!important;margin:34px auto 0!important}
#services .stack{width:min(calc(100% - 48px),920px)!important;margin:0 auto!important;left:auto!important;right:auto!important}
#services .stack-card{left:0!important;right:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}

/* Campaign KPI row: identical label + value geometry */
.live-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:0!important}
.live-kpi{display:grid!important;grid-template-rows:32px 1fr!important;align-items:start!important;justify-items:start!important;min-width:0!important;padding:24px 18px!important}
.live-kpi>span{display:flex!important;align-items:flex-end!important;height:32px!important;line-height:1.15!important;margin:0!important;white-space:nowrap!important}
.live-kpi>.live-num{display:flex!important;align-items:flex-start!important;height:58px!important;margin-top:10px!important;line-height:1!important;white-space:nowrap!important;font-variant-numeric:tabular-nums lining-nums!important;font-feature-settings:'tnum' 1!important;letter-spacing:-.045em!important}

/* Hero phone becomes an active social/app object, not a static poster */
.hero-motion{isolation:isolate!important}
.hero-phone-art{animation:v26PhoneOrbit 4.8s cubic-bezier(.45,0,.25,1) infinite!important;transform-style:preserve-3d!important}
@keyframes v26PhoneOrbit{
  0%{transform:perspective(1100px) rotateY(-10deg) rotateX(1deg) translate3d(-4px,2px,0)}
  25%{transform:perspective(1100px) rotateY(2deg) rotateX(-1deg) translate3d(5px,-8px,18px)}
  50%{transform:perspective(1100px) rotateY(11deg) rotateX(1deg) translate3d(8px,-2px,0)}
  75%{transform:perspective(1100px) rotateY(-1deg) rotateX(-1deg) translate3d(-3px,-10px,18px)}
  100%{transform:perspective(1100px) rotateY(-10deg) rotateX(1deg) translate3d(-4px,2px,0)}
}
.hero-app-stream{position:absolute;inset:10% 8% 8% 8%;z-index:4;pointer-events:none;overflow:visible}
.hero-app{position:absolute;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(74,14,31,.15);font:800 13px/1 'DM Sans',sans-serif;color:#741b2b;opacity:0;animation:v26AppFlow 6s ease-in-out infinite;backdrop-filter:blur(8px)}
.hero-app:nth-child(1){left:22%;top:64%;animation-delay:0s}.hero-app:nth-child(2){left:42%;top:30%;animation-delay:-1.2s}.hero-app:nth-child(3){right:20%;top:52%;animation-delay:-2.4s}.hero-app:nth-child(4){right:10%;top:22%;animation-delay:-3.6s}.hero-app:nth-child(5){left:12%;top:36%;animation-delay:-4.8s}
@keyframes v26AppFlow{0%,100%{opacity:0;transform:translate3d(0,28px,0) scale(.72) rotate(-8deg)}18%,70%{opacity:.92}42%{opacity:1;transform:translate3d(8px,-12px,40px) scale(1.06) rotate(4deg)}78%{opacity:.35;transform:translate3d(-4px,-42px,0) scale(.86) rotate(-3deg)}}
.hero-bubble{z-index:1!important;opacity:.5!important;animation:v26BubbleDrift 6.5s ease-in-out infinite alternate!important}
.hero-bubble.b1{animation-duration:7.2s!important}.hero-bubble.b2{animation-duration:5.6s!important}.hero-bubble.b3{animation-duration:8.1s!important}.hero-bubble.b4{animation-duration:6.2s!important}
@keyframes v26BubbleDrift{0%{transform:translate3d(-14px,14px,0) scale(.9)}45%{transform:translate3d(18px,-18px,0) scale(1.07)}100%{transform:translate3d(-2px,-38px,0) scale(.96)}}
@media(max-width:900px){.live-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}#services .stack{width:min(calc(100% - 24px),760px)!important}.hero-app{width:42px;height:42px;border-radius:13px;font-size:11px}}
@media(max-width:560px){.live-kpis{grid-template-columns:1fr!important}.live-kpi{grid-template-columns:minmax(120px,.8fr) 1.2fr!important;grid-template-rows:1fr!important;align-items:center!important}.live-kpi>span{height:auto!important;align-items:center!important}.live-kpi>.live-num{height:auto!important;margin:0!important;justify-self:end!important}.hero-app{width:36px;height:36px;border-radius:11px;font-size:10px}}



.hstack-section{overflow:visible!important}.hstack-section>.ey,.hstack-section>h2{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.hstack-scroll{height:2100px;position:relative;width:100%;max-width:1100px;margin:42px auto 0}
.hstack-stage{position:sticky;top:110px;width:min(900px,calc(100vw - 64px));height:540px;margin:0 auto;overflow:visible}
.hstack-card{position:absolute;left:0;right:0;top:0;width:100%;height:440px;box-sizing:border-box;padding:46px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(22,14,14,.11);transform-origin:center top;will-change:transform;overflow:hidden}
.hstack-card .ix{font:700 22px 'Playfair Display';color:var(--m)}.hstack-card h3{font-size:44px;margin:10px 0}.hstack-card p{max-width:680px}
@media(max-width:700px){.hstack-scroll{height:auto;margin-top:26px}.hstack-stage{position:relative;top:auto;width:100%;height:auto}.hstack-card{position:relative;left:auto;right:auto;top:auto;height:auto;min-height:270px;margin:0 0 16px;padding:30px 24px;transform:none!important}.hstack-card h3{font-size:32px}}


\n/* V30: visible native sticky stack + explicit arrival motion. */\n#services.hstack-section{overflow:visible!important}\n#services .hstack-scroll{overflow:visible!important}\n#services .hstack-stage{overflow:visible!important}\n#services .hstack-card{\n  position:sticky!important;\n  width:100%!important;\n  height:430px!important;\n  opacity:1!important;\n  visibility:visible!important;\n  transform:translate3d(0,72px,0) scale(.975)!important;\n  transition:transform .72s cubic-bezier(.2,.78,.18,1),box-shadow .72s ease!important;\n  will-change:transform!important;\n}\n#services .hstack-card.v30-arrived{\n  transform:translate3d(0,0,0) scale(1)!important;\n}\n#services .hstack-card:nth-child(1){top:92px!important;z-index:21!important}\n#services .hstack-card:nth-child(2){top:110px!important;z-index:22!important}\n#services .hstack-card:nth-child(3){top:128px!important;z-index:23!important}\n#services .hstack-card:nth-child(4){top:146px!important;z-index:24!important;margin-bottom:0!important}\n#services .hstack-card:nth-child(1).v30-arrived{box-shadow:0 18px 42px rgba(22,14,14,.08)!important}\n#services .hstack-card:nth-child(2).v30-arrived{box-shadow:0 20px 48px rgba(22,14,14,.10)!important}\n#services .hstack-card:nth-child(3).v30-arrived{box-shadow:0 22px 54px rgba(22,14,14,.12)!important}\n#services .hstack-card:nth-child(4).v30-arrived{box-shadow:0 26px 64px rgba(22,14,14,.15)!important}\n@media(max-width:700px){\n #services .hstack-card{position:relative!important;top:auto!important;transform:none!important;transition:none!important;margin-bottom:16px!important;height:auto!important;min-height:280px!important}\n}\n@media(prefers-reduced-motion:reduce){#services .hstack-card{transform:none!important;transition:none!important}}\n


#services.hstack-section{padding-bottom:110px!important}
#services.hstack-section>h2{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
#services .hstack-scroll{height:2300px!important;width:min(calc(100% - 36px),980px)!important;margin:48px auto 0!important;position:relative!important;overflow:visible!important}
#services .hstack-stage{position:sticky!important;top:105px!important;width:100%!important;height:560px!important;margin:0 auto!important;overflow:visible!important;perspective:1400px!important}
#services .hstack-card{
 position:absolute!important;inset:0!important;width:100%!important;height:430px!important;margin:0!important;padding:46px!important;
 border:1px solid rgba(116,27,43,.18)!important;border-radius:26px!important;background:#fff!important;
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;
 transform-origin:50% 0!important;will-change:transform!important;
 transition:box-shadow .18s linear!important;
}
#services .hstack-card:nth-child(1){z-index:31!important}
#services .hstack-card:nth-child(2){z-index:32!important}
#services .hstack-card:nth-child(3){z-index:33!important}
#services .hstack-card:nth-child(4){z-index:34!important}
@media(max-width:700px){
 #services .hstack-scroll{height:auto!important;width:100%!important;margin-top:28px!important}
 #services .hstack-stage{position:relative!important;top:auto!important;height:auto!important;perspective:none!important}
 #services .hstack-card{position:relative!important;inset:auto!important;height:auto!important;min-height:280px!important;margin:0 0 16px!important;padding:30px 24px!important;transform:none!important}
}



/* NEW STACK VERSION: fixed-width centered rail; no rotation, no horizontal drift */
#services>h2{text-align:center!important}
#services>.ey{text-align:center!important}
#services .stack-wrap{width:100%!important;max-width:1100px!important;height:1850px!important;margin:42px auto 0!important;position:relative!important}
#services .stack{position:sticky!important;top:112px!important;width:min(900px,calc(100vw - 64px))!important;height:560px!important;margin:0 auto!important;perspective:none!important;overflow:visible!important}
#services .stack-card{position:absolute!important;inset:auto 0 auto 0!important;top:0!important;width:100%!important;height:455px!important;margin:0!important;border-radius:24px!important;transform-origin:center top!important;transition:none!important;will-change:transform!important}
@media(max-width:900px){#services .stack-wrap{height:auto!important;margin-top:26px!important}#services .stack{position:relative!important;top:auto!important;width:100%!important;height:auto!important}#services .stack-card{position:relative!important;inset:auto!important;height:auto!important;min-height:260px!important;margin-bottom:16px!important;transform:none!important}}



/* Native sticky deck: no JS transforms, no hidden cards, no competing stack animation. */
#services.hstack-section{overflow:visible!important;padding-bottom:120px!important}
#services.hstack-section>.ey,#services.hstack-section>h2{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
#services .hstack-scroll{height:auto!important;max-width:980px!important;width:calc(100% - 36px)!important;margin:46px auto 0!important;overflow:visible!important;position:relative!important}
#services .hstack-stage{position:relative!important;top:auto!important;width:100%!important;height:auto!important;margin:0 auto!important;overflow:visible!important;display:block!important}
#services .hstack-card{
 position:sticky!important;left:auto!important;right:auto!important;inset-inline:auto!important;
 width:100%!important;height:430px!important;margin:0 0 32vh!important;padding:46px!important;
 border:1px solid var(--line)!important;border-radius:26px!important;background:#fff!important;
 box-shadow:0 24px 70px rgba(22,14,14,.12)!important;
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;
 transform:none!important;scale:none!important;rotate:none!important;translate:none!important;
 transition:box-shadow .25s ease!important;overflow:hidden!important;
}
#services .hstack-card:nth-child(1){top:100px!important;z-index:21!important}
#services .hstack-card:nth-child(2){top:118px!important;z-index:22!important}
#services .hstack-card:nth-child(3){top:136px!important;z-index:23!important}
#services .hstack-card:nth-child(4){top:154px!important;z-index:24!important;margin-bottom:0!important}
#services .hstack-card .ix{font:700 22px 'Playfair Display';color:var(--m)}
#services .hstack-card h3{font-size:44px;margin:10px 0}
#services .hstack-card p{max-width:680px}
@media(max-width:700px){
 #services.hstack-section{padding-bottom:60px!important}
 #services .hstack-scroll{width:100%!important;margin-top:28px!important}
 #services .hstack-card{position:relative!important;top:auto!important;height:auto!important;min-height:280px!important;margin:0 0 16px!important;padding:30px 24px!important;border-radius:22px!important}
 #services .hstack-card h3{font-size:32px!important}
}
@media(prefers-reduced-motion:reduce){#services .hstack-card{position:relative!important;top:auto!important;margin-bottom:16px!important}}



/* V32 is intentionally isolated from every older .stack/.hstack rule and script. */
#services.x32-section{
  overflow:visible!important;
  padding-bottom:120px!important;
}
#services.x32-section>.ey,
#services.x32-section>h2{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#services .x32-scroll{
  position:relative!important;
  width:min(94vw,980px)!important;
  height:2350px!important;
  margin:48px auto 0!important;
  overflow:visible!important;
}
#services .x32-stage{
  position:sticky!important;
  top:100px!important;
  width:100%!important;
  height:570px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  perspective:1400px!important;
}
#services .x32-card{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  width:100%!important;
  height:430px!important;
  margin:0!important;
  padding:46px!important;
  border:1px solid rgba(116,27,43,.18)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 24px 68px rgba(22,14,14,.12)!important;
  opacity:1!important;
  visibility:visible!important;
  transform-origin:50% 0!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
}
#services .x32-card:nth-child(1){z-index:41!important}
#services .x32-card:nth-child(2){z-index:42!important}
#services .x32-card:nth-child(3){z-index:43!important}
#services .x32-card:nth-child(4){z-index:44!important}
#services .x32-card .ix{
  font:700 22px 'Playfair Display',serif!important;
  color:var(--m)!important;
}
#services .x32-card h3{font-size:44px!important;margin:10px 0!important}
#services .x32-card p{max-width:680px!important}

@media(max-width:700px){
  #services.x32-section{padding-bottom:60px!important}
  #services .x32-scroll{height:auto!important;width:100%!important;margin-top:28px!important}
  #services .x32-stage{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important}
  #services .x32-card{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;
    height:auto!important;min-height:280px!important;margin:0 0 16px!important;
    padding:30px 24px!important;transform:none!important;border-radius:22px!important;
  }
  #services .x32-card h3{font-size:32px!important}
}



#services .x32-scroll{height:3100px!important}
#services .x32-stage{height:620px!important;overflow:visible!important}
#services .x32-card{height:430px!important;opacity:1!important;visibility:visible!important;will-change:transform!important}
@media(max-width:700px){
 #services .x32-scroll{height:auto!important}
 #services .x32-stage{height:auto!important}
 #services .x32-card{height:auto!important;transform:none!important}
}



#services.v34-services{text-align:center!important;overflow:hidden!important;padding:110px 0 130px!important}
#services.v34-services h2{text-align:center!important;margin-inline:auto!important}
.v34-lead{margin:12px auto 38px!important;opacity:.55}
.v34-wrap{width:min(1200px,100%);margin:auto;display:flex;align-items:center;gap:14px}
.v34-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;width:100%;padding:34px calc((100% - min(560px,72vw))/2) 48px}
.v34-track::-webkit-scrollbar{display:none}
.v34-card{position:relative;flex:0 0 min(560px,72vw);aspect-ratio:1;scroll-snap-align:center;background:#fff;border:1px solid rgba(120,23,45,.15);border-radius:32px;padding:52px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 28px 80px rgba(45,12,20,.1);transform:scale(.89);opacity:.42;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s ease}
.v34-card.active{transform:scale(1);opacity:1}
.v34-num{font:700 23px Playfair Display,serif;color:var(--m);z-index:2}
.v34-card h3{font-size:clamp(34px,4vw,52px)!important;line-height:1!important;margin:0 0 18px!important;max-width:9em}
.v34-card p{font-size:16px!important;line-height:1.55!important;max-width:31em!important}
.v34-card small{font-weight:800;letter-spacing:.18em;opacity:.4;z-index:2}
.v34-float{position:absolute;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(120,23,45,.14);background:rgba(247,218,225,.38);color:rgba(120,23,45,.5);animation:v34float 5s ease-in-out infinite alternate;pointer-events:none}
.v34-float.f1{width:108px;height:108px;right:34px;top:30px;font-size:38px}
.v34-float.f2{width:58px;height:58px;right:142px;top:145px;font-size:24px;animation-delay:-1.7s}
.v34-float.f3{width:34px;height:34px;right:64px;top:188px;font-size:9px;animation-delay:-3s}
.v34-prev,.v34-next{flex:0 0 50px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(120,23,45,.2);background:#fff;color:var(--m);font-size:21px;cursor:pointer}
.v34-dots{display:flex;justify-content:center;gap:8px}.v34-dots i{width:7px;height:7px;border-radius:10px;background:rgba(120,23,45,.2);transition:.35s}.v34-dots i.active{width:28px;background:var(--m)}
@keyframes v34float{from{transform:translate(-6px,-8px) rotate(-5deg)}to{transform:translate(10px,12px) rotate(7deg)}}
@media(max-width:700px){#services.v34-services{padding:76px 0 90px!important}.v34-wrap{display:block}.v34-track{gap:16px;padding:24px 10vw 34px}.v34-card{flex-basis:80vw;padding:30px;border-radius:25px}.v34-card h3{font-size:clamp(29px,8vw,40px)!important}.v34-card p{font-size:14px!important}.v34-prev,.v34-next{display:none}.v34-float.f1{width:78px;height:78px}.v34-float.f2{width:44px;height:44px;right:100px;top:108px}.v34-float.f3{top:135px}}



.v34-card.active{transform:scale(1)!important;opacity:1!important}
.v34-track{scroll-behavior:smooth!important}



html,body{max-width:100%;overflow-x:hidden}
#services.v34-services{overflow:hidden!important}
#services .v34-wrap{max-width:100%!important}
#services .v34-track{
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
  scroll-padding-inline:0!important;
}
#services .v34-card{min-width:0!important}
@media(max-width:900px){
 #services .v34-wrap{width:100%!important}
 #services .v34-track{padding-left:14vw!important;padding-right:14vw!important}
 #services .v34-card{flex-basis:72vw!important}
}
@media(max-width:700px){
 #services.v34-services{padding:72px 0 82px!important}
 #services .v34-track{padding:22px 9vw 32px!important;gap:15px!important}
 #services .v34-card{flex-basis:82vw!important;max-width:420px!important;padding:28px!important}
}
@media(max-width:390px){
 #services .v34-track{padding-left:7vw!important;padding-right:7vw!important}
 #services .v34-card{flex-basis:86vw!important;padding:24px!important}
}



/* keep metric values stable while digits animate */
[data-v37-counter]{
  font-variant-numeric:tabular-nums!important;
  display:inline-block!important;
  min-width:8ch;
}