@font-face{font-family:"Pretendard";font-weight:400;font-display:swap;src:url(fonts/Pretendard-Regular.woff2) format("woff2")}
@font-face{font-family:"Pretendard";font-weight:500;font-display:swap;src:url(fonts/Pretendard-Medium.woff2) format("woff2")}
@font-face{font-family:"Pretendard";font-weight:600;font-display:swap;src:url(fonts/Pretendard-SemiBold.woff2) format("woff2")}
@font-face{font-family:"Pretendard";font-weight:700;font-display:swap;src:url(fonts/Pretendard-Bold.woff2) format("woff2")}
@font-face{font-family:"Pretendard";font-weight:800;font-display:swap;src:url(fonts/Pretendard-ExtraBold.woff2) format("woff2")}

:root{
  --ink:#06101d;
  --navy:#0b1a2e;
  --navy-2:#11253f;
  --line:rgba(160,190,230,.16);
  --text:#e8eef7;
  --muted:#93a4bb;
  --accent:#ff7a1a;
  --thermal:#ffb03a;
  --eo:#5cc8ff;
  --radius:18px;
  --pad:clamp(20px,5.5vw,48px);
  --max:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  background:var(--ink);color:var(--text);line-height:1.6;word-break:keep-all;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

.topbar{
  position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:14px var(--pad);transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent;
}
.topbar.solid{background:rgba(6,16,29,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.topbar .logo{height:22px;width:auto}
.topbar .tag{font-size:12px;letter-spacing:.14em;color:var(--muted);font-weight:600}
.topbar .tb-right{display:flex;align-items:center;gap:12px}
.home-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px 0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:var(--text);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:background .2s,border-color .2s}
.home-btn:hover,.home-btn:focus-visible{background:rgba(255,122,26,.16);border-color:rgba(255,122,26,.6)}
.home-btn svg{width:15px;height:15px;flex:none}
.topbar .tb-right .tag{white-space:nowrap}
@media (max-width:400px){.topbar .tb-right .tag{font-size:11px;letter-spacing:.08em}.tb-right .tag+.home-btn{width:32px;padding:0;justify-content:center}.tb-right .tag+.home-btn .hb-t{display:none}}

.eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}
.badge{
  display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;
  padding:6px 12px;border:1px solid rgba(255,122,26,.5);border-radius:999px;color:#ffd2b0;background:rgba(255,122,26,.1)
}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(255,122,26,.7);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,122,26,.6)}70%{box-shadow:0 0 0 9px rgba(255,122,26,0)}100%{box-shadow:0 0 0 0 rgba(255,122,26,0)}}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;
  font-weight:700;font-size:16px;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s
}
.btn-primary{background:var(--accent);color:#1a0b00;box-shadow:0 12px 30px -10px rgba(255,122,26,.7)}
.btn-primary:active{transform:scale(.97)}
.btn-ghost{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.04)}
.btn .arrow{transition:transform .2s}
.btn-sm{min-height:44px;padding:0 18px;font-size:14px;gap:7px}
.btn svg{flex:none}
.final .btn+.btn{margin-top:10px}
.btn:hover .arrow{transform:translateX(4px)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}

.section{padding:clamp(72px,14vw,140px) 0}
.h2{font-size:clamp(28px,7.4vw,48px);line-height:1.18;font-weight:800;letter-spacing:-.025em;margin:14px 0 16px}
.lead{font-size:clamp(15px,4vw,18px);color:var(--muted);max-width:640px}

.note{font-size:12px;color:#6f8098;line-height:1.7}

.foot{border-top:1px solid var(--line);padding:40px 0 calc(40px + env(safe-area-inset-bottom));color:var(--muted);font-size:13px}
.foot .logo{height:24px;margin-bottom:14px}
.foot p+p{margin-top:6px}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}