/* home-hero.css */
/* Home hero only; shared service heroes and form behavior stay in the shell. */
.hh{height:clamp(720px,85vh,800px);min-height:720px;padding:48px 0;text-align:center;display:flex;align-items:center}
.hh .hh__media>picture{display:none}
.hh .hh__media>img[data-retina-hero]{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;filter:none}
.hh .hh__media video{opacity:0;display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;filter:none}
.hh .hh__in{width:calc(100% - 48px);max-width:1160px;padding:0;display:flex;flex-direction:column;align-items:center;gap:0}
.hh__copy{width:100%;min-width:0}
body .hh .hh__eyebrow{font-size:var(--t-eyebrow);letter-spacing:.12em;line-height:1.5;margin:0 0 20px}
body .hh h1{font-weight:900;font-stretch:68%;font-variation-settings:"wdth" 68;letter-spacing:-.025em;margin:0 0 24px;max-width:none;text-align:center;text-transform:uppercase}
body .hh h1:not(#_){font-size:var(--t-hero-h1);line-height:1.03}
.hh h1 span{display:block;white-space:nowrap}
.hh form.home-quote.home-quote{width:100%;max-width:1160px;padding:32px;border-radius:calc(var(--r-s) * 1.5);background:var(--white);color:var(--ink);text-align:left;scroll-margin-top:120px;position:relative;overflow:hidden;isolation:isolate}
.hh form.home-quote.home-quote>*{position:relative;z-index:1}
.hh form.home-quote.home-quote .est__top{display:flex;justify-content:space-between;font-size:var(--t-home-help);line-height:1.4;margin:0 0 12px}
.hh form.home-quote.home-quote .est__bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 24px}
.hh form.home-quote.home-quote .est__bar i{height:4px;background:var(--surface)}
.hh form.home-quote.home-quote .est__bar i.is-on{background:var(--orange)}
.hh form.home-quote.home-quote[data-step="1"] .est__step.is-on{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px) auto;align-items:center;gap:32px}
.hh form.home-quote.home-quote h3{font:700 var(--t-home-form-heading)/1.3 var(--font-body);letter-spacing:0;text-transform:none;margin:0 0 8px}
body main .hh .home-quote__intro p.est__hint{line-height:1.4;color:var(--ink-soft);margin:0}
body main .hh .home-quote__intro p.est__hint:not(#_){font-size:var(--t-home-hint)}
.hh form.home-quote.home-quote .field{margin:0;min-width:0}
.hh form.home-quote.home-quote .field>span{font-size:var(--t-body);line-height:1.4;margin:0 0 6px}
.hh form.home-quote.home-quote .field :is(input,select){font-size:var(--t-body);min-height:48px;width:100%;min-width:0;border-radius:var(--r-s)}
.hh form.home-quote.home-quote .field>.home-quote__help{display:block;font-size:var(--t-home-help);line-height:1.4;color:var(--ink-soft);background:var(--white);margin:8px 0 0;font-weight:400}
.hh form.home-quote.home-quote .btn{min-height:48px;padding:12px 24px}
.hh form.home-quote.home-quote .est__row{margin-top:16px}
.hh form.home-quote.home-quote fieldset{min-width:0}
body main .hh p.hh__note{line-height:1.4;margin:20px 0 0;color:var(--white);text-align:center}
body main .hh p.hh__note:not(#_){font-size:var(--t-home-hint)}
.hh__note span{color:var(--orange)}
main .hh button.hh__pause.hh__pause{position:absolute;right:20px;bottom:20px;left:auto;width:32px;height:32px;min-height:32px;padding:6px;border:1px solid var(--hero-pause-border);border-radius:var(--r-s);backdrop-filter:none;cursor:pointer}
main .hh button.hh__pause.hh__pause:not(#_):not(#_){background:var(--hero-pause-fill);color:var(--white)}
.hh__pause::after{content:"";position:absolute;inset:-6px}
.hh__pause svg{display:block;width:18px;height:18px}
.hh__pause:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:767.98px){
 .hh{height:auto;min-height:0;max-height:none;padding:36px 0 64px}
 body .hh .hh__eyebrow{margin-bottom:14px}
 body .hh h1{white-space:nowrap;font-variation-settings:"wdth" 62;letter-spacing:-.045em;margin-bottom:18px}
 body .hh h1:not(#_){font-size:var(--t-hero-h1);line-height:1.06}
 .hh form.home-quote.home-quote{padding:28px 24px}
 .hh form.home-quote.home-quote::before{background-size:cover;background-position:center center;opacity:.05}
 .hh form.home-quote.home-quote[data-step="1"] .est__step.is-on{grid-template-columns:minmax(0,1fr);gap:24px}
 body main .hh .home-quote__intro p.est__hint:not(#_){font-size:var(--t-body)}
 .hh form.home-quote.home-quote .field>.home-quote__help{font-size:var(--t-body)}
 body main .hh p.hh__note{margin-top:12px}
 body main .hh p.hh__note:not(#_){font-size:var(--t-body)}
 .hh form.home-quote.home-quote .btn{width:100%}
 .hh form.home-quote.home-quote .nee-condition>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
body .hh form.home-quote.home-quote h3:not(#_){font-size:var(--t-home-form-heading);font-weight:700;line-height:1.3}
.hh:has(.home-quote[data-step="2"]),.hh:has(.home-quote[data-step="3"]){height:auto;min-height:720px;padding:48px 0}
@media(max-width:767.98px){.hh:has(.home-quote[data-step="2"]),.hh:has(.home-quote[data-step="3"]){min-height:0;padding:48px 0 64px}}
body main .hh p.hh__eyebrow{letter-spacing:.12em}
body main .hh p.hh__eyebrow:not(#_){font-size:var(--t-eyebrow)}

/* Compact hero card (owner 2026-11-04: "half the size vertical and horiz, so we can see more of the background").
   Step 1 is one heading row and one ZIP + Continue row; the label and ZIP hint stay for screen readers. */
body .hh form.home-quote.home-quote{max-width:580px;padding:16px 20px}
body .hh form.home-quote.home-quote .est__top{margin:0 0 4px}
body .hh form.home-quote.home-quote .hero-reviews{margin:0 0 8px}
body .hh form.home-quote.home-quote .est__bar{margin:0 0 14px}
body .hh form.home-quote.home-quote[data-step="1"] .est__step.is-on{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"intro intro" "field btn";gap:10px 12px;align-items:end}
body .hh form.home-quote.home-quote .home-quote__intro{grid-area:intro}
body .hh form.home-quote.home-quote .home-quote__intro h3:not(#_){margin:0;font-size:20px;line-height:1.25}
body .hh form.home-quote.home-quote[data-step="1"] .field{grid-area:field}
body .hh form.home-quote.home-quote[data-step="1"] [data-next]{grid-area:btn;width:auto;white-space:nowrap}
body .hh form.home-quote.home-quote .home-quote__intro p.est__hint,
body .hh form.home-quote.home-quote[data-step="1"] .field>span:first-child,
body .hh form.home-quote.home-quote .field>.home-quote__help{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:639.98px){
 body .hh form.home-quote.home-quote{padding:16px}
 body .hh form.home-quote.home-quote[data-step="1"] [data-next]{padding:12px 18px}
}

/* Hero review "more" works at every width (owner 2026-11-04: "this still needs the more expand function"). */
@media(min-width:640px){
 body .hh form.home-quote.home-quote .hero-reviews{margin:0 52px 8px 0}
 .hh .hero-reviews__item{justify-content:flex-start}
 .hh button.hero-reviews__toggle.cta-text.cta-text{position:absolute;right:0;top:-10px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;background:none;text-transform:none;letter-spacing:0;cursor:pointer}
 .hh .hero-reviews__expanded{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-standard);text-align:left}
 .hh .hero-review-detail.is-open .hero-reviews__expanded{grid-template-rows:1fr}
 .hh .hero-reviews__expanded>div{min-height:0;overflow:hidden}
 .hh .hero-reviews__full{max-height:40vh;overflow-y:auto;white-space:pre-wrap;font:var(--font-500-16px-1_4-body);margin:0;padding:0 0 12px}
}
@media(min-width:640px) and (prefers-reduced-motion:reduce){.hh .hero-reviews__expanded{transition:none}}

/* Home before/after (owner 2026-11-04: "scrappy and unpleasing... add some dimension to soften the blow").
   Same language as the reviews carousel: soft depth, smoked glass labels, a serif caption, orange only as a dot. */
body main .h-ba{gap:56px;align-items:stretch;position:relative}
body main .h-ba::before{content:"";position:absolute;inset:-60px 0 -40px;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 50% 45%,rgba(255,255,255,.055),rgba(255,255,255,0) 70%)}
body main .h-ba .compare.card{border:0;border-radius:18px;background:var(--ink-2);box-shadow:0 40px 80px -36px rgba(0,0,0,.85),0 18px 36px -24px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07)}
body main .h-ba .compare::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -140px 120px -80px rgba(0,0,0,.7),inset 0 90px 90px -70px rgba(0,0,0,.35)}
body main .h-ba .compare__bar{width:1px;margin-left:0;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 0 18px rgba(0,0,0,.45)}
body main .h-ba .compare__handle.arrow-blade:not(#_):not(#_):not(#_){width:52px;min-width:52px;height:52px;min-height:52px;--arrow-surface:rgba(20,20,20,.42);padding:0;border-radius:50%;display:grid;place-items:center;background:rgba(20,20,20,.42);color:var(--white);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 30px -8px rgba(0,0,0,.6)}
body main .h-ba .compare__handle.arrow-blade:not(#_):not(#_):not(#_) svg{width:22px;height:22px;color:var(--white)}
body main .h-ba .chip.chip--photo,body main .h-ba .chip--photo{top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(20,20,20,.5);color:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:600 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;box-shadow:none}
body main .h-ba .chip.chip--photo.chip--end,body main .h-ba .chip--photo.chip--end{left:auto;right:16px}
body main .h-ba .chip--photo.chip--end::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}
body main .h-ba .caption--band.caption--band.caption--band{padding:56px 24px 22px;background:linear-gradient(to top,rgba(14,14,14,.82),rgba(14,14,14,0));font: 400 19px/1.35 var(--font-body);letter-spacing:0;color:var(--white);text-shadow:0 1px 12px rgba(0,0,0,.4)}
@media (max-width:899.98px){body main .h-ba{gap:28px}body main .h-ba::before{display:none}}
@media (max-width:639.98px){body main .h-ba .caption--band.caption--band.caption--band{font-size:17px;padding:44px 18px 16px}body main .h-ba .compare__handle.arrow-blade:not(#_):not(#_):not(#_){width:48px;min-width:48px;height:48px;min-height:48px}}
/* Phones: another layer opens .compare to overflow:visible and caps caption height; this band lives inside the frame. */
body main .h-ba .compare.card.card{overflow:hidden!important}
body main .h-ba .caption--band.caption--band.caption--band{height:auto!important;max-height:none!important;overflow:visible}
/* Owner 2026-11-04: the step row's right label reads "Fast Inquiry" in orange. */
body .hh form.home-quote.home-quote .est__top .home-quote__fast{color:#c25700;font-weight:700;letter-spacing:.02em}

/* Dark smoked-glass hero card (owner, 2026-11-04): the quote card reads as dark glass over the hero, every piece of content inside flipped to light. */
body .hh form.home-quote.home-quote{
  --qg-ink:#f5f3ef;--qg-mute:rgba(245,243,239,.74);--qg-line:rgba(255,255,255,.26);--qg-fill:rgba(255,255,255,.07);--qg-orange:#ff8a2a;
  background:rgba(16,16,18,.56);
  -webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 24px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.09);
  color:var(--qg-ink);color-scheme:dark
}
body .hh form.home-quote.home-quote :is(h3,legend,label,.field,.field span,.hero-reviews__quote,.hero-reviews__full,.hero-review-detail,.home-quote__intro){color:var(--qg-ink)}
body .hh form.home-quote.home-quote :is(.est__count,.est__top,.hero-reviews__name,.est__hint,.home-quote__help){color:var(--qg-mute)}
body .hh form.home-quote.home-quote .home-quote__fast{color:var(--qg-orange)}
body .hh form.home-quote.home-quote .home-quote__help{background:rgba(22,22,24,.96);border-color:var(--qg-line)}
body .hh form.home-quote.home-quote .est__bar i{background:rgba(255,255,255,.16)}
body .hh form.home-quote.home-quote .est__bar i.is-on{background:#f87000}
body .hh form.home-quote.home-quote .hero-reviews__toggle.hero-reviews__toggle{color:var(--qg-ink);text-decoration-color:rgba(255,255,255,.7)}
body .hh form.home-quote.home-quote :is(input:not([type=radio]):not([type=checkbox]),select,textarea){background-color:var(--qg-fill);border-color:var(--qg-line);color:var(--qg-ink)}
body .hh form.home-quote.home-quote :is(input,textarea)::placeholder{color:rgba(245,243,239,.56);opacity:1}
body .hh form.home-quote.home-quote :is(input,select,textarea):focus{border-color:var(--qg-orange)}
body .hh form.home-quote.home-quote select option{color:#141414;background:#fff}
body .hh form.home-quote.home-quote input:-webkit-autofill{-webkit-text-fill-color:var(--qg-ink);box-shadow:0 0 0 1000px #26262a inset;caret-color:var(--qg-ink)}
body .hh form.home-quote.home-quote :is(input[type=radio],input[type=checkbox]){accent-color:#f87000}
body .hh form.home-quote.home-quote .btn--outline.btn--outline{color:var(--qg-ink);border-color:rgba(255,255,255,.55);background:transparent}
body .hh form.home-quote.home-quote .est__msg{background:rgba(255,255,255,.08);color:var(--qg-ink)}
body .hh form.home-quote.home-quote a:not(.btn){color:var(--qg-ink)}
body .hh form.home-quote.home-quote .est__top .home-quote__fast{color:var(--qg-orange)}
body main .hh form.home-quote.home-quote button.hero-reviews__toggle.hero-reviews__toggle.cta-text{color:var(--qg-ink)!important;text-decoration-color:rgba(255,255,255,.7)}
body .hh form.home-quote.home-quote .cta-secondary.cta--on-paper.cta--on-paper:not(#_):not(#_){color:var(--qg-ink);border-color:rgba(255,255,255,.55);background:transparent}
body .hh form.home-quote.home-quote :is(.nee-phone-note,.nee-short,.nee-space-detail){color:var(--qg-mute)}
body .hh form.home-quote.home-quote .nee-town .field input{background:transparent;border-color:transparent;border-bottom-color:var(--qg-line);border-radius:0}
body .hh form.home-quote.home-quote input[type=file]{color:var(--qg-mute)}
body .hh form.home-quote.home-quote input[type=file]::file-selector-button{background:rgba(255,255,255,.12);color:var(--qg-ink);border:1px solid var(--qg-line);border-radius:999px;padding:6px 14px;margin-right:10px}

/* home-proof-systems.css */
/* Home: "Pro coatings vs hardware-store kits" + "What is in your floor" (one section, one heading rhythm).
   Loaded after css/site.css; selectors carry .h-proof so they win without !important. */

/* ---- one section heading treatment: centred, 3px orange rule, lead ---- */
.h-proof .sec__head{margin-bottom:32px}
/* two sections on one paper ground: the first gives up its bottom padding, the second takes a short top one */
.h-proof:not(.h-proof--systems){padding-bottom:0}
.h-proof.h-proof--systems{padding-top:72px}

/* ---- claim: a cross-section drawn to scale beside two real photos (css/home-proof-systems.css, js/home-proof.js) ---- */
.h-proof .h-stats__note{max-width:760px;margin:28px auto 0;text-align:center;font-size:var(--t-caption);line-height:1.5;color:var(--ink-soft)}
.h-proof .h-proof__cta{margin-top:28px;display:flex;justify-content:center}
.h-proof .h-proof__cta .btn{width:auto;min-width:min(100%,320px)}

/* ---- systems: bigger labels as real text, beside the art when the card is wide enough, under it otherwise ---- */
.h-proof .h-sys__grid{margin-top:0}
.h-proof .h-sys__fig{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 16px 18px}
.h-proof .h-sys__fig svg{width:100%;max-width:200px;margin-inline:auto}
.h-proof .h-sys__fig svg text{display:none}
/* stacked: the leader lines point at labels that sit below, so the list bullets stand in for them */
.h-proof .h-sys__fig svg path[stroke="#c9c9c4"][fill="none"],.h-proof .h-sys__fig svg circle[r="2.5"]{display:none}
.h-proof .h-sys__lbl{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.h-proof .h-sys__fig .h-sys__lbl li{display:block;position:relative;padding-left:16px;font-size:var(--t-button);line-height:1.3;color:var(--ink)}
.h-proof .h-sys__fig .h-sys__lbl li::before{content:"";position:absolute;left:0;top:.45em;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.h-proof .h-sys__lname{display:block;font-weight:700;font-size:var(--t-body);line-height:1.3;color:var(--ink)}
.h-proof .h-sys__ldesc{display:block;font-weight:500;font-size:var(--t-button);line-height:1.35;color:var(--ink-soft)}

@media (min-width:480px) and (max-width:1100px),(min-width:1250px){
  .h-proof .h-sys__fig{grid-template-columns:minmax(0,47%) minmax(0,1fr);gap:0 4px;align-items:stretch;padding:20px 12px 18px 8px}
  .h-proof .h-sys__fig svg{max-width:none;margin:0;align-self:start}
  .h-proof .h-sys__fig svg path[stroke="#c9c9c4"][fill="none"],.h-proof .h-sys__fig svg circle[r="2.5"]{display:inline}
  .h-proof .h-sys__lbl{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding-block:7% 14%}
  .h-proof .h-sys__fig .h-sys__lbl li{padding-left:0}
  .h-proof .h-sys__fig .h-sys__lbl li::before{display:none}
  .h-proof .h-sys__lname{font-size:var(--t-caption)}
  .h-proof .h-sys__ldesc{font-size:var(--t-eyebrow);line-height:1.3}
}

@media (max-width:767.98px){
  .h-proof.h-proof--systems{padding-top:48px}
  .h-proof .h-proof__cta .btn{width:100%}
}

/* three columns: equal figure rows, so the three text bodies start on one line */
@media (min-width:1101px){
  .h-proof .h-sys__grid{grid-template-rows:auto 1fr}
  .h-proof .h-sys__card{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}
}

/* ================= claim board ================= */
.h-proof .h-pv{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:var(--wrap);margin:0 auto}
.h-pv__card{margin:0;display:flex;flex-direction:column;min-width:0}
.h-pv__media{position:relative;flex:1 1 auto;border-radius:var(--r-s);overflow:hidden;background:var(--ink);color:var(--on-dark)}
.h-pv__photo{aspect-ratio:3/2;background:var(--ink)}
.h-pv__photo picture,.h-pv__photo img{display:block;width:100%;height:100%}
.h-pv__photo img{object-fit:cover;object-position:50% 40%}
.h-pv__cap{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:baseline;padding:16px 2px 0;color:var(--ink)}
.h-pv__v{font-family:var(--font-head);font-weight:900;font-stretch:100%;font-variation-settings:"wdth" 100;font-size:var(--t-h2);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.h-pv__l{font-size:var(--t-lead);line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.h-pv__t{grid-column:1/-1;margin-top:8px;font-size:var(--t-body);line-height:1.45;color:var(--ink-soft);max-width:46ch}

/* the drawing: heads sit over their columns, the svg is cropped on a phone (labels give way to a key) */
.h-pv__card--thick .h-pv__media{display:flex;flex-direction:column;justify-content:center;padding:22px 0 18px}
.h-pv__cols{--l:7.69%;--w:25.64%;--g:10.26%;display:grid;grid-template-columns:var(--l) var(--w) var(--g) var(--w);width:100%;max-width:780px;margin:0 auto 6px}
.h-pv__col{margin:0;display:flex;flex-direction:column;gap:2px;min-width:0}
.h-pv__col--kit{grid-column:2}
.h-pv__col--pro{grid-column:4}
.h-pv__col b{font-size:var(--t-body);line-height:1.2;font-weight:800;color:var(--on-dark)}
.h-pv__col span{font-size:var(--t-caption);line-height:1.3;font-weight:500;color:var(--on-dark)}
.h-pv__draw{width:100%;max-width:780px;margin:0 auto;overflow:hidden}
.h-pv__svg{display:block;width:100%;height:auto;overflow:visible}
.h-pv__svg text{font-family:var(--font-body)}
.h-pv__svg .pv-big{font-family:var(--font-head);font-stretch:100%;font-variation-settings:"wdth" 100;letter-spacing:-.01em}
.h-pv__key{display:none}

@media (min-width:640px) and (max-width:1179.98px){
  .h-proof .h-pv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h-pv__card--thick{grid-column:1/-1}
  .h-pv__card--thick .h-pv__media{padding:28px 24px 22px}
  .h-pv__cap .h-pv__t{max-width:none}
}
@media (min-width:1180px){
  .h-proof .h-pv{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:24px;row-gap:28px}
  .h-pv__card--thick{grid-row:1/3}
  .h-pv__photo{aspect-ratio:5/2}
}
@media (max-width:639.98px){
  .h-proof .h-pv{gap:32px}
  .h-pv__card--thick .h-pv__media{justify-content:flex-start;padding:20px 0 0}
  .h-pv__cols{--l:10%;--w:33.33%;--g:13.34%;margin-bottom:16px}
  .h-pv__col b{font-size:var(--t-body)}
  .h-pv__draw{max-width:none}
  .h-pv__svg{width:130%;max-width:none}
  .h-pv__svg .pv-labels,.h-pv__svg .pv-tick{display:none}
  .h-pv__key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;list-style:none;margin:6px 0 0;padding:16px 16px 18px;border-top:1px solid rgba(255,255,255,.18)}
  .h-proof .h-pv__key li{display:flex;align-items:center;gap:10px;font-size:var(--t-button);line-height:1.25;font-weight:600;color:var(--on-dark)}
  .h-pv__key i{flex:none;width:14px;height:14px;border:1px solid rgba(255,255,255,.55)}
  .h-pv__key .k-top{background:rgba(255,255,255,.28)}
  .h-pv__key .k-flake{background:#bfc4c9}
  .h-pv__key .k-base{background:#3a4047}
  .h-pv__key .k-slab{background:#7d7a75}
  .h-pv__v{font-size:36px}
  .h-pv__l{font-size:var(--t-body)}
  .h-proof .h-proof__cta .btn{width:100%}
}