/* ═══════════════════════════════════════════════════════════════
   KEY RESCUE WASHINGTON — v2 redesign layer (Sept 2026)
   Loads after main-v112.css. Homepage sections are prefixed .kr-;
   the nav / footer / bottom-bar rules restyle the shared shell.
   Palette: ground #15301E · deeper #0F2416 · gold #C8B655 · ink #F1EFDD
   ═══════════════════════════════════════════════════════════════ */

:root{
  --kr-ground:#15301E; --kr-deep:#0F2416; --kr-surface:rgba(255,255,255,.03);
  --kr-gold:#C8B655; --kr-gold-l:#DCCB72; --kr-ink:#F1EFDD; --kr-ink-2:#C2CBBE; --kr-ink-3:#9AA797; --kr-ink-4:#8B9C8B;
  --kr-live:#3DDC97; --kr-hair:rgba(255,255,255,.09); --kr-hair-2:rgba(255,255,255,.07);
  --kr-display:-apple-system,'SF Pro Display',BlinkMacSystemFont,'Segoe UI',sans-serif;
  --kr-body:'DM Sans',sans-serif; --kr-mono:'DM Mono',monospace;
}
html,body{background:#15301E!important;color:var(--kr-ink)}
@keyframes krDip{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.82)}}
@keyframes krTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── Shared primitives ── */
.kr-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.kr-sec{padding:72px 0 0}
.kr-sec-last{padding-bottom:88px}
.kr-eyebrow{font-family:var(--kr-mono);font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--kr-gold);margin-bottom:14px}
.kr-eyebrow-dim{color:var(--kr-ink-3);margin-bottom:0}
.kr-h1{font-family:var(--kr-display);font-size:clamp(44px,4.4vw,68px);font-weight:700;letter-spacing:-2.6px;line-height:1;margin:0 0 20px;color:var(--kr-ink)}
.kr-h2{font-family:var(--kr-display);font-size:clamp(30px,2.6vw,40px);font-weight:600;letter-spacing:-1.5px;line-height:1.1;margin:0;color:var(--kr-ink)}
.kr-p{font-size:16px;line-height:1.7;color:var(--kr-ink-3);margin:16px 0 26px;max-width:30em}
.kr-ramp{background-image:linear-gradient(90deg,#4CA870 0%,#DCCB72 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.kr-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:30px}
.kr-sec-head-tight{margin-bottom:22px;align-items:center;flex-wrap:nowrap}
.kr-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.kr-two-how{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.kr-two-faq{grid-template-columns:minmax(0,1fr) minmax(0,.72fr)}
.kr-center{text-align:center}
.kr-full{width:100%;justify-content:center}
@media(min-width:901px){.kr-m-only{display:none!important}}
.kr-dot{width:5px;height:5px;border-radius:50%;background:var(--kr-live);animation:krDip 2.4s ease-in-out infinite;display:inline-block}

/* Buttons */
.kr-btn-gold,.kr-btn-ghost,.kr-btn-outline-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;font-family:var(--kr-body);font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;white-space:nowrap;box-sizing:border-box}
.kr-btn-gold{background:var(--kr-gold);color:#15301E!important;border:1px solid var(--kr-gold);padding:18px 30px;font-size:17px;box-shadow:0 10px 30px rgba(200,182,85,.2)}
.kr-btn-gold:hover{background:var(--kr-gold-l);transform:translateY(-1px)}
.kr-btn-ghost{background:transparent;color:var(--kr-ink)!important;border:1px solid rgba(255,255,255,.2);padding:18px 28px;font-size:16px;font-weight:600}
.kr-btn-ghost:hover{border-color:rgba(255,255,255,.4)}
.kr-btn-outline-gold{background:transparent;border:2px solid var(--kr-gold);color:var(--kr-gold)!important;padding:15px 26px;font-size:15.5px}
.kr-btn-outline-gold:hover{background:var(--kr-gold);color:#15301E!important}
.kr-link-gold{background:none;border:0;padding:0;font-family:var(--kr-body);font-size:14px;font-weight:600;color:var(--kr-gold);cursor:pointer}
.kr-call-lbl-m{display:none}

/* ── HERO ── */
.kr-home section.kr-hero{padding:0!important;margin:0!important;min-height:0!important}
.kr-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:34px;padding-bottom:72px}
.kr-live{display:inline-flex;align-items:stretch;border:1px solid rgba(61,220,151,.3);border-radius:100px;overflow:hidden;margin-bottom:26px}
.kr-live-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(61,220,151,.14);padding:6px 12px;font-family:var(--kr-mono);font-size:10px;font-weight:500;letter-spacing:1.6px;color:var(--kr-live)}
.kr-live-txt{display:inline-flex;align-items:center;padding:6px 14px;font-size:12.5px;font-weight:500;letter-spacing:-.1px;color:var(--kr-ink-2)}
.kr-hero-p{font-size:18px;line-height:1.65;color:var(--kr-ink-2);margin:0 0 32px;max-width:34em}
.kr-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.kr-trustline{font-family:var(--kr-mono);font-size:12px;letter-spacing:.2px;color:#A9B7AA}
.kr-hero-photo{height:520px;border-radius:24px;overflow:hidden;background:var(--kr-deep)}
.kr-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}

/* ── STATS ── */
.kr-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--kr-hair);border-bottom:1px solid var(--kr-hair)}
.kr-stat{padding:30px 24px;border-right:1px solid var(--kr-hair)}
.kr-stat:first-child{border-left:1px solid var(--kr-hair)}
.kr-stat-n{font-family:var(--kr-display);font-size:38px;font-weight:600;letter-spacing:-1.6px;line-height:1}
.kr-stat-l{font-family:var(--kr-mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--kr-ink-3);margin-top:10px}

/* ── SERVICES ── */
.kr-tabs{display:flex;gap:8px}
.kr-tab{border-radius:100px;padding:11px 18px;font-family:var(--kr-mono);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;background:transparent;border:1px solid rgba(255,255,255,.16);color:var(--kr-ink-3);transition:all .15s}
.kr-tab.active{background:var(--kr-gold);border-color:var(--kr-gold);color:#15301E}
.kr-svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden}
.kr-svc{background:var(--kr-ground);border:0;padding:26px 24px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:150px;font-family:var(--kr-body);transition:background .15s}
.kr-svc:hover{background:#1A3722}
.kr-svc-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kr-svc-t{font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--kr-ink)}
.kr-arrow{font-size:16px;color:var(--kr-ink-4)}
.kr-svc-d{font-size:13.5px;line-height:1.65;color:var(--kr-ink-3)}

