:root{
  --ink:#0B0D14;
  --ink-raised:#14171F;
  --ink-line:#262b38;
  --violet:#8B6CFF;
  --violet-dim:#6b52c4;
  --gold:#E8B94D;
  --text:#EDEEF3;
  --text-dim:#8A8FA3;
  --text-faint:#565c6e;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:'IBM Plex Sans KR',ui-sans-serif,system-ui,sans-serif;
  font-size:16.5px;
  letter-spacing:-.01em;
}
a{color:inherit;}
.wrap{max-width:760px;margin:0 auto;padding:0 28px;}
header{
  position:sticky;top:0;z-index:50;
  background:rgba(11,13,20,.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--ink-line);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;}
.brand{
  font-family:'IBM Plex Mono',monospace;
  font-weight:500;font-size:17px;letter-spacing:.02em;
  text-decoration:none;color:var(--text);
}
.brand span{color:var(--violet);}
.back{
  font-size:14px;color:var(--text-dim);text-decoration:none;
  font-family:'IBM Plex Mono',monospace;
}
.back:hover,.back:focus-visible{color:var(--text);}
main{padding:64px 0 88px;}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:13.5px;color:var(--gold);
  letter-spacing:.04em;margin:0 0 16px;
}
.tag{
  display:inline-block;
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;color:var(--gold);
  border:1px solid rgba(232,185,77,.35);
  border-radius:5px;padding:3px 9px;margin-bottom:20px;
}
h1{
  font-size:clamp(32px,5vw,44px);
  font-weight:700;letter-spacing:-.02em;
  margin:0 0 20px;line-height:1.25;
}
h2{
  font-size:22px;font-weight:700;
  letter-spacing:-.01em;margin:44px 0 14px;
}
p{font-size:16px;line-height:1.8;color:var(--text-dim);margin:0 0 18px;}
.lede{font-size:18px;color:var(--text);}
.link-out{
  display:inline-flex;align-items:center;gap:8px;
  margin:8px 0 0;padding:12px 22px;
  border-radius:8px;font-size:14.5px;font-weight:600;
  text-decoration:none;background:var(--violet);color:#fff;
  transition:background .2s ease, transform .15s ease;
}
.link-out:hover{background:var(--violet-dim);transform:translateY(-2px);}
.note{
  background:var(--ink-raised);
  border:1px solid var(--ink-line);
  border-radius:12px;
  padding:18px 20px;
  font-size:14.5px;
  color:var(--text-dim);
  margin:24px 0;
}
.note strong{color:var(--text);}
.cta-box{
  margin-top:56px;padding:30px 28px;
  background:var(--ink-raised);
  border:1px solid var(--ink-line);
  border-radius:14px;
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
}
.cta-box p{margin:0;color:var(--text);font-weight:600;font-size:17px;}
footer{border-top:1px solid var(--ink-line);padding:32px 0;}
.legal{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;line-height:1.9;color:var(--text-faint);
}