:root{--deep-kooling:oklch(28% .045 168);--shade:oklch(19% .035 168);--shade-deeper:oklch(14% .028 168);--plaster:oklch(96% .012 85);--plaster-lift:oklch(98.5% .006 85);--chalk:oklch(87.5% .026 85);--mint:oklch(85% .09 165);--mint-deep:oklch(52% .09 168);--brass:oklch(74% .115 72);--brass-deep:oklch(52% .11 68);--face-display:var(--font-display), "Segoe UI", system-ui, sans-serif;--face-body:var(--font-body), "Segoe UI", system-ui, sans-serif;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.4rem;--step-2:clamp(1.75rem, 1.4rem + 1.6vw, 2.35rem);--step-3:clamp(2.3rem, 1.7rem + 3vw, 3.4rem);--step-4:clamp(3rem, 2rem + 5.2vw, 5rem);--step-5:clamp(3.6rem, 2.1rem + 8vw, 7rem);--lh-tight:1.02;--lh-head:1.08;--lh-body:1.55;--measure:62ch;--sp-1:.5rem;--sp-2:.75rem;--sp-3:1rem;--sp-4:1.5rem;--sp-5:2rem;--sp-6:3rem;--sp-7:4rem;--sp-8:6rem;--sp-9:8rem;--r-sm:.375rem;--r-md:.75rem;--r-lg:1.25rem;--r-xl:1.75rem;--r-pill:999px;--ease:cubic-bezier(.25, 1, .5, 1);--t-fast:.14s;--t-base:.22s;--t-slow:.32s;--shadow-lift:0 1px 2px oklch(14% .028 168/.1), 0 6px 18px oklch(14% .028 168/.1)}[data-surface=cool]{--surface:var(--deep-kooling);--surface-2:var(--shade);--surface-3:var(--shade-deeper);--panel:var(--plaster);--panel-2:var(--chalk);--ink:var(--plaster);--ink-2:oklch(96% .012 85/.72);--ink-on-panel:var(--shade);--ink-on-panel-2:oklch(19% .035 168/.7);--action:var(--mint);--action-ink:var(--shade);--promise:var(--brass);--line:oklch(96% .012 85/.18);--line-strong:oklch(96% .012 85/.34);--focus:var(--mint);--lh-body:1.62}[data-surface=warm]{--surface:var(--plaster);--surface-2:var(--chalk);--surface-3:var(--plaster-lift);--panel:var(--plaster-lift);--panel-2:var(--chalk);--ink:var(--shade);--ink-2:oklch(19% .035 168/.7);--ink-on-panel:var(--shade);--ink-on-panel-2:oklch(19% .035 168/.7);--action:var(--mint-deep);--action-ink:var(--plaster);--promise:var(--brass-deep);--line:oklch(19% .035 168/.14);--line-strong:oklch(19% .035 168/.28);--focus:var(--mint-deep)}[data-invert=cool]{--surface:var(--deep-kooling);--surface-2:var(--shade);--ink:var(--plaster);--ink-2:oklch(96% .012 85/.72);--action:var(--mint);--action-ink:var(--shade);--promise:var(--brass);--line:oklch(96% .012 85/.18);--line-strong:oklch(96% .012 85/.34);--focus:var(--mint);background:var(--surface);color:var(--ink)}[data-invert=warm]{--surface:var(--plaster);--surface-2:var(--chalk);--ink:var(--shade);--ink-2:oklch(19% .035 168/.7);--action:var(--mint-deep);--action-ink:var(--plaster);--promise:var(--brass-deep);--line:oklch(19% .035 168/.14);--line-strong:oklch(19% .035 168/.28);--focus:var(--mint-deep);background:var(--surface);color:var(--ink)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--surface);color:var(--ink);font-family:var(--face-body);font-size:var(--step-0);line-height:var(--lh-body);font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--face-display);font-weight:800;line-height:var(--lh-head);letter-spacing:-.022em;text-wrap:balance}p{text-wrap:pretty}img,svg,video{max-width:100%;display:block}img{height:auto}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}a{color:inherit}:where(a,button,input,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--r-sm)}:where(h1,h2,h3,h4):focus,:where(h1,h2,h3,h4):focus-visible{outline:none}::selection{background:var(--action);color:var(--action-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{width:min(100% - 2.5rem,68rem);margin-inline:auto}.wrap--read{width:min(100% - 2.5rem,38rem)}.eyebrow{font-family:var(--face-body);font-size:var(--step--1);letter-spacing:.02em;color:var(--ink-2);font-weight:600}.promise{font-family:var(--face-display);color:var(--promise);letter-spacing:-.015em;font-weight:700}.promise__qualifier{font-family:var(--face-body);font-weight:400;font-size:var(--step--1);color:var(--ink-2);letter-spacing:0;margin-top:var(--sp-1);display:block}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:3.25rem;padding:0 var(--sp-5);border-radius:var(--r-pill);background:var(--action);color:var(--action-ink);font-weight:700;font-size:var(--step-0);cursor:pointer;transition:transform var(--t-fast) var(--ease), filter var(--t-fast) var(--ease);border:0;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong);background:0 0}.btn--ghost:hover{background:color-mix(in oklch, var(--ink) 8%, transparent);filter:none}.tile{justify-content:flex-end;gap:var(--sp-1);min-height:6.25rem;padding:var(--sp-3);border-radius:var(--r-lg);background:var(--panel);color:var(--ink-on-panel);text-align:left;cursor:pointer;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-base) var(--ease), background var(--t-fast) var(--ease);border:0;flex-direction:column;font-weight:600;line-height:1.2;display:flex;position:relative}.tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.tile:active{transform:translateY(0)}.tile[aria-pressed=true],.tile[aria-checked=true]{background:var(--action);color:var(--action-ink);box-shadow:inset 0 0 0 2px var(--ink)}.tile__note{font-weight:400;font-size:var(--step--1);color:var(--ink-on-panel-2)}.tile[aria-pressed=true] .tile__note,.tile[aria-checked=true] .tile__note{color:inherit;opacity:.75}.ph{border-radius:var(--r-sm);background:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--ink) 14%, transparent) 0 6px, transparent 6px 12px);box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--ink) 42%, transparent);font-family:var(--face-body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:.4em;padding:.15em .6em;font-size:.75rem;font-weight:700;display:inline-flex}.label{font-family:var(--face-body);letter-spacing:.055em;text-transform:uppercase;color:var(--ink-2);font-size:.75rem;font-weight:800}.credentials{gap:var(--sp-2) var(--sp-4);font-size:var(--step--1);color:var(--ink-2);flex-wrap:wrap;align-items:center;display:flex}.credentials li{list-style:none}.credentials ul{display:contents}
