/* Pricing page layout only. Components and tokens live in site.css (docs/FOUNDATION.md). */

/* one grid column, so page pieces can sit on the 12-column grid from inside a bleed */
.page-pricing{--col:calc((min(100vw - 2 * var(--margin),var(--maxw)) - 11 * var(--gutter)) / 12)}

/* ---------- hero: the copy on bone, the price list as a printed card on a travertine slab ---------- */
.ph{border-bottom:1px solid var(--rule)}
.ph__grid{min-height:clamp(600px,calc(100svh - 112px),780px)}
.ph__copy{grid-column:1 / 6;display:flex;flex-direction:column;gap:var(--space-md);padding-block:var(--space-2xs) var(--space-2xl)}
.ph__copy .crumbs{margin-left:-2px}
.ph__title{display:grid;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-lg);font-weight:inherit}
.ph__kicker{font-size:var(--fs-ui);font-weight:500;line-height:1.35;color:var(--ink-2);letter-spacing:.01em}
.ph__display{font-family:var(--display);font-size:var(--fs-display);font-weight:340;line-height:.98;letter-spacing:-.018em;text-wrap:balance}
.ph__lede{max-width:40ch}
.ph__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-md);margin-top:var(--space-2xs)}
.ph__gift{margin-bottom:auto;max-width:42ch;font-size:var(--fs-small);line-height:1.5;color:var(--ink-2)}
.ph__gift a{color:var(--ink);text-decoration-color:var(--rule-strong)}
.ph__gift a:hover{text-decoration-color:currentColor}
.ph__slab{grid-column:6 / -1;margin-right:calc(var(--edge) * -1);position:relative;isolation:isolate;display:grid;align-items:center;padding:clamp(48px,6vw,88px) var(--edge) clamp(64px,7vw,104px) clamp(40px,4vw,64px);background:var(--stone);overflow:hidden}
.ph__tex,.ph__tex img{position:absolute;inset:0;width:100%;height:100%}
.ph__tex{z-index:-1}
.ph__tex img{object-fit:cover;object-position:50% 40%}
.ph__chip{position:absolute;right:var(--edge);bottom:clamp(18px,2.2vw,32px)}
.tariff{position:relative;background:var(--paper);padding:clamp(24px,2.6vw,40px) clamp(24px,2.8vw,44px) clamp(22px,2.4vw,34px);box-shadow:0 1px 0 oklch(0.7 0.03 70 / .5),0 44px 60px -38px oklch(0.22 0.03 55 / .5)}
.tariff__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-sm)}
.tariff__t{font-size:var(--fs-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.35;color:var(--ink-2)}
.tariff .wm{--wm-h:12px;color:var(--ink-2)}
.tariff__pl .pl__row:last-child{border-bottom:0}
.tariff__pl .pl__row{padding-block:clamp(18px,2vw,26px)}
@media (min-width:901px){
  .tariff__pl .pl__row{grid-template-columns:auto minmax(16px,1fr) auto}
  .tariff__pl .pl__name{white-space:nowrap}
  .tariff__pl .pl__price{font-size:clamp(2rem,1.5rem + .8vw,2.5rem)}
}
.tariff__note{margin-top:var(--space-2xs);padding-top:var(--space-sm);border-top:1px solid var(--rule);max-width:none}
@media (prefers-reduced-motion:no-preference){
  .ph__tex img{animation:phSettle 2.4s var(--ease-expo) both}
  .ph__copy > *{animation:phRise 1.1s var(--ease-expo) both}
  .ph__copy > :nth-child(2){animation-delay:.06s}
  .ph__copy > :nth-child(3){animation-delay:.12s}
  .ph__copy > :nth-child(4){animation-delay:.18s}
  .ph__copy > :nth-child(5){animation-delay:.24s}
  .tariff{animation:phCard 1.3s .15s var(--ease-expo) both}
}
@keyframes phSettle{from{transform:scale(1.06)}to{transform:none}}
@keyframes phRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes phCard{from{transform:translateY(28px)}to{transform:none}}

/* ---------- quick estimate ---------- */
.est__head{grid-column:1 / 8;display:grid;gap:var(--space-md);align-content:start;margin-bottom:clamp(40px,4.4vw,64px)}
.est__form{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:start}
.est__inputs{grid-column:1 / 8;display:grid;gap:var(--space-xl)}
.est__set{min-width:0;margin:0;padding:0;border:0}
.est__legend{float:left;width:100%;padding:var(--space-sm) 0 0;margin-bottom:var(--space-md);border-top:1px solid var(--ink);font-family:var(--display);font-size:1.5rem;font-weight:440;line-height:1.15}
.est__legend + *{clear:both}
.est__dims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);max-width:460px;margin-bottom:var(--space-sm)}
.est__num{position:relative;display:block}
.est__num .input{padding-right:48px;font-family:var(--display);font-size:1.625rem;font-weight:400;line-height:1.1;-moz-appearance:textfield;appearance:textfield}
.est__num .input::placeholder{color:oklch(0.7 0.02 70)}
.est__num .input::-webkit-inner-spin-button,.est__num .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.est__unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:var(--fs-ui);color:var(--ink-2);pointer-events:none}
#dimNote{max-width:56ch}
.est__help{margin:calc(var(--space-sm) * -1) 0 var(--space-md)}

