@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url("/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ground:#FAFAFA; --surface:#FFFFFF; --ink:#0A0A0A; --navy:#0A0A0A; --deep:linear-gradient(90deg,#1877A6 0%,#13807A 100%); --body:#3F3F46; --muted:#52525B;
  --line:#EBEBEF; --blue:#4BB5E2; --teal:#2EBDB5; --blue-ink:#1B6E91; --teal-ink:#1A6E68;
  --tint:#EAF6FB; --tint-line:#BCE2F2;
  --grad:linear-gradient(90deg,#4BB5E2 0%,#2EBDB5 100%);
  --sans:Inter,"Helvetica Neue",Arial,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --wrap:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 28px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap}
.btn-primary{background:var(--grad);color:#FFFFFF;text-shadow:0 1px 1px rgba(10,10,10,.12);box-shadow:0 16px 32px -14px rgba(46,189,181,.75)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:var(--surface);color:var(--navy);box-shadow:inset 0 0 0 1px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px #D4D4D8}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(250,250,250,.82);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;padding-top:env(safe-area-inset-top,0px)}
.nav.scrolled{border-bottom-color:var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.nav img{height:24px;width:auto}
.nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0;font-size:15px}
.nav ul a{color:var(--body);text-decoration:none}
.nav ul a:hover{color:var(--ink)}
.nav .btn{height:44px;padding:0 20px;font-size:15px}

/* type */
h1{margin:0;font-size:clamp(44px,7vw,88px);line-height:.98;font-weight:800;letter-spacing:-.05em;max-width:1100px;text-wrap:balance}
.lede{margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--muted);max-width:680px}

/* horizon */
.horizon{position:absolute;left:0;right:0;bottom:0;height:62%;z-index:0;pointer-events:none}
.horizon .light{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(180deg,rgba(250,250,250,0) 0%,rgba(75,181,226,.22) 55%,rgba(46,189,181,.30) 100%)}
.horizon .grid{position:absolute;left:0;right:0;bottom:0;height:100%;opacity:.6;background-image:linear-gradient(rgba(75,181,226,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(75,181,226,.24) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 45%);mask-image:linear-gradient(180deg,transparent 0%,#000 45%)}
section{scroll-margin-top:80px}
h2{margin:0;font-size:clamp(30px,3.4vw,44px);line-height:1.1;font-weight:700;letter-spacing:-.03em;text-wrap:balance}

/* footer */
.site-foot{border-top:1px solid var(--line);background:var(--ground);padding:72px 0 calc(36px + env(safe-area-inset-bottom,0px));font-size:16px;color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
.foot-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.foot-brand img{height:30px;width:auto}
.foot-brand p{margin:0;max-width:340px;line-height:1.6}
.foot-col{display:flex;flex-direction:column;gap:18px}
.foot-col h4{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#71717A}
.foot-col a{color:var(--body);text-decoration:none}
.foot-col a:hover{color:var(--ink)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:72px;padding-top:28px;border-top:1px solid var(--line);font-size:15px}
.foot-tag{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#71717A}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}

/* responsive */
@media (max-width:900px){.nav ul{display:none}}
@media (max-width:480px){
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px 24px}
  .foot-brand{grid-column:1/-1}
  .wrap{padding:0 20px}
  .nav .btn{height:40px;padding:0 16px;font-size:14px}
  .nav img{height:21px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}