:root { color-scheme: light dark; --bg:#f8fcff; --surface:#fff; --text:#202124; --muted:#68737d; --blue:#66b8e8; --blue-strong:#3899d0; --line:#dfeef5; --max:1040px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
a { color:var(--blue-strong); text-underline-offset:3px; }
a:hover { opacity:.78; }
.wrap { width:min(calc(100% - 40px),var(--max)); margin:auto; }
header { border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--bg) 92%,transparent); }
.nav { min-height:64px; display:flex; gap:22px; align-items:center; justify-content:space-between; }
.brand { color:var(--text); font-weight:600; text-decoration:none; letter-spacing:-.02em; min-width:0; max-width:48%; line-height:1.3; }
.brand::before { content:""; display:inline-block; width:18px; height:18px; margin-right:8px; vertical-align:-3px; border:2px solid var(--blue-strong); border-radius:4px; background:linear-gradient(var(--blue-strong),var(--blue-strong)) 4px 5px/8px 2px no-repeat,linear-gradient(var(--blue-strong),var(--blue-strong)) 4px 10px/8px 2px no-repeat; }
.links,.languages { display:flex; align-items:center; gap:15px; font-size:.9rem; }
.links a,.languages a { color:var(--muted); text-decoration:none; white-space:nowrap; }
.languages a[aria-current="page"] { color:var(--blue-strong); font-weight:600; }
main { padding:72px 0; }
.hero { max-width:710px; padding:28px 0 64px; }
.eyebrow { margin:0 0 13px; color:var(--blue-strong); font-size:.94rem; font-weight:600; }
h1 { margin:0; font-size:clamp(2.25rem,6vw,4.5rem); line-height:1.12; letter-spacing:-.055em; }
h2 { margin:0 0 14px; font-size:clamp(1.35rem,3vw,1.8rem); letter-spacing:-.025em; }
h3 { margin:0 0 6px; font-size:1rem; }
.lead { max-width:620px; margin:22px 0 0; color:var(--muted); font-size:1.15rem; }
.store-link { display:inline-block; margin-top:28px; padding:10px 16px; color:var(--muted); border:1px solid var(--line); border-radius:10px; text-decoration:none; }
.features { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.feature { padding:27px 25px 29px 0; }
.feature + .feature { padding-left:25px; border-left:1px solid var(--line); }
.feature p,.content p,.content li { color:var(--muted); }
.section { padding:62px 0; border-bottom:1px solid var(--line); }
.section:last-child { border:0; }
.content { max-width:760px; }
.content h2 { margin-top:44px; }
.content h2:first-child { margin-top:0; }
.content ul { padding-left:1.2em; }
.notice { margin:24px 0; padding:15px 18px; border-left:3px solid var(--blue); background:var(--surface); background:color-mix(in srgb,var(--surface) 85%,var(--bg)); color:var(--muted); }
.faq { border-top:1px solid var(--line); }
details { padding:18px 0; border-bottom:1px solid var(--line); }
summary { cursor:pointer; font-weight:600; }
details p { margin:11px 0 0; }
footer { padding:34px 0 45px; border-top:1px solid var(--line); color:var(--muted); font-size:.87rem; }
footer .wrap { display:flex; gap:20px; align-items:flex-start; justify-content:space-between; }
@media (prefers-color-scheme:dark) { :root { --bg:#10171b; --surface:#151f24; --text:#f2f7f9; --muted:#aab7be; --line:#263842; --blue:#75c4ef; --blue-strong:#66b8e8; } }
@media (max-width:720px) { .nav { padding:14px 0; align-items:flex-start; flex-wrap:wrap; gap:10px; } .brand { max-width:none; width:100%; } .links { order:3; width:100%; } .languages { margin-left:0; gap:11px; } main { padding:45px 0; } .hero { padding-bottom:42px; } .features { grid-template-columns:1fr; } .feature,.feature + .feature { padding:22px 0; border-left:0; } .feature + .feature { border-top:1px solid var(--line); } footer .wrap { display:block; } }