.estimate-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.estimate-option{position:relative;display:grid;grid-template-rows:auto 1fr;align-content:start;background:var(--paper);box-shadow:0 1px 0 var(--rule);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .3s var(--ease-quart)}
.estimate-option:hover{box-shadow:0 0 0 1px var(--rule-strong)}
.estimate-option.selected,.estimate-option:has(.concept-check:checked){box-shadow:0 0 0 1px var(--ink)}
.estimate-option:has(.concept-check:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.concept-check{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.estimate-option__media{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;background:var(--linen)}
.estimate-option__media picture{height:100%}
.estimate-option__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-expo)}
.estimate-option:hover .estimate-option__media img{transform:scale(1.035)}
.estimate-option[data-concept="stone-media"] .estimate-option__media img{object-position:40% 50%}
.estimate-option__tick{position:absolute;top:12px;left:12px;width:28px;height:28px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--rule-strong);transition:background-color .25s var(--ease-quart),border-color .25s var(--ease-quart)}
.estimate-option__tick::after{content:"";width:13px;height:7px;border-left:1.6px solid var(--on-dark);border-bottom:1.6px solid var(--on-dark);transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .3s var(--ease-expo)}
.estimate-option.selected .estimate-option__tick,.estimate-option:has(.concept-check:checked) .estimate-option__tick{background:var(--olive);border-color:var(--olive)}
.estimate-option.selected .estimate-option__tick::after,.estimate-option:has(.concept-check:checked) .estimate-option__tick::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.estimate-option__copy{display:grid;gap:4px;align-content:start;padding:var(--space-sm) var(--space-sm) var(--space-md)}
.estimate-option__copy strong{font-family:var(--display);font-size:1.3125rem;font-weight:460;line-height:1.2}
.estimate-option__copy span{font-size:var(--fs-small);line-height:1.45;color:var(--ink-2)}

