:root{--bg:#07111f;--bg2:#0d1f35;--card:#10243c;--text:#f4f8ff;--muted:#b8c6d8;--accent:#4dd2ff;--accent2:#89f7c8;--line:rgba(255,255,255,.12);--shadow:0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#173d67 0,#07111f 42%,#050b14 100%);line-height:1.6}a{color:inherit}.container{width:min(1120px,92vw);margin:0 auto}.narrow{width:min(780px,92vw)}.center{text-align:center}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#03111f;font-weight:900;box-shadow:0 8px 24px rgba(77,210,255,.24)}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{text-decoration:none;color:var(--muted);font-weight:650;font-size:15px}.nav-links a:hover{color:var(--text)}.lang{padding:8px 12px;border:1px solid var(--line);border-radius:999px}.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 12px;font-size:20px}.hero{padding:88px 0 74px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:48px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent2);font-size:13px;font-weight:850;margin:0 0 12px}.hero h1,.section h2,.page h1{line-height:1.05;letter-spacing:-.055em;margin:0}.hero h1{font-size:clamp(42px,7vw,78px)}.lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:850;border:1px solid var(--line)}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#03111f;border:0}.button.secondary{background:rgba(255,255,255,.06)}.small-note,.notice{color:var(--muted);font-size:14px}.phone-card{display:flex;justify-content:center}.phone-shell{width:min(360px,86vw);padding:16px;border-radius:42px;background:linear-gradient(180deg,#203d61,#07111f);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.18)}.phone-top{width:112px;height:24px;border-radius:0 0 18px 18px;background:#050b14;margin:0 auto 12px}.app-screen{min-height:540px;border-radius:32px;background:linear-gradient(180deg,#0d223b,#07111f);padding:28px 22px;border:1px solid rgba(255,255,255,.09)}.status-pill{display:inline-flex;background:rgba(137,247,200,.13);color:var(--accent2);border:1px solid rgba(137,247,200,.3);border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.app-screen h2{font-size:28px;line-height:1.1;margin:78px 0 8px}.app-screen p{color:var(--muted)}.play-row{display:flex;justify-content:space-around;align-items:center;margin:38px 0;font-size:26px}.play{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#03111f}.volume-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;background:rgba(255,255,255,.06);padding:12px;border-radius:18px}.volume-row button{border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);padding:12px;border-radius:14px;font-weight:850}.mini-list{display:grid;gap:10px;margin-top:28px}.mini-list span{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:14px;padding:12px;color:var(--muted)}.section{padding:78px 0}.section.alt{background:rgba(255,255,255,.035);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro{text-align:center}.section h2{font-size:clamp(32px,4vw,54px)}.section-head{max-width:780px;margin-bottom:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.compat-item,.step,.support-card{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(0,0,0,.12)}.card h3,.step h3,.support-card h3{margin:0 0 8px;font-size:21px}.card p,.compat-item span,.step p,.support-card p,.split p,.page p,.page li{color:var(--muted)}.compat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.compat-item{display:flex;flex-direction:column;gap:8px}.compat-item strong{font-size:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step span{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#03111f;display:grid;place-items:center;font-weight:900;margin-bottom:16px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.cta-section{background:radial-gradient(circle at center,rgba(77,210,255,.18),transparent 60%)}.support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.support-card a{color:var(--accent2);font-weight:800}.legal-preview{padding-top:34px}.footer{background:#050b14;border-top:1px solid var(--line);padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}.footer h3{margin:0 0 10px}.footer a{display:block;text-decoration:none;color:var(--muted);margin:8px 0}.footer p{color:var(--muted)}.copyright{border-top:1px solid var(--line);margin-top:26px;padding-top:20px;color:var(--muted);font-size:14px}.page{padding:80px 0}.page h1{font-size:clamp(38px,6vw,62px);margin-bottom:24px}.page h2{margin-top:34px}.checklist{padding-left:22px}.checklist li{margin:10px 0}@media(max-width:900px){.hero-grid,.split,.support-grid{grid-template-columns:1fr}.cards,.compat-grid,.steps,.footer-grid{grid-template-columns:1fr 1fr}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:rgba(7,17,31,.96);padding:18px 4vw;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}}@media(max-width:620px){.cards,.compat-grid,.steps,.footer-grid{grid-template-columns:1fr}.hero{padding-top:54px}.hero-actions{flex-direction:column}.button{width:100%}.app-screen{min-height:460px}.app-screen h2{margin-top:48px}}
