:root {
  --bg: #0d0f13;
  --surface: #151820;
  --surface-2: #1c202a;
  --surface-3: #242a36;
  --text: #f7f5f2;
  --muted: #b7bdc8;
  --brand: #ff5a4f;
  --brand-dark: #df3f37;
  --brand-soft: rgba(255,90,79,.13);
  --accent: #7dd3fc;
  --kakao: #fee500;
  --line: rgba(255,255,255,.11);
  --line-strong: rgba(255,255,255,.19);
  --shadow: 0 24px 70px rgba(0,0,0,.34);
  --radius: 24px;
  --radius-sm: 15px;
}
body.light-mode {
  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface-2: #eef1f5;
  --surface-3: #e6eaf0;
  --text: #15171c;
  --muted: #646b76;
  --line: rgba(20,25,34,.10);
  --line-strong: rgba(20,25,34,.18);
  --shadow: 0 22px 60px rgba(25,35,55,.12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif; background:var(--bg); color:var(--text); line-height:1.72; letter-spacing:-.015em; }
body.menu-open { overflow:hidden; }
a { color:inherit; }
img { max-width:100%; height:auto; }
button,input { font:inherit; }
button { color:inherit; }
.skip-link { position:absolute; left:-9999px; top:0; z-index:3000; background:#fff; color:#000; padding:10px 14px; }
.skip-link:focus { left:10px; top:10px; }
.container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }

/* Header */
.site-header { position:sticky; top:0; z-index:1200; background:rgba(13,15,19,.88); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
body.light-mode .site-header { background:rgba(255,255,255,.9); }
.header-row { min-height:78px; display:grid; grid-template-columns:auto minmax(210px,1fr) auto auto; align-items:center; gap:20px; }
.region-trigger { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:9px 13px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); font-weight:850; cursor:pointer; }
.region-trigger:hover { border-color:var(--line-strong); transform:translateY(-1px); }
.hamburger { width:20px; display:grid; gap:4px; }
.hamburger i { display:block; height:2px; border-radius:99px; background:currentColor; }
.hamburger i:nth-child(2) { width:15px; }
.brand { min-width:0; text-decoration:none; }
.brand strong { display:block; font-size:20px; letter-spacing:-.6px; line-height:1.2; }
.brand span { display:block; margin-top:3px; color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.header-nav { display:flex; align-items:center; gap:7px; }
.header-nav a { padding:8px 9px; color:var(--muted); text-decoration:none; font-size:13px; font-weight:750; }
.header-nav a:hover { color:var(--text); }
.header-call { display:flex; flex-direction:column; justify-content:center; min-height:48px; padding:7px 14px; border-radius:15px; background:var(--brand); color:#fff; text-decoration:none; line-height:1.2; }
.header-call span { font-size:10px; font-weight:800; opacity:.78; }
.header-call strong { margin-top:3px; font-size:14px; letter-spacing:.01em; }

/* Region drawer */
.drawer-backdrop { position:fixed; inset:0; z-index:1490; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; }
.drawer-backdrop.show { opacity:1; }
.region-drawer { position:fixed; inset:0 auto 0 0; z-index:1500; width:min(470px,94vw); background:var(--surface); border-right:1px solid var(--line); box-shadow:35px 0 90px rgba(0,0,0,.45); transform:translateX(-102%); transition:transform .3s cubic-bezier(.22,.8,.22,1); display:flex; flex-direction:column; }
.region-drawer.open { transform:translateX(0); }
.drawer-head { flex:0 0 auto; min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 22px; border-bottom:1px solid var(--line); }
.drawer-kicker { display:block; color:var(--brand); font-size:10px; letter-spacing:.16em; font-weight:900; }
.drawer-head strong { display:block; margin-top:3px; font-size:24px; letter-spacing:-.7px; }
.drawer-close { width:43px; height:43px; border:1px solid var(--line); border-radius:50%; background:var(--surface-2); font-size:28px; line-height:1; cursor:pointer; }
.drawer-scroll { min-height:0; overflow:auto; padding:18px 18px 34px; }
.drawer-shortcuts { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin-bottom:15px; }
.drawer-shortcuts a { display:grid; place-items:center; min-height:40px; padding:6px; background:var(--surface-2); border:1px solid var(--line); border-radius:12px; text-decoration:none; font-size:12px; font-weight:800; }
.drawer-group { border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.015); overflow:hidden; margin:10px 0; }
.drawer-group[open] { border-color:var(--line-strong); }
.drawer-group-accent { background:var(--brand-soft); border-color:rgba(255,90,79,.28); }
.drawer-group summary { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:58px; padding:13px 16px; cursor:pointer; list-style:none; }
.drawer-group summary::-webkit-details-marker { display:none; }
.drawer-group summary span { font-weight:900; font-size:16px; }
.drawer-group summary small { color:var(--muted); font-size:11px; }
.drawer-group summary::after { content:"＋"; flex:0 0 auto; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:var(--surface-2); font-size:16px; }
.drawer-group[open] summary::after { content:"−"; }
.drawer-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:0 12px 14px; }
.drawer-links a { min-width:0; padding:9px 10px; border:1px solid var(--line); border-radius:11px; background:var(--surface-2); color:var(--muted); text-decoration:none; font-size:12px; font-weight:750; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.drawer-links a:hover { color:var(--text); border-color:var(--brand); background:var(--brand-soft); }
.drawer-help { margin-top:16px; padding:18px; border-radius:20px; background:linear-gradient(145deg,var(--surface-2),var(--surface-3)); border:1px solid var(--line); }
.drawer-help strong { font-size:17px; }
.drawer-help p { margin:5px 0 14px; color:var(--muted); font-size:13px; }
.drawer-help .btn { width:100%; margin-top:8px; }

/* Common */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:10px 17px; border:0; border-radius:14px; text-decoration:none; font-weight:900; cursor:pointer; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-brand { background:var(--brand); color:#fff; box-shadow:0 12px 30px rgba(255,90,79,.24); }
.btn-brand:hover { background:var(--brand-dark); }
.btn-ghost { background:rgba(255,255,255,.07); color:#fff; border:1px solid rgba(255,255,255,.20); }
body.light-mode .btn-ghost { background:var(--surface-2); color:var(--text); border-color:var(--line); }
.btn-kakao { background:var(--kakao); color:#171717; }
.btn-large { min-height:56px; padding:13px 20px; font-size:16px; }
.section-label { display:inline-block; margin-bottom:9px; color:var(--brand); font-size:11px; line-height:1; letter-spacing:.14em; font-weight:950; }
section { padding:74px 0; }
.section-soft { background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.section-head { max-width:780px; margin-bottom:25px; }
.section-head h2 { margin:0; font-size:clamp(27px,3.3vw,39px); line-height:1.22; letter-spacing:-1.1px; }
.section-head p { margin:10px 0 0; color:var(--muted); }
.card { position:relative; background:linear-gradient(150deg,var(--surface),var(--surface-2)); border:1px solid var(--line); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow); }
.grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }

/* Hero */
.hero { position:relative; min-height:610px; display:grid; place-items:center; overflow:hidden; text-align:center; isolation:isolate; }
.hero-region { min-height:570px; }
.hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-3; }
.hero::before { content:""; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 72% 35%,rgba(255,90,79,.26),transparent 33%),linear-gradient(180deg,rgba(4,6,10,.42),rgba(7,9,13,.90)); }
.hero::after { content:""; position:absolute; left:50%; bottom:-280px; width:700px; height:420px; transform:translateX(-50%); background:var(--brand); filter:blur(150px); opacity:.11; z-index:-1; }
.hero-content { width:min(850px,calc(100% - 36px)); padding:76px 0; color:#fff; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(255,255,255,.23); border-radius:999px; background:rgba(255,255,255,.08); backdrop-filter:blur(12px); font-size:12px; font-weight:900; }
.eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--brand); box-shadow:0 0 16px var(--brand); }
.hero h1 { margin:18px 0 15px; font-size:clamp(36px,5.5vw,62px); line-height:1.13; letter-spacing:-2px; text-wrap:balance; }
.hero p { max-width:720px; margin:0 auto; color:rgba(255,255,255,.84); font-size:clamp(16px,2vw,19px); }
.hero-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:27px; }
.hero-actions .btn { min-width:155px; }
.badges { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:20px; }
.badges span { padding:7px 11px; border:1px solid rgba(255,255,255,.17); border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.86); font-size:12px; font-weight:750; }