.est__sheet{grid-column:9 / 13;align-self:start;position:sticky;top:calc(var(--hdr-h) + var(--space-md));display:grid;gap:var(--space-md)}
.est__sheet-t{font-family:var(--display);font-size:var(--fs-h3);font-weight:440;line-height:1.15}
.est__ghost{display:grid;border-top:1px solid var(--ink)}
.est__ghost li{display:grid;grid-template-columns:auto minmax(24px,1fr) auto;align-items:baseline;gap:var(--space-xs);padding:14px 0;border-bottom:1px solid var(--rule);color:var(--ink-3)}
.est__ghost span{font-family:var(--display);font-size:1.1875rem;font-weight:440;line-height:1.2}
.est__ghost i{height:1px;border-bottom:1px dotted var(--rule)}
.est__ghost b{font-family:var(--display);font-size:1.25rem;font-weight:360}
.est__sheet:has(.estimate-output.show) .est__ghost{display:none}
.est__hint{font-size:var(--fs-small);line-height:1.5;color:var(--ink-2)}
.estimate-output{display:none}
.estimate-output.show{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}
@media (prefers-reduced-motion:no-preference){.estimate-output.show{animation:phRise .7s var(--ease-expo) both}}
.est__area{font-size:var(--fs-small);color:var(--ink-2);font-variant-numeric:tabular-nums}
.estimate-results{display:grid;border-top:1px solid var(--ink);margin-top:calc(var(--space-sm) * -1)}
.estimate-result{padding:14px 0;border-bottom:1px solid var(--rule)}
.estimate-result-top{display:grid;grid-template-columns:auto minmax(20px,1fr) auto;align-items:baseline;column-gap:var(--space-xs)}
.estimate-result-top::after{content:"";grid-column:2;grid-row:1;height:1px;border-bottom:1px dotted var(--rule-strong)}
.estimate-result h4{grid-column:1;grid-row:1;font-family:var(--display);font-size:1.1875rem;font-weight:440;line-height:1.2}
.estimate-range{grid-column:3;grid-row:1;font-family:var(--display);font-size:1.5rem;font-weight:380;line-height:1.1;white-space:nowrap;text-align:right;font-variant-numeric:lining-nums tabular-nums}
.estimate-range--custom small{display:block;margin-top:4px;font-family:var(--text);font-size:var(--fs-small);font-weight:400;line-height:1.3;color:var(--ink-2)}
.estimate-result-note{display:none}
.est__note{font-size:var(--fs-small);line-height:1.5;color:var(--ink-2)}
.est__req{display:grid;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--rule)}
.est__fields{display:grid;gap:var(--space-sm)}
.est__req-t{font-family:var(--display);font-size:1.375rem;font-weight:440;line-height:1.2}
.est__fields > .form-note:first-of-type{margin-top:-6px}
.est__fields .btn{margin-top:var(--space-2xs)}
.est__req .form-done{padding-top:0}

/* ---------- three ways + comparison: a printed spec sheet, not plan cards ---------- */
.cmp__head{grid-column:1 / 8;display:grid;gap:var(--space-md);align-content:start;margin-bottom:clamp(36px,4vw,56px)}
.cmp{grid-column:1 / -1}
.cmp table{min-width:760px;table-layout:fixed}
.cmp__kcol{width:22%}
.cmp th,.cmp td{padding:18px var(--space-md) 18px 0}
.cmp thead th{vertical-align:bottom;padding-top:var(--space-md);padding-bottom:var(--space-md);text-transform:none;letter-spacing:0;font-size:inherit;color:var(--ink)}
.cmp__name{display:block;font-family:var(--display);font-size:var(--fs-h3);font-weight:440;line-height:1.15}
.cmp__price{display:block;margin-top:10px;font-family:var(--display);font-size:var(--fs-figure);font-weight:340;line-height:1;letter-spacing:-.01em;white-space:nowrap}
.cmp__price small{font-family:var(--text);font-size:.875rem;font-weight:400;letter-spacing:0;color:var(--ink-2);margin-right:8px}
.cmp tbody th{font-size:var(--fs-ui);font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);line-height:1.45}
.cmp tbody td{color:var(--ink-2);font-size:var(--fs-ui);line-height:1.55}
.cmp__cta th,.cmp__cta td{border-bottom:0;padding-top:var(--space-md);vertical-align:middle}
.cmp__cta .link-arrow{color:var(--ink)}
/* what every tier shares: one quiet strip under the table, aligned to its key column */
.incl{grid-column:1 / -1;display:grid;grid-template-columns:22% minmax(0,1fr);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--ink)}
.incl__t{padding-right:var(--space-md);font-size:var(--fs-ui);font-weight:600;line-height:1.45}
.incl__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md) var(--gutter)}
.incl__list li{display:grid;gap:4px;align-content:start;font-size:var(--fs-ui);line-height:1.55}
.incl__list b{font-weight:500;color:var(--ink)}
.incl__list span{color:var(--ink-2)}
.incl__list .nb{white-space:nowrap}

