
:root{--bg:#030714;--surface:#081122;--raised:#0c1930;--text:#f5f8ff;--muted:#94a0b7;--blue:#1688ff;--blue2:#36b8ff;--border:#20314d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Arial,"Noto Sans SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.header{height:76px;position:fixed;z-index:10;inset:0 0 auto;background:#030714dd;border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:142px}.links{display:flex;gap:30px;color:var(--muted);font-size:14px}.actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--text);cursor:pointer}.btn.primary{border-color:var(--blue);background:linear-gradient(135deg,var(--blue),#1768f3);box-shadow:0 12px 32px #087cf344}.hero{min-height:720px;padding-top:76px;display:flex;align-items:center;background:linear-gradient(90deg,#030714 0%,#030714aa 43%,transparent 76%),linear-gradient(0deg,#030714,transparent 30%),url(assets/hero.webp) center/cover}.hero h1,.inner h1{max-width:820px;margin:18px 0 0;font-size:clamp(48px,6vw,84px);line-height:1.05}.hero .lead,.inner .lead{max-width:620px;margin:24px 0;color:var(--muted);font-size:18px;line-height:1.8}.eyebrow{color:var(--blue2);font-size:12px;font-weight:bold;letter-spacing:.15em}.hero-actions{display:flex;gap:12px;margin-top:32px}.stats{background:linear-gradient(90deg,#062659,#0751bd,#062457)}.stats .shell{min-height:106px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center}.stats b{display:block;font-size:27px}.stats span{font-size:12px;color:#d0dcf0}.section{padding:100px 0}.center{text-align:center}.center h2,.split h2{margin:16px 0;font-size:clamp(34px,4vw,54px)}.center p,.split p{max-width:700px;margin:0 auto;color:var(--muted);line-height:1.8}.map{min-height:600px;background:url(assets/map.webp) center bottom/min(1050px,100%) no-repeat}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.visual{height:390px;border:1px solid var(--border);background:radial-gradient(circle,#1688ff44,transparent 55%),var(--surface);display:grid;place-items:center;font-size:72px;color:var(--blue2)}.promo{min-height:620px;display:flex;align-items:center;background:linear-gradient(90deg,#030714,#030714a8 55%,transparent),url(assets/subscribe.webp) center/cover}.promo h2{max-width:650px;font-size:52px}.promo p{max-width:620px;color:var(--muted);line-height:1.8}.checklist{list-style:none;padding:0;line-height:2;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:28px;min-height:250px;border:1px solid var(--border);background:linear-gradient(145deg,var(--raised),var(--surface));border-radius:8px}.card .icon{font-size:30px;color:var(--blue2)}.card h3{margin-top:50px}.card p{color:var(--muted);line-height:1.7}.quotes{background:var(--surface)}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote{padding:28px;border-top:2px solid var(--blue);background:var(--raised);line-height:1.8}.quote small{display:block;margin-top:20px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-grid h2{font-size:46px}.faq-grid>div>p{color:var(--muted)}details{border-top:1px solid var(--border);padding:20px 0}summary{cursor:pointer;font-weight:bold}details p{color:var(--muted);line-height:1.7}.footer{padding:70px 0 25px;border-top:1px solid var(--border);background:#01040a}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-grid div{display:flex;flex-direction:column;gap:14px;color:var(--muted);font-size:14px}.footer-grid strong{color:var(--text)}.copyright{display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.inner{min-height:540px;padding:150px 0 80px;display:flex;align-items:center;background:radial-gradient(circle at 75% 45%,#1688ff44,transparent 30%),var(--surface)}.download{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.app{padding:18px;border:1px solid #1688ff88;border-radius:8px;background:var(--raised);box-shadow:0 30px 100px #1688ff33}.app-body{height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-body img{width:120px}.ring{margin:30px 0 16px;width:100px;height:100px;display:grid;place-items:center;border:2px solid var(--blue);border-radius:50%;color:var(--blue2);font-size:30px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:34px;border:1px solid var(--border);background:var(--raised);border-radius:8px}.price-card.featured{border-color:var(--blue);box-shadow:0 20px 60px #1688ff33}.price{font-size:46px;font-weight:bold;margin:25px 0}.legal{max-width:880px;padding:70px 0 110px}.legal section{padding:25px 0;border-bottom:1px solid var(--border)}.legal p{color:var(--muted);line-height:1.9}.notice{text-align:center;color:var(--muted);font-size:13px;margin-top:30px}@media(max-width:850px){.links{display:none}.shell{width:calc(100% - 32px)}.hero{min-height:650px;background-position:64% center}.hero h1,.inner h1{font-size:42px}.split,.download,.faq-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.quote-grid,.pricing{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.actions .primary{display:none}.logo{width:118px}.hero{align-items:flex-end;padding-bottom:70px;background:linear-gradient(0deg,#030714 5%,#03071499 65%,transparent),url(assets/hero.webp) 64% center/cover}.hero-actions{flex-direction:column}.stats .shell{grid-template-columns:1fr;padding:18px 0}.stats .shell div{padding:15px}.section{padding:72px 0}.cards{grid-template-columns:1fr}.quote-grid{grid-template-columns:1fr}.promo h2{font-size:36px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column;gap:10px}}
