/*
  Homepage — "Neighborhood" (Direction C). Loaded on the front page only.
  Extracted from nimbalyst-local/mockups/homepage-neighborhood.mockup.html.
  Fonts (Darker Grotesque + Hanken Grotesk) and FontAwesome are enqueued
  globally in functions.php, so no @import here. The homepage does NOT load
  the petsitter parity stylesheet, so the document root is a normal 16px base.
*/
.mlpa-home{
    --ink:#2a2b1f; --muted:#726d5f;
    --paper:#f6f0e4; --paper2:#fbf7ec; --land:#e8ecda; --line:#e2ddca;
    --teal:#3f8a80; --teal-deep:#2f6f66; --teal-soft:#d9ebe6;
    --green:#7ab02f; --green-deep:#5f8f22; --green-soft:#eaf3d9;
    --orange:#e89145; --orange-deep:#cc7a2b; --orange-soft:#fbe8d3;
    --red:#e89145; --red-deep:#cc7a2b;
    --f-disp:"Darker Grotesque",system-ui,sans-serif; --f-body:"Hanken Grotesk",system-ui,sans-serif;
    --wrap:1180px; --shadow-sm:0 2px 12px rgba(50,50,20,.06);
    --shadow-md:0 20px 42px -22px rgba(50,50,20,.32); --shadow-lg:0 44px 84px -44px rgba(50,50,20,.5);
    font-family:var(--f-body); font-size:16px; color:var(--ink); line-height:1.62; background:var(--paper);
    -webkit-font-smoothing:antialiased; overflow-x:clip;
}
.mlpa-home *,.mlpa-home *::before,.mlpa-home *::after{ box-sizing:border-box; }
.mlpa-home h1,.mlpa-home h2,.mlpa-home h3{ font-family:var(--f-disp); font-weight:900; margin:0; line-height:.94; letter-spacing:-.01em; }
.mlpa-home p{ margin:0; }
.mlpa-home ul,.mlpa-home ol{ margin:0; padding:0; list-style:none; }
:where(.mlpa-home) a{ color:inherit; text-decoration:none; }
.mlpa-home img{ display:block; max-width:100%; height:auto; }
.mlpa-home :focus-visible{ outline:3px solid var(--teal); outline-offset:3px; }
.mlpa-wrap{ max-width:var(--wrap); margin-inline:auto; padding-inline:clamp(20px,5vw,48px); }

.mh-eyebrow{ display:inline-flex; align-items:center; gap:.5em; font-family:var(--f-body); font-weight:800; font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--teal-deep); margin:0 0 .9em; }
.mh-eyebrow i{ color:var(--red); }
.mh-sec-title{ font-size:clamp(2.4rem,5vw,4rem); }
.mh-sec-title em{ font-style:normal; color:var(--teal-deep); }
.mh-sec-sub{ color:var(--muted); font-size:1.08rem; max-width:52ch; margin-top:.5em; }

