:root{--bg:#f7f8f9;--surface:#fff;--text:#1b2128;--muted:#56606b;--border:#e3e7eb;--accent:#33495e;--accent-soft:#eef1f4;--focus:#1f6feb;--sk:#2b5a5f;--ls:#23443a;--pk:#7a4e2d;--pp:#6b737c;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-hero:clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);--fs-h2:clamp(1.375rem, 1.2rem + .8vw, 1.75rem);--fs-body:1.0625rem;--fs-small:.875rem;--lh:1.6;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:6rem;--max:68rem;--radius:14px;--shadow:0 1px 2px #1b21280d, 0 6px 20px #1b21280f}*{box-sizing:border-box;margin:0}html{background:var(--bg);color:var(--text);font:400 var(--fs-body)/var(--lh) var(--font);-webkit-text-size-adjust:100%}a{color:var(--accent);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--max);padding:0 var(--space-3);margin:0 auto}header.top{border-bottom:1px solid var(--border);background:var(--surface)}header.top .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.wordmark{letter-spacing:-.01em;color:var(--text);font-size:1.125rem;font-weight:650;text-decoration:none}.wordmark span{color:var(--accent)}header.top nav a{color:var(--muted);margin-left:var(--space-3);font-size:.9375rem;text-decoration:none}header.top nav a:hover{color:var(--text)}.hero{padding:var(--space-6) 0 var(--space-5)}.hero h1{font-size:var(--fs-hero);letter-spacing:-.025em;max-width:16ch;font-weight:650;line-height:1.1}.hero p{margin-top:var(--space-3);color:var(--muted);max-width:38ch;font-size:1.25rem}.shape{background:linear-gradient(90deg,var(--sk),var(--ls),var(--pk),var(--pp));width:96px;height:6px;margin-bottom:var(--space-4);border-radius:3px}section{padding:var(--space-5) 0;border-top:1px solid var(--border)}h2{font-size:var(--fs-h2);letter-spacing:-.015em;margin-bottom:var(--space-3);font-weight:620}.lead{max-width:60ch;color:var(--text)}.lead+.lead{margin-top:var(--space-2)}.principles{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.principles h3{margin-bottom:var(--space-1);font-size:1.0625rem;font-weight:620}.principles p{color:var(--muted)}.cards{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3);border-top:4px solid var(--c);flex-direction:column;display:flex}.card h3{color:var(--c);font-size:1.125rem;font-weight:640}.card p{color:var(--muted);margin:var(--space-1) 0 var(--space-3);flex:1;font-size:.9688rem}.card a{color:var(--c);font-weight:560;text-decoration:none}.card a:after{content:" →"}.card.sk{--c:var(--sk)}.card.ls{--c:var(--ls)}.card.pk{--c:var(--pk)}.card.pp{--c:var(--pp)}.card .soon{font-size:var(--fs-small);color:var(--muted);background:var(--accent-soft);border-radius:999px;align-self:flex-start;padding:2px 10px}footer{border-top:1px solid var(--border);background:var(--surface);padding:var(--space-4) 0;font-size:var(--fs-small);color:var(--muted)}footer .legal{max-width:70ch}footer .links,footer .copy{margin-top:var(--space-2)}footer .links a{color:var(--muted);margin-right:var(--space-3)}dl.imprint dd{overflow-wrap:anywhere}.first{padding-top:var(--space-3);border-top:0}.prose{max-width:60ch}.prose p+p{margin-top:var(--space-2)}.skip{position:absolute;left:-999px}.skip:focus{left:var(--space-2);top:var(--space-1);background:var(--surface);padding:var(--space-1);z-index:1}dl.imprint{gap:var(--space-2) var(--space-3);grid-template-columns:16rem 1fr;max-width:52rem;display:grid}dl.imprint dt{color:var(--muted)}.page-h{padding:var(--space-5) 0 var(--space-3)}.page-h h1{letter-spacing:-.02em;font-size:clamp(2rem,1.6rem + 1.6vw,2.75rem);font-weight:650}.page-h p{margin-top:var(--space-2);color:var(--muted);max-width:60ch}@media (width<=900px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.wrap{padding:0 var(--space-2)}header.top nav a{margin-left:var(--space-2);font-size:.875rem}.hero{padding:var(--space-5) 0 var(--space-4)}.principles,.cards{grid-template-columns:1fr}dl.imprint{grid-template-columns:1fr;gap:2px}dl.imprint dd{margin-bottom:var(--space-2)}}