:root{color-scheme:light;--bg:#f8fafc;--card:#ffffff;--text:#10201d;--muted:#52615e;--brand:#0f766e;--brand-dark:#115e59;--line:#dbe5e2;--shadow:0 18px 45px rgba(15,118,110,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.7}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--brand);color:#fff;padding:.75rem 1rem;border-radius:.5rem}.skip-link:focus{left:1rem;z-index:10}.site-header{background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);position:sticky;top:0;backdrop-filter:blur(12px);z-index:5}.nav{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1120px;padding:1rem 1.25rem}.logo{color:var(--brand-dark);font-weight:800;text-decoration:none}.nav-links{display:flex;gap:1rem}.nav a{color:var(--text);text-decoration:none}.nav a:hover{color:var(--brand)}.hero{margin:auto;max-width:1120px;padding:7rem 1.25rem 5rem}.eyebrow{color:var(--brand);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(2.4rem,7vw,5.4rem);line-height:1.05;margin:.4rem 0 1.5rem;max-width:900px}.lead{color:var(--muted);font-size:1.25rem;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{background:var(--brand);border:2px solid var(--brand);border-radius:999px;color:#fff;font-weight:800;padding:.85rem 1.25rem;text-decoration:none}.button.secondary{background:transparent;color:var(--brand-dark)}.section{margin:auto;max-width:1120px;padding:4rem 1.25rem}.section h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;margin-top:0}.cards{display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.cards article,.highlight,details{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow);padding:1.5rem}.cards h3{margin-top:0}.split{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.steps{background:#ecfdf5;border-left:5px solid var(--brand);border-radius:1rem;margin:0;padding:1.5rem 1.5rem 1.5rem 2.5rem}.steps li+li{margin-top:.75rem}.highlight{background:linear-gradient(135deg,#fff,#ecfdf5)}code{background:#e2e8f0;border-radius:.35rem;padding:.15rem .35rem}details+details{margin-top:1rem}summary{cursor:pointer;font-weight:800}.footer{border-top:1px solid var(--line);color:var(--muted);padding:2rem 1.25rem;text-align:center}@media (max-width:760px){.nav{align-items:flex-start;gap:.75rem;flex-direction:column}.cards,.split{grid-template-columns:1fr}.hero{padding-top:4rem}}