:root{--bg:#07070b;--panel:#0d0d14;--line:#252331;--text:#f8f6fa;--muted:#a09aaa;--purple:#a364f2;--cyan:#7de7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 5%,#24153b55,transparent 27%),radial-gradient(circle at 15% 55%,#102a4440,transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.nav{height:78px;position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:0 max(5vw,32px);border-bottom:1px solid var(--line);background:#08080ccf;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;min-width:250px}.logo>span{width:39px;height:39px;border:1px solid #624585;border-radius:10px;display:grid;place-items:center;background:#151020;color:#b778ff}.logo b,.logo small{display:block}.logo b{font-size:14px;letter-spacing:.08em}.logo small{font-size:8px;letter-spacing:.2em;color:#a978e4;margin-top:3px}.nav nav{display:flex;gap:36px;margin:auto}.nav a,footer a{color:#b9b4c1;text-decoration:none;font-size:12px}.nav a:hover,footer a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px!important;border:1px solid #51485d;border-radius:8px;text-decoration:none;color:white!important;font-size:11px;background:#141219;transition:.2s}.button:hover{transform:translateY(-1px);border-color:#8658bd}.button.bright{background:linear-gradient(135deg,#f4eaff,#b875ff);color:#160c21!important;border-color:#dec8f5;box-shadow:0 0 35px #9d58e653;font-weight:700}.button.ghost{background:#0c0b10}.hero{min-height:760px;max-width:1500px;margin:auto;padding:105px 5vw 80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.eyebrow,.tag,.section-head>span,.cta>span{font-size:9px;letter-spacing:.2em;color:#b176f2;font-weight:800}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#67dc9b;box-shadow:0 0 10px #67dc9b;margin-right:7px}.hero h1{font-size:70px;line-height:1.02;letter-spacing:-.055em;margin:20px 0 25px}.hero h1 span{color:#aa6cf2;text-shadow:0 0 35px #8742cd50}.hero-copy>p{font-size:17px;line-height:1.7;color:#b6afbe;max-width:610px}.hero-actions{display:flex;gap:11px;margin-top:31px}.stats{display:flex;gap:42px;margin-top:45px}.stats div{border-left:1px solid #37313e;padding-left:14px}.stats b,.stats span{display:block}.stats b{font-size:18px}.stats span{font-size:9px;color:#79737f;margin-top:4px}.stats b.live{color:#65d996}.product{border:1px solid #383141;border-radius:14px;background:#0b0a10;box-shadow:0 40px 100px #0009,0 0 80px #6630a01c;transform:perspective(1000px) rotateY(-3deg)}.product-bar{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px;gap:6px;font-size:9px;color:#77717d}.product-bar span{margin-right:auto}.product-bar i{width:7px;height:7px;border-radius:50%;background:#3e3945}.product-body{display:grid;grid-template-columns:135px 1fr;min-height:400px}.product-body aside{border-right:1px solid var(--line);padding:17px 10px;display:flex;flex-direction:column;gap:5px}.product-body aside>b{width:33px;height:33px;background:#6f36b1;border-radius:8px;display:grid;place-items:center;font-size:9px;margin:0 5px 14px}.product-body aside span{font-size:8px;color:#76717c;padding:9px;border-radius:6px}.product-body aside span.on{background:#1a1322;color:#c895ff}.screen{padding:27px}.screen>small{font-size:7px;letter-spacing:.14em;color:#625d68}.screen h3{font-size:18px;margin:10px 0 20px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-stats div{border:1px solid var(--line);border-radius:8px;padding:12px;background:#0e0d13}.mini-stats span,.mini-stats b{display:block}.mini-stats span{font-size:7px;color:#77717e}.mini-stats b{font-size:19px;margin-top:8px}.mini-chart{height:210px;margin-top:13px;border:1px solid var(--line);border-radius:8px;background:repeating-linear-gradient(to bottom,#0d0c12 0,#0d0c12 41px,#201d26 42px);padding:15px}.mini-chart svg{width:100%;height:100%}.section{max-width:1320px;margin:auto;padding:105px 5vw}.section-head{text-align:center;max-width:720px;margin:0 auto 50px}.section-head h2,.integration h2,.cta h2{font-size:43px;letter-spacing:-.04em;margin:15px 0}.section-head p,.integration>div>p,.cta p{color:var(--muted);line-height:1.7}.feature-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0c0b11}.feature-list article{display:flex;gap:22px;align-items:center;padding:30px;border-bottom:1px solid var(--line)}.feature-list article:last-child{border:0}.feature-list i{width:44px;height:44px;flex:0 0 44px;border:1px solid #3d3150;background:#15101d;border-radius:9px;display:grid;place-items:center;color:#b878ff;font-style:normal;font-size:18px}.feature-list h3{font-size:15px;margin:0 0 7px}.feature-list p{margin:0;color:#9993a1;font-size:11px;line-height:1.6}.integration{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.integration ol{list-style:none;padding:0;margin:28px 0}.integration li{display:flex;gap:17px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.integration li b{color:#a96cf0;font-size:10px}.code-card{border:1px solid #3a3046;border-radius:13px;overflow:hidden;background:#09080d;box-shadow:0 25px 80px #0008}.code-card>div{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px}.code-card i{width:7px;height:7px;border-radius:50%;background:#514a58}.code-card span{font-size:9px;color:#847d8b;margin-left:6px}.code-card pre{padding:24px;margin:0;overflow:auto;color:#ddd2e7;font:11px/1.8 ui-monospace,monospace}.code-card em{color:#716b77}.code-card code span{color:#65d996}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:stretch}.pricing article{position:relative;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#100f15,#0a090e);padding:27px;display:flex;flex-direction:column}.pricing article.popular{border-color:#8758bd;box-shadow:0 0 55px #7340a72b}.ribbon{position:absolute;left:-1px;right:-1px;top:-32px;height:32px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#6934aa,#a866ea);display:grid;place-items:center;font-size:8px;letter-spacing:.16em}.pricing h3{font-size:18px;margin:0 0 8px}.pricing article>p{color:var(--muted);font-size:11px;min-height:35px}.price{margin:25px 0;font-size:11px;color:#918b98}.price b{font-size:43px;color:white}.pricing ul{list-style:none;padding:22px 0;border-top:1px solid var(--line);margin:0 0 22px;flex:1}.pricing li{font-size:11px;color:#bbb5c2;margin:14px 0}.pricing li:before{content:'✓';color:#ad72f1;margin-right:9px}.accordions{max-width:900px;margin:auto}.accordions details{border-bottom:1px solid var(--line);padding:22px 5px}.accordions summary{cursor:pointer;font-weight:650;font-size:14px}.accordions details p{color:var(--muted);font-size:11px;line-height:1.7}.cta{text-align:center;max-width:1100px;margin:70px auto 120px;padding:75px 30px;border:1px solid #342a40;border-radius:17px;background:radial-gradient(circle at 50% 0,#49226c55,transparent 55%),#0d0b12}.cta p{margin:0 auto 28px;max-width:620px}footer{border-top:1px solid var(--line);min-height:130px;padding:32px 5vw;display:flex;align-items:center;gap:40px}footer>div{display:flex;gap:25px;margin:auto}footer>small{color:#625c68;font-size:9px}@media(max-width:980px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.product{transform:none}.integration{grid-template-columns:1fr}.pricing{grid-template-columns:1fr;gap:42px}.hero h1{font-size:58px}}@media(max-width:650px){.nav{padding:0 17px}.logo{min-width:0}.nav .logo small,.nav-actions>a:first-child{display:none}.hero{padding:65px 19px}.hero h1{font-size:45px}.hero-copy>p{font-size:14px}.stats{gap:18px}.product-body{grid-template-columns:90px 1fr}.screen{padding:18px}.mini-stats{grid-template-columns:1fr}.mini-chart{height:160px}.section{padding:75px 20px}.section-head h2,.integration h2,.cta h2{font-size:34px}.feature-list article{padding:22px}.product-body aside span{font-size:7px;padding:7px}.pricing article{padding:24px}footer{flex-direction:column;text-align:center}footer>div{margin:0;flex-wrap:wrap;justify-content:center}}