/* Native scrolling, progressive enhancement and one motion rhythm per section. */
.motion-enabled .hero .eyebrow{animation:hero-intro .8s .05s var(--ease) both}
.motion-enabled .hero .headline-before{animation:hero-intro .95s .12s var(--ease) both}
.motion-enabled .hero .headline-after{animation:hero-intro 1.05s .27s var(--ease) both}
.motion-enabled .hero .pain-detail{animation:hero-intro .9s .4s var(--ease) both}
.motion-enabled .hero .hero-answer{animation:hero-intro 1s .52s var(--ease) both}
.motion-enabled .hero-bottom i{animation:scroll-invitation 2.8s 1.4s ease-in-out infinite;animation-play-state:paused}
.motion-enabled .hero.motion-active .hero-bottom i{animation-play-state:running}
.motion-enabled.motion-paused *{animation-play-state:paused!important}
.motion-enabled .hero{border-radius:0 0 calc(var(--hero-progress,0)*40px) calc(var(--hero-progress,0)*40px)}
.header::after{content:'';position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:var(--brand-gradient);transform:scaleX(var(--reading-progress,0));transform-origin:left;opacity:0;pointer-events:none}
.header.has-background::after{opacity:.75}

.motion-line{display:block;padding-bottom:.13em;margin-bottom:-.13em;overflow:clip}
.motion-line>span{display:block}
.motion-enabled .motion-line>span{translate:0 110%;opacity:.3;transition:translate 1s var(--ease),opacity .85s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-enabled .motion-seen .motion-line>span{translate:0 0;opacity:1}
.motion-enabled .scroll-reveal{opacity:0;translate:0 34px;transition:opacity .85s ease,translate .95s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.motion-enabled .scroll-reveal.motion-seen{opacity:1;translate:0 0}
.motion-enabled .pain-lines>div.scroll-reveal{translate:-22px 15px}
.motion-enabled .pain-lines>div.motion-seen{translate:0 0}
.pain-lines>div{position:relative}
.pain-lines>div::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#465ef5aa,#8b35f250,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.motion-enabled .pain-lines>div.motion-seen::before{transform:scaleX(1)}

/* The colored chapters open out from a curved seam as you move through them. */
.motion-enabled .solution,.motion-enabled .boreal,.motion-enabled .plan,.motion-enabled .closing{
 border-radius:var(--section-radius,0px) var(--section-radius,0px) 0 0;
}
.solution,.boreal,.plan,.closing{position:relative;isolation:isolate}
.boreal,.plan,.closing{overflow:clip}
.motion-enabled .solution::before,.motion-enabled .boreal::before,.motion-enabled .closing::before{
 content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
 background:radial-gradient(ellipse at 80% 20%,#96b9ff24,transparent 52%);
 transform:translateY(var(--surface-drift,0px));
}
.motion-enabled .solution::before{background:radial-gradient(ellipse at 22% 35%,#ace1ff2b,transparent 48%)}
.motion-enabled .boreal::before{background:radial-gradient(ellipse at 85% 45%,#8748f426,transparent 52%)}
.motion-enabled .closing::before{background:radial-gradient(ellipse at 70% 10%,#a574ff33,transparent 53%)}
.motion-enabled .demo-wrap{scale:var(--demo-scale,1);transform-origin:50% 35%;box-shadow:0 24px 65px #16288324;transition:box-shadow .5s}
.motion-enabled .demo-wrap.motion-active{box-shadow:0 35px 80px #16288338}
.motion-enabled .organization-demo[data-mode=organized] .public-page{animation:page-breathe 6s ease-in-out infinite;animation-play-state:paused}
.motion-enabled .demo-wrap.motion-active .organization-demo[data-mode=organized] .public-page{animation-play-state:running}
.motion-enabled .demo-lines svg path{stroke-dasharray:10 7;animation:connection-flow 2s linear infinite;animation-play-state:paused}
.motion-enabled .demo-wrap.motion-active .demo-lines svg path{animation-play-state:running}

.boreal-tools .insights,.boreal-tools .agent{position:relative}
.motion-enabled .boreal-tools article::before{content:'';height:2px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#729cff,#ac72ff);scale:0 1;transform-origin:left;transition:scale 1s var(--ease)}
.motion-enabled .boreal-tools article.motion-seen::before{scale:1 1}
.radar-list>div{transition:background .3s,translate .3s}
.radar-list>div:hover{background:#9fbeff07;translate:4px 0}
.agent-answer .icon{transform-origin:center}
.motion-enabled .agent.motion-active .agent-answer .icon{animation:agent-spark 4.5s ease-in-out infinite}

.motion-enabled .feature-visual{translate:0 42px;opacity:0;transition:translate 1.05s var(--ease),opacity .85s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-enabled .feature-visual.motion-seen{translate:0 0;opacity:1}
.motion-enabled .feature-visual.is-revealed .story-front{animation:story-arrive 1s var(--ease) both,story-drift 5.5s 1s ease-in-out infinite;animation-play-state:paused}
.motion-enabled .feature-visual.is-revealed .story-back{animation:story-back-arrive 1.1s var(--ease) both,story-drift-back 6.5s 1s ease-in-out infinite;animation-play-state:paused}
.motion-enabled .feature-visual.is-revealed .coupon-front{animation:ticket-arrive 1.1s var(--ease) both,ticket-drift 6s 1s ease-in-out infinite;animation-play-state:paused}
.motion-enabled .feature-visual.motion-active .story-front,.motion-enabled .feature-visual.motion-active .story-back,.motion-enabled .feature-visual.motion-active .coupon-front{animation-play-state:running}
.motion-enabled .feature-story.motion-active .story-progress i:first-child{animation:story-progress 5.5s ease-in-out infinite;transform-origin:left}
.motion-enabled .feature-coupons.motion-active .coupon-mini .icon{animation:coupon-check 5s ease-in-out infinite}
.motion-enabled .feature-analytics.motion-active .chart-dot{animation:chart-wash 1s .5s ease both,chart-glow 3s 1.5s ease-in-out infinite}
.motion-enabled .feature-analytics.motion-active .chart-visits{filter:drop-shadow(0 3px 6px #647fff50)}
.motion-enabled .plan-price{position:relative}
.motion-enabled .plan-price::before{content:'';position:absolute;inset:-22px;border:1px solid #7465f122;border-radius:28px;pointer-events:none;opacity:0;scale:.96;transition:opacity 1s .2s,scale 1.2s var(--ease)}
.motion-enabled .plan-price.motion-seen::before{opacity:1;scale:1}
.faq summary span{transition:rotate .35s var(--ease)}
.faq details[open] summary span{rotate:45deg}
.motion-enabled .faq details[open]>p{animation:faq-answer .45s var(--ease) both}
.motion-enabled .closing h2{translate:0 var(--closing-drift,0px)}
.cta,.closing-link{position:relative;overflow:hidden;isolation:isolate;translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .25s var(--ease),background-position .3s,box-shadow .3s,transform .2s}
.cta::before,.closing-link::before{content:'';position:absolute;inset:-100% auto -100% -70%;width:30%;background:linear-gradient(90deg,transparent,#ffffff2a,transparent);rotate:20deg;pointer-events:none;z-index:-1;transition:left .65s var(--ease)}
.cta:hover::before,.closing-link:hover::before{left:130%}
.cta:active,.closing-link:active{scale:.975}

@keyframes hero-intro{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes scroll-invitation{0%,70%,100%{translate:0 0}35%{translate:0 5px}}
@keyframes connection-flow{to{stroke-dashoffset:-34}}
@keyframes page-breathe{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes agent-spark{0%,70%,100%{scale:1;rotate:0deg}35%{scale:1.15;rotate:14deg}}
@keyframes story-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes story-drift-back{0%,100%{translate:0 0}50%{translate:0 5px}}
@keyframes ticket-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes story-progress{0%,100%{scale:.35 1}85%{scale:1 1}}
@keyframes coupon-check{0%,70%,100%{scale:1}35%{scale:1.12}}
@keyframes chart-glow{0%,100%{stroke-width:6;stroke-opacity:1}50%{stroke-width:13;stroke-opacity:.35}}
@keyframes faq-answer{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}

@media(max-width:650px){
 .motion-enabled .scroll-reveal{translate:0 22px}
 .motion-enabled .feature-visual{translate:0 27px}
 .motion-enabled .scroll-reveal.motion-seen,.motion-enabled .feature-visual.motion-seen{translate:0 0}
 .motion-enabled .story-caption{max-width:85%}
 .motion-enabled .plan-price::before{inset:-15px;border-radius:21px}
 @keyframes story-drift{0%,100%{translate:0 0}50%{translate:0 -4px}}
 @keyframes story-drift-back{0%,100%{translate:0 0}50%{translate:0 3px}}
 @keyframes ticket-drift{0%,100%{translate:0 0}50%{translate:0 -4px}}
}
@media(prefers-reduced-motion:reduce){
 .motion-line>span,.scroll-reveal,.feature-visual,.closing h2{translate:none!important;opacity:1!important}
 .motion-enabled .demo-wrap{scale:1}
 .solution,.boreal,.plan,.closing,.hero{border-radius:0!important}
 .cta,.closing-link{translate:none!important;scale:1!important}
 .header::after{display:none}
}
@media print{
 .motion-line>span,.scroll-reveal,.feature-visual{translate:none!important;opacity:1!important;animation:none!important}
}