.page-progress{position:fixed;z-index:1200;top:0;left:0;width:0;height:3px;background:#feb737;box-shadow:0 0 14px rgba(254,183,55,.45);pointer-events:none}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;z-index:1;inset:82px 0 0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 24%,black 76%,transparent)}
.hero-media img{transform:scale(1.035);animation:heroSettle 1.4s cubic-bezier(.2,.7,.2,1) forwards}.hero-console{transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s}.hero-console:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.08) 45%,transparent 70%);transform:translateX(-100%);animation:consoleSweep 7s ease-in-out infinite}
.floating-event{position:absolute;z-index:5;right:4.5%;min-width:245px;padding:12px 14px 12px 43px;border:1px solid rgba(255,255,255,.22);background:rgba(15,21,48,.78);color:#fff;box-shadow:0 16px 42px rgba(5,9,24,.22);backdrop-filter:blur(14px);animation:eventFloat 5s ease-in-out infinite}.floating-event.one{top:24%;animation-delay:-1.2s}.floating-event.two{top:36%;right:8.5%;animation-delay:-3.5s}.floating-event:before{content:"";position:absolute;left:16px;top:17px;width:9px;height:9px;border-radius:50%;background:#5bd18a;box-shadow:0 0 0 6px rgba(91,209,138,.12)}.floating-event b{display:block;font-family:"Montserrat",sans-serif;font-size:.62rem}.floating-event span{display:block;margin-top:2px;color:rgba(255,255,255,.6);font-size:.6rem}
.button,.nav-cta{position:relative;overflow:hidden}.button:after,.nav-cta:after{content:"→";display:inline-block;margin-left:10px;font-size:1rem;transition:transform .2s}.button:hover:after,.nav-cta:hover:after{transform:translateX(4px)}.button:before,.nav-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28),transparent 65%);transform:translateX(-120%);transition:transform .55s}.button:hover:before,.nav-cta:hover:before{transform:translateX(120%)}
.experience-strip{overflow:hidden}.experience-track:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#feb737,transparent);transform:translateX(-100%);animation:flowLine 6s linear infinite}.signal{transition:background .25s,transform .25s}.signal:hover{background:rgba(255,255,255,.045);transform:translateY(-3px)}
.walkthrough-shell,.demo-shell{position:relative;isolation:isolate}.walkthrough-shell:before,.demo-shell:before{content:"";position:absolute;z-index:5;top:0;left:0;width:24%;height:3px;background:#feb737;animation:systemScanX 5s ease-in-out infinite;pointer-events:none}.walkthrough-shell.stage-shift .journey-main,.walkthrough-shell.stage-shift .activity-feed{animation:stageShift .38s ease both}.walkthrough-nav button{position:relative}.walkthrough-nav button[aria-selected="true"]:after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:#5bd18a;box-shadow:0 0 0 5px rgba(91,209,138,.1)}
.crm,.board{transition:transform .35s,box-shadow .35s}.crm:hover,.board:hover{transform:translateY(-5px);box-shadow:0 45px 110px rgba(9,14,35,.46)}.lead,.job{transition:transform .2s,border-color .2s,box-shadow .2s}.lead:hover,.job:hover{transform:translateY(-3px);border-color:rgba(46,58,108,.35);box-shadow:0 12px 25px rgba(32,42,67,.14)}
.system{position:relative;isolation:isolate}.system:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px}.system:after{content:"ASTROHUE / SYSTEM";position:absolute;right:2%;top:45px;color:rgba(255,255,255,.035);font-family:"Montserrat",sans-serif;font-size:clamp(2rem,7vw,7rem);font-weight:800;white-space:nowrap;pointer-events:none}
.step,.ledger-row,.contrast-item,.outcome{transition:padding-left .3s,background .3s}.step.in-view,.ledger-row.in-view,.contrast-item.in-view,.outcome.in-view{padding-left:12px;background:linear-gradient(90deg,rgba(254,183,55,.08),transparent 72%)}
.final{position:relative;overflow:hidden;isolation:isolate}.final:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(135deg,rgba(254,183,55,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black)}
.site-footer{border-top:1px solid rgba(255,255,255,.08)}.site-footer .legal-links{display:flex;gap:16px;flex-wrap:wrap}.site-footer .legal-links a,.site-footer .legal-links button{padding:0;border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}.privacy-note{max-width:370px;margin:13px auto 0;color:rgba(255,255,255,.55);font-size:.68rem;text-align:center}.privacy-note a{color:rgba(255,255,255,.82)}
@keyframes heroSettle{to{transform:scale(1)}}@keyframes consoleSweep{0%,68%{transform:translateX(-100%)}82%,100%{transform:translateX(100%)}}@keyframes eventFloat{50%{transform:translateY(-7px)}}@keyframes flowLine{to{transform:translateX(100%)}}@keyframes systemScanX{0%,100%{transform:translateX(0)}50%{transform:translateX(315%)}}@keyframes stageShift{0%{opacity:.35;transform:translateY(8px)}100%{opacity:1;transform:none}}
@media(max-width:1100px){.floating-event{display:none}}@media(max-width:700px){.hero:before{background-size:48px 48px}.system:after{display:none}.site-footer .wrap{gap:13px}.site-footer .legal-links{margin-top:12px;gap:12px}.walkthrough-nav button[aria-selected="true"]:after{right:5px;top:7px}.privacy-note{text-align:left;margin-left:0}}
@media(prefers-reduced-motion:reduce){.hero-media img,.hero-console:after,.floating-event,.experience-track:after,.walkthrough-shell:before,.demo-shell:before{animation:none}.hero-console{transform:none!important}}