:root{--bg1:#0f172a;--bg2:#081124;--accent-1:#7c5cff;--accent-2:#00d4ff;--glass: rgba(255,255,255,.06);--glass-2: rgba(255,255,255,.04);--card-shadow: 0 8px 30px rgba(2,6,23,.6);--radius-lg: 18px;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}#app{min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(1200px 600px at 10% 10%,rgba(124,92,255,.12),transparent 6%),radial-gradient(1000px 500px at 90% 90%,rgba(0,212,255,.06),transparent 6%),linear-gradient(180deg,var(--bg1),var(--bg2));color:#e6eef8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-orb{position:fixed;inset:-20% auto auto -10%;width:1200px;height:1200px;border-radius:50%;pointer-events:none;mix-blend-mode:overlay;opacity:.22;background:conic-gradient(from 120deg at 50% 50%,var(--accent-1),var(--accent-2),#68f0c6,var(--accent-1));filter:blur(120px);animation:orbMove 18s linear infinite}@keyframes orbMove{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(30px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{width:1100px;max-width:100%;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;display:grid;grid-template-columns:1fr 420px;gap:28px;border:1px solid rgba(255,255,255,.04)}h1{font-family:Space Grotesk,Inter;font-size:44px;line-height:1.1;margin-bottom:8px;letter-spacing:-.02em;word-wrap:break-word}p.lead{opacity:.86;margin-bottom:20px;font-size:16px;word-wrap:break-word}.cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-weight:600;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));box-shadow:0 6px 20px #7c5cff2e;transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:after{content:"";position:absolute;left:-40%;top:0;bottom:0;width:40%;transform:skew(-20deg);background:linear-gradient(120deg,#ffffff40,#ffffff14);opacity:.16;transition:all .8s}.btn:hover:after{left:120%}.muted{opacity:.7;font-size:14px}.panel{background:linear-gradient(180deg,var(--glass),var(--glass-2));padding:22px;border-radius:14px;border:1px solid rgba(255,255,255,.03)}.feature{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:12px;transition:transform .36s,box-shadow .36s}.feature:hover{transform:translateY(-8px);box-shadow:0 10px 30px #02061799}.icon{width:56px;height:56px;aspect-ratio:1/1;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.02);font-weight:700;flex-shrink:0}.small{font-size:13px;color:#e6eef8e6}.mock{height:220px;border-radius:14px;background:linear-gradient(135deg,#ffffff05,#ffffff03);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.03);position:relative;overflow:hidden}.device{width:84%;height:78%;border-radius:12px;background:linear-gradient(180deg,#08132a,#06233a);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(0);animation:floaty 6s ease-in-out infinite}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.grid-card{padding:12px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);border:1px solid rgba(255,255,255,.03)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.9,.2,1)}.reveal.show{opacity:1;transform:translateY(0)}@media(max-width:980px){.card{grid-template-columns:1fr;padding:20px}.mock{height:180px}h1{font-size:32px}}@media(max-width:640px){body{overflow-y:auto}.wrap{min-height:auto;align-items:flex-start;padding:20px 16px;padding-top:max(20px,env(safe-area-inset-top,20px));padding-bottom:max(20px,env(safe-area-inset-bottom,20px))}.card{padding:16px;max-width:100%;border-radius:12px}h1{font-size:26px;line-height:1.2}p.lead{font-size:14px}.cta-row{flex-direction:column;align-items:stretch;gap:10px}.btn{width:100%;justify-content:center;padding:12px 16px;font-size:14px}.panel{padding:16px}.feature{padding:12px;gap:10px}.icon{width:48px;height:48px;aspect-ratio:1/1}.mock{height:140px}.grid-card{padding:10px}}