:root{
  --ink:#0e1d28;
  --ink-2:#41535f;
  --ink-3:#8093a0;
  --paper:#ffffff;
  --wash:#f2f4f2;
  --wash-2:#e9edeb;
  --line:#dde4e3;
  --line-2:#c9d3d2;
  --deep:#0e2a38;
  --deep-2:#164153;
  --data:#1e5a7b;
  --data-soft:#e4eff4;
  --flow:#c4472b;
  --flow-soft:#f9ebe6;
  --gold:#a97a24;
  --gold-soft:#f7efdd;
  --ok:#15706a;
  --ok-soft:#e2efee;
  --mono:'IBM Plex Mono','SFMono-Regular',Menlo,Consolas,monospace;
  --sans:'Pretendard Variable',Pretendard,'Apple SD Gothic Neo','Noto Sans KR',-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;letter-spacing:-0.015em;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;}
:focus-visible{outline:2.5px solid var(--data);outline-offset:2px;border-radius:3px;}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}

/* ── eyebrow: 모든 섹션 라벨은 모노 좌표 형식 ── */
.eyebrow{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--flow);display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line);max-width:190px;}

h1{font-size:clamp(31px,4.6vw,53px);font-weight:800;line-height:1.2;letter-spacing:-.035em;color:var(--ink);}
h2{font-size:clamp(24px,3.1vw,35px);font-weight:800;line-height:1.28;letter-spacing:-.03em;color:var(--ink);}
h3{font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.lede{font-size:16.5px;color:var(--ink-2);max-width:660px;margin-top:14px;}

.wrap{max-width:1180px;margin:0 auto;padding:0 26px;}
section{padding:82px 0;}
section.tinted{background:var(--wash);}
.rule{height:1px;background:var(--line);}

/* ── header ── */
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);}
.header-in{max-width:1180px;margin:0 auto;padding:0 26px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.logo{display:flex;align-items:center;gap:11px;cursor:pointer;background:none;border:none;padding:0;}
.logo .mk{font-family:var(--mono);font-size:25px;font-weight:700;letter-spacing:.02em;color:var(--ink);}
.logo .mk i{font-style:normal;color:var(--flow);}
.logo .tl{font-family:var(--mono);font-size:10px;letter-spacing:.13em;color:var(--ink-3);text-transform:uppercase;border-left:1px solid var(--line);padding-left:11px;line-height:1.35;text-align:left;}
nav{display:flex;align-items:center;gap:2px;}
nav .nl{padding:9px 13px;border:none;background:none;font-size:14.5px;font-weight:600;color:var(--ink-2);border-radius:7px;position:relative;}
nav .nl:hover{color:var(--ink);background:var(--wash);}
nav .nl.active{color:var(--flow);}
nav .nl.active::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:var(--flow);}
nav .sep{width:1px;height:20px;background:var(--line);margin:0 9px;}
.btn-cta{padding:10px 19px;border-radius:8px;font-size:14px;font-weight:700;background:var(--ink);color:#fff;border:none;}
.btn-cta:hover{background:var(--deep-2);}

/* ── pages ── */
.page{display:none;}
.page.on{display:block;animation:fade .3s ease;}
@keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

/* ── buttons ── */
.btn{padding:14px 26px;border-radius:9px;font-size:15.5px;font-weight:700;border:1.5px solid transparent;display:inline-flex;align-items:center;gap:9px;}
.btn-solid{background:var(--flow);color:#fff;}
.btn-solid:hover{background:#a83b23;}
.btn-line{background:#fff;color:var(--ink);border-color:var(--line-2);}
.btn-line:hover{border-color:var(--ink);}
.btn-dark{background:var(--ink);color:#fff;}
.btn-dark:hover{background:var(--deep-2);}
.btn-quiet{background:var(--wash);color:var(--ink-3);border-color:var(--line);}
.btn-quiet:hover{color:var(--gold);border-color:var(--gold);}
.btn.full{width:100%;justify-content:center;}

/* ── HERO ── */
.hero{padding:78px 0 20px;border-bottom:1px solid var(--line);}
.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:56px;align-items:center;}
.hero .tagline{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:9px;margin-bottom:20px;}
.hero .tagline .dot{width:7px;height:7px;border-radius:50%;background:var(--flow);animation:blip 2s infinite;}
@keyframes blip{0%,100%{opacity:1;}50%{opacity:.25;}}
.hero h1 em{font-style:normal;color:var(--flow);}
.hero p.h-sub{font-size:16.5px;color:var(--ink-2);margin-top:20px;max-width:520px;}
.hero-btns{margin-top:32px;display:flex;gap:11px;flex-wrap:wrap;}

/* ── SIGNATURE: 처방흐름 다이어그램 ── */
.flowcard{background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:0 1px 2px rgba(14,29,40,.05),0 18px 44px -22px rgba(14,29,40,.35);}
.flowcard .fc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--wash);}
.flowcard .fc-top b{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--ink-2);text-transform:uppercase;}
.flowcard .fc-top span{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);}
.flowcard svg{display:block;width:100%;height:auto;}
.flowcard .fc-foot{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);padding:9px 16px;border-top:1px solid var(--line);background:var(--wash);letter-spacing:.02em;}
.rib{fill:none;stroke-linecap:round;}
.rib-move{fill:none;stroke:#fff;stroke-linecap:round;opacity:.55;stroke-dasharray:1 16;animation:drift 2.6s linear infinite;}
@keyframes drift{to{stroke-dashoffset:-170;}}
.n-lbl{font-family:var(--mono);font-size:12px;fill:var(--ink);}
.n-sub{font-family:var(--mono);font-size:10px;fill:var(--ink-3);}
.n-pct{font-family:var(--mono);font-size:13px;font-weight:700;fill:var(--ink);}
.n-pct.hi{fill:var(--flow);}

/* ── metric strip ── */
.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);}
.metric{padding:30px 26px 30px 0;}
.metric + .metric{padding-left:26px;border-left:1px solid var(--line);}
.metric b{display:block;font-family:var(--mono);font-size:29px;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.metric b i{font-style:normal;color:var(--flow);}
.metric span{font-size:13.5px;color:var(--ink-2);display:block;margin-top:2px;}

/* ── audience ── */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-top:1px solid var(--line);}
.aud{padding:30px 28px 32px 0;border-bottom:1px solid var(--line);}
.aud + .aud{padding-left:28px;border-left:1px solid var(--line);}
.aud .idx{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--flow);letter-spacing:.12em;}
.aud h3{margin:12px 0 8px;font-size:18px;}
.aud p{font-size:14.5px;color:var(--ink-2);}

