*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:'Pretendard',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--brand)}a:hover{color:var(--hl)}
details.faq>summary{list-style:none;cursor:pointer}
details.faq>summary::-webkit-details-marker{display:none}
.faq-ic{transition:transform .25s ease}
details.faq[open] .faq-ic{transform:rotate(45deg)}
.chip{cursor:pointer;display:inline-block;font-size:11.5px;padding:6px 11px;border-radius:2px;border:1px solid var(--line);color:var(--muted);background:#fff;transition:all .15s}
.chip.on,.chip:hover{border-color:var(--vivid);color:#fff;background:var(--vivid)}
::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:8px}
.hero-anim{animation:heroShift 16s ease-in-out infinite alternate}
@keyframes heroShift{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.hero-orb{animation:orbA 6.5s ease-in-out infinite}
.hero-orb2{animation:orbB 8.5s ease-in-out infinite}
@keyframes orbA{0%,100%{transform:translate(0,0) scale(1);opacity:.75}50%{transform:translate(-130px,90px) scale(1.22);opacity:1}}
@keyframes orbB{0%,100%{transform:translate(0,0) scale(1);opacity:.75}50%{transform:translate(110px,-80px) scale(1.18);opacity:1}}
@media (prefers-reduced-motion:reduce){.hero-anim,.hero-orb,.hero-orb2{animation:none!important}}