/* =====================================================================
   v12 — ONE BUTTON SYSTEM (lead decision #1, Ismael 22 Oct)
   Flat. No gradient, no shine, no glow, no round icon chips. Radius 8px.
   • Primary on dark  = solid gold #C9A96E, ink text   → hover cream
   • Primary on light = ink #1A1714, cream text        → hover walnut, gold text
   • Secondary        = 1px outline (cream on dark / ink on light)
   • Header chat      = small outline button; icon-only square on phones (≤960px)
   • Floating WA      = flat ink tile, gold hairline (hidden site-wide since v11-16, Ali #22)
   The old c1/c2/c3 variants, the v11-16/18/18b !important stacks, the .ft2-wa
   gradient and the shell.css .wab gradient were DELETED from site.css / shell.css.
   ===================================================================== */
:root{--r-btn:8px;--btn-h:50px;--btn-h-sm:40px}

/* ---------- base ---------- */
.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:var(--btn-h);padding:0 26px;border-radius:var(--r-btn);border:1px solid transparent;
  font:500 15px/1 var(--sans);letter-spacing:.015em;text-decoration:none;white-space:nowrap;cursor:pointer;
  box-shadow:none;background-image:none;overflow:visible;isolation:auto;
  transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.cta::before,.cta::after{content:none!important}
.cta .ic{display:inline-grid;place-items:center;width:auto;height:auto;background:none!important;border-radius:0;color:inherit}
.cta svg{width:17px;height:17px;flex:none}
.cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cta-sm{min-height:var(--btn-h-sm);padding:0 16px;font-size:14px}