/* ── steps ── */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px;}
.step{background:var(--paper);padding:28px 24px 30px;}
.step .n{font-family:var(--mono);font-size:11px;font-weight:700;color:#fff;background:var(--ink);width:24px;height:24px;border-radius:2px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;}
.step h4{font-size:16px;font-weight:700;margin-bottom:7px;letter-spacing:-.02em;}
.step p{font-size:13.5px;color:var(--ink-2);}

/* ── service blocks ── */
.svc{display:grid;grid-template-columns:5fr 7fr;gap:44px;align-items:center;padding:56px 0;border-top:1px solid var(--line);}
.svc.rev{grid-template-columns:7fr 5fr;}
.svc .code{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--flow);}
.svc .en{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);margin-top:4px;}
.svc h3{font-size:24px;margin:10px 0 12px;letter-spacing:-.03em;}
.svc p{font-size:15px;color:var(--ink-2);}
.svc .pts{margin-top:16px;list-style:none;}
.svc .pts li{font-size:14px;color:var(--ink-2);padding:6px 0 6px 17px;position:relative;}
.svc .pts li::before{content:"";position:absolute;left:0;top:15px;width:7px;height:1.5px;background:var(--flow);}

/* ── report mock ── */
.report{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--paper);box-shadow:0 14px 34px -24px rgba(14,29,40,.4);}
.report .rh{padding:12px 17px;background:var(--deep);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;}
.report .rh b{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.06em;}
.report .rh small{font-family:var(--mono);font-size:10px;opacity:.6;}
.report table{width:100%;border-collapse:collapse;font-size:13px;}
.report th{background:var(--wash);font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--ink-2);text-transform:uppercase;text-align:left;padding:9px 14px;border-bottom:1px solid var(--line);white-space:nowrap;}
.report td{padding:10px 14px;border-bottom:1px solid #eef1f0;white-space:nowrap;}
.report tr:last-child td{border-bottom:none;}
.report .num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12.5px;}
.report .rk{font-family:var(--mono);color:var(--ink-3);font-size:12px;}
.bar{position:relative;background:var(--wash-2);height:19px;min-width:128px;overflow:hidden;border-radius:2px;}
.bar i{position:absolute;inset:0 auto 0 0;background:var(--data);opacity:.35;}
.bar.top i{background:var(--flow);opacity:1;}
.bar b{position:relative;z-index:1;font-family:var(--mono);font-size:11px;font-weight:600;padding-left:7px;line-height:19px;color:var(--ink);}
.bar.top b{color:#fff;}
.rnote{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);padding:9px 14px;background:var(--wash);border-top:1px solid var(--line);line-height:1.6;}

