/* UI-01: scoped tokens/components from design kit 2026-09-30. No global reset. */
.procalc-ui01 { --blue:#0759ff;--blue-dark:#0045da;--ink:#111b38;--muted:#697794;--line:#e0e7f2;--bg:#f5f8fc;--soft:#edf4ff;--green:#138764;--green-bg:#eaf8f1;--orange:#ae6614;--orange-bg:#fff5e6;--red:#d34249;--red-bg:#fff0f0;--radius:14px;--shadow:0 5px 20px #203d6810 }
.procalc-ui01 * { box-sizing:border-box }
.procalc-ui01 { margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px;line-height:1.5;background:var(--bg) }
.procalc-ui01 button, .procalc-ui01 input, .procalc-ui01 textarea, .procalc-ui01 select { font:inherit }
.procalc-ui01 button, .procalc-ui01 a, .procalc-ui01 input, .procalc-ui01 textarea, .procalc-ui01 select { -webkit-tap-highlight-color:transparent }
.procalc-ui01 button, .procalc-ui01 a { touch-action:manipulation }
.procalc-ui01 button { cursor:pointer }
.procalc-ui01 button:disabled { cursor:not-allowed;opacity:.5 }
.procalc-ui01 a { color:var(--blue);text-decoration:none }
.procalc-ui01 button { color:inherit }
.procalc-ui01 h1, .procalc-ui01 h2, .procalc-ui01 h3, .procalc-ui01 h4, .procalc-ui01 p { margin:0 }
.procalc-ui01 h1 { font-size:38px;letter-spacing:-1.4px;line-height:1.15;font-weight:750 }
.procalc-ui01 h2 { font-size:23px;letter-spacing:-.6px;line-height:1.25 }
.procalc-ui01 h3 { font-size:17px;letter-spacing:-.2px;line-height:1.4 }
.procalc-ui01 h4 { font-size:14px }
.procalc-ui01 .muted { color:var(--muted) }
.procalc-ui01 .small { font-size:12px }
.procalc-ui01 .blue { color:var(--blue) }
.procalc-ui01 .green { color:var(--green) }
.procalc-ui01 .red { color:var(--red) }
.procalc-ui01 .eyebrow { color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:12px }
.procalc-ui01 .icon { width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round }
.procalc-ui01 .icon.sm { width:16px;height:16px }
.procalc-ui01 .icon.lg { width:28px;height:28px }
.procalc-ui01 .brand { display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;font-weight:750;letter-spacing:-.7px;white-space:nowrap }
.procalc-ui01 .brandmark { width:32px;height:36px;background:var(--blue);border-radius:7px;display:grid;grid-template-columns:5px 5px;grid-template-rows:8px 5px;gap:5px;align-content:center;justify-content:center;box-shadow:0 3px 8px #0759ff25 }
.procalc-ui01 .brandmark i { background:#fff;border-radius:1px }
.procalc-ui01 .brandmark i:first-child { grid-column:span 2 }
.procalc-ui01 .brandmark i:last-child { border-radius:50% }
.procalc-ui01 .topbar { height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(32px,calc((100vw - 1248px)/2));border-bottom:1px solid var(--line);background:#fff }
.procalc-ui01 .topbar nav { display:flex;gap:25px;align-items:center }
.procalc-ui01 .topbar nav a { color:var(--muted);font-size:13px;font-weight:500;white-space:nowrap }
.procalc-ui01 .topbar nav a.active { color:var(--blue) }
.procalc-ui01 .top-right { display:flex;align-items:center;gap:14px }
.procalc-ui01 .avatar { width:35px;height:35px;display:inline-grid;place-items:center;background:#edf1ff;color:#4455a4;border-radius:50%;font-weight:700;font-size:12px;flex-shrink:0 }
.procalc-ui01 .avatar.staff { background:#e8f5ed;color:#218054 }
.procalc-ui01 .btn { border:1px solid transparent;border-radius:8px;min-height:42px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.35;font-size:13px;font-weight:650;white-space:normal;background:var(--blue);color:#fff;text-align:center;transition:background .15s,box-shadow .15s }
.procalc-ui01 .btn:hover { background:var(--blue-dark) }
.procalc-ui01 .btn.secondary { background:#fff;color:var(--ink);border-color:var(--line) }
.procalc-ui01 .btn.secondary:hover { background:var(--soft);border-color:#abc9ff }
.procalc-ui01 .btn.soft { background:var(--soft);color:var(--blue) }
.procalc-ui01 .btn.soft:hover { background:#dfeaff }
.procalc-ui01 .btn.ghost { background:transparent;color:var(--muted);padding:8px 10px }
.procalc-ui01 .btn.ghost:hover { background:var(--soft);color:var(--blue) }
.procalc-ui01 .btn.danger { background:var(--red-bg);color:var(--red) }
.procalc-ui01 .btn.full { width:100% }
.procalc-ui01 .btn.sm { min-height:34px;padding:7px 12px;font-size:12px }
.procalc-ui01 .btn.large { min-height:48px;padding:13px 22px }
.procalc-ui01 .icon-btn { width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:7px;color:var(--muted) }
.procalc-ui01 .icon-btn:hover { color:var(--blue);background:var(--soft) }
.procalc-ui01 :focus-visible { outline:3px solid #82b0ff;outline-offset:3px }
.procalc-ui01 .container { max-width:1248px;margin:0 auto;padding:30px 0 70px }
.procalc-ui01 .breadcrumbs { display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:26px }
.procalc-ui01 .breadcrumbs a { color:var(--muted) }
.procalc-ui01 .page-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px }
.procalc-ui01 .page-heading p { margin-top:12px;color:var(--muted);font-size:15px }
.procalc-ui01 .row { display:flex;gap:12px;align-items:center }
.procalc-ui01 .row.wrap { flex-wrap:wrap }
.procalc-ui01 .between { justify-content:space-between }
.procalc-ui01 .stack { display:flex;flex-direction:column;gap:20px }
.procalc-ui01 .gap8 { gap:8px }
.procalc-ui01 .mt8 { margin-top:8px }
.procalc-ui01 .mt16 { margin-top:16px }
.procalc-ui01 .mt24 { margin-top:24px }
.procalc-ui01 .mb16 { margin-bottom:16px }
.procalc-ui01 .card { background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 3px 8px #17396e03 }
.procalc-ui01 .card.plain { box-shadow:none }
.procalc-ui01 .card-title { display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px }
.procalc-ui01 .card-title .step { width:27px;height:27px;border-radius:50%;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:700;margin-right:9px }
.procalc-ui01 .card-title h3 { display:flex;align-items:center }
.procalc-ui01 .badge { display:inline-flex;align-items:center;gap:6px;line-height:1.3;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:600;background:#eef2f7;color:var(--muted);white-space:nowrap }
.procalc-ui01 .badge.blue { background:var(--soft);color:var(--blue) }
.procalc-ui01 .badge.green { background:var(--green-bg);color:var(--green) }
.procalc-ui01 .badge.orange { background:var(--orange-bg);color:var(--orange) }
.procalc-ui01 .badge.red { background:var(--red-bg);color:var(--red) }
.procalc-ui01 .dot { width:6px;height:6px;border-radius:50%;background:currentColor }
.procalc-ui01 .symbol { width:44px;height:44px;border-radius:11px;display:inline-grid;place-items:center;background:var(--soft);color:var(--blue);flex-shrink:0 }
.procalc-ui01 .symbol.large { width:64px;height:64px;border-radius:17px }
.procalc-ui01 .symbol.green { background:var(--green-bg);color:var(--green) }
.procalc-ui01 .symbol.orange { background:var(--orange-bg);color:var(--orange) }
.procalc-ui01 .symbol.red { background:var(--red-bg);color:var(--red) }
.procalc-ui01 .subtle { background:var(--soft);border:1px solid #d9e7ff;border-radius:10px;padding:17px }
.procalc-ui01 .notice { display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--soft);border:1px solid #dce8ff;border-radius:8px;color:#345177;font-size:12px }
.procalc-ui01 .notice.green { background:var(--green-bg);border-color:#ceeadd;color:var(--green) }
.procalc-ui01 .notice.orange { background:var(--orange-bg);border-color:#f0dfc7;color:#875418 }
.procalc-ui01 .notice.red { background:var(--red-bg);border-color:#f4d1d3;color:#af3c42 }
.procalc-ui01 .notice .icon { width:17px;height:17px;margin-top:1px }
.procalc-ui01 .divider { height:1px;background:var(--line);margin:22px 0 }
.procalc-ui01 .footer { border-top:1px solid var(--line);padding:26px max(32px,calc((100vw - 1248px)/2));display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;background:#fff }
.procalc-ui01 .footer .brand { font-size:17px }
.procalc-ui01 .footer .brandmark { transform:scale(.8) }
.procalc-ui01 .footer-links { display:flex;gap:22px;align-items:center }
.procalc-ui01 .footer-links a { color:var(--muted) }
.procalc-ui01 .mobile-menu { display:none }
.procalc-ui01 .hero-pricing { padding:24px 0 30px;max-width:830px }
.procalc-ui01 .hero-pricing h1 { font-size:44px;line-height:1.12;max-width:800px }
.procalc-ui01 .hero-pricing p { font-size:16px;color:var(--muted);margin-top:16px;max-width:730px }
.procalc-ui01 .trustline { display:flex;gap:24px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:12px }
.procalc-ui01 .trustline span { display:flex;align-items:center;gap:7px }
.procalc-ui01 .trustline .icon { color:var(--blue);width:16px }
.procalc-ui01 .pricing-head, .procalc-ui01 .price-row { display:grid;grid-template-columns:220px 1fr 1fr }
.procalc-ui01 .pricing-head { padding:18px 0 16px;color:var(--muted);font-size:12px;font-weight:600 }
.procalc-ui01 .pricing-head>div:not(:first-child) { padding-left:28px }
.procalc-ui01 .pricing-wrap { border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff }
.procalc-ui01 .price-row { border-bottom:1px solid var(--line) }
.procalc-ui01 .price-row:last-child { border:0 }
.procalc-ui01 .price-row>.tier { padding:26px 22px;background:#fafcff }
.procalc-ui01 .price-row.featured>.tier { background:var(--soft) }
.procalc-ui01 .price-row>.offer { padding:26px 28px;border-left:1px solid var(--line) }
.procalc-ui01 .tier h3 { font-size:19px;margin:13px 0 6px }
.procalc-ui01 .tier p { font-size:12px;color:var(--muted);max-width:150px }
.procalc-ui01 .tier .badge { margin-top:14px }
.procalc-ui01 .offer h3 { font-size:15px }
.procalc-ui01 .offer p { font-size:12px;color:var(--muted);margin:7px 0 13px;max-width:360px }
.procalc-ui01 .offer .price { font-size:27px;letter-spacing:-.7px;font-weight:700;margin:0 0 16px }
.procalc-ui01 .offer .price small { font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0 }
.procalc-ui01 .offer .btn { min-width:186px }
.procalc-ui01 .offer .fine { font-size:11px;margin-top:11px;color:var(--muted) }
.procalc-ui01 .mini-choice { display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0 }
.procalc-ui01 .mini-choice strong { font-size:15px }
.procalc-ui01 .mini-choice:last-of-type { margin-bottom:9px }
.procalc-ui01 .pricing-bottom { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0 }
.procalc-ui01 .pricing-bottom .row { align-items:flex-start }
.procalc-ui01 .pricing-bottom h4 { margin-bottom:5px }
.procalc-ui01 .pricing-bottom p { font-size:12px;color:var(--muted) }
.procalc-ui01 .faq { margin-top:28px }
.procalc-ui01 .faq details { background:#fff;padding:19px 22px;border:1px solid var(--line);border-radius:9px;margin-top:9px }
.procalc-ui01 .faq summary { cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between }
.procalc-ui01 .faq summary:after { content:'+';color:var(--blue) }
.procalc-ui01 .faq details[open] summary:after { content:'−' }
.procalc-ui01 .faq p { color:var(--muted);margin-top:12px;max-width:900px;font-size:13px }
.procalc-ui01 .mobile-task { display:flex }
.procalc-ui01 .segmented { display:flex;padding:4px;border:1px solid var(--line);border-radius:9px;background:#f3f6fa;gap:4px }
.procalc-ui01 .segmented button, .procalc-ui01 .segmented a { flex:1;background:transparent;border:0;border-radius:6px;padding:10px 14px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;text-align:center }
.procalc-ui01 .segmented .active { background:#fff;color:var(--blue);box-shadow:0 2px 5px #233f6c10 }
.procalc-ui01 .field { display:block;margin-bottom:17px;min-width:0 }
.procalc-ui01 .field:last-child { margin-bottom:0 }
.procalc-ui01 .field>span, .procalc-ui01 .field>label { display:block;font-size:12px;font-weight:600;margin-bottom:7px }
.procalc-ui01 .field small { display:block;color:var(--muted);font-size:11px;margin-top:6px }
.procalc-ui01 .input, .procalc-ui01 textarea, .procalc-ui01 select { width:100%;border:1px solid #d7deea;border-radius:7px;background:#fff;color:var(--ink);padding:11px 12px;min-height:42px;outline:none }
.procalc-ui01 .input:focus, .procalc-ui01 textarea:focus, .procalc-ui01 select:focus { border-color:var(--blue);box-shadow:0 0 0 3px #0759ff12 }
.procalc-ui01 .input[readonly] { background:#f9fbfd }
.procalc-ui01 .input.error { border-color:var(--red) }

@media (max-width:1300px) {
.procalc-ui01 .container { margin:0 32px }
.procalc-ui01 .topbar { padding:0 32px }
.procalc-ui01 .topbar nav { gap:17px }
}
@media (max-width:1000px) {
.procalc-ui01 .topbar nav { display:none }
.procalc-ui01 .pricing-head, .procalc-ui01 .price-row { grid-template-columns:170px 1fr 1fr }
.procalc-ui01 .price-row>.offer { padding:24px 20px }
.procalc-ui01 .price-row>.tier { padding:24px 17px }
.procalc-ui01 .offer .btn { min-width:0;width:100% }
.procalc-ui01 .container h1 { font-size:35px }
}
@media (max-width:700px) {
.procalc-ui01 { font-size:13px }
.procalc-ui01 .topbar { height:65px;padding:0 18px;gap:10px }
.procalc-ui01 .brand { font-size:18px;gap:8px }
.procalc-ui01 .brandmark { width:27px;height:31px;gap:4px }
.procalc-ui01 .top-right>.btn, .procalc-ui01 .top-right>.avatar { display:none }
.procalc-ui01 .mobile-menu { display:inline-grid }
.procalc-ui01 .container { margin:0;padding:22px 18px 65px }
.procalc-ui01 .breadcrumbs { font-size:10px;margin-bottom:19px;gap:7px }
.procalc-ui01 .container h1, .procalc-ui01 h1 { font-size:29px;letter-spacing:-.8px;line-height:1.17 }
.procalc-ui01 .page-heading { margin-bottom:23px;gap:14px }
.procalc-ui01 .page-heading p { font-size:13px;margin-top:10px }
.procalc-ui01 .page-heading>.btn { min-height:36px;padding:9px 11px;font-size:11px }
.procalc-ui01 .page-heading:not(.keep-row) { flex-direction:column }
.procalc-ui01 .hero-pricing { padding:8px 0 24px }
.procalc-ui01 .hero-pricing h1 { font-size:33px;letter-spacing:-1px }
.procalc-ui01 .hero-pricing p { font-size:14px;line-height:1.65 }
.procalc-ui01 .eyebrow { font-size:10px;margin-bottom:11px }
.procalc-ui01 .trustline { gap:9px 18px;margin-top:17px;font-size:10px }
.procalc-ui01 .pricing-head { display:none }
.procalc-ui01 .mobile-task { display:flex;margin-bottom:17px }
.procalc-ui01 .price-row { display:flex;flex-direction:column;border:1px solid var(--line)!important;border-radius:12px;overflow:hidden;margin-bottom:16px;background:#fff }
.procalc-ui01 .pricing-wrap { border:0;background:transparent;overflow:visible }
.procalc-ui01 .price-row>.tier { padding:19px 20px;display:grid;grid-template-columns:39px 1fr;column-gap:12px;border-bottom:1px solid var(--line) }
.procalc-ui01 .tier .symbol { grid-row:span 2;width:38px;height:38px;border-radius:9px }
.procalc-ui01 .tier h3 { font-size:17px;margin:0 }
.procalc-ui01 .tier p { font-size:11px;max-width:none }
.procalc-ui01 .tier .badge { grid-column:2;margin-top:9px;width:fit-content }
.procalc-ui01 .price-row>.offer { padding:22px 20px;border:0 }
.procalc-ui01 .price-row>.offer[data-side="modify"] { display:none }
.procalc-ui01.mobile-modify .price-row>.offer[data-side="create"] { display:none }
.procalc-ui01.mobile-modify .price-row>.offer[data-side="modify"] { display:block }
.procalc-ui01 .offer p { font-size:12px }
.procalc-ui01 .offer .price { font-size:29px }
.procalc-ui01 .offer .btn { width:100%;min-height:44px }
.procalc-ui01 .pricing-bottom { grid-template-columns:1fr;gap:20px;margin:22px 0 }
.procalc-ui01 .pricing-bottom p { font-size:12px }
.procalc-ui01 .faq h2 { font-size:22px }
.procalc-ui01 .faq details { padding:16px }
.procalc-ui01 .faq summary { font-size:12px;gap:12px }
.procalc-ui01 .footer { padding:25px 18px 65px;flex-direction:column;gap:16px }
.procalc-ui01 .footer-links { flex-wrap:wrap;font-size:11px;gap:12px 20px }
}

/* Scoped accessibility and service content, absent from the demo mechanics. */
.procalc-ui01 .tier h2 { font-size:19px;letter-spacing:-.2px;line-height:1.4;margin:13px 0 6px }
.procalc-ui01 .offer-result { font-size:11px;color:var(--muted);margin-top:10px }
.procalc-ui01 .offer-result summary { cursor:pointer }
.procalc-ui01 .availability { color:var(--muted);font-size:11px;margin-top:10px }
.procalc-ui01 .mini-choice { flex-wrap:wrap }
.procalc-ui01 .mini-choice span { min-width:0;flex:1 }
.procalc-ui01 .mini-choice .btn { flex-shrink:0 }
.procalc-ui01 .notice { margin-bottom:20px;overflow-wrap:anywhere }
.procalc-ui01 .ui01-skip { position:absolute;top:8px;left:8px;transform:translateY(-180%);background:#fff;padding:10px;z-index:10 }
.procalc-ui01 .ui01-skip:focus { transform:none }
.procalc-ui01 .ui01-menu { width:min(420px,calc(100% - 36px));max-height:calc(100dvh - 36px);border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;color:var(--ink);overflow:auto }
.procalc-ui01 .ui01-menu::backdrop { background:#111b3855 }
.procalc-ui01 .ui01-menu nav { display:flex;flex-direction:column;gap:4px;margin-top:18px }
.procalc-ui01 .ui01-menu nav a { padding:12px 8px;border-radius:6px }
.procalc-ui01 .ui01-menu nav a:hover { background:var(--soft) }
.procalc-ui01 .ui01-kit-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px }
.procalc-ui01 [hidden] { display:none!important }
@media (max-width:1000px) {
  .procalc-ui01 .mobile-menu { display:inline-grid }
}
@media (max-width:700px) {
  .procalc-ui01 .tier h2 { font-size:17px;margin:0 }
  .procalc-ui01:not(.ui01-enhanced) .price-row>.offer[data-side="modify"] { display:block }
  .procalc-ui01 .ui01-kit-grid { grid-template-columns:1fr }
  .procalc-ui01 .ui01-menu { margin:auto auto 18px }
  .procalc-ui01 .mini-choice { gap:10px }
  .procalc-ui01 .mini-choice .btn { flex-basis:100% }
}
@media (prefers-reduced-motion:reduce) {
  .procalc-ui01 * { transition:none!important;scroll-behavior:auto!important }
}
.procalc-ui01 .footer-links button { border:0;background:transparent;padding:0;color:var(--muted);font:inherit }
.procalc-ui01 #support-dialog h2 { margin-bottom:10px }
.procalc-ui01 #support-dialog form { margin-top:18px }
@media (max-width:700px) {
  .procalc-ui01 .segmented button, .procalc-ui01 .segmented a { padding:9px 8px;font-size:11px }
  .procalc-ui01 .desktop-only { display:none!important }
  .procalc-ui01 .mini-choice { font-size:12px }
}
@media (max-width:700px) {
  .procalc-ui01 .footer .brandmark { width:25px }
  .procalc-ui01 .topbar .icon-btn { border:0 }
}
.procalc-ui01 .mobile-only { display:none }
@media (max-width:700px) { .procalc-ui01 .mobile-only { display:inline } }
/* Preserve legible amounts and source names at intermediate widths. */
.procalc-ui01 .ui01-money, .procalc-ui01 .mini-choice strong { white-space:nowrap }
.procalc-ui01 .tier h2 { overflow-wrap:anywhere }
@media (max-width:1300px) {
  .procalc-ui01 .mini-choice .btn { min-width:0;width:auto }
}
@media (max-width:1000px) {
  .procalc-ui01 .mini-choice .btn { flex-basis:100% }
}
@media (min-width:701px) and (max-width:1000px) {
  .procalc-ui01 .tier h2 { font-size:17px;letter-spacing:-.6px }
}

/* Existing site layout loads its own reset first. Keep kit geometry local. */
.procalc-ui01 .container { width:auto }
.procalc-ui01 h2, .procalc-ui01 h3, .procalc-ui01 h4, .procalc-ui01 strong, .procalc-ui01 b { font-weight:700 }
.procalc-ui01 .offer-result summary { list-style:revert }
.procalc-ui01 .offer-result summary::-webkit-details-marker { display:revert }
/* Keep legacy FAQ geometry out of the UI-01 screen; long live badges wrap. */
.procalc-ui01 .faq { display: block; }
.procalc-ui01 .faq summary { padding: 0; min-height: 0; gap: normal; }
.procalc-ui01 .faq details > p { padding: 0; }
.procalc-ui01 .badge { white-space: normal; max-width: 100%; }