/* ToolPick — premium calculator-first interface
   Existing HTML/logic is preserved; this file owns the visual shell. */
.tp-ui4{
  --tp-bg:#f5f5f7;
  --tp-surface:#ffffff;
  --tp-ink:#111114;
  --tp-muted:#6e6e73;
  --tp-line:#dedee3;
  --tp-accent:#0a84ff;
  --tp-accent-2:#6e5cff;
  --tp-accent-dark:#0066cc;
  --tp-good:#2ca66f;
  --tp-good-soft:#eaf8f1;
  --tp-dark:#05070a;
  --tp-dark-2:#0b0d12;
  --tp-dark-line:rgba(255,255,255,.12);
  margin:0;
  min-width:320px;
  background:var(--tp-bg);
  color:var(--tp-ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Inter,system-ui,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.tp-ui4 *{box-sizing:border-box}
.tp-ui4 a{color:inherit}
.tp-ui4 .v2-wrap{width:min(calc(100% - 48px),1180px);margin-inline:auto}
.tp-ui4 .v2-header{
  position:sticky;top:0;z-index:40;
  background:rgba(5,7,10,.76);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:saturate(180%) blur(22px);
  color:#fff;
}
.tp-ui4 .v2-nav{min-height:56px}
.tp-ui4 .v2-brand{
  font-size:20px;font-weight:700;letter-spacing:-.03em;text-decoration:none;color:#fff
}
.tp-ui4 .v2-brand span{color:#8cc8ff}
.tp-ui4 .v2-navlinks{gap:26px;color:rgba(255,255,255,.66);font-size:12px}
.tp-ui4 .v2-navlinks a{text-decoration:none;transition:color .2s ease}
.tp-ui4 .v2-navlinks a:hover,.tp-ui4 .v2-navlinks a[aria-current="page"]{color:#fff}
.tp-ui4 :where(a,button,summary,input,select):focus-visible{
  outline:3px solid rgba(10,132,255,.36);outline-offset:3px
}
.tp4-badge,.tp4-overline{
  display:inline-flex;align-items:center;
  font-size:12px;font-weight:700;letter-spacing:.055em
}
.tp4-badge{
  padding:8px 12px;border:1px solid rgba(255,255,255,.14);
  border-radius:999px;background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.82)
}
.tp4-overline{color:#7cbcff}
.tp4-status{
  display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;
  background:rgba(64,205,128,.12);color:#7de3ad;font-size:12px;font-weight:700;white-space:nowrap
}

/* Homepage */
.tp4-hero{
  position:relative;overflow:hidden;padding:92px 0 92px;
  background:
    radial-gradient(circle at 76% 18%,rgba(96,88,255,.24),transparent 34%),
    radial-gradient(circle at 62% 58%,rgba(0,143,255,.18),transparent 32%),
    linear-gradient(180deg,#06080c 0%,#090b11 58%,#0d1016 100%);
  color:#fff
}
.tp4-hero::before{
  content:"";position:absolute;inset:auto 0 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent)
}
.tp4-hero::after{
  content:"";position:absolute;width:760px;height:760px;right:-220px;top:-330px;border-radius:50%;
  border:1px solid rgba(255,255,255,.08);box-shadow:0 0 140px rgba(82,117,255,.12);
  pointer-events:none
}
.tp4-hero-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.72fr);
  gap:72px;align-items:center
}
.tp4-hero-copy h1{
  max-width:780px;margin:19px 0 0;
  font-size:clamp(58px,7vw,88px);line-height:.95;
  letter-spacing:-.03em;font-weight:600;text-wrap:balance
}
.tp4-hero-copy h1 em{
  font-style:normal;
  background:linear-gradient(100deg,#d7e8ff 10%,#84bcff 48%,#9b8cff 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.tp4-hero-copy>p{
  max-width:660px;margin:26px 0 0;color:rgba(255,255,255,.64);
  font-size:19px;line-height:1.58;letter-spacing:-.01em
}
.tp4-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}
.tp4-btn{
  min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:22px;
  padding:0 20px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700
}
.tp4-btn-primary{
  background:#f5f5f7;color:#05070a!important;
  box-shadow:0 10px 30px rgba(0,0,0,.24);
  transition:transform .2s ease,background .2s ease
}
.tp4-btn-primary:hover{background:#fff;transform:translateY(-1px)}
.tp4-text-link{color:#82bdff!important;font-size:13px;font-weight:600;text-decoration:none}
.tp4-text-link:hover{text-decoration:underline}
.tp4-proof{
  display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:28px;
  color:rgba(255,255,255,.42);font-size:12px
}
.tp4-proof span::before{content:"•";margin-right:7px;color:#7cbcff}
.tp4-featured{
  position:relative;overflow:hidden;
  padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));
  box-shadow:0 38px 100px rgba(0,0,0,.36);
  backdrop-filter:blur(24px)
}
.tp4-featured-glow{
  position:absolute;inset:auto -80px -110px auto;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(74,141,255,.28),transparent 66%);pointer-events:none
}
.tp4-featured-top{position:relative;display:flex;align-items:start;justify-content:space-between;gap:16px}
.tp4-featured-top h2{margin:7px 0 0;font-size:26px;letter-spacing:-.03em;font-weight:600}
.tp4-plan-strip{
  position:relative;display:grid;grid-template-columns:repeat(3,1fr);
  margin:28px 0 0;border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12)
}
.tp4-plan-strip>div{padding:20px 12px 19px 0}
.tp4-plan-strip span{display:block;color:rgba(255,255,255,.46);font-size:12px}
.tp4-plan-strip strong{display:inline-block;margin-top:5px;font-size:28px;letter-spacing:-.03em;font-weight:600}
.tp4-plan-strip small{color:rgba(255,255,255,.34);font-size:12px}
.tp4-featured-question{position:relative;padding:24px 0 20px}
.tp4-featured-kicker{display:block;margin-bottom:6px;color:#7cbcff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.tp4-featured-question strong{display:block;font-size:18px;letter-spacing:-.02em}
.tp4-featured-question p{margin:7px 0 0;color:rgba(255,255,255,.48);font-size:12px;line-height:1.55}
.tp4-featured-cta{
  position:relative;min-height:50px;display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;border-radius:14px;background:#fff;color:#05070a!important;
  text-decoration:none;font-size:12px;font-weight:700;transition:transform .2s ease
}
.tp4-featured-cta:hover{transform:translateY(-1px)}

.tp4-section{padding:92px 0}
.tp4-section-head{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.4fr);
  gap:64px;align-items:end;margin-bottom:38px
}
.tp4-section-head h2{
  margin:8px 0 0;font-size:clamp(42px,5vw,62px);line-height:.98;
  letter-spacing:-.03em;font-weight:600;text-wrap:balance
}
.tp4-section-head>p{margin:0;color:var(--tp-muted);font-size:14px;line-height:1.65}
.tp4-tools{background:#f5f5f7}
.tp4-tools .tp4-overline,.tp4-how .tp4-overline{color:#0071e3}
.tp4-tool-grid{display:grid;grid-template-columns:1.25fr .88fr .88fr;gap:18px}
.tp4-tool-card{
  min-height:340px;display:flex;flex-direction:column;padding:28px;
  border:1px solid rgba(0,0,0,.055);border-radius:28px;background:#fff;
  box-shadow:0 18px 50px rgba(17,17,20,.045)
}
.tp4-tool-live{
  color:#fff;border-color:rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 90% 5%,rgba(85,120,255,.3),transparent 34%),
    linear-gradient(145deg,#0a0d13,#141923)
}
.tp4-tool-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8b8b91;font-size:12px;font-weight:700}
.tp4-tool-live .tp4-tool-meta{color:rgba(255,255,255,.48)}
.tp4-tool-card h3{margin:48px 0 12px;font-size:27px;line-height:1.08;letter-spacing:-.03em;font-weight:600}
.tp4-tool-live h3{max-width:540px;font-size:38px}
.tp4-tool-card p{margin:0;color:#7b7b81;font-size:13px;line-height:1.65}
.tp4-tool-live p{max-width:560px;color:rgba(255,255,255,.54)}
.tp4-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.tp4-tags span{padding:6px 9px;border-radius:999px;background:#f2f2f4;color:#6e6e73;font-size:12px;font-weight:700}
.tp4-tool-live .tp4-tags span{background:rgba(255,255,255,.08);color:rgba(255,255,255,.56)}
.tp4-tool-card>a,.tp4-muted-action{margin-top:auto;padding-top:20px;font-size:12px;font-weight:700}
.tp4-tool-card>a{color:#79b9ff!important;text-decoration:none}
.tp4-tool-card:not(.tp4-tool-live)>a{color:#0071e3!important}
.tp4-muted-action{color:#a0a0a6}
.tp4-how{background:#fff}
.tp4-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}
.tp4-steps li{min-height:210px;padding:26px;border-radius:24px;background:#f5f5f7}
.tp4-steps>li>span{
  display:block;color:#0071e3;font-size:12px;font-weight:700;letter-spacing:.05em
}
.tp4-steps strong{display:block;margin-top:44px;font-size:21px;letter-spacing:-.025em}
.tp4-steps p{margin:7px 0 0;color:#7c7c82;font-size:12px;line-height:1.55}
.tp4-method-note{
  display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;
  margin-top:18px;padding:21px 24px;border-radius:20px;background:#111318;color:#fff
}
.tp4-method-note strong{font-size:12px}
.tp4-method-note p{margin:0;color:rgba(255,255,255,.56);font-size:12px;line-height:1.5}
.tp4-method-note a{color:#7cbcff!important;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.tp4-legacy{padding:22px 0 26px;background:#f5f5f7}
.tp4-legacy .v2-wrap{display:flex;flex-wrap:wrap;gap:10px 20px;color:#9a9aa0;font-size:12px}
.tp4-legacy a{color:#66666c!important;text-decoration:none}
.tp4-legacy a:hover{text-decoration:underline}

/* Calculator hero */
.tp4-calc-hero{
  position:relative;overflow:hidden;padding:68px 0 58px;
  background:
    radial-gradient(circle at 78% 10%,rgba(90,75,255,.21),transparent 30%),
    radial-gradient(circle at 64% 52%,rgba(0,141,255,.14),transparent 28%),
    linear-gradient(180deg,#06080c,#0a0d13);
  color:#fff
}
.tp4-calc-hero>.v2-wrap{display:flex;align-items:end;justify-content:space-between;gap:40px}
.tp4-calc-title{max-width:820px}
.tp4-calc-title h1{
  margin:16px 0 0;font-size:clamp(54px,6vw,78px);line-height:.96;
  letter-spacing:-.03em;font-weight:600;text-wrap:balance
}
.tp4-calc-title p{max-width:700px;margin:20px 0 0;color:rgba(255,255,255,.57);font-size:16px;line-height:1.6}
.tp4-calc-facts{flex:0 0 auto;display:grid;gap:9px;padding-bottom:5px;color:rgba(255,255,255,.44);font-size:12px}
.tp4-calc-facts span{display:flex;justify-content:flex-end;gap:5px}
.tp4-calc-facts b{color:rgba(255,255,255,.8)}

/* Calculator shell */
.tp4-calc-shell{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr);
  gap:26px;align-items:start;padding-block:34px 68px
}
.tp-ui4 .decision-panel{background:#fff;border:0;box-shadow:0 20px 60px rgba(17,17,20,.055)}
.tp-ui4 .quick-estimate{padding:0;border-radius:28px;overflow:hidden}
.tp4-form-head{
  display:flex;justify-content:space-between;gap:18px;align-items:start;
  padding:28px 30px;border-bottom:1px solid #ececf0;background:#fff
}
.tp4-form-head h2{margin:5px 0 0;font-size:28px;letter-spacing:-.03em;font-weight:600}
.tp4-form-time{padding:7px 10px;border-radius:999px;background:#eef8f4;color:#18885b;font-size:12px;font-weight:700;white-space:nowrap}
.tp4-form-step{
  display:grid;grid-template-columns:185px minmax(0,1fr);gap:30px;padding:30px;
  border-bottom:1px solid #ececf0
}
.tp4-form-step:last-child{border-bottom:0}
.tp4-step-label{display:flex;gap:11px;align-items:flex-start}
.tp4-step-label>span{
  width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;
  border-radius:50%;background:#111318;color:#fff;font-size:12px;font-weight:700
}
.tp4-step-label strong{display:block;font-size:12px}
.tp4-step-label small{display:block;margin-top:4px;color:#a0a0a6;font-size:12px;line-height:1.42}
.tp4-step-label em{font-style:normal;color:#a0a0a6;font-weight:600}
.tp-ui4 .decision-fields{gap:14px}
.tp4-two-fields,.tp4-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tp-ui4 .decision-field{gap:6px}
.tp-ui4 .decision-field>span{color:#3a3a3f;font-size:12px;font-weight:700}
.tp-ui4 .decision-field small{color:#a0a0a6;font-size:12px}
.tp-ui4 .decision-field input,.tp-ui4 .decision-field select{
  min-height:50px;padding:10px 13px;border:1px solid #d8d8de;border-radius:14px;
  background:#fafafa;color:#111114;font:inherit;transition:border .15s ease,box-shadow .15s ease,background .15s ease
}
.tp-ui4 .decision-field input:hover,.tp-ui4 .decision-field select:hover{background:#fff;border-color:#bfc0c7}
.tp-ui4 .decision-field input:focus-visible,.tp-ui4 .decision-field select:focus-visible{
  border-color:#0a84ff;box-shadow:0 0 0 4px rgba(10,132,255,.1);outline:0;background:#fff
}
.tp4-need-groups{display:grid;grid-template-columns:1fr 1.35fr;gap:12px}
.tp4-need-group{padding:13px;border:0;border-radius:18px;background:#f6f6f8}
.tp4-plan-hint{display:block;margin:2px 6px 8px;color:#9999a0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.tp4-need-group label{
  display:flex;gap:9px;align-items:flex-start;padding:11px 9px;border-radius:12px;cursor:pointer;
  transition:background .15s ease,transform .15s ease
}
.tp4-need-group label:hover{background:#fff}
.tp4-need-group input{margin-top:3px;accent-color:#0a84ff}
.tp4-need-group label span{display:flex;flex-direction:column}
.tp4-need-group b{font-size:12px}
.tp4-need-group small{margin-top:2px;color:#9c9ca2;font-size:12px}
.tp-ui4 .advanced-estimate{margin-top:14px;border-radius:22px;overflow:hidden;background:#fff}
.tp-ui4 .advanced-estimate>summary{padding:18px 20px}
.tp-ui4 .advanced-estimate>summary strong{font-size:12px}
.tp-ui4 .advanced-estimate .v2-kicker{color:#9a9aa0;font-size:12px}
.tp-ui4 .advanced-action{color:#0071e3;font-family:inherit;font-size:12px}
.tp-ui4 .advanced-content{padding:2px 20px 22px}
.tp-ui4 .advanced-block{padding:20px 0}
.tp-ui4 .advanced-block h3{font-size:12px}
.tp-ui4 .compact-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.tp-ui4 .advanced-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tp-ui4 .decision-stack{gap:11px}
.tp4-submit-row{
  display:flex;align-items:center;gap:18px;margin-top:14px;padding:0;background:transparent
}
.tp-ui4 .decision-submit{
  min-height:54px;min-width:240px;padding:0 19px;border:0;border-radius:999px;
  background:#111318;color:#fff;font-weight:700;box-shadow:0 12px 26px rgba(0,0,0,.12);
  transition:transform .15s ease,background .15s ease
}
.tp-ui4 .decision-submit:hover{background:#000;transform:translateY(-1px)}
.tp4-submit-row p{margin:0;color:#8b8b91;font-size:12px;line-height:1.5}

/* Result — visual center */
.tp-ui4 .decision-result{position:sticky;top:76px}
.tp-ui4 .cost-ledger{
  overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:28px;
  background:
    radial-gradient(circle at 95% 0%,rgba(86,89,255,.22),transparent 28%),
    linear-gradient(180deg,#0b0e14,#11151d);
  color:#fff;box-shadow:0 30px 80px rgba(6,8,12,.22)
}
.tp-ui4 .cost-ledger::before{display:none}
.tp-ui4 .ledger-meta{
  padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.09);
  color:rgba(255,255,255,.42);font:700 12px/1.2 inherit;text-transform:none;letter-spacing:.02em
}
.tp-ui4 .ledger-empty{padding:38px 26px 32px}
.tp-ui4 .ledger-index{color:#79b9ff;font:700 12px/1 inherit;letter-spacing:.04em;text-transform:uppercase}
.tp-ui4 .ledger-empty h2{margin:12px 0 9px;font-size:32px;line-height:1.02;letter-spacing:-.03em;font-weight:600}
.tp-ui4 .ledger-empty p{color:rgba(255,255,255,.5);font-size:12px;line-height:1.6}
.tp4-result-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}
.tp4-result-preview div{padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.04)}
.tp4-result-preview span{display:block;color:rgba(255,255,255,.35);font-size:12px}
.tp4-result-preview strong{display:block;margin-top:4px;color:#fff;font-size:12px}
.tp-ui4 .ledger-result{padding:22px}
.tp-ui4 .ledger-plan strong{font-size:34px;letter-spacing:-.03em}
.tp-ui4 .ledger-label{color:rgba(255,255,255,.4);font:700 12px/1.2 inherit;text-transform:none;letter-spacing:.01em}
.tp-ui4 .ledger-pill{border:1px solid rgba(124,188,255,.2);background:rgba(10,132,255,.12);color:#8bc8ff;font-family:inherit}
.tp-ui4 .ledger-total{
  margin:18px 0 0;padding:22px;border-radius:18px;background:#fff;color:#08090c
}
.tp-ui4 .ledger-total .ledger-label{color:#8a8a90}
.tp-ui4 .ledger-total>div{font-size:clamp(38px,4vw,54px);font-weight:600;letter-spacing:-.03em}
.tp-ui4 .ledger-total p{color:#7c7c82}
.tp4-why-first{padding-top:19px}
.tp-ui4 .ledger-reasons li{color:rgba(255,255,255,.58)}
.tp-ui4 .ledger-reasons li::before{background:#78b9ff}
.tp-ui4 .ledger-summary{
  margin-top:18px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:15px
}
.tp-ui4 .ledger-summary div{padding:12px;border-color:rgba(255,255,255,.08)}
.tp-ui4 .ledger-summary div:nth-child(odd){padding-left:12px}
.tp-ui4 .ledger-summary span{color:rgba(255,255,255,.38);font-size:12px}
.tp-ui4 .ledger-summary strong{color:#fff;font-size:13px}
.tp-ui4 .ledger-section{padding-top:18px;border-color:rgba(255,255,255,.08)}
.tp-ui4 .ledger-section-head h3{color:#fff;font-size:12px}
.tp-ui4 .ledger-section-head span{color:rgba(255,255,255,.36);font-size:12px}
.tp-ui4 .ledger-affiliate{
  margin-top:18px;padding:15px;border:1px solid rgba(120,185,255,.2);border-radius:15px;
  background:rgba(10,132,255,.08)
}
.tp-ui4 .ledger-affiliate-cta{
  width:100%;min-height:47px;margin-top:8px;border-radius:999px;background:#fff;
  color:#08090c!important;box-shadow:none
}
.tp-ui4 .ledger-affiliate-cta:hover{background:#f3f3f5}
.tp-ui4 .affiliate-disclosure-inline{margin:10px 0 0;color:rgba(255,255,255,.38);font-size:12px;line-height:1.5}
.tp-ui4 .ledger-toggle,.tp-ui4 .ledger-sources summary{color:#7ebcff;font-family:inherit}
.tp-ui4 .ledger-row,.tp-ui4 .ledger-notice{border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.64)}
.tp-ui4 .ledger-row strong{color:#fff}
.tp-ui4 .ledger-footer{color:rgba(255,255,255,.28);font-family:inherit;text-transform:none;letter-spacing:0}

/* SEO content below calculator */
.tp-ui4 .search-answer{padding:76px 0;border-top:1px solid #e0e0e5}
.tp-ui4 .search-answer-head{max-width:820px}
.tp-ui4 .search-answer-head h2,.tp-ui4 .location-cost-block h2,.tp-ui4 .calc-explainer h2{
  margin:8px 0 0;font-size:clamp(38px,4.2vw,54px);line-height:1;letter-spacing:-.03em;font-weight:600
}
.tp-ui4 .search-answer-head p,.tp-ui4 .location-cost-block>div:first-child>p{color:#737379;font-size:13px}
.tp-ui4 .plan-answer-grid{gap:14px}
.tp-ui4 .plan-answer-grid article,.tp-ui4 .billing-answer-grid article{
  border:0;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(20,20,24,.035)
}
.tp-ui4 .plan-answer-price{color:#0071e3;font-family:inherit}
.tp-ui4 .plan-answer-grid h3,.tp-ui4 .billing-answer-grid h3{font-size:19px}
.tp-ui4 .location-cost-block{border:0;border-radius:26px;background:#fff;box-shadow:0 16px 40px rgba(20,20,24,.035)}
.tp-ui4 .location-cost-table-wrap{border-radius:14px}
.tp-ui4 .location-cost-table th{background:#f5f5f7;text-transform:none;letter-spacing:0}
.tp-ui4 .static-source-note a{color:#0071e3}
.tp-ui4 .calc-explainer{gap:60px}
.tp-ui4 .v2-kicker{color:#0071e3;font-family:inherit;text-transform:none;letter-spacing:.02em}
.tp-ui4 .v2-footer{margin-top:0;border-color:#dfdfe4;background:#f5f5f7;color:#77777d}

/* subtle motion only */
@media (prefers-reduced-motion:no-preference){
  .tp4-featured{animation:tpFloat 7s ease-in-out infinite}
  @keyframes tpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
}
@media(max-width:1000px){
  .tp4-hero-grid,.tp4-calc-shell{grid-template-columns:1fr}
  .tp4-featured{max-width:720px}
  .tp4-tool-grid{grid-template-columns:1fr 1fr}
  .tp4-tool-live{grid-column:1 / -1}
  .tp4-section-head{grid-template-columns:1fr;gap:16px}
  .tp4-calc-hero>.v2-wrap{display:block}
  .tp4-calc-facts{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:20px}
  .tp4-calc-facts span{justify-content:flex-start}
  .tp-ui4 .decision-result{position:static}
}
@media(max-width:760px){
  .tp-ui4 .v2-wrap{width:min(calc(100% - 28px),1180px)}
  .tp-ui4 .v2-nav{min-height:54px}
  .tp-ui4 .v2-navlinks{display:none}
  .tp4-hero{padding:58px 0 52px}
  .tp4-hero-grid{gap:42px}
  .tp4-hero-copy h1{font-size:52px}
  .tp4-hero-copy>p{font-size:16px}
  .tp4-featured{padding:20px;border-radius:22px}
  .tp4-plan-strip>div{padding:16px 7px 15px 0}
  .tp4-plan-strip strong{font-size:21px}
  .tp4-section{padding:60px 0}
  .tp4-section-head h2{font-size:43px}
  .tp4-tool-grid,.tp4-steps{grid-template-columns:1fr}
  .tp4-tool-live{grid-column:auto}
  .tp4-tool-card{min-height:auto}
  .tp4-tool-live h3{font-size:32px}
  .tp4-method-note{grid-template-columns:1fr;gap:8px}
  .tp4-calc-hero{padding:48px 0 36px}
  .tp4-calc-title h1{font-size:49px}
  .tp4-calc-shell{gap:20px;padding-block:20px 48px}
  .tp4-form-head{padding:22px}
  .tp4-form-step{grid-template-columns:1fr;gap:15px;padding:22px}
  .tp4-two-fields,.tp4-usage-grid,.tp4-need-groups{grid-template-columns:1fr}
  .tp-ui4 .compact-fields,.tp-ui4 .advanced-columns{grid-template-columns:1fr}
  .tp4-submit-row{flex-direction:column;align-items:stretch}
  .tp-ui4 .decision-submit{width:100%;min-width:0}
  .tp4-result-preview{grid-template-columns:1fr}
  .tp-ui4 .cost-ledger{border-radius:22px}
  .tp-ui4 .plan-answer-grid,.tp-ui4 .billing-answer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .tp-ui4 *, .tp-ui4 *::before, .tp-ui4 *::after{transition:none!important;animation:none!important}
}

/* 5188688 typography normalization v1 */
.tp-ui4{
  --tp-type-font:Inter,"Noto Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-family:var(--tp-type-font);
  font-kerning:normal;
  font-optical-sizing:auto;
  font-synthesis:none;
}
.tp-ui4 .v2-brand{letter-spacing:-.025em;font-weight:700}
.tp4-hero-copy h1{letter-spacing:-.035em;line-height:.98;font-weight:600}
.tp4-featured-top h2,
.tp4-tool-card h3,
.tp4-form-head h2,
.tp-ui4 .ledger-empty h2,
.tp-ui4 .ledger-plan strong,
.tp-ui4 .ledger-total>div{letter-spacing:-.025em;font-weight:600}
.tp4-badge,.tp4-overline,.tp4-proof,
.tp4-featured-kicker,.tp4-tool-meta,
.tp4-method-note p,.tp4-method-note a,
.tp4-calc-facts,.tp4-submit-row p,
.tp-ui4 .decision-field>span{font-size:12px}
.tp4-status,.tp4-plan-strip span{font-size:12px}
.tp4-plan-strip small,.tp4-tags span,.tp4-steps>li>span,.tp4-legacy .v2-wrap,
.tp4-form-time,.tp4-step-label>span,.tp4-step-label small,.tp-ui4 .decision-field small,
.tp4-plan-hint,.tp4-need-group b,.tp4-need-group small,.tp-ui4 .advanced-estimate .v2-kicker,
.tp-ui4 .advanced-action,.tp-ui4 .ledger-empty p,.tp4-result-preview span,.tp4-result-preview strong,
.tp-ui4 .ledger-summary span,.tp-ui4 .ledger-section-head span,.tp-ui4 .affiliate-disclosure-inline{font-size:12px}
.tp4-badge,.tp4-overline,.tp4-featured-kicker{letter-spacing:.05em}
.tp4-section-head h2,.tp4-calc-title h1,
.tp-ui4 .search-answer-head h2,.tp-ui4 .location-cost-block h2,.tp-ui4 .calc-explainer h2{letter-spacing:-.03em;font-weight:600}
.tp4-hero-copy>p{line-height:1.62;letter-spacing:normal;text-wrap:pretty}
.tp-ui4 :is(.tp4-price,.tp4-total,.ledger-total,.ledger-plan){font-variant-numeric:tabular-nums}
:lang(zh) .tp-ui4,
:lang(zh-CN) .tp-ui4,
:lang(zh-Hans) .tp-ui4{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",Inter,system-ui,sans-serif}
:lang(zh) .tp-ui4 :is(h1,h2,h3,.v2-brand,.tp4-price,.ledger-total,.ledger-plan),
:lang(zh-CN) .tp-ui4 :is(h1,h2,h3,.v2-brand,.tp4-price,.ledger-total,.ledger-plan),
:lang(zh-Hans) .tp-ui4 :is(h1,h2,h3,.v2-brand,.tp4-price,.ledger-total,.ledger-plan){letter-spacing:0}
:lang(zh) .tp-ui4 :is(.tp4-badge,.tp4-overline,.tp4-featured-kicker),
:lang(zh-CN) .tp-ui4 :is(.tp4-badge,.tp4-overline,.tp4-featured-kicker),
:lang(zh-Hans) .tp-ui4 :is(.tp4-badge,.tp4-overline,.tp4-featured-kicker){letter-spacing:0;text-transform:none}

/* 5188688 full typography audit v2 */
.tp-ui4 .tp4-featured-question p{font-size:15px;line-height:1.65}
.tp-ui4 .tp4-section-head>p{font-size:16px;line-height:1.65}
.tp-ui4 .tp4-tool-card p{font-size:15px;line-height:1.68}
.tp-ui4 .tp4-steps p{font-size:14px;line-height:1.62}
.tp-ui4 .tp4-method-note p{font-size:14px;line-height:1.6}
.tp-ui4 .tp4-method-note a{font-size:13px}
.tp-ui4 .tp4-btn,.tp-ui4 .tp4-text-link{font-size:14px}
.tp-ui4 .tp4-calc-title p{font-size:17px;line-height:1.65}
.tp-ui4 .tp4-calc-facts{font-size:13px;line-height:1.5}
.tp-ui4 .tp4-step-label strong{font-size:14px}
.tp-ui4 .decision-field>span{font-size:14px}
.tp-ui4 .decision-field small{font-size:12px;line-height:1.5}
.tp-ui4 .tp4-need-group b{font-size:14px}
.tp-ui4 .tp4-need-group small{font-size:12px;line-height:1.5}
.tp-ui4 .tp4-submit-row p{font-size:13px;line-height:1.6}
.tp-ui4 .ledger-empty p{font-size:14px;line-height:1.6}
.tp-ui4 .ledger-reasons li,.tp-ui4 .ledger-notice{font-size:13px;line-height:1.6}
.tp-ui4 .ledger-row strong,.tp-ui4 .ledger-row small,.tp-ui4 .ledger-row>span{font-size:12px;line-height:1.45}
.tp-ui4 .search-answer-head p,
.tp-ui4 .location-cost-block>div:first-child>p,
.tp-ui4 .plan-answer-grid p,
.tp-ui4 .billing-answer-grid p,
.tp-ui4 .explainer-grid p{font-size:15px;line-height:1.68}
.tp-ui4 .location-cost-table td{font-size:14px;line-height:1.5}
.tp-ui4 .location-cost-note,.tp-ui4 .static-source-note{font-size:13px;line-height:1.55}

/* Homepage Hallmark audit fixes 2026-10-28: homepage only (.v2-home), calculator untouched. */
.v2-home.tp-ui4{--tp-type-font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-family:var(--tp-type-font)}
.v2-home.tp-ui4 :is(h1,h2,h3,.v2-brand){font-family:Georgia,"Iowan Old Style","Times New Roman",serif;letter-spacing:-.01em}
.v2-home .tp4-hero{background:#0a0c0f}
.v2-home .tp4-hero::after{display:none}
.v2-home .tp4-hero-copy h1 em{background:none;-webkit-background-clip:initial;background-clip:initial;color:#dbeafe;font-weight:700}
.v2-home .tp4-hero-copy>p{color:rgba(255,255,255,.82)}
.v2-home .tp4-proof{color:rgba(255,255,255,.72);font-size:13px}
.v2-home .tp4-featured{background:#13161d;backdrop-filter:none;box-shadow:0 20px 50px rgba(0,0,0,.30)}
.v2-home .tp4-featured-glow{display:none}
.v2-home .tp4-overline,.v2-home .tp4-featured-kicker{text-transform:none;letter-spacing:0}
.v2-home .tp4-featured-question p{color:rgba(255,255,255,.72)}
.v2-home .tp4-plan-strip span{color:rgba(255,255,255,.72)}
.v2-home .tp4-plan-strip small{color:rgba(255,255,255,.60)}
.v2-home .tp4-tool-grid{grid-template-columns:1fr 1fr}
.v2-home .tp4-tool-live{grid-column:1 / -1;min-height:auto;background:#111318}
.v2-home .tp4-tool-live h3{margin-top:20px;font-size:32px}
.v2-home .tp4-tool-card{min-height:auto}
@media(max-width:760px){.v2-home .tp4-tool-grid{grid-template-columns:1fr}.v2-home .tp4-tool-live{grid-column:auto}}

/* 5188688 computed typography audit fixes v3 */
.tp-ui4 .tp4-steps p{font-size:15px;line-height:1.65}
.tp-ui4 .tp4-method-note p{font-size:15px;line-height:1.65}
.tp-ui4 .tp4-step-label small{line-height:1.5}
.tp-ui4 .tp4-submit-row p{font-size:15px;line-height:1.6}
.tp-ui4 .ledger-empty p{font-size:15px;line-height:1.65}
.tp-ui4 .location-cost-note{font-size:15px;line-height:1.6}