.ticker-track{gap:0;animation:ticker-seamless 34s linear infinite}
.ticker-group{display:flex;align-items:center;gap:26px;padding-right:26px;flex:none}
@keyframes ticker-seamless{to{transform:translate3d(-33.333333%,0,0)}}
.sidecar-intro .panel-cta{margin-top:12px}
.sidecar-intro .panel-link{display:flex;margin-top:24px}
.word-rotator{display:inline-grid;position:relative;vertical-align:baseline;white-space:nowrap}
.word-rotator span{grid-area:1/1;opacity:0;transform:translateY(.3em);transition:opacity .55s ease,transform .55s ease}
.word-rotator span.active{opacity:1;transform:none}
.proof-window{position:relative}
.hero{overflow:visible}
body{overflow-x:hidden}
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
.hero-copy .eyebrow{white-space:nowrap;flex-wrap:nowrap;font-size:clamp(8px,.62vw,11px);gap:8px}
.hero-pricing-cta{animation:cta-float 4.6s ease-in-out infinite;will-change:translate,filter}
@keyframes cta-float{0%,100%{translate:0 0;filter:drop-shadow(0 0 0 rgba(7,136,237,0))}50%{translate:0 -15px;filter:drop-shadow(0 20px 12px rgba(0,0,0,.32))}}
.hero-app-clip{position:absolute;inset:0;overflow:visible;clip-path:inset(0 -100vw 0 -100vw);z-index:1;pointer-events:none}
.hero-app-frame{position:absolute;width:118%;right:-7%;bottom:-12px;transform-style:preserve-3d;transform:perspective(1050px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotateZ(1.6deg);translate:var(--parallax-x,0px) var(--parallax-y,0px);transition:transform .18s ease-out,translate .18s ease-out,filter .18s ease-out;will-change:transform,translate;animation:hero-settle 1.1s cubic-bezier(.16,1,.3,1) both,app-float 9s ease-in-out 1.4s infinite;pointer-events:auto}
.hero-app-frame:hover{filter:brightness(1.06) saturate(1.05)}
.command-deck{left:auto;right:1%;top:28px;z-index:4;transform:rotate(-1.4deg) translateZ(40px);translate:var(--parallax-x,0px) var(--parallax-y,0px);box-shadow:12px 12px 0 var(--blue),0 22px 40px rgba(0,0,0,.28);animation:deck-settle 1.2s .1s cubic-bezier(.16,1,.3,1) both,deck-float 7s ease-in-out 1.3s infinite}
.hero-app-frame::after,.proof-window::after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%);transform:translateX(-55%) rotate(12deg);opacity:0;pointer-events:none;transition:transform .8s ease,opacity .3s ease}
.hero-app-frame:hover::after,.proof-window:hover::after{transform:translateX(55%) rotate(12deg);opacity:1}
.proof-tabs-wrap{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.proof-tabs{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;flex:1}
.proof-tabs::-webkit-scrollbar{display:none}
.proof-nav{border:1px solid var(--line);background:transparent;color:var(--paper);width:30px;height:30px;flex:0 0 30px;cursor:pointer}
.proof-tabs button{border:0;background:transparent;color:#797b83;padding:0;white-space:nowrap;font:500 10px var(--mono);text-transform:uppercase;cursor:pointer}.proof-tabs button:not(:disabled){color:var(--blue)}
.proof-tabs button.active,.proof-tabs button:hover{color:var(--lime)}
.proof-tabs button:disabled{cursor:not-allowed;opacity:.45}.proof-tabs button:disabled:hover{color:#797b83}
.proof-window img{transition:opacity .25s ease}
.proof-window{width:94%;margin:42px auto 0;border:1px solid var(--blue);box-shadow:13px 13px 0 var(--lime);overflow:hidden;transform-style:preserve-3d;transform:perspective(1050px) rotateX(var(--proof-tilt-y,0deg)) rotateY(var(--proof-tilt-x,0deg));translate:var(--proof-parallax-x,0px) var(--proof-parallax-y,0px);transition:transform .18s ease-out,translate .18s ease-out,filter .18s ease-out;will-change:transform,translate;animation:proof-float 9s ease-in-out 1.4s infinite}
.proof-window:hover{filter:brightness(1.04) saturate(1.03)}
.proof-window-sliced{position:relative;display:block;isolation:isolate}
.proof-window-sliced .proof-app-screenshot{display:block;width:100%;height:auto}
.tool-count-live,.tool-value{color:#ff3b30}
.floating-label-two{left:2%;right:auto;top:auto;bottom:18px;translate:var(--parallax-x,0px) var(--parallax-y,0px);animation:label-float 6s ease-in-out 1s infinite}
.command-deck:hover,.floating-label:hover{filter:brightness(1.04)}
.floating-label-one{padding:14px 16px;background:linear-gradient(135deg,#1b202b,#0c1017);border:1px solid rgba(217,255,77,.55);box-shadow:7px 7px 0 var(--blue),0 14px 30px rgba(0,0,0,.25);border-radius:2px}
.floating-label-one{left:61.8%;bottom:4%}
.floating-label-one::before{content:"";width:22px;height:3px;background:var(--lime);box-shadow:0 0 12px var(--lime);margin-bottom:5px}
.floating-label-one{translate:var(--parallax-x,0px) var(--parallax-y,0px);animation:label-float 6s ease-in-out 1.2s infinite}
@media(min-width:901px){
  .hero{min-height:630px;padding-top:48px;padding-bottom:0}
  .hero-copy{position:relative;z-index:6}
  .hero-stage{z-index:2}
  .hero h1{font-size:clamp(56px,5.4vw,86px)}
  .hero-lede{margin-top:20px;margin-bottom:20px}
  .hero-note{margin-top:20px}
  .hero-app-frame{--app-scale:1.36;--app-rotate:2deg;width:123%;right:-12%;bottom:95px;transform-origin:left center}
  .command-deck{--deck-scale:1.12;--deck-rotate:-2deg;right:-14%;top:-102px;animation:hero-deck-settle 1.2s .1s cubic-bezier(.16,1,.3,1) both,deck-float 7s ease-in-out 1.3s infinite}
  .floating-label-one{left:63%;bottom:14%;scale:1.1}
  .floating-label-two{left:5%;bottom:139px;scale:1.1}
}
.system-map ul{gap:8px}
.system-map li{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(9,10,14,.16);background:rgba(246,241,230,.52);color:#26272d;cursor:default;transition:opacity .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease}
.system-map li::before{content:"✦";color:var(--blue);font-size:9px}
.system-map ul:hover li{opacity:.35}
.system-map ul:hover li:hover{opacity:1;transform:translateY(-3px);background:var(--paper);box-shadow:3px 3px 0 var(--blue)}
.sidecar-section{padding-top:78px;padding-bottom:78px}
.sidecar-panel{min-height:340px}
.sidecar-viewport{transition:height .45s cubic-bezier(.16,1,.3,1)}
.sidecar-track{align-items:flex-start}
.sidecar-panel{min-height:0}
@media(max-width:900px){.hero{overflow:hidden}.hero-app-frame{width:104%;right:-2%;bottom:0}.command-deck{right:1%;top:28px}}
@media(max-width:540px){.hero-app-frame{width:108%;right:-4%;bottom:18px}.command-deck{right:0;top:5px;width:88%}.proof-window{margin-top:25px}.floating-label-one{left:38.2%;bottom:3%}}
@media(max-width:540px){.ticker-track{animation-duration:23s}}
@media(prefers-reduced-motion:reduce){.hero-pricing-cta{animation:none}}

/* ponytail: mobile-only polish stays in the existing refinement layer. */
.mobile-section-cta{display:inline-flex;margin-top:32px}
@media(max-width:540px){
  .site-header{height:68px;padding:0 18px}
  .header-cta{display:inline-flex;align-items:center;gap:7px;padding:9px 10px;background:var(--lime);color:var(--ink);font-size:10px;line-height:1;box-shadow:3px 3px 0 var(--blue)}
  .header-cta span{color:var(--ink);font-size:13px}
  .hero{grid-template-columns:minmax(0,1fr);padding:38px 18px 26px;gap:0}
  .hero-copy{display:contents}
  .hero-copy .eyebrow{order:1;font-size:8px;line-height:1.5;letter-spacing:.035em;gap:5px;white-space:normal;flex-wrap:wrap;transform:none;width:auto;margin:0 0 8px}
  .hero h1{order:2;font-size:clamp(36px,10vw,44px);line-height:.88;max-width:100%;margin:12px 0 18px}
  .hero h1 .word-rotator{display:grid;width:max-content!important;max-width:100%;min-height:1em}
  .hero h1 em .word-rotator{margin-top:3px}
  .hero-stage{order:3;width:100%;height:270px;margin:0 0 18px;min-width:0}
  .hero-lede{order:4;font-size:14px;line-height:1.55;margin:0 0 18px}
  .hero-actions{order:5;gap:18px}
  .hero-note{order:6;margin-top:18px;font-size:9px}
  .command-deck{top:0;left:auto;right:0;width:82%;padding:15px;transform:rotate(-1.4deg) translateZ(40px)}
  .hero-app-frame{position:absolute;width:112%;right:-6%;bottom:10px}
  .floating-label-one{left:3%;bottom:0}
  .ticker-track{animation-name:ticker-seamless;animation-duration:23s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running;will-change:transform}
  .mobile-section-cta{display:inline-flex;margin-top:28px}
  .mobile-section-cta{max-width:100%;font-size:12px;gap:14px}
  .product-proof+.mobile-section-cta{margin-top:26px}
  .system-map+.mobile-section-cta{margin-top:28px}
  .tool-list+.mobile-section-cta{margin-top:30px}
  .audience-rows+.mobile-section-cta{margin-top:30px}
}
@media(max-width:374px){.hero-app-frame{bottom:28px}}
@media(min-width:375px) and (max-width:389px){.hero-app-frame{bottom:18px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation-duration:34s!important;animation-iteration-count:infinite!important;animation-play-state:running!important}.word-rotator span{transition-duration:.2s!important}}
@media(max-width:540px) and (prefers-reduced-motion:reduce){.ticker-track{animation-duration:23s!important}}
@keyframes hero-settle{from{opacity:0;transform:perspective(1050px) translate(30px,40px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotateZ(5deg) scale(var(--app-scale,1))}to{opacity:1;transform:perspective(1050px) translate(0,0) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotateZ(var(--app-rotate,1.6deg)) scale(var(--app-scale,1))}}
@keyframes hero-deck-settle{from{opacity:0;transform:translate(-30px,-28px) rotate(-7deg) scale(var(--deck-scale,1))}to{opacity:1;transform:rotate(var(--deck-rotate,-2.2deg)) scale(var(--deck-scale,1))}}
@keyframes app-float{0%,100%{translate:var(--parallax-x,0px) var(--parallax-y,0px)}50%{translate:var(--parallax-x,0px) calc(var(--parallax-y,0px) - 6px)}}
@keyframes deck-float{0%,100%{translate:var(--parallax-x,0px) var(--parallax-y,0px)}50%{translate:var(--parallax-x,0px) calc(var(--parallax-y,0px) - 8px)}}
@keyframes label-float{0%,100%{translate:var(--parallax-x,0px) var(--parallax-y,0px)}50%{translate:var(--parallax-x,0px) calc(var(--parallax-y,0px) - 6px)}}
@keyframes proof-float{0%,100%{translate:var(--proof-parallax-x,0px) var(--proof-parallax-y,0px)}50%{translate:var(--proof-parallax-x,0px) calc(var(--proof-parallax-y,0px) - 6px)}}

@media(min-width:901px){.hero{padding-top:0}.hero-stage{height:630px}}
.hero-app-clip{overflow:hidden;clip-path:inset(0)}
.hero-app-frame{top:0;right:0;bottom:auto;width:100%;transform:none!important;translate:none!important;animation:none!important;transition:none;will-change:auto}
@media(min-width:901px){.hero-app-frame{left:0;right:auto;width:200%}.hero-app-clip{animation:hero-teaser-reveal .85s cubic-bezier(.16,1,.3,1) both}}
.hero-app-frame::after,.proof-window::after{display:none}
.proof-window{transform:none!important;translate:none!important;animation:none!important;transition:none;will-change:auto}
@keyframes hero-teaser-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.hero-app-clip{animation:none!important}}