:root{
  color-scheme:light;
  --paper:#F8FAFC;
  --panel:#FFFFFF;
  --panel2:#F1F5F9;
  --ink:#101828;
  --muted:#5B6678;
  --line:#D9E2EC;
  --mint:#2ECC9A;
  --mint2:#E7FAF3;
  --amber:#FFB020;
  --blue:#2563EB;
  --radius:28px;
  --shadow:0 22px 55px rgba(15,23,42,.08);
  --serif:Fraunces, Georgia, "Times New Roman", serif;
  --sans:Inter, "Noto Sans KR", "Noto Sans Devanagari", system-ui, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}
body{min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.shell{max-width:1180px;margin:0 auto;padding:0 22px}
.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav{height:86px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-weight:950;font-size:20px;letter-spacing:-.04em}
.brand img{width:38px;height:38px}
.links{display:flex;align-items:center;gap:7px;margin-left:20px}
.links a{padding:10px 14px;border-radius:999px;color:#465365;font-weight:800;font-size:14px}
.links a.active,.links a:hover{background:var(--mint);color:#062318}
.actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.select,.btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 18px;font-weight:900;color:#192436;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.select{min-width:135px}
.btn{cursor:pointer}
.btn.primary{background:var(--mint);border-color:var(--mint);color:#062318;box-shadow:0 16px 30px rgba(46,204,154,.22)}
.btn.dark{background:#101828;color:#fff;border-color:#101828}
.btn:hover{transform:translateY(-1px)}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;padding:78px 0 54px}
.kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#0A8D69;font-weight:950;margin:0 0 16px}
h1,h2,h3{margin:0;letter-spacing:-.045em}
h1{font:950 clamp(48px,7vw,86px)/.93 var(--serif)}
h2{font:900 clamp(32px,4vw,54px)/1 var(--serif)}
h3{font-size:24px;line-height:1.08}
.lead{font-size:20px;color:#3F4D5F;max-width:650px;margin:24px 0 0}
.heroCtas{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 0}
.proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:900;color:#263244;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.pill b{color:#0A8D69}
.board{background:#fff;border:1px solid var(--line);border-radius:34px;padding:28px;box-shadow:var(--shadow)}
.boardTop{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.status{display:inline-flex;align-items:center;gap:8px;color:#0A8D69;font-weight:950}
.dot{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(46,204,154,.15)}
.price{font:950 44px/1 var(--serif)}
.meter{height:14px;border-radius:999px;background:#EDF2F7;overflow:hidden;margin:18px 0}
.meter span{display:block;height:100%;width:67%;background:var(--mint)}
.route{display:grid;gap:12px}
.routeItem{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px;background:#FAFCFE}
.routeItem strong{display:block}
.routeItem small{color:var(--muted)}
.num{width:34px;height:34px;border-radius:12px;background:var(--mint2);display:grid;place-items:center;color:#0A8D69;font-weight:950}
.rate{font-weight:950;color:#0A8D69}
.section{padding:54px 0}
.sectionHead{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.sectionHead p{max-width:620px;color:var(--muted);font-size:18px;margin:12px 0 0}
.grid{display:grid;gap:20px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 18px 38px rgba(15,23,42,.06)}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card p{color:var(--muted);margin:12px 0 0}
.tag{display:inline-flex;border:1px solid #B8EBD8;background:var(--mint2);color:#087F62;border-radius:999px;padding:6px 10px;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.calc{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}
.form{display:grid;gap:14px}
label{font-weight:900;color:#273244}
input,select,textarea{width:100%;border:1px solid #CBD5E1;border-radius:16px;padding:14px 15px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 4px rgba(46,204,154,.12)}
.result{background:#101828;color:#fff;border-radius:28px;padding:26px}
.result h3{font-family:var(--serif);font-size:36px}
.result p{color:#CED7E2}
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.table th,.table td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}
.table th{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#5B6678;background:#F5F8FB}
.table tr:last-child td{border-bottom:0}
.priceCard{position:relative}
.priceCard.featured{border-color:#83E2C3;box-shadow:0 24px 60px rgba(46,204,154,.15)}
.money{font:950 48px/1 var(--serif);margin:18px 0}
.money small{font:800 16px/1 var(--sans);color:var(--muted)}
.list{padding:0;margin:20px 0;list-style:none;display:grid;gap:10px}
.list li{display:flex;gap:10px;color:#344154}
.list li:before{content:"✓";color:#0A8D69;font-weight:950}
.supportBox{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.chatLog{min-height:130px;background:#F8FAFC;border:1px solid var(--line);border-radius:18px;padding:14px;color:#344154}
.footer{margin-top:44px;border-top:1px solid var(--line);background:#fff}
.footerGrid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px;padding:42px 0}
.footer a,.footer p{color:#5B6678}
.footer h4{margin:0 0 12px}
.fine{border-top:1px solid var(--line);padding:18px 0;color:#667085;font-size:13px}
.hidden{display:none!important}
@media(max-width:900px){
  .nav{height:auto;min-height:78px;flex-wrap:wrap;padding:14px 0}.links{order:3;width:100%;overflow:auto;margin-left:0}.actions{margin-left:auto}
  .hero,.calc,.supportBox{grid-template-columns:1fr}.g3,.g2{grid-template-columns:1fr}.sectionHead{display:block}.footerGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.actions{width:100%;justify-content:space-between}.select{min-width:0}.footerGrid{grid-template-columns:1fr}h1{font-size:46px}}
