.hp{--hp-max: 1180px;--hp-gutter: clamp(20px, 4.5vw, 44px);--hp-pad-y: clamp(72px, 8vw, 120px);--hp-line: color-mix(in oklab, var(--foreground) 13%, transparent);--hp-line-soft: color-mix(in oklab, var(--foreground) 8%, transparent);--hp-raise: color-mix(in oklab, var(--foreground) 3%, var(--background));--hp-raise-2: color-mix(in oklab, var(--foreground) 6%, var(--background));--hp-accent: var(--primary);--hp-accent-soft: color-mix(in oklab, var(--primary) 14%, transparent);--hp-accent-tint: color-mix(in oklab, var(--primary) 7%, var(--background));--hp-ink: oklch(.205 .006 285.9);--hp-ink-2: oklch(.26 .006 286);--hp-ink-fg: oklch(.98 0 0);--hp-ink-muted: oklch(.98 0 0 / .62);--hp-ink-line: oklch(1 0 0 / .12);--hp-paper: #fff;--hp-paper-fg: oklch(.21 .006 285.885);--hp-paper-muted: oklch(.53 .012 286);--hp-paper-faint: oklch(.65 .012 286);--hp-paper-line: oklch(.922 .004 286.32);--hp-paper-soft: oklch(.975 .001 286.4);--hp-shadow-sm: 0 1px 2px oklch(0 0 0 / .05);--hp-shadow: 0 1px 2px oklch(0 0 0 / .04), 0 14px 34px -14px oklch(0 0 0 / .18);--hp-shadow-lg: 0 2px 4px oklch(0 0 0 / .04), 0 28px 60px -24px oklch(0 0 0 / .26);--hp-mono: ui-monospace, "SF Mono", SFMono-Regular, "Roboto Mono", Menlo, monospace;min-height:100vh;background:var(--background);color:var(--foreground);font-family:var(--font-roboto-condensed);overflow-x:clip}.dark .hp{--hp-ink: oklch(.262 .006 286);--hp-ink-2: oklch(.31 .006 286);--hp-paper: oklch(.253 .006 286);--hp-paper-fg: oklch(.97 0 0);--hp-paper-muted: oklch(.72 .014 286);--hp-paper-faint: oklch(.6 .014 286);--hp-paper-line: oklch(1 0 0 / .11);--hp-paper-soft: oklch(1 0 0 / .045);--hp-shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--hp-shadow: 0 1px 2px oklch(0 0 0 / .4), 0 18px 40px -16px oklch(0 0 0 / .65);--hp-shadow-lg: 0 2px 6px oklch(0 0 0 / .45), 0 34px 70px -28px oklch(0 0 0 / .8)}.hp-shell{width:100%;max-width:var(--hp-max);margin:0 auto;padding-inline:var(--hp-gutter)}.hp-section{padding-block:var(--hp-pad-y);position:relative}.hp-section--edge{border-top:1px solid var(--hp-line-soft)}.hp-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground)}.hp-eyebrow:before{content:"";width:20px;height:1px;background:var(--hp-accent)}.hp-h2{margin:18px 0 0;font-family:var(--font-league-spartan);font-size:clamp(30px,3.8vw,46px);font-weight:700;letter-spacing:-.032em;line-height:1.05;color:var(--foreground);text-wrap:balance}.hp-h3{margin:0;font-family:var(--font-league-spartan);font-size:17px;font-weight:700;letter-spacing:-.015em;color:var(--foreground)}.hp-lead{margin:16px 0 0;max-width:56ch;font-size:clamp(15px,1.3vw,17px);line-height:1.68;color:var(--muted-foreground);text-wrap:pretty}.hp-num{font-family:var(--hp-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.hp-chip{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 10px;border:1px solid var(--hp-line);border-radius:999px;background:var(--hp-raise);font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--muted-foreground)}.hp-dot{width:6px;height:6px;border-radius:50%;background:var(--hp-accent);box-shadow:0 0 0 3px var(--hp-accent-soft)}.hp-grid-lines{display:grid;gap:1px;background:var(--hp-line-soft);border:1px solid var(--hp-line-soft);border-radius:14px;overflow:hidden}.hp-grid-lines>*{background:var(--background)}.hp-link{display:inline-flex;align-items:center;gap:6px;color:var(--foreground);font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--hp-line);padding-bottom:2px;transition:color .18s ease,border-color .18s ease}.hp-link:hover{color:var(--hp-accent);border-color:var(--hp-accent)}.hp :where(a,button,summary):focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:6px}.hp-skip{position:absolute;left:-9999px;top:8px;z-index:300;padding:10px 16px;border-radius:8px;background:var(--foreground);color:var(--background);font-size:13px;font-weight:600;text-decoration:none}.hp-skip:focus{left:16px}@media (prefers-reduced-motion: reduce){.hp *,.hp *:before,.hp *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
