:root{
  color-scheme:dark;
  --bg:oklch(0.155 0.028 258);
  --bg-deep:oklch(0.11 0.024 260);
  --bg-raise:oklch(0.20 0.034 254);
  --ink:oklch(0.95 0.014 240);
  --ink-soft:oklch(0.86 0.02 244);
  --muted:oklch(0.75 0.028 246);
  --faint:oklch(0.60 0.028 250);
  --accent:oklch(0.80 0.13 225);
  --accent-2:oklch(0.91 0.07 210);
  --accent-deep:oklch(0.58 0.14 252);
  --accent-glow:oklch(0.80 0.13 225 / .45);
  --line:oklch(0.33 0.03 252);
  --line-soft:oklch(1 0 0 / 9%);
  --glass:linear-gradient(180deg,oklch(1 0 0 / 4.5%),oklch(1 0 0 / 1.4%));
  --font:"Hanken Grotesk",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
  --serif:"Instrument Serif",Georgia,serif;
  --r:18px;
  --maxw:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  color:var(--ink);
  background:
    radial-gradient(1200px 820px at 82% -12%,oklch(0.36 0.10 245 / .30),transparent 62%),
    radial-gradient(1000px 780px at -12% 42%,oklch(0.27 0.06 268 / .26),transparent 60%),
    var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
header{
  position:sticky;top:0;z-index:60;
  background:color-mix(in oklch,var(--bg) 72%,transparent);
  backdrop-filter:blur(16px) saturate(1.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  border-bottom:1px solid var(--line-soft);
}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;column-gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:-.02em;text-decoration:none;justify-self:start}
.brand span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:26px;grid-column:2;justify-self:center}
.nav-links>a{white-space:nowrap;font-size:15px;font-weight:500;color:var(--muted);text-decoration:none}
.nav-links>a:hover{color:var(--ink)}
.nav-links a.nav-cta{position:absolute;right:24px;top:14px}
.menu-toggle{display:none;justify-self:end;grid-column:3;border:1px solid var(--line);background:var(--bg-raise);color:var(--ink);border-radius:10px;padding:8px 11px;cursor:pointer;font-size:16px}
.btn{display:inline-flex;align-items:center;gap:8px;font:700 15px/1 var(--font);letter-spacing:.01em;padding:12px 22px;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;background:linear-gradient(120deg in oklch,var(--accent-2),var(--accent) 55%,var(--accent-deep));color:oklch(0.20 0.05 248);box-shadow:0 12px 34px -10px var(--accent-glow),inset 0 1px 0 oklch(1 0 0 / .4)}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:oklch(1 0 0 / 5%);color:var(--ink);border-color:oklch(1 0 0 / 18%);box-shadow:none}
.btn.lg{padding:15px 28px;font-size:16px}
.nav .btn{padding:9px 18px;color:oklch(0.20 0.05 248);font-weight:700}
main{position:relative;z-index:1}
main h1,main h2,main h3{font-weight:800;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.page-main{max-width:1000px;margin:0 auto;padding:72px 24px 96px}
.page-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.page-main h1{font-size:clamp(34px,5vw,54px);margin:0 0 20px}
.page-main>p{color:var(--muted)}
.page-panel,.card,.contact{
  background:var(--glass);
  border:1px solid var(--line-soft);
  border-radius:var(--r);
}
.card.feature{background:linear-gradient(145deg,color-mix(in oklch,var(--accent) 13%,var(--bg-raise)),color-mix(in oklch,oklch(0.81 0.17 155) 6%,var(--bg-deep)));border-color:var(--line-soft)}
.card p,.card li,.contact p{color:var(--muted)}
.card a,.contact a{color:var(--accent-2)}
table{color:var(--ink)}
footer{position:relative;z-index:10;background:var(--bg-deep);border-top:1px solid var(--line-soft);padding:42px 0 52px;color:var(--muted);font-size:14px;margin-top:0}
.footer-nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.footer-nav a{display:inline;color:var(--muted);text-decoration:none;margin:0;font-size:14.5px}
.footer-nav a:hover{color:var(--accent-2)}
.legal{margin-top:28px;padding-top:22px;border-top:1px solid var(--line-soft);font-size:13px;color:var(--faint)}
.legal strong{color:var(--muted);font-weight:600}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
@media(max-width:1100px){
  .nav-links{display:none}
  .nav-links.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:flex-start;background:color-mix(in oklch,var(--bg-deep) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-soft);padding:20px 24px;gap:18px}
  .nav-links.open a.nav-cta{position:static;margin-top:4px}
  .menu-toggle{display:inline-flex}
}
@media(max-width:640px){
  .page-main{padding:48px 20px 70px}
  .footer-nav{flex-direction:column;gap:8px}
  table{max-width:100%}
}