:root { color-scheme: light; --blue:#0066c7; --ink:#1c1c1e; --muted:#55565d; --line:#dce2e8; }
* { box-sizing:border-box; }
html { scroll-padding-top:24px; }
body { margin:0; color:var(--ink); background:#fff; font:1rem/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
a { color:var(--blue); text-underline-offset:3px; }
a:focus-visible,summary:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
.skip { position:absolute; left:16px; top:-100px; background:white; padding:12px; z-index:2; }
.skip:focus { top:8px; }
.shell { max-width:960px; margin:0 auto; padding:0 24px; }
.topnav { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding-block:22px; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); font-weight:750; text-decoration:none; }
.navlinks { display:flex; flex-wrap:wrap; gap:20px; font-size:.9375rem; }
.navlinks a[aria-current=page] { color:var(--ink); font-weight:700; }
.hero { padding:56px 0 40px; }
.identity { display:flex; align-items:center; gap:14px; margin-bottom:25px; color:var(--muted); }
.identity img { width:64px; height:64px; border-radius:14px; }
.eyebrow { margin:0; font-size:.875rem; font-weight:650; }
h1 { max-width:820px; margin:0 0 20px; font-size:clamp(2rem,5vw,3.5rem); line-height:1.08; letter-spacing:-.035em; }
h2 { font-size:clamp(1.45rem,3vw,1.9rem); line-height:1.2; letter-spacing:-.015em; margin:0 0 16px; }
h3 { font-size:1.125rem; margin:0 0 8px; }
p { margin:0 0 18px; }
.lead { max-width:720px; font-size:1.2rem; line-height:1.6; }
.muted { color:var(--muted); font-size:.9375rem; }
.stores { display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin:24px 0 16px; }
.stores a { display:inline-flex; }
.stores img { display:block; width:auto; max-width:100%; }
.badge-apple { height:40px; }.badge-google { height:52px; }
.content-section { padding:36px 0; border-top:1px solid var(--line); }
.features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.features p { margin:0; }
.guide { max-width:740px; }
.guide h2 { margin-top:42px; }
.guide h3 { margin-top:28px; }
.guide li { margin:10px 0; }
.guide ol,.guide ul { padding-inline-start:1.4em; }
.contents { background:#f2f7fc; padding:22px 24px; border-radius:12px; margin:16px 0 34px; }
.contents ul { margin:8px 0 0; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; text-align:left; min-width:400px; }
th,td { padding:14px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
th { font-weight:700; } th:first-child,td:first-child { padding-left:0; }
details { border-top:1px solid var(--line); padding:18px 0; }
summary { cursor:pointer; font-weight:650; }
details p { margin:12px 0 0; }
.contact { padding:26px; background:#f2f7fc; border-radius:12px; overflow-wrap:anywhere; }
.contact h2 { margin-top:0; }
footer { margin-top:36px; border-top:1px solid var(--line); padding-block:28px 42px; color:var(--muted); font-size:.9375rem; }
footer a { white-space:nowrap; }
@media(max-width:620px) { .shell { padding-inline:20px; }.hero { padding-block:36px 28px; }.features { grid-template-columns:1fr; gap:24px; }.topnav { align-items:flex-start; }.navlinks { gap:16px; } th,td { font-size:.9375rem; } }