.elementor-4782 .elementor-element.elementor-element-157a9f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4782 .elementor-element.elementor-element-157a9f1:not(.elementor-motion-effects-element-type-background), .elementor-4782 .elementor-element.elementor-element-157a9f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-4782 .elementor-element.elementor-element-26dac24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4782 .elementor-element.elementor-element-0401047{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4782 .elementor-element.elementor-element-ea75c94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4782 .elementor-element.elementor-element-93d7994{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4782 .elementor-element.elementor-element-76f234d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS */<!-- =============================================================
     PEPTIDE THERAPY HUB · MASTER CSS  (.pep-* system, from Claude Design)
     URL: /mobile-services/peptides  (Phoenix)

     Paste into ONE Elementor "HTML" widget at the TOP of the page, ABOVE
     every section (or Site Settings > Custom CSS if Elementor strips <style>).
     Rules use !important so they beat the WordPress/Elementor theme CSS that
     was overriding the design. The HERO has no CSS background: Elementor owns it,
     so give that section a dark background (navy #021c34 or T1 gradient).
     The Final CTA still carries its own dark background.
     Agency hard rules applied on top of Design's file: text >=16px, 100% opacity.
============================================================= -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&display=swap" rel="stylesheet">

<style>
:root {
  --navy:#023059; --blue:#079DE5; --teal:#0D9488; --green:#22C55E; --amber:#F59E0B; --red:#DC2626; --purple:#7C3AED;
  --ink:#023059; --muted:#3A4756; --subtle:#5B6B7D; --line:#E2E8F0; --bg:#FAFBFC; --tint:#F1F7FC;
}
.pep { all: unset; display:block; font-family:'Geist',-apple-system,BlinkMacSystemFont,sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased; color:#023059 !important; background:#fff !important;
  --navy:#023059; --blue:#079DE5; --teal:#0D9488; --green:#22C55E; --amber:#F59E0B; --red:#DC2626; --purple:#7C3AED;
  --ink:#023059; --muted:#3A4756; --subtle:#5B6B7D; --line:#E2E8F0; --bg:#FAFBFC; --tint:#F1F7FC;
}
.pep--on-dark { background:transparent !important; } /* wrapper for sections whose dark background Elementor owns (hero) */
.pep *, .pep *::before, .pep *::after { box-sizing:border-box; margin:0; padding:0; }
.pep img { max-width:100%; display:block; }
.pep a { text-decoration:none; color:inherit !important; }
.pep button { font-family:inherit; cursor:pointer; }
.pep__wrap { max-width:1180px; margin:0 auto; padding:0 24px; }
.pep section, .pep__band { padding: clamp(40px, 4.4vw, 64px) 0; }
.pep section { scroll-margin-top: 20px; }

/* shared type */
.pep-eyebrow { display:inline-flex; align-items:center; gap:8px; background:rgba(7,157,229,0.1) !important; border:1px solid rgba(7,157,229,0.2) !important; color:var(--blue) !important; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:1.6px; padding:7px 14px; border-radius:50px; line-height:1; margin-bottom:16px; }
.pep-eyebrow svg { width:13px; height:13px; stroke:currentColor !important; stroke-width:2; fill:none !important; }
.pep-eyebrow--teal { background:rgba(13,148,136,0.1) !important; border-color:rgba(13,148,136,0.22) !important; color:var(--teal) !important; }
.pep-eyebrow--amber { background:rgba(245,158,11,0.12) !important; border-color:rgba(245,158,11,0.25) !important; color:#B45309 !important; }
.pep-h2 { font-size:clamp(26px,3.4vw,36px); font-weight:700; letter-spacing:-0.025em; line-height:1.12; color:var(--navy) !important; text-wrap:balance; }
.pep-h2 em { font-style:normal; background:linear-gradient(120deg,var(--blue),var(--teal)) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; }
.pep-sub { font-size:16px; color:var(--muted) !important; line-height:1.6; margin-top:12px; max-width:640px; text-wrap:pretty; }
.pep-head { max-width:720px; margin-bottom:26px; }

.pep-btn { display:inline-flex; align-items:center; gap:9px; font-size:16px; font-weight:700; padding:14px 24px; border-radius:50px; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; border:none !important; }
.pep-btn svg { width:17px; height:17px; stroke:currentColor !important; stroke-width:2; fill:none !important; }
.pep-btn--primary { background:linear-gradient(135deg,var(--green),#16A34A) !important; color:#fff !important; box-shadow:0 10px 26px rgba(34,197,94,0.32); }
.pep-btn--primary:hover { transform:translateY(-2px); box-shadow:0 14px 34px rgba(34,197,94,0.45); }
.pep-btn--ghost { background:rgba(255,255,255,0.08) !important; color:#fff !important; border:1px solid rgba(255,255,255,0.28) !important; backdrop-filter:blur(6px); }
.pep-btn--ghost:hover { background:rgba(255,255,255,0.16) !important; border-color:#fff !important; }
.pep-btn--navy { background:var(--navy) !important; color:#fff !important; }
.pep-btn--navy:hover { transform:translateY(-2px); background:#04427a !important; }

/* ===== HERO ===== */
.pep-hero { position:relative; color:#fff !important; padding:clamp(48px,5vw,72px) 0; }
.pep-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,400px); gap:44px; align-items:center; }
.pep-hero__eyebrow { display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,0.1) !important; border:1px solid rgba(255,255,255,0.22) !important; color:#fff !important; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:1.6px; padding:8px 15px; border-radius:50px; line-height:1; margin-bottom:20px; }
.pep-hero__dot { width:8px; height:8px; border-radius:50%; background:var(--green) !important; box-shadow:0 0 0 0 rgba(34,197,94,0.6); animation:pepPulse 1.9s infinite; }
@keyframes pepPulse { 0%{box-shadow:0 0 0 0 rgba(34,197,94,0.5);} 70%{box-shadow:0 0 0 9px rgba(34,197,94,0);} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0);} }
.pep-hero__title { font-size:clamp(34px,5vw,54px); font-weight:700; line-height:1.04; letter-spacing:-0.03em; text-wrap:balance; }
.pep-hero__title strong { font-weight:700; background:linear-gradient(120deg,#7DD3FC,#5EEAD4) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; }
.pep-hero__lead { font-size:18px; line-height:1.55; color:#ffffff !important; margin:18px 0 28px; max-width:560px; text-wrap:pretty; }
.pep-hero__ctas { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:28px; }
.pep-hero__stats { display:flex; gap:26px; flex-wrap:wrap; }
.pep-hero__stat b { display:block; font-size:30px; font-weight:700; letter-spacing:-0.02em; line-height:1; background:linear-gradient(120deg,#7DD3FC,#5EEAD4) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; }
.pep-hero__stat span { display:block; font-size:16px; color:#CBD5E1 !important; margin-top:7px; letter-spacing:0.02em; }
.pep-hero__media { border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,0.16) !important; background:rgba(255,255,255,0.06) !important; box-shadow:0 30px 60px rgba(0,0,0,0.35); }
.pep-hero__media img { width:100%; height:360px; object-fit:cover; }

/* ===== FILTER BAR ===== */
.pep-menu__bar { position:sticky; top:0; z-index:20; background:rgba(255,255,255,0.9) !important; backdrop-filter:blur(10px); border-bottom:1px solid var(--line) !important; padding:12px 0; margin-bottom:34px; }
.pep-menu__bar-inner { display:flex; align-items:center; gap:14px; }
.pep-menu__filters { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; flex:1; }
.pep-menu__filters::-webkit-scrollbar { display:none; }
.pep-fil { flex-shrink:0; display:inline-flex; align-items:center; gap:8px; font-size:16px; font-weight:600; color:var(--muted) !important; background:#fff !important; border:1px solid var(--line) !important; border-radius:50px; padding:9px 16px; transition:all .18s ease; white-space:nowrap; }
.pep-fil span { font-size:16px; font-weight:700; color:var(--subtle) !important; background:var(--tint) !important; border-radius:50px; padding:1px 8px; transition:all .18s ease; }
.pep-fil:hover { border-color:var(--blue) !important; color:var(--navy) !important; }
.pep-fil.is-active { background:var(--navy) !important; border-color:var(--navy) !important; color:#fff !important; }
.pep-fil.is-active span { background:rgba(255,255,255,0.18) !important; color:#fff !important; }
.pep-menu__book { flex-shrink:0; }
@media (max-width:720px){ .pep-menu__book { display:none; } }

/* ===== MENU GRID ===== */
.pep-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
@media (max-width:1040px){ .pep-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px){ .pep-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:460px){ .pep-grid { grid-template-columns:1fr; } }

.pcard { display:flex; flex-direction:column; background:#fff !important; border:1px solid var(--line) !important; border-radius:18px; overflow:hidden; box-shadow:0 1px 2px rgba(2,48,89,0.04); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.pcard:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(2,48,89,0.12); border-color:rgba(7,157,229,0.32) !important; }
.pcard__media { position:relative; height:260px; display:grid; place-items:center; padding:20px; }
.pcard__media img { height:224px; width:auto; object-fit:contain; filter:drop-shadow(0 16px 22px rgba(2,48,89,0.22)); }
.pcard__tag { position:absolute; top:12px; left:12px; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; padding:4px 9px; border-radius:50px; background:#fff !important; box-shadow:0 2px 6px rgba(2,48,89,0.1); }
.pcard__body { display:flex; flex-direction:column; flex:1; padding:16px 18px 18px; border-top:1px solid var(--line) !important; }
.pcard__cat { font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--subtle) !important; }
.pcard__nm { font-size:17px; font-weight:700; color:var(--navy) !important; letter-spacing:-0.01em; margin:4px 0 6px; }
.pcard__nm small { font-weight:600; font-size:16px; color:var(--subtle) !important; letter-spacing:0; }
.pcard__p { font-size:16px; color:var(--muted) !important; line-height:1.5; flex:1; text-wrap:pretty; }
.pcard__foot { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-top:14px; padding-top:13px; border-top:1px dashed var(--line) !important; }
.pcard__price { display:flex; align-items:baseline; gap:5px; }
.pcard__amt { font-size:22px; font-weight:700; letter-spacing:-0.02em; color:var(--navy) !important; }
.pcard__per { font-size:16px; color:var(--subtle) !important; }
.pcard__route { font-size:16px; font-weight:600; color:var(--subtle) !important; background:var(--bg) !important; border:1px solid var(--line) !important; border-radius:50px; padding:4px 9px; white-space:nowrap; }
.pcard__gate { display:inline-flex; align-items:center; gap:7px; font-size:16px; font-weight:700; color:var(--red) !important; background:rgba(220,38,38,0.09) !important; border:1px solid rgba(220,38,38,0.2) !important; border-radius:50px; padding:6px 13px; }
.pcard__gate svg { width:14px; height:14px; stroke:currentColor !important; stroke-width:2; fill:none !important; }
.pep-menu__note { margin-top:22px; display:flex; gap:9px; align-items:flex-start; font-size:16px; color:var(--subtle) !important; line-height:1.55; }
.pep-menu__note svg { width:15px; height:15px; stroke:var(--subtle) !important; stroke-width:2; fill:none !important; flex-shrink:0; margin-top:2px; }

/* accent variants (status) */
.acc-rx   { --a:var(--blue);   --aw:rgba(7,157,229,0.13); }
.acc-comp { --a:var(--teal);   --aw:rgba(13,148,136,0.13); }
.acc-inv  { --a:var(--amber);  --aw:rgba(245,158,11,0.14); }
.acc-lim  { --a:var(--red);    --aw:rgba(220,38,38,0.12); }
.pcard .pcard__media { background:radial-gradient(ellipse 62% 70% at 50% 42%, var(--aw), transparent 72%) !important; }
.pcard .pcard__tag { color:var(--a) !important; }
.pcard .pcard__cat { color:var(--a) !important; }

/* ===== CONSULT-GATED (tint) ===== */
.pep-band--tint { background:var(--tint) !important; }
.pep-gate__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
@media (max-width:1040px){ .pep-gate__grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:460px){ .pep-gate__grid { grid-template-columns:1fr; } }
.gcard { display:flex; flex-direction:column; background:#fff !important; border:1px solid rgba(220,38,38,0.22) !important; border-radius:18px; overflow:hidden; }
.gcard__media { position:relative; height:140px; display:grid; place-items:center; padding:14px; background:radial-gradient(ellipse 62% 70% at 50% 42%, rgba(220,38,38,0.1), transparent 72%) !important; }
.gcard__media img { height:106px; width:auto; object-fit:contain; filter:drop-shadow(0 10px 16px rgba(2,48,89,0.2)); opacity:0.96; }
.gcard__tag { position:absolute; top:12px; left:12px; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; padding:4px 9px; border-radius:50px; background:var(--red) !important; color:#fff !important; }
.gcard__body { padding:15px 18px 18px; border-top:1px solid var(--line) !important; display:flex; flex-direction:column; flex:1; }
.gcard__nm { font-size:16px; font-weight:700; color:var(--navy) !important; letter-spacing:-0.01em; }
.gcard__nm small { display:block; font-weight:600; font-size:16px; color:var(--subtle) !important; margin-top:2px; }
.gcard__p { font-size:16px; color:var(--muted) !important; line-height:1.5; margin-top:8px; flex:1; }
.gcard__lock { display:inline-flex; align-items:center; gap:7px; margin-top:13px; font-size:16px; font-weight:700; color:var(--red) !important; }
.gcard__lock svg { width:14px; height:14px; stroke:currentColor !important; stroke-width:2; fill:none !important; }
.pep-gate__head { display:flex; gap:14px; align-items:flex-start; margin-bottom:24px; }
.pep-gate__ico { width:46px; height:46px; border-radius:13px; flex-shrink:0; display:grid; place-items:center; background:rgba(220,38,38,0.1) !important; }
.pep-gate__ico svg { width:23px; height:23px; stroke:var(--red) !important; stroke-width:2; fill:none !important; }

/* ===== HOW (white) ===== */
.pep-steps__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; counter-reset:pstep; margin-top:22px; }
@media (max-width:760px){ .pep-steps__grid { grid-template-columns:1fr; } }
.pep-step { position:relative; background:#fff !important; border:1px solid var(--line) !important; border-radius:16px; padding:26px 22px; box-shadow:0 1px 2px rgba(2,48,89,0.04); }
.pep-step::before { counter-increment:pstep; content:counter(pstep); position:absolute; top:-16px; left:22px; width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,var(--blue),var(--teal)) !important; color:#fff !important; font-weight:700; font-size:16px; display:grid; place-items:center; box-shadow:0 8px 18px rgba(7,157,229,0.3); }
.pep-step__h { font-size:17px; font-weight:700; color:var(--navy) !important; margin:14px 0 6px; letter-spacing:-0.01em; }
.pep-step__p { font-size:16px; color:var(--muted) !important; line-height:1.55; }

/* ===== DISCLAIMERS (bg) ===== */
.pep-band--bg { background:var(--bg) !important; }
.pep-disc__list { display:flex; flex-direction:column; gap:11px; max-width:900px; }
.pep-disc__item { background:#fff !important; border:1px solid var(--line) !important; border-radius:14px; overflow:hidden; }
.pep-disc__q { display:flex; align-items:center; gap:14px; padding:17px 20px; font-size:16px; font-weight:700; color:var(--navy) !important; cursor:pointer; list-style:none; }
.pep-disc__q::-webkit-details-marker { display:none; }
.pep-disc__badge { font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; padding:4px 10px; border-radius:50px; flex-shrink:0; }
.pep-disc__badge--rx { color:var(--blue) !important; background:rgba(7,157,229,0.12) !important; }
.pep-disc__badge--comp { color:var(--teal) !important; background:rgba(13,148,136,0.12) !important; }
.pep-disc__badge--inv { color:#B45309 !important; background:rgba(245,158,11,0.14) !important; }
.pep-disc__badge--lim { color:var(--red) !important; background:rgba(220,38,38,0.1) !important; }
.pep-disc__badge--uni { color:var(--navy) !important; background:rgba(2,48,89,0.08) !important; }
.pep-disc__q i { margin-left:auto; width:24px; height:24px; border-radius:50%; background:rgba(7,157,229,0.1) !important; display:grid; place-items:center; flex-shrink:0; position:relative; }
.pep-disc__q i::before, .pep-disc__q i::after { content:''; position:absolute; background:var(--blue) !important; border-radius:2px; }
.pep-disc__q i::before { width:11px; height:2px; } .pep-disc__q i::after { width:2px; height:11px; transition:transform .2s ease; }
.pep-disc__item[open] .pep-disc__q i::after { transform:rotate(90deg); opacity:0; }
.pep-disc__a { padding:0 20px 18px; font-size:16px; color:var(--muted) !important; line-height:1.65; text-wrap:pretty; }
.pep-disc__a p + p { margin-top:10px; }

/* ===== FINAL CTA ===== */
.pep-cta { position:relative; color:#fff !important; text-align:center; background:linear-gradient(rgba(2,28,52,0.82),rgba(2,28,52,0.88)), url('https://mobileivtherapyphoenix.com/wp-content/uploads/hero-bg-navy.webp') center/cover no-repeat #021c34 !important; padding:clamp(48px,5vw,68px) 0; }
.pep-cta__eyebrow { display:inline-flex; align-items:center; gap:8px; background:rgba(34,197,94,0.18) !important; border:1px solid rgba(34,197,94,0.35) !important; color:#BBF7D0 !important; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:1.6px; padding:7px 15px; border-radius:50px; margin-bottom:18px; }
.pep-cta__eyebrow i { width:7px; height:7px; border-radius:50%; background:var(--green) !important; }
.pep-cta__title { font-size:clamp(30px,4.2vw,46px); font-weight:700; letter-spacing:-0.03em; line-height:1.06; text-wrap:balance; }
.pep-cta__title em { font-style:normal; background:linear-gradient(120deg,#7DD3FC,#5EEAD4) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; }
.pep-cta__sub { font-size:17px; color:#ffffff !important; line-height:1.55; max-width:580px; margin:16px auto 28px; text-wrap:pretty; }
.pep-cta__btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.pep-cta__assure { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin-top:26px; font-size:16px; color:#E2E8F0 !important; }
.pep-cta__assure span { display:inline-flex; align-items:center; gap:7px; }
.pep-cta__assure svg { width:15px; height:15px; stroke:#5EEAD4 !important; stroke-width:2; fill:none !important; }

/* footnote */
.pep-foot { padding:26px 0 48px; background:#fff !important; }
.pep-foot__box { display:flex; gap:12px; align-items:flex-start; border:1px solid var(--line) !important; border-radius:12px; padding:16px 18px; background:var(--bg) !important; }
.pep-foot__box svg { width:17px; height:17px; stroke:var(--subtle) !important; stroke-width:2; fill:none !important; flex-shrink:0; margin-top:2px; }
.pep-foot__t { font-size:16px; color:var(--subtle) !important; line-height:1.55; }
.pep-foot__t strong { color:var(--navy) !important; }

/* director name link (inline anchor text, not a button) */
.pep-mem__nm a { color:inherit !important; text-decoration:underline; text-decoration-color:rgba(7,157,229,0.45); text-underline-offset:3px; text-decoration-thickness:1px; transition:color .2s ease, text-decoration-color .2s ease; }
.pep-mem__nm a:hover { color:var(--blue) !important; text-decoration-color:var(--blue); }

/* anchor button colors (beat .pep a{color:inherit !important}) */
.pep a.pep-btn--primary, .pep a.pep-btn--navy, .pep a.pep-btn--ghost { color:#fff !important; }

/* HOW (split w/ photo) */
.pep-how__grid { display:grid; grid-template-columns:minmax(0,360px) minmax(0,1fr); gap:40px; align-items:center; }
.pep-how__media { position:relative; border-radius:18px; overflow:hidden; background:linear-gradient(160deg,#eef5fb,#dfeaf4) !important; height:240px; display:grid; place-items:center; box-shadow:0 18px 44px rgba(2,48,89,0.1); }
.pep-how__media--photo { background:#dfeaf4 !important; }
.pep-how__media--photo img { width:100%; height:100%; object-fit:cover; }
.pep-steps__grid--col { grid-template-columns:1fr; gap:20px; margin-top:20px; }

/* TEAM */
.pep-team__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.pep-mem { display:flex; gap:18px; align-items:center; background:#fff !important; border:1px solid var(--line) !important; border-radius:18px; padding:20px; }
.pep-mem__ph { width:96px; height:96px; border-radius:14px; object-fit:cover; flex-shrink:0; background:#dfeaf4 !important; }
.pep-mem__role { font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:0.09em; color:var(--blue) !important; }
.pep-mem__nm { font-size:19px; font-weight:700; color:var(--navy) !important; letter-spacing:-0.01em; margin:3px 0 6px; }
.pep-mem__bio { font-size:16px; color:var(--muted) !important; line-height:1.55; }
.pep-mem__cred { display:inline-flex; align-items:center; gap:6px; margin-top:9px; font-size:16px; font-weight:600; color:var(--teal) !important; background:rgba(13,148,136,0.08) !important; padding:4px 10px; border-radius:50px; }
.pep-mem__cred svg { width:12px; height:12px; stroke:currentColor !important; stroke-width:2.4; fill:none !important; }

/* FAQ */
.pep-faq__grid { display:grid; grid-template-columns:minmax(0,330px) minmax(0,1fr); gap:44px; align-items:start; }
.pep-faq__list { display:flex; flex-direction:column; gap:10px; }
.pep-faq__item { background:#fff !important; border:1px solid var(--line) !important; border-radius:12px; overflow:hidden; }
.pep-faq__q { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; font-size:16px; font-weight:700; color:var(--navy) !important; cursor:pointer; list-style:none; }
.pep-faq__q::-webkit-details-marker { display:none; }
.pep-faq__q i { width:22px; height:22px; border-radius:50%; background:rgba(7,157,229,0.1) !important; display:grid; place-items:center; flex-shrink:0; position:relative; }
.pep-faq__q i::before, .pep-faq__q i::after { content:''; position:absolute; background:var(--blue) !important; border-radius:2px; }
.pep-faq__q i::before { width:10px; height:2px; } .pep-faq__q i::after { width:2px; height:10px; transition:transform .2s ease; }
.pep-faq__item[open] .pep-faq__q i::after { transform:rotate(90deg); opacity:0; }
.pep-faq__a { padding:0 18px 16px; font-size:16px; color:var(--muted) !important; line-height:1.6; }

@media (max-width:920px){
  .pep-how__grid, .pep-team__grid, .pep-faq__grid { grid-template-columns:1fr; gap:32px; }
}

@media (max-width:900px){
  .pep-hero__grid { grid-template-columns:1fr; gap:32px; }
  .pep-hero__media { order:-1; }
  .pep-hero__media img { height:280px; }
}

/* ===== SERVICE AREAS (.pep-areas) ===== */
.pep-areas__grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; margin-top:8px; }
.pep-areas__city { display:flex; align-items:center; gap:9px; padding:13px 15px; background:#fff !important; border:1px solid var(--line) !important; border-radius:12px; font-size:16px; font-weight:600; color:var(--navy) !important; transition:all .18s ease; }
.pep-areas__city svg { width:16px; height:16px; stroke:var(--blue) !important; stroke-width:2; fill:none !important; flex-shrink:0; }
.pep-areas__city:hover { border-color:var(--blue) !important; box-shadow:0 6px 18px rgba(7,157,229,0.12); transform:translateY(-2px); }
.pep-areas__note { margin-top:20px; font-size:16px; color:var(--muted) !important; line-height:1.6; }
</style>/* End custom CSS */