/* ---------- pricing guide ---------- */
.pg{scroll-margin-top:var(--hdr-h)}
.pg__cover{grid-column:1 / 6;grid-row:1 / 3;align-self:start;position:sticky;top:calc(var(--hdr-h) + var(--space-lg))}
.pg__frame{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--stone);box-shadow:0 46px 60px -44px oklch(0.22 0.03 55 / .55)}
.pg__frame picture,.pg__frame img{position:absolute;inset:0;width:100%;height:100%}
.pg__frame img{object-fit:cover;object-position:50% 30%}
.pg__plate{position:absolute;left:6%;right:6%;bottom:6%;display:grid;gap:10px;padding:clamp(18px,2.2vw,30px);background:var(--bone)}
.pg__plate .wm{--wm-h:11px}
.pg__ptitle{font-family:var(--display);font-size:clamp(1.375rem,1.1rem + .8vw,1.875rem);font-weight:420;line-height:1.1}
.pg__pmeta{font-size:var(--fs-small);color:var(--ink-2)}
.pg__copy{grid-column:7 / 13;display:grid;gap:var(--space-md);align-content:start}
.pg__points{display:grid;margin-top:var(--space-2xs);border-top:1px solid var(--ink)}
.pg__points li{position:relative;padding:12px 0 12px 1.75rem;border-bottom:1px solid var(--rule);font-size:var(--fs-ui);line-height:1.5;color:var(--ink-2);counter-increment:pg}
.pg__points{counter-reset:pg}
.pg__points li::before{content:counter(pg);position:absolute;left:0;top:12px;font-family:var(--display);font-weight:500;color:var(--ink-3)}
.pg__form{grid-column:7 / 12;margin-top:var(--space-xl);display:grid;gap:var(--space-sm);align-self:start}
.pg__form form{display:grid;gap:var(--space-sm)}
.pg__form-t{font-family:var(--display);font-size:var(--fs-h3);font-weight:440;line-height:1.15}
.pg__form .form-done{padding-bottom:0}

/* ---------- FAQ ---------- */
.pfaq__head{grid-column:1 / 5;display:grid;gap:var(--space-md);align-content:start;align-self:start;position:sticky;top:calc(var(--hdr-h) + var(--space-lg))}
.pfaq__head a{color:var(--ink);text-decoration-color:var(--rule-strong);white-space:nowrap}
.pfaq__list{grid-column:6 / 13}

/* ---------- closing band (late light) ---------- */

