@font-face{font-family:'Geist';src:url(/fonts/Geist-Variable.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url(/fonts/GeistMono-Variable.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

body { margin: 0; background: oklch(0.982 0.004 250); color: oklch(0.19 0.015 265); font-family: 'Geist', system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-wrap: pretty; }
  a { color: oklch(0.19 0.015 265); text-decoration: none; }
  a:hover { color: oklch(0.45 0.12 265); }
  ::selection { background: oklch(0.82 0.17 122); color: oklch(0.19 0.015 265); }
  *:focus-visible { outline: 2px solid oklch(0.35 0.012 265); outline-offset: 2px; }

.s1{min-height:100vh;display:flex;flex-direction:column}
.s2{border-bottom:1px solid oklch(0.90 0.008 265)}
.s3{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px);height:60px;display:flex;align-items:center;gap:20px}
.s4{display:flex;align-items:center;gap:9px}
.s5{display:block;width:13px;height:13px;background:oklch(0.19 0.015 265);border-right:3px solid oklch(0.82 0.17 122)}
.s6{font:600 16px/1 'Geist',sans-serif;letter-spacing:-0.02em}
.s7{margin-left:auto;display:flex;align-items:center;gap:8px;font:500 10px/1 'Geist Mono',monospace;letter-spacing:0.12em;text-transform:uppercase;color:oklch(0.45 0.012 265)}
.s8{display:block;width:6px;height:6px;background:oklch(0.82 0.17 122);box-shadow:0 0 0 1px oklch(0.19 0.015 265)}
.s9{max-width:1180px;width:100%;box-sizing:border-box;margin:0 auto;padding:clamp(56px,8vw,104px) clamp(20px,4vw,40px) clamp(32px,4vw,48px)}
.s10{font:500 11px/1 'Geist Mono',monospace;letter-spacing:0.16em;text-transform:uppercase;color:oklch(0.52 0.012 265);margin-bottom:22px}
.s11{font:600 clamp(38px,5.4vw,72px)/1.02 'Geist',sans-serif;letter-spacing:-0.035em;margin:0 0 24px;max-width:16ch}
.s12{color:oklch(0.50 0.012 265)}
.s13{font:400 clamp(16px,1.35vw,19px)/1.55 'Geist',sans-serif;color:oklch(0.40 0.012 265);margin:0 0 32px;max-width:54ch}
.s14{display:flex;flex-wrap:wrap;gap:12px}
.s15{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 16px;box-sizing:border-box;font:500 14px/1 'Geist',sans-serif;background:oklch(0.19 0.015 265);color:oklch(0.98 0.004 250);border-radius:3px}
.s16{display:block;width:0;height:0;border-left:8px solid oklch(0.82 0.17 122);border-top:5px solid transparent;border-bottom:5px solid transparent}
.s17{display:inline-flex;align-items:center;height:42px;padding:0 16px;box-sizing:border-box;font:500 14px/1 'Geist',sans-serif;color:oklch(0.19 0.015 265);border:1px solid oklch(0.62 0.012 265);border-radius:3px}
.s18{max-width:1180px;width:100%;box-sizing:border-box;margin:0 auto;padding:0 clamp(20px,4vw,40px) clamp(56px,7vw,96px)}
.s19{border:1px solid oklch(0.87 0.008 265);background:oklch(1 0 0);border-radius:4px;overflow:hidden}
.s20{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid oklch(0.91 0.008 265)}
.s21{font:500 10px/1 'Geist Mono',monospace;letter-spacing:0.12em;text-transform:uppercase;color:oklch(0.52 0.012 265)}
.s22{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap;font:500 10px/1 'Geist Mono',monospace;letter-spacing:0.12em;text-transform:uppercase;color:oklch(0.52 0.012 265)}
.s23{display:flex;align-items:center;gap:6px}
.s24{width:6px;height:6px;border-radius:50%;background:oklch(0.62 0.20 25)}
.s25{width:6px;height:6px;border-radius:50%;background:oklch(0.68 0.15 0)}
.s26{width:6px;height:6px;border-radius:50%;background:oklch(0.76 0.15 62)}
.s27{position:relative;height:clamp(220px,30vw,340px)}
.s28{position:absolute;inset:0;width:100%;height:100%;display:block}
.s29{position:absolute;left:16px;bottom:14px;font:500 10px/1 'Geist Mono',monospace;letter-spacing:0.12em;text-transform:uppercase;color:oklch(0.52 0.012 265);background:oklch(1 0 0 / 0.85);padding:4px 0}
.s30{position:absolute;right:16px;bottom:14px;font:500 10px/1 'Geist Mono',monospace;letter-spacing:0.12em;text-transform:uppercase;color:oklch(0.19 0.015 265);background:oklch(1 0 0 / 0.85);padding:4px 0}
.s31{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-top:1px solid oklch(0.91 0.008 265)}
.s32{padding:16px;border-right:1px solid oklch(0.91 0.008 265)}
.s33{font:500 10px/1 'Geist Mono',monospace;letter-spacing:0.12em;text-transform:uppercase;color:oklch(0.52 0.012 265);margin-bottom:10px}
.s34{font:500 28px/1 'Geist Mono',monospace;letter-spacing:-0.02em}
.s35{font:500 28px/1 'Geist Mono',monospace;letter-spacing:-0.02em;color:oklch(0.52 0.012 265)}
.s36{padding:16px}
.s37{font:500 28px/1 'Geist Mono',monospace;letter-spacing:-0.02em;color:oklch(0.50 0.19 25)}
.s38{background:oklch(0.19 0.015 265);color:oklch(0.96 0.004 250)}
.s39{max-width:1180px;margin:0 auto;padding:clamp(56px,7vw,96px) clamp(20px,4vw,40px)}
.s40{display:flex;flex-wrap:wrap;align-items:end;gap:16px 40px;margin-bottom:28px}
.s41{flex:1;min-width:260px}
.s42{font:500 11px/1 'Geist Mono',monospace;letter-spacing:0.16em;text-transform:uppercase;color:oklch(0.82 0.17 122);margin-bottom:16px}
.s43{font:600 clamp(28px,3.2vw,42px)/1.08 'Geist',sans-serif;letter-spacing:-0.03em;margin:0;max-width:20ch}
.s44{flex:1;min-width:260px;max-width:44ch;font:400 15px/1.55 'Geist',sans-serif;color:oklch(0.78 0.010 265);margin:0}
.s45{position:relative;aspect-ratio:16/9;border:1px solid oklch(0.32 0.013 265);border-radius:4px;overflow:hidden;background:oklch(0.15 0.012 265)}
.s46{position:absolute;inset:0;width:100%;height:100%;border:0}
.s47{max-width:1180px;width:100%;box-sizing:border-box;margin:0 auto;padding:clamp(56px,7vw,96px) clamp(20px,4vw,40px)}
.s48{font:500 11px/1 'Geist Mono',monospace;letter-spacing:0.16em;text-transform:uppercase;color:oklch(0.52 0.012 265);margin-bottom:28px}
.s49{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;border-top:1px solid oklch(0.19 0.015 265)}
.s50{padding:24px 24px 8px 0}
.s51{font:500 12px/1 'Geist Mono',monospace;color:oklch(0.52 0.012 265);margin-bottom:18px}
.s52{font:600 20px/1.2 'Geist',sans-serif;letter-spacing:-0.02em;margin:0 0 10px}
.s53{font:400 15px/1.55 'Geist',sans-serif;color:oklch(0.40 0.012 265);margin:0}
.s54{margin-top:auto;border-top:1px solid oklch(0.90 0.008 265)}
.s55{max-width:1180px;margin:0 auto;padding:22px clamp(20px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;font:400 12px/1 'Geist Mono',monospace;color:oklch(0.52 0.012 265)}
.s56{margin-left:auto;display:flex;gap:20px}
.s57{color:oklch(0.45 0.012 265)}
.h1:hover{background:oklch(0.30 0.05 265);color:oklch(0.98 0.004 250)}
.h2:hover{border-color:oklch(0.19 0.015 265);color:oklch(0.19 0.015 265)}

/* Touch targets: the design's 42px buttons and 12px footer link keep their drawn size, and an
   invisible pseudo-element extends each hit area to at least 44px without moving the layout. */
.tap,.tap-inline{position:relative}
.tap::after{content:'';position:absolute;inset:-2px -1px}
.tap-inline::after{content:'';position:absolute;inset:-16px -10px}