:root{color-scheme:dark;--ink:#071419;--panel:#10272d;--cyan:#54e6d3;--amber:#ffbc57;--paper:#eef4ef}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,"Noto Sans KR",sans-serif;line-height:1.65}a{color:inherit}.bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px max(20px,calc((100% - 1080px)/2));background:#071419ee;border-bottom:1px solid #54e6d344}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:900;letter-spacing:.08em}.brand img{width:42px;height:42px;border-radius:12px}.bar nav{display:flex;gap:16px}.shell{width:min(1080px,calc(100% - 36px));margin:auto}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;min-height:72vh;padding:72px 0}.kicker{color:var(--cyan);font-weight:900;letter-spacing:.16em}.hero h1{font-size:clamp(3.5rem,9vw,7.8rem);line-height:.82;margin:.25em 0}.hero p{font-size:1.15rem;color:#c5d3d0;max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;padding:14px 20px;border-radius:14px;background:var(--cyan);color:var(--ink);font-weight:900;text-decoration:none}.button.alt{background:transparent;color:var(--paper);border:1px solid #54e6d366}.hero-icon{width:100%;border-radius:32%;box-shadow:0 0 80px #54e6d333}.section{padding:72px 0;border-top:1px solid #54e6d322}.section h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1;margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);padding:24px;border:1px solid #54e6d333;border-radius:22px}.card strong{display:block;color:var(--cyan);font-size:1.2rem}.shots{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:22px;justify-content:center}.shots img{width:100%;border-radius:28px;border:1px solid #54e6d355}.legal{max-width:820px;padding:54px 0}.legal h1{font-size:clamp(2.4rem,7vw,4.5rem);line-height:1}.legal h2{margin-top:36px;color:var(--cyan)}footer{padding:35px;text-align:center;color:#91aaa5;border-top:1px solid #54e6d322}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:48px 0}.hero-icon{max-width:360px;margin:auto}.grid{grid-template-columns:1fr}.bar nav{font-size:.82rem}.shots{grid-template-columns:1fr}.hero h1{font-size:4rem}}