/* ---------- dialogs ---------- */
.consult__form,.gpop,.gpop__form{display:grid;gap:var(--space-sm)}
.consult__form .fields{gap:var(--space-sm)}
.gpop__form{margin-top:var(--space-2xs)}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .ph__copy{grid-column:1 / 7}
  .ph__slab{grid-column:7 / -1;padding-left:var(--space-xl)}
  .pl__row{column-gap:var(--space-xs)}
  .est__head{grid-column:1 / 10}
  .est__inputs{grid-column:1 / -1}
  .est__sheet{grid-column:2 / 12;position:static;margin-top:var(--space-xl)}
  .cmp__head{grid-column:1 / 10}
  .pg__form{grid-column:7 / 13}
  .pfaq__head{grid-column:1 / 6}
  .pfaq__list{grid-column:6 / 13}
  .incl{grid-template-columns:minmax(0,1fr)}
  .incl__t{margin-bottom:var(--space-sm)}
}
/* iPad landscape / small laptops: keep copy and price card side by side so all three prices sit on the first screen */
@media (max-width:1180px) and (min-width:901px){
  .ph__grid{min-height:clamp(540px,calc(100svh - 112px),720px)}
  .ph__copy{gap:var(--space-sm);padding-bottom:var(--space-xl)}
  .ph__title{padding-top:var(--space-md)}
  .ph__display{font-size:clamp(2.5rem,1.2rem + 2.9vw,3.375rem)}
  .ph__lede{font-size:1.125rem}
  .ph__more{display:none}
  .ph__slab{padding:clamp(28px,4vw,48px) var(--edge) clamp(28px,4vw,48px) clamp(24px,3vw,40px)}
  .ph__chip{display:none}
  .tariff{padding:clamp(20px,2.4vw,28px) clamp(20px,2.4vw,28px) clamp(16px,2vw,24px)}
  .tariff__pl .pl__row{grid-template-columns:auto minmax(12px,1fr) auto;padding-block:16px}
  .tariff__pl .pl__name{font-size:1.25rem;white-space:nowrap}
  .tariff__pl .pl__price{font-size:1.75rem;text-align:right}
  .tariff__pl .pl__price small{display:block;margin:0 0 2px}
  .tariff__pl .pl__desc{display:none}
  .cmp__price{white-space:normal;font-size:clamp(1.625rem,.55rem + 2.1vw,2.375rem)}
  .cmp__price small{display:block;margin:0 0 4px}
}
@media (max-width:900px){
  .ph__grid{min-height:0}
  .ph__copy{grid-column:1 / -1;gap:var(--space-sm);padding-block:0 var(--space-lg)}
  .ph__title{margin-top:var(--space-2xs);padding-top:0;gap:var(--space-xs)}
  .ph__kicker{font-size:.875rem}
  .ph__actions{gap:var(--space-2xs) var(--space-md)}
  .ph__more,.ph__gift{display:none}
  .ph__slab{grid-column:1 / -1;margin-inline:calc(var(--margin) * -1);padding:var(--space-md) var(--margin) var(--space-lg)}
  .ph__chip{display:none}
  .tariff{padding:var(--space-md) var(--space-md) var(--space-sm)}
  .tariff__top{padding-bottom:var(--space-xs)}
  .tariff__pl .pl__row{padding-block:14px}
  .tariff__pl .pl__price small{display:inline;margin:0 8px 0 0}
  .est__head,.cmp__head{grid-column:1 / -1}
  .est__sheet{grid-column:1 / -1;margin-inline:calc(var(--margin) * -1);padding:var(--space-md) var(--margin) var(--space-lg)}
  .pg__copy,.pg__form,.pfaq__head,.pfaq__list{grid-column:1 / -1;grid-row:auto}
  .pg__cover{grid-column:1 / -1;grid-row:auto;order:2;margin-top:var(--space-xl);position:static}
  .pg__copy{order:1}
  .pg__form{order:3;margin-top:var(--space-lg);margin-inline:calc(var(--margin) * -1);padding:var(--space-md) var(--margin) var(--space-lg)}
  .pg__frame{aspect-ratio:3 / 2}
  .pg__frame img{object-position:50% 34%}
  .pg__plate{left:auto;right:5%;bottom:8%;width:min(62%,300px);padding:14px 16px;gap:6px}
  .pg__plate .wm{--wm-h:8px}
  .pg__ptitle{font-size:1.125rem}
  .pfaq__head{position:static;margin-bottom:var(--space-lg)}
  /* comparison: tier strip on top, each row stacked with the tier named on every cell */
  .cmp{overflow:visible;border-top:0}
  .cmp table,.cmp thead,.cmp tbody{display:block;min-width:0}
  .cmp colgroup,.cmp__corner{display:none}
  .cmp tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-xs)}
  .cmp thead tr{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
  .cmp thead th{padding:var(--space-sm) 0;border:0}
  .cmp__name{font-size:.9375rem;font-family:var(--text);font-weight:500;line-height:1.3}
  .cmp__price{margin-top:4px;font-size:1.25rem;white-space:normal}
  .cmp__price small{display:block;margin:0 0 2px;font-size:.75rem}
  .cmp tbody tr{row-gap:10px;padding:var(--space-sm) 0;border-bottom:1px solid var(--rule)}
  .cmp tbody th,.cmp tbody td{grid-column:1 / -1;padding:0;border:0}
  .cmp tbody th{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
  .cmp tbody td{display:grid;grid-template-columns:6.75rem minmax(0,1fr);column-gap:var(--space-sm);align-items:baseline;font-size:var(--fs-small)}
  .cmp tbody td::before{content:attr(data-t);font-weight:600;color:var(--ink)}
  .cmp__cta{border-bottom:0!important}
  .cmp__cta td{align-items:center}
  .cmp__cta td:nth-child(3){display:none}
  .cmp__cta td > *{justify-self:start}
  .incl{margin-top:var(--space-md)}
  .incl__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .page-pricing{--section:60px}
  .ph .crumbs{display:none}
  .ph__copy{padding-top:var(--space-md)}
  .ph__gift,.ph__more,.ph__actions .link-arrow{display:none}
  .ph__slab{padding-top:var(--space-sm)}
  .tariff__pl .pl__desc{display:none}
  .tariff__pl .pl__name{font-size:1.25rem}
  .tariff__pl .pl__price{font-size:1.5rem}
  .tariff__pl .pl__price small{margin-right:6px}
  .tariff__note{padding-top:var(--space-xs)}
  .est__inputs{gap:var(--space-lg)}
  .est__dims{max-width:none}
  .estimate-options{grid-template-columns:1fr;gap:var(--space-xs)}
  .estimate-option{grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto;align-items:stretch}
  .estimate-option__media{aspect-ratio:auto;min-height:104px}
  .estimate-option__tick{top:8px;left:8px;width:24px;height:24px}
  .estimate-option__copy{padding:var(--space-xs) var(--space-sm);align-content:center}
  .estimate-option__copy strong{font-size:1.1875rem}
  .cmp tbody td::before{font-size:.8125rem}
  .incl__list{grid-template-columns:1fr;gap:var(--space-xs)}
  .incl__list li{grid-template-columns:6.75rem minmax(0,1fr);column-gap:var(--space-sm);align-items:baseline;font-size:var(--fs-small)}
  .incl__list b{font-size:.8125rem;font-weight:600}
  .pg__points li{font-size:var(--fs-small)}
}
@media (max-width:430px){
  .tariff__pl .pl__row:nth-child(2) .pl__price{text-align:right}
  .tariff__pl .pl__row:nth-child(2) .pl__price small{display:block;margin:0 0 2px}
  .tariff__pl .pl__name{text-wrap:balance}
}
/* short phones (iPhone SE/8 375x667, 360x640): all three prices and the CTA on the first screen */
@media (max-width:760px) and (max-height:740px){
  .ph__copy{padding-top:var(--space-sm);padding-bottom:var(--space-md);gap:var(--space-xs)}
  .ph__kicker{display:none}
  .ph__display{font-size:2.125rem}
  .ph__lede{font-size:1rem;line-height:1.45}
  .tariff{padding:var(--space-sm) var(--space-md) var(--space-xs)}
  .tariff__top{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tariff__pl{border-top:0}
  .tariff__pl .pl__row{padding-block:10px}
  .tariff__pl .pl__name{font-size:1.125rem}
  .tariff__pl .pl__price{font-size:1.375rem}
  .tariff__note{font-size:.8125rem;line-height:1.4}
  .ph__slab{padding-bottom:var(--space-md)}
}
@media (max-width:760px) and (max-height:660px){
  .ph__lede{display:none}
}
/* 320x568: the dock is visible over the hero, so the price card starts higher */
@media (max-width:760px) and (max-height:600px){
  .ph__display{font-size:1.875rem}
  .ph__copy{padding-top:var(--space-xs);padding-bottom:var(--space-sm)}
  .ph__actions .btn{min-height:46px}
  .ph__slab{padding-top:var(--space-2xs)}
  .tariff{padding-top:var(--space-2xs)}
  .tariff__pl .pl__row{padding-block:8px}
}
.estimate-assumptions{margin-top:var(--space-sm);max-width:62ch;font-size:var(--fs-small);line-height:1.55;color:var(--ink-2)}
.estimate-results .estimate-assumptions{padding-top:2px}
.est__note{margin-top:calc(var(--space-xs) * -1)}