
:root{--bg:#060914;--card:#0d1324;--card2:#111a31;--text:#f6f8ff;--muted:#a5afc5;--primary:#7c3aed;--cyan:#06b6d4;--green:#22c55e;--line:rgba(255,255,255,.10);--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(124,58,237,.19),transparent 30%),radial-gradient(circle at 90% 15%,rgba(6,182,212,.13),transparent 25%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{font-size:12px;color:#cdd5e7;background:rgba(255,255,255,.04);border-bottom:1px solid var(--line);text-align:center;padding:7px}.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(6,9,20,.82);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;letter-spacing:-.5px}.logo-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--cyan));box-shadow:0 12px 30px rgba(124,58,237,.35)}.logo small{display:block;font-size:9px;color:var(--muted);letter-spacing:1.7px}.links{display:flex;gap:24px;align-items:center;font-size:14px;color:#dce3f3}.links a:hover{color:#fff}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:13px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--primary),#4f46e5 60%,var(--cyan));color:#fff;box-shadow:0 15px 34px rgba(82,63,220,.28);transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(82,63,220,.38)}.btn.ghost{background:rgba(255,255,255,.06);border:1px solid var(--line);box-shadow:none}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{padding:90px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(34,197,94,.1);color:#8bf3b0;border:1px solid rgba(34,197,94,.25);font-size:12px;font-weight:800}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(34,197,94,.13)}h1{font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-3px;margin:22px 0}h1 span,.gradient{background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;color:var(--muted);max-width:670px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#cbd4e8;font-size:13px}.trust b{color:white}.visual{position:relative;min-height:500px}.tv{position:absolute;inset:25px 0 70px;border-radius:30px;background:linear-gradient(145deg,#111827,#0b1020);border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow);padding:14px;transform:perspective(1000px) rotateY(-5deg)}.screen{height:100%;border-radius:21px;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.46),transparent 35%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.3),transparent 33%),#080c18;overflow:hidden;display:grid;place-items:center}.screen-content{text-align:center;padding:30px}.play{width:90px;height:90px;border-radius:28px;background:linear-gradient(135deg,var(--primary),var(--cyan));display:grid;place-items:center;margin:0 auto 20px;font-size:36px;box-shadow:0 25px 55px rgba(70,60,220,.42)}.screen h3{font-size:30px;margin:0}.screen p{color:#aab4ca}.floating{position:absolute;padding:14px 17px;border-radius:17px;background:rgba(15,23,42,.88);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow);font-size:13px}.f1{right:-20px;top:35px}.f2{left:-24px;bottom:35px}.section{padding:82px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#7dd3fc;font-weight:900;font-size:11px}.section-title{font-size:clamp(31px,4vw,52px);line-height:1.1;letter-spacing:-1.8px;margin:12px 0 17px}.section-copy{color:var(--muted);max-width:720px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.card{background:linear-gradient(145deg,rgba(17,26,49,.92),rgba(9,14,27,.92));border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 16px 45px rgba(0,0,0,.15)}.icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(6,182,212,.2));font-size:23px}.card h3{margin:18px 0 8px;font-size:20px}.card p{color:var(--muted);margin:0}.pricing{grid-template-columns:repeat(4,1fr)}.price-card{position:relative;overflow:hidden}.price-card.popular{border-color:rgba(125,211,252,.55);transform:translateY(-10px)}.ribbon{position:absolute;right:-36px;top:20px;transform:rotate(40deg);padding:5px 42px;background:linear-gradient(90deg,var(--primary),var(--cyan));font-size:10px;font-weight:900}.price{font-size:35px;font-weight:950;letter-spacing:-1px;margin:16px 0}.price small{font-size:13px;color:var(--muted)}.list{padding:0;margin:18px 0 24px;list-style:none;color:#d4dcec;font-size:14px}.list li{padding:7px 0}.list li:before{content:'✓';color:#5ee397;font-weight:900;margin-right:9px}.price-card .btn{width:100%}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.panel{border-radius:28px;padding:36px;background:linear-gradient(145deg,rgba(124,58,237,.18),rgba(6,182,212,.09));border:1px solid var(--line)}.steps{display:grid;gap:12px;margin-top:24px}.step{display:flex;gap:15px;padding:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px}.num{min-width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--cyan));font-weight:900}.faq{max-width:850px;margin:35px auto 0}.faq details{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;margin:10px 0;padding:18px 20px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}.cta{padding:38px;border-radius:30px;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.14),transparent 30%),linear-gradient(135deg,#5b21b6,#144e73);display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:36px;line-height:1.1;margin:0}.footer{border-top:1px solid var(--line);padding:45px 0 24px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer h4{color:white}.footer a{display:block;margin:8px 0}.copyright{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:12px}.page-hero{padding:70px 0 45px;text-align:center}.page-hero h1{font-size:clamp(38px,5vw,62px)}.content{max-width:880px;margin:auto}.content h2{font-size:31px;margin-top:42px}.content p,.content li{color:var(--muted)}.contact-card{max-width:800px;margin:30px auto;text-align:center}.notice{font-size:12px;color:#94a3b8;margin-top:15px}.legal{font-size:14px}.mobile-cta{display:none}
@media(max-width:980px){.links{display:none}.links.open{display:flex;position:absolute;top:76px;left:0;right:0;padding:22px;flex-direction:column;background:#090e1c;border-bottom:1px solid var(--line)}.menu{display:block}.hero-grid,.split{grid-template-columns:1fr}.visual{min-height:420px}.pricing{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.f1{right:5px}.f2{left:5px}}
@media(max-width:640px){.container{width:min(100% - 24px,1160px)}.topbar{font-size:10px}.header .btn.nav-btn{display:none}.hero{padding-top:55px}.hero h1{letter-spacing:-2px}.visual{min-height:330px}.tv{inset:10px 0 45px}.f1{top:0}.f2{bottom:0}.grid,.pricing{grid-template-columns:1fr}.price-card.popular{transform:none}.section{padding:60px 0}.cta{padding:28px;align-items:flex-start;flex-direction:column}.cta h2{font-size:29px}.footer-grid{grid-template-columns:1fr}.mobile-cta{display:flex;position:fixed;z-index:45;bottom:12px;left:12px;right:95px}.mobile-cta .btn{width:100%}}