/* Breadcrumb */
.breadcrumb { display:flex; align-items:center; gap:7px; min-height:48px; color:var(--muted); font-size:12px; }
.breadcrumb a { color:var(--accent); text-decoration:none; }

/* Pricing */
.price-card { overflow:hidden; }
.price-card h3,.info-card h3,.story-card h3 { margin:0 0 13px; font-size:20px; }
.price-card.featured { border-color:rgba(255,90,79,.55); transform:translateY(-7px); }
.card-badge { display:inline-flex; margin-bottom:12px; padding:5px 9px; border-radius:999px; background:var(--brand); color:#fff; font-size:9px; letter-spacing:.13em; font-weight:950; }
.price-list { list-style:none; margin:0; padding:0; }
.price-list li { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--line); }
.price-list li:last-child { border-bottom:0; }
.price-list strong { color:#fff; white-space:nowrap; }
body.light-mode .price-list strong { color:var(--text); }

/* Region finder */
.region-finder-section { padding:55px 0; background:linear-gradient(135deg,var(--surface),var(--surface-2)); border-block:1px solid var(--line); }
.region-finder-card { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:34px 38px; border:1px solid var(--line); border-radius:28px; background:radial-gradient(circle at 85% 20%,var(--brand-soft),transparent 37%),var(--bg); box-shadow:var(--shadow); }
.region-finder-copy { max-width:760px; }
.region-finder-copy h2 { margin:0; font-size:clamp(27px,3.3vw,39px); line-height:1.22; letter-spacing:-1.1px; }
.region-finder-copy p { margin:10px 0 0; color:var(--muted); }
.region-finder-meta { font-size:13px; font-weight:800; color:var(--accent)!important; }

/* Lists and content */
.chip-grid { display:flex; flex-wrap:wrap; gap:9px; }
.chip { display:inline-flex; align-items:center; min-height:40px; padding:8px 13px; border:1px solid var(--line); border-radius:999px; background:var(--surface-2); font-weight:800; }
a.chip { text-decoration:none; }
a.chip:hover { border-color:var(--brand); background:var(--brand-soft); }
.region-panels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.region-panel h3 { margin:0 0 8px; font-size:21px; }
.region-panel p,.info-card p,.story-card p { color:var(--muted); }
.text-link { color:var(--accent); font-weight:850; text-decoration:none; }
.story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.story-number { display:inline-flex; margin-bottom:15px; color:var(--brand); font-size:12px; letter-spacing:.12em; font-weight:950; }
.steps { counter-reset:step; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.step { position:relative; padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(150deg,var(--surface),var(--surface-2)); }
.step::before { counter-increment:step; content:"0" counter(step); display:inline-block; margin-bottom:13px; color:var(--brand); font-size:12px; letter-spacing:.12em; font-weight:950; }
.step h3 { margin:0 0 8px; font-size:19px; }
.step p { margin:0; color:var(--muted); }
.notice { margin-top:18px; padding:17px 19px; border:1px solid rgba(125,211,252,.28); border-left:4px solid var(--accent); border-radius:0 14px 14px 0; background:rgba(125,211,252,.06); }
.faq { display:grid; gap:11px; }
.faq details { border:1px solid var(--line); border-radius:16px; background:var(--surface); overflow:hidden; }
.faq details[open] { border-color:var(--line-strong); }
.faq summary { position:relative; padding:18px 52px 18px 19px; cursor:pointer; list-style:none; font-weight:900; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"＋"; position:absolute; right:18px; top:50%; transform:translateY(-50%); color:var(--brand); font-size:20px; }
.faq details[open] summary::after { content:"−"; }
.faq details p { margin:0; padding:0 19px 19px; color:var(--muted); }
.map-wrap { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow); }
.map-wrap iframe { display:block; width:100%; height:360px; border:0; filter:saturate(.85) contrast(1.02); }

/* Contact/Footer */
.contact-section { padding:66px 0; background:linear-gradient(135deg,var(--surface),var(--surface-2)); border-top:1px solid var(--line); }
.contact-panel,.contact-card { display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:25px; padding:34px 38px; border:1px solid var(--line); border-radius:28px; background:radial-gradient(circle at 90% 10%,var(--brand-soft),transparent 42%),var(--bg); box-shadow:var(--shadow); }
.contact-panel h2,.contact-card h2 { margin:0 0 7px; font-size:clamp(27px,3vw,37px); letter-spacing:-1px; }
.contact-panel p,.contact-card p { margin:0; color:var(--muted); }
.contact-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; }
.site-footer { padding:42px 0 105px; border-top:1px solid var(--line); color:var(--muted); text-align:center; font-size:13px; }
.site-footer strong { color:var(--text); font-size:16px; }
.site-footer p { margin:7px 0; }
.floating { position:fixed; right:18px; bottom:18px; z-index:1000; display:flex; flex-direction:column; gap:9px; }
.floating a,.floating button { width:57px; height:57px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; box-shadow:0 10px 28px rgba(0,0,0,.36); text-decoration:none; font-weight:900; cursor:pointer; }
.floating-menu { background:var(--surface-3); color:var(--text); border:1px solid var(--line)!important; font-size:22px; }
.floating .phone { background:var(--brand); color:#fff; font-size:13px; }
.floating .kakao { background:var(--kakao); }
.floating img { width:30px; height:30px; }
.small { font-size:13px; }
.muted { color:var(--muted); }
hr { border:0; border-top:1px solid var(--line); margin:25px 0; }

@media (max-width:960px) {
  .header-row { grid-template-columns:auto minmax(0,1fr) auto; gap:13px; }
  .header-nav { display:none; }
  .header-call span { display:none; }
  .grid-3,.region-panels,.steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .price-card.featured { transform:none; }
  .contact-panel,.contact-card { grid-template-columns:1fr; }
  .contact-actions { justify-content:flex-start; }
  .region-finder-card { align-items:flex-start; flex-direction:column; }
}
@media (max-width:680px) {
  .container { width:min(100% - 24px,1180px); }
  .header-row { min-height:68px; gap:9px; }
  .region-trigger { width:44px; min-height:44px; justify-content:center; padding:8px; border-radius:13px; }
  .region-trigger > span:last-child { display:none; }
  .brand strong { font-size:17px; }
  .brand span { display:none; }
  .header-call { min-width:82px; min-height:42px; padding:7px 10px; align-items:center; }
  .header-call strong { font-size:11px; }
  .drawer-shortcuts { grid-template-columns:repeat(3,1fr); }
  .drawer-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  section { padding:56px 0; }
  .hero,.hero-region { min-height:560px; }
  .hero-content { padding:65px 0; }
  .hero h1 { font-size:clamp(34px,11vw,48px); letter-spacing:-1.5px; }
  .hero-actions .btn { width:100%; }
  .grid-2,.grid-3,.region-panels,.steps,.story-grid { grid-template-columns:1fr; }
  .region-finder-section { padding:38px 0; }
  .region-finder-card { padding:26px 22px; }
  .region-finder-card .btn { width:100%; }
  .contact-panel,.contact-card { padding:27px 22px; }
  .contact-actions .btn { width:100%; }
  .map-wrap iframe { height:300px; }
  .floating { right:11px; bottom:11px; }
  .floating a,.floating button { width:52px; height:52px; }
}
.drawer-links a[aria-current="page"] { color:#fff; border-color:var(--brand); background:var(--brand); }
body.light-mode .drawer-links a[aria-current="page"] { color:#fff; }