:root{--bg:#07111f;--panel:rgba(255,255,255,.055);--panel-border:rgba(255,255,255,.10);--text:#f4f7fb;--muted:#aab7c7;--accent:#8dd8ff;--accent2:#c5a7ff;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 75% 10%,rgba(117,103,255,.16),transparent 30rem),radial-gradient(circle at 18% 28%,rgba(59,174,255,.12),transparent 28rem),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;text-decoration:none;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111f;font-size:18px;box-shadow:0 8px 30px rgba(99,163,255,.22)}.nav-link{color:var(--muted);text-decoration:none;font-size:.95rem}.nav-link:hover{color:var(--text)}.hero{padding:110px 0 90px}.hero-inner{max-width:900px}.eyebrow{display:inline-block;color:var(--accent);font-size:.82rem;font-weight:760;letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:28px;font-size:clamp(3rem,8vw,6.6rem);line-height:.96;letter-spacing:-.055em;max-width:980px}.lead{max-width:720px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:34px}.store-badge{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:14px;color:#07111f;background:linear-gradient(135deg,var(--accent),#d0eaff);font-weight:760}.secondary-link{color:var(--muted);text-decoration:none}.secondary-link:hover{color:var(--text)}.features{padding:40px 0 110px}.section-heading{max-width:760px;margin-bottom:34px}.section-heading h2,.cta h2{margin-bottom:14px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{min-height:250px;padding:26px;border:1px solid var(--panel-border);border-radius:22px;background:var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:38px;border-radius:13px;background:rgba(141,216,255,.10);color:var(--accent);font-size:1.3rem}.card h3{margin-bottom:9px;font-size:1.08rem}.card p,.cta p{margin-bottom:0;color:var(--muted)}.cta{padding:0 0 110px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px;border:1px solid var(--panel-border);border-radius:28px;background:linear-gradient(135deg,rgba(141,216,255,.09),rgba(197,167,255,.07)),var(--panel)}.button{flex:0 0 auto;display:inline-flex;min-height:48px;align-items:center;padding:0 20px;border-radius:14px;background:var(--text);color:var(--bg);font-weight:760;text-decoration:none}footer{border-top:1px solid rgba(255,255,255,.07)}.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:.9rem}.footer-inner a{text-decoration:none}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.hero{padding:82px 0 70px}.features{padding-bottom:82px}.feature-grid{grid-template-columns:1fr}.card{min-height:auto}.icon{margin-bottom:24px}.cta{padding-bottom:82px}.cta-inner{padding:28px}.footer-inner{padding:24px 0;align-items:flex-start;flex-direction:column;justify-content:center}}


/* New wide MyAstroSetup banner as responsive hero artwork. */
.hero { padding-top: 44px; }
.hero-inner { max-width: var(--max); }
.hero-banner { display: block; width: 100%; margin: 0 auto 54px; }
.hero-banner img { display: block; width: 100%; height: auto; }
.hero-copy { max-width: 900px; margin: 0 auto; }
@media (max-width: 600px) {
  .hero { padding-top: 24px; }
  .hero-banner { margin-bottom: 34px; }
}

/* Privacy links and information page */
.nav-actions,.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
.footer-links a:hover,.nav-link:focus-visible,.footer-links a:focus-visible{color:var(--accent)}
.legal-page{padding:70px 0 90px}
.legal-header{max-width:780px;margin-bottom:36px}
.legal-header h1{font-size:clamp(2.2rem,5.7vw,4.5rem);line-height:1.1;letter-spacing:-.04em;margin-bottom:12px}
.legal-intro,.legal-updated{color:var(--muted)}
.language-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0}
.language-links a{border:1px solid var(--panel-border);border-radius:12px;padding:8px 14px;text-decoration:none;color:var(--accent);background:var(--panel)}
.legal-article{max-width:830px;padding:34px 38px;margin-bottom:30px;border:1px solid var(--panel-border);border-radius:24px;background:var(--panel)}
.legal-article h2{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2;margin-bottom:25px}
.legal-article h3{font-size:1.13rem;margin-top:27px;margin-bottom:9px}
.legal-article p{color:var(--muted);margin-bottom:13px}
.legal-article ul{margin-top:8px;padding-left:1.35rem;color:var(--muted)}
.legal-article li{margin-bottom:7px}
.legal-article a{color:var(--accent)}
.legal-article section{scroll-margin-top:95px}
.legal-back{display:inline-block;margin-top:12px;color:var(--accent);text-decoration:none}
@media(max-width:600px){.nav{gap:12px}.nav-actions{justify-content:flex-end;gap:6px 12px;font-size:.87rem}.brand{font-size:.92rem}.brand-mark{width:28px;height:28px;border-radius:9px}.legal-page{padding:42px 0 70px}.legal-article{padding:25px 20px}.footer-links{align-items:flex-start;flex-direction:column;gap:8px}}