/* ── estimate banner ── */
.estimate{margin-top:34px;border:1px solid var(--line);border-left:3px solid var(--flow);background:var(--paper);padding:18px 22px;font-size:13.5px;color:var(--ink-2);}
.estimate b{color:var(--ink);}

/* ── CTA band ── */
.band{background:var(--deep);color:#fff;padding:54px 46px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;}
.band h2{color:#fff;font-size:clamp(22px,2.6vw,29px);}
.band p{opacity:.72;margin-top:8px;font-size:15px;max-width:560px;}
.band .btn-solid{background:var(--flow);}

/* ── pricing ── */
.promo{margin-top:34px;border:1px solid var(--gold);background:var(--gold-soft);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;}
.promo .pt b{font-size:17px;color:#6d4d12;letter-spacing:-.02em;}
.promo .pt span{display:block;font-size:13px;color:#8a6a2c;margin-top:2px;}
.seatbox{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--gold);padding:11px 18px;}
.seatbox .sn{font-family:var(--mono);font-size:27px;font-weight:700;color:var(--gold);line-height:1.1;}
.seatbox .sl{font-family:var(--mono);font-size:10.5px;color:#8a6a2c;letter-spacing:.08em;}
.seatbar{width:130px;height:5px;background:var(--wash-2);margin-top:6px;}
.seatbar i{display:block;height:100%;background:var(--gold);}

.pgroup{margin-top:56px;}
.pghead{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-bottom:13px;border-bottom:2px solid var(--ink);}
.pghead .gn{font-family:var(--mono);font-size:12px;font-weight:700;color:#fff;background:var(--ink);width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
.pghead h3{font-size:21px;letter-spacing:-.03em;}
.pghead .gd{font-size:13.5px;color:var(--ink-3);flex:1;min-width:210px;}
.chip{font-family:var(--mono);font-size:10.5px;font-weight:600;padding:4px 10px;letter-spacing:.06em;border-radius:2px;}
.chip.live{background:var(--ok-soft);color:var(--ok);}
.chip.soon{background:var(--gold-soft);color:var(--gold);}

.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px;}
.price{background:var(--paper);padding:30px 26px 28px;display:flex;flex-direction:column;position:relative;}
.price.best{background:#fbfcfb;}
.price.best::before{content:"MOST CHOSEN";position:absolute;top:0;left:0;right:0;height:3px;background:var(--flow);}
.price .pop{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--flow);font-weight:600;margin-bottom:6px;display:block;}
.price h4{font-size:18px;font-weight:800;letter-spacing:-.02em;}
.price .pd{font-size:13.5px;color:var(--ink-3);margin:4px 0 20px;}
.price .was{font-family:var(--mono);font-size:13px;color:var(--ink-3);text-decoration:line-through;}
.price .now{font-family:var(--mono);font-size:31px;font-weight:700;letter-spacing:-.03em;margin:1px 0 6px;}
.price .now small{font-size:14px;font-weight:600;}
.price .off{font-family:var(--mono);display:inline-block;font-size:10.5px;font-weight:600;color:var(--flow);background:var(--flow-soft);padding:4px 9px;margin-bottom:20px;letter-spacing:.04em;}
.price ul{list-style:none;flex:1;margin-bottom:22px;}
.price li{font-size:14px;color:var(--ink-2);padding:7px 0;border-bottom:1px solid #eef1f0;display:flex;gap:9px;}
.price li::before{content:"—";color:var(--flow);font-family:var(--mono);}
.paynote{margin-top:16px;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);}

/* ── consulting ── */
.consult{border:1px solid var(--line);border-top:3px solid var(--gold);background:var(--paper);padding:32px 30px;display:grid;grid-template-columns:1fr 290px;gap:34px;align-items:center;margin-top:26px;}
.consult h4{font-size:21px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px;}
.consult .cd{font-size:14.5px;color:var(--ink-2);max-width:540px;margin-bottom:18px;}
.consult ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
.consult li{font-size:14px;color:var(--ink-2);padding:6px 0 6px 17px;position:relative;}
.consult li::before{content:"";position:absolute;left:0;top:15px;width:7px;height:1.5px;background:var(--gold);}
.cprice{background:var(--wash);border:1px solid var(--line);padding:24px 22px;text-align:center;}
.cprice .was{font-family:var(--mono);font-size:13px;color:var(--ink-3);text-decoration:line-through;}
.cprice .now{font-family:var(--mono);font-size:31px;font-weight:700;letter-spacing:-.03em;margin:1px 0 6px;}
.cprice .now small{font-size:14px;}
.cprice .off{font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--gold);background:var(--gold-soft);padding:4px 9px;display:inline-block;}
.cprice .unit{font-size:12.5px;color:var(--ink-3);margin:12px 0 14px;}

.dplan{margin-top:48px;border:1px solid var(--line);padding:26px 28px;}
.dplan h4{font-size:16px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;}
.dprow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.dp{background:var(--paper);padding:16px 14px;text-align:center;}
.dp.cur{background:var(--flow-soft);}
.dp b{display:block;font-family:var(--mono);font-size:22px;font-weight:700;color:var(--ink);}
.dp.cur b{color:var(--flow);}
.dp span{font-size:12.5px;color:var(--ink-2);}

/* ── agreement ── */
.agree{border:1px solid var(--line);background:var(--paper);padding:26px 28px;margin-top:30px;scroll-margin-top:92px;}
.agree.warn{border-color:var(--flow);animation:shake .4s;}
@keyframes shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}
.agree h4{font-size:17px;font-weight:800;letter-spacing:-.02em;}
.agree .ah{font-size:13px;color:var(--ink-3);margin:4px 0 16px;}
.ag-all{display:flex;align-items:center;gap:11px;background:var(--wash);border:1px solid var(--line);padding:14px 16px;cursor:pointer;margin-bottom:6px;width:100%;text-align:left;}
.ag-all b{font-size:14.5px;}
.ag-item{display:flex;align-items:center;gap:11px;padding:12px 4px;border-bottom:1px solid #eef1f0;}
.ag-item .hit{display:flex;align-items:center;gap:11px;flex:1;background:none;border:none;padding:0;text-align:left;}
.ag-item .txt{font-size:14.5px;font-weight:600;color:var(--ink);}
.tg{font-family:var(--mono);font-size:10px;font-weight:600;padding:3px 7px;flex:none;letter-spacing:.06em;}
.tg.must{background:var(--flow-soft);color:var(--flow);}
.tg.opt{background:var(--wash-2);color:var(--ink-3);}
.open{font-family:var(--mono);font-size:11px;color:var(--ink-3);text-decoration:underline;background:none;border:none;flex:none;}
.ck{width:20px;height:20px;flex:none;border:1.5px solid var(--line-2);background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:800;}
.ck.on{background:var(--flow);border-color:var(--flow);}
.ck.on::after{content:"✓";}
.ag-body{display:none;background:var(--wash);border:1px solid var(--line);padding:17px 19px;margin:0 0 12px;font-size:13.5px;color:var(--ink-2);line-height:1.8;}
.ag-body.on{display:block;}
.ag-body b{color:var(--ink);}
.ag-body ul{margin:6px 0 8px 18px;}
.ag-body table{width:100%;border-collapse:collapse;font-size:12.5px;margin:9px 0;background:#fff;}
.ag-body th,.ag-body td{border:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top;}
.ag-body th{background:var(--wash-2);font-weight:700;color:var(--ink-2);white-space:nowrap;}
.ag-foot{margin-top:15px;border-top:1px solid var(--line);padding-top:13px;font-size:12.5px;color:var(--ink-3);line-height:1.7;}

/* ── company ── */
.naming{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:center;border:1px solid var(--line);padding:32px 34px;margin-top:34px;}
.naming .mark{text-align:center;border-right:1px solid var(--line);padding-right:20px;}
.naming .mark b{font-family:var(--mono);font-size:50px;font-weight:700;letter-spacing:.01em;display:block;line-height:1.05;}
.naming .mark b i{font-style:normal;color:var(--flow);}
.naming .mark span{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.12em;}
.naming h4{font-size:16.5px;font-weight:800;margin-bottom:12px;letter-spacing:-.02em;}
.nrow{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid #eef1f0;font-size:14.5px;color:var(--ink-2);align-items:baseline;}
.nrow:last-child{border-bottom:none;}
.nrow em{font-family:var(--mono);font-style:normal;flex:none;width:40px;font-weight:700;color:var(--flow);font-size:15px;}
.nrow b{color:var(--ink);}

.vd{background:var(--deep);color:#fff;padding:48px 44px;margin-top:56px;}
.vd .eyebrow{color:#e0a48f;}
.vd .eyebrow::after{background:rgba(255,255,255,.2);}
.vd h2{color:#fff;}
.vd p{opacity:.78;font-size:15.5px;max-width:700px;margin-top:12px;}
.vdstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);margin-top:32px;border:1px solid rgba(255,255,255,.14);}
.vdstats div{background:var(--deep);padding:20px;}
.vdstats b{display:block;font-family:var(--mono);font-size:20px;font-weight:700;color:#f0b79f;}
.vdstats span{font-size:13px;opacity:.72;}

.profile{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start;margin-top:34px;}
.pcard{border:1px solid var(--line);padding:32px;text-align:center;}
.pcard .av{width:118px;height:118px;margin:0 auto 18px;background:var(--wash);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;letter-spacing:-.03em;color:var(--ink);border-radius:50%;}
.pcard b{font-size:19px;letter-spacing:-.02em;}
.pcard span{display:block;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.1em;margin-top:5px;}
.cred{list-style:none;border-top:1px solid var(--line);}
.cred li{border-bottom:1px solid var(--line);padding:18px 4px;display:flex;gap:16px;align-items:baseline;}
.cred li .ci{font-family:var(--mono);font-size:11px;color:var(--flow);flex:none;width:28px;font-weight:600;}
.cred li b{font-size:15.5px;font-weight:700;display:block;letter-spacing:-.02em;}
.cred li small{font-size:13px;color:var(--ink-3);}

/* ── forms / boards ── */
.formcard{max-width:440px;margin:56px auto;border:1px solid var(--line);padding:40px 36px;}
.formcard h2{text-align:center;font-size:25px;}
.formcard .fs{text-align:center;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);margin-bottom:26px;letter-spacing:.06em;}
.fld{margin-bottom:15px;}
.fld label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:6px;}
.fld label .req{color:var(--flow);}
.fld input,.fld select,.fld textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);font-size:14.5px;font-family:inherit;background:#fff;color:var(--ink);border-radius:4px;}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--data);}
.fld .hint{font-size:12px;color:var(--ink-3);margin-top:5px;}
.inline{display:flex;gap:8px;}
.btn-verify{flex:none;padding:0 15px;border:1.5px solid var(--data);background:var(--data-soft);color:var(--data);font-size:13px;font-weight:700;border-radius:4px;}
.ffoot{text-align:center;font-size:13.5px;color:var(--ink-2);margin-top:18px;}
.ffoot a{color:var(--flow);font-weight:700;cursor:pointer;}

.board{border:1px solid var(--line);margin-top:32px;}
.board table{width:100%;border-collapse:collapse;font-size:14px;}
.board th{background:var(--wash);padding:11px 16px;text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-2);text-transform:uppercase;border-bottom:1px solid var(--line);}
.board td{padding:13px 16px;border-bottom:1px solid #eef1f0;}
.board .empty{text-align:center;color:var(--ink-3);padding:58px 0;font-size:14px;}
.btools{display:flex;gap:8px;padding:15px 16px;justify-content:space-between;background:var(--wash);border-top:1px solid var(--line);flex-wrap:wrap;}
.btools .l{display:flex;gap:8px;}
.btools select,.btools input{padding:9px 12px;border:1.5px solid var(--line);font-size:13.5px;font-family:inherit;border-radius:4px;}
.btn-sm{padding:9px 16px;font-size:13px;font-weight:700;border:none;background:var(--ink);color:#fff;border-radius:4px;}
.notice{border:1px solid var(--ok);background:var(--ok-soft);color:var(--ok);font-size:13.5px;padding:13px 17px;margin-top:16px;}
.notice b{color:#0c5a55;}

/* ── mypage ── */
.mylay{display:grid;grid-template-columns:214px 1fr;gap:28px;margin-top:32px;}
.myside{border:1px solid var(--line);padding:10px;height:fit-content;}
.myside button{display:block;width:100%;text-align:left;padding:12px 14px;border:none;background:none;font-size:14.5px;font-weight:600;color:var(--ink-2);}
.myside button.on{background:var(--flow-soft);color:var(--flow);}
.status{font-family:var(--mono);font-size:10.5px;font-weight:600;padding:4px 9px;letter-spacing:.05em;}
.status.done{background:var(--ok-soft);color:var(--ok);}
.status.wait{background:var(--gold-soft);color:var(--gold);}
.dl-btn{padding:7px 13px;border:none;background:var(--ink);color:#fff;font-size:12.5px;font-weight:700;border-radius:4px;}
.addr-btn{padding:7px 13px;border:1.5px solid var(--flow);background:#fff;color:var(--flow);font-size:12.5px;font-weight:700;border-radius:4px;}
.tbl-scroll{overflow-x:auto;}

/* ── footer ── */
footer{background:var(--ink);color:#93a5ae;margin-top:0;padding:48px 0 40px;font-size:13.5px;}
.fin{max-width:1180px;margin:0 auto;padding:0 26px;display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;}
footer b{color:#fff;font-size:15px;display:block;margin-bottom:10px;letter-spacing:-.02em;}
footer .fmono{font-family:var(--mono);font-size:11px;letter-spacing:.06em;opacity:.6;}
footer .small{font-size:12px;opacity:.55;margin-top:14px;line-height:1.7;}
footer a{display:block;margin-bottom:6px;cursor:pointer;}
footer a:hover{color:#fff;}

.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(18px);background:var(--ink);color:#fff;padding:13px 22px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.28s;z-index:200;border-radius:4px;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.ptag{position:fixed;right:14px;bottom:14px;z-index:99;font-family:var(--mono);background:#fff;border:1px solid var(--line);color:var(--ink-3);font-size:10px;letter-spacing:.08em;padding:5px 10px;}

@media(max-width:960px){
  .hero-grid,.svc,.svc.rev,.profile,.mylay,.naming,.consult,.band{grid-template-columns:1fr;}
  .naming .mark{border-right:none;border-bottom:1px solid var(--line);padding:0 0 20px;}
  .grid3,.metrics,.steps,.prices,.dprow,.vdstats,.consult ul{grid-template-columns:1fr 1fr;}
  .metric,.aud{padding:24px 20px 24px 0;}
  .metric + .metric,.aud + .aud{padding-left:20px;}
  .logo .tl{display:none;}
  nav .nl{padding:8px 9px;font-size:13px;}
  .band{padding:40px 28px;}
}
@media(max-width:620px){
  .grid3,.metrics,.steps,.prices,.dprow,.vdstats,.consult ul{grid-template-columns:1fr;}
  .metric + .metric,.aud + .aud{border-left:none;padding-left:0;border-top:1px solid var(--line);}
  .header-in{height:auto;padding:10px 16px;flex-direction:column;gap:6px;}
  section{padding:56px 0;}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}