:root{--ink:#101828;--ink2:#1A2332;--lime:#C8E847;--mut:#A3A9B4;--line:#2A3446;--paper:#F4F4F0;--txt:#E6E7E1}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--txt);font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
header{position:sticky;top:0;z-index:10;background:rgba(16,24,40,.92);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;height:72px;gap:36px}
.logo{font-weight:900;font-size:24px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:#fff}
.logo i{width:14px;height:14px;background:var(--lime);border-radius:4px 1px 4px 4px;display:inline-block}
nav{display:flex;gap:28px;font-size:15px;font-weight:700;color:var(--mut);flex:1}
nav a.on{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:14px 4px 14px 14px;font-weight:900;font-size:16px}
.btn.lime{background:var(--lime);color:var(--ink)} .btn.line{border:1.5px solid var(--line);color:#fff} .btn.sm{height:42px;font-size:14px;padding:0 16px}
.eyebrow{font-size:14px;font-weight:900;letter-spacing:3px;color:var(--lime)}
h1{font-size:64px;line-height:1.18;margin:16px 0 20px;color:#fff;letter-spacing:-1.5px}
h2{font-size:40px;line-height:1.25;margin:12px 0 16px;color:#fff;letter-spacing:-1px}
h3{font-size:22px;margin:0 0 8px;color:#fff}
p.lead{font-size:19px;line-height:1.7;color:var(--mut);margin:0}
section{padding:110px 0;border-top:1px solid var(--line)}
.phone{width:240px;border-radius:28px;border:6px solid #0B111B;box-shadow:0 30px 60px rgba(0,0,0,.45);overflow:hidden;background:#000;flex:none}
.phone img{width:100%;display:block}
.card{background:var(--ink2);border:1px solid var(--line);border-radius:22px 6px 22px 22px;padding:32px}
.tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:900}
.tag.lime{background:var(--lime);color:var(--ink)} .tag.dim{background:#232C3C;color:var(--mut)}
footer{border-top:1px solid var(--line);padding:48px 0 64px;color:var(--mut);font-size:13px;line-height:1.9}
footer .row{display:flex;gap:40px;justify-content:space-between;flex-wrap:wrap}
footer b{color:#fff}
@media (max-width:600px){
 .wrap{padding:0 16px} header .wrap{height:60px;gap:12px} nav{display:none} .logo{font-size:20px}
 h1{font-size:38px} h2{font-size:28px} p.lead{font-size:16px} section{padding:64px 0}
 .phone{width:170px;border-radius:22px;border-width:4px} .card{padding:22px}
 .btn{height:48px;font-size:15px}
}