/* ---------- primary ---------- */
/* dark is the default context (hero, dark sections, footer, menu overlay) */
.cta-primary{background:#C9A96E;color:#1A1714;border-color:#C9A96E}
.cta-primary:hover,.cta-primary:focus-visible{background:#F5F2EE;border-color:#F5F2EE;color:#1A1714}
/* light / linen sections */
.light .cta-primary,.linen .cta-primary,.cream .cta-primary{background:#1A1714;color:#F5F2EE;border-color:#1A1714}
.light .cta-primary:hover,.linen .cta-primary:hover,.cream .cta-primary:hover,
.light .cta-primary:focus-visible,.linen .cta-primary:focus-visible,.cream .cta-primary:focus-visible{background:#2E2820;border-color:#2E2820;color:#DCC08B}
/* a dark block nested inside a light section goes back to gold */
.light .dark .cta-primary,.linen .dark .cta-primary{background:#C9A96E;color:#1A1714;border-color:#C9A96E}

/* ---------- secondary (outline) ---------- */
.cta-ghost{background:transparent;color:#F5F2EE;border-color:rgba(245,242,238,.42)}
.cta-ghost:hover,.cta-ghost:focus-visible{background:rgba(245,242,238,.06);border-color:#C9A96E;color:#E8D5B0;box-shadow:none}
.light .cta-ghost,.linen .cta-ghost,.cream .cta-ghost{color:#1A1714;border-color:rgba(26,23,20,.32)}
.light .cta-ghost:hover,.linen .cta-ghost:hover,.cream .cta-ghost:hover{background:rgba(26,23,20,.04);border-color:#1A1714;color:#1A1714}
.light .dark .cta-ghost,.linen .dark .cta-ghost{color:#F5F2EE;border-color:rgba(245,242,238,.42)}

/* ---------- header chat: small outline button ---------- */
.hd-wa{min-height:38px;padding:0 15px 0 13px;gap:8px;font-size:14px;letter-spacing:.01em;
  background:transparent;color:#E8D5B0;border:1px solid rgba(201,169,110,.55)}
.hd-wa svg{width:16px;height:16px;color:#C9A96E}
.hd-wa:hover,.hd-wa:focus-visible{background:#C9A96E;border-color:#C9A96E;color:#1A1714}
.hd-wa:hover svg,.hd-wa:focus-visible svg{color:#1A1714}
/* phones + tablets: icon-only square, centred in the header bar */
.hd-wa-m{display:none}
@media (max-width:960px){
  .hd-wa-m{display:inline-grid;place-items:center;position:absolute;right:9px;top:50%;transform:translateY(-50%);z-index:3;
    width:38px;height:38px;padding:0;border-radius:var(--r-btn);background:transparent;
    border:1px solid rgba(201,169,110,.5);color:#C9A96E;text-decoration:none;box-shadow:none;
    transition:background-color .2s,border-color .2s,color .2s}
  .hd-wa-m svg{width:18px;height:18px}
  .hd-wa-m span{display:none}
  .hd-wa-m:active,.hd-wa-m:focus-visible{background:#C9A96E;border-color:#C9A96E;color:#1A1714}
  html.mega-on .hd-wa-m,html.lock .hd-wa-m{opacity:0;pointer-events:none}
  /* the bar itself: a quieter, near-square capsule so the square button sits evenly inside it */
  .top.landed .bar,.top.inner .bar{border-radius:12px}
  .top .bar{min-height:54px}
}

/* ---------- floating WhatsApp (kept flat; still hidden per Ali #22) ---------- */
.wab{position:fixed;z-index:62;right:clamp(14px,2vw,26px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);
  display:none;align-items:center;gap:10px;padding:0 16px 0 12px;height:48px;border-radius:var(--r-btn);
  background:#1A1714;color:#E8D5B0;border:1px solid rgba(201,169,110,.5);text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.28);font:500 14px/1 var(--sans)}
.wab-ic{display:grid;place-items:center;width:auto;height:auto;background:none;color:#C9A96E;border-radius:0}
.wab-ic svg{width:19px;height:19px}
.wab-t b{font-weight:500}
.wab:hover{border-color:#C9A96E}

/* ---------- footer band: same language ---------- */
.ft2-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 20px;
  border-radius:var(--r-btn);border:1px solid transparent;font:500 15px/1 var(--sans);text-decoration:none;white-space:nowrap;
  transition:background-color .25s,color .25s,border-color .25s}
.ft2-btn svg{width:18px;height:18px;flex:none}
.ft2-wa{background:#C9A96E;border-color:#C9A96E;color:#1A1714}
.ft2-wa:hover,.ft2-wa:focus-visible{background:#F5F2EE;border-color:#F5F2EE}
.ft2-call{background:transparent;color:#E8D5B0;border-color:rgba(201,169,110,.45)}
.ft2-call:hover,.ft2-call:focus-visible{border-color:#E8D5B0;color:#F5F2EE}
@media (max-width:600px){.ft2-btn{flex:1;height:48px;padding:0 14px;font-size:14.5px}}

/* ---------- the talk-section "ways" rows: cards, not pills ---------- */
.way{border-radius:10px}
.way:hover{transform:none}

/* ---------- small pills that are buttons → same corner ---------- */
.ov-close{border-radius:var(--r-btn)}

/* ---------- home: report section button (was brown !important) ---------- */
.r11-btn{margin-top:30px}

/* ---------- home: Consult card (step 01) — flat icon tile + real WhatsApp link ---------- */
.bk-ic{border-radius:10px;background:transparent;border:1px solid rgba(201,169,110,.55);color:#C9A96E}
.vf .bk.is-on .bk-l li b{background:#C9A96E;border-color:#C9A96E;color:#1A1714}
.bk-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--r-btn);
  background:#C9A96E;color:#1A1714;border:1px solid #C9A96E;font:500 14px/1 var(--sans);text-decoration:none;
  transition:background-color .25s,border-color .25s}
.bk-btn svg{width:16px;height:16px}
.bk-btn:hover,.bk-btn:focus-visible{background:#F5F2EE;border-color:#F5F2EE}
.vf .bk:not(.is-on){pointer-events:none}
@media (max-width:960px){.bk-ic{border-radius:8px}.bk-btn{height:34px;padding:0 13px;font-size:13px}.bk-btn svg{width:14px;height:14px}}

@media (prefers-reduced-motion:reduce){.cta,.ft2-btn,.hd-wa,.hd-wa-m,.bk-btn{transition:none}}

/* =====================================================================
   v12 HOME polish (I3)
   ===================================================================== */
/* hero: one plain proof line under the sub-line (no logos, no glow) */
.hero-proof{margin:22px auto 0;max-width:none;font:500 12px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(232,213,176,.86);text-shadow:0 1px 12px rgba(0,0,0,.55);text-wrap:balance}
.hero-proof i{font-style:normal;margin:0 .7em;color:rgba(201,169,110,.7)}
.hero-proof>span{white-space:nowrap}
@media (max-width:600px){.hero-proof{font-size:10.5px;letter-spacing:.12em;margin-top:16px}.hero-proof i{margin:0 .45em}.hero-proof>span{display:block}.hero-proof .hp-sep{display:none}}

/* promise: the "Our promise" panel is opaque and the step copy fades out under it (P1-5: no text-on-text) */
.ch-final{background:#1A1714}
.ch-grid{transition:opacity .45s var(--ease)}
.ch.fin .ch-grid{opacity:0}

/* Before we arrive */
.prep-home.sec{padding-block:clamp(72px,8vw,120px)}
.prep-home .prep-head{display:grid;gap:14px;max-width:760px}
.prep-home .prep-head .eyebrow{color:var(--gold-ink)}
.prep-home .prep-head .h2{margin:0}
.prep-home .prep-list{list-style:none;margin:clamp(30px,4vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(128,97,47,.28)}
.prep-home .prep-list li{display:grid;align-content:start;gap:8px;padding:22px 26px 6px 0;margin-right:26px;border-right:1px solid rgba(128,97,47,.16)}
.prep-home .prep-list li:last-child{border-right:0;margin-right:0}
.prep-n{font:500 12px/1 var(--sans);letter-spacing:.14em;color:var(--gold-ink)}
.prep-home .prep-list b{font:400 clamp(20px,1.7vw,24px)/1.2 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.prep-home .prep-list li>span:last-child{font-size:15px;line-height:1.5;color:var(--ink-2)}
.prep-more{margin:28px 0 0}
.prep-more a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font-weight:500;text-decoration:underline;
  text-decoration-color:rgba(128,97,47,.5);text-underline-offset:5px}
.prep-more a:hover,.prep-more a:focus-visible{text-decoration-color:var(--gold-ink)}
.prep-more a:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px;border-radius:2px}
@media (max-width:960px){.prep-home .prep-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prep-home .prep-list li:nth-child(2){border-right:0;margin-right:0}
  .prep-home .prep-list li:nth-child(n+3){border-top:1px solid rgba(128,97,47,.16)}}
@media (max-width:600px){.prep-home .prep-list{grid-template-columns:1fr}
  .prep-home .prep-list li{border-right:0;margin-right:0;padding:18px 0 16px;grid-template-columns:34px 1fr;column-gap:10px}
  .prep-home .prep-list li+li{border-top:1px solid rgba(128,97,47,.16)}
  .prep-home .prep-list li>span:last-child{grid-column:2}
  .prep-n{padding-top:6px}}

/* report: three facts in one row, no tile strip under the tablet */
.r11-facts{gap:18px clamp(18px,2.4vw,32px)}
.r11-btn svg{width:17px;height:17px}

/* why: two credential cards now (engineers+degrees, developer experience) */
body #why .cred-row4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:760px){body #why .cred-row4{grid-template-columns:1fr!important}}

/* =====================================================================
   v12 touch targets + focus (I3) — visuals unchanged, hit areas ≥44px
   ===================================================================== */
.menu-btn{position:relative}
.menu-btn::before{content:"";position:absolute;inset:-8px -12px}
.hd-wa-m::before{content:"";position:absolute;inset:-4px}
.bk-btn{position:relative}
@media (max-width:960px){.bk-btn::before{content:"";position:absolute;inset:-6px -4px}
  .xp-tabs button{min-height:44px}
  .ft2-col a{margin-bottom:2px;min-height:36px}
  .ft2-bar a{display:inline-block;padding-block:9px}}
.ft2-cov{max-width:34ch}
/* one visible focus style for every control, on dark and light */
.menu-btn:focus-visible,.ov-close:focus-visible,.hd-wa-m:focus-visible,.bk-btn:focus-visible,.ft2-btn:focus-visible,.way:focus-visible,
.links a:focus-visible,.nl:focus-visible,.ft2 a:focus-visible,.svc-card a:focus-visible,.ty:focus-visible,.xp-tabs button:focus-visible,.fq summary:focus-visible{
  outline:2px solid #C9A96E;outline-offset:3px}
.light .way:focus-visible,.linen .way:focus-visible,.light .svc-card a:focus-visible,.linen .svc-card a:focus-visible,
.light .xp-tabs button:focus-visible,.light .fq summary:focus-visible,.linen .fq summary:focus-visible{outline-color:#80612F}

.light .pqa .cta-ghost,.linen .pqa .cta-ghost{color:#F5F2EE;border-color:rgba(245,242,238,.42)}
/* FIX-14: mobile menu — WhatsApp + request side by side */
.ov-btns{display:flex;flex-wrap:wrap;gap:10px}
.ov-btns .cta svg{width:18px;height:18px}
@media (max-width:420px){.ov-btns{width:100%}.ov-btns .cta{flex:1 1 0;padding-left:12px;padding-right:12px;white-space:nowrap}}

/* v12: Report step — every pin opens its own finding (click/tap; gentle auto-tour until touched) */
.vf .rp2 .mp{cursor:pointer;pointer-events:auto}
.vf .rp2 .mp::before{content:"";position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%}
.vf .rp2 .mp i{transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .4s,box-shadow .3s}
.vf .rp2.is-on .mp:hover i{transform:scale(1.15)}
.vf .rp2.is-on .mp.on i{transform:scale(1.22);box-shadow:0 0 0 4px rgba(255,255,255,.75),0 8px 18px rgba(0,0,0,.35)}
.vf .rp2.is-on .mp:not(.on) i::after{animation:none}
.rp-app .ra-ph img,.rp-app .ra-t,.rp-app .ra-lt{transition:opacity .25s}
.rp-app.sw .ra-ph img,.rp-app.sw .ra-t,.rp-app.sw .ra-lt{opacity:0}
.ra-pr.md{background:#D29A2E}.ra-pr.lo{background:#8C948B}
.rp-app .ra-l svg.md{color:#D29A2E}
@media (prefers-reduced-motion:reduce){.rp-app .ra-ph img,.rp-app .ra-t,.rp-app .ra-lt{transition:none}}

/* v12.1 (Ismael 23 Oct): header chat = flat gold (no shine), sits concentric inside the capsule */
.top.landed .bar,.top.inner .bar{padding-left:30px;padding-right:8px}
.hd-wa{min-height:38px;height:38px;padding:0 16px 0 14px;gap:8px;border-radius:10px;font:600 14px/1 var(--sans);letter-spacing:.01em;
  background:#C9A96E;color:#1A1714;border:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}
.hd-wa svg{width:16px;height:16px;color:#1A1714;flex:none}
.hd-wa span{position:relative;top:.5px}
.hd-wa:hover,.hd-wa:focus-visible{background:#D9BC86;color:#1A1714}
.hd-wa:hover svg,.hd-wa:focus-visible svg{color:#1A1714}
@media (max-width:960px){.top.landed .bar,.top.inner .bar{padding-left:10px;padding-right:10px}
  .hd-wa-m{right:8px;border-radius:9px;background:#C9A96E;border:0;color:#1A1714}
  .hd-wa-m:active,.hd-wa-m:focus-visible{background:#D9BC86;color:#1A1714}}

/* v12.2 (Ismael 23 Oct): gold buttons wear the same gold as the X in the ELUMEX logo (#DCC08B → #C9A96E → #AE8A52), matte — no glow, no shine sweep */
:root{--x-gold:linear-gradient(135deg,#DCC08B 0%,#C9A96E 55%,#AE8A52 100%);--x-gold-h:linear-gradient(135deg,#E6CE9E 0%,#D3B57C 55%,#B8955A 100%)}
.hd-wa,.hd-wa-m,.cta-primary,.light .dark .cta-primary,.linen .dark .cta-primary,.ft2-wa,.bk-btn{background:var(--x-gold);border-color:transparent;color:#1A1714}
.hd-wa:hover,.hd-wa:focus-visible,.hd-wa-m:active,.hd-wa-m:focus-visible,.cta-primary:hover,.cta-primary:focus-visible,.ft2-wa:hover,.ft2-wa:focus-visible,.bk-btn:hover,.bk-btn:focus-visible{background:var(--x-gold-h);border-color:transparent;color:#1A1714}
.light .cta-primary,.linen .cta-primary,.cream .cta-primary{background:#1A1714;border-color:#1A1714;color:#F5F2EE}
.light .cta-primary:hover,.linen .cta-primary:hover,.cream .cta-primary:hover,.light .cta-primary:focus-visible,.linen .cta-primary:focus-visible,.cream .cta-primary:focus-visible{background:#2E2820;border-color:#2E2820;color:#DCC08B}
.light .dark .cta-primary,.linen .dark .cta-primary{background:var(--x-gold);color:#1A1714}
@media (max-width:960px){.hd-wa-m{background:var(--x-gold);color:#1A1714}}

/* v12.2 (Ismael 23 Oct): inner-page heroes ~60% of the screen — title, line, button and facts on the first screen; image centred */
.ihero{min-height:min(60vh,560px);padding-top:calc(var(--gutter) + 72px);padding-bottom:clamp(32px,3.6vw,52px)}
.ihero-vis img{object-position:50% 50%}
.ih1{font-size:clamp(38px,4.6vw,68px);max-width:20ch}
.ihero .lede{margin-top:16px}
.ihero .ctas{margin-top:22px}
.svc .ihero{min-height:min(60vh,560px)}
.ifacts{margin-top:clamp(24px,2.8vw,40px)}
.ifacts > div{padding-top:14px}
.ichips{margin-top:clamp(24px,3vw,40px)}
@media (max-width:760px){
  .ihero{padding-top:calc(var(--gutter) + 86px);padding-bottom:26px}
  .ih1{font-size:clamp(32px,9vw,40px)}
  .ihero .lede{font-size:16px;margin-top:12px}
  .ihero .ctas{margin-top:18px}
  .ifacts{margin-top:22px}
  .ifacts > div{padding-top:10px;padding-bottom:10px}
  .ifacts dt{font-size:10.5px}
  .ifacts dd{font-size:16px;margin-top:4px}
}
/* v12.3: every inner page hero = same height on desktop (services, developers, about, contact, services hub, legal, blog) */
@media (min-width:761px){
  .ihero,.svc .ihero{min-height:0;height:clamp(600px,70vh,640px);box-sizing:border-box;padding-top:calc(var(--gutter) + 64px)}
  .ihero .lede{max-width:64ch}
  .ifacts dd{font-size:clamp(16px,1.2vw,19px)}
}
@media (max-width:760px){.ihero{min-height:min(62vh,540px)}}
@media (min-width:761px){
  body .ihero,body.svc .ihero{min-height:0;height:clamp(620px,70vh,660px);padding-top:104px;padding-bottom:clamp(30px,3vw,44px)}
}
@media (min-width:761px){body .ihero{align-items:start;align-content:start}body .ihero .ihero-in{margin-top:0;margin-bottom:0;align-self:start}}
@media (max-width:760px){body .ihero{align-items:start;align-content:start;padding-top:118px}body .ihero .ihero-in{margin-top:0;margin-bottom:0;align-self:start}}

/* ===== v12 SNAGS: real anonymised findings + Onsite logo (report section + Report step) ===== */
#report .tr-b{grid-template-columns:minmax(0,1fr) 34%;align-items:start}
#report .tr-b img.tr-ph{width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:#EEE8DC;box-shadow:0 0 0 1px rgba(26,23,20,.08)}
#report .tr-same{border-top:1px solid #EFE9DD}
#report .tab-f{display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.02em}
#report .tab-onsite{display:block;height:17px;width:auto}
#report .r11-btn svg{width:17px;height:17px}
.rp-app .ra-ph{background:#EEE8DC}
@media (max-width:960px){#report .tr-b{grid-template-columns:minmax(0,1fr) 36%}#report .tab-onsite{height:15px}}
/* ===== end v12 SNAGS ===== */
/* ===== RENO: home services = 6 private cards (3×2 / 2×3 / 1) + developer band below ===== */
.svc-band{margin-top:clamp(14px,1.6vw,22px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;gap:14px clamp(28px,3.4vw,56px);align-items:center;padding:clamp(22px,2.2vw,30px) clamp(24px,2.6vw,38px);border-radius:18px;background:#1A1714;border:1px solid #1A1714;color:var(--cream);text-decoration:none;transition:border-color .3s,transform .4s var(--ease),box-shadow .4s}
.svc-band:hover{border-color:rgba(201,169,110,.55);transform:translateY(-3px);box-shadow:0 24px 50px -32px rgba(26,23,20,.45)}
.svc-band *{text-decoration:none}
.svb-k{display:grid;gap:10px;justify-items:start}
.svc-band .svc-who{color:var(--gold);border-color:rgba(201,169,110,.45)}
.svc-band h3{margin:0;font:500 clamp(22px,1.8vw,28px)/1.12 var(--serif);letter-spacing:-.01em;color:var(--cream)}
.svc-band p{margin:0;color:var(--on-dark-2);font-size:15.5px;line-height:1.55;max-width:60ch}
.svc-band .svc-more{margin:0;padding-top:0;color:var(--pale);white-space:nowrap;align-self:center}
.svc-band:focus-visible{outline:2px solid #80612F;outline-offset:3px}
@media (min-width:961px){body #services .svc-band{margin-top:16px;padding:clamp(20px,1.6vw,26px) clamp(24px,2.2vw,34px)}body #services .svc-band h3{font-size:clamp(21px,1.6vw,25px)}body #services .svc-band p{font-size:14.5px;line-height:1.5}}
@media (max-width:960px){.svc-band{grid-template-columns:minmax(0,1fr) auto;align-items:end}.svc-band .svb-k{grid-column:1/-1}.svc-band p{grid-column:1}.svc-band .svc-more{grid-column:2;align-self:end}}
@media (max-width:640px){.svc-band{grid-template-columns:1fr;gap:10px;padding:20px 20px 22px;align-items:start}.svc-band p{font-size:15px}.svc-band .svc-more{grid-column:auto;justify-self:start;margin-top:6px}}
/* ===== end RENO ===== */
/* v12.4 fix: never cut hero content — fixed height → min-height (same min on every inner page) */
@media (min-width:761px){body .ihero,body.svc .ihero{height:auto;min-height:clamp(620px,70vh,660px)}}
@media (min-width:761px){body .ifacts dd{font-size:clamp(15px,1.05vw,17px);line-height:1.3}body .ihero .lede{max-width:70ch}body .ihero .ifacts{margin-top:clamp(20px,2.2vw,32px)}}
@media (min-width:761px){body .ihero,body.svc .ihero{padding-top:118px}}
@media (min-width:761px){body .ihero,body.svc .ihero{min-height:clamp(640px,72vh,680px);padding-bottom:48px}}
/* v12.5 (Ismael 10-26): Why ELUMEX — badges up, the two credential cards sit under the badges inside the right column; no dead space */
@media (min-width:1101px){
  body #why .wrap{grid-template-rows:auto 1fr;align-items:start}
  body #why .inc-lead{grid-column:1;grid-row:1 / 3}
  body #why .why-bdg{grid-column:2;grid-row:1;align-self:start!important;margin-top:clamp(30px,3vw,46px)}
  body #why .cred-row4{grid-column:2!important;grid-row:2;align-self:start;margin-top:clamp(18px,2vw,28px)!important;gap:14px!important}
  body #why .cred-row4 li{flex-direction:row!important;align-items:center!important;gap:14px!important;padding:16px 18px!important}
  body #why .cred-row4 .cred-ic{flex:none}
}
@media (min-width:1101px){
  body #why .wrap{row-gap:0}
  body #why .cred-row4{align-self:end!important;margin-top:20px!important}
}

/* v12.6 (Ismael 10-26): floating contact dock — WhatsApp · Call · Email; expands on hover */
.cdock{position:fixed;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px;
  opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.cdock.on{opacity:1;transform:none;pointer-events:auto}
html.lock .cdock,html.mega-on .cdock{opacity:0!important;pointer-events:none!important}
.cd-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;height:56px;min-width:56px;padding:0 17px;gap:0;border-radius:16px;
  background:var(--x-gold,linear-gradient(135deg,#DCC08B 0%,#C9A96E 55%,#AE8A52 100%));color:#1A1714;font:600 15px/1 var(--sans);letter-spacing:.01em;
  box-shadow:0 14px 30px -12px rgba(26,23,20,.55),0 0 0 1px rgba(26,23,20,.08);transition:gap .35s cubic-bezier(.22,1,.36,1),padding .35s,transform .25s}
.cd-ic{position:relative;width:22px;height:22px;flex:none}
.cd-ic svg{position:absolute;inset:0;width:22px;height:22px;transition:opacity .25s,transform .3s}
.cd-i2{opacity:0;transform:rotate(-90deg)}
.cd-t{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .4s cubic-bezier(.22,1,.36,1),opacity .25s}
.cd-btn:hover,.cd-btn:focus-visible,.cdock.open .cd-btn{gap:10px;padding:0 20px 0 17px}
.cd-btn:hover .cd-t,.cd-btn:focus-visible .cd-t,.cdock.open .cd-t{max-width:120px;opacity:1}
.cd-btn:hover{transform:translateY(-2px)}
.cd-btn:focus-visible{outline:2px solid #F5F2EE;outline-offset:3px}
.cdock.open .cd-i1{opacity:0;transform:rotate(90deg)}.cdock.open .cd-i2{opacity:1;transform:none}
.cd-panel{width:min(300px,calc(100vw - 28px));padding:14px;border-radius:18px;background:#1A1714;color:#F5F2EE;
  box-shadow:0 30px 60px -24px rgba(0,0,0,.6),0 0 0 1px rgba(201,169,110,.28);transform-origin:100% 100%;
  animation:cdIn .28s cubic-bezier(.22,1,.36,1)}
.cd-panel[hidden]{display:none}
@keyframes cdIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.cd-h{margin:2px 4px 10px;font:500 16px/1.25 var(--serif);color:#F5F2EE}
.cd-o{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;color:#F5F2EE;text-decoration:none;transition:background .2s}
.cd-o + .cd-o{margin-top:2px}
.cd-o:hover,.cd-o:focus-visible{background:rgba(201,169,110,.12)}
.cd-o:focus-visible{outline:2px solid #C9A96E;outline-offset:-2px}
.cd-oi{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(201,169,110,.14);color:#D9BC86}
.cd-oi svg{width:19px;height:19px}
.cd-oi.cd-wa{background:var(--x-gold,#C9A96E);color:#1A1714}
.cd-o b{display:block;font:600 14.5px/1.2 var(--sans)}
.cd-o small{display:block;margin-top:2px;font-size:12.5px;color:rgba(245,242,238,.62)}
@media (max-width:760px){.cd-btn{height:52px;min-width:52px;padding:0 15px;border-radius:15px}}
@media (hover:none){.cd-btn:hover .cd-t{max-width:0;opacity:0}.cd-btn:hover{gap:0;padding:0 15px;transform:none}}
@media (prefers-reduced-motion:reduce){.cdock,.cd-btn,.cd-t,.cd-ic svg{transition:none}.cd-panel{animation:none}}

/* v12.6 (Ismael 10-26): hero credentials band ~30% smaller on desktop */
@media (min-width:961px){
  body #hero .proof5{padding:12px 6px 11px!important}
  body #hero .proof5 .p5{grid-template-rows:50px auto auto!important}
  body #hero .proof5 .p5-top{height:50px!important;margin:0 0 6px!important}
  body .p5-pair .bdg-img,body .p5-pair .bdg-seal{width:48px!important;height:48px!important}
  body .p5-pair.p5-tone .bdg-img{height:46px!important}
  body .p5-pair.p5-tone .bdg-rera.bdg-emblem{height:30px!important}
  body #hero .proof5 .bdg-ico{width:34px!important;height:34px!important}
  body #hero .proof5 .p5-yrs .tm{font-size:clamp(52px,4vw,60px)!important}
  body #hero .proof5 .tt{font-size:clamp(12.5px,.86vw,14px)!important}
  body #hero .proof5 .tn{font-size:11.5px!important;margin-top:2px!important}
}

/* v12.7: proof line removed from the hero; its facts now live in the band subtitles, so keep them visible on mid-size laptops too */
@media (min-width:961px) and (max-width:1180px){body #hero .proof5 .tn{display:block!important;font-size:10.5px!important;white-space:normal!important;max-width:16ch;margin-left:auto;margin-right:auto}}
@media (max-width:960px){body #hero .proof5 .tn{display:block!important;font-size:10px!important;line-height:1.3!important;white-space:normal!important;margin-top:2px!important;color:rgba(245,242,238,.62)!important}}

/* v12.8 (Ismael 10-26): dock visible from the hero, clean panel (labels only), WhatsApp glyph on the button */
.cdock{opacity:1;transform:none;pointer-events:auto}
.cd-btn{height:58px;min-width:58px;padding:0 17px;border-radius:18px}
.cd-ic,.cd-ic svg{width:24px;height:24px}
.cd-i1{fill:currentColor}
.cd-btn:hover,.cd-btn:focus-visible,.cdock.open .cd-btn{gap:10px;padding:0 22px 0 17px}
.cd-panel{width:min(240px,calc(100vw - 28px));padding:10px}
.cd-h{margin:4px 8px 8px;font-size:15px}
.cd-o{padding:9px 10px;gap:12px}
.cd-oi{width:38px;height:38px;border-radius:10px}
.cd-o b{font-size:15px;font-weight:500}
@media (max-width:760px){.cd-btn{height:54px;min-width:54px;padding:0 15px;border-radius:16px}}
/* v12.9 (Ismael 10-26): hero headline ~15% smaller */
body .hero .display.d3{font-size:clamp(30px,3.9vw,62px)}
@media (max-width:600px){body .hero .display.d3{font-size:clamp(27px,7.4vw,34px)}}

/* v12.10: dock bottom lines up with the hero band's bottom edge (desktop); panel shows number + email again */
@media (min-width:961px){.cdock{bottom:var(--cd-b,48px)}}
.cd-panel{width:min(260px,calc(100vw - 28px))}
.cd-o small{display:block;margin-top:2px;font-size:12.5px;color:rgba(245,242,238,.62)}
/* v12.11 (Ismael 10-26): What we inspect — title block + area list in the left column, plan starts at the top of the right column */
@media (min-width:961px){
  #inspect .wrap{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);column-gap:clamp(32px,3.6vw,56px);grid-template-rows:auto 1fr auto;align-items:start}
  #inspect .xp-head{grid-column:1;grid-row:1;margin:0!important;display:block;text-align:left}
  #inspect .xp-head .eyebrow{margin:0 0 16px}
  #inspect .xp-head .h2{font-size:clamp(34px,3vw,46px);line-height:1.04;max-width:9ch;margin:0;text-align:left}
  #inspect .xp-head .lede{margin:14px 0 0;font-size:15px;line-height:1.55;max-width:32ch;text-align:left}
  #inspect .xp{display:contents}
  #inspect .xp-tabs{grid-column:1;grid-row:2;margin-top:26px;position:static}
  #inspect .xp-stage{grid-column:2;grid-row:1 / 3;align-self:start}
  #inspect .sc-fine{grid-column:2;grid-row:3}
}
@media (min-width:961px){
  #inspect .xp-head .h2{max-width:12ch;font-size:clamp(32px,2.7vw,42px)}
  #inspect .xp-stage{margin-top:14px}
  #inspect .xp-tabs{gap:2px;margin-top:22px}
  #inspect .xp-tabs button{padding:11px 14px}
}

/* =====================================================================
   v12.12 (Ismael 10-26): Consult step (01) — light WhatsApp conversation
   Was a dark card on a dark-brown radial ("brown on brown, heavy"). Now a
   white chat card on cream paper, same family as the Report step: the three
   steps read as a short exchange (your turn → ours → ours), gold = logo X.
   Markup: home.js ".bk.bkc". Old .bk-card rules no longer match.
   ===================================================================== */
.vf .bk.bkc{background:radial-gradient(90% 85% at 50% 42%,#FBF8F3 0%,#F3EEE6 62%,#EBE4D8 100%)}
.vf .bk.bkc::before{background:repeating-linear-gradient(90deg,rgba(58,46,34,.045) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(58,46,34,.045) 0 1px,transparent 1px 56px);mask:radial-gradient(75% 75% at 50% 50%,#000,transparent)}
#promise.b4 .vf::after{transition:opacity .6s}
#promise.b4[data-c="0"] .vf::after{opacity:0}
#promise.b4[data-c="0"] .vf .hud{color:#3A2E22;text-shadow:none}
#promise.b4[data-c="0"] .vf .br{border-color:rgba(58,46,34,.45)}
#promise.b4[data-c="0"] .hud.tc{opacity:0}
.bkc-card{position:relative;width:min(392px,72%);background:#FFFFFF;border-radius:16px;overflow:hidden;color:#1A1714;text-align:left;
  box-shadow:0 34px 64px -28px rgba(28,22,17,.42),0 0 0 1px rgba(28,22,17,.06)}
.bkc-h{display:flex;align-items:center;gap:12px;padding:16px 18px 14px;border-bottom:1px solid #EFE8DC}
.bkc-av{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--x-gold);color:#1A1714}
.bkc-av svg{width:22px;height:22px}
.bkc-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.bkc-k{font:600 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#9C7A44}
.bkc-t{font:500 clamp(20px,1.7vw,24px)/1.1 var(--serif);letter-spacing:-.01em;color:#1A1714}
.bkc-m{list-style:none;margin:0;padding:16px 16px 16px;border-bottom:1px solid #EFE8DC;display:flex;flex-direction:column;gap:9px;background:#F7F3EC}
.bkc-m li{align-self:flex-start;display:flex;align-items:center;gap:9px;max-width:88%;padding:9px 13px 9px 9px;
  background:#FFFFFF;border:1px solid #ECE4D6;border-radius:4px 14px 14px 14px;font:500 14px/1.3 var(--sans);color:#2B241D;
  opacity:0;transform:translateY(8px) scale(.98);transform-origin:left top;transition:opacity .45s,transform .5s cubic-bezier(.2,.8,.2,1)}
.bkc-m li.me{align-self:flex-end;background:#F3E8D2;border-color:#E8D7B6;border-radius:14px 4px 14px 14px;transform-origin:right top}
.bkc-m b{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--x-gold);font:600 11px/1 var(--sans);color:#1A1714}
.vf .bk.bkc.is-on .bkc-m li{opacity:1;transform:none}
.vf .bk.bkc.is-on .bkc-m li:nth-child(1){transition-delay:.45s}
.vf .bk.bkc.is-on .bkc-m li:nth-child(2){transition-delay:.95s}
.vf .bk.bkc.is-on .bkc-m li:nth-child(3){transition-delay:1.45s}
.bkc-btn{display:flex;justify-content:center;margin:0;border-radius:var(--r-btn);height:44px;font-size:14.5px}
.bkc-card .bkc-btn{margin:14px 16px 16px}
.bkc-btn:focus-visible{outline:2px solid #1A1714;outline-offset:2px}
@media (max-width:960px){
  .vf .bk.bkc{place-items:end center;padding-bottom:9%}
  .bkc-card{width:80%;border-radius:12px}
  .bkc-h{gap:9px;padding:8px 11px 7px}
  .bkc-av{width:28px;height:28px}.bkc-av svg{width:15px;height:15px}
  .bkc-id{gap:2px}.bkc-k{font-size:8.5px;letter-spacing:.16em}.bkc-t{font-size:15.5px}
  .bkc-m{padding:8px 9px 8px;gap:5px}
  .bkc-m li{padding:5px 9px 5px 5px;gap:6px;font-size:11.5px;border-radius:3px 11px 11px 11px;max-width:92%}
  .bkc-m li.me{border-radius:11px 3px 11px 11px}
  .bkc-m b{width:16px;height:16px;font-size:9px}
  .bkc-card .bkc-btn{height:32px;margin:8px 9px 9px;font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.bkc-m li{transition:none!important}}
/* the Verify caption (.find, aria-hidden, opacity 0 until step 04) sat on top of the Consult button on phones and ate the tap */
#promise .vf .find{pointer-events:none}
/* end v12.12 Consult */

/* ===== v12.13 · hero quick quote (thin cream bar, custom dropdown) ===== */
.hq{position:relative;z-index:6;width:min(540px,100%);margin:clamp(22px,3.2vh,32px) auto 0;text-align:left;font-family:var(--sans)}
.hq *{box-sizing:border-box}
.hq-cap{display:flex;align-items:center;justify-content:center;gap:10px;min-height:16px;margin:0 0 9px;font:600 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#D9BC86;text-align:center}
.hq-cap i{font-style:normal;font-weight:500;letter-spacing:.06em;text-transform:none;color:rgba(245,242,238,.62)}
.hq-back{display:none;align-items:center;gap:6px;max-width:100%;padding:0;border:0;background:none;cursor:pointer;font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#D9BC86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hq-back::before{content:"";width:6px;height:6px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px}
.hq-back u{text-decoration:none;font-weight:500;letter-spacing:.04em;text-transform:none;color:rgba(245,242,238,.6)}
.hq-back:hover u{color:#fff}
.hq-bar{display:flex;align-items:center;gap:6px;height:54px;padding:6px 6px 6px 4px;border-radius:10px;background:#F5F2EE;box-shadow:0 0 0 1px rgba(201,169,110,.55),0 18px 44px -18px rgba(0,0,0,.65)}
.hq-s2,.hq.s2 .hq-s1{display:none}.hq.s2 .hq-s2{display:flex}
.hq.s2 .hq-c1{display:none}.hq.s2 .hq-back{display:inline-flex}
.hq-bar{position:relative}
.hq-dd{position:static;flex:1;min-width:0;height:100%}
.hq-tr{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:100%;padding:0 12px 0 16px;border:0;border-radius:7px;background:none;cursor:pointer;font:500 15px/1.2 var(--sans);color:#1A1714;text-align:left}
.hq-tr span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hq-tr span[data-ph]{color:#6B5E4E}
.hq-tr svg{flex:none;width:12px;height:8px;color:#80612F;transition:transform .25s}
.hq-tr[aria-expanded=true] svg{transform:rotate(180deg)}
.hq-tr:hover{background:rgba(201,169,110,.12)}
.hq-list{position:absolute;left:0;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;border-radius:10px;background:#FBFAF7;box-shadow:0 0 0 1px rgba(201,169,110,.45),0 24px 50px -20px rgba(0,0,0,.6);z-index:20}
.hq-list.up{top:auto;bottom:calc(100% + 8px)}
.hq-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;font:500 14.5px/1.25 var(--sans);color:#1A1714}
.hq-list li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:rgba(128,97,47,.28)}
.hq-list li.act,.hq-list li:hover{background:#EFE7DA}
.hq-list li[aria-selected=true]::before{background:linear-gradient(135deg,#DCC08B,#C9A96E 55%,#AE8A52)}
.hq-in{flex:1;min-width:0;height:100%;padding:0 14px;border:0;border-radius:7px;background:none;outline:0;font:500 15px/1.2 var(--sans);color:#1A1714}
.hq-in::placeholder{color:#7A6C5A}
.hq-in:focus{background:rgba(201,169,110,.12)}
.hq-nm{flex:.7;border-right:1px solid #E4DCCF;border-radius:7px 0 0 7px}
.hq-in.bad{background:rgba(224,140,116,.14)}
.hq-btn{flex:none;height:42px;padding:0 20px;border:0;border-radius:7px;background:linear-gradient(135deg,#DCC08B 0%,#C9A96E 55%,#AE8A52 100%);color:#1A1714;font:600 14.5px/1 var(--sans);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:filter .25s}
.hq-btn:hover{filter:brightness(1.06)}.hq-btn[disabled]{opacity:.6;cursor:wait}
.hq-tr:focus-visible,.hq-btn:focus-visible,.hq-back:focus-visible,.hq-wa:focus-visible{outline:2px solid #EBD5B0;outline-offset:3px}
.hq-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hq-err{margin:8px 0 0;font:500 12.5px/1.35 var(--sans);color:#F3C2B3;text-align:center}
.hq-err a{color:#EBD5B0}
.hq-done{display:none;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:6px 6px 6px 18px;border-radius:10px;background:#F5F2EE;box-shadow:0 0 0 1px rgba(201,169,110,.55);font:500 14.5px/1.3 var(--sans);color:#1A1714}
.hq-done b{font-weight:600}
.hq-wa{flex:none;display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:7px;border:1px solid #AE8A52;color:#1A1714;text-decoration:none;font:600 14px/1 var(--sans)}
.hq.sent > :not(.hq-done){display:none!important}.hq.sent .hq-done{display:flex}
@media (min-width:961px){html body #hero .hero-in{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 64px)!important}}
@media (max-width:600px){
 html body #hero .hero-in{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 104px)!important}
 .hq{margin-top:20px}
 .hq-bar{height:50px;padding:5px 5px 5px 2px}
 .hq-btn{height:40px;padding:0 16px;font-size:14px}
 .hq-tr,.hq-in{font-size:14.5px}

 .hq.s2 .hq-s2{flex-wrap:wrap;height:auto;padding:4px}
 .hq-s2 .hq-in{height:42px;flex:1 1 40%}
 .hq-s2 .hq-nm{flex:1 1 35%}
 .hq-s2 .hq-btn{flex:1 1 100%}
 .hq-done{flex-wrap:wrap;justify-content:center;text-align:center;padding:10px}
}
@media (max-width:760px){.cdock.hq-hide{opacity:0!important;pointer-events:none!important}}

/* ===== v12.13 · "Before we arrive" compact strip (after Services) ===== */
.prep-c.sec{padding-block:clamp(44px,5vw,64px)}
.prep-c .prep-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,3fr);gap:clamp(28px,4vw,64px);align-items:start}
.prep-c .prep-head{gap:10px;max-width:none}
.prep-c .prep-head .h2{font-size:clamp(24px,2.1vw,32px);line-height:1.12}
.prep-c .prep-more{margin:6px 0 0}
.prep-c .prep-more a{min-height:32px;font-size:14px}
.prep-c .prep-list{margin:0}
.prep-c .prep-list li{gap:6px;padding:4px 20px 2px 0;margin-right:20px}
.prep-c .prep-list b{font-size:clamp(17px,1.3vw,19px)}
.prep-c .prep-list li>span:last-child{font-size:14px;line-height:1.45}
@media (max-width:960px){.prep-c .prep-grid{grid-template-columns:1fr;gap:22px}
  .prep-c .prep-list li:nth-child(n+3){padding-top:16px;margin-top:14px}}
@media (max-width:600px){.prep-c .prep-list li{padding:12px 0;margin:0!important}
  .prep-c .prep-list li>span:last-child{font-size:13.5px}}

/* ===== v12.13 · FAQ "show more" ===== */
.fq-more{display:inline-flex;align-items:center;gap:10px;margin-top:22px;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid rgba(128,97,47,.45);background:transparent;cursor:pointer;font:600 14.5px/1 var(--sans);color:var(--ink);letter-spacing:.01em;transition:border-color .2s,background .2s}
.fq-more:hover{border-color:#80612F;background:rgba(201,169,110,.1)}
.fq-more:focus-visible{outline:2px solid #80612F;outline-offset:3px}
.fq-more i{width:8px;height:8px;border-right:1.5px solid #80612F;border-bottom:1.5px solid #80612F;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.fq-more[aria-expanded=true] i{transform:translateY(2px) rotate(-135deg)}
.fq-wrap .fq:has(+ .fq[hidden]),.fq-wrap .fq:has(+ .fq-more){border-bottom:1px solid var(--line-light)}
.dark .fq-more{color:#F5F2EE;border-color:rgba(201,169,110,.5)}.dark .fq-more i{border-color:#C9A96E}

/* ===== v12.13 · Onsite lockup under "View sample report" ===== */
.r11-onsite{display:flex;align-items:center;gap:14px;margin:26px 0 0;padding-top:20px;border-top:1px solid #E4DCCF;max-width:420px}
.r11-onsite span{font:600 10.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#6B5E4E}
.r11-onsite img{display:block;height:30px;width:auto}
@media (max-width:600px){.r11-onsite{gap:12px;margin-top:22px;padding-top:16px}.r11-onsite img{height:26px}}

/* ===== v12.13 (Ismael 10-26): What we inspect — title on top, then areas | plan | details.
   The details card no longer sits on the plan: it gets its own column on the right. ===== */
@media (min-width:961px){
  #inspect .wrap{display:block}
  #inspect .xp-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;column-gap:48px;margin:0 0 clamp(28px,3vw,40px)!important}
  #inspect .xp-head .eyebrow{grid-column:1/-1;margin:0 0 14px}
  #inspect .xp-head > div.rv{display:contents}
  #inspect .xp-head > .eyebrow{display:block}
  #inspect .xp-head .h2{grid-column:1;max-width:none!important;font-size:clamp(34px,3vw,46px)}
  #inspect .xp-head .lede{grid-column:2;margin:0!important;max-width:none}
  #inspect .xp{display:grid!important;grid-template-columns:250px minmax(0,1fr) 300px;gap:clamp(20px,2vw,32px);align-items:start}
  #inspect .xp-tabs{grid-column:1;grid-row:1;margin:0!important;gap:2px}
  #inspect .xp-tabs button{padding:9px 12px;grid-template-columns:26px 1fr auto;gap:8px}
  #inspect .xp-tabs .xp-l{font-size:14.5px;line-height:1.25}
  #inspect .xp-tabs .xp-c{font-size:11.5px}
  #inspect .xp-stage{display:contents}
  #inspect .xp-plan{grid-column:2;grid-row:1;margin:0}
  #inspect .xp-card{grid-column:3;grid-row:1;position:static!important;width:auto!important;margin:0;padding:18px 20px;border:1px solid rgba(201,169,110,.35);box-shadow:0 22px 44px -30px rgba(28,22,17,.45)!important}
  #inspect .xp-card .xp-k{margin-bottom:12px}
  #inspect .sc-fine{margin-top:18px}
}
@media (min-width:961px) and (max-width:1199px){
  #inspect .xp{grid-template-columns:minmax(0,1fr) 280px}
  #inspect .xp-tabs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
  #inspect .xp-tabs button{grid-template-columns:auto auto;padding:8px 12px;border:1px solid rgba(201,169,110,.3)}
  #inspect .xp-tabs .xp-c{display:none}
  #inspect .xp-plan{grid-column:1;grid-row:2}
  #inspect .xp-card{grid-column:2;grid-row:2}
}
@media (min-width:961px){
  #inspect .xp-head .eyebrow{grid-row:1}
  #inspect .xp-head .h2,#inspect .xp-head .lede{grid-row:2}
}
@media (min-width:961px){#inspect .xp-head .h2{margin-top:0!important}#inspect .xp-head .eyebrow{margin:0 0 18px!important}}

/* ===== v12.14 · developer band (07): warm photo card, same family as the six service cards ===== */
#services .svb2{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;align-items:stretch;padding:0!important;overflow:hidden;background:#FBF8F3;border:1px solid rgba(201,169,110,.55);color:var(--ink);box-shadow:0 26px 60px -40px rgba(26,23,20,.45)}
#services .svb2:hover{border-color:#AE8A52;box-shadow:0 30px 64px -34px rgba(26,23,20,.5)}
#services .svb2:hover .svb-ph img{transform:scale(1.035)}
#services .svb-txt{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:clamp(24px,2.4vw,36px) clamp(24px,2.6vw,40px)}
#services .svb-top{display:flex;align-items:center;gap:12px}
#services .svb2 .svc-who{color:var(--gold-ink);border-color:rgba(128,97,47,.4)}
#services .svb2 h3{margin:4px 0 0;color:var(--ink);font-size:clamp(23px,1.9vw,30px)}
#services .svb2 p{color:var(--ink-2);max-width:46ch}
#services .svb2 .svc-more{margin-top:auto;padding-top:12px;color:var(--ink);align-self:flex-start}
#services .svb-ph{position:relative;margin:0;min-height:290px;overflow:hidden}
#services .svb-ph img{position:absolute;top:0;right:0;bottom:0;left:auto;width:118%;max-width:none;height:100%;object-fit:cover;object-position:100% 28%;transition:transform .8s var(--ease)}
#services .svb-ph::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 1px 0 0 rgba(201,169,110,.45)}
@media (max-width:760px){
 #services .svb2{grid-template-columns:1fr}
 #services .svb-ph{order:-1;min-height:0;aspect-ratio:16/9}
 #services .svb-ph img{width:100%;object-position:70% 45%}
 #services .svb-ph::before{inset:auto 0 0 0;width:auto;height:45%;background:linear-gradient(0deg,#FBF8F3 0%,rgba(251,248,243,0) 100%)}
 #services .svb-txt{padding:4px 20px 22px}
}

/* ===== v12.14 · plan pins: active pin was gold on oak floor (same colour). Now ink + gold ring. ===== */
#inspect .xp-pin.on b{background:#1A1714!important;color:#EBD5B0!important;border:2px solid #DCC08B!important;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 8px 18px rgba(0,0,0,.35)!important}
#inspect .xp-pin.on i{background:rgba(26,23,20,.22)!important}
#inspect .xp-pin b{box-shadow:0 0 0 2px rgba(255,255,255,.6),0 6px 14px rgba(0,0,0,.22)}

/* ===== v12.15 · developer band: warm espresso (between the old black and the cream) + site-team photo ===== */
#services .svb2{background:radial-gradient(120% 140% at 0% 0%,#4A3E33 0%,#382F27 45%,#2C2520 100%);border-color:rgba(201,169,110,.45);color:#F5F2EE}
#services .svb2:hover{border-color:rgba(220,192,139,.8)}
#services .svb2 .svc-n{color:#DCC08B}
#services .svb2 .svc-who{color:#E3CB9C;border-color:rgba(220,192,139,.5)}
#services .svb2 h3{color:#F5F2EE}
#services .svb2 p{color:rgba(245,242,238,.78)}
#services .svb2 .svc-more{color:#EBD5B0}
#services .svb-ph img{width:100%;object-position:62% 40%}
#services .svb-ph::before{inset:0 auto 0 0;width:30%;box-shadow:none;background:linear-gradient(90deg,#372E27 0%,rgba(55,46,39,.55) 45%,rgba(55,46,39,0) 100%)}
@media (max-width:760px){
 #services .svb-ph img{object-position:62% 40%}
 #services .svb-ph::before{inset:auto 0 0 0;width:auto;height:40%;background:linear-gradient(0deg,#3A3029 0%,rgba(58,48,41,0) 100%)}
}

/* ===== v12.15 · inspect: a gold ring fills around the active number while the areas auto-advance (3.6 s = the JS interval) ===== */
@property --xpp{syntax:'<angle>';inherits:false;initial-value:360deg}
#inspect .xp-n{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-variant-numeric:tabular-nums}
#inspect .xp-n::before{content:"";position:absolute;inset:0;border-radius:50%;--xpp:360deg;background:conic-gradient(#AE8A52 var(--xpp),rgba(174,138,82,.18) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));opacity:0;transition:opacity .25s}
#inspect .xp-tabs button[aria-selected="true"] .xp-n{color:#1A1714;font-weight:600}
#inspect .xp-tabs button[aria-selected="true"] .xp-n::before{opacity:1}
#inspect .xp.auto .xp-tabs button[aria-selected="true"] .xp-n::before{animation:xpRing 3.6s linear forwards}
@keyframes xpRing{from{--xpp:0deg}to{--xpp:360deg}}
/* same ring on the active pin of the plan */
#inspect .xp-pin b::after{content:"";position:absolute;inset:-6px;border-radius:50%;--xpp:360deg;background:conic-gradient(#DCC08B var(--xpp),rgba(255,255,255,.35) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));opacity:0;pointer-events:none}
#inspect .xp-pin.on b::after{opacity:1}
#inspect .xp.auto .xp-pin.on b::after{animation:xpRing 3.6s linear forwards}
#inspect .xp.auto .xp-pin.on i{animation:none}
@media (min-width:961px){#inspect .xp-tabs button{grid-template-columns:32px 1fr auto}}
@media (prefers-reduced-motion:reduce){#inspect .xp-n::before,#inspect .xp-pin b::after{animation:none!important}}

/* ===== v12.15 · Contact: compact hero + light form section (was dark on dark) ===== */
@media (min-width:761px){body.contact .ihero{min-height:clamp(380px,46vh,440px)!important;padding-bottom:44px!important}}
@media (max-width:760px){body.contact .ihero{min-height:0!important;padding-top:110px!important;padding-bottom:30px!important}}
body.contact .ihero .ih1{font-size:clamp(38px,4.4vw,64px)}
body.contact .cform{background:#F4EFE7;color:#1A1714;padding-block:clamp(48px,5.5vw,80px)!important}
body.contact .cform .q-grid{align-items:start;gap:clamp(28px,4vw,64px)}
body.contact .c-side .eyebrow{color:#80612F!important}
body.contact .c-side .way{background:#fff;border-color:#E4DCCF;color:#1A1714}
body.contact .c-side .way:hover{border-color:#C9A96E;background:#fff}
body.contact .c-side .way small{color:#6B5E4E}
body.contact .c-side .w-ic{background:rgba(201,169,110,.16);color:#80612F}
body.contact .c-addr{color:#4A4036}
body.contact .c-reg{color:#7A6C5A;border-top-color:#E4DCCF}
body.contact .c-main{background:#fff;border:1px solid #E7DFD2;border-radius:16px;padding:clamp(22px,3vw,40px);box-shadow:0 30px 60px -44px rgba(26,23,20,.35)}
body.contact .modes{border-color:#E4DCCF;background:#F8F5F0;margin-bottom:22px}
body.contact .modes button{color:#6B5E4E}
body.contact .modes button[aria-selected="true"]{background:linear-gradient(135deg,#DCC08B 0%,#C9A96E 55%,#AE8A52 100%);color:#1A1714}
body.contact .modes button:focus-visible{outline-color:#80612F}
body.contact .cf .h2{color:#1A1714;font-size:clamp(28px,2.6vw,38px)}
body.contact .cf-help{color:#6B5E4E}
body.contact .cf{gap:18px}
body.contact .f label{color:#80612F}
body.contact .f input,body.contact .cf textarea{color:#1A1714;border-bottom-color:rgba(26,23,20,.2)}
body.contact .f input::placeholder,body.contact .cf textarea::placeholder{color:rgba(26,23,20,.4)}
body.contact .cf textarea:focus,body.contact .cf .f input:focus-visible{border-bottom-color:#AE8A52}
body.contact .f input[type="date"]{color-scheme:light}
body.contact .cf [aria-invalid="true"]{border-bottom-color:#C0573D}
body.contact .cf .err{color:#B4462F}
body.contact .cs-btn{color:#1A1714;border-bottom-color:rgba(26,23,20,.2);font-size:17px}
body.contact .cs-btn:hover{border-bottom-color:#C9A96E}
body.contact .cs-btn svg{color:#80612F}
body.contact .cs.open .cs-btn{border-bottom-color:#AE8A52}
body.contact .cs-list{background:#FBFAF7;border:1px solid rgba(201,169,110,.4);border-radius:12px;box-shadow:0 26px 54px -24px rgba(60,45,25,.35);-webkit-backdrop-filter:none;backdrop-filter:none}
body.contact .cs-list li{color:#3A322B;font-size:15.5px;border-radius:8px}
body.contact .cs-list li.act,body.contact .cs-list li:hover{background:#F1EADF;color:#1A1714}
body.contact .cs-list li[aria-selected="true"]{color:#80612F}
body.contact .cs-list li svg{color:#AE8A52}
body.contact .c-next{border-top-color:#E4DCCF}
body.contact .c-next-k{color:#80612F}
body.contact .c-next li{color:#6B5E4E}
body.contact .c-next li::before{color:#80612F}
body.contact .c-next b{color:#1A1714}
@media (max-width:900px){body.contact .cform .c-side{border-top-color:#E4DCCF}}
@media (max-width:600px){body.contact .c-main{padding:20px 16px;border-radius:14px}}

/* ===== v12.15 · Footer wordmark: was full-width and cut off (Ali: "too huge"). Now a contained lockup that still rises in. ===== */
.ft2-mark{width:min(460px,64%)!important;margin:clamp(30px,3.4vw,48px) auto clamp(26px,3vw,40px)!important}
@media (max-width:600px){.ft2-mark{width:min(300px,72%)!important;margin:28px auto 30px!important}}
.f:has(select[aria-invalid="true"]) .cs-btn{border-bottom-color:#C0573D!important}
@media (min-width:961px){#inspect .xp-head{row-gap:0!important}}

/* ===== v12.16 · Footer: the ELUMEX wordmark now sits between the links and the legal bar, full content width,
   letters rise one by one onto a gold horizon line and reflect below it (like a pool at dusk). Never cut off. ===== */
.fm-stage{position:relative;margin:clamp(44px,5.5vw,80px) 0 clamp(70px,7vw,110px);isolation:isolate}
.fm-stage::before{content:"";position:absolute;left:10%;right:10%;top:10%;bottom:-40%;z-index:-1;background:radial-gradient(50% 55% at 50% 60%,rgba(201,169,110,.16),rgba(201,169,110,0) 70%);opacity:var(--fp,0);pointer-events:none}
.ft2-in .ft2-mark.fm2{width:100%!important;max-width:none;margin:0!important;aspect-ratio:720/96;overflow:hidden;-webkit-box-reflect:below 6px linear-gradient(to bottom,transparent 0%,transparent 45%,rgba(255,255,255,.2) 100%)}
.fm-line{position:absolute;left:0;right:0;bottom:-3px;height:1px;background:linear-gradient(90deg,rgba(201,169,110,0),#C9A96E 30%,#E8D5B0 50%,#C9A96E 70%,rgba(201,169,110,0));transform:scaleX(var(--fp,0));transform-origin:50% 50%;opacity:.85}
.ft2-in .ft2-mark.fm2 .fm-l svg{color:#F5F2EE}
footer.ft2{padding-bottom:0}
.ft2-bar{position:relative;z-index:2}
@media (max-width:600px){.fm-stage{margin:36px 0 56px}}
@media (prefers-reduced-motion:reduce){.fm-line{transform:none}.fm-stage::before{opacity:1}}
.fm-stage{margin-top:clamp(14px,1.8vw,26px)!important}@media (max-width:600px){.fm-stage{margin-top:10px!important}}

/* ===== v12.17 · report tablet on phones: was ~680px tall. Smaller frame, 2 findings, tighter type. ===== */
@media (max-width:600px){
 #report .tab{width:min(300px,84%)!important;margin:24px auto 0!important}

 #report .tab-h{padding-bottom:8px}
 #report .tab-h .doc-mark svg{width:84px;height:auto}
 #report .tab-t{font-size:13px}
 #report .tab-t small{font-size:9.5px}
 #report .tr-room{font-size:10.5px;padding:5px 8px}
 #report .tr-b{grid-template-columns:minmax(0,1fr) 32%!important;gap:8px;padding:8px 0}
 #report .tr-b h3{font-size:12.5px;line-height:1.25}
 #report .tr-st{transform:scale(.85);transform-origin:left center;margin:2px 0}
 #report .tr-loc{font-size:10px;margin:0}
 #report .tr-d{font-size:10.5px;line-height:1.4;margin:3px 0 0}
 #report .tab-f{font-size:10px}#report .tab-onsite{height:12px}
}
/* v12.17: contact side column overflowed at 360px */
.cform .q-grid>*{min-width:0}.cform .way>span{min-width:0}.cform .way b,.cform .way small{overflow-wrap:anywhere}
@media (max-width:400px){.cform .way{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px 14px}.cform .w-ic{width:44px;height:44px}}
@media (min-width:601px) and (max-width:960px){#report .tab{width:min(460px,80%)!important;margin:28px auto 0!important}}

/* ===== v12.18 · Property types on phones: same "one opens, others fold" effect as desktop, stacked vertically (was a plain swipe row) ===== */
@media (max-width:860px){
  #types .types-rail{display:flex;flex-direction:column;overflow:visible;scroll-snap-type:none;height:clamp(500px,128vw,620px);gap:8px;padding:0;margin:0}
  #types .ty,#types .ty.on{flex:1 1 0;aspect-ratio:auto;min-height:0;transition:flex .7s cubic-bezier(.22,1,.36,1)}
  #types .ty.on{flex:4.4 1 0}
  #types .ty img{transform:scale(1.06);filter:saturate(.75) brightness(.7);transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .6s}
  #types .ty.on img{transform:scale(1);filter:none}
  #types .ty-v{display:block;left:18px;right:auto;top:50%;bottom:auto;transform:translateY(-50%);writing-mode:horizontal-tb;font-size:19px;z-index:2;transition:opacity .35s}
  #types .ty.on .ty-v{opacity:0}
  #types .ty-c{opacity:0;transform:translateY(10px);transition:opacity .45s .15s,transform .45s .15s;left:18px;right:18px;bottom:16px}
  #types .ty.on .ty-c{opacity:1;transform:none}
  #types .ty-c b{font-size:26px}
  #types .ty:not(.on)::after{background:linear-gradient(90deg,rgba(26,23,20,.72),rgba(26,23,20,.35))}
}
@media (max-width:860px) and (prefers-reduced-motion:reduce){#types .ty,#types .ty img,#types .ty-c{transition:none}}

/* ===== v12.18 · Service pages less dark (Ismael 10-26: "dark top, dark bottom"). Signature section, "Before your visit"
   and the bottom "Talk to us" block move to light tones; text recoloured for light backgrounds. ===== */
#sig:is(.linen,.light),#prep:is(.linen,.light){color:#1A1714}
#sig:is(.linen,.light) :is(h2,h3,h4,b,strong,.h2,dt),#prep:is(.linen,.light) :is(h2,h3,h4,b,strong,.h2){color:#1A1714!important}
#sig:is(.linen,.light) :is(p,li,span:not(.eyebrow),small,dd,em,figcaption),#prep:is(.linen,.light) :is(p,li,span:not(.eyebrow),small,dd,em){color:#4A4036!important}
#sig:is(.linen,.light) .eyebrow,#prep:is(.linen,.light) .eyebrow,#sig:is(.linen,.light) [class*="-k"],#sig:is(.linen,.light) .lbl{color:#80612F!important}
#sig:is(.linen,.light) input{color:#1A1714!important;border-color:rgba(26,23,20,.25)!important;background:transparent!important;color-scheme:light}
#sig:is(.linen,.light) input::placeholder{color:rgba(26,23,20,.45)!important}
#sig:is(.linen,.light) :is(hr,.rule,li,.row){border-color:rgba(26,23,20,.12)!important}
#prep:is(.linen,.light) svg{color:#AE8A52}
#prep:is(.linen,.light) li{border-color:rgba(26,23,20,.12)!important}
/* bottom "Talk to us" block on inner pages */
section.quote:not(.cform){background:#F4EFE7!important;color:#1A1714}
section.quote:not(.cform) :is(h2,.h2){color:#1A1714!important}
section.quote:not(.cform) p{color:#4A4036!important}
section.quote:not(.cform) .eyebrow{color:#80612F!important}
section.quote:not(.cform) p a{color:#80612F!important}
section.quote:not(.cform) .way{background:#fff!important;border-color:#E4DCCF!important;color:#1A1714!important}
section.quote:not(.cform) .way:hover{border-color:#C9A96E!important}
section.quote:not(.cform) .way b{color:#1A1714!important}
section.quote:not(.cform) .way small{color:#6B5E4E!important}
section.quote:not(.cform) .w-ic{background:rgba(201,169,110,.16)!important;color:#80612F!important}

/* =====================================================================
   v13 (26 Oct): service pages rebuilt — why · checks · timeline · compare · shared "includes" block
   ===================================================================== */
.v13-head{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:clamp(28px,3.4vw,48px)}
.v13-head .h2{margin:0}.v13-head .lede{margin:14px 0 0;max-width:62ch}
@media (min-width:961px){.v13-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;column-gap:56px;row-gap:0}.v13-head .eyebrow{grid-column:1/-1;display:block;margin-bottom:16px}.v13-head>div.rv{display:contents}.v13-head .h2{grid-column:1}.v13-head .lede{grid-column:2;margin:0}}
/* why */
.v13-why-in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,72px)}
@media (min-width:961px){.v13-why-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.v13-why-l .h2{margin:16px 0 0}.v13-why-l .lede{margin:20px 0 0;max-width:56ch}
.v13-why-pts{list-style:none;margin:0;padding:0;display:grid;gap:0}
.v13-why-pts li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;padding:22px 0;border-top:1px solid rgba(26,23,20,.12)}
.v13-why-pts li:last-child{border-bottom:1px solid rgba(26,23,20,.12)}
.v13-why-pts .sx-n{padding-top:5px}
.v13-why-pts h3{margin:0 0 6px;font:500 clamp(20px,1.6vw,24px)/1.2 var(--serif);color:#1A1714}
.v13-why-pts p{margin:0;font-size:15.5px;line-height:1.55;color:#4A4036}
/* checks */
.v13-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.v13-g{background:#fff;border:1px solid #E7DFD2;border-radius:14px;padding:20px 22px 12px;box-shadow:0 18px 40px -34px rgba(26,23,20,.4)}
.v13-g-h{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font:500 19px/1.25 var(--serif);color:#1A1714}
.v13-g-h span{font:600 11.5px var(--sans);letter-spacing:.14em;color:#80612F}
.v13-g ul{list-style:none;margin:0;padding:0}
.v13-g li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:11px 0;border-top:1px solid #EFE9DF}
.v13-g li b{font:600 14px/1.35 var(--sans);color:#1A1714}
.v13-g li span{grid-column:1;font:400 13.5px/1.45 var(--sans);color:#6B5E4E}
.v13-g li em{grid-row:1;grid-column:2;align-self:start;font:600 9.5px var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#3E7F53;background:#EAF5EE;padding:3px 8px;border-radius:99px;white-space:nowrap}
/* timeline */
.v13-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:22px clamp(18px,2vw,30px);position:relative}
.v13-steps li{position:relative;padding-top:26px;border-top:1px solid rgba(26,23,20,.16)}
.v13-steps li::before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#DCC08B,#C9A96E 55%,#AE8A52)}
.v13-steps .n{display:block;font:600 11.5px var(--sans);letter-spacing:.14em;color:#80612F;margin-bottom:10px}
.v13-steps h3{margin:0 0 8px;font:500 clamp(19px,1.45vw,22px)/1.2 var(--serif);color:#1A1714}
.v13-steps p{margin:0;font-size:15px;line-height:1.55;color:#4A4036}
/* compare */
.v13-cmp-in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3.4vw,56px)}
@media (min-width:1101px){.v13-cmp-in{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}}
.v13-cmp-l .h2{margin:16px 0 0}.v13-cmp-l .lede{margin:18px 0 0}
.v13-tbl{background:#fff;border:1px solid #E7DFD2;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -34px rgba(26,23,20,.4)}
.v13-tbl table{width:100%;border-collapse:collapse;table-layout:fixed}
.v13-tbl th,.v13-tbl td{text-align:left;vertical-align:top;padding:14px 18px;border-top:1px solid #EFE9DF;font-size:14.5px;line-height:1.5;color:#4A4036}
.v13-tbl thead th{border-top:0;background:#F6F1E9;font:600 11.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#80612F}
.v13-tbl tbody th{font:500 15px/1.35 var(--serif);color:#1A1714;width:24%}
.v13-cmp-fine{margin:0;padding:12px 18px 14px;border-top:1px solid #EFE9DF;font-size:12.5px;color:#7A6C5A}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:640px){.v13-tbl table,.v13-tbl tbody,.v13-tbl tr,.v13-tbl th,.v13-tbl td{display:block;width:auto}.v13-tbl thead{display:none}
 .v13-tbl tr{padding:12px 16px;border-top:1px solid #EFE9DF}.v13-tbl tr:first-child{border-top:0}.v13-tbl th,.v13-tbl td{border:0;padding:3px 0}
 .v13-tbl tbody th{width:auto;margin-bottom:4px}.v13-tbl td::before{content:attr(data-h);display:block;font:600 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#80612F;margin-top:6px}}
/* shared block: every inspection includes (warm espresso, same as home 07 card) */
.v13-inc{background:radial-gradient(120% 140% at 0% 0%,#4A3E33 0%,#382F27 45%,#2C2520 100%);color:#F5F2EE}
.v13-inc-in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(26px,4vw,64px)}
@media (min-width:961px){.v13-inc-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center}}
.v13-inc .eyebrow{color:#DCC08B}
.v13-inc .h2{margin:16px 0 0;color:#F5F2EE}
.v13-trust{margin:18px 0 0;font:500 13px/1.5 var(--sans);letter-spacing:.04em;color:#E3CB9C}
.v13-inc-btn{margin-top:24px}
.v13-inc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 28px}
.v13-inc-list li{display:grid;gap:4px;padding:16px 0 16px 26px;position:relative;border-top:1px solid rgba(220,192,139,.22)}
.v13-inc-list li::before{content:"";position:absolute;left:0;top:21px;width:12px;height:7px;border-left:1.6px solid #DCC08B;border-bottom:1.6px solid #DCC08B;transform:rotate(-45deg)}
.v13-inc-list b{font:600 15px/1.3 var(--sans);color:#F5F2EE}
.v13-inc-list span{font-size:14px;line-height:1.5;color:rgba(245,242,238,.75)}
section.quote:not(.cform) .dv-send li{color:#1A1714!important;background:#fff;border-color:#E4DCCF!important}
section.quote:not(.cform) .dv-send li::before{color:#80612F!important}
/* v13: "note" block light (was dark) */
.inote-l h2{color:#1A1714!important}.inote-l p{color:#4A4036!important}
.inote-l .cta-ghost{color:#1A1714!important;border-color:rgba(26,23,20,.35)!important}

/* ===== v13.2 · UI review fixes (26 Oct) ===== */
/* P0-1 illustrative report card = light paper (no dark-on-dark next to the shared block) */
.inner .idoc,.inner #visibility .doc{background:#FFFDF9!important;color:#1A1714;border:1px solid #E7DFD2!important;box-shadow:0 30px 60px -40px rgba(26,23,20,.35)!important}
.inner .idoc .doc-h,.inner #visibility .doc .doc-h{border-bottom-color:#EFE9DF!important}
.inner .idoc .doc-mark,.inner #visibility .doc .doc-mark{color:#1A1714!important}
.inner .idoc .doc-t,.inner #visibility .doc .doc-t{color:#1A1714!important}
.inner .idoc .doc-t small,.inner .idoc .irows small,.inner #visibility .doc .doc-t small{color:#80612F!important}
.inner .idoc .irows li{border-color:#EFE9DF!important}
.inner .idoc .irows h3{color:#1A1714!important}
.inner .idoc .irows p{color:#4A4036!important}
.inner .idoc .sev{color:#4A4036!important}
.inner .idoc .doc-f,.inner #visibility .doc .doc-f{background:#F6F1E9!important;border-top-color:#EFE9DF!important;color:#80612F!important}
.inner .idoc .doc-f span,.inner #visibility .doc .doc-f span{color:#80612F!important}
.inner #visibility .trk th{color:#80612F!important;border-color:#EFE9DF!important}
.inner #visibility .trk td{color:#1A1714!important;border-color:#EFE9DF!important}
.inner .irows small{display:inline}.inner .irows .sev{display:inline-flex;margin-left:10px}
/* P0-2 checks: masonry columns, descriptions full width */
@media (min-width:961px){
  .v13-groups{display:block;columns:3;column-gap:16px}
  .v13-g{display:inline-block;width:100%;break-inside:avoid;margin:0 0 16px}
  .v13-groups:has(> .v13-g:nth-child(4):last-child){columns:2}
}
.v13-g li span{grid-column:1/-1}
.v13-g li em{font-size:10.5px;color:#80612F;background:#F4ECDD}
/* P0-3 prep links and ticks readable on light */
.svc #prep .prep-list a{color:#80612F!important;border-bottom:1px solid rgba(128,97,47,.45)}
.svc #prep .prep-tick circle{stroke:rgba(128,97,47,.35)!important}
.svc #prep .prep-tick{stroke:#80612F!important}
/* P1-4 linen a touch deeper on inner pages so alternating tones register */
.inner .linen{background:#E9E0D2}
/* P1-5 softer seams between light sections */
[data-v="c3"] .inner .light.sheet,[data-v="c3"] .inner .linen.sheet,[data-v="c3"] .inner .quote.sheet,.inner .light.sheet,.inner .linen.sheet,.inner section.quote.sheet{box-shadow:0 -1px 0 rgba(26,23,20,.06),0 -18px 36px -28px rgba(26,23,20,.18)!important}
.inner .v13-inc.sheet{box-shadow:0 -30px 60px -36px rgba(0,0,0,.45)!important}
/* P1-6 heads: eyebrow with its heading */
.inner .sheet .head{align-items:start}
.v13-head .eyebrow{display:flex}
.inner .sig .head .eyebrow,.svc #prep .prep-head .eyebrow{color:#80612F!important}
/* P1-7 phones: checks become a swipe row */
@media (max-width:640px){
  .v13-groups{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1*var(--gutter));padding:4px var(--gutter) 18px;scroll-padding-inline:var(--gutter);scrollbar-width:none}
  .v13-groups::-webkit-scrollbar{display:none}
  .v13-g{scroll-snap-align:start}
}
/* P1-8 hero glance: 3 columns, single column on phones */
.iglance{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:760px){
  .iglance{grid-template-columns:1fr!important}
  .iglance>div{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:baseline;padding:10px 0!important;border-left:0!important;border-top:1px solid rgba(232,213,176,.14)}
  .iglance dd{margin:0}
}
/* P2 tables, DLP rungs, report alignment */
.v13-tbl thead th:first-child{width:22%}
.ck li{grid-template-columns:clamp(120px,10vw,150px) minmax(0,1fr)!important}
.inner .report-sec .r-grid{align-items:start}

/* ===== v13.3 · mid-page media moments ===== */
.v13-md-in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
@media (min-width:961px){.v13-md-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.v13-md-l .h2{margin:16px 0 0}.v13-md-l .lede{margin:18px 0 0;max-width:46ch}
.v13-md-fine{margin-top:16px;font-size:12.5px;color:#7A6C5A;max-width:46ch}
/* pins */
.mp2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:18px;align-items:start}
.mp2-plan{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #E7DFD2;box-shadow:0 22px 50px -38px rgba(26,23,20,.45)}
.mp2-plan img{display:block;width:100%;height:auto}
.mp2-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:#1A1714;color:#EBD5B0;font:700 11px var(--sans);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .25s}
.mp2-pin.p-high{background:#C8553D;color:#fff}.mp2-pin.p-medium{background:#D29A2E;color:#1A1714}.mp2-pin.p-low{background:#8C948B;color:#fff}
.mp2-pin.on{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 0 4px rgba(201,169,110,.45),0 6px 16px rgba(0,0,0,.35)}
.mp2-pin:focus-visible{outline:2px solid #1A1714;outline-offset:3px}
.mp2-card{background:#fff;border:1px solid #E7DFD2;border-radius:14px;overflow:hidden;box-shadow:0 22px 50px -38px rgba(26,23,20,.45);animation:mpIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes mpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mp2-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.mp2-tx{padding:16px 18px 18px}
.mp2-meta{display:flex;align-items:center;gap:10px;margin:0 0 8px;font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#80612F}
.mp2-tx h3{margin:0 0 6px;font:500 20px/1.25 var(--serif);color:#1A1714}
.mp2-tx p:last-child{margin:0;font-size:14.5px;line-height:1.5;color:#4A4036}
.mp2-count{margin:10px 2px 0;font-size:12.5px;color:#7A6C5A}
@media (max-width:640px){.mp2{grid-template-columns:1fr}.mp2-plan{max-width:340px;margin:0 auto}}
/* before/after */
.ba{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/2;background:#1A1714;box-shadow:0 30px 60px -40px rgba(26,23,20,.6);user-select:none;touch-action:pan-y}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ba-b{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-l{position:absolute;top:14px;padding:6px 10px;border-radius:6px;background:rgba(26,23,20,.72);color:#F5F2EE;font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.ba-lb{left:14px}.ba-la{right:14px}
.ba-h{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#F5F2EE;pointer-events:none}
.ba-h i{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:linear-gradient(135deg,#DCC08B,#C9A96E 55%,#AE8A52);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.ba-h i::before,.ba-h i::after{content:"";position:absolute;top:50%;width:7px;height:7px;border-left:2px solid #1A1714;border-bottom:2px solid #1A1714;margin-top:-4px}
.ba-h i::before{left:11px;transform:rotate(45deg)}.ba-h i::after{right:11px;transform:rotate(-135deg)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
/* DLP calculator */
.dlc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;max-width:460px}
.dlc-f{display:grid;gap:6px}
.dlc-f span{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#80612F}
.dlc-f input,.dlc-f select{height:48px;padding:0 12px;border:1px solid #D9CFBF;border-radius:8px;background:#fff;font:500 15px var(--sans);color:#1A1714;color-scheme:light}
.dlc-f input:focus,.dlc-f select:focus{outline:2px solid #AE8A52;outline-offset:1px}
.dlc-out{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;padding:28px;border-radius:16px;background:#fff;border:1px solid #E7DFD2;box-shadow:0 22px 50px -38px rgba(26,23,20,.45)}
.dlc-ring{position:relative;width:170px;height:170px}
.dlc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.dlc-ring circle{fill:none;stroke:#EFE7DA;stroke-width:9}
.dlc-ring .dlc-arc{stroke:url(#none);stroke:#C9A96E;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1)}
.dlc-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.dlc-ring b{font:500 40px/1 var(--serif);color:#1A1714}
.dlc-ring span{margin-top:4px;font-size:12.5px;color:#7A6C5A}
.dlc-dl{margin:0;display:grid;gap:14px}
.dlc-dl dt{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#80612F}
.dlc-dl dd{margin:4px 0 0;font:500 21px/1.2 var(--serif);color:#1A1714}
.dlc-note{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid #EFE9DF;font-size:14px;color:#4A4036}
@media (max-width:600px){.dlc{grid-template-columns:1fr}.dlc-out{grid-template-columns:1fr;justify-items:center;text-align:center;padding:22px}.dlc-ring{width:150px;height:150px}}
/* live call */
.lv{display:flex;justify-content:center}
.lv-phone{position:relative;width:min(300px,78vw);aspect-ratio:9/18.5;border-radius:38px;overflow:hidden;background:#1A1714;border:8px solid #1A1714;box-shadow:0 0 0 1px #3A322B,0 40px 80px -40px rgba(26,23,20,.7)}
.lv-phone video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lv-top{position:absolute;left:12px;right:12px;top:14px;display:flex;justify-content:space-between;align-items:center;font:600 11px var(--sans);letter-spacing:.06em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.lv-rec{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.45)}
.lv-rec i{width:8px;height:8px;border-radius:50%;background:#E5483B;animation:lvB 1.4s infinite}
@keyframes lvB{50%{opacity:.25}}
.lv-cap{position:absolute;left:12px;right:12px;bottom:84px}
.lv-cap p{margin:0;padding:10px 12px;border-radius:12px;background:rgba(26,23,20,.72);backdrop-filter:blur(6px);color:#F5F2EE;font:500 13.5px/1.35 var(--sans);transition:opacity .25s}
.lv-cap p.sw{opacity:0}
.lv-bar{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;gap:18px}
.lv-bar i{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.lv-bar i.end{background:#E5483B}
@media (prefers-reduced-motion:reduce){.lv-rec i{animation:none}}
/* tiles */
.tl2{max-width:560px;margin:0 auto}
.tl2-grid{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:4px;border-radius:12px;background:#CFC4B3;overflow:hidden;box-shadow:0 22px 50px -38px rgba(26,23,20,.5)}
.tl2-grid i{aspect-ratio:1;border-radius:3px;background:linear-gradient(135deg,#F6F1E9,#E9E1D4);position:relative;transition:background .4s,box-shadow .4s}
.tl2-grid i.hit{background:linear-gradient(135deg,#F3D9C7,#E8B9A0);box-shadow:inset 0 0 0 2px #C8553D}
.tl2-grid i.hit::after{content:"";position:absolute;inset:30%;border:2px solid #C8553D;border-radius:50%}
.tl2-scan{position:absolute;top:0;bottom:0;left:-12%;width:12%;background:linear-gradient(90deg,rgba(201,169,110,0),rgba(201,169,110,.55),rgba(201,169,110,0));pointer-events:none;opacity:0}
.tl2-grid.run .tl2-scan{animation:tlScan 2.6s linear forwards;opacity:1}
.tl2-grid.done .tl2-scan{opacity:0}
@keyframes tlScan{from{left:-12%}to{left:100%}}
.tl2-out{display:flex;align-items:center;gap:10px;margin:14px 2px 0;font-size:14.5px;color:#4A4036}
.tl2-out b{font:500 22px/1 var(--serif);color:#1A1714}
.tl2-dot{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 2px #C8553D;background:#F3D9C7}
/* developer batch */
.bt{padding:22px;border-radius:16px;background:#fff;border:1px solid #E7DFD2;box-shadow:0 22px 50px -38px rgba(26,23,20,.45)}
.bt-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.bt-u{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:#F3EEE6;border:1px solid #E7DFD2;font:600 11px var(--sans);color:#9C8E7C;transition:background .35s,color .35s,border-color .35s}
.bt-u[data-s="1"]{background:#EAE6F0;border-color:#C9C1D6;color:#4A4036}
.bt-u[data-s="2"]{background:#FBE8DF;border-color:#E8B9A0;color:#9A3E2A}
.bt-u[data-s="3"]{background:#F6ECD9;border-color:#DCC08B;color:#80612F}
.bt-u[data-s="4"]{background:linear-gradient(135deg,#DCC08B,#C9A96E 55%,#AE8A52);border-color:#AE8A52;color:#1A1714}
.bt-legend{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.bt-legend li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4A4036}
.bt-legend i{width:12px;height:12px;border-radius:3px}
.bt-legend .s1{background:#EAE6F0;border:1px solid #C9C1D6}.bt-legend .s2{background:#FBE8DF;border:1px solid #E8B9A0}.bt-legend .s3{background:#F6ECD9;border:1px solid #DCC08B}.bt-legend .s4{background:#C9A96E}
.bt-legend b{margin-left:auto;font:500 18px/1 var(--serif);color:#1A1714}
@media (max-width:600px){.bt{padding:14px}.bt-grid{grid-template-columns:repeat(6,1fr);gap:6px}}
/* v13.4 media fixes */
.ba:focus-within{outline:2px solid #C9A96E;outline-offset:3px}
.ba{border-top:0}
.mp2-pin::before{content:"";position:absolute;inset:-9px;border-radius:50%}
@media (max-width:640px){.mp2{display:flex;flex-direction:column-reverse}.mp2-plan{max-width:260px}}
.bt-u[data-s="1"]{background:#fff;border-color:#1A1714;color:#1A1714}
.bt-legend .s1{background:#fff;border:1px solid #1A1714}
.bt-prog{display:flex;align-items:center;gap:14px;margin:18px 0 0}
.bt-prog span{font-size:14px;color:#4A4036;white-space:nowrap}.bt-prog b{font:500 22px/1 var(--serif);color:#1A1714}
.bt-prog i{flex:1;height:6px;border-radius:6px;background:#EFE7DA;overflow:hidden}
.bt-prog s{display:block;height:100%;width:0;background:linear-gradient(90deg,#DCC08B,#AE8A52);transition:width .3s;text-decoration:none}
.dlc-f select{appearance:none;-webkit-appearance:none;padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%2380612F' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center/12px 8px}
.dlc-seg{display:flex;gap:4px;padding:4px;height:48px;border:1px solid #D9CFBF;border-radius:8px;background:#fff}
.dlc-seg button{flex:1;border:0;border-radius:6px;background:transparent;font:500 14px var(--sans);color:#6B5E4E;cursor:pointer}
.dlc-seg button[aria-checked="true"]{background:linear-gradient(135deg,#DCC08B,#C9A96E 55%,#AE8A52);color:#1A1714}
.dlc-seg button:focus-visible{outline:2px solid #80612F;outline-offset:1px}

/* ===== v14 (27 Oct) — Ali call ===== */
/* hero: old v9 villa film back, lighter overlay (Ali: "too dark") */
html body #hero .media::after{background:linear-gradient(to bottom,rgba(21,18,15,.42) 0%,rgba(21,18,15,0) 22%),linear-gradient(to top,rgba(21,18,15,.74) 0%,rgba(21,18,15,.28) 30%,rgba(21,18,15,0) 56%)!important}
html body #hero .hero-in::before{background:radial-gradient(closest-side,rgba(14,11,9,.36),rgba(14,11,9,.18) 55%,rgba(14,11,9,0))}
/* dropdown never goes behind the credentials band */
html body #hero .hero-in{z-index:4}
html body #hero .hq-list{z-index:40}
/* promise chapters: words are clickable */
#promise .ch-words .cw{cursor:pointer;transition:color .2s ease}
#promise .ch-words .cw:not(.is-on):hover{color:var(--gold,#C9A96E)}
#promise .ch-words .cw:focus-visible{outline:2px solid #C9A96E;outline-offset:4px;border-radius:4px}
/* list opens upward on short screens: the big ELUMEX steps aside while it is open */
html.hq-open .bigmark{opacity:0!important;transition:opacity .2s ease}
/* What we inspect: the right-hand panel carries the value — bigger, espresso, tools up front */
#inspect .xp-card{background:linear-gradient(180deg,#2B231D,#221B16)!important;color:#F3EBDD;border:1px solid rgba(201,169,110,.4)!important;border-radius:18px;padding:22px 24px!important;box-shadow:0 30px 60px -30px rgba(28,22,17,.7)!important}
#inspect .xp-card .xp-k{font:500 clamp(22px,1.8vw,26px)/1.15 var(--serif);color:#F7F0E4;margin:0 0 6px}
#inspect .xp-card .xp-k span{color:#C9A96E;font-size:11px}
#inspect .xp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(201,169,110,.25);font:500 12px/1.4 var(--sans);color:#CDBFA8}
#inspect .xp-meta b{font-weight:600;color:#E8D5B0;letter-spacing:.04em}
#inspect .xp-meta i{font-style:normal;color:#BFAF95}
#inspect .xp-meta b+i::before{content:"·";margin-right:10px;color:#8C7A60}
#inspect .xp-card ul{gap:12px}
#inspect .xp-card li{border-top:1px solid rgba(243,235,221,.1)!important;padding-top:12px;gap:3px 12px}
#inspect .xp-card li:first-child{border-top:0!important;padding-top:0}
#inspect .xp-card li b{font:600 15px/1.3 var(--sans);color:#FBF6EC}
#inspect .xp-card li span{font:400 13.5px/1.45 var(--sans);color:#CFC3AF}
#inspect .xp-card li em{color:#E8D5B0;background:rgba(201,169,110,.16);border:1px solid rgba(201,169,110,.35);font-size:9.5px}
#inspect .xp-ask{display:inline-block;margin-top:16px;font:600 13px/1.3 var(--sans);color:#E8D5B0;text-decoration:underline;text-decoration-color:rgba(201,169,110,.5);text-underline-offset:4px}
#inspect .xp-ask:hover{color:#fff;text-decoration-color:#C9A96E}
@media (min-width:1200px){#inspect .xp{grid-template-columns:230px minmax(0,1fr) minmax(340px,380px)!important}}
@media (min-width:961px) and (max-width:1199px){#inspect .xp{grid-template-columns:minmax(0,1fr) 320px!important}}
.faq .fq p+p{margin-top:.7em;font-family:var(--serif);font-style:italic;font-size:1.06em;color:#3A2F25}
/* report tablet: more real findings, scroll inside the screen */
#report .tab-rows{max-height:min(560px,62vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(26,23,20,.25) transparent;padding-right:6px;-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent);mask-image:linear-gradient(to bottom,#000 88%,transparent)}
#report .tab-rows:focus-visible{outline:2px solid #C9A96E;outline-offset:4px;border-radius:8px}
@media (max-width:960px){#report .tab-rows{max-height:380px}}
/* v14: price-positioning statement */
#standard .pl{max-width:980px;margin:0 auto;text-align:center}
#standard .eyebrow{justify-content:center}
#standard .eyebrow::before{display:none}
#standard .pl-h{font:400 clamp(30px,3.6vw,52px)/1.12 var(--serif);letter-spacing:-.015em;color:#1A1714;margin:14px auto 0;max-width:22ch;text-wrap:balance}
#standard .pl-s{font:400 clamp(16px,1.3vw,19px)/1.55 var(--sans);color:#5E5144;margin:18px auto 0;max-width:54ch}
#standard .pl-proof{list-style:none;margin:clamp(30px,3.4vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(128,97,47,.25);border-bottom:1px solid rgba(128,97,47,.25);text-align:left}
#standard .pl-proof li{padding:20px 22px;display:grid;gap:5px}
#standard .pl-proof li+li{border-left:1px solid rgba(128,97,47,.25)}
#standard .pl-proof b{font:500 19px/1.2 var(--serif);color:#1A1714}
#standard .pl-proof span{font:400 14px/1.45 var(--sans);color:#6B5E4E}
#standard .pl-cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(26px,3vw,36px);padding:14px 24px;border-radius:999px;background:#1A1714;color:#F7F0E4;font:600 15px/1 var(--sans);text-decoration:none}
#standard .pl-cta svg{width:18px;height:18px;color:#C9A96E}
#standard .pl-cta:hover{background:#2B231D}
@media (max-width:760px){#standard .pl-proof{grid-template-columns:1fr}#standard .pl-proof li+li{border-left:0;border-top:1px solid rgba(128,97,47,.25)}#standard .pl-proof li{padding:16px 4px}}
#standard .pl-proof li{align-content:start}
/* v14 audit fixes */
html body #hero .media::after{background:linear-gradient(to bottom,rgba(21,18,15,.42) 0%,rgba(21,18,15,.12) 38%,rgba(21,18,15,0) 50%),linear-gradient(to top,rgba(21,18,15,.74) 0%,rgba(21,18,15,.28) 30%,rgba(21,18,15,0) 56%)!important}
html body #hero .hq-cap{text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 16px rgba(0,0,0,.45)}
#report .tab-rows{overscroll-behavior:auto}
@media (max-width:600px){#report .tab-rows{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}#report .tab-rows li:nth-child(n+4){display:none}}
#inspect .xp-ask{display:inline-flex;align-items:center;min-height:44px;margin-top:8px}
#inspect .xp-card li{padding-top:10px}
#inspect .xp-card li em{font-size:11px;letter-spacing:.05em}
@media (min-width:1200px){#inspect .xp{grid-template-columns:260px minmax(0,1fr) 360px!important}}
@media (max-width:960px){#inspect .xp-tabs{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}}
@media (max-width:760px){#promise .ch-words .cw{min-height:44px;display:inline-flex;align-items:center}}
#standard .pl-cta{border-radius:8px}
@media (min-width:961px){#faq .faq-grid>div:first-child{position:sticky;top:120px;align-self:start}}
html.hq-on .hero-wrap{z-index:3}

/* ===== v14 pass 2 — inner pages: calmer, tighter ===== */
body.inner .sec{padding-block:clamp(52px,5.4vw,84px)}
body.inner .sec .head{margin-bottom:clamp(26px,3vw,40px)}
/* hero: thin locations line */
.iloc{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 0 18px;font:500 12.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#E8D5B0}
.iloc svg{width:15px;height:15px;color:#C9A96E;flex:none}
.iloc i{width:4px;height:4px;border-radius:50%;background:#C9A96E;opacity:.7}
.ihero .ctas{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
@media (max-width:600px){.iloc{margin:6px 0 0;font-size:11.5px;letter-spacing:.1em}}
/* "Every ELUMEX inspection" = one slim band */
.v14-inc.sec{padding-block:clamp(30px,3.2vw,44px)!important;background:linear-gradient(180deg,#2B231D,#241D18)}
.v14-inc-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px clamp(20px,3vw,44px)}
.v14-inc .eyebrow{color:#DCC08B;margin:0;white-space:nowrap}
.v14-inc .eyebrow::before{display:none}
.v14-inc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 22px}
.v14-inc-list li{display:grid;gap:3px;padding-left:14px;border-left:1px solid rgba(220,192,139,.35)}
.v14-inc-list b{font:600 14px/1.25 var(--sans);color:#F5F2EE}
.v14-inc-list span{font:400 12.5px/1.35 var(--sans);color:rgba(245,242,238,.7)}
.v14-inc-link{font:600 13px/1 var(--sans);color:#E8D5B0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(201,169,110,.5);white-space:nowrap;padding:14px 0}
@media (max-width:960px){.v14-inc-in{grid-template-columns:1fr}.v14-inc-list{grid-template-columns:1fr 1fr}}
/* Talk to us — compact */
body.inner #quote.sec{padding-block:clamp(44px,4.4vw,64px)}
body.inner #quote .h2{font-size:clamp(28px,2.6vw,38px);margin-top:12px!important}
body.inner #quote .lede{margin-top:10px;font-size:16px}
body.inner #quote .sib{margin-top:12px;font-size:14px}
body.inner #quote .talk{gap:clamp(22px,3vw,48px)}
/* FAQ — compact on inner pages */
body.inner #faq.sec{padding-block:clamp(44px,4.4vw,68px)}
body.inner #faq .h2{font-size:clamp(28px,2.6vw,38px)}
body.inner #faq .fq summary{padding-block:14px}
body.inner #faq .fq summary span{font-size:clamp(16px,1.25vw,18px)}
body.inner #faq .fq p{font-size:14.5px;margin-bottom:14px}
@media (min-width:961px){.v13-steps:has(> li:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}}
/* v14 About: team + belief blocks */
.ab-team-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(26px,4vw,72px);align-items:start}
.ab-team-in .big-p{font:400 clamp(19px,1.6vw,23px)/1.45 var(--serif);color:#1A1714;margin:0 0 16px}
.ab-team-in p{color:#4E4337}
.ab-expect{margin-top:22px;padding:18px 20px;border-left:2px solid #C9A96E;background:rgba(201,169,110,.08);border-radius:0 10px 10px 0}
.ab-expect h3{font:500 19px/1.25 var(--serif);margin:0 0 6px;color:#1A1714}
.ab-expect p{margin:0;font-size:15px}
.ab-believe{margin:clamp(26px,3vw,40px) 0 0;padding:clamp(20px,2.4vw,28px);border-radius:14px;background:#2B231D;color:#F3EBDD}
.ab-believe h3{font:500 clamp(21px,1.8vw,26px)/1.2 var(--serif);margin:0 0 8px;color:#F7F0E4}
.ab-believe p{margin:0;color:#D6CAB6;max-width:70ch}
@media (max-width:860px){.ab-team-in{grid-template-columns:1fr}}
.ab-hero .ih1{font-size:clamp(36px,4vw,58px)!important;line-height:1.06}
.ab-team .h2{margin-top:14px}
/* v14 pass-2 audit fixes */
.quote .ab-office,.quote .ab-office span,.quote .ab-office a,.quote .ab-office-k{color:#2B231D!important}
.quote .ab-office-k{color:#80612F!important}
.v14-inc-list li{align-content:start}
.v14-inc.sec{padding-bottom:clamp(60px,5vw,74px)!important}
body.inner .v13-why.sec{padding-block:clamp(52px,5.4vw,84px)}
body.inner #quote.quote{background:#E9E0D2}
.ab-hero .ih1{font-size:clamp(32px,3.4vw,46px)!important}
.ab-believe{background:transparent;border-left:2px solid #C9A96E;border-radius:0;color:#2B231D;padding:6px 0 6px 22px}
.ab-believe h3{color:#1A1714}.ab-believe p{color:#4E4337}
.crumb a,#quote .sib a,#faq .js-wa,.ab-office-c a{display:inline-block;padding-block:10px;margin-block:-10px}
@media (max-width:960px){header .menu-btn{min-width:44px;min-height:44px}}
/* v14: Onsite in the credentials band (gold two-tone logo) */
body #hero .proof5 .p5-onsite .p5-top{display:flex;align-items:center;justify-content:center}
body #hero .proof5 .os-logo{height:30px;width:auto;display:block}
@media (min-width:961px){body #hero .proof5 .os-logo{height:34px}}
/* v14: phones — one slim drifting strip instead of a 250px block */
@media (max-width:760px){
 body #hero .proof5.p5-strip{display:block!important;overflow:hidden!important;padding:12px 0!important;border-radius:14px!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
 body #hero .proof5 .p5-track{display:flex;width:max-content;animation:p5drift 34s linear infinite}
 body #hero .proof5.hold .p5-track{animation-play-state:paused}
 body #hero .proof5.p5-strip .p5{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:0 18px!important;border:0!important;border-right:1px solid rgba(201,169,110,.25)!important;grid-template-rows:none!important;text-align:left!important;min-height:44px}
 body #hero .proof5.p5-strip .p5-top{height:auto!important;margin:0!important;flex:none}
 body #hero .proof5.p5-strip .bdg-ico{width:30px!important;height:30px!important}
 body #hero .proof5.p5-strip .os-logo{height:22px}
 body #hero .proof5.p5-strip .p5-yrs .tm{font-size:30px!important;transform:none!important}
 body #hero .proof5.p5-strip .tt{font-size:12.5px!important;white-space:nowrap!important;line-height:1.2!important;display:block}
 body #hero .proof5.p5-strip .tn{font-size:10.5px!important;white-space:nowrap!important;margin-top:1px!important;max-width:none!important}
 body #hero .proof5.p5-strip .p5 > .tt,body #hero .proof5.p5-strip .p5 > .tn{grid-column:auto!important}
 body #hero .proof5.p5-strip .p5{flex-wrap:nowrap}
}
@keyframes p5drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:760px) and (prefers-reduced-motion:reduce){body #hero .proof5 .p5-track{animation:none}body #hero .proof5.p5-strip{overflow-x:auto!important}}
html.pb-out body #hero .proof5.p5-strip{bottom:44px!important}
/* v14: end-of-page "Talk to us" quieter on inner pages (Ismael) */
body.inner #quote.quote{background:#F4EFE7!important;box-shadow:none!important}
body.inner #quote.sec{padding-block:clamp(36px,3.6vw,52px)!important}
body.inner #quote .talk{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center}
body.inner #quote .eyebrow{font-size:11px}
body.inner #quote .h2{font-size:clamp(24px,2.1vw,30px)!important;margin-top:8px!important}
body.inner #quote .lede{font-size:15px!important;color:#5E5144}
body.inner #quote .talk-ways{display:grid;gap:8px}
body.inner #quote .way{background:transparent!important;border:1px solid rgba(128,97,47,.22)!important;box-shadow:none!important;padding:9px 12px!important;grid-template-columns:34px minmax(0,1fr)!important;min-height:44px}
body.inner #quote .way:hover{background:#fff!important}
body.inner #quote .w-ic{width:34px!important;height:34px!important}
body.inner #quote .w-ic svg{width:17px;height:17px}
body.inner #quote .way b{font-size:14.5px}
body.inner #quote .way small{font-size:12px}
@media (max-width:860px){body.inner #quote .talk{grid-template-columns:1fr!important}}