:root{
  --ink:#080C14; --ink-2:#0C121C; --panel:#131B29; --panel-line:#232F42;
  --amber:#E8A33D; --blue:#7FA8D4; --text:#EEF1F6; --muted:#8894A8; --dim:#5D6982;
  --display:'Instrument Sans',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --wrap:660px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--text);font-family:var(--body);
  font-size:16.5px;line-height:1.68;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(70% 42% at 14% 88%, rgba(232,163,61,.085), transparent 62%),
    radial-gradient(58% 38% at 86% 3%, rgba(127,168,212,.07), transparent 65%)}

.wrap{position:relative;z-index:1;width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* nav */
.nav{padding:26px 0;border-bottom:1px solid var(--panel-line)}
.nav .wrap{display:flex;align-items:center;gap:12px}
.nav img{width:34px;height:34px;display:block}
.nav a{border:none}
.nav .name{font-family:var(--display);font-size:13.5px;font-weight:600;
  letter-spacing:.17em;color:var(--muted);text-decoration:none}
.nav .back{margin-left:auto;font-size:14px;color:var(--dim);text-decoration:none;border:none;transition:color .2s}
.nav .back:hover{color:var(--text)}

/* page */
.page{padding:clamp(48px,7vw,76px) 0 clamp(56px,8vw,88px)}
h1{font-family:var(--display);font-weight:600;letter-spacing:-.022em;line-height:1.14;
  font-size:clamp(31px,5vw,42px);margin-bottom:12px}
.updated{font-size:13.5px;color:var(--dim);margin-bottom:40px}
h2{font-family:var(--display);font-weight:600;letter-spacing:-.015em;
  font-size:clamp(19px,2.7vw,22px);margin:38px 0 12px}
h2:first-of-type{margin-top:0}
p{color:var(--muted);margin-bottom:14px}
strong{color:var(--text);font-weight:500}
a{color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(232,163,61,.3)}
a:hover{border-bottom-color:var(--amber)}
ul{list-style:none;margin:0 0 16px}
li{color:var(--muted);padding-left:19px;position:relative;margin-bottom:8px}
li::before{content:'';position:absolute;left:2px;top:11px;width:5px;height:5px;
  border-radius:50%;background:var(--amber)}

.lede{font-size:18px;color:var(--text);margin-bottom:34px}

.qa{border-top:1px solid var(--panel-line);padding:24px 0}
.qa:last-of-type{border-bottom:1px solid var(--panel-line)}
.qa h3{font-family:var(--display);font-size:18px;font-weight:600;
  letter-spacing:-.01em;margin-bottom:9px;line-height:1.32}
.qa p:last-child{margin-bottom:0}

.note{background:var(--ink-2);border:1px solid var(--panel-line);border-radius:14px;
  padding:20px 22px;margin:28px 0;font-size:15px}
.note p:last-child{margin-bottom:0}

.cta-row{margin-top:44px;padding-top:32px;border-top:1px solid var(--panel-line)}
.btn{display:inline-block;background:var(--amber);color:#120C02;border:none;
  font-family:var(--display);font-size:15.5px;font-weight:600;
  padding:14px 28px;border-radius:11px;text-decoration:none;
  transition:transform .16s var(--ease),filter .16s var(--ease)}
.btn:hover{filter:brightness(1.07);transform:translateY(-1px);border:none}

footer{border-top:1px solid var(--panel-line);padding:30px 0 44px}
.f-line{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:13px;color:var(--dim)}
.f-line a{color:var(--dim);border:none}
.f-line a:hover{color:var(--muted);border:none}
.f-line .right{margin-left:auto}

a:focus-visible,.btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}