.home-page{box-sizing:border-box;--hp-muted:#6b6375;--hp-fg:#08060d;--hp-border:#e5e4e7;--hp-card-bg:#fafafa;--hp-code-bg:#f3f2f5;max-width:36rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}@media (prefers-color-scheme:dark){.home-page{--hp-muted:#9ca3af;--hp-fg:#f3f4f6;--hp-border:#2e303a;--hp-card-bg:#16171c;--hp-code-bg:#1e2028}}.home-page__hero{margin-bottom:2.5rem}.home-page__kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--hp-muted);margin:0 0 .5rem;font-size:.78rem;font-weight:700;line-height:1.35}.home-page__kickerLink{color:inherit;font-weight:inherit;letter-spacing:inherit;text-underline-offset:3px;text-decoration:underline}.home-page__kickerLink:hover{color:var(--hp-fg)}.home-page__title{letter-spacing:-.02em;color:var(--hp-fg);margin:0 0 .75rem;font-size:clamp(1.65rem,4vw,2rem);font-weight:800;line-height:1.15}.home-page__lede{color:var(--hp-muted);margin:0 0 1.5rem;font-size:1rem;line-height:1.55}.home-page__nav{flex-wrap:wrap;gap:.65rem 1rem;display:flex}.home-page__navLink{color:var(--hp-fg);text-underline-offset:3px;font-size:.9rem;font-weight:600;text-decoration:underline}.home-page__navLink--primary{background:color-mix(in srgb, var(--color-fd-primary,#3b82f6) 92%, #000);color:#fff;border-radius:999px;padding:.45rem .9rem;text-decoration:none}.home-page__navLink--primary:hover{filter:brightness(1.05)}.home-page__demoTitle{color:var(--hp-fg);margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.home-page__demoHint{color:var(--hp-muted);margin:0 0 1rem;font-size:.88rem;line-height:1.45}.home-page__demoHint code{background:var(--hp-code-bg);color:var(--hp-fg);border-radius:4px;padding:.1em .35em;font-size:.84em}.home-page__demoCard{box-sizing:border-box;border:1px solid var(--hp-border);background:var(--hp-card-bg);border-radius:12px;padding:1rem}.home-page__calendar{border:1px solid var(--hp-border);border-radius:12px;margin-left:auto;margin-right:auto}.home-page__output{color:var(--hp-muted);margin:1rem 0 0;font-size:.92rem;display:block}.home-page__outputLabel{color:var(--hp-fg);font-weight:600}.home-page__outputValue{font-variant-numeric:tabular-nums}.home-page__snippet{border:1px solid var(--hp-border);background:var(--hp-code-bg);color:var(--hp-fg);border-radius:8px;margin:1.25rem 0 0;padding:.85rem 1rem;font-size:.8rem;line-height:1.45;overflow-x:auto}.home-page__snippet code{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}