/* ── TICKER ── */
.kr-tick{overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:22px 0;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.kr-tick-row{display:flex;width:max-content;animation:krTick 44s linear infinite}
.kr-tick:hover .kr-tick-row{animation-play-state:paused}
.kr-tick-item{background:none;border:0;font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:3px;color:rgba(241,239,221,.45);padding:0 22px;white-space:nowrap;cursor:pointer;transition:color .15s}
.kr-tick-item:hover{color:var(--kr-gold)}

/* ── HOW ── */
.kr-steps{display:flex;flex-direction:column}
.kr-step{display:grid;grid-template-columns:44px 1fr;gap:0 20px;padding:22px 0;border-top:1px solid var(--kr-hair)}
.kr-step-n{font-family:var(--kr-mono);font-size:13px;color:var(--kr-gold);padding-top:3px}
.kr-step-t{display:block;font-size:19px;font-weight:600;letter-spacing:-.4px;color:var(--kr-ink)}
.kr-step-d{display:block;font-size:14.5px;line-height:1.7;color:var(--kr-ink-3);margin-top:6px}

/* ── SERVICE AREA ── */
.kr-zones{margin-top:20px}
.kr-zone{padding:18px 0;border-top:1px solid var(--kr-hair)}
.kr-zone-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}
.kr-zone-l{font-family:var(--kr-mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--kr-gold)}
.kr-zone-eta{font-family:var(--kr-mono);font-size:10.5px;letter-spacing:1px;color:var(--kr-ink-3)}
.kr-zone-list{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:15px;line-height:1.8}
.kr-city{color:var(--kr-ink-2);text-decoration:none;border-bottom:1px solid rgba(200,182,85,.28);transition:color .15s,border-color .15s}
.kr-city:hover{color:var(--kr-gold);border-color:var(--kr-gold)}
.kr-map{border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;background:var(--kr-deep)}
.kr-map iframe{display:block;width:100%;height:520px;border:0;filter:grayscale(.35) contrast(1.05)}
.kr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.kr-chip{background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:10px 16px;font-family:var(--kr-body);font-size:14px;font-weight:500;color:var(--kr-ink-2);cursor:pointer}
.kr-chip-gold{background:var(--kr-gold);border-color:var(--kr-gold);color:#15301E;font-weight:700}

/* ── REVIEWS ── */
.kr-rating{display:flex;align-items:center;gap:14px;flex-shrink:0}
.kr-rating-n{font-family:var(--kr-display);font-size:44px;font-weight:600;letter-spacing:-2px;line-height:1;color:var(--kr-ink)}
.kr-stars{display:flex;gap:3px;margin-bottom:5px}
.kr-rating-l{display:block;font-family:var(--kr-mono);font-size:11px;letter-spacing:1.2px;color:var(--kr-ink-3)}
.kr-reviews{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.kr-review{background:var(--kr-surface);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;margin:0}
.kr-review p{font-size:14.5px;line-height:1.7;color:var(--kr-ink-2);margin:0;flex:1}
.kr-review-f{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--kr-hair-2)}
.kr-review-n{font-size:14px;font-weight:600;color:var(--kr-ink)}
.kr-review-f time{font-family:var(--kr-mono);font-size:10.5px;letter-spacing:.6px;color:var(--kr-ink-3)}

/* ── FAQ + BOOKING ── */
.kr-faq{margin-top:26px}
.kr-faq-item{border-top:1px solid var(--kr-hair)}
.kr-faq-q{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;width:100%;background:none;border:0;padding:20px 0;text-align:left;cursor:pointer;font-family:var(--kr-body)}
.kr-faq-q > span:first-child{font-size:16.5px;font-weight:600;line-height:1.45;letter-spacing:-.2px;color:var(--kr-ink)}
.kr-faq-sign{font-size:22px;flex-shrink:0;color:var(--kr-ink-4);transition:transform .2s,color .2s;line-height:1}
.kr-faq-item.open .kr-faq-sign{color:var(--kr-gold);transform:rotate(45deg)}
.kr-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.kr-faq-a > div{overflow:hidden;font-size:15px;line-height:1.8;color:var(--kr-ink-2);max-width:44em}
.kr-faq-item.open .kr-faq-a{grid-template-rows:1fr}
.kr-faq-item.open .kr-faq-a > div{padding-bottom:20px}
.kr-book-card{background:var(--kr-surface);border:1px solid rgba(200,182,85,.22);border-radius:24px;padding:36px 34px;position:sticky;top:96px}
.kr-book-card h3{font-family:var(--kr-display);font-size:28px;font-weight:600;letter-spacing:-1.1px;line-height:1.15;margin:0 0 10px;color:var(--kr-ink)}
.kr-book-card p{font-size:15px;line-height:1.7;color:var(--kr-ink-3);margin:0 0 24px}
.kr-book-card .kr-btn-gold{padding:17px;font-size:16px;box-shadow:none}
.kr-book-card .kr-btn-ghost{margin-top:10px;padding:16px;font-size:15px}
.kr-fine{font-family:var(--kr-mono);font-size:11px;letter-spacing:.4px;color:var(--kr-ink-3);text-align:center;margin-top:14px}

/* ── BLOG ── */
.kr-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kr-post{border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:var(--kr-deep);padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;font-family:var(--kr-body);transition:transform .15s,border-color .15s}
.kr-post:hover{transform:translateY(-2px);border-color:rgba(200,182,85,.35)}
.kr-post-img{display:block;height:170px;background:rgba(255,255,255,.05)}
.kr-post-img img{width:100%;height:100%;object-fit:cover;display:block}
.kr-post-body{display:block;padding:24px}
.kr-post-cat{display:block;font-family:var(--kr-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--kr-gold);margin-bottom:10px}
.kr-post-t{display:block;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.3px;color:var(--kr-ink);margin-bottom:10px}
.kr-post-meta{display:block;font-family:var(--kr-mono);font-size:11px;color:var(--kr-ink-3)}

/* ═══════════════ SHELL: NAV ═══════════════ */
#main-nav{background:rgba(18,40,25,.94)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important}
#main-nav .nav-main-row{min-height:74px}
#main-nav .nav-links a,#main-nav .nav-trigger{font-family:var(--kr-body)!important;font-size:14.5px!important;font-weight:500!important;letter-spacing:-.1px!important;color:var(--kr-ink-2)!important;text-transform:none!important}
#main-nav .nav-links a:hover,#main-nav .nav-trigger:hover{color:var(--kr-ink)!important}
#main-nav .theme-toggle{display:none!important}
#main-nav .nav-cta{background:transparent!important;border:1px solid rgba(200,182,85,.55)!important;border-radius:10px!important;padding:10px 16px!important;font-family:var(--kr-mono)!important;font-size:13.5px!important;font-weight:500!important;letter-spacing:.4px!important;color:var(--kr-gold)!important;text-transform:none!important;box-shadow:none!important}
#main-nav .nav-cta:hover{background:rgba(200,182,85,.1)!important}
.kr-open{display:inline-flex;align-items:center;gap:7px;font-family:var(--kr-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--kr-ink-3);margin-right:8px}
.kr-open .kr-dot{width:6px;height:6px}

/* ═══════════════ SHELL: FOOTER ═══════════════ */
footer[role="contentinfo"]{background:var(--kr-deep)!important;border-top:1px solid var(--kr-hair)!important}
footer .footer-desc,footer .footer-hours,footer .footer-address,footer .footer-bottom,footer .footer-bottom *{color:var(--kr-ink-3)!important}
footer h4{color:var(--kr-gold)!important;font-family:var(--kr-mono)!important;font-size:10.5px!important;letter-spacing:2px!important}
footer button,footer .footer-contact-link{color:var(--kr-ink-2)!important}
footer .ftb{border-color:rgba(255,255,255,.12)!important;color:var(--kr-ink-2)!important}

/* ═══════════════ SHELL: MOBILE BOTTOM BAR ═══════════════ */
#kr-bottombar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(15,36,22,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
html.kr-scrolled:not(.kr-cta-visible) #kr-bottombar{opacity:1;transform:none;pointer-events:auto}
#kr-bottombar .kr-btn-gold{flex:1.4;padding:15px;font-size:16px;box-shadow:none}
#kr-bottombar .kr-btn-ghost{flex:1;padding:15px;font-size:15px;background:rgba(255,255,255,.06)}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media(max-width:1100px){
  .kr-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kr-reviews{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kr-reviews .kr-review:nth-child(n+4){display:none}
  .kr-hero-grid{gap:36px}
  .kr-hero-photo{height:440px}
}
@media(max-width:900px){
  .kr-wrap{padding:0 18px}
  .kr-sec{padding:44px 0 0}
  .kr-sec-last{padding-bottom:110px}
  .kr-d-only{display:none!important}
  .kr-h1{font-size:34px;letter-spacing:-1.4px;line-height:1.05;margin-bottom:18px}
  .kr-h2{font-size:26px;letter-spacing:-1px}
  .kr-h2 br{display:none}
  .kr-eyebrow{font-size:10.5px;letter-spacing:2.4px;margin-bottom:12px}
  .kr-two{grid-template-columns:1fr;gap:24px}
  .kr-sec-head{margin-bottom:18px;gap:14px}

  /* hero: photo on top, copy below (matches Mobile 1b) */
  .kr-hero-grid{grid-template-columns:1fr;gap:0;padding:0 18px 8px}
  .kr-hero-copy .kr-live{align-self:flex-start;display:inline-flex}
  .kr-hero-photo{order:-1;height:300px;border-radius:0;margin:0 -18px;position:relative}
  .kr-hero-photo img{object-position:center 30%}
  .kr-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,48,30,.28) 0%,rgba(21,48,30,0) 26%,rgba(21,48,30,0) 82%,#15301E 100%);pointer-events:none}
  .kr-hero-copy{padding-top:18px}
  .kr-live{margin-bottom:14px}
  .kr-live-tag{font-size:9.5px;padding:5px 10px}.kr-live-txt{font-size:11.5px;padding:5px 12px}
  .kr-hero-p{display:none}
  .kr-hero-ctas{flex-direction:column;gap:12px;margin-bottom:12px}
  .kr-hero-ctas .kr-btn-gold{width:100%;padding:17px;box-shadow:0 8px 24px rgba(200,182,85,.22)}
  .kr-hero-ctas .kr-btn-ghost{width:100%;padding:14px;font-size:14px;order:3}
  .kr-call-lbl{display:none}.kr-call-lbl-m{display:inline}
  .kr-trustline{text-align:center;font-size:10.5px;white-space:nowrap;order:2;margin-bottom:14px}
  .kr-hero-ctas{display:contents}
  .kr-hero-copy{display:flex;flex-direction:column}
  .kr-hero-copy .kr-live{order:0}.kr-hero-copy .kr-h1{order:1}.kr-hero-copy .kr-btn-gold{order:2}.kr-hero-copy .kr-trustline{order:3;margin:12px 0 14px}.kr-hero-copy .kr-btn-ghost{order:4}

  /* stats: 3-up, drop "since" */
  .kr-stats-sec{margin-top:28px}
  .kr-stats{grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.07);border:0}
  .kr-stat{background:#15301E;padding:18px 8px;text-align:center;border:0!important}
  .kr-stat:nth-child(4){display:none}
  .kr-stat-n{font-size:26px;letter-spacing:-1px}
  .kr-stat-l{font-size:9.5px;letter-spacing:1.2px;margin-top:6px}

  /* services: hairline list rows */
  .kr-tabs{width:100%;gap:6px}
  .kr-tab{flex:1;padding:10px 6px;font-size:10px;letter-spacing:1.2px}
  .kr-svc-grid{grid-template-columns:1fr;gap:0;background:none;border:0;border-radius:0}
  .kr-svc{min-height:0;padding:14px 0;border-bottom:1px solid var(--kr-hair-2);display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-areas:"top arr" "d arr";column-gap:12px;row-gap:3px;align-items:center;background:transparent!important}
  .kr-svc-top{grid-area:top}
  .kr-svc-d{grid-area:d;font-size:12px;line-height:1.5}
  .kr-svc-t{font-size:15px;letter-spacing:-.2px}
  .kr-svc-top .kr-arrow{display:none}
  .kr-svc::after{content:'→';grid-area:arr;font-size:16px;color:var(--kr-ink-4);align-self:center}
  .kr-btn-outline-gold.kr-full{border-width:1px;padding:14px;font-size:14px;color:var(--kr-gold)}

  /* ticker */
  .kr-tick{padding:14px 0}
  .kr-tick-item{font-size:20px;letter-spacing:2px;padding:0 16px}

  /* how */
  .kr-step{padding:14px 0;grid-template-columns:32px 1fr;gap:0 12px}
  .kr-step-t{font-size:15px}.kr-step-d{font-size:12.5px;margin-top:2px}

  /* service area */
  .kr-chips{gap:8px}
  .kr-chip{padding:9px 14px;font-size:13.5px}

  /* reviews: horizontal strip */
  .kr-rating{gap:8px}.kr-rating-n{font-size:22px;letter-spacing:-.8px}
  .kr-rating .kr-stars{margin:0}.kr-rating .kr-stars svg{width:11px;height:11px}
  .kr-rating-l{display:none}
  .kr-rating > span{display:flex;align-items:center;gap:6px}
  .kr-reviews{display:flex;overflow-x:auto;gap:12px;margin:0 -18px;padding:0 18px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .kr-reviews::-webkit-scrollbar{display:none}
  .kr-reviews .kr-review{flex:0 0 268px;scroll-snap-align:start;display:flex!important;padding:20px 18px}
  .kr-review p{font-size:14px}

  /* faq */
  .kr-faq-col{background:var(--kr-surface);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px 18px}
  .kr-faq-col .kr-h2{display:none}
  .kr-faq{margin-top:0}
  .kr-faq-item:first-child{border-top:0}
  .kr-faq-q{padding:14px 0}
  .kr-faq-q > span:first-child{font-size:14.5px}
  .kr-faq-a > div{font-size:14px}
  .kr-full-m{width:100%;padding:14px;font-size:14px}
  .kr-book-card{position:static;padding:24px 20px;border-radius:18px}
  .kr-book-card h3{font-size:22px}
  .kr-book-card p{font-size:14px;margin-bottom:16px}

  /* blog: list rows with thumb */
  .kr-posts{grid-template-columns:1fr;gap:0}
  .kr-post{flex-direction:row;align-items:center;gap:14px;background:transparent;border:0;border-bottom:1px solid var(--kr-hair-2);border-radius:0;padding:14px 0}
  .kr-post:hover{transform:none}
  .kr-post-img{flex:0 0 76px;height:60px;border-radius:10px;overflow:hidden}
  .kr-post-body{padding:0;min-width:0}
  .kr-post-cat{display:none}
  .kr-post-t{font-size:14.5px;margin-bottom:4px}
  .kr-post-meta{font-size:10.5px}

  /* shell */
  html body{padding-top:50px!important}
  #main-nav .nav-main-row{min-height:50px}
  .kr-home section,.kr-home .kr-wrap{text-align:left!important}
  .kr-stat{text-align:center!important}
  .kr-stat-l{white-space:nowrap}
  #kr-bottombar{display:flex}
  footer[role="contentinfo"]{padding-bottom:96px!important}
}

/* ── Nav right cluster: undo legacy hide/fixed rules (max specificity, loads last) ── */
html body nav#main-nav .nav-main-row{position:relative}
@media(min-width:761px){
  html body nav#main-nav .nav-right{display:flex!important;align-items:center;gap:10px;position:absolute!important;right:40px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:7;width:auto!important;height:auto!important}
  html body nav#main-nav .nav-right .nav-cta:not(#_){display:inline-flex!important;position:static!important;top:auto!important;right:auto!important;transform:none!important;margin:0!important;align-items:center!important;gap:9px!important;background:transparent!important;border:1px solid rgba(200,182,85,.55)!important;border-radius:10px!important;padding:10px 16px!important;font-family:'DM Mono',monospace!important;font-size:13.5px!important;font-weight:500!important;letter-spacing:.4px!important;color:#C8B655!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  html body nav#main-nav .nav-right .nav-cta::before{display:none!important}
  html body nav#main-nav .nav-right .nav-cta:hover{background:rgba(200,182,85,.1)!important}
  html body nav#main-nav .nav-right .hamburger:not(#_){display:none!important}
  html body nav#main-nav .nav-right .theme-toggle:not(#_){display:none!important}
  html body nav#main-nav .nav-right .kr-open:not(#_){display:inline-flex!important}
}
@media(max-width:760px){
  html body nav#main-nav .nav-cta{display:none!important}
  .kr-open{display:none!important}
}
/* Link groups: keep clear of the right cluster, stay symmetric around the logo */
@media(min-width:1220px){
  html body nav#main-nav .nav-side-right:not(#_){padding-right:236px!important;box-sizing:border-box}
  html body nav#main-nav .nav-side-left:not(#_){padding-left:236px!important;box-sizing:border-box}
}
@media(min-width:761px) and (max-width:1219px){
  html body nav#main-nav .nav-links:not(#_){display:none!important}
  html body nav#main-nav .nav-right .hamburger:not(#_){display:flex!important}
}
.kr-home section{border:0!important;box-shadow:none!important;background:transparent!important}
.kr-svc-cta{background:rgba(200,182,85,.08)!important;justify-content:center;align-items:center;text-align:center}
.kr-svc-cta .kr-svc-t{color:var(--kr-gold)}
.kr-svc-cta:hover{background:rgba(200,182,85,.16)!important}
@media(max-width:900px){.kr-svc-cta{display:none!important}}
/* Beat legacy section/heading rules (they use !important + ID-level specificity) */
html body #page.kr-home > section.kr-sec:not(#_):not(#__){padding:72px 0 0!important;margin:0!important;min-height:0!important;background:transparent!important;border:0!important}
html body #page.kr-home > section.kr-sec-last:not(#_):not(#__){padding-bottom:88px!important}
html body #page.kr-home > section.kr-stats-sec:not(#_):not(#__){padding:0!important;margin:0!important;min-height:0!important;background:transparent!important}
html body #page.kr-home > section.kr-hero:not(#_):not(#__){padding:0!important;margin:0!important;min-height:0!important;background:transparent!important}
html body #page.kr-home :is(.kr-h1,.kr-h2,.kr-p,.kr-hero-p,.kr-eyebrow,.kr-step,.kr-step-d,.kr-svc,.kr-svc-d,.kr-faq-q,.kr-faq-a,.kr-book-card,.kr-book-card h3,.kr-book-card p,.kr-post,.kr-post-body,.kr-review,.kr-review p,.kr-review-f,.kr-zone,.kr-sec-head,.kr-chips,.kr-tabs):not(#_):not(#__){text-align:left!important}
html body #page.kr-home :is(.kr-stat,.kr-center,.kr-fine,.kr-btn-gold,.kr-btn-ghost,.kr-btn-outline-gold):not(#_):not(#__){text-align:center!important}
@media(max-width:900px){
  html body #page.kr-home > section.kr-sec:not(#_):not(#__){padding-top:44px!important}
  html body #page.kr-home > section.kr-sec-last:not(#_):not(#__){padding-bottom:110px!important}
  html body #page.kr-home > section.kr-stats-sec:not(#_):not(#__){margin-top:28px!important}
  html body #page.kr-home .kr-trustline:not(#_):not(#__){text-align:center!important}
}

/* ═══════════════ NAV — match handoff geometry (74px bar, 76px straddling logo, tucks to 40px on scroll) ═══════════════ */
html body nav#main-nav:not(#_){position:fixed;top:0;left:0;right:0;overflow:visible!important;min-height:0!important;height:auto!important}
html body nav#main-nav .nav-main-row:not(#_){position:relative!important;max-width:1280px!important;margin:0 auto!important;padding:0 40px!important;min-height:74px!important;height:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;overflow:visible!important;box-sizing:border-box}
/* logo straddles the bar's lower edge */
html body nav#main-nav .nav-center-logo:not(#_):not(#__){position:absolute!important;left:50%!important;top:auto!important;bottom:-38px!important;transform:translateX(-50%)!important;z-index:6!important;background:none!important;border:0!important;padding:0!important;margin:0!important;width:auto!important;height:76px!important;display:flex!important;align-items:center!important;transition:bottom .28s cubic-bezier(.4,0,.2,1),height .28s cubic-bezier(.4,0,.2,1)!important}
html body nav#main-nav .nav-center-logo img[data-cfg-logo]:not(#_):not(#__){position:static!important;top:auto!important;left:auto!important;transform:none!important;height:76px!important;max-height:none!important;width:auto!important;filter:drop-shadow(0 8px 22px rgba(0,0,0,.6))!important;transition:height .28s cubic-bezier(.4,0,.2,1)!important;display:block!important}
html.kr-scrolled body nav#main-nav .nav-center-logo:not(#_):not(#__){bottom:-20px!important;height:40px!important}
html.kr-scrolled body nav#main-nav .nav-center-logo img[data-cfg-logo]:not(#_):not(#__){height:40px!important}
/* link groups: symmetric, split by a gutter under the logo */
@media(min-width:1220px){
  html body nav#main-nav .nav-side:not(#_):not(#__){display:flex!important;align-items:center!important;gap:2px!important;flex:1 1 0!important;min-width:0!important;padding:0!important;margin:0!important;position:static!important}
  html body nav#main-nav .nav-side-left:not(#_):not(#__){justify-content:flex-end!important;padding-left:250px!important;padding-right:40px!important}
  html body nav#main-nav .nav-side-right:not(#_):not(#__){justify-content:flex-start!important;padding-right:250px!important;padding-left:40px!important}
  html body nav#main-nav .nav-side a:not(#_),html body nav#main-nav .nav-side .nav-trigger:not(#_){padding:9px 11px!important;border-radius:8px!important;white-space:nowrap!important;flex-shrink:0!important}
  html body nav#main-nav .nav-side a:hover:not(#_),html body nav#main-nav .nav-side .nav-trigger:hover:not(#_){background:rgba(255,255,255,.05)!important}
}
@media(min-width:761px) and (max-width:1219px){
  html body nav#main-nav .nav-right .hamburger:not(#_){display:flex!important;width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;background:none!important}
}
@media(max-width:760px){
  html body nav#main-nav .nav-main-row:not(#_){min-height:46px!important;height:46px!important;padding:0 14px!important}
  html body nav#main-nav .nav-center-logo:not(#_):not(#__){height:76px!important;bottom:-38px!important}
  html.kr-scrolled body nav#main-nav .nav-center-logo:not(#_):not(#__){bottom:-20px!important;height:40px!important}
  html body{padding-top:46px!important}
  .kr-hero-photo{margin-top:0}
}
@media(min-width:761px){ html body{padding-top:74px!important} }
.kr-hero-grid{padding-top:64px}
@media(max-width:900px){ .kr-hero-grid{padding-top:0} }

/* ═══════════════ MENU — handoff: bottom sheet (phone) / dropdown panel (desktop) ═══════════════ */
html body .mobile-overlay:not(#_){position:fixed!important;inset:0!important;z-index:1050!important;background:rgba(0,0,0,.55)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:0;pointer-events:none;transition:opacity .25s!important}
html body .mobile-overlay.visible:not(#_){opacity:1;pointer-events:auto}
html body .mobile-menu:not(#_){position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;height:auto!important;max-height:88vh!important;max-height:88dvh!important;background:rgba(16,26,19,.98)!important;backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;border:1px solid rgba(255,255,255,.08)!important;border-bottom:0!important;border-radius:28px 28px 0 0!important;box-shadow:0 -24px 56px rgba(0,0,0,.55)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;margin:0!important;transform:translateY(105%)!important;transition:transform .32s cubic-bezier(.4,0,.2,1)!important;z-index:1090!important;opacity:1!important;visibility:visible!important}
html body .mobile-menu.open:not(#_){transform:translateY(0)!important}
.mm-handle{width:38px;height:5px;border-radius:100px;background:rgba(255,255,255,.22);margin:10px auto 6px;flex-shrink:0}
html body .mobile-menu .mm-close:not(#_){position:absolute!important;top:14px!important;right:14px!important;width:36px!important;height:36px!important;border-radius:10px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;color:#F1EFDD!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;padding:0!important;margin:0!important;z-index:2}
html body .mobile-menu .mm-list:not(#_){flex:1;overflow-y:auto;padding:14px 20px 8px!important;margin:0!important;display:block!important;position:static!important;background:none!important;border:0!important;width:auto!important;height:auto!important}
html body .mobile-menu .mm-item:not(#_){display:flex!important;align-items:center;justify-content:space-between;width:100%!important;min-height:54px;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;padding:14px 16px!important;margin:0 0 8px!important;font-family:-apple-system,'SF Pro Display',BlinkMacSystemFont,sans-serif!important;font-size:16px!important;font-weight:600!important;letter-spacing:-.2px!important;color:#F1EFDD!important;text-transform:none!important;text-align:left!important;cursor:pointer;opacity:1!important;transform:none!important;transition:background .15s,border-color .15s}
html body .mobile-menu .mm-item.is-active:not(#_){background:rgba(200,182,85,.14)!important;border-color:rgba(200,182,85,.4)!important}
html body .mobile-menu .mm-item .mm-chev:not(#_){color:rgba(255,255,255,.4)!important;font-size:20px!important;line-height:1;transform:none!important;margin:0!important}
html body .mobile-menu .mm-footer:not(#_){padding:12px 20px calc(24px + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(255,255,255,.08)!important;margin:0!important;background:none!important;display:block!important}
html body .mobile-menu .mm-call:not(#_){display:flex!important;align-items:center;justify-content:center;gap:10px;background:#C8B655!important;border:0!important;border-radius:14px!important;padding:15px 18px!important;font-family:-apple-system,'SF Pro Display',BlinkMacSystemFont,sans-serif!important;font-size:15.5px!important;font-weight:700!important;letter-spacing:-.2px!important;color:#15301E!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(200,182,85,.22)!important;width:auto!important;margin:0!important;text-transform:none!important}
html body .mobile-menu .mm-call *{color:#15301E!important;font:inherit!important}
html.menu-open nav#main-nav{display:flex!important}
/* Desktop / tablet: the same sheet becomes a dropdown panel hanging from the bar */
@media(min-width:761px){
  html body .mobile-menu:not(#_){top:74px!important;bottom:auto!important;left:0!important;right:0!important;max-height:none!important;border-radius:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 40px rgba(0,0,0,.45)!important;transform:translateY(-8px)!important;opacity:0!important;pointer-events:none;transition:opacity .2s,transform .2s!important}
  html body .mobile-menu.open:not(#_){transform:none!important;opacity:1!important;pointer-events:auto}
  .mm-handle{display:none}
  html body .mobile-menu .mm-close:not(#_){display:none!important}
  html body .mobile-menu .mm-list:not(#_){max-width:1280px;margin:0 auto!important;padding:16px 40px 6px!important;display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px}
  html body .mobile-menu .mm-item:not(#_){width:auto!important;min-height:0;margin:0!important;padding:14px 18px!important;border-radius:12px!important;font-size:15px!important;gap:10px}
  html body .mobile-menu .mm-item .mm-chev:not(#_){display:none!important}
  html body .mobile-menu .mm-footer:not(#_){display:none!important}
  html body .mobile-overlay:not(#_){background:rgba(0,0,0,.35)!important}
}
/* menu: kill legacy width caps / hidden nav / call-button icon */
html body .mobile-menu:not(#_):not(#__){max-width:none!important;min-width:0!important;width:auto!important}
html body .mobile-menu .mm-list:not(#_):not(#__){max-width:none!important;width:auto!important;flex-direction:column!important}
html.menu-open body nav#main-nav:not(#_){visibility:visible!important;opacity:1!important;display:flex!important}
html body .mobile-menu .mm-call:not(#_):not(#__){flex-direction:row!important}
html body .mobile-menu .mm-call::before,html body .mobile-menu .mm-call::after{display:none!important;content:none!important}
@media(min-width:761px){
  html body .mobile-menu .mm-list:not(#_):not(#__){flex-direction:row!important;max-width:1280px!important;margin:0 auto!important}
  html body .mobile-menu:not(#_):not(#__){top:74px!important;bottom:auto!important}
}
@media(max-width:760px){
  html body .mobile-menu:not(#_):not(#__){top:auto!important;bottom:0!important;max-height:88dvh!important}
  html body .mobile-menu .mm-list:not(#_):not(#__){display:block!important}
}
html body .mobile-menu .mm-list:not(#_):not(#__){transform:none!important;left:auto!important;right:auto!important;top:auto!important}
html body .mobile-menu .mm-item:not(#_):not(#__){transform:none!important;animation:none!important;left:auto!important}
html.menu-open body nav#main-nav .nav-center-logo:not(#_):not(#__){display:flex!important;opacity:1!important;visibility:visible!important}
html body .mobile-menu .mm-close:not(#_):not(#__){display:none!important}
@media(min-width:761px){ html body .mobile-menu .mm-list:not(#_):not(#__){padding-top:58px!important;padding-bottom:18px!important} }
/* logo size: 104px at rest (handoff max), 52px once scrolled */
html body nav#main-nav .nav-center-logo:not(#_):not(#__){height:104px!important;bottom:-52px!important}
html body nav#main-nav .nav-center-logo img[data-cfg-logo]:not(#_):not(#__){height:104px!important}
html.kr-scrolled body nav#main-nav .nav-center-logo:not(#_):not(#__){height:52px!important;bottom:-26px!important}
html.kr-scrolled body nav#main-nav .nav-center-logo img[data-cfg-logo]:not(#_):not(#__){height:52px!important}
@media(min-width:1220px){
  html body nav#main-nav .nav-side-left:not(#_):not(#__){padding-right:56px!important}
  html body nav#main-nav .nav-side-right:not(#_):not(#__){padding-left:56px!important}
}
.kr-hero-grid{padding-top:80px}
@media(min-width:761px){ html body .mobile-menu .mm-list:not(#_):not(#__){padding-top:72px!important} }
@media(max-width:760px){
  html body nav#main-nav .nav-center-logo:not(#_):not(#__){height:96px!important;bottom:-48px!important}
  html body nav#main-nav .nav-center-logo img[data-cfg-logo]:not(#_):not(#__){height:96px!important}
  html.kr-scrolled body nav#main-nav .nav-center-logo:not(#_):not(#__){height:48px!important;bottom:-24px!important}
  html.kr-scrolled body nav#main-nav .nav-center-logo img[data-cfg-logo]:not(#_):not(#__){height:48px!important}
  html body #page.kp-page:not(#_){padding-top:64px!important}
}
@media(max-width:900px){
  .kr-hero-grid{padding-top:0!important}
  .kr-hero-photo{margin-top:0!important}
}

/* ═══════════════ FOOTER — handoff ═══════════════ */
html body footer.kf:not(#_):not(#__){display:block!important;background:var(--kr-ground)!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;color:var(--kr-ink);grid-template-columns:none!important;box-shadow:none!important}
.kf-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.kf-grid{margin-top:80px;padding:56px 0 40px;border-top:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
html body footer.kf .kf-logo:not(#_):not(#__){background:none!important;border:0!important;padding:0!important;margin:0 0 18px!important;display:block!important;cursor:pointer;font-size:0;width:auto!important;height:auto!important;text-align:left!important}
html body footer.kf .kf-logo img[data-cfg-logo]:not(#_):not(#__){height:114px!important;max-height:none!important;width:auto!important;display:block!important;margin:0!important;filter:none!important}
.kf-desc{font-size:14px;line-height:1.75;color:rgba(241,239,221,.55);margin:0 0 18px;max-width:30em;text-align:left}
.kf-pills{display:flex;gap:8px;flex-wrap:wrap}
.kf-pills span{background:rgba(255,255,255,.05);border-radius:100px;padding:7px 12px;font-size:11.5px;font-weight:500;color:rgba(255,255,255,.78)}
.kf-col{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left}
html body footer.kf .kf-col h4:not(#_):not(#__){font-family:var(--kr-mono)!important;font-size:10.5px!important;font-weight:400!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--kr-gold)!important;margin:0 0 6px!important;padding:0!important}
html body footer.kf .kf-col :is(button,a,span):not(#_):not(#__){background:none!important;border:0!important;padding:0!important;margin:0!important;font-family:var(--kr-body)!important;font-size:14px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:rgba(255,255,255,.82)!important;text-decoration:none!important;cursor:pointer;text-align:left!important;overflow-wrap:anywhere;line-height:1.5!important;display:inline!important;width:auto!important}
html body footer.kf .kf-col :is(button,a):hover:not(#_):not(#__){color:var(--kr-gold)!important}
.kf-links-m{display:none}
.kf-bottom{padding:22px 0 40px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-family:var(--kr-mono);font-size:11px;letter-spacing:.6px;color:var(--kr-ink-3)}
.kf-bottom *{color:var(--kr-ink-3)!important;font:inherit!important;letter-spacing:inherit!important}
html body footer.kf .kf-bottom button:not(#_):not(#__){background:none!important;border:0!important;padding:0!important;margin:0!important;cursor:pointer;text-transform:none!important}
html body footer.kf .kf-bottom button:hover:not(#_):not(#__){color:var(--kr-gold)!important}
@media(max-width:900px){
  html body footer.kf:not(#_):not(#__){background:var(--kr-deep)!important;padding:32px 18px calc(110px + env(safe-area-inset-bottom))!important;text-align:center!important}
  .kf-wrap{padding:0}
  .kf-grid{display:block;margin:0;padding:0;border:0}
  .kf-col{display:none}
  html body footer.kf .kf-logo:not(#_):not(#__){margin:0 auto 14px!important;text-align:center!important}
  html body footer.kf .kf-logo img[data-cfg-logo]:not(#_):not(#__){height:84px!important;margin:0 auto!important}
  .kf-desc{font-size:13px;line-height:1.7;margin:0 auto 18px;max-width:290px;text-align:center}
  .kf-pills{display:none}
  .kf-links-m{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin-bottom:20px}
  html body footer.kf .kf-links-m button:not(#_):not(#__){background:none!important;border:0!important;padding:0!important;margin:0!important;font-family:var(--kr-body)!important;font-size:13px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:rgba(241,239,221,.8)!important;cursor:pointer;width:auto!important;display:inline!important}
  .kf-bottom{border:0;padding:0;display:block;font-size:10.5px;letter-spacing:1px;line-height:1.9;text-align:center}
  .kf-bottom > span{display:block}
}

/* ── Tablet / narrow desktop (600–900px): keep the phone layout but stop it stretching edge to edge ── */
@media(min-width:600px) and (max-width:900px){
  .kr-hero-copy{max-width:600px;margin:0 auto;width:100%}
  .kr-hero-photo{height:420px;margin:0 -18px}
  .kr-hero-photo img{object-position:center 35%}
  .kr-stats,.kr-chips,.kr-tabs{max-width:600px;margin-left:auto;margin-right:auto}
  .kr-svc-grid,.kr-steps,.kr-faq-col,.kr-book-card,.kr-posts,.kr-two > *{max-width:600px;margin-left:auto;margin-right:auto}
  .kr-h1{font-size:44px;letter-spacing:-1.8px}
  .kr-sec-head{max-width:600px;margin-left:auto;margin-right:auto}
  .kr-reviews{margin:0;padding:0 0 6px}
  .kp-hero-copy,.kp-stats,.kp-block,.kp-two > *,.kp-cta,.kp-local{max-width:600px;margin-left:auto;margin-right:auto}
  .kp-hero-photo{margin:0 auto;max-width:600px}
}
/* phone/tablet hero: headline + chip centered to match the full-width buttons */
@media(max-width:900px){
  html body #page.kr-home .kr-hero-copy .kr-h1:not(#_):not(#__){text-align:center!important}
  .kr-hero-copy .kr-live{align-self:center}
  .kr-hero-copy{align-items:stretch}
}
/* phone/tablet: headline on one line */
@media(max-width:900px){
  html body #page.kr-home .kr-hero-copy .kr-h1:not(#_):not(#__){white-space:nowrap;font-size:min(36px,6.9vw)!important;letter-spacing:-1.2px!important;line-height:1.1!important}
  .kr-hero-copy .kr-h1 br{display:none}
}
/* mobile hero photo: show the subject a little higher */
@media(max-width:900px){ .kr-hero-photo img{object-position:center 18%!important} }
/* desktop dropdown menu — handoff: pills right under the bar, split around a centre gutter for the logo */
@media(min-width:761px){
  html body .mobile-menu .mm-list:not(#_):not(#__){padding:12px 40px 20px!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important}
  html body .mobile-menu .mm-item[data-mm="reviews"]:not(#_):not(#__){margin-left:112px!important}
  html body .mobile-menu .mm-item:not(#_):not(#__){padding:14px 18px!important;font-size:15px!important}
}
@media(min-width:761px) and (max-width:1100px){
  html body .mobile-menu .mm-list:not(#_):not(#__){flex-wrap:wrap!important;padding-top:64px!important}
  html body .mobile-menu .mm-item[data-mm="reviews"]:not(#_):not(#__){margin-left:0!important}
}
.mm-grp{display:contents}
.mm-gutter{display:none}
@media(min-width:761px){
  html body .mobile-menu .mm-list:not(#_):not(#__){display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:8px!important;padding:12px 40px 20px!important}
  .mm-grp{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 0;min-width:0}
  .mm-grp-l{justify-content:flex-end}
  .mm-grp-r{justify-content:flex-start}
  .mm-gutter{display:block;flex:none;width:100px}
  html body .mobile-menu .mm-item[data-mm="reviews"]:not(#_):not(#__){margin-left:0!important}
}
@media(min-width:761px) and (max-width:1100px){
  html body .mobile-menu .mm-list:not(#_):not(#__){padding-top:64px!important}
  .mm-gutter{width:24px}
}
@media(min-width:761px){
  html body .mobile-menu .mm-item:not(#_):not(#__){padding:12px 14px!important;font-size:14.5px!important}
  .mm-grp{gap:6px}
  .mm-gutter{width:96px}
}
@media(min-width:761px){ html body .mobile-menu .mm-list:not(#_):not(#__){width:100%!important;align-self:stretch!important;box-sizing:border-box} }

/* ═══════════════ Hero polish — per the mockup ═══════════════ */
.kr-home section.kr-hero{position:relative;overflow:hidden}
.kr-home section.kr-hero::before{content:'';position:absolute;inset:-20% -10% auto -10%;height:140%;pointer-events:none;z-index:0;
  background:
    radial-gradient(60% 55% at 12% 18%, rgba(76,168,112,.22) 0%, rgba(76,168,112,0) 70%),
    radial-gradient(45% 50% at 88% 30%, rgba(76,168,112,.18) 0%, rgba(76,168,112,0) 70%),
    radial-gradient(70% 60% at 50% 100%, rgba(15,36,22,.9) 0%, rgba(15,36,22,0) 70%)}
.kr-home section.kr-hero > *{position:relative;z-index:1}
.kr-hero-copy .kr-ramp{background-image:linear-gradient(90deg,#3DDC97 0%,#5FE3A1 55%,#7FEBB5 100%)}
.kr-h1{text-shadow:0 2px 24px rgba(0,0,0,.25)}
.kr-hero-ctas .kr-btn-gold{background:linear-gradient(180deg,#E3D27A 0%,#C8B655 100%);box-shadow:0 0 0 1px rgba(255,235,150,.25),0 10px 34px rgba(200,182,85,.38),0 0 60px rgba(200,182,85,.18)}
.kr-hero-ctas .kr-btn-gold:hover{background:linear-gradient(180deg,#EBDB88 0%,#D2C060 100%)}
.kr-chev{font-size:22px;line-height:0;margin-left:-2px;position:relative;top:-1px}
.kr-hero-photo{box-shadow:0 30px 80px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.06)}
/* nav chevrons */
html body nav#main-nav .nav-trigger .nav-arrow:not(#_){font-size:0!important;width:9px;height:9px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-3px);display:inline-block;margin-left:6px;opacity:.85}
/* stat band as a card with icons */
.kr-stats{border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.kr-stat{display:flex;align-items:center;justify-content:center;gap:18px;padding:30px 20px;border-right:1px solid rgba(255,255,255,.08);border-left:0!important}
.kr-stat:last-child{border-right:0}
.kr-stat-ic{color:#3DDC97;display:inline-flex;flex-shrink:0;opacity:.95}
.kr-stat-n{font-size:40px;letter-spacing:-1.8px;background-image:linear-gradient(90deg,#F1EFDD 0%,#F1EFDD 100%)}
.kr-stat-l{margin-top:8px;font-size:11px;letter-spacing:1.8px;color:#A9B7AA}
.kr-stats-sec{margin-top:8px}
@media(max-width:900px){
  .kr-stats{border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
  .kr-stat{flex-direction:column;gap:6px;padding:16px 6px;text-align:center;border-right:1px solid rgba(255,255,255,.08)!important}
  .kr-stat:last-child,.kr-stat:nth-child(3){border-right:0!important}
  .kr-stat-ic svg{width:22px;height:22px}
  .kr-stat-n{font-size:24px;letter-spacing:-1px}
  .kr-stat-l{font-size:9px;letter-spacing:1.2px;margin-top:2px}
  .kr-home section.kr-hero::before{inset:auto -30% -10% -30%;height:70%;background:radial-gradient(60% 60% at 50% 100%, rgba(76,168,112,.16) 0%, rgba(76,168,112,0) 70%)}
}
html body nav#main-nav .nav-trigger .nav-arrow:not(#_){width:7px!important;height:7px!important;margin-left:7px!important;transform:rotate(45deg) translateY(-2px)!important;padding:0!important;line-height:0!important;vertical-align:middle;position:relative;top:-2px}
html body nav#main-nav .nav-trigger:not(#_){display:inline-flex!important;align-items:center!important;gap:0!important}
@media(min-width:901px){ .kr-stat-ic svg{width:44px;height:44px} .kr-stat{gap:22px} }
/* colour rollback — keep the previous palette (green→gold ramp, flat gold button, no glow) */
.kr-home section.kr-hero::before{display:none!important}
.kr-hero-copy .kr-ramp{background-image:linear-gradient(90deg,#4CA870 0%,#DCCB72 100%)!important}
.kr-h1{text-shadow:none}
.kr-hero-ctas .kr-btn-gold{background:var(--kr-gold)!important;box-shadow:0 10px 30px rgba(200,182,85,.2)!important}
.kr-hero-ctas .kr-btn-gold:hover{background:var(--kr-gold-l)!important}
.kr-hero-photo{box-shadow:none;border:0}
.kr-stat-ic{color:var(--kr-gold)}
.kr-stat-n{background-image:linear-gradient(90deg,#4CA870 0%,#DCCB72 100%)}
.kr-stats{background:var(--kr-surface)}
@media(min-width:901px){ .kr-hero-grid{align-items:start} .kr-hero-photo{margin-top:-30px} .kr-hero-copy{padding-top:26px} }
@media(max-width:900px){ .kr-hero-photo img{object-position:center 10%!important} }
@media(max-width:900px){ .kr-hero-photo img{object-position:center 42%!important} }

/* trustline with stars + review count */
.kr-trustline{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.kr-trustline strong{color:#F1EFDD;font-weight:600}
.kr-trust-stars{display:inline-flex;gap:1px}
.kr-trust-stars svg{width:12px;height:12px}
@media (max-width:900px){html body #page.kr-home .kr-trustline:not(#_):not(#__){justify-content:center!important;flex-wrap:nowrap!important;gap:4px!important;font-size:11px!important}html body #page.kr-home .kr-trust-stars svg:not(#_):not(#__){width:11px!important;height:11px!important}}

/* ══════════ Desktop dropdown cards (option A) + logo behaviour ══════════ */
@media(min-width:1220px){
  html body .services-panel.kd:not(#_):not(#__){position:fixed!important;top:84px!important;left:50%!important;right:auto!important;bottom:auto!important;width:860px!important;max-width:calc(100vw - 40px)!important;height:auto!important;max-height:none!important;transform:translateX(-58%) translateY(-6px)!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;z-index:1200!important;display:block!important}
  html body .services-panel.kd.open:not(#_):not(#__){opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-58%) translateY(0)!important;transition:opacity .16s ease,transform .16s ease}
  html body .services-panel.kd.kd-area:not(#_):not(#__){width:980px!important}
  .kd-card{background:#0F2416;border:1px solid rgba(200,182,85,.22);border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.5);padding:22px 26px 14px;font-family:var(--kr-body)}
  .kd-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
  .kd-area .kd-cols{grid-template-columns:repeat(4,1fr);gap:0 22px}
  .kd-col h4{margin:0 0 8px;font:500 11px var(--kr-mono);letter-spacing:2px;text-transform:uppercase;color:#C8B655}
  .kd-col ul{list-style:none;margin:0 0 14px;padding:0;columns:2;column-gap:14px}
  .kd-area .kd-col ul,.kd:not(.kd-brands) .kd-col ul{columns:1}
  .kd-col li{break-inside:avoid;padding:0;margin:0}
  .kd-col a{display:block;white-space:nowrap;font-size:14.5px;line-height:1.3;padding:5px 6px;margin:0 -6px;border-radius:7px;color:#F1EFDD;text-decoration:none;transition:background .12s,color .12s}
  .kd-col a:hover{background:rgba(200,182,85,.12);color:#fff}
  .kd-col a em{font-style:normal;font:500 11px var(--kr-mono);color:#A9B7AA;margin-left:6px}
  .kd-col a.kd-lux:after,.kd-dia{content:'';display:inline-block;width:6px;height:6px;background:#C8B655;transform:rotate(45deg);margin-left:8px;vertical-align:middle}
  .kd-foot{border-top:1px solid rgba(255,255,255,.08);margin-top:2px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:#A9B7AA}
  .kd-foot a{color:#C8B655;font-weight:600;text-decoration:none;white-space:nowrap}
  .kd-foot a:hover{text-decoration:underline}
  html body .panel-overlay.kd-hidden:not(#_){display:none!important}
  /* Logo: 2× on desktop (208px), shrinks to 52px on scroll OR while a dropdown is open */
  html body nav#main-nav .nav-center-logo:not(#_):not(#__){height:148px!important;bottom:-74px!important;transition:height .22s ease,bottom .22s ease!important}
  html body nav#main-nav .nav-center-logo img[data-cfg-logo]:not(#_):not(#__){height:148px!important;transition:height .22s ease!important;filter:drop-shadow(0 14px 28px rgba(0,0,0,.45))}
  html.kr-scrolled body nav#main-nav .nav-center-logo:not(#_):not(#__),html.kr-menu-open body nav#main-nav .nav-center-logo:not(#_):not(#__){height:52px!important;bottom:-26px!important}
  html.kr-scrolled body nav#main-nav .nav-center-logo img[data-cfg-logo]:not(#_):not(#__),html.kr-menu-open body nav#main-nav .nav-center-logo img[data-cfg-logo]:not(#_):not(#__){height:52px!important}
  html body nav#main-nav .nav-side-left:not(#_):not(#__){padding-right:74px!important}
  html body nav#main-nav .nav-side-right:not(#_):not(#__){padding-left:74px!important}
}

/* ══════════ Mobile bar + menu: match the handoff prototype (Key Rescue Mobile 1b) exactly ══════════ */
@media(max-width:760px){
  /* scrim covers the bar too; hamburger stays a hamburger (tap scrim / handle to close) */
  html.menu-open body nav#main-nav:not(#_):not(#__){z-index:1040!important}
  html body .mobile-overlay:not(#_):not(#__){z-index:1050!important;background:rgba(0,0,0,.55)!important}
  html body .mobile-menu:not(#_):not(#__){z-index:1060!important}
  html body nav#main-nav .hamburger.open span:not(#_),html body nav#main-nav .hamburger.open i:not(#_){transform:none!important;opacity:1!important}
  /* the six rows from the prototype: Home · Car Keys · Service Area · Blog · FAQ · Book Now */
  html body .mobile-menu .mm-item[data-mm="services"]:not(#_):not(#__),
  html body .mobile-menu .mm-item[data-mm="free-estimate"]:not(#_):not(#__),
  html body .mobile-menu .mm-item[data-mm="reviews"]:not(#_):not(#__),
  html body .mobile-menu .mm-item[data-mm="about"]:not(#_):not(#__){display:none!important}
  html body .mobile-menu .mm-gutter:not(#_){display:none!important}
  /* prototype call button: green→gold gradient, white text */
  html body .mobile-menu .mm-call:not(#_):not(#__){background:linear-gradient(135deg,#24472A 0%,#C2B14F 100%)!important;color:#fff!important;font-weight:600!important;box-shadow:0 8px 24px rgba(36,71,42,.35)!important}
  html body .mobile-menu .mm-call *:not(#_){color:#fff!important}
  /* bar ground per handoff */
  html body nav#main-nav:not(#_):not(#__){background:rgba(20,26,22,.92)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
}
@media(max-width:760px){
  /* keep the page visible under the scrim (prototype dims it, doesn't hide it) */
  html.menu-open body #page:not(#_):not(#__){display:block!important;visibility:visible!important}
  html.menu-open body #page *:not(#_){visibility:visible}
  html body .mobile-overlay:not(#_):not(#__){display:block!important;opacity:0;pointer-events:none;transition:opacity .2s}
  html body .mobile-overlay.visible:not(#_):not(#__){opacity:1!important;pointer-events:auto!important}
  html.menu-open body #floatingHamburger:not(#_):not(#__){z-index:1045!important}
}

/* ══════════ Mobile bar like the tablet/desktop bar: OPEN NOW · Call 24/7 pill · boxed hamburger ══════════ */
@media(max-width:760px){
  html body nav#main-nav .nav-main-row:not(#_):not(#__){min-height:56px!important;height:56px!important;padding:0 12px!important}
  html body{padding-top:56px!important}
  html body nav#main-nav .nav-center-logo:not(#_):not(#__){height:84px!important;bottom:-42px!important}
  html.kr-scrolled body nav#main-nav .nav-center-logo:not(#_):not(#__){height:44px!important;bottom:-22px!important}
  /* right cluster */
  html body nav#main-nav .nav-right:not(#_):not(#__){display:flex!important;align-items:center!important;gap:8px!important;position:absolute!important;right:66px!important;top:0!important;height:56px!important;transform:none!important;left:auto!important;margin:0!important;padding:0!important}
  html body nav#main-nav .nav-right .theme-toggle:not(#_),html body nav#main-nav .nav-right .hamburger:not(#_){display:none!important}
  html body nav#main-nav .nav-right .kr-open:not(#_):not(#__){display:none!important}
  html body nav#main-nav .nav-right .nav-cta:not(#_):not(#__){display:inline-flex!important;position:static!important;transform:none!important;margin:0!important;align-items:center!important;background:transparent!important;border:1px solid rgba(200,182,85,.6)!important;border-radius:10px!important;padding:9px 13px!important;font-family:var(--kr-mono)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.3px!important;color:#C8B655!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;overflow:visible!important;text-indent:0!important;justify-content:center!important}
  html body nav#main-nav .nav-right .nav-cta::before,html body nav#main-nav .nav-right .nav-cta::after{display:none!important;content:none!important}
  /* boxed hamburger (the floating one is the live control on phones) */
  html body .floating-hamburger:not(#_):not(#__){top:7px!important;right:12px!important;width:42px!important;height:42px!important;border-radius:12px!important;background:#0F2416!important;border:1px solid rgba(255,255,255,.12)!important;gap:5px!important;box-shadow:0 4px 14px rgba(0,0,0,.25)!important}
  html body .floating-hamburger span:not(#_){width:18px!important;height:2px!important;background:#F1EFDD!important}
  html.kr-scrolled body .floating-hamburger:not(#_):not(#__){top:7px!important}
}
@media(min-width:500px) and (max-width:760px){
  html body nav#main-nav .nav-right .kr-open:not(#_):not(#__){display:inline-flex!important;margin:0!important;font-size:11px!important;letter-spacing:1.2px!important;color:#A9B7AA!important}
}
@media(max-width:760px){
  html body nav#main-nav .nav-right .nav-cta:not(#_):not(#__){height:36px!important;padding:0 12px!important;box-sizing:border-box!important}
}
@media(max-width:429px){
  html body nav#main-nav .nav-right .nav-cta:not(#_):not(#__){font-size:0!important}
  html body nav#main-nav .nav-right .nav-cta::after{content:'Call'!important;display:inline!important;font-size:13px!important;font-family:var(--kr-mono)!important;font-weight:600!important;color:#C8B655!important;letter-spacing:.3px!important}
}
/* OPEN NOW on phones: left side of the bar, away from the badge */
@media(max-width:760px){
  html body nav#main-nav .nav-right .kr-open:not(#_):not(#__){display:inline-flex!important;position:fixed!important;left:14px!important;top:0!important;height:56px!important;align-items:center!important;margin:0!important;font-size:10.5px!important;letter-spacing:1.2px!important;color:#A9B7AA!important;white-space:nowrap!important;z-index:1001}
}

/* trustline: evenly organised — [stars 5.0] · 340+ Google reviews · Bonded & insured */
html body .kr-trustline:not(#_):not(#__){display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;white-space:nowrap!important}
.kr-trust-item{display:inline-flex;align-items:center;gap:6px;line-height:1}
.kr-trust-item strong{color:#F1EFDD;font-weight:600;letter-spacing:0}
.kr-trust-item .kr-stars{display:inline-flex;gap:1px}
.kr-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:rgba(241,239,221,.45);flex:none}
@media(max-width:900px){
  html body #page.kr-home .kr-trustline:not(#_):not(#__){justify-content:center!important;gap:7px!important;font-size:10px!important;letter-spacing:0!important}
  html body #page.kr-home .kr-trust-stars svg:not(#_):not(#__){width:11px!important;height:11px!important}
}
@media(max-width:370px){ html body #page.kr-home .kr-trustline:not(#_):not(#__){font-size:9.5px!important;gap:6px!important} }