/* buttons */
.mh-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.55em; font-family:var(--f-disp); font-weight:900; font-size:1.28rem; line-height:1; padding:.72em 1.3em; border-radius:11px; border:2px solid transparent; cursor:pointer; transition:transform .18s, box-shadow .18s, background-color .18s, color .18s, border-color .18s; }
.mh-btn--alert{ color:#fff; text-shadow:0 1px 1px rgba(90,40,0,.28); background:linear-gradient(180deg,#e89145,#cc7a2b); box-shadow:0 16px 30px -14px rgba(204,122,43,.72), inset 0 1px 0 rgba(255,255,255,.22); }
.mh-btn--alert:hover{ transform:translateY(-2px); box-shadow:0 22px 36px -14px rgba(204,122,43,.85); }
.mh-btn--ghost{ color:var(--green-deep); border-color:var(--green); background:#fff; }
.mh-btn--ghost:hover{ border-color:var(--green-deep); background:var(--green-soft); color:var(--green-deep); transform:translateY(-2px); }
.mh-btn--light{ color:var(--orange-deep); background:#fff; box-shadow:0 18px 34px -16px rgba(0,0,0,.4); }
.mh-btn--light:hover{ transform:translateY(-2px); }

/* reveal + map motion */
@keyframes mh-rise{ from{ opacity:0; transform:translateY(20px); } to{ opacity:1; transform:none; } }
@keyframes mh-ping{ 0%{ transform:scale(.35); opacity:.85; } 80%{ transform:scale(1); opacity:0; } 100%{ opacity:0; } }
@keyframes mh-drop{ 0%{ transform:translateY(-16px); opacity:0; } 60%{ transform:translateY(3px); opacity:1; } 100%{ transform:translateY(0); } }
@keyframes mh-dash{ to{ stroke-dashoffset:0; } }
.mh-rise{ opacity:0; animation:mh-rise .85s cubic-bezier(.2,.7,.2,1) forwards; }
.d1{ animation-delay:.05s; } .d2{ animation-delay:.16s; } .d3{ animation-delay:.28s; } .d4{ animation-delay:.4s; } .d5{ animation-delay:.52s; } .d6{ animation-delay:.64s; }
@media (prefers-reduced-motion:reduce){ .mlpa-home *{ animation:none !important; opacity:1 !important; } }

/* ===== HERO ===== */
.mh-hero{ position:relative; overflow:clip; border-bottom:1px solid var(--line);
    background:linear-gradient(180deg,#faf6ea,#f2ecdd); }
.mh-hero::before{ content:""; position:absolute; inset:0; z-index:0; opacity:.6;
    background-image:linear-gradient(rgba(120,120,70,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,120,70,.05) 1px,transparent 1px); background-size:34px 34px; }
.mh-hero__inner{ position:relative; z-index:1; display:grid; grid-template-columns:1fr 1.02fr; gap:clamp(28px,5vw,64px); align-items:center; padding-block:clamp(52px,6.5vw,92px); }
.mh-hero__title{ font-size:clamp(3rem,7.4vw,5.8rem); line-height:.9; letter-spacing:-.015em; }
.mh-hero__title em{ font-style:normal; color:var(--green-deep); }
.mh-hero__sub{ margin-top:1em; font-size:clamp(1.08rem,1.4vw,1.28rem); line-height:1.55; color:#514f42; max-width:42ch; }
.mh-hero__sub .hl{ color:var(--red-deep); font-weight:800; }
.mh-hero__cta{ display:flex; flex-wrap:wrap; gap:.8em; margin-top:1.9em; margin-bottom:.6em; }
.mh-trust{ display:flex; flex-wrap:wrap; align-items:center; gap:.6em 1.6em; margin-top:3.6em; padding-top:1.9em; border-top:1px solid rgba(42,43,31,.14); font-size:.92rem; color:var(--muted); }
.mh-trust li{ display:inline-flex; align-items:center; gap:.5em; }
.mh-trust strong{ color:var(--ink); font-family:var(--f-disp); font-weight:900; font-size:1.3em; }
.mh-trust li i{ color:var(--teal); }

/* map hero visual */
.mh-hero__media{ position:relative; }
.mh-map{ position:relative; border-radius:22px; overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow-lg); background:var(--land); aspect-ratio:1/1; }
.mh-map svg{ display:block; width:100%; height:100%; }
.mh-map__ring{ transform-origin:center; transform-box:fill-box; animation:mh-ping 3.6s ease-out infinite; }
.mh-map__ring:nth-of-type(2){ animation-delay:1.2s; } .mh-map__ring:nth-of-type(3){ animation-delay:2.4s; }
.mh-map__route{ stroke-dasharray:8 7; stroke-dashoffset:400; animation:mh-dash 3s linear .6s forwards; }
.mh-map__pin--main{ transform-origin:bottom center; transform-box:fill-box; animation:mh-drop .8s cubic-bezier(.3,1.4,.5,1) .5s both; }
/* reach badge + video popup pinned on the map */
.mh-reach{ position:absolute; right:14px; top:14px; display:inline-flex; align-items:center; gap:.5em; background:rgba(255,255,255,.94); border:1px solid var(--line); color:#33352a; font-weight:700; font-size:.82rem; padding:.5em .8em; border-radius:999px; box-shadow:var(--shadow-md); }
.mh-reach b{ font-family:var(--f-disp); font-weight:900; font-size:1.2em; color:var(--teal-deep); }
.mh-reach i{ color:var(--green); }
.mh-mapcard{ position:absolute; left:16px; bottom:16px; width:min(58%,260px); background:#fff; border:1px solid var(--line); border-radius:14px; padding:8px; box-shadow:var(--shadow-lg); }
.mh-mapcard::before{ content:"\f041"; font-family:FontAwesome; position:absolute; left:16px; top:-13px; color:var(--red); font-size:1.5rem; text-shadow:0 2px 3px rgba(0,0,0,.25); }
.mh-video{ position:relative; margin:0; border-radius:9px; overflow:hidden; background:#000; aspect-ratio:16/10; }
.mh-video__poster{ width:100%; height:100%; object-fit:cover; display:block; }
.mh-video__play{ position:absolute; inset:0; margin:auto; width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.92); color:var(--red-deep); font-size:1.05em; box-shadow:0 8px 20px -6px rgba(0,0,0,.5); }
.mh-video__play i{ margin-left:3px; }
.mh-mapcard__cap{ display:flex; align-items:center; gap:.5em; padding:.5em .3em .2em; font-weight:700; font-size:.8rem; color:#33352a; }
.mh-mapcard__cap i{ color:var(--teal); }

/* ===== LIVE PETS ===== */
.mh-recent{ background:var(--paper2); padding-block:clamp(52px,6vw,84px); }
.mh-sec-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:1.4em; flex-wrap:wrap; margin-bottom:1.8em; }
.mh-sec-head--center{ flex-direction:column; align-items:center; text-align:center; }
.mh-link{ font-family:var(--f-disp); font-weight:900; font-size:1.2rem; color:var(--teal-deep); display:inline-flex; align-items:center; gap:.4em; white-space:nowrap; transition:gap .18s, color .18s; }
.mh-link:hover{ gap:.7em; color:var(--red-deep); }
.mh-pets{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.2em; }
.mh-pet{ display:block; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; box-shadow:var(--shadow-sm); transition:transform .2s, box-shadow .2s; }
.mh-pet:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.mh-pet__photo{ position:relative; aspect-ratio:1/1; background:linear-gradient(135deg,var(--green-soft),var(--orange-soft)); overflow:hidden; }
.mh-pet__photo::after{ content:"\f1b0"; font-family:FontAwesome; position:absolute; inset:0; display:grid; place-items:center; font-size:2.2em; color:rgba(95,143,34,.5); }
.mh-pet__badge{ position:absolute; left:10px; top:10px; z-index:2; display:inline-flex; align-items:center; gap:.4em; background:#fff; border:1px solid var(--line); color:#33352a; font-size:.72rem; font-weight:700; padding:.34em .65em; border-radius:999px; box-shadow:var(--shadow-sm); }
.mh-pet__badge i{ color:var(--red); }
.mh-pet__body{ padding:.75em 1em 1em; }
.mh-pet__name{ font-family:var(--f-disp); font-weight:900; font-size:1.7rem; line-height:1; }
.mh-pet__loc{ margin-top:.15em; color:var(--muted); font-size:.9rem; display:flex; align-items:center; gap:.4em; }
.mh-pet__loc i{ color:var(--teal); }

/* ===== HOW IT WORKS — stops on a route ===== */
.mh-how{ background:var(--paper); padding-block:clamp(52px,6vw,88px); border-block:1px solid var(--line); }
.mh-route{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:1.4em; margin-top:1em; }
.mh-route::before{ content:""; position:absolute; left:6%; right:6%; top:26px; height:3px; background:repeating-linear-gradient(90deg,var(--teal) 0 9px, transparent 9px 17px); z-index:0; }
.mh-stop{ position:relative; z-index:1; text-align:center; }
.mh-stop__pin{ width:54px; height:54px; margin:0 auto .9em; border-radius:50% 50% 50% 4px; transform:rotate(45deg); display:grid; place-items:center; background:linear-gradient(135deg,#f4a651,var(--orange)); box-shadow:0 12px 22px -10px rgba(232,145,69,.6), 0 0 0 5px var(--paper); }
.mh-stop:nth-child(2) .mh-stop__pin{ background:linear-gradient(135deg,#9ccb5b,var(--green)); box-shadow:0 12px 22px -10px rgba(122,176,47,.6), 0 0 0 5px var(--paper); }
.mh-stop:nth-child(3) .mh-stop__pin{ background:linear-gradient(135deg,#f4a651,var(--orange-deep)); box-shadow:0 12px 22px -10px rgba(232,145,69,.6), 0 0 0 5px var(--paper); }
.mh-stop:nth-child(4) .mh-stop__pin{ background:linear-gradient(135deg,#5fb0a5,var(--teal)); box-shadow:0 12px 22px -10px rgba(63,138,128,.6), 0 0 0 5px var(--paper); }
.mh-stop__pin span{ transform:rotate(-45deg); font-family:var(--f-disp); font-weight:900; font-size:1.4rem; color:#fff; }
.mh-stop h3{ font-size:1.5rem; margin-bottom:.15em; }
.mh-stop p{ color:var(--muted); font-size:.95rem; max-width:26ch; margin-inline:auto; }

/* ===== CHANNELS w/ INFOGRAPHICS ===== */
.mh-chan-sec{ background:var(--paper2); padding-block:clamp(52px,6vw,88px); border-bottom:1px solid var(--line); }

/* ===== TESTIMONIALS ===== */
.mh-endings{ background:var(--paper); padding-block:clamp(52px,6vw,88px); border-top:1px solid var(--line); }
.mh-testis{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4em; align-items:stretch; }
.mh-testi{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.6em 1.6em 1.4em; box-shadow:var(--shadow-md); }
.mh-testi__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.9em; }
.mh-testi__date{ color:var(--muted); font-weight:600; font-size:.86rem; }
.mh-chip{ display:inline-flex; align-items:center; gap:.4em; background:var(--green-soft); color:var(--green-deep); font-weight:800; font-size:.72rem; letter-spacing:.03em; text-transform:uppercase; padding:.35em .7em; border-radius:999px; }
.mh-testi blockquote{ margin:0; font-size:1.05rem; line-height:1.5; color:#3a3a2e; }
.mh-testi blockquote::before{ content:"\f10d"; font-family:FontAwesome; color:var(--teal); opacity:.5; margin-right:.5em; }
.mh-testi__by{ display:flex; align-items:center; gap:.8em; margin-top:auto; padding-top:1.1em; border-top:1px solid var(--line); }
.mh-avatar{ position:relative; width:46px; height:46px; border-radius:50%; overflow:hidden; flex-shrink:0; background:linear-gradient(135deg,var(--green-soft),var(--orange-soft)); }
.mh-avatar::after{ content:"\f1b0"; font-family:FontAwesome; position:absolute; inset:0; display:grid; place-items:center; color:rgba(95,143,34,.55); font-size:1em; }
.mh-testi__by strong{ font-family:var(--f-disp); font-weight:900; display:block; font-size:1.1rem; line-height:1; }
.mh-testi__by small{ color:var(--muted); font-size:.82rem; }

/* ===== GUIDES ===== */
.mh-guides{ background:var(--paper2); padding-block:clamp(52px,6vw,88px); border-top:1px solid var(--line); }
.mh-guides__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4em; }
.mh-guide{ display:flex; flex-direction:column; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; box-shadow:var(--shadow-sm); transition:transform .2s, box-shadow .2s; }
.mh-guide:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.mh-guide__photo{ position:relative; aspect-ratio:16/10; background:linear-gradient(135deg,var(--teal-soft),var(--green-soft)); }
.mh-guide__photo::after{ content:"\f02d"; font-family:FontAwesome; position:absolute; inset:0; display:grid; place-items:center; font-size:2em; color:rgba(63,138,128,.55); }
.mh-guide__body{ display:flex; flex:1; flex-direction:column; align-items:flex-start; gap:.5em; padding:1.1em 1.2em 1.3em; }
.mh-guide__cat{ font-weight:800; font-size:.68rem; letter-spacing:.09em; text-transform:uppercase; color:var(--teal-deep); background:var(--teal-soft); padding:.4em .75em; border-radius:999px; }
.mh-guide__title{ font-size:1.5rem; line-height:1; }
.mh-guide__excerpt{ color:var(--muted); font-size:.92rem; }

/* ===== FINAL CTA ===== */
.mh-cta{ position:relative; overflow:clip; text-align:center; color:#fff; padding-block:clamp(58px,8vw,96px);
    background:linear-gradient(160deg,#5f8f22 0%, #47701a 100%); }
.mh-cta::before{ content:""; position:absolute; inset:0; opacity:.5;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:36px 36px; }
.mh-cta__in{ position:relative; z-index:1; }
.mh-cta__title{ font-size:clamp(2.6rem,5.2vw,4.4rem); line-height:1.02; max-width:16ch; margin:0 auto; }
.mh-cta .mh-cta__sub{ margin:1.1em auto 0; max-width:44ch; font-size:clamp(1.05rem,1.7vw,1.25rem); line-height:1.5; color:rgba(230,242,238,.92); }
.mh-cta__act{ margin-top:2em; }

/* ===== RESPONSIVE ===== */
@media (max-width:980px){
    .mh-hero__inner{ grid-template-columns:1fr; } .mh-hero__media{ order:-1; max-width:440px; margin-inline:auto; width:100%; }
    .mh-pets{ grid-template-columns:repeat(2,1fr); } .mh-route{ grid-template-columns:repeat(2,1fr); } .mh-route::before{ display:none; }
    .mh-testis{ grid-template-columns:1fr; } .mh-guides__grid{ grid-template-columns:1fr; }
}
@media (max-width:520px){ .mh-pets{ grid-template-columns:1fr; } .mh-route{ grid-template-columns:1fr; } }

/* ==========================================================================
   ALERT-CHANNEL INFOGRAPHICS (shared component — tinted for this page)
   ========================================================================== */
.mlpa-channels{
    --ink:#2a2b1f; --muted:#726d5f; --paper:#ffffff; --card-line:#e4e0cd;
    --green:#7ab02f; --green-deep:#5f8f22; --orange:#e89145; --orange-deep:#cc7a2b;
    --red:#e89145; --fb:#1877f2; --ig2:#ee2a7b;
    --r:16px; --shadow:0 24px 46px -26px rgba(50,50,20,.5), 0 2px 8px rgba(50,50,20,.06);
    font-family:var(--f-body); color:var(--ink);
}
.mlpa-channels *{ box-sizing:border-box; }
.chan-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.4vw,32px); align-items:start; margin-top:.4em; }
.chan-col{ display:flex; flex-direction:column; align-items:center; }
.chan-cap{ margin-top:1.1em; text-align:center; }
.chan-cap b{ display:block; font-family:var(--f-disp); font-weight:900; font-size:1.5rem; line-height:1; }
.chan-cap span{ display:block; color:var(--muted); font-size:.92rem; margin-top:.35em; max-width:30ch; }
@media (prefers-reduced-motion:reduce){ .mlpa-channels *{ animation:none !important; } }
.petph{ position:relative; display:grid; place-items:center; overflow:hidden; background:
    radial-gradient(120% 120% at 20% 15%, rgba(122,176,47,.28), transparent 55%),
    radial-gradient(120% 120% at 90% 90%, rgba(232,145,69,.30), transparent 55%),
    linear-gradient(135deg,#e9f0dd,#fbe6d3); }
.petph i{ font-size:2.6em; color:rgba(95,143,34,.55); }
.petph::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 8px, transparent 8px 16px); }
.iad{ width:100%; max-width:330px; background:var(--paper); border:1px solid var(--card-line); border-radius:var(--r); box-shadow:var(--shadow); overflow:hidden; margin:0; font-size:13.5px; }
.iad__plat{ display:flex; align-items:center; gap:.5em; padding:.6em .9em; background:linear-gradient(90deg,rgba(24,119,242,.10),rgba(238,42,123,.10)); border-bottom:1px solid var(--card-line); font-weight:700; font-size:.72em; color:#4a473d; }
.iad__plat .fa-facebook-official{ color:var(--fb); } .iad__plat .fa-instagram{ color:var(--ig2); }
.iad__plat span{ margin-left:auto; color:var(--muted); }
.iad__head{ display:flex; align-items:center; gap:.65em; padding:.85em .9em .35em; }
.iad__pfp{ width:38px; height:38px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--green),var(--green-deep)); box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(122,176,47,.35); flex-shrink:0; }
.iad__id b{ font-weight:800; font-size:.95em; } .iad__id small{ display:block; color:var(--muted); font-size:.78em; }
.iad__more{ margin-left:auto; color:var(--muted); }
.iad__cap{ padding:.15em .95em .8em; font-size:.9em; line-height:1.45; } .iad__cap b{ font-weight:800; }
.iad__media{ position:relative; aspect-ratio:5/4; } .iad__media .petph{ position:absolute; inset:0; }
.iad__lost{ position:absolute; left:12px; top:12px; background:var(--red); color:#fff; font-family:var(--f-disp); font-weight:900; font-size:.9em; letter-spacing:.06em; padding:.15em .6em; border-radius:6px; }
.iad__reward{ position:absolute; right:12px; top:12px; background:rgba(34,38,26,.72); color:#fff; font-weight:700; font-size:.72em; padding:.35em .6em; border-radius:6px; }
.iad__loc{ position:absolute; left:12px; bottom:12px; display:inline-flex; align-items:center; gap:.4em; background:rgba(255,255,255,.92); color:#33352a; font-weight:700; font-size:.76em; padding:.35em .65em; border-radius:999px; } .iad__loc i{ color:var(--red); }
.iad__meta{ display:flex; align-items:center; justify-content:space-between; padding:.7em .95em .35em; color:var(--muted); font-size:.8em; }
.iad__react{ display:inline-flex; align-items:center; gap:.35em; }
.iad__react .thumb,.iad__react .love{ width:18px; height:18px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:.6em; margin-right:-6px; box-shadow:0 0 0 1.5px #fff; }
.iad__react .thumb{ background:var(--fb); } .iad__react .love{ background:var(--red); }
.iad__react b{ margin-left:.7em; color:var(--ink); font-weight:700; }
.iad__bar{ display:flex; border-top:1px solid var(--card-line); border-bottom:1px solid var(--card-line); }
.iad__bar span{ flex:1; display:inline-flex; align-items:center; justify-content:center; gap:.5em; padding:.7em 0; color:var(--muted); font-weight:700; font-size:.82em; }
.iad__reach{ display:flex; align-items:center; gap:.55em; padding:.75em .95em; font-size:.82em; font-weight:600; color:#33352a; background:linear-gradient(90deg,rgba(63,138,128,.10),transparent); }
.iad__reach i{ color:var(--teal-deep,#2f6f66); } .iad__reach b{ font-family:var(--f-disp); font-weight:900; font-size:1.15em; color:var(--teal-deep,#2f6f66); }
.iad__reach .pulse{ margin-left:auto; width:9px; height:9px; border-radius:50%; background:var(--green); animation:iad-pulse 2s infinite; }
@keyframes iad-pulse{ 0%{ box-shadow:0 0 0 0 rgba(122,176,47,.55); } 70%{ box-shadow:0 0 0 9px rgba(122,176,47,0); } 100%{ box-shadow:0 0 0 0 rgba(122,176,47,0); } }
.fax{ width:100%; max-width:330px; background:var(--paper); border:1px solid var(--card-line); border-radius:var(--r); box-shadow:var(--shadow); overflow:hidden; margin:0; font-size:13.5px; }
.fax__head{ display:flex; align-items:center; gap:.55em; padding:.75em .95em; background:#22261a; color:#eef0e0; font-family:var(--f-disp); font-weight:900; font-size:.9em; letter-spacing:.04em; }
.fax__stat{ margin-left:auto; display:inline-flex; align-items:center; gap:.45em; font-family:var(--f-body); font-weight:700; font-size:.82em; color:#9bd76f; }
.fax__stat .blink{ width:8px; height:8px; border-radius:50%; background:#9bd76f; animation:blink 1.1s steps(2,jump-none) infinite; }
@keyframes blink{ 50%{ opacity:.25; } }
.fax__body{ display:flex; gap:.9em; padding:1em .95em; }
.fax__sheet{ position:relative; width:106px; flex-shrink:0; background:#fffdf7; border:1px solid #e6e0cd; border-radius:8px; padding:.7em .6em; box-shadow:0 8px 18px -12px rgba(50,50,20,.5); overflow:hidden; }
.fax__sheet>b{ display:block; font-family:var(--f-disp); font-weight:900; font-size:.72em; letter-spacing:.02em; color:var(--red); text-align:center; line-height:1; }
.fax__photo{ margin:.5em 0; height:42px; border-radius:5px; background:linear-gradient(135deg,#e9f0dd,#fbe6d3); display:grid; place-items:center; } .fax__photo i{ color:rgba(95,143,34,.6); }
.fax__ln{ display:block; height:5px; border-radius:3px; background:#e6e0cd; margin:.3em 0; } .fax__ln.s{ width:65%; }
.fax__call{ margin-top:.5em; font-size:.54em; font-weight:800; text-align:center; color:#33352a; }
.fax__scan{ position:absolute; left:0; right:0; top:0; height:22px; background:linear-gradient(180deg,rgba(155,215,111,.55),transparent); box-shadow:0 1px 0 rgba(122,176,47,.9); animation:fax-scan 2.8s ease-in-out infinite; }
@keyframes fax-scan{ 0%{ top:-24px; } 60%,100%{ top:100%; } }
.fax__to{ align-self:center; font-size:.82em; }
.fax__to li{ display:flex; align-items:center; gap:.55em; padding:.3em 0; color:#33352a; font-weight:600; }
.fax__to li i{ width:18px; height:18px; border-radius:50%; display:grid; place-items:center; font-size:.6em; background:rgba(122,176,47,.16); color:var(--green-deep); flex-shrink:0; }
.fax__to li.sending i{ background:rgba(232,145,69,.18); color:var(--orange-deep); animation:spin 1.4s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }
.fax__to li.more,.fax__to li.more i{ color:var(--muted); background:transparent; }
.fax__foot{ display:flex; align-items:center; gap:.55em; padding:.8em .95em; border-top:1px solid var(--card-line); font-size:.84em; font-weight:600; color:#33352a; }
.fax__foot i{ color:var(--orange-deep); } .fax__foot b{ font-family:var(--f-disp); font-weight:900; font-size:1.15em; color:var(--orange-deep); }
.cal{ width:100%; max-width:330px; background:var(--paper); border:1px solid var(--card-line); border-radius:var(--r); box-shadow:var(--shadow); overflow:hidden; margin:0; font-size:13.5px; }
.cal__stage{ position:relative; display:grid; place-items:center; padding:1.6em 0 1.3em; overflow:hidden; background:radial-gradient(80% 70% at 50% 30%, rgba(122,176,47,.14), transparent 70%), linear-gradient(180deg,#f7f4e9,#fff); }
.cal__wave{ position:absolute; top:2.1em; left:50%; width:70px; height:70px; translate:-50% 0; border-radius:50%; border:2px solid rgba(122,176,47,.5); animation:cal-wave 3s ease-out infinite; }
.cal__wave:nth-child(2){ animation-delay:1s; } .cal__wave:nth-child(3){ animation-delay:2s; }
@keyframes cal-wave{ 0%{ transform:scale(.5); opacity:.7; } 80%{ transform:scale(3.1); opacity:0; } 100%{ opacity:0; } }
.cal__scr{ position:relative; z-index:1; width:148px; background:#fff; border:1px solid var(--card-line); border-radius:20px; padding:1.15em 1em 1.1em; text-align:center; box-shadow:0 20px 40px -22px rgba(50,50,20,.55); }
.cal__pfp{ width:44px; height:44px; margin:0 auto .5em; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--green),var(--green-deep)); }
.cal__scr b{ font-family:var(--f-disp); font-weight:900; font-size:1.05em; } .cal__scr small{ display:block; color:var(--muted); font-size:.72em; }
.cal__eq{ display:flex; align-items:flex-end; justify-content:center; gap:3px; height:22px; margin:.7em 0; }
.cal__eq i{ width:3px; border-radius:2px; background:var(--green); animation:eq 1s ease-in-out infinite; }
.cal__eq i:nth-child(1){ height:40%; } .cal__eq i:nth-child(2){ height:80%; animation-delay:.12s; } .cal__eq i:nth-child(3){ height:55%; animation-delay:.24s; } .cal__eq i:nth-child(4){ height:100%; animation-delay:.36s; } .cal__eq i:nth-child(5){ height:65%; animation-delay:.48s; } .cal__eq i:nth-child(6){ height:90%; animation-delay:.6s; } .cal__eq i:nth-child(7){ height:45%; animation-delay:.72s; } .cal__eq i:nth-child(8){ height:70%; animation-delay:.84s; }
@keyframes eq{ 0%,100%{ transform:scaleY(.5); } 50%{ transform:scaleY(1); } }
.cal__btns{ display:flex; justify-content:center; gap:1.4em; margin-top:.3em; }
.cal__btns span{ width:32px; height:32px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:.82em; }
.cal__btns .dec{ background:var(--red); transform:rotate(135deg); } .cal__btns .acc{ background:var(--green-deep); animation:ring 1.4s ease-in-out infinite; }
@keyframes ring{ 0%,100%{ transform:rotate(0); } 25%{ transform:rotate(-12deg); } 75%{ transform:rotate(12deg); } }
.cal__quote{ padding:.85em .95em; font-size:.85em; line-height:1.45; color:#33352a; font-style:italic; } .cal__quote i{ color:var(--green); margin-right:.35em; }
.cal__foot{ display:flex; align-items:center; gap:.55em; padding:.8em .95em; border-top:1px solid var(--card-line); font-size:.84em; font-weight:600; color:#33352a; } .cal__foot i{ color:var(--green-deep); } .cal__foot b{ font-family:var(--f-disp); font-weight:900; font-size:1.15em; color:var(--green-deep); }
@media (max-width:980px){ .chan-grid{ grid-template-columns:1fr; justify-items:center; gap:38px; } }

/* Card content clamps — keep testimonial/guide blocks compact and even in height */
.mh-testi blockquote{ display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; }
.mh-guide__title{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mh-guide__excerpt{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* Guide card images must cover their 16:10 box (tall images were overflowing) */
.mh-guide__photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }