:root{--ink:#0B1D33;--or:#FF5C1A;--pa:#F7F5F0;--gr:#5A6570;--bg:#050B14}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden}
body{background:var(--bg);color:var(--pa);font:300 17px/1.7 Inter,"Noto Sans SC","Noto Sans JP","Noto Sans KR",sans-serif}
:lang(ja) body,html:lang(ja){font-family:Inter,"Noto Sans JP",sans-serif}html:lang(ko){font-family:Inter,"Noto Sans KR",sans-serif}
h1,h2,h3,.wm{font-family:Sora,"Noto Sans SC","Noto Sans JP","Noto Sans KR",sans-serif;font-weight:600;letter-spacing:.02em}
a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--pa);color:var(--ink);padding:8px;z-index:99}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
header{position:fixed;inset:0 0 auto;padding-top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;gap:2rem;padding:18px 5vw;z-index:10;background:linear-gradient(#050b14cc,#050b1400);backdrop-filter:blur(6px)}
.logo{display:flex;gap:10px;align-items:center;text-decoration:none}
nav{margin-left:auto;display:flex;gap:2rem}nav a{text-decoration:none;font-size:13px;letter-spacing:.15em;text-transform:uppercase;opacity:.8}nav a:hover{opacity:1}
select{background:transparent;color:var(--pa);border:1px solid var(--gr);border-radius:4px;padding:4px 6px;font:inherit;font-size:13px}select option{color:#000}
.hero{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,var(--ink),var(--bg) 70%)}
#fx{position:absolute;inset:0;width:100%;height:100%}.orb{position:absolute;width:min(70vw,620px);opacity:.45}
@keyframes rot{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.orb{animation:none}}
.hc{position:relative;text-align:center;padding:0 6vw}.eyebrow{font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:var(--or);margin-bottom:1.2rem}
h1{font-size:clamp(2.4rem,7vw,5.6rem);line-height:1.1;font-weight:300}.sub{margin:1.5rem auto 2.5rem;max-width:36em;color:#c9ccd1}
.cta{display:inline-block;padding:14px 34px;border:1px solid var(--pa);border-radius:2px;text-decoration:none;font-size:13px;letter-spacing:.25em;text-transform:uppercase}.cta:hover{background:var(--pa);color:var(--ink)}
.sec{padding:18vh 8vw;max-width:1280px;margin:auto}.alt{background:var(--ink);max-width:none}.alt>*{max-width:1120px;margin-left:auto;margin-right:auto}
h2{font-size:clamp(1.8rem,4.5vw,3.4rem);font-weight:300;line-height:1.2;margin-bottom:1.5rem}.lead{max-width:44em;color:#c9ccd1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;margin-top:5rem}
.grid article{background:#0a1626;padding:3rem 2rem}.grid svg{width:84px;margin-bottom:2rem}.grid h3{font-size:1.15rem;margin-bottom:.7rem}.grid p{color:#aab0b8;font-size:15px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:4rem;border-top:1px solid var(--gr);padding-top:2rem}dt{font-size:12px;letter-spacing:.2em;color:var(--gr);text-transform:uppercase}dd{font-family:Sora,sans-serif;font-size:1.3rem;margin:0}
.cgrid{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;margin-top:3rem}.cgrid a{font-size:1.4rem;font-family:Sora,sans-serif}
form{display:grid;gap:1rem}label{display:grid;gap:.3rem;font-size:13px;color:#aab0b8}input,textarea{background:transparent;border:0;border-bottom:1px solid var(--gr);color:var(--pa);font:inherit;padding:8px 0}input:focus,textarea:focus,select:focus,button:focus,a:focus{outline:2px solid var(--or);outline-offset:3px}
button{background:var(--pa);color:var(--ink);border:0;padding:12px 28px;font:600 13px Inter,sans-serif;letter-spacing:.2em;cursor:pointer;justify-self:start}.ghost{background:transparent;color:var(--pa);border:1px solid var(--gr)}
.note{font-size:12px;color:var(--gr)}
footer{padding:4rem 8vw;border-top:1px solid #1a2636;font-size:12px;color:var(--gr)}footer p{max-width:60em;margin-top:1rem}
#gate{position:fixed;inset:0;z-index:50;background:#050b14f2;display:grid;place-items:center;padding:6vw}#gate.off{display:none}
.gbox{max-width:480px;text-align:center}.gbox h2{font-size:1.6rem;margin:1.5rem 0 1rem}.gbox p{color:#aab0b8;font-size:14px}.gbtn{display:flex;gap:1rem;justify-content:center;margin-top:2rem}
@media(max-width:720px){nav{display:none}.lang{margin-left:auto}.cgrid{grid-template-columns:1fr}.sec{padding:12vh 7vw}}

.wm{font-weight:800;letter-spacing:.2em;font-size:15px;color:inherit;white-space:nowrap}.wm-g{font-size:18px;margin:0 0 .5rem}.wm-f{font-size:18px;margin:0 0 1rem}
