/* Motion and media behavior mirrored from the public landing page. */
.site-header{position:fixed;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}
.site-header.scrolled{background:#f7f9fbdc;backdrop-filter:blur(18px);box-shadow:0 1px 12px #0000000a}
.site-header.nav-hidden{transform:translateY(-105%)}
.nav-panel{transform-origin:top center}
.nav-item.open .nav-panel{animation:menu-enter .18s ease-out both}
@keyframes menu-enter{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

.hero-capture{width:min(400px,100%);height:48px;margin:25px auto 14px;padding:3px 4px 3px 16px;display:flex;align-items:center;gap:9px;border:1px solid #c5c8d0;border-radius:999px;background:#fff;box-shadow:0 2px 3px #68656514}
.hero-capture>span{font-size:19px;line-height:1;color:#9b9da5}
.hero-capture input{flex:1;min-width:0;border:0;background:transparent;outline:0;font:450 14px Geist,Arial,sans-serif;color:#202127}
.hero-capture input::placeholder{color:#9a9a9a}
.hero-capture button{height:40px;flex:none;border:1px solid #ffffff33;border-radius:999px;padding:0 16px;background:#000;color:#f7f7f7;box-shadow:0 2px 3px #0003;font:600 14px Geist,Arial,sans-serif;letter-spacing:-.02em;cursor:pointer;transition:transform .15s ease}
.hero-capture button:hover{transform:translateY(-1px)}

.logo-row{display:block}
.logo-track,.logo-group{display:flex;align-items:center;width:max-content}
.logo-track{animation:brand-drift 32s linear infinite}
.logo-group{gap:43px;padding-right:43px}
.logo-row:hover .logo-track{animation-play-state:paused}
@keyframes brand-drift{to{transform:translateX(-33.3333%)}}

.bar-art{display:flex;align-items:flex-end;gap:6px;background:none;clip-path:none;height:155px;opacity:1}
.bar-art span{display:block;flex:1;height:var(--h);transform-origin:bottom;transform:scaleY(.2);background:#74a8fa;border-radius:1px 1px 0 0}
.metric.in-view .bar-art span{animation:bar-rise .75s ease-out var(--delay) both}
@keyframes bar-rise{from{transform:scaleY(.2);opacity:.35}to{transform:scaleY(1);opacity:1}}
.payment-lines{height:134px;overflow:hidden;bottom:18px;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
.payment-track{display:grid;gap:9px;animation:payout-scroll 18s linear infinite}
.metric:hover .payment-track,.visual-payout:hover .payout-track{animation-play-state:paused}
@keyframes payout-scroll{to{transform:translateY(-50%)}}
.tracked-lines span{position:relative;overflow:hidden}
.tracked-lines span:after{content:"";position:absolute;left:33px;right:75px;bottom:3px;height:3px;background:#bbd1f7;transform-origin:left;animation:tracking-drift 4.8s ease-in-out infinite alternate}
.tracked-lines span:nth-child(2):after{animation-delay:-1.6s}
.tracked-lines span:nth-child(3):after{animation-delay:-3.2s}
@keyframes tracking-drift{from{transform:scaleX(.3)}to{transform:scaleX(1)}}
.avatar-cloud{width:380px;max-width:95%;display:block;overflow:hidden}
.avatar-lane{height:55px;overflow:hidden;margin:8px 0;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.avatar-lane>div{display:flex;gap:12px;width:max-content;animation:face-drift 19s linear infinite}
.avatar-lane-1>div{animation-duration:27s;animation-direction:reverse}
.avatar-lane-2>div{animation-duration:39s}
.avatar-lane:hover>div{animation-play-state:paused}
@keyframes face-drift{to{transform:translateX(-50%)}}
.people-visual>span{margin-top:9px}
.visual-payout{overflow:hidden}
.payout-track{display:grid;gap:9px;animation:payout-scroll 21s linear infinite}
.visual-payout .payout-track>div{min-height:55px}
.stat-bars i{transform-origin:bottom;animation:stat-rise 1.1s ease-out both}
.stat-bars i:nth-child(2){animation-delay:.07s}.stat-bars i:nth-child(3){animation-delay:.14s}.stat-bars i:nth-child(4){animation-delay:.21s}.stat-bars i:nth-child(5){animation-delay:.28s}.stat-bars i:nth-child(6){animation-delay:.35s}.stat-bars i:nth-child(7){animation-delay:.42s}
@keyframes stat-rise{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
.phone-stack{animation:phone-float 5s ease-in-out infinite alternate}
.roas{animation:roas-float 4s ease-in-out infinite alternate}
@keyframes phone-float{to{transform:translateY(-9px) rotate(-6deg)}}
@keyframes roas-float{to{transform:translateY(-8px)}}

#content-cards{display:grid;gap:14px;overflow:visible;margin-left:-160px;margin-right:-160px}
.content-row{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.content-track{display:flex;gap:16px;width:max-content}
@keyframes content-drift{to{transform:translateX(calc(-50% - 8px))}}
.content-card{border:0;cursor:pointer;flex:none;width:185px;min-width:185px;height:295px;transition:transform .18s ease,box-shadow .18s ease}
.content-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0003}
.content-card:before{display:none}
.content-platform{position:absolute;top:10px;left:10px;background:#111a;border-radius:6px;padding:4px 6px;font-size:16px}
.content-play{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#111a;color:#fff;font-size:12px;transition:transform .16s ease,background .16s ease}
.content-card:hover .content-play{transform:scale(1.12);background:#111d}
.content-label{position:relative;z-index:1;font-weight:600}
.content-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3}

.story-feature strong{font-size:clamp(30px,3.3vw,44px);line-height:1.06;max-width:78%}
.testimonial-card p{font-style:normal}
.testimonial-card .testimonial-play{cursor:default}

.testimonials{overflow:visible}
.testimonials h2{max-width:680px;margin-left:auto;margin-right:auto}
.testimonial-cta{margin:20px auto 0}
.testimonial-viewport{width:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;margin-top:50px}
.testimonial-viewport::-webkit-scrollbar{display:none}
.testimonial-track{display:flex;gap:30px;width:max-content;padding:0 2px 14px}
.testimonial-card{width:260px;height:440px;border-radius:26px;flex:none;scroll-snap-align:start;background-position:center;background-size:cover;box-shadow:0 8px 15px #0002;position:relative;color:#fff;text-align:left;padding:22px;display:flex;align-items:flex-end;overflow:hidden}
.testimonial-card .testimonial-play{position:absolute;right:16px;top:16px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#2228;border:1px solid #fff9;font-size:16px}
.testimonial-card p{font-size:16px;font-style:italic;line-height:1.45;letter-spacing:-.025em;text-shadow:0 2px 5px #0008}
.testimonial-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.testimonial-card>.testimonial-play{z-index:3;border:1px solid #fff9;color:#fff;cursor:pointer}
.testimonial-card>div{position:relative;z-index:2}
.testimonial-card.playing>div{opacity:0}
.testimonial-card strong{display:block;font-size:18px}
.testimonial-card small{display:block;margin-top:5px;font-size:12px;line-height:1.4}
.testimonial-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.testimonial-controls button{border:1px solid #e5e6ea;background:#fff;box-shadow:0 2px 5px #0001;border-radius:50%;width:42px;height:42px}
#testimonial-pause{border:0;box-shadow:none;background:none;font-size:12px;width:28px}
.testimonial-controls>div{display:flex;gap:10px}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease-out,transform .65s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay)}
.reveal.in-view{opacity:1;transform:translateY(0)}
.final-cta{position:relative;overflow:hidden}
.final-cta>.section-shell{position:relative;z-index:1}
.twinkle-field{position:absolute;inset:0;pointer-events:none}
.twinkle-field i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:#8cb6fa;opacity:.3;animation:twinkle var(--d) ease-in-out var(--delay) infinite}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.75;transform:scale(1.8)}}
.footer-top>div:first-child img{animation:wordmark-sweep 6s ease-in-out infinite alternate}
@keyframes wordmark-sweep{to{filter:drop-shadow(3px 0 3px #8cb5ff)}}

@media(max-width:800px){
  .metric-grid{max-width:450px;margin:10px auto 0}
  #content-cards{margin:50px 0 38px;display:block}
  .content-row{overflow:visible;mask-image:none}
  .content-row.reverse{display:none}
  .content-track{width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;animation:none}
  .content-track .content-card:nth-child(n+10){display:none}
  .content-card{width:auto;min-width:0;height:220px;padding:8px;border-radius:12px}
  .testimonial-card{width:225px;height:390px}
}
@media(max-width:420px){.hero-capture{padding-left:12px;gap:6px}.hero-capture button{font-size:12px;padding:0 11px}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}

/* Room for the expanded growth copy while keeping the existing visual language. */
.hero-capture{width:min(660px,100%)}
.hero-subtitle{max-width:900px;margin:27px auto 8px;color:#292d35;font-size:20px;line-height:1.45;font-weight:600;letter-spacing:-.02em}
.hero-subtitle+p{margin-top:0}
.metric{min-height:440px}
.metric h3{font-size:19px}
.metric p{position:relative;z-index:1;max-width:31ch;margin:12px 0 0;color:#666b73;font-size:14px;line-height:1.45;letter-spacing:0}
.metric .bar-art{height:130px}
@media(max-width:680px){
  .hero-subtitle{font-size:18px}
  .hero-capture{height:auto;display:flex;flex-wrap:wrap;border-radius:18px;padding:10px;gap:7px}
  .hero-capture>span{display:none}
  .hero-capture input{flex-basis:100%;height:36px;padding:0 8px}
  .hero-capture button{width:100%;white-space:normal;height:auto;min-height:42px}
  .metric{min-height:410px}
}