*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:980px;margin:0 auto;padding:24px 24px 56px;line-height:1.6;color:#1d1d1f;background:#fff}
h1{font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.08;letter-spacing:-.035em;margin:.2em 0 .35em}
h2{font-size:1.65rem;line-height:1.2;margin:2.2em 0 .8em}
h3{margin-top:0}
a{color:#0066cc}
footer{margin-top:3em;padding-top:1em;border-top:1px solid #ddd;font-size:.9em;color:#6e6e73}
.language-switch{display:flex;justify-content:flex-end;gap:6px;margin:0 0 14px}
.language-switch a,.language-switch span{display:inline-block;padding:.38em .8em;border-radius:999px;font-size:.88rem;font-weight:700}
.language-switch a{border:1px solid #c7d9ee;text-decoration:none}
.language-switch a:hover,.language-switch a:focus-visible{background:#eaf3fc}
.language-switch span{background:#1d1d1f;color:#fff}
.hero{padding:30px clamp(22px,5vw,48px);border-radius:22px;background:linear-gradient(135deg,#eef6ff 0%,#f7f7fa 58%,#f2efff 100%)}
.manual-cta{display:inline-block;margin-top:14px;padding:.7em 1.05em;border-radius:999px;background:#065eac;color:#fff;text-decoration:none;font-weight:750}
.eyebrow{margin:0;color:#145aa0;font-size:.82rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.lead{max-width:760px;margin:.65em 0 0;font-size:1.08rem;color:#424245}
.toc-list{margin:.2em 0 0;padding-left:1.8em;font-size:1.12rem}
.toc-list li{padding-left:.2em}
.toc-list li+li{margin-top:.35em}
.toc-list a{font-weight:600;text-decoration:none}
.toc-list a:hover,.toc-list a:focus-visible{text-decoration:underline}
.toc-list ul{margin:.35em 0 .7em;padding-left:1.35em;font-size:.94em}
.toc-list ul li{margin-top:.28em}
.toc-list .section-label{font-weight:750}
.previews{display:grid;gap:20px;margin:1.4em 0}
.mobile-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.preview{margin:0;padding:14px;background:#f5f5f7;border-radius:14px;text-align:center;color:#1d1d1f}
.preview img{display:block;width:100%;height:auto;border-radius:9px;background:#fff}
.preview.iphone img{max-width:250px;margin:0 auto}
.preview.ipad img{max-width:320px;margin:0 auto}
.preview.tv img{max-width:640px;margin:0 auto}
.preview figcaption.preview-title{margin:0 0 .7em;padding:.6em .8em;border-radius:9px;background:#1d1d1f;color:#fff;font-weight:700;font-size:1.05em;line-height:1.25}
.access-note{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 1.1em}
.pill{display:inline-block;padding:.35em .7em;border-radius:999px;background:#eaf5ec;color:#246b36;font-size:.84rem;font-weight:700}
.pill.member{background:#eef3fb;color:#275d97}
.highlight-card{padding:20px 22px;border-radius:16px;background:#f5f5f7}
.highlight-card ul{margin:.4em 0 0;padding-left:1.25em}
.highlight-card li+li{margin-top:.55em}
@media(max-width:700px){body{padding:14px 16px 40px}.hero{padding:24px 20px}.mobile-previews{grid-template-columns:1fr}.preview.iphone img{max-width:240px}h2{font-size:1.4rem}}
@media(prefers-color-scheme:dark){body{background:#1c1c1e;color:#f5f5f7}footer{color:#98989d;border-color:#3a3a3c}a{color:#409cff}.language-switch a{border-color:#555}.language-switch a:hover,.language-switch a:focus-visible{background:#3a3a3c}.language-switch span{background:#f5f5f7;color:#1c1c1e}.hero{background:linear-gradient(135deg,#18283b 0%,#29292d 58%,#29243a 100%)}.eyebrow{color:#78b7ff}.lead{color:#b5b5ba}.preview,.highlight-card{background:#2c2c2e;color:#f5f5f7}.preview figcaption.preview-title{background:#46464a}.pill{background:#1f4228;color:#9de0aa}.pill.member{background:#203a57;color:#9ac8f7}}
