:root{--substrate-bg:#fff;--substrate-fg:#111;--substrate-muted:#555;--substrate-accent:#2563eb;--substrate-accent-text:#fff;--substrate-danger:#c0341d;--substrate-success:#15803d;--substrate-border:#e2e2e2;--substrate-border-strong:#c9c9c9;--substrate-surface:#fafafa;--substrate-surface-2:#f4f4f4;--substrate-radius:8px;--substrate-radius-lg:16px;--substrate-control-h:38px;--substrate-max-width:1080px;--substrate-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--substrate-font-heading:var(--substrate-font-body);--substrate-shadow-sm:0 1px 2px hsla(0,0%,7%,.06);--substrate-shadow:0 4px 12px hsla(0,0%,7%,.08),0 1px 3px hsla(0,0%,7%,.05);--substrate-shadow-lg:0 16px 40px hsla(0,0%,7%,.14),0 4px 12px hsla(0,0%,7%,.08);--substrate-ease:cubic-bezier(0.4,0,0.2,1);--substrate-dur:0.18s}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--substrate-font-body);background:var(--substrate-bg);color:var(--substrate-fg);line-height:1.6;-webkit-font-smoothing:antialiased}main{display:block;max-width:var(--substrate-max-width);margin:0 auto;padding:40px 24px 80px;min-height:60vh}main h1,main h2,main h3{font-family:var(--substrate-font-heading)}main h1{font-size:1.875rem;line-height:1.2;font-weight:700;letter-spacing:-.01em;margin-bottom:.35rem}main h2{font-size:1.35rem;line-height:1.3;font-weight:650;margin:1.75rem 0 .5rem}main h3{font-size:1.1rem;font-weight:600;margin:1.25rem 0 .4rem}main h1+p{color:var(--substrate-muted);font-size:1.0625rem;margin-bottom:1.5rem}main p{margin-bottom:1rem}main a{color:var(--substrate-accent);text-decoration:none}main a:hover{text-decoration:underline}main small{color:var(--substrate-muted)}main label{display:inline-block;font-weight:500;margin-bottom:.25rem}main input,main select,main textarea{font:inherit;color:inherit;background:var(--substrate-bg);border:1px solid var(--substrate-border-strong);border-radius:var(--substrate-radius);padding:0 .75rem;height:var(--substrate-control-h);vertical-align:middle;max-width:100%}main textarea{height:auto;padding:.6rem .75rem;min-height:96px;line-height:1.5}main input::placeholder,main textarea::placeholder{color:var(--substrate-muted)}main input:focus,main select:focus,main textarea:focus{outline:none;border-color:var(--substrate-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--substrate-accent) 22%,transparent)}main .btn,main button,main input[type=button],main input[type=submit]{font:inherit;font-weight:550;height:var(--substrate-control-h);padding:0 1rem;border:1px solid var(--substrate-accent);border-radius:var(--substrate-radius);background:var(--substrate-accent);color:var(--substrate-accent-text);cursor:pointer;vertical-align:middle;box-shadow:var(--substrate-shadow-sm);transition:transform var(--substrate-dur) var(--substrate-ease),box-shadow var(--substrate-dur) var(--substrate-ease),opacity var(--substrate-dur) var(--substrate-ease)}main .btn:hover,main button:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--substrate-shadow);text-decoration:none}main .btn:active,main button:active{transform:translateY(0);box-shadow:var(--substrate-shadow-sm)}main button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}main .btn.secondary,main button.secondary{background:var(--substrate-bg);color:var(--substrate-fg);border-color:var(--substrate-border-strong)}main .toolbar,main form.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1rem 0 1.5rem}main form:not(.toolbar){max-width:560px}main form:not(.toolbar) label{display:block;margin:1rem 0 .3rem}main form:not(.toolbar) input:not([type=checkbox]):not([type=radio]),main form:not(.toolbar) select,main form:not(.toolbar) textarea{display:block;width:100%}main form:not(.toolbar) button,main form:not(.toolbar) input[type=submit]{display:inline-block;margin-top:1.25rem}main table{border-collapse:collapse;width:100%;margin:1rem 0 1.5rem;font-size:.95rem}main td,main th{border:1px solid var(--substrate-border);padding:.55rem .75rem;text-align:left;vertical-align:top}main th{font-weight:600}main tbody tr:hover,main th{background:var(--substrate-surface)}main ol,main ul{padding-left:1.4rem;margin-bottom:1rem}main li{margin-bottom:.3rem}main .card{border:1px solid var(--substrate-border);border-radius:var(--substrate-radius);background:var(--substrate-bg);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--substrate-shadow-sm)}main .card.lift,main .feature-card{transition:transform var(--substrate-dur) var(--substrate-ease),box-shadow var(--substrate-dur) var(--substrate-ease),border-color var(--substrate-dur) var(--substrate-ease)}main .card.lift:hover,main .feature-card:hover{transform:translateY(-3px);box-shadow:var(--substrate-shadow-lg);border-color:var(--substrate-border-strong)}main .muted{color:var(--substrate-muted)}main .danger{color:var(--substrate-danger)}main .success{color:var(--substrate-success)}main .empty{border:1px dashed var(--substrate-border-strong);border-radius:var(--substrate-radius);padding:2rem 1.5rem;text-align:center;color:var(--substrate-muted);background:var(--substrate-surface)}main hr{border:none;border-top:1px solid var(--substrate-border);margin:1.5rem 0}main code{background:var(--substrate-surface-2);border-radius:4px;padding:.1rem .35rem;font-size:.9em}main .eyebrow{display:inline-block;font-size:.8rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--substrate-accent);margin-bottom:.6rem}main .badge,main .pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;line-height:1;padding:.3rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--substrate-accent) 12%,transparent);color:var(--substrate-accent);border:1px solid color-mix(in srgb,var(--substrate-accent) 24%,transparent)}main .pill.success{background:color-mix(in srgb,var(--substrate-success) 14%,transparent);color:var(--substrate-success);border-color:color-mix(in srgb,var(--substrate-success) 28%,transparent)}main .pill.danger{background:color-mix(in srgb,var(--substrate-danger) 12%,transparent);color:var(--substrate-danger);border-color:color-mix(in srgb,var(--substrate-danger) 26%,transparent)}main .surface{background:var(--substrate-bg);box-shadow:var(--substrate-shadow);padding:1.75rem;margin-bottom:1.25rem}main .feature-card,main .surface{border:1px solid var(--substrate-border);border-radius:var(--substrate-radius-lg)}main .feature-card{background:var(--substrate-surface);box-shadow:var(--substrate-shadow-sm);padding:1.5rem}main .cta-band{border:1px solid color-mix(in srgb,var(--substrate-accent) 22%,var(--substrate-border));border-radius:var(--substrate-radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--substrate-accent) 10%,var(--substrate-bg)),color-mix(in srgb,var(--substrate-accent) 3%,var(--substrate-bg)));box-shadow:var(--substrate-shadow)}@media (prefers-reduced-motion:reduce){main .btn,main .card.lift,main .feature-card,main button{transition:none}main .btn:hover,main .card.lift:hover,main .feature-card:hover,main button:hover{transform:none}}footer{border-top:1px solid var(--substrate-border);margin-top:48px;padding:24px;font-size:.9rem;color:var(--substrate-muted)}footer>div{max-width:var(--substrate-max-width);margin:0 auto;gap:12px 24px;align-items:center;justify-content:space-between}footer nav,footer>div{display:flex;flex-wrap:wrap}footer nav{gap:18px}footer a{color:var(--substrate-muted);text-decoration:none}footer a:hover{color:var(--substrate-fg);text-decoration:underline}