:root{--night:#141B34;--deep:#0C1124;--star:#F2C14E;--mist:#C9D2EA;--ink:#1A2230;--muted:#5B6678;--paper:#F6F7FB;--line:#DCE1EC}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 "Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
a{color:#2D4FA3}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.site-header{background:var(--deep);color:white}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:.01em}
.brand img{width:30px;height:30px}
.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:var(--mist);text-decoration:none}.nav a:hover{color:white}
.hero{background:radial-gradient(ellipse at 70% 0%,#2A3566 0%,var(--night) 55%,var(--deep) 100%);color:white;padding:88px 0 96px;position:relative;overflow:hidden}
.hero h1{font-size:clamp(36px,6vw,58px);line-height:1.08;margin:0 0 18px;font-weight:800;max-width:720px}
.hero h1 span{display:block;color:var(--star)}
.hero p{font-size:19px;color:var(--mist);max-width:620px;margin:0 0 28px}
.badge{display:inline-block;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--mist);margin-bottom:22px}
.stores{display:flex;gap:12px;flex-wrap:wrap}
.store{display:inline-flex;flex-direction:column;border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:8px 16px;color:white;min-width:170px}
.store small{color:var(--mist);font-size:12px}.store b{font-size:17px}
.stars{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 12% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 30% 70%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 55% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 80% 60%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 90% 15%,var(--star) 50%,transparent 51%),radial-gradient(1px 1px at 65% 85%,#fff 50%,transparent 51%)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;padding:56px 0}
.card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}
.card h2{font-size:19px;margin:0 0 8px}.card p{margin:0;color:var(--muted)}
.note{background:white;border-left:4px solid var(--star);border-radius:10px;padding:16px 20px;margin:0 0 56px;color:var(--muted)}
.doc-hero{background:var(--night);color:white;padding:44px 0}.doc-hero h1{margin:0 0 6px;font-size:36px}.doc-hero p{margin:0;color:var(--mist)}
.doc{max-width:760px;margin:0 auto;padding:36px 20px 64px}.doc h2{margin-top:32px;font-size:22px}
.site-footer{background:var(--deep);color:var(--mist);padding:28px 0;font-size:14px}
.site-footer a{color:var(--mist)}.site-footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}