/* Design B: wayfinding (location and booking angle). Light and dark tokens, system default, data-theme override. */
:root{
--bg:#f5f7f9;--s1:#eaeef2;--s2:#dfe5eb;--s3:#ffffff;
--t1:#0e1822;--t2:#2f4354;--t3:#4c6075;
--accf:#f2b632;--onacc:#15110a;--acct:#7a5200;--face:rgba(14,24,34,.08);--rule:rgba(14,24,34,.14);
--hero-t:#f1f5f8;--hero-sh:9,14,20;
--disp:"Pretendard","Apple SD Gothic Neo",sans-serif;
color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
--bg:#0b1117;--s1:#121a23;--s2:#19232e;--s3:#212d3a;
--t1:#eef3f7;--t2:#b9c5d1;--t3:#90a0b0;
--accf:#f2b632;--onacc:#15110a;--acct:#f5c862;--face:rgba(238,243,247,.1);--rule:rgba(238,243,247,.14);color-scheme:dark}}
:root[data-theme=dark]{
--bg:#0b1117;--s1:#121a23;--s2:#19232e;--s3:#212d3a;
--t1:#eef3f7;--t2:#b9c5d1;--t3:#90a0b0;
--accf:#f2b632;--onacc:#15110a;--acct:#f5c862;--face:rgba(238,243,247,.1);--rule:rgba(238,243,247,.14);color-scheme:dark}
*{box-sizing:border-box}
html{scroll-padding-top:120px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--t1);font-family:var(--disp);font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere;padding-bottom:88px}
body:lang(zh-Hans){word-break:normal}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 16px;font-size:16px}
h1,h2,h3{margin:0}
.tnum{font-variant-numeric:tabular-nums}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding-inline:20px}
.skip{position:absolute;left:-999px;top:8px;background:var(--s3);color:var(--t1);padding:12px 16px;border-radius:12px;z-index:50}
.skip:focus{left:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--acct);outline-offset:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:12px;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer;font-family:var(--disp)}
.btn-pri{background:var(--accf);color:var(--onacc);border:0}
.btn-sec{background:var(--face);color:var(--t1);border:0}
.num{font-variant-numeric:tabular-nums}
/* header */
.top{position:sticky;top:0;z-index:20;background:var(--bg)}
.bar{display:flex;align-items:center;gap:8px;min-height:56px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:44px;margin-right:auto}
.mark{width:26px;height:26px;color:var(--acct)}
.bw{font-weight:900;font-size:22px;line-height:1}
.bk{font-size:14px;color:var(--t2)}
.tools{display:flex;align-items:center;gap:6px}
.langs{display:flex;list-style:none;margin:0;padding-left:0}
.langs a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding-inline:6px;text-decoration:none;font-size:14px;color:var(--t2);border-radius:10px}
.langs a[aria-current=true]{color:var(--t1);font-weight:800;background:var(--face)}
.theme{display:flex;gap:2px;background:var(--face);border-radius:12px;padding:2px}
.theme button{display:flex;align-items:center;gap:6px;min-width:44px;min-height:44px;justify-content:center;border:0;background:none;color:var(--t2);border-radius:10px;cursor:pointer;font:inherit;font-size:14px}
.theme button[aria-checked=true]{background:var(--s3);color:var(--t1)}
.theme svg{width:16px;height:16px}
.theme .tl{display:none}
.navrow{display:flex;align-items:center;gap:8px;padding-bottom:4px}
.nav{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.navrow .theme{display:none}
.theme-m{display:flex;align-items:center}
.theme-m .theme .tl{display:inline}
.menu{display:flex;gap:4px;list-style:none;margin:0;padding-left:0}
.menu a{display:flex;align-items:center;min-height:44px;padding-inline:12px;text-decoration:none;white-space:nowrap;color:var(--t2);border-radius:10px}
.menu a[aria-current=page]{color:var(--onacc);background:var(--accf);font-weight:800}
.callbtn{display:none}
/* hero */
.hero{position:relative;min-height:min(calc(100svh - 108px - 72px),780px);display:flex;align-items:flex-end;overflow:hidden;background:#090e14;color:var(--hero-t)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 55%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--hero-sh),.8),rgba(var(--hero-sh),0)),linear-gradient(0deg,rgba(var(--hero-sh),.95),rgba(var(--hero-sh),0) 75%)}
.hero-in{position:relative;z-index:2;padding-block:56px 28px}
.kicker{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--hero-t)}
.hero h1{font-size:clamp(44px,8vw,116px);line-height:.98;font-weight:900;letter-spacing:-.03em;max-width:11ch}
.h1b{display:block}
.sub{font-size:18px;font-weight:700;margin:14px 0 6px;color:#f5c862}
.factline{font-size:16px;font-weight:600;margin:0 0 10px;color:var(--hero-t)}
.lede{font-size:17px;max-width:42ch;color:var(--hero-t)}
.hero .ctas{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}
.hero .ctas .btn-pri{width:100%}
.hero .btn-sec{background:rgba(241,245,248,.16);color:var(--hero-t)}
.route{list-style:none;margin:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.route li{background:rgba(9,14,20,.88);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column}
.rs-k{font-size:13px;font-weight:700;color:#f5c862}
.rs-v{font-size:17px;font-weight:800;color:#f1f5f8}
.ai{position:absolute;right:14px;top:12px;z-index:2;margin:0;font-size:13px;color:rgba(241,245,248,.86)}
/* board */
.board{background:var(--s1)}
.board dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding-block:20px}
.board dt{font-size:13px;font-weight:700;color:var(--t3)}
.board dd{margin:0;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
/* sections */
.sec{padding-block:64px}
.sec-dark{background:var(--s1)}
.sh{margin-bottom:24px}
.sh .no{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;border-radius:8px;background:var(--accf);color:var(--onacc);font-weight:900;font-size:15px;margin-bottom:12px;padding-inline:8px}
.sh h2{font-size:clamp(30px,4.6vw,60px);line-height:1.1;font-weight:900;letter-spacing:-.025em}
.b-lead{font-size:19px;font-weight:600;max-width:44ch}
.b-addr{background:var(--s2);border-radius:24px;padding:24px 20px;margin-bottom:24px}
.b-addr dl{margin:0 0 16px;display:grid;gap:14px}
.b-addr dt{font-size:13px;font-weight:700;color:var(--t3)}
.b-addr dd{margin:0;font-size:clamp(20px,2.6vw,32px);font-weight:800;line-height:1.3}
.addr-btns{display:flex;flex-wrap:wrap;gap:8px}
.copy-state{margin:8px 0 0;min-height:24px;font-size:14px;color:var(--t2)}
.b-grid{display:grid;gap:12px}
.b-gi{background:var(--s2);border-radius:16px;padding:20px}
.b-gi h3{font-size:20px;font-weight:800;margin-bottom:6px}
.b-gi p{margin:0;color:var(--t2)}
.b-steps{list-style:none;margin:0;padding-left:0;display:grid;gap:12px;counter-reset:s}
.b-steps li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}
.b-sn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--accf);color:var(--onacc);font-weight:900;font-variant-numeric:tabular-nums}
.b-steps h3{font-size:20px;font-weight:800;margin:10px 0 4px}
.b-steps p{margin:0;color:var(--t2)}
.b-tags{list-style:none;margin:0 0 20px;padding-left:0;display:flex;flex-wrap:wrap;gap:8px}
.b-tags li{background:var(--s2);border-radius:999px;padding:10px 18px;font-weight:700}
.b-list{margin:0 0 16px;padding-left:20px}
.b-list li{margin-bottom:8px}
.b-ledger{margin:0 0 20px;display:grid;gap:8px}
.b-ledger div{background:var(--s2);border-radius:12px;padding:14px 18px;display:grid;gap:2px}
.b-ledger dt{font-size:13px;font-weight:700;color:var(--t3)}
.b-ledger dd{margin:0;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.b-faq{display:grid;gap:8px;max-width:960px}
.b-faq details{background:var(--s2);border-radius:12px;padding:4px 20px}
.b-faq summary{min-height:56px;display:flex;align-items:center;font-size:17px;font-weight:800;cursor:pointer}
.b-faq p{color:var(--t2);margin:0 0 16px}
.b-rel{list-style:none;margin:0;padding-left:0;display:grid;gap:8px}
.b-rel li{background:var(--s2);border-radius:16px;padding:16px 20px}
.b-rel a{display:inline-flex;min-height:44px;align-items:center;font-weight:800;font-size:18px}
.b-rel span{display:block;color:var(--t2)}
.sec-cta{background:var(--s2)}
.cta-in p{color:var(--t2)}
.ctas{display:flex;flex-wrap:wrap;gap:8px}
.panel>p{max-width:68ch}
/* sub hero */
.phero{background:var(--s1);padding-block:40px 48px}
.crumb{font-size:14px;color:var(--t2)}
.crumb a{display:inline-flex;min-height:44px;align-items:center}
.phero h1{font-size:clamp(36px,6.2vw,84px);line-height:1.02;font-weight:900;letter-spacing:-.03em;margin:4px 0 16px}
.phero .lede{color:var(--t2);font-size:18px;max-width:46ch}
/* footer */
.foot{background:var(--s1);padding-block:48px 24px;color:var(--t2)}
.foot-in{display:grid;gap:16px}
.fw{font-weight:900;font-size:30px;color:var(--t1);margin:0 0 8px}
.foot a{display:inline-flex;min-height:44px;align-items:center}
.foot-nav{list-style:none;margin:0;padding-left:0;display:flex;flex-wrap:wrap;gap:0 16px}
.adult{font-size:14px}
.copy{font-size:14px;margin-top:16px}
.ed-prov{margin-top:24px}
.ed-prov-line{margin:0 0 8px;color:var(--t1);font-weight:800}
.ed-prov-btns{display:flex;flex-wrap:wrap;gap:4px 22px}
.ed-prov-b{color:var(--t1);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.ed-prov-d summary{cursor:pointer;color:var(--t1);font-weight:700;min-height:44px;display:flex;align-items:center}
.ed-prov-hash,.ed-prov-lh{margin:8px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ed-prov-log{margin:4px 0 0;padding-left:20px}
/* dock */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:3fr 2fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--s3);box-shadow:0 12px 32px rgba(0,0,0,.45)}
.nf-in{padding-block:96px}
.nf-in h1{font-size:48px;font-weight:900;margin-bottom:16px}
@media (min-width:900px){
body{padding-bottom:0}
.dock{display:none}
.wrap{padding-inline:clamp(24px,6vw,96px)}
.theme .tl{display:inline}
.callbtn{display:inline-flex;min-height:44px;padding:8px 18px}
.navrow .theme{display:flex;flex:none;margin-left:auto}
.theme-m{display:none}
.hero{min-height:min(calc(100svh - 112px),920px)}
.hero-img{object-position:center 55%}
.hero::after{background:linear-gradient(90deg,rgba(var(--hero-sh),.84),rgba(var(--hero-sh),0) 64%),linear-gradient(0deg,rgba(var(--hero-sh),.92),rgba(var(--hero-sh),0) 80%)}
.hero-in{padding-block:120px 40px}
.hero-in>p,.hero-in>h1,.hero-in>.ctas{max-width:720px}
.hero .ctas .btn-pri{width:auto}
.route{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1160px}
.route li{padding:16px 20px}
.rs-v{font-size:20px}
.sub{font-size:20px}
.board dl{grid-template-columns:repeat(4,1fr);gap:48px;padding-block:28px}
.board dd{font-size:21px}
.sec{padding-block:112px}
.b-addr{padding:40px 48px}
.b-addr dl{grid-template-columns:2fr 2fr 1.4fr;gap:32px}
.b-grid{grid-template-columns:repeat(4,1fr);gap:16px}
.b-gi{padding:28px 24px}
.b-steps{grid-template-columns:repeat(5,1fr);gap:24px}
.b-steps li{grid-template-columns:1fr;gap:8px}
.b-ledger{grid-template-columns:repeat(3,1fr)}
.b-faq summary{font-size:20px}
.b-faq p{font-size:17px}
.b-rel{grid-template-columns:repeat(3,1fr);gap:16px}
.foot-in{grid-template-columns:2fr 1fr 2fr}
.phero{padding-block:72px 80px}
}