.landing{--font-ui:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--display-weight:400;--display-tracking:-.02em;--title-run:5.9;--cta-bg:var(--ui-cta-bg);--cta-fg:var(--ui-cta-fg);--cta-radius:calc(var(--radius-board) / 2 + 2px);--rule:color-mix(in oklab, var(--ui-fg) 14%, transparent);--muted:var(--ui-muted);--table-shadow:0 40px 80px -30px #000000b3, 0 12px 24px -12px #00000080;--page-x:clamp(1.25rem, 4vw, 4rem);background:var(--ui-bg);min-height:100svh;color:var(--ui-fg);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);font-variant-numeric:tabular-nums;grid-template-rows:auto 1fr auto auto;display:grid}[data-theme=broadcast] .landing{--display-weight:700;--display-tracking:-.045em;--title-run:6.3}[data-theme=editorial] .landing{--table-shadow:0 30px 60px -30px #23201e59, 0 8px 20px -12px #23201e40}.masthead{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--page-x);border-bottom:1px solid var(--rule);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;flex-wrap:wrap;display:flex}.masthead p{margin:0}.masthead__tld{color:var(--muted)}.masthead__meta{gap:var(--space-3);color:var(--muted);display:flex}@media (max-width:40rem){.masthead__meta{display:none}}.hero{align-items:start;row-gap:var(--space-5);width:100%;max-width:96rem;padding:var(--space-6) var(--page-x) var(--space-7);grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""title""copy""board";margin-inline:auto;display:grid;container-type:inline-size}@media (min-width:60rem){.hero{column-gap:clamp(2rem,5vw,6rem);row-gap:var(--space-4);grid-template-columns:minmax(0,6fr) minmax(0,7fr);grid-template-areas:"eyebrow eyebrow""title title""copy board"}.hero__copy{padding-top:var(--space-3)}}.hero__eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ui-accent-text);grid-area:eyebrow;margin:0}.hero__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:var(--display-weight);font-size:clamp(2.75rem,11vw,10rem);font-size:clamp(2.5rem, calc(100cqi / var(--title-run)), 10rem);letter-spacing:var(--display-tracking);white-space:nowrap;grid-area:title;line-height:.9}.hero__copy{align-content:start;gap:var(--space-5);grid-area:copy;display:grid}.hero-board{grid-area:board}.hero__promise{max-width:30ch;font-family:var(--font-display);font-size:var(--text-xl);color:color-mix(in oklab, var(--ui-fg) 84%, transparent);margin:0;line-height:1.3}.hero__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero-board{gap:var(--space-3);margin:0;display:grid}.hero-board__table{border-radius:var(--radius-board);box-shadow:var(--table-shadow)}.hero-board__caption{justify-content:space-between;gap:var(--space-2) var(--space-4);padding:0 var(--space-1);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;display:flex}.cta{border-radius:var(--cta-radius);min-height:3.25rem;font:inherit;font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease;border:1px solid #0000;align-items:center;gap:.6em;padding:0 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.cta:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}.cta--primary{background:var(--cta-bg);color:var(--cta-fg);box-shadow:inset 0 1px 0 #ffffff40, 0 10px 24px -14px var(--ui-accent)}.cta--primary:hover{box-shadow:inset 0 1px 0 #ffffff40, 0 16px 30px -14px var(--ui-accent);transform:translateY(-2px)}.cta--primary:active{box-shadow:0 4px 12px -8px var(--ui-accent);transform:translateY(0)scale(.985)}.cta--ghost{color:var(--ui-fg);border-color:color-mix(in oklab, var(--ui-fg) 28%, transparent);background:0 0}.cta--ghost:hover{color:var(--ui-accent-text);border-color:var(--ui-accent)}.cta--ghost:active{transform:scale(.985)}.cta--ghost[aria-expanded=true]{background:color-mix(in oklab, var(--ui-fg) 8%, transparent);border-color:color-mix(in oklab, var(--ui-fg) 40%, transparent)}.cta__chevron{transition:transform var(--duration-fast) ease;line-height:1;display:inline-block;transform:translateY(-.15em)}.cta--ghost[aria-expanded=true] .cta__chevron{transform:translateY(-.05em)rotate(180deg)}.chooser{padding:var(--space-6) var(--page-x) var(--space-7);border-top:1px solid var(--rule);animation:chooser-in var(--duration-slow) var(--ease-out-expo) both}@keyframes chooser-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.chooser__head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.chooser__title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--display-tracking);margin:0}.chooser__title:focus{outline:none}.chooser__title:focus-visible{outline:3px solid var(--ui-accent);outline-offset:6px}.chooser__note{font-size:var(--text-sm);color:var(--muted);margin:0}.chooser__list{grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.swatch{align-content:start;gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--rule);display:grid;position:relative}@media (min-width:48rem){.chooser__list{column-gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}.swatch{border-top:0;padding:0}.swatch+.swatch:before{content:"";top:0;bottom:0;left:calc(-1 * var(--space-6) / 2);border-left:1px solid var(--rule);position:absolute}}.swatch__board{border-radius:var(--cta-radius);transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) ease;box-shadow:0 18px 36px -18px #0000008c}.swatch:hover .swatch__board{transform:translateY(-4px)}.swatch:has(.swatch__select:focus-visible) .swatch__board{transform:translateY(-4px)}.swatch[data-current=true] .swatch__board{box-shadow:0 0 0 3px var(--ui-bg), 0 0 0 5px var(--ui-accent), 0 18px 36px -18px #0000008c}.swatch__select{gap:var(--space-1);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:grid}.swatch__select:before{content:"";inset:calc(-1 * var(--space-2));border-radius:var(--radius-md);position:absolute}.swatch__select:focus-visible{outline:none}.swatch__select:focus-visible:before{outline:3px solid var(--ui-accent)}.swatch__index{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);color:var(--ui-accent-text)}.swatch__name{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-lg);line-height:var(--leading-tight);letter-spacing:calc(var(--display-tracking) / 2)}.swatch__tagline{max-width:34ch;font-size:var(--text-sm);color:var(--muted)}.swatch__state{margin-top:var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:color var(--duration-fast) ease}.swatch:hover .swatch__state{color:var(--ui-fg)}.swatch[data-current=true] .swatch__state{color:var(--ui-accent-text)}.landing__foot{justify-content:space-between;gap:var(--space-2) var(--space-5);padding:var(--space-5) var(--page-x);border-top:1px solid var(--rule);font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;display:flex}.landing__foot p{margin:0}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}}
