.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:0 -20px auto;height:640px;border-radius:40%;background:radial-gradient(ellipse at 25% 35%,#ab9bff45,transparent 58%),radial-gradient(ellipse at 80% 20%,#9ae5d63b,transparent 53%);pointer-events:none;animation:aurora-drift 10s ease-in-out infinite alternate}
.hero h1 span{background:linear-gradient(110deg,#5146d9 10%,#8555d8 35%,#286f8b 60%,#635bff 85%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:color-flow 7s ease-in-out infinite alternate}
.primary{position:relative;overflow:hidden;background:linear-gradient(115deg,#635bff,#7c4edf 50%,#435bd5);background-size:200% 100%;animation:color-flow 6s ease-in-out infinite alternate;box-shadow:0 6px 20px #635bff26}.primary:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#ffffff26 48%,transparent 66%);transform:translateX(-130%);animation:button-light 7s ease-in-out infinite}.primary:hover{background-color:#5148e8}
.machine{box-shadow:0 22px 65px #635bff12;border-color:#d6d1ec}.machine-canvas{background-color:#f8f7fd}.machine-node{transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .7s}.machine-node.motion-active{transform:translateY(-6px)}.machine-node .engine,.machine-node .social-card,.machine-node .revenue{transition:box-shadow .7s,border-color .7s}.machine-node.motion-active .engine{box-shadow:0 0 0 5px #635bff10,0 12px 30px #635bff25;border-color:#aaa2ff}.machine-node.motion-active .social-card{box-shadow:0 10px 26px #ae722a20;border-color:#d6bb95}.machine-node.motion-active .revenue{box-shadow:0 10px 26px #32946725;border-color:#8ec3a1}.motion-active .score-line i{transform-origin:left;animation:score-fill 1.1s cubic-bezier(.2,.75,.2,1) both}.lead-signal{width:10px;height:10px;box-shadow:0 0 0 7px #635bff19,0 0 20px #635bff7a}
.bento-card,.template-card,.pricing-card{transition:box-shadow .35s,border-color .35s,transform .35s}.bento-card:hover,.template-card:hover{box-shadow:0 14px 38px #5148d513;transform:translateY(-5px)}.pricing-card.featured{background:linear-gradient(145deg,#fff,#f1edff 55%,#ecf6f4);border-color:#b4aafa}
.dark-section{position:relative;isolation:isolate;overflow:hidden}.dark-section:before{content:"";position:absolute;z-index:-1;inset:-20%;background:radial-gradient(ellipse at 75% 55%,#635bff4a,transparent 50%),radial-gradient(ellipse at 25% 25%,#17866a24,transparent 55%);animation:aurora-drift 12s ease-in-out infinite alternate;pointer-events:none}.final-cta{background:linear-gradient(125deg,#e9e4ff,#f3f0ff,#e4f1ee);background-size:220% 220%;animation:color-flow 9s ease-in-out infinite alternate;border:1px solid #ded7ef;border-radius:24px}
.social-demo.is-in-view .message{animation:message-arrive .8s cubic-bezier(.2,.8,.2,1) both}.social-demo.is-in-view .message.sent{animation-delay:.35s}.social-demo.is-in-view .message.received:last-of-type{animation-delay:.7s}.timeline-panel.is-in-view .timeline-icon{animation:timeline-pulse 3.6s ease-in-out infinite}.timeline-row:nth-child(3n) .timeline-icon{animation-delay:.6s}.timeline-row:nth-child(3n + 1) .timeline-icon{animation-delay:1.2s}
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#635bff,#a88afa,#429d8f);transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero:not(.is-in-view):before,.dark-section:not(.is-in-view):before,.final-cta:not(.is-in-view),.hero:not(.is-in-view) h1 span{animation-play-state:paused}
@keyframes aurora-drift{from{transform:translate3d(-2%,-2%,0) scale(.96)}to{transform:translate3d(3%,4%,0) scale(1.06)}}@keyframes color-flow{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes button-light{0%,65%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}@keyframes score-fill{from{transform:scaleX(.1)}to{transform:scaleX(1)}}@keyframes message-arrive{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes timeline-pulse{0%,65%,100%{box-shadow:0 0 0 0 #635bff00}25%{box-shadow:0 0 0 7px #635bff20}}
@media(max-width:600px){.hero:before{height:480px;inset-inline:-10px}.machine-node.motion-active{transform:translateY(-4px)}.final-cta{border-radius:20px}.hero h1{line-height:1.09}.lead-signal{left:-4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.machine-node.motion-active{transform:none}.hero h1 span{background-position:50% 50%}.reading-progress{display:none}}
.hero:before{mask-image:radial-gradient(ellipse,black 30%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,black 30%,transparent 73%)}

.timeline-panel.is-in-view .timeline-row{animation:timeline-arrive .65s cubic-bezier(.2,.75,.2,1) both}.timeline-panel.is-in-view .timeline-row:nth-of-type(2){animation-delay:.15s}.timeline-panel.is-in-view .timeline-row:nth-of-type(3){animation-delay:.3s}.timeline-panel.is-in-view .timeline-row:nth-of-type(4){animation-delay:.45s}.timeline-panel.is-in-view .timeline-row:nth-of-type(5){animation-delay:.6s}.timeline-panel.is-in-view .timeline-row:nth-of-type(6){animation-delay:.75s}.timeline-panel.is-in-view .timeline-row:nth-of-type(7){animation-delay:.9s}.timeline-panel.is-in-view .timeline-row:nth-of-type(8){animation-delay:1.05s}
.integration-grid.is-in-view>div{animation:integration-light 5s ease-in-out infinite}.integration-grid>div:nth-child(2){animation-delay:.4s}.integration-grid>div:nth-child(3){animation-delay:.8s}.integration-grid>div:nth-child(4){animation-delay:1.2s}.integration-grid>div:nth-child(5){animation-delay:1.6s}.integration-grid>div:nth-child(6){animation-delay:2s}.journey-steps:not(.is-in-view) .journey-signal{animation-play-state:paused}.dashboard.is-in-view .chart-bars i{transform-origin:bottom;animation:chart-rise 1.1s cubic-bezier(.2,.75,.2,1) both}.dashboard.is-in-view .chart-bars i:nth-child(2n){animation-delay:.12s}.dashboard.is-in-view .chart-bars i:nth-child(3n){animation-delay:.24s}.template-card:hover .template-mock{transform:translateY(-4px);transition:transform .4s}.lead-profile{box-shadow:0 20px 80px #635bff24}
@keyframes timeline-arrive{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes integration-light{0%,65%,100%{box-shadow:0 0 0 0 #8e74d900;transform:translateY(0)}30%{box-shadow:0 8px 30px #8e74d924;transform:translateY(-5px)}}@keyframes chart-rise{from{transform:scaleY(.12)}to{transform:scaleY(1)}}