:root{--violet:#6927f5}html{scroll-padding-top:90px}body{overflow-x:hidden;background:#10071d}
.header{background:rgba(14,8,26,.78);border-bottom:1px solid rgba(255,255,255,.11);box-shadow:none}.logo img{background:transparent;box-shadow:none;width:236px;height:70px;padding:0}.navlinks a{color:#eee5fb}.navlinks a:hover{color:#bd91ff}.navcta{background:#7638fa;border-color:#7638fa}.navbar{height:100%}
.hero{position:relative;background:radial-gradient(ellipse 550px 460px at 83% 33%,rgba(122,65,249,.35),transparent 76%),radial-gradient(ellipse 380px 390px at 0% 70%,rgba(103,43,227,.19),transparent 78%),#11091f;color:white;padding:88px 0 105px}.hero:before{content:"";position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:radial-gradient(#bfa0ff 0.65px,transparent .65px);background-size:6px 6px;mask-image:linear-gradient(90deg,transparent,black 75%)}
.hero-grid{position:relative;z-index:2;grid-template-columns:1.06fr .94fr;gap:44px}.hero h1{max-width:none;color:#fff;text-transform:uppercase;font-size:clamp(50px,6.3vw,95px);line-height:.94;letter-spacing:-.084em;margin:27px 0}.hero h1 em{display:block;background:linear-gradient(110deg,#efe8ff 4%,#b98bff 44%,#8743ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#c5b8d5;font-size:17px;max-width:570px}.eyebrow{background:rgba(132,77,250,.13);border:1px solid #9a69ff4d;color:#d9c8ff}.hero-checks span,.micro-avatars{background:#ffffff12;border-color:#ffffff24;color:#eee4ff}.hero-micro{color:#b7a9cd}.btn.primary{background:#783af6;box-shadow:0 16px 45px #783af655}.btn.textlink{background:#ffffff12;border-color:#ffffff23;color:#fff}.hero-stage{min-height:580px;perspective:1000px}.stage-orb{width:460px;height:460px;background:radial-gradient(circle at 35% 30%,#bb89ff 0%,#6b2ee1 50%,#2d0e67 82%);animation:glow 6s ease-in-out infinite;filter:drop-shadow(0 30px 75px #7d42ff5c)}.stage-ring{position:absolute;border:1px solid #9e6ffc6c;border-radius:50%;pointer-events:none;transform:rotate(-22deg)}.ring-one{width:510px;height:310px}.ring-two{width:350px;height:530px;transform:rotate(28deg);opacity:.4}.browser-mock{transform:rotate(-4deg);transition:transform .24s ease,box-shadow .3s;will-change:transform;box-shadow:0 38px 90px #0008}.float-note{background:#fff}.ticker{overflow:hidden;background:#6c2af0;color:#fff;padding:19px 0}.ticker-track{width:max-content;display:flex;white-space:pre;gap:26px;align-items:center;font-weight:900;font-size:18px;letter-spacing:.18em;animation:marquee 31s linear infinite}.ticker-track span{color:#d4b7ff}.logosline{background:#150d22;border:0}.logos-inner b{color:#e8ddf7}.logos-inner span{color:#a988da}.section{position:relative}.demo-section{background:#f3eefd}.demo-card{overflow:hidden}.demo-image img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.demo-card:hover .demo-image img{transform:scale(1.09)}.demo-card:hover .explore span{transform:translate(5px,-5px)}.explore span{display:inline-block;transition:transform .3s}.features .feature{transition:transform .4s,box-shadow .4s}.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,.7,.17,1)}.reveal.visible{opacity:1;transform:translateY(0)}.progress-rail{position:fixed;top:0;left:0;width:100%;height:3px;z-index:102;pointer-events:none}.progress-rail span{display:block;height:100%;width:0;background:#b68cff;transition:width .07s linear}.intro{position:fixed;inset:0;background:#10071d;z-index:300;display:grid;place-items:center;color:#fff;transition:opacity .6s,visibility .6s}.intro.hide{opacity:0;visibility:hidden}.intro-inner{text-align:center}.intro-symbol{font-size:70px;color:#9e70ff;animation:introspin 1.2s ease-in-out}.intro-word{font-size:clamp(36px,7vw,86px);font-weight:800;letter-spacing:-.09em}.intro-word span{font-size:14px;vertical-align:top;letter-spacing:normal}.intro-caption{font-size:11px;letter-spacing:.36em;color:#baa1d6}.intro-line{height:2px;margin-top:24px;background:#ffffff1e;overflow:hidden}.intro-line i{display:block;width:100%;height:100%;background:#a77bff;animation:fillline 1.15s ease forwards;transform-origin:left}.price-main{background:linear-gradient(133deg,#5020ba,#752ff6 65%,#9f6dff)}
@keyframes introspin{from{transform:scale(.75) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fillline{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes glow{50%{filter:drop-shadow(0 35px 90px #a768ff88);transform:scale(1.04)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1020px){.hero-grid{gap:15px}.hero h1{font-size:clamp(49px,6.5vw,75px)}}@media(max-width:720px){.header{height:74px}.logo img{width:185px;height:62px}.navlinks.open{background:#130921;top:74px}.navlinks.open a{color:#fff}.hero{padding:63px 0 69px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(47px,11.2vw,72px)}.hero-copy>p{font-size:15px}.hero-stage{min-height:455px}.stage-orb{width:320px;height:320px}.ring-one{width:370px;height:240px}.ring-two{width:250px;height:380px}.browser-mock{max-width:92%;transform:rotate(-2deg)}.ticker-track{font-size:14px}.reveal{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.intro{display:none}.reveal{opacity:1;transform:none}.ticker-track,.stage-orb{animation:none}.browser-mock{transition:none}}