:root{
  --bg:#0d1117; --ink:#e6edf3; --mut:#8b949e; --dim:#5d6673;
  --acc:#2f81f7; --acc-soft:#8fc0ff;
  --hair:rgba(139,148,158,.18); --hair-2:rgba(139,148,158,.3);
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --gut:clamp(20px,4vw,56px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden;
  font:16.5px/1.62 var(--sans);-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:inherit;text-decoration:none}
::selection{background:rgba(47,129,247,.32)}
#rail{position:fixed;top:0;left:0;height:2px;width:0;background:var(--acc);z-index:70}
.bar{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;gap:26px;
  padding:18px var(--gut);backdrop-filter:blur(12px);
  background:linear-gradient(180deg,rgba(13,17,23,.9),rgba(13,17,23,.55));
  border-bottom:1px solid transparent;transition:border-color .35s}
.bar.solid{border-color:var(--hair)}
.brand{font-weight:750;letter-spacing:.42em;font-size:15px}
.brand i{color:var(--acc);font-style:normal}
.bar .push{margin-left:auto}
.nav{display:flex;gap:24px;font-size:13.5px;color:var(--mut)}
.nav a{position:relative;padding:2px 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--acc);
  transition:right .28s ease}
.nav a:hover,.nav a[aria-current="true"]{color:var(--ink)}
.nav a[aria-current="true"]::after{right:0}
.enter{font-size:13.5px;padding:9px 16px;border:1px solid var(--hair-2);border-radius:999px;
  transition:border-color .25s,background .25s}
.enter:hover{border-color:var(--acc);background:rgba(47,129,247,.08)}
.enter.alt{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}
.enter.alt:hover{background:#4a95f8;border-color:#4a95f8;color:#fff}
@media(max-width:880px){.nav{display:none}}
.wrap{padding-inline:var(--gut);max-width:1280px;margin-inline:auto}
section{padding-block:clamp(72px,11vh,140px);border-top:1px solid var(--hair)}
.hero{border-top:0;padding-top:clamp(140px,20vh,210px)}
.kicker{font:11.5px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--acc-soft)}
h1{margin:26px 0 0;font-size:clamp(38px,6.6vw,84px);line-height:1.02;font-weight:780;letter-spacing:-.035em}
h2{margin:0;font-size:clamp(24px,3.1vw,40px);line-height:1.14;font-weight:700;letter-spacing:-.025em}
h3{margin:0;font-size:17.5px;font-weight:640}
p{margin:0;color:#c3cdd8}
.statement{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  font-size:clamp(26px,3.9vw,50px);line-height:1.24;color:#eef3f8;max-width:22ch}
.lede{font-size:clamp(16.5px,1.5vw,19px);color:#aab6c3;max-width:46ch}
.dim{color:var(--dim)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
  gap:clamp(32px,5vw,80px);align-items:end}
@media(max-width:940px){.hero-grid{grid-template-columns:1fr;align-items:start}}
.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:38px}
.btn{display:inline-block;padding:14px 26px;border-radius:10px;font-weight:620;font-size:15px;
  background:var(--acc);color:#fff;transition:transform .18s,filter .18s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.link{font-size:15px;color:var(--acc-soft);border-bottom:1px solid rgba(143,192,255,.35);padding-bottom:2px}
.link:hover{color:#fff;border-color:#fff}
.spec{border-top:1px solid var(--hair-2)}
.spec div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;
  border-bottom:1px solid var(--hair);font-size:14px}
.spec dt{color:var(--dim);font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
.spec dd{margin:0;color:#d6dee7;text-align:right}
.split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,5vw,84px)}
@media(max-width:940px){.split{grid-template-columns:1fr;gap:28px}}
.note p + p{margin-top:16px}
.trackbar{position:relative;height:1px;background:var(--hair-2);margin-top:44px}
.trackbar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--acc);transition:width .45s ease}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair)}
.steps > article{background:var(--bg);padding:26px 22px 30px;opacity:.42;transition:opacity .4s}
.steps > article.on{opacity:1}
.steps .no{font:11px/1 var(--mono);letter-spacing:.22em;color:var(--acc)}
.steps h3{margin:14px 0 8px}
.steps p{font-size:14.5px;color:var(--mut)}
@media(max-width:860px){.steps{grid-template-columns:1fr}.steps > article{opacity:1;border-top:1px solid var(--hair)}}
.list{margin-top:40px;border-top:1px solid var(--hair-2)}
.list a{display:grid;grid-template-columns:70px minmax(0,1fr) 28px;gap:24px;align-items:baseline;
  padding:26px 0;border-bottom:1px solid var(--hair);transition:padding-left .28s}
.list a:hover{padding-left:10px}
.list .no{font:12px/1 var(--mono);color:var(--dim)}
.list b{font-weight:640;font-size:19px;display:block}
.list span{color:var(--mut);font-size:14.5px;display:block;margin-top:5px;max-width:62ch}
.list .arw{color:var(--dim);justify-self:end}
@media(max-width:700px){.list a{grid-template-columns:44px 1fr;gap:14px}.list .arw{display:none}}
.form{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px;max-width:900px}
.f-full{grid-column:1/-1}
.fl{display:block;font:11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);
  margin-bottom:9px}
input,textarea{width:100%;padding:11px 2px;background:transparent;border:0;border-bottom:1px solid var(--hair-2);
  color:var(--ink);font:16px/1.5 var(--sans);border-radius:0;transition:border-color .22s}
input:focus,textarea:focus{outline:0;border-color:var(--acc)}
textarea{min-height:120px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--dim)}
.consent{display:flex;gap:12px;align-items:flex-start;grid-column:1/-1;color:var(--mut);font-size:14px}
.consent input{width:auto;flex:0 0 auto;margin-top:4px}
.fine{grid-column:1/-1;font-size:12.5px;color:var(--dim);max-width:70ch}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#msg{grid-column:1/-1;font-size:14.5px;display:none;padding:14px 0}
#msg.ok{display:block;color:#8ee9a1;border-top:1px solid rgba(63,185,80,.4)}
#msg.err{display:block;color:#ffb4ae;border-top:1px solid rgba(248,81,73,.4)}
.submit{grid-column:1/-1;justify-self:start;border:0;cursor:pointer;font:600 15px var(--sans);
  padding:14px 28px;border-radius:10px;background:var(--acc);color:#fff;transition:transform .18s,filter .18s}
.submit:hover{transform:translateY(-1px);filter:brightness(1.08)}
.submit:disabled{opacity:.5;cursor:not-allowed;transform:none}
@media(max-width:760px){.form{grid-template-columns:1fr}}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
footer{border-top:1px solid var(--hair);padding:70px var(--gut) 64px}
.fgrid{max-width:1280px;margin-inline:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;
  gap:clamp(24px,4vw,60px)}
@media(max-width:820px){.fgrid{grid-template-columns:1fr}}
.fh{font:11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
footer p{margin:0 0 8px;font-size:14px}
.ph{font-family:var(--mono);font-size:13px;color:var(--dim)}
footer a:hover{color:var(--ink)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  .bar,.trackbar i,.steps > article,.btn,.submit,.list a{transition:none}
}