:root{--surface:#fff;--background:#f6f7f8;--text:#17212b;--muted:#4b5865;--border:#d4dbe2;--accent:#1757a6;--accent-hover:#10447f;--font:Arial, Helvetica, sans-serif;--body:1rem;--title:2rem;--line:1.6;--space-2:8px;--space-4:16px;--space-6:24px;--space-12:48px;--content:720px;--border-width:1px;--focus-width:3px;--radius:8px}*{box-sizing:border-box}body{background:var(--background);color:var(--text);font:var(--body) / var(--line) var(--font);margin:0}.landing{max-width:960px;padding:var(--space-6);margin:0 auto}.landing-top{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);display:flex}.landing-brand{letter-spacing:.02em;font-weight:700}.landing-signin{font-weight:600;text-decoration:none}.landing-hero{padding-block:var(--space-12);max-width:720px}.landing-eyebrow{margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.8rem}.landing-hero h1{margin:0 0 var(--space-4);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}.landing-lede{color:var(--muted);margin:0 0 var(--space-6);font-size:1.05rem}.landing-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.landing-primary,.landing-secondary{border-radius:var(--radius);padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block}.landing-primary{background:var(--accent);color:#fff}.landing-primary:hover,.landing-primary:active{background:var(--accent-hover);color:#fff}.landing-secondary{border:var(--border-width) solid var(--border);color:var(--text)}.landing-points{gap:var(--space-4);margin-block:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.landing-points article{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.landing-points h2{margin:0 0 var(--space-2);font-size:1rem}.landing-points p{color:var(--muted);margin:0}.landing-footer{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-6);color:var(--muted);border-top:var(--border-width) solid var(--border);display:flex}a{color:var(--accent);text-decoration:underline}a:hover,a:active{color:var(--accent-hover)}a:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--space-2)}@media (max-width:768px){.landing{padding:var(--space-4)}.landing-hero{padding-block:var(--space-6)}}