*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070912;color:#f7f8ff;font-family:Inter,sans-serif;overflow-x:hidden}.container{width:min(1180px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}.header{position:fixed;inset:0 0 auto;background:#070912c7;backdrop-filter:blur(18px);z-index:30;border-bottom:1px solid #ffffff0d}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:700 20px 'Space Grotesk'}.brand span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#41d9ff)}nav{display:flex;gap:32px;font-size:14px;color:#b9c0d2}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border-radius:13px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#7c5cff,#6447e8);box-shadow:0 14px 35px #7c5cff35}.btn-outline{border-color:#ffffff1b;background:#ffffff06}.btn-ghost{color:#c9cfe0}.hero{padding:160px 0 110px;position:relative;min-height:860px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}.badge,.eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid #ffffff1a;background:#ffffff08;color:#bdc4d6;font-size:12px}.hero h1,.heading h2,.two-col h2,.faq-grid h2,.cta h2{font-family:'Space Grotesk';letter-spacing:-.04em;line-height:1.03}.hero h1{font-size:78px;margin:24px 0}.hero h1 em,.heading h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#a98cff,#41d9ff);background-clip:text}.hero-copy>p,.heading p,.two-col>div>p{color:#9aa4ba;font-size:17px}.actions{display:flex;gap:12px;margin-top:28px}.social-proof{display:flex;gap:14px;align-items:center;margin-top:34px}.avatars{display:flex}.avatars i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#171d31;border:2px solid #070912;margin-left:-7px;font-size:10px}.social-proof b{color:#ffd66a;display:block;font-size:12px}.social-proof small{color:#8c95aa;font-size:10px}.orb{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none}.orb-a{width:280px;height:280px;background:#7c5cff26;left:-120px;top:180px}.orb-b{width:220px;height:220px;background:#41d9ff18;right:-90px;top:240px}.mockup{position:relative}.window{border:1px solid #ffffff18;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#121728,#0b0e19);box-shadow:0 35px 90px #0008;transform:rotateY(-4deg) rotateX(2deg)}.window-bar{height:52px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;color:#8d96ab}.window-bar b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#7c5cff,#41d9ff);color:#fff}.app{display:grid;grid-template-columns:58px 1fr}.app aside{border-right:1px solid #ffffff12;display:flex;flex-direction:column;align-items:center;gap:20px;padding:18px 8px;color:#6e7890}.app aside strong{width:30px;height:30px;display:grid;place-items:center;background:#7c5cff;border-radius:8px;color:#fff}.panel{padding:24px}.panel-title{display:flex;justify-content:space-between;align-items:end}.panel-title small,.metrics small,.task small{display:block;color:#717b92;font-size:9px}.panel-title h3{margin:4px 0 0;font-size:17px}.panel-title button{border:0;border-radius:8px;background:#7c5cff;color:#fff;padding:8px 10px;font-size:9px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.metrics article,.chart-card,.task{background:#111728;border:1px solid #ffffff12;border-radius:14px}.metrics article{padding:14px}.metrics b{display:block;font-size:20px;margin-top:5px}.metrics em{font-style:normal;font-size:8px;color:#60e5a7}.chart-card{padding:14px;margin-top:10px}.chart-head{display:flex;justify-content:space-between;font-size:10px}.chart-head small{color:#717b92}.chart{height:120px;display:flex;align-items:end;gap:9px;padding-top:15px}.chart i{flex:1;background:linear-gradient(#8d76ff,#5643c8);border-radius:5px 5px 1px 1px}.task{display:flex;gap:10px;align-items:center;padding:12px;margin-top:10px}.task>span{width:28px;height:28px;border-radius:8px;background:#60e5a71b;color:#60e5a7;display:grid;place-items:center}.task em{margin-left:auto;font-size:8px;color:#60e5a7;background:#60e5a714;padding:5px 8px;border-radius:999px}.float-card{position:absolute;background:#121728eb;border:1px solid #ffffff16;border-radius:14px;padding:12px 14px;display:flex;gap:9px;box-shadow:0 18px 40px #0007}.float-card span small,.float-card span b{display:block}.float-card small{font-size:8px;color:#808aa0}.float-card b{font-size:10px}.ai{left:-30px;bottom:90px;color:#b8a9ff}.team{right:-18px;top:95px;color:#60e5a7}.logos{border-block:1px solid #ffffff10;padding:32px 0;text-align:center}.logos small{color:#687187;letter-spacing:.13em;text-transform:uppercase}.logos div div{display:flex;justify-content:space-around;margin-top:20px;color:#6f788b;letter-spacing:.08em;font-family:'Space Grotesk'}.section{padding:105px 0}.heading{text-align:center;max-width:780px;margin:0 auto 55px}.heading>span,.eyebrow,.cta-box>div>span{color:#9d8bff;font-size:11px;font-weight:800;letter-spacing:.16em}.heading h2,.two-col h2{font-size:56px;margin:14px 0}.features{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.card,.price,.workflow{background:linear-gradient(145deg,#101524,#0c101c);border:1px solid #ffffff12;border-radius:24px;padding:28px}.card.big{grid-row:span 2;min-height:570px}.card h3{font:700 22px 'Space Grotesk';margin:16px 0 8px}.card p{color:#929cb2;font-size:14px}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#7c5cff20;color:#b3a4ff}.automation{margin-top:42px;background:#0b0e18;border:1px solid #ffffff12;border-radius:17px;padding:20px}.automation div{background:#111728;border:1px solid #ffffff12;border-radius:11px;padding:14px}.automation small,.automation b{display:block}.automation small{font-size:8px;color:#707a91}.automation b{font-size:12px;margin-top:4px}.automation>span{display:block;width:2px;height:26px;background:#5549ad;margin:auto}.bubble{display:flex;gap:10px;align-items:center;margin-top:28px;padding:13px;border-radius:13px;background:#0b0e18;border:1px solid #ffffff12}.bubble i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffb36b,#ff6c98);font-size:10px}.bubble span b,.bubble span small{display:block}.bubble small{color:#9099ae;font-size:9px}.mini-chart{height:88px;display:flex;gap:9px;align-items:end;margin-top:28px}.mini-chart i{flex:1;background:linear-gradient(#41d9ff,#356d8b);border-radius:5px 5px 2px 2px}.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:60%}.mini-chart i:nth-child(3){height:48%}.mini-chart i:nth-child(4){height:82%}.mini-chart i:nth-child(5){height:70%}.soft{background:linear-gradient(180deg,transparent,#7c5cff0a,transparent)}.two-col{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}.steps{margin-top:35px}.steps>div{display:flex;gap:16px;border-bottom:1px solid #ffffff12;padding:17px 0}.steps>div>b{color:#7f70d8;font-size:12px}.steps span strong,.steps span small{display:block}.steps span small{color:#9099ae;font-size:11px;margin-top:3px}.workflow header{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #ffffff12;font-size:12px}.workflow header span{color:#60e5a7}.workflow article{display:flex;gap:12px;align-items:center;padding:14px;margin-top:18px;background:#0b0f1a;border:1px solid #ffffff12;border-radius:14px}.workflow article i{font-style:normal;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#7c5cff1c}.workflow article small,.workflow article b{display:block}.workflow article small{font-size:8px;color:#6c758b}.workflow article b{font-size:11px}.line{width:2px;height:22px;background:#3a3f52;margin:-1px 0 -17px 39px}.quote{text-align:center}.quote blockquote{font:600 42px/1.35 'Space Grotesk';letter-spacing:-.025em;max-width:950px;margin:auto;color:#dde2ed}.quote blockquote b{color:#fff}.author{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:28px}.author i{font-style:normal;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffb36b,#ff6c98);font-size:11px}.author span b,.author span small{display:block;text-align:left}.author span small{font-size:9px;color:#8d96aa}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price{position:relative}.price.featured{border-color:#7c5cff75;background:linear-gradient(180deg,#7c5cff19,#0d111d);transform:translateY(-10px)}.popular{position:absolute;right:20px;top:0;transform:translateY(-50%);background:#7c5cff;padding:5px 8px;border-radius:999px;font-size:8px}.price>small{font-size:10px;color:#8992a7;letter-spacing:.15em}.price h3{font:700 34px 'Space Grotesk';margin:10px 0}.price h3 em{font:500 11px Inter;color:#8f98ad}.price p{color:#9099ae;font-size:12px;min-height:38px}.price .btn{width:100%}.price ul{padding:0;list-style:none;display:grid;gap:10px;color:#c6ccda;font-size:12px;margin-top:22px}.faq-grid{align-items:start}.faq article{border-bottom:1px solid #ffffff12}.faq button{width:100%;background:none;border:0;color:#fff;display:flex;justify-content:space-between;padding:20px 0;text-align:left;font-weight:600}.faq button span{font-size:20px}.faq article>div{max-height:0;overflow:hidden;transition:.3s}.faq article.open>div{max-height:100px}.faq article p{color:#9099ae;font-size:12px;padding-bottom:18px}.cta-box{padding:52px;border-radius:28px;background:linear-gradient(120deg,#6545ec,#8e6eff 55%,#44c9f2);display:flex;align-items:center;justify-content:space-between}.cta-box h2{font-size:46px;margin:10px 0}.cta-box>div>span{color:#e9e5ff}.light{background:#fff;color:#111424}footer{border-top:1px solid #ffffff10;padding:40px 0 25px}.footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}.footer p,.footer div{color:#8b94a9;font-size:11px}.footer div{display:flex;gap:16px}.copy{margin-top:30px;border-top:1px solid #ffffff0f;padding-top:18px;color:#5c6579;font-size:10px}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:950px){.hero-grid,.two-col{grid-template-columns:1fr}.hero-copy{text-align:center}.actions,.social-proof{justify-content:center}.mockup{max-width:700px;margin:auto}.features{grid-template-columns:1fr}.card.big{grid-row:auto;min-height:auto}.prices{grid-template-columns:1fr;max-width:600px;margin:auto}.price.featured{transform:none}.footer{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start;gap:25px}}@media(max-width:720px){nav{position:absolute;top:76px;left:20px;right:20px;display:none;flex-direction:column;background:#101524;border:1px solid #ffffff16;border-radius:15px;padding:10px}.nav.open nav{display:flex}.nav nav a{padding:12px}.menu{display:block}.desktop{display:none}.hero{padding-top:125px}.hero h1{font-size:52px}.window{transform:none}.metrics{grid-template-columns:1fr}.metrics article:nth-child(n+2){display:none}.app{grid-template-columns:44px 1fr}.panel{padding:15px}.float-card{display:none}.heading h2,.two-col h2{font-size:40px}.quote blockquote{font-size:30px}.cta-box{padding:32px 24px}.cta-box h2{font-size:36px}.logos div div{gap:20px;flex-wrap:wrap}}