/* Free tools + SEO landing pages — same language as the marketing site (v2.css tokens). Hand-written; not generated. */
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Hero */
.thero { background: radial-gradient(900px 420px at 92% -30%, #f7d9cb, transparent 62%), var(--cream); border-bottom: 1px solid var(--line); padding: 56px 0 120px; }
.thero .crumbs { margin-bottom: 22px; }
.thero .kicker { margin-bottom: 18px; }
.thero h1 { font-size: clamp(42px, 6vw, 76px); max-width: 900px; }
.thero h1 em { font-style: italic; color: var(--brand-strong); font-weight: 400; }
.thero .lede { margin-top: 20px; max-width: 700px; }
.tmain { margin-top: -84px; position: relative; z-index: 2; padding-bottom: 24px; }

/* Calculator layout */
.tgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 24px; align-items: start; }
@media (max-width: 1000px) { .tgrid { grid-template-columns: minmax(0, 1fr); } }
.tin { display: grid; gap: 16px; min-width: 0; }
.tpanel { background: var(--paper); border: 1px solid var(--line); border-radius: 22px; padding: 26px 28px; box-shadow: var(--sh); display: grid; gap: 18px; min-width: 0; }
.tpanel h2 { font: 500 24px/1.15 var(--display); letter-spacing: -.01em; }
.tpanel-top { grid-template-columns: minmax(0, 240px) minmax(0, 1fr); align-items: end; gap: 20px; }
.tnote { color: var(--muted); font-size: 14.5px; line-height: 1.5; padding-bottom: 4px; }
@media (max-width: 640px) { .tpanel { padding: 20px 18px; border-radius: 18px; } .tpanel-top { grid-template-columns: minmax(0, 1fr); gap: 10px; } }

/* Fields */
.tf { display: grid; gap: 6px; min-width: 0; align-content: start; }
.tf > label, .seg legend, .tmargin label { font-weight: 600; font-size: 14.5px; color: var(--fg); }
.tf-box { display: flex; align-items: center; height: 46px; border: 1.5px solid var(--line-2); border-radius: 12px; background: #fff; transition: border-color .15s, box-shadow .15s; min-width: 0; }
.tf-box:focus-within { border-color: var(--brand); box-shadow: 0 0 0 4px rgb(176 81 47 / .12); }
.tf-box input { flex: 1; min-width: 0; width: 100%; height: 100%; border: 0; background: transparent; font: 500 16px var(--sans); color: var(--fg); padding: 0 12px; font-variant-numeric: tabular-nums; outline: none; }
.tf-affix { flex: none; color: var(--faint); font-size: 14px; padding: 0 0 0 12px; white-space: nowrap; }
.tf-affix:last-child { padding: 0 12px 0 0; }
.tf-affix + input { padding-left: 6px; }
.tf-hint { color: var(--faint); font-size: 13px; line-height: 1.45; }
.tf-hint a, .tprose a, .tnote a { color: var(--brand-strong); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.tf-inline { max-width: 340px; }
.tsel { height: 46px; border-radius: 12px; border: 1.5px solid var(--line-2); background: #fff; padding: 0 12px; font: 500 16px var(--sans); color: var(--fg); width: 100%; min-width: 0; }
.tsel:focus { border-color: var(--brand); outline: none; box-shadow: 0 0 0 4px rgb(176 81 47 / .12); }
.tfgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 16px 18px; align-items: start; }

/* Row tables (size × qty × cost) */
.trows { display: grid; gap: 8px; }
.trow, .trow-h { display: grid; gap: 10px; align-items: center; }
.trows-3 .trow, .trows-3 .trow-h { grid-template-columns: minmax(0, 1fr) minmax(0, 120px) minmax(0, 140px); }
.trows-2 .trow { grid-template-columns: minmax(0, 1fr) minmax(0, 160px); }
.trow-h { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: var(--faint); }
.trow-l { font-weight: 500; font-size: 15.5px; min-width: 0; }
.trow + .trow { border-top: 1px dashed var(--line); padding-top: 8px; }
@media (max-width: 520px) {
  .trows-3 .trow, .trows-3 .trow-h { grid-template-columns: minmax(0, 1fr) minmax(0, 86px) minmax(0, 104px); gap: 8px; }
  .trows-2 .trow { grid-template-columns: minmax(0, 1fr) minmax(0, 128px); }
  .trow-l { font-size: 14.5px; }
  .tf-box input { padding: 0 8px; }
  .tf-affix { padding-left: 8px; } .tf-affix:last-child { padding-right: 8px; }
}

/* Segmented radio */
.seg { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: 8px; }
.seg legend { padding: 0; margin-bottom: 8px; }
.seg-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.seg label { position: relative; cursor: pointer; border: 1.5px solid var(--line-2); background: #fff; border-radius: 14px; padding: 9px 14px; font-size: 14.5px; font-weight: 500; color: var(--muted); transition: border-color .15s, background .15s, color .15s; flex: 0 1 auto; min-width: 0; }
.seg label small { display: block; font-size: 12.5px; font-weight: 400; color: var(--faint); }
.seg label:hover { border-color: var(--accent); }
.seg label.on { border-color: var(--ink); background: var(--ink); color: #fff; }
.seg label.on small { color: var(--ink-muted); }
.seg input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.seg label:has(input:focus-visible) { outline: 3px solid rgb(176 81 47 / .35); outline-offset: 2px; }

/* Margin slider */
.tmargin { display: grid; gap: 8px; }
.tmargin label { display: flex; justify-content: space-between; align-items: baseline; }
.tmargin output { font: 500 26px/1 var(--display); color: var(--brand-strong); font-variant-numeric: tabular-nums; }
.tmargin input[type=range] { width: 100%; accent-color: var(--brand-fill); height: 28px; }

/* Result card */
.tout { position: sticky; top: 92px; display: grid; gap: 16px; min-width: 0; }
@media (max-width: 1000px) { .tout { position: static; } }
.tres { background: var(--ink); color: var(--ink-fg); border-radius: 24px; padding: 28px; box-shadow: var(--sh-lg); display: grid; gap: 14px; position: relative; overflow: hidden; }
.tres::before { content: ''; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgb(232 165 140 / .35), transparent 65%); pointer-events: none; }
.tres-k { font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: var(--accent); }
.tres-big { font: 500 clamp(48px, 5vw, 64px)/1 var(--display); letter-spacing: -.02em; color: #fff; font-variant-numeric: tabular-nums; word-break: break-word; }
.tres.is-loss .tres-big { color: #f3a7a7; }
.tres-sub { color: var(--ink-muted); font-size: 14.5px; line-height: 1.5; }
.tres-sub b { color: #fff; font-weight: 600; }
.tres-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tres-trio > div { background: var(--ink-2); border: 1px solid #3a3431; border-radius: 14px; padding: 12px 10px; text-align: center; min-width: 0; }
.tres-trio b { display: block; font: 500 21px/1.15 var(--display); color: #fff; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tres-trio span { font-size: 12px; color: var(--ink-muted); }
.tbar { display: flex; height: 10px; border-radius: 6px; overflow: hidden; background: #3a3431; }
.tbar i, .tlines i { display: block; }
.k-mat { background: #e08b69; } .k-lab { background: #7fb3d5; } .k-equ { background: #d9b48f; } .k-fee { background: #8fa38a; } .k-oh { background: #a8a29e; } .k-pro { background: #8fd3ad; }
.tlines { margin: 0; display: grid; font-size: 14.5px; }
.tlines > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #322d2a; }
.tlines dt { color: var(--ink-muted); display: flex; align-items: center; gap: 8px; min-width: 0; }
.tlines dt i { width: 8px; height: 8px; border-radius: 3px; flex: none; }
.tlines dd { margin: 0; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tlines .tot { border-bottom: 0; padding-top: 10px; }
.tlines .tot dt { color: #fff; font-weight: 600; }
.tlines .tot dd { font-weight: 700; }
.tres-warn { font-size: 13.5px; line-height: 1.5; color: #f5d7a8; background: rgb(217 150 58 / .12); border: 1px solid rgb(217 150 58 / .3); border-radius: 12px; padding: 10px 12px; }
.tres-warn em { font-style: normal; font-weight: 600; }
.tres-price, .tdep { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tres-price > div, .tdep > div { background: var(--ink-2); border: 1px solid #3a3431; border-radius: 14px; padding: 12px 14px; min-width: 0; }
.tres-price small, .tdep small { display: block; font-size: 12px; color: var(--ink-muted); }
.tres-price b, .tdep b { display: block; font: 500 28px/1.15 var(--display); color: #fff; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tres-price > div:first-child { background: var(--brand-fill); border-color: var(--brand-fill); }
.tres-price > div:first-child small { color: #fbe6dc; }
.tsizes { width: 100%; border-collapse: collapse; font-size: 14.5px; font-variant-numeric: tabular-nums; }
.tsizes th, .tsizes td { padding: 8px 4px; border-bottom: 1px solid #322d2a; text-align: right; }
.tsizes th:first-child, .tsizes td:first-child { text-align: left; }
.tsizes thead th { font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-muted); font-weight: 600; }
.tsizes tbody th { color: #fff; font-weight: 600; }
.tsizes td { color: var(--ink-fg); }
.tres-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.tbtn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid #4a4440; background: transparent; color: var(--ink-fg); font-weight: 600; font-size: 14px; }
.tbtn:hover { background: #2a2522; }
.tbtn-quiet { border-color: transparent; color: var(--ink-muted); font-weight: 500; }
.tcta { background: linear-gradient(130deg, #fbe6dc, #f7efe6 55%, #e8eee3); border: 1px solid var(--line); border-radius: 22px; padding: 24px; display: grid; gap: 10px; justify-items: start; }
.tcta b { font: 500 23px/1.2 var(--display); letter-spacing: -.01em; }
.tcta p { color: var(--muted); font-size: 15px; line-height: 1.5; }
.tcta .btn { margin-top: 4px; }
.tcta small { color: var(--faint); font-size: 13px; }

/* Explainers */
.tsec { border-top: 1px solid var(--line); }
.tprose { max-width: 860px; font-size: 17.5px; line-height: 1.7; color: var(--ink-2); }
.tprose > * + * { margin-top: 18px; }
.tprose .h2 { margin-top: 14px; margin-bottom: 8px; }
.tprose .h2 em { font-style: italic; }
.tprose h3 { font: 500 28px/1.2 var(--display); letter-spacing: -.01em; margin-top: 40px; color: var(--fg); }
.tsteps { list-style: none; counter-reset: s; padding: 0; display: grid; gap: 12px; }
.tsteps li { counter-increment: s; position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 16px 18px 16px 66px; font-size: 16.5px; line-height: 1.55; }
.tsteps li::before { content: counter(s); position: absolute; left: 18px; top: 14px; width: 32px; height: 32px; border-radius: 50%; background: var(--blush); color: var(--brand-strong); display: grid; place-items: center; font: 600 14px var(--mono); }
.ttable-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); }
.ttable { width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
.ttable th, .ttable td { padding: 11px 14px; text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; }
.ttable thead th { background: var(--cream); font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); font-weight: 600; }
.ttable tbody tr:last-child td { border-bottom: 0; }

/* Tool cards */
.tcards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 18px; margin-top: 32px; }
.tcards-lg { margin-top: 0; }
.tcard { display: flex; flex-direction: column; gap: 10px; background: var(--paper); border: 1px solid var(--line); border-radius: 22px; padding: 26px; transition: transform .2s, box-shadow .2s; }
.tcard:hover { transform: translateY(-3px); box-shadow: var(--sh-lg); }
.tcard .mi { width: 46px; height: 46px; border-radius: 14px; background: var(--blush); color: var(--brand-strong); display: grid; place-items: center; margin-bottom: 6px; }
.tcard small { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: var(--faint); }
.tcard b, .tcard h2 { font: 500 26px/1.15 var(--display); letter-spacing: -.01em; }
.tcard p { color: var(--muted); font-size: 15.5px; line-height: 1.55; }
.tcard .go { margin-top: auto; padding-top: 10px; color: var(--brand-strong); font-weight: 600; font-size: 15px; }
.tcards-lg .tcard { padding: 32px; min-height: 300px; }
.tfinal .inner { padding-top: 170px !important; }

/* ---------- SEO landing pages ---------- */
.lp-hero { background: radial-gradient(1000px 480px at 90% -20%, #f7d9cb, transparent 60%), var(--cream); padding: 64px 0 88px; overflow: hidden; }
.lp-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 56px; align-items: center; }
@media (max-width: 960px) { .lp-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; } }
.lp-hero h1 { font-size: clamp(42px, 5.8vw, 76px); }
.lp-hero .lede { margin-top: 22px; }
.lp-card { background: #fff; border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--sh-lg); padding: 24px; display: grid; gap: 14px; }
.lp-card .head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.lp-card .head b { font: 500 22px/1.2 var(--display); }
.lp-card .head span { font-size: 13px; color: var(--faint); }
.lp-card .ln { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; font-size: 14.5px; padding: 8px 0; border-bottom: 1px dashed var(--line); }
.lp-card .ln span:last-child { font-variant-numeric: tabular-nums; color: var(--muted); }
.lp-card .ln.opt span:first-child::before { content: '+ '; color: var(--brand); font-weight: 700; }
.lp-card .sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; text-align: center; }
.lp-card .sum > div { background: var(--cream); border-radius: 14px; padding: 12px 6px; }
.lp-card .sum b { display: block; font: 500 22px/1.1 var(--display); }
.lp-card .sum span { font-size: 12px; color: var(--muted); }
.lp-card .acts { display: flex; gap: 8px; flex-wrap: wrap; }
.lp-card .pill { font-size: 13px; font-weight: 600; border-radius: 999px; padding: 6px 12px; background: var(--ok-bg); color: var(--ok); }
.lp-card .pill.alt { background: var(--blush); color: var(--brand-strong); }
.lp-card small.note { color: var(--faint); font-size: 12.5px; }
.lp-sec-head { max-width: 760px; }
.lp-sec-head .lede { margin-top: 18px; }
.lp-steps { list-style: none; padding: 0; margin: 48px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; counter-reset: st; }
.lp-steps li { counter-increment: st; background: var(--paper); border: 1px solid var(--line); border-radius: 22px; padding: 24px; display: grid; gap: 8px; align-content: start; }
.lp-steps li::before { content: counter(st, decimal-leading-zero); font: 600 13px var(--mono); color: var(--brand-strong); background: var(--blush); border-radius: 8px; padding: 5px 9px; justify-self: start; }
.lp-steps b { font: 500 22px/1.2 var(--display); }
.lp-steps p { color: var(--muted); font-size: 15.5px; line-height: 1.55; }
.lp-feats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 48px; }
@media (max-width: 1100px) { .lp-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .lp-feats { grid-template-columns: minmax(0, 1fr); } }
.lp-feat { background: var(--paper); border: 1px solid var(--line); border-radius: 22px; padding: 24px; display: grid; gap: 10px; align-content: start; }
.lp-feat .mi { width: 44px; height: 44px; border-radius: 13px; background: var(--blush); color: var(--brand-strong); display: grid; place-items: center; }
.lp-feat h3 { font: 500 22px/1.2 var(--display); letter-spacing: -.01em; }
.lp-feat p { color: var(--muted); font-size: 15.5px; line-height: 1.6; }
.lp-feat ul { list-style: disc; margin: 4px 0 0; padding-left: 18px; color: var(--muted); font-size: 15px; display: grid; gap: 4px; }
.lp-feat .plan-tag { justify-self: start; font-size: 12px; font-weight: 600; color: var(--faint); border: 1px solid var(--line-2); border-radius: 999px; padding: 2px 9px; }
.lp-pains { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 44px; }
@media (max-width: 960px) { .lp-pains { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .lp-pains { grid-template-columns: minmax(0, 1fr); } }
.lp-pains > div { background: var(--ink-2); border: 1px solid #3a3431; border-radius: 20px; padding: 24px; }
.lp-pains b { display: block; color: #fff; font: 500 21px/1.25 var(--display); margin-bottom: 8px; }
.lp-pains p { color: var(--ink-muted); font-size: 15.5px; line-height: 1.55; }
.lp-compare { margin-top: 40px; }
.lp-compare .compare { margin-top: 0; }
.lp-compare .compare td:first-child { font-weight: 600; }
.lp-compare .compare tbody td { color: var(--muted); }
.lp-compare .compare tbody td.us { color: var(--fg); }
.lp-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 16px; margin-top: 44px; }
.lp-plan { background: var(--paper); border: 1px solid var(--line); border-radius: 22px; padding: 24px; display: grid; gap: 10px; align-content: start; }
.lp-plan.pop { background: var(--ink); color: var(--ink-fg); border-color: var(--ink); }
.lp-plan .nm { font-weight: 600; font-size: 15px; letter-spacing: .06em; text-transform: uppercase; color: var(--faint); }
.lp-plan.pop .nm { color: var(--accent); }
.lp-plan .pr { font: 500 44px/1 var(--display); letter-spacing: -.02em; }
.lp-plan .pr small { font: 500 15px var(--sans); color: var(--muted); }
.lp-plan.pop .pr small, .lp-plan.pop p { color: var(--ink-muted); }
.lp-plan p { color: var(--muted); font-size: 15px; }
.lp-plan ul { list-style: none; padding: 0; margin: 6px 0 0; display: grid; gap: 7px; font-size: 14.5px; }
.lp-plan li::before { content: '✓'; color: var(--ok); font-weight: 700; margin-right: 8px; }
.lp-plan.pop li::before { color: #8fd3ad; }
.lp-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.lp-links a { border: 1px solid var(--line-2); border-radius: 999px; padding: 10px 18px; font-weight: 500; background: #fff; font-size: 15px; }
.lp-links a:hover { border-color: var(--brand); color: var(--brand-strong); }
.lp-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
@media (max-width: 900px) { .lp-two { grid-template-columns: minmax(0, 1fr); gap: 32px; } }
.lp-tool { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 16px; align-items: start; background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 18px 20px; transition: box-shadow .2s, transform .2s; }
.lp-tool:hover { box-shadow: var(--sh); transform: translateY(-2px); }
.lp-tool .mi { width: 46px; height: 46px; border-radius: 13px; background: var(--blush); color: var(--brand-strong); display: grid; place-items: center; }
.lp-tool b { display: block; font-size: 17px; }
.lp-tool span { color: var(--muted); font-size: 14.5px; line-height: 1.5; display: block; }
.lp-toollist { display: grid; gap: 12px; }

/* Print: just the calculator and its result */
@media print {
  @page { margin: 14mm; }
  body { background: #fff !important; font-size: 12px; }
  .announce, .nav, .foot, .no-print, .thero-art, .tmini, .tsec, .tfinal, .thero .kicker, .thero .lede, .crumbs, #faq, [role=dialog] { display: none !important; }
  .thero { background: none !important; padding: 0 0 8px !important; border: 0; }
  .thero h1 { font-size: 26px; }
  .tmain { margin-top: 0 !important; }
  .tgrid { grid-template-columns: minmax(0, 1fr) minmax(0, 300px) !important; gap: 12px; }
  .tpanel, .tres { box-shadow: none !important; break-inside: avoid; padding: 12px 14px; border-radius: 10px; gap: 10px; }
  .tpanel { border: 1px solid #ccc; }
  .tout { position: static !important; }
  .tres { background: #fff !important; color: #111 !important; border: 2px solid #111; }
  .tres::before { display: none; }
  .tres *, .tres-big, .tres-trio b, .tlines dd, .tlines dt, .tsizes td, .tsizes th, .tres-price b, .tdep b { color: #111 !important; }
  .tres-trio > div, .tres-price > div, .tdep > div { background: #f4f4f4 !important; border-color: #ddd !important; }
  .tres-big { font-size: 34px; }
  .tf-box { height: 30px; border-width: 1px; }
  .seg label { padding: 4px 8px; }
  .seg label:not(.on) { display: none; }
  .seg label.on { background: #fff !important; color: #111 !important; border-color: #111 !important; }
  .tbar { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}

/* Phone: pinned headline result */
.tmini { display: none; }
@media (max-width: 1000px) {
  .tmini { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 50; display: flex; align-items: center; gap: 10px; background: var(--ink); color: var(--ink-fg); border-radius: 16px; padding: 12px 16px; box-shadow: var(--sh-lg); transition: transform .25s, opacity .25s; }
  .tmini span { font-size: 13px; color: var(--ink-muted); }
  .tmini b { font: 500 22px/1 var(--display); color: #fff; font-variant-numeric: tabular-nums; }
  .tmini .go { margin-left: auto; color: var(--accent); font-weight: 600; white-space: nowrap; }
  .tmini.off { transform: translateY(140%); opacity: 0; pointer-events: none; }
}

/* Hero art + landing screenshot */
.thero { position: relative; overflow: hidden; }
.thero .wrap { position: relative; z-index: 1; }
.thero-art { position: absolute; right: -60px; top: -10px; width: min(44vw, 600px); opacity: .9; pointer-events: none; filter: drop-shadow(0 18px 24px rgb(148 64 31 / .16)); }
@media (max-width: 1000px) { .thero-art { width: 300px; right: -140px; top: -40px; opacity: .45; } }
.thero-plain { padding-bottom: 72px; }
.lp-shot { padding: 0 24px; border-bottom: 0; }
@media (max-width: 720px) { .lp-shot { padding: 0 18px; } }
.lp-shot .muted { font-size: 18px; line-height: 1.6; }
.lp-shot .shotwrap { margin-bottom: 30px; }
@media (max-width: 600px) { .lp-shot .shotwrap .phone { right: 8px; } }
.lp-feat li::marker { color: var(--brand); }