@import "https://fonts.googleapis.com/css2?family=Russo+One&family=Manrope:wght@300;400;500;700&display=swap";:root{color:#eef4ff;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0b1020;--bg-alt:#0f1730;--card:#ffffff0f;--accent:#f04d53;--accent-strong:#ff7b59;--glow:#f04d5359;--border:#ffffff1f;background-color:#0b1020;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #ff7b5926, transparent 45%), radial-gradient(circle at 20% 20%, #5870ff40, transparent 55%), var(--bg);margin:0}#root{min-height:100vh}h1,h2,h3{letter-spacing:.5px;margin:0;font-family:Russo One,sans-serif}p{margin:0;line-height:1.6}a{color:inherit;text-decoration:none}.page{flex-direction:column;gap:96px;padding:48px 6vw 64px;display:flex;position:relative;overflow:hidden}.page--ref{text-align:center;justify-content:center;align-items:center;min-height:100vh}.ref-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:24px;gap:16px;max-width:420px;padding:40px 36px;display:grid;box-shadow:0 24px 50px #00000059}.ref-card__title{font-family:Russo One,sans-serif;font-size:1.8rem}.ref-card__subtitle{color:#eef4ffbf}.hero{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:48px;padding:32px 0;display:grid;position:relative}.hero__glow{background:radial-gradient(circle, var(--glow), transparent 70%);filter:blur(12px);opacity:.9;pointer-events:none;height:420px;position:absolute;inset:-40% 20% auto 0}.hero__content{z-index:1;flex-direction:column;gap:18px;display:flex}.hero__badge{border:1px solid var(--border);text-transform:uppercase;letter-spacing:1.4px;background:#ffffff1a;border-radius:999px;align-self:flex-start;padding:8px 16px;font-size:12px}.hero h1{font-size:clamp(2.4rem,4vw,3.4rem)}.hero p{color:#eef4ffc7;max-width:520px}.hero__ref{background:#0f1730b3;border:1px dashed #fff3;border-radius:12px;padding:12px 16px;font-weight:600}.hero__ref span{color:var(--accent-strong);margin-left:8px}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.btn{letter-spacing:.2px;border:1px solid #0000;border-radius:999px;padding:14px 24px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn--primary{background:linear-gradient(120deg, var(--accent), var(--accent-strong));color:#0b1020;box-shadow:0 12px 30px #f04d5359}.btn--primary:hover{transform:translateY(-2px)}.btn--ghost{color:#eef4ff;border-color:#fff3}.hero__meta{color:#eef4ff99;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.hero__visual{justify-content:center;align-items:center;display:flex;position:relative}.device-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #ffffff2e;border-radius:24px;width:min(340px,90%);overflow:hidden;box-shadow:0 20px 50px #00000059}.device-card__top{background:#0f1730a6;gap:8px;padding:14px 18px;display:flex}.device-card__dot{background:#ffffff4d;border-radius:999px;width:10px;height:10px}.device-card__screen{gap:14px;padding:18px;display:grid}.metric{background:#0f1730b3;border-radius:14px;justify-content:space-between;padding:12px 14px;display:flex}.metric strong{color:#fff}.metric__cta{color:#fff;background:#ffffff1a;border:none;border-radius:12px;padding:12px;font-weight:600}.hero__ring{border:1px solid #ffffff26;border-radius:50%;width:360px;height:360px;animation:6s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.9)}}.steps{background:var(--bg-alt);border:1px solid var(--border);border-radius:32px;gap:32px;padding:40px;display:grid}.section-title{gap:12px;display:grid}.section-title p{color:#eef4ffb3}.steps__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.steps__grid article{border:1px solid var(--border);background:#ffffff0f;border-radius:18px;gap:10px;padding:20px;display:grid}.cta{background:linear-gradient(120deg,#ff7b5933,#5870ff33);border:1px solid #fff3;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:32px 40px;display:flex}.footer{color:#eef4ff8c;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;display:flex}@media (width<=720px){.page{gap:64px;padding:32px 5vw 56px}.hero__meta{flex-direction:column}.cta{padding:24px}}