:root{--bg:#0d1220;--bg2:#141b2e;--card:#1b243b;--card2:#232e4a;--ink:#eef2fb;--mute:#aab5cf;--mint:#6fe0b4;--orange:#ff9a1f;--gold:#ffc83a;--red:#f2493b;--blue:#3f7df2;--green:#33bd5c}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans KR","Noto Sans JP","Noto Sans SC","Noto Sans TC","Hiragino Sans","PingFang SC","Apple SD Gothic Neo",sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:var(--mint)}
.wrap{width:min(1080px,100% - 32px);margin:0 auto}.narrow{width:min(780px,100% - 32px)}
.hazard{height:8px;background:repeating-linear-gradient(135deg,#ffc42a 0 14px,#1d2230 14px 28px)}
.top{padding:14px 0}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:800;font-size:20px;letter-spacing:.2px}
.brand img{border-radius:10px}
h1{font-size:clamp(40px,8vw,72px);line-height:1.04;margin:8px 0 16px;font-weight:900;letter-spacing:-.5px}
h2{font-size:clamp(26px,4.6vw,38px);margin:0 0 28px;font-weight:850}h3{margin:0 0 6px;font-size:19px}
.eyebrow{margin:0;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:13px}
.hero{padding:24px 0 56px;background:radial-gradient(900px 480px at 80% 30%,#2a3a66 0,transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.lead{font-size:clamp(17px,2.4vw,20px);color:#d6def2;max-width:34em}
.stores{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 10px}
.store{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:16px;background:linear-gradient(#ffb142,#ff8a00);color:#241300;font-weight:800;box-shadow:0 5px 0 #b45c00;opacity:.92}
.store svg{width:22px;height:22px;fill:#241300}.store b{font-size:15px}
.soon{color:var(--mute);font-size:14px;margin:6px 0 0}
.art img{width:min(360px,80%);margin:0 auto;border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.5);border:3px solid #26324f}
section{padding:56px 0}.how,.gal{background:var(--bg2)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.steps li{background:var(--card);border-radius:24px;padding:18px 18px 22px;border:1px solid #2a3656}
.steps figure{margin:0 0 14px;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:9/16;max-height:420px}
.steps figure img{width:100%;height:100%;object-fit:cover;object-position:top}
.steps p,.card p{margin:0;color:var(--mute)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:var(--card);border-radius:22px;padding:22px;border:1px solid #2a3656;position:relative}
.card .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:900;color:#10162a;margin-bottom:12px;background:var(--mint)}
.f2 .n{background:var(--red)}.f3 .n{background:var(--gold)}.f4 .n{background:#b48cff}.f5 .n{background:var(--blue)}
.strip{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}
.strip img{flex:0 0 auto;width:min(230px,56vw);border-radius:22px;border:3px solid #26324f;scroll-snap-align:start}
.faq details{background:var(--card);border-radius:16px;padding:14px 18px;margin:0 0 12px;border:1px solid #2a3656}
.faq summary{cursor:pointer;font-weight:750}.faq p{margin:10px 0 0;color:var(--mute)}
footer{padding:28px 0 40px;background:#090d19;border-top:1px solid #1d2745}
.foot{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between}
.legal{display:flex;flex-wrap:wrap;gap:8px 22px}.legal a{color:var(--mute);text-decoration:none}.legal a:hover{color:var(--ink);text-decoration:underline}
.copy{margin:0;color:#7d89a8;font-size:13px;flex-basis:100%}
.lang{position:relative}.lang summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;border:1px solid #2f3b5e;color:var(--ink);background:#121a30}
.lang summary::-webkit-details-marker{display:none}.lang svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.lang b{font-size:12px;color:var(--mute)}
.lang ul{list-style:none;margin:0;padding:6px;position:absolute;bottom:calc(100% + 8px);right:0;width:min(230px,calc(100vw - 32px));max-height:60vh;overflow:auto;background:#121a30;border:1px solid #2f3b5e;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.5);z-index:5}
.lang li a{display:block;padding:8px 12px;border-radius:9px;color:var(--ink);text-decoration:none}.lang li a:hover,.lang li a[aria-current]{background:#223054}
.lang li a[aria-current]::after{content:" ✓";color:var(--mint)}
.doc{padding:28px 0 56px}.legal-text h1{font-size:clamp(30px,6vw,44px);margin:6px 0 10px}.legal-text h2{font-size:22px;margin:30px 0 8px}.legal-text h3{margin:22px 0 6px}
.legal-text .meta{color:var(--mute);font-size:14px;margin-bottom:14px}.legal-text p,.legal-text li{color:#d3dbef}.legal-text ul{padding-left:1.2em}.legal-text li{margin:6px 0}
.legal-text .tbl{overflow-x:auto;margin:12px 0}.legal-text table{border-collapse:collapse;min-width:620px;width:100%}.legal-text th,.legal-text td{border:1px solid #2a3656;padding:8px 10px;text-align:left;vertical-align:top;font-size:14px}.legal-text th{background:var(--card)}
.note{background:#3a2b0a;border:1px solid #8a6b1d;color:#ffe3a3;padding:12px 16px;border-radius:12px;margin:0 0 18px}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.art{order:-1}.art img{width:min(250px,70%)}.steps{grid-template-columns:1fr}.steps figure{max-height:360px}section{padding:40px 0}.foot{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}