/* LabelGate marketing site — tokens lifted from the LabelGate app (tailwind.config.js) */
:root {
  --primary: #5c6de8; --primary-600: #4a5bd4; --primary-700: #3b48b8; --primary-900: #1e2566;
  --primary-50: #eef2ff; --primary-100: #e0e8ff; --primary-200: #c7d4fe; --primary-300: #a5b4fc; --primary-400: #818cf8;
  --surface-base: #f8f9fa; --surface: #ffffff; --surface-subtle: #f3f4f7; --surface-muted: #eaecf0;
  --ink: #1a1d23; --ink-2: #5c6070; --ink-3: #9ba3af; --ink-disabled: #c4c9d4;
  --line: #e8eaed; --line-2: #d1d5e0;
  --ok: #4ade80;
  --radius: 12px; --radius-sm: 8px;
  --container: 1280px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Noto Sans KR', 'Segoe UI', system-ui, -apple-system, sans-serif; color: var(--ink); background: var(--surface-base); -webkit-font-smoothing: antialiased; line-height: 1.6; word-break: keep-all; overflow-wrap: break-word; }
a { color: var(--primary-600); text-decoration: none; }
a:hover { color: var(--primary-700); }
h1, h2, h3 { margin: 0; letter-spacing: -0.02em; line-height: 1.25; }
h1 { font-size: clamp(34px, 4.2vw, 54px); font-weight: 800; letter-spacing: -0.025em; line-height: 1.18; text-wrap: balance; }
h2 { font-size: clamp(26px, 2.6vw, 34px); font-weight: 700; text-wrap: balance; }
h3 { font-size: clamp(22px, 2vw, 28px); font-weight: 700; }
p { margin: 0; }
img, svg { max-width: 100%; }
.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 24px; }
@media (min-width: 900px) { .container { padding: 0 40px; } }
.muted { color: var(--ink-3); }

/* buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 22px; border-radius: var(--radius-sm); font-size: 15px; font-weight: 600; border: 1px solid transparent; cursor: pointer; transition: background .15s, border-color .15s, color .15s; font-family: inherit; line-height: 1.2; }
.btn--primary { background: var(--primary); color: #fff; }
.btn--primary:hover { background: var(--primary-600); color: #fff; }
.btn--ghost { background: var(--surface); border-color: var(--line-2); color: var(--ink); font-weight: 500; }
.btn--ghost:hover { border-color: var(--ink-3); color: var(--ink); }
.btn--white { background: #fff; color: var(--primary-700); }
.btn--white:hover { background: var(--primary-50); color: var(--primary-700); }
.btn--sm { padding: 8px 14px; font-size: 14px; font-weight: 500; }
.btn--block { width: 100%; }
.btn[disabled] { opacity: .6; cursor: default; }

/* nav */
.nav { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
.nav__inner { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); }
.brand__mark { width: 28px; height: 28px; border-radius: 7px; background: var(--primary); display: inline-flex; align-items: center; justify-content: center; }
.brand__name { font-size: 16px; font-weight: 700; letter-spacing: -0.01em; }
.brand__by { font-size: 12px; color: var(--ink-3); }
.nav__links { display: flex; align-items: center; gap: 28px; font-size: 14px; }
.nav__links > a:not(.btn) { color: var(--ink-2); }
.nav__links > a:not(.btn):hover { color: var(--ink); }
.nav__toggle { display: none; background: none; border: 0; padding: 8px; color: var(--ink); cursor: pointer; }
@media (max-width: 860px) {
  .brand__by { display: none; }
  .nav__toggle { display: inline-flex; }
  .nav__links { display: none; position: absolute; left: 0; right: 0; top: 64px; flex-direction: column; align-items: stretch; gap: 0; background: #fff; border-bottom: 1px solid var(--line); padding: 8px 24px 16px; }
  .nav__links.is-open { display: flex; }
  .nav__links > a:not(.btn) { padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
  .nav__links > .btn { margin-top: 12px; }
}

/* sections */
.section { padding: 88px 0; }
.section--white { background: var(--surface); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.section__head { text-align: center; max-width: 620px; margin: 0 auto 44px; display: flex; flex-direction: column; gap: 12px; align-items: center; }
.section__head p { font-size: 15px; color: var(--ink-2); }
.eyebrow { font-size: 13px; font-weight: 600; color: var(--primary-600); }
.split { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: start; }
.split--center { align-items: center; }
.split__copy { display: flex; flex-direction: column; gap: 16px; }
.split__copy p { font-size: 15px; line-height: 1.7; color: var(--ink-2); }
@media (max-width: 900px) { .section { padding: 56px 0; } .split { grid-template-columns: 1fr; gap: 32px; } }

/* hero */
.hero { padding: 96px 0 80px; overflow-x: clip; }
.hero__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.hero__copy { display: flex; flex-direction: column; gap: 22px; }
.lead { max-width: 540px; font-size: 18px; line-height: 1.7; color: var(--ink-2); }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
.pill { display: inline-flex; align-self: flex-start; align-items: center; padding: 5px 12px; border-radius: 999px; background: var(--primary-50); color: var(--primary-700); font-size: 12px; font-weight: 500; }
.checks { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: var(--ink-3); }
.checks li { display: inline-flex; align-items: center; gap: 6px; }
.checks li::before { content: ""; width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ade80' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / contain; }
.hero__visual { position: relative; }
.glow { position: absolute; inset: -40px -60px -40px 20px; background: radial-gradient(60% 60% at 60% 40%, var(--primary-100) 0%, rgba(224,232,255,0) 100%); z-index: 0; }
.mock { position: relative; z-index: 1; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 20px 48px rgba(26,29,35,.10), 0 1px 2px rgba(0,0,0,.04); overflow: hidden; }
.mock__bar { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 600; }
.mock__brand { display: flex; align-items: center; gap: 8px; }
.mock__dot { width: 18px; height: 18px; border-radius: 5px; background: var(--primary); display: inline-block; }
.mock__tabs { display: inline-flex; gap: 12px; margin-left: 12px; color: var(--ink-3); font-weight: 400; }
.mock__avatar { width: 22px; height: 22px; border-radius: 50%; background: var(--surface-muted); }
.mock__body { padding: 18px 16px; background: var(--surface-base); display: flex; flex-direction: column; gap: 8px; }
.mock__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; font-size: 14px; }
.mock__btn { padding: 6px 10px; border-radius: 6px; background: var(--primary); color: #fff; font-size: 12px; font-weight: 500; }
.mock__row { display: grid; grid-template-columns: 16px 1fr auto 96px; align-items: center; gap: 12px; padding: 12px 14px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); font-size: 13px; }
.mock__row div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mock__row b { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mock__row small { font-size: 11px; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mock__row span { font-size: 12px; color: var(--ink-2); white-space: nowrap; }
.mock__row em { font-style: normal; text-align: center; padding: 5px 0; border-radius: 6px; border: 1px solid var(--line-2); font-size: 12px; font-weight: 500; }
.mock__row em.muted { border-color: transparent; }
.st { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.st--ok { background: var(--ok); } .st--wait { background: var(--primary); } .st--block { background: var(--ink-disabled); }
.toast { position: absolute; right: -16px; bottom: 28px; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 8px 24px rgba(26,29,35,.10); }
.toast__icon { width: 30px; height: 30px; border-radius: 50%; background: var(--primary-50); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.toast div { display: flex; flex-direction: column; }
.toast b { font-size: 12px; font-weight: 600; } .toast small { font-size: 11px; color: var(--ink-3); }
@media (max-width: 900px) {
  h1 br { display: none; }
  .hero { padding: 48px 0 40px; }
  .hero__grid { grid-template-columns: 1fr; gap: 40px; }
  .hero__actions .btn { flex: 1 1 100%; }
  .mock__row { grid-template-columns: 16px 1fr; }
  .mock__row span, .mock__row em { display: none; }
  .toast { position: static; margin-top: 12px; }
  .glow { display: none; }
}

/* compare */
.compare { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.compare__card { display: flex; flex-direction: column; gap: 6px; padding: 22px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-base); }
.compare__card small { font-size: 12px; color: var(--ink-3); }
.compare__card b { font-size: 15px; font-weight: 600; }
.compare__card p { font-size: 13px; color: var(--ink-2); }
.compare__card--on { border-color: var(--primary-200); background: var(--primary-50); }
.compare__card--on small { color: var(--primary-600); }
.compare__card--on p { color: var(--primary-700); }
@media (max-width: 600px) { .compare { grid-template-columns: 1fr; } }

/* approval flow */
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.chips span { padding: 5px 10px; border-radius: 999px; border: 1px solid var(--line-2); background: #fff; font-size: 12px; color: var(--ink-2); }
.flow { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; display: flex; flex-direction: column; gap: 22px; }
.flow__head { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.flow__head small { color: var(--ink-3); font-size: 11px; }
.flow__line { display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr; align-items: center; gap: 8px; }
.node { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 18px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-base); text-align: center; }
.node__avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--surface-muted); display: inline-flex; align-items: center; justify-content: center; }
.node__avatar::before { content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") no-repeat center / contain; }
.node b { font-size: 13px; font-weight: 600; } .node small { font-size: 11px; color: var(--ink-3); margin-top: -8px; }
.node em { font-style: normal; padding: 3px 8px; border-radius: 999px; background: var(--surface-muted); font-size: 11px; color: var(--ink-2); }
.node--active { border-color: var(--primary-200); background: var(--primary-50); }
.node--active .node__avatar { background: var(--primary); }
.node--active .node__avatar::before { filter: brightness(0) invert(1); }
.node--active small { color: var(--primary-700); }
.node--active em { background: var(--primary); color: #fff; font-weight: 500; }
.node--dashed { border-style: dashed; border-color: var(--line-2); background: #fff; }
.node--dashed .node__avatar { background: var(--surface-subtle); }
.node--dashed b { color: var(--ink-2); }
.node--dashed em { background: transparent; border: 1px solid var(--line-2); color: var(--ink-3); }
.flow__note { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: var(--radius-sm); background: var(--surface-base); border: 1px solid var(--line); font-size: 12px; color: var(--ink-2); }
.flow__note svg { flex-shrink: 0; }
@media (max-width: 600px) {
  .flow { padding: 16px; }
  .flow__line { grid-template-columns: 1fr; }
  .flow__arrow { transform: rotate(90deg); justify-self: center; }
}

/* steps */
.steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.step { display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-base); }
.step__icon { width: 36px; height: 36px; border-radius: 8px; background: var(--primary-50); display: inline-flex; align-items: center; justify-content: center; }
.step small { font-size: 12px; color: var(--ink-3); } .step b { font-size: 17px; font-weight: 600; } .step p { font-size: 13px; color: var(--ink-2); line-height: 1.65; }
@media (max-width: 1000px) { .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .steps { grid-template-columns: 1fr; } }

/* admin features */
.features { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.features li { position: relative; padding-left: 32px; font-size: 14px; line-height: 1.6; }
.features li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--primary-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5bd4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 12px; }
.gate { background: var(--surface-base); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.gate__head { display: flex; align-items: center; justify-content: space-between; padding: 0 4px; font-size: 13px; }
.gate__head small { font-size: 11px; color: var(--ink-3); }
.gate__cols, .gate__row { display: grid; grid-template-columns: 1fr 90px 90px 80px; gap: 12px; align-items: center; }
.gate__cols { padding: 8px 12px; font-size: 11px; color: var(--ink-3); }
.gate__row { padding: 12px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); font-size: 13px; }
.gate__row small { font-size: 11px; color: var(--ink-2); }
.lbl { display: flex; align-items: center; gap: 8px; }
.lbl i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.tg { width: 34px; height: 18px; border-radius: 999px; background: var(--line-2); position: relative; display: inline-block; }
.tg::after { content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; }
.tg--on { background: var(--primary); } .tg--on::after { left: auto; right: 2px; }
@media (max-width: 480px) { .gate__cols, .gate__row { grid-template-columns: 1fr 50px 50px 60px; gap: 6px; } }

/* offerings */
.offers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.offer { display: flex; flex-direction: column; gap: 12px; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.offer small { font-size: 12px; font-weight: 600; color: var(--primary-600); }
.offer > b { font-size: 20px; font-weight: 700; }
.offer ul { margin: 4px 0 8px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: var(--ink-2); line-height: 1.6; }
.offer ul li::before { content: "· "; }
.offer .btn { margin-top: auto; }
.offer__top { display: flex; align-items: center; justify-content: space-between; }
.badge { padding: 3px 8px; border-radius: 999px; background: var(--primary); color: #fff; font-size: 11px; font-weight: 600; }
.offer--hi { background: var(--primary-900); color: #fff; border-color: var(--primary-900); box-shadow: 0 16px 40px rgba(30,37,102,.24); }
.offer--hi small { color: var(--primary-300); } .offer--hi ul { color: var(--primary-200); }
@media (max-width: 900px) { .offers { grid-template-columns: 1fr; } }

.procedure { margin-top: 72px; padding-top: 64px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 4fr 8fr; gap: 64px; align-items: start; }
.procedure__copy { display: flex; flex-direction: column; gap: 12px; }
.procedure__copy p { font-size: 14px; color: var(--ink-2); line-height: 1.7; }
.procedure__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.procedure__steps > div { display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.procedure__steps small { font-size: 12px; color: var(--ink-3); } .procedure__steps b { font-size: 15px; font-weight: 600; } .procedure__steps p { font-size: 13px; color: var(--ink-2); line-height: 1.6; }
@media (max-width: 900px) { .procedure { grid-template-columns: 1fr; gap: 24px; margin-top: 48px; padding-top: 40px; } .procedure__steps { grid-template-columns: 1fr; } }

/* contact */
.contact { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: start; }
.contact__copy { display: flex; flex-direction: column; gap: 14px; }
.contact__copy p { font-size: 15px; color: var(--ink-2); line-height: 1.7; }
.contact__mail { font-size: 14px; }
.form { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; display: flex; flex-direction: column; gap: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 500; color: var(--ink-2); }
.form .opt { font-weight: 400; color: var(--ink-3); }
.form input[type=text], .form input[type=email], .form input[type=tel], .form textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--line-2); border-radius: var(--radius-sm); font: inherit; font-size: 14px; color: var(--ink); background: #fff; }
.form input:focus, .form textarea:focus { outline: 2px solid var(--primary-200); border-color: var(--primary); }
.form textarea { resize: vertical; min-height: 120px; }
.agree { flex-direction: row !important; align-items: center; gap: 8px !important; font-weight: 400 !important; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.form__msg { font-size: 13px; min-height: 1.2em; color: var(--ink-2); }
.form__msg.ok { color: #15803d; } .form__msg.err { color: #b91c1c; }
@media (max-width: 900px) { .contact { grid-template-columns: 1fr; gap: 28px; } .form { padding: 20px; } }
@media (max-width: 560px) { .form__row { grid-template-columns: 1fr; } }

/* footer */
.footer { background: #fff; border-top: 1px solid var(--line); padding: 40px 0 32px; }
.footer__grid { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; flex-wrap: wrap; }
.footer__tag { margin-top: 8px; font-size: 12px; color: var(--ink-3); }
.footer__cols { display: flex; gap: 56px; flex-wrap: wrap; }
.footer__cols > div { display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.footer__cols b { color: var(--ink); font-weight: 600; }
.footer__cols a { color: var(--ink-2); } .footer__cols a:hover { color: var(--ink); }
.footer__legal { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 12px; color: var(--ink-3); }

/* editions (SaaS / on-prem) */
.seg { display: inline-flex; padding: 4px; border-radius: 10px; background: var(--surface-subtle); border: 1px solid var(--line); margin-top: 8px; }
.seg button { padding: 8px 18px; border-radius: 7px; border: 0; background: transparent; font: inherit; font-size: 14px; font-weight: 500; color: var(--ink-2); cursor: pointer; }
.seg button.is-on { background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.editions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ed { display: flex; flex-direction: column; gap: 12px; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); transition: border-color .15s, box-shadow .15s; }
.ed.is-on { border: 2px solid var(--primary); box-shadow: 0 12px 32px rgba(92,109,232,.12); padding: 27px; }
.ed__top { display: flex; align-items: center; justify-content: space-between; }
.ed small { font-size: 12px; font-weight: 600; color: var(--primary-600); }
.ed > b { font-size: 20px; font-weight: 700; }
.ed__desc { font-size: 14px; color: var(--ink-2); line-height: 1.65; }
.ed ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: var(--ink-2); line-height: 1.6; }
.ed ul li::before { content: "· "; }
.ed__fit { padding: 12px 14px; border-radius: var(--radius-sm); background: var(--surface-base); font-size: 13px; color: var(--ink-2); line-height: 1.6; }
.ed__fit small { display: block; font-size: 11px; color: var(--ink-3); font-weight: 400; margin-bottom: 2px; }
.ed .btn { margin-top: auto; }
.badge--soft { background: var(--primary-50); color: var(--primary-700); }
.cmp { margin-top: 24px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; font-size: 13px; }
.cmp__row { display: grid; grid-template-columns: 160px 1fr 1fr; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); }
.cmp__row:last-child { border-bottom: 0; }
.cmp__row > span:first-child { color: var(--ink-2); }
.cmp__row--head { background: var(--surface-base); font-size: 12px; color: var(--ink-3); }
.cmp__row--head > span:not(:first-child) { color: var(--ink); font-weight: 600; }
.cmp__row > span.is-on { font-weight: 600; color: var(--primary-700); }
@media (max-width: 900px) {
  .editions { grid-template-columns: 1fr; }
  .ed:not(.is-on) { display: none; }
  .cmp__row { grid-template-columns: 96px 1fr 1fr; gap: 10px; padding: 10px 12px; font-size: 12px; }
}

/* consulting */
.svc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.svc__card { display: flex; flex-direction: column; gap: 8px; padding: 22px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.svc__card b { font-size: 15px; font-weight: 600; }
.svc__card p { font-size: 13px; color: var(--ink-2); line-height: 1.6; }
.note { font-size: 13px !important; line-height: 1.6; color: var(--primary-700) !important; padding: 10px 12px; border-radius: var(--radius-sm); background: var(--primary-50); }
.split__copy > .btn { align-self: flex-start; }
@media (max-width: 600px) { .svc { grid-template-columns: 1fr; } }

/* form select */
.form select { width: 100%; padding: 11px 12px; border: 1px solid var(--line-2); border-radius: var(--radius-sm); font: inherit; font-size: 14px; color: var(--ink); background: #fff; }
.form select:focus { outline: 2px solid var(--primary-200); border-color: var(--primary); }