:root{--bg:#050712;--panel:#0b1020;--panel2:#10162a;--text:#f7f8ff;--muted:#aab0c8;--line:rgba(255,255,255,.1);--violet:#8b5cf6;--blue:#4f8cff;--pink:#c45cff;--radius:24px;--shadow:0 24px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 70% 10%,rgba(80,58,255,.24),transparent 30%),radial-gradient(circle at 10% 0%,rgba(139,92,246,.16),transparent 25%),var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto;padding:22px 24px;background:rgba(5,7,18,.64);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}.logo img{width:160px}.nav{display:flex;gap:34px;font-size:14px;font-weight:700}.nav a{opacity:.88;transition:.25s}.nav a:hover{opacity:1;color:#bda6ff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:14px;font-weight:800;border:1px solid var(--line);transition:.25s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--violet),#6837ff 55%,var(--blue));box-shadow:0 16px 38px rgba(124,58,237,.32)}.btn-ghost{background:rgba(255,255,255,.03)}.btn-ghost:hover{background:rgba(255,255,255,.08)}.menu-btn{display:none;background:none;border:0}.menu-btn span{display:block;width:28px;height:2px;background:white;margin:7px 0}.section{max-width:1180px;margin:0 auto;padding:56px 24px}.hero{position:relative;display:grid;grid-template-columns:1fr .9fr;align-items:center;min-height:720px;padding-top:50px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#cf8cff;font-weight:900;font-size:14px}.hero h1{font-size:clamp(44px,6vw,82px);line-height:.98;margin:12px 0 22px;letter-spacing:-.07em}.hero h1 span{display:block;background:linear-gradient(90deg,#ba5cff,#5c8dff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:520px;color:#d6daf0;font-size:20px;line-height:1.65}.actions{display:flex;gap:18px;flex-wrap:wrap;margin:34px 0}.trust-row{display:flex;gap:26px;flex-wrap:wrap;color:#c4c9dd;font-size:14px}.trust-row span:before{content:'✓';color:#b25cff;margin-right:8px}.hero-visual{position:relative;display:grid;place-items:center}.hero-phone{width:min(390px,78vw);position:relative;z-index:2;filter:drop-shadow(0 30px 70px rgba(0,0,0,.7))}.glow-ring{position:absolute;width:520px;height:230px;border:3px solid #8b5cf6;border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 36px #8b5cf6,inset 0 0 28px #4f8cff;opacity:.85;animation:spin 12s linear infinite}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.5}.orb-one{width:240px;height:240px;background:#6d28d9;right:9%;top:18%}.orb-two{width:170px;height:170px;background:#2563eb;left:6%;bottom:10%}.section-title{text-align:center;font-size:clamp(30px,4vw,42px);letter-spacing:-.04em;margin:0 0 28px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card,.mini-card,.panel,.screen-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:26px 22px;min-height:210px}.card:hover,.mini-card:hover,.screen-card:hover{border-color:rgba(139,92,246,.55);transform:translateY(-4px)}.icon{font-size:36px;margin-bottom:22px;filter:drop-shadow(0 0 12px #8b5cf6)}h2,h3,p{margin-top:0}.card h3,.screen-card h3{font-size:20px}.card p,.screen-card p,.mini-card span,.panel p,.footer p{color:var(--muted);line-height:1.6}.screenshots{padding-top:28px}.screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.screen-card{position:relative;overflow:hidden;min-height:365px;padding:38px 28px;transition:.25s}.screen-card img{position:absolute;right:-35px;bottom:-250px;width:245px}.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.mini-card{padding:20px;transition:.25s}.mini-card strong{display:block;margin-bottom:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:34px}.panel h2{font-size:30px}.panel li{margin:13px 0;color:#d8dcf4}.faq details{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:16px 18px;background:rgba(255,255,255,.03)}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:12px 0 0}.download{display:grid;grid-template-columns:90px 1fr auto;gap:28px;align-items:center;border-radius:22px;background:linear-gradient(135deg,#20124d,#681fe4 60%,#8035ff);margin-top:18px;margin-bottom:40px}.download img{width:90px;border-radius:22px}.download h2{font-size:34px;margin:0 0 6px}.download p{margin:0;color:#e6ddff}.footer{max-width:1180px;margin:0 auto;padding:16px 24px 52px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;color:#aab0c8}.footer img{width:150px}.footer nav{display:grid;gap:10px}.footer a:hover{color:white}.reveal{opacity:0;transform:translateY(28px);transition:.8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.float{animation:float 5.5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-16px) rotate(1deg)}}@keyframes spin{to{transform:rotate(352deg)}}@media (max-width:1050px){.feature-grid,.why-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr;text-align:center}.hero-text,.trust-row{justify-content:center;margin-left:auto;margin-right:auto}.actions{justify-content:center}.hero-visual{margin-top:30px}.glow-ring{width:460px}.nav{gap:18px}.screens-grid{grid-template-columns:1fr}.screen-card{min-height:330px}.screen-card img{right:20px;bottom:-275px}}@media (max-width:760px){.site-header{padding:16px}.nav,.header-cta{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;left:16px;right:16px;top:76px;flex-direction:column;padding:22px;background:#0b1020;border:1px solid var(--line);border-radius:18px}.section{padding:42px 16px}.hero{min-height:auto;padding-top:35px}.hero h1{font-size:48px}.hero-text{font-size:17px}.feature-grid,.why-grid,.split{grid-template-columns:1fr}.card{min-height:auto}.download{grid-template-columns:1fr;text-align:center;justify-items:center}.footer{grid-template-columns:1fr}.btn{width:100%}.actions{width:100%}.glow-ring{width:330px;height:160px}.hero-phone{width:310px}.trust-row{gap:14px}.screen-card img{width:210px;right:-20px}.screen-card{min-height:310px}}
