/* ============================================================
   ENERGY REY — production styles
   Built from the Claude Design handoff (energy-rey-design-system).
   Dark luxury: black base, gold leads, red is the spark.
   ============================================================ */

/* ---------- TOKENS ---------- */
:root {
  --er-imperial-black:#0B0B0D; --er-imperial-gold:#D4AF37; --er-signal-red:#E11B22;
  --er-white:#FFFFFF; --er-ash-grey:#8A8A92;
  --er-gold-100:#F8E9C2; --er-gold-200:#ECD58A; --er-gold-300:#E0C25C; --er-gold-400:#D4AF37;
  --er-gold-500:#B8942A; --er-gold-600:#94741F; --er-gold-700:#6E5616;
  --er-gold-foil:linear-gradient(145deg,var(--er-gold-100) 0%,var(--er-gold-400) 38%,var(--er-gold-600) 72%,var(--er-gold-300) 100%);
  --er-ink-900:#0B0B0D; --er-ink-850:#121215; --er-ink-800:#17171B; --er-ink-700:#1F1F25;
  --er-ink-600:#2A2A31; --er-ink-500:#3A3A43; --er-ink-400:#55555F;
  --er-grey-300:#8A8A92; --er-grey-200:#B6B6BD; --er-grey-100:#E6E6EA;
  --er-red-400:#E11B22; --er-red-500:#C2151B; --er-red-300:#F0474D;

  --surface-base:var(--er-ink-900); --surface-raised:var(--er-ink-850); --surface-card:var(--er-ink-800);
  --surface-elevated:var(--er-ink-700); --surface-inset:#0E0E11; --surface-hover:var(--er-ink-600);
  --text-primary:var(--er-grey-100); --text-secondary:var(--er-grey-300); --text-tertiary:var(--er-ink-400);
  --text-on-gold:var(--er-imperial-black); --text-gold:var(--er-gold-400); --text-heading:var(--er-white);
  --border-subtle:var(--er-ink-600); --border-default:var(--er-ink-500); --border-gold:var(--er-gold-400);
  --hairline:rgba(212,175,55,0.16); --focus-ring:rgba(212,175,55,0.55);
  --action-bg:var(--er-gold-400); --link:var(--er-gold-400); --link-hover:var(--er-gold-200);

  --font-display:"Sora",system-ui,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  --radius-sm:4px; --radius-md:6px; --radius-lg:10px; --radius-xl:16px; --radius-full:999px;
  --shadow-md:0 6px 18px rgba(0,0,0,0.55); --shadow-lg:0 18px 48px rgba(0,0,0,0.6);
  --glow-gold:0 0 0 1px rgba(212,175,55,0.35),0 10px 30px rgba(212,175,55,0.22);
  --glow-gold-soft:0 8px 28px rgba(212,175,55,0.18);
  --edge-highlight:inset 0 1px 0 rgba(255,255,255,0.04);
  --ease-standard:cubic-bezier(0.2,0,0,1); --ease-out:cubic-bezier(0.16,1,0.3,1);
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:360ms;
  --container-max:1180px; --header-h:76px;
}

/* ---------- RESET / BASE ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}
body{margin:0;background:var(--surface-base);color:var(--text-primary);
  font:400 1rem/1.55 var(--font-body);letter-spacing:-0.01em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);color:var(--text-heading);
  letter-spacing:-0.02em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
img{max-width:100%;display:block}
a{color:var(--link);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--link-hover)}
button{font-family:inherit}
::selection{background:rgba(212,175,55,0.28);color:var(--er-white)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}
section[id],[id]{scroll-margin-top:calc(var(--header-h) + 20px)}

.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);
  font-weight:600;font-size:12.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-gold)}
.eyebrow::before{content:"";width:18px;height:1px;background:var(--er-gold-400);opacity:.6}
.eyebrow.center{justify-content:center}
.foil-text{background:var(--er-gold-foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.er-foil-anim{background-image:linear-gradient(100deg,var(--er-gold-500) 0%,var(--er-gold-300) 22%,var(--er-gold-100) 42%,var(--er-gold-300) 60%,var(--er-gold-400) 80%,var(--er-gold-600) 100%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:erFoil 7s ease-in-out infinite}
@keyframes erFoil{0%{background-position:0% 50%}100%{background-position:240% 50%}}

.section-head{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;max-width:660px;margin:0 auto}
.section-head h2{font-weight:700;font-size:40px;line-height:1.1}
.section-head p{font-size:17px;line-height:1.6;color:var(--text-secondary)}

/* ---------- REVEAL ---------- */
.reveal{opacity:0;transform:translateY(28px)}
.reveal.in{opacity:1;transform:none;
  transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--d,0s),transform .6s cubic-bezier(.22,1,.36,1) var(--d,0s)}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 22px;
  border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-display);
  font-weight:700;font-size:15px;letter-spacing:0.02em;line-height:1;cursor:pointer;white-space:nowrap;
  transition:background var(--dur-fast) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),
    border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}
.btn--lg{height:56px;padding:0 30px;font-size:16px;gap:10px}
.btn--sm{height:38px;padding:0 14px;font-size:13px;gap:8px}
.btn--block{display:flex;width:100%}
.btn svg{width:1.15em;height:1.15em}
.btn--primary{background:var(--er-gold-foil);color:var(--text-on-gold);box-shadow:var(--glow-gold-soft)}
.btn--primary:hover{box-shadow:var(--glow-gold);transform:translateY(-1px);color:var(--text-on-gold)}
.btn--primary:active{transform:translateY(0) scale(.985);background:var(--er-gold-500)}
.btn--secondary{background:transparent;color:var(--er-gold-400);border-color:var(--er-gold-400)}
.btn--secondary:hover{background:rgba(212,175,55,0.10);color:var(--er-gold-400)}
.btn--secondary:active{transform:scale(.985)}

/* ---------- HEADER ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,11,13,0.55);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;
  transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}
.site-header.scrolled{background:rgba(11,11,13,0.86);border-bottom-color:var(--hairline)}
.nav-inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between}
.brand-logo{display:flex;align-items:center}
.brand-logo img{height:54px;width:auto}
.main-nav{display:flex;align-items:center;gap:30px}
.main-nav a{font-family:var(--font-body);font-size:14.5px;font-weight:500;color:var(--text-secondary)}
.main-nav a:hover{color:var(--er-gold-300)}
.header-cta{display:flex;align-items:center;gap:16px}
.header-phone{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;
  font-size:14.5px;color:var(--text-primary)}
.header-phone svg{width:16px;height:16px;color:var(--er-gold-400)}
.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;
  background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);
  color:var(--text-primary);cursor:pointer}
.nav-toggle svg{width:22px;height:22px}

/* mobile drawer */
.mobile-drawer{position:fixed;inset:0;z-index:60;display:none}
.mobile-drawer[aria-hidden="false"]{display:block}
.mobile-scrim{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity var(--dur-base)}
.mobile-drawer[aria-hidden="false"] .mobile-scrim{opacity:1}
.mobile-panel{position:absolute;top:0;right:0;height:100%;width:min(82vw,340px);
  background:var(--er-ink-850);border-left:1px solid var(--hairline);padding:24px;
  display:flex;flex-direction:column;gap:6px;transform:translateX(100%);
  transition:transform var(--dur-slow) var(--ease-out)}
.mobile-drawer[aria-hidden="false"] .mobile-panel{transform:none}
.mobile-panel .drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.mobile-panel .drawer-top img{height:38px;width:auto}
.mobile-panel a.m-link{padding:14px 6px;font-family:var(--font-display);font-weight:600;font-size:18px;
  color:var(--text-primary);border-bottom:1px solid var(--hairline)}
.mobile-panel a.m-link:hover{color:var(--er-gold-300)}
.mobile-panel .drawer-actions{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:18px}
.drawer-close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--er-ink-900);overflow:hidden}
.hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(1100px 520px at 15% -10%,rgba(212,175,55,0.14),transparent 60%),
    radial-gradient(900px 500px at 100% 0%,rgba(212,175,55,0.07),transparent 55%);
  animation:erGlow 9s ease-in-out infinite}
@keyframes erGlow{0%,100%{opacity:.55}50%{opacity:1}}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;
  align-items:center;padding:92px 0 96px}
.hero-title{font-weight:800;font-size:64px;line-height:1.02;letter-spacing:-0.025em;color:var(--text-heading)}
.hero-sub{margin-top:24px;max-width:480px;font-size:18px;line-height:1.62;color:var(--text-secondary)}
.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.trust-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.trust-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;background:var(--surface-card);
  border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--edge-highlight)}
.trust-badge svg{width:18px;height:18px;color:var(--er-gold-400);flex:0 0 auto}
.trust-badge .tb-text{display:flex;flex-direction:column;line-height:1.25}
.trust-badge .tb-label{font-weight:600;font-size:13.5px;color:var(--text-primary)}
.trust-badge .tb-value{font-weight:500;font-size:12px;color:var(--text-secondary);letter-spacing:.02em}

/* estimate form */
.estimate-form{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-xl);
  box-shadow:var(--shadow-lg),var(--edge-highlight);padding:28px}
.estimate-form .ef-title{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text-heading)}
.estimate-form .ef-sub{margin:6px 0 20px;font-size:13.5px;color:var(--text-secondary)}
.ef-fields{display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:7px;width:100%}
.field label{font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--text-secondary)}
.field label .req{color:var(--er-gold-400)}
.field-control{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;background:var(--surface-inset);
  border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--edge-highlight);position:relative;
  transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}
.field-control:focus-within{border-color:var(--er-gold-400);box-shadow:0 0 0 3px var(--focus-ring)}
.field-control svg.lead{width:18px;height:18px;color:var(--text-tertiary);flex:0 0 auto}
.field-control input,.field-control select{flex:1;min-width:0;background:transparent;border:0;outline:none;
  color:var(--text-primary);font-family:var(--font-body);font-size:15px;height:100%}
.field-control select{appearance:none;-webkit-appearance:none;padding-right:26px;cursor:pointer;color-scheme:dark}
.field-control select option{background:var(--er-ink-800);color:var(--text-primary)}
.field-control .chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--er-gold-400);font-size:12px}
.field-control.invalid{border-color:var(--er-red-400)}
.field .err{font-size:12.5px;color:var(--er-red-300);display:none}
.field.invalid .err{display:block}
.consent{display:flex;align-items:flex-start;gap:11px;cursor:pointer;font-size:14px;line-height:1.45;color:var(--text-secondary)}
.consent input{position:absolute;opacity:0;width:1px;height:1px}
.consent .box{flex:0 0 auto;width:20px;height:20px;margin-top:1px;border-radius:var(--radius-sm);
  background:var(--surface-inset);border:1px solid var(--border-default);box-shadow:var(--edge-highlight);
  display:flex;align-items:center;justify-content:center;color:var(--text-on-gold);font-size:13px;font-weight:800;
  transition:background var(--dur-fast),border-color var(--dur-fast)}
.consent input:checked + .box{background:var(--er-gold-foil);border-color:var(--er-gold-400)}
.consent input:checked + .box::after{content:"✓"}
.consent input:focus-visible + .box{outline:2px solid var(--focus-ring);outline-offset:2px}
.ef-private{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:12px;color:var(--text-tertiary)}
.ef-private svg{width:13px;height:13px}
.ef-success{text-align:center;padding:34px}
.ef-success .check{width:56px;height:56px;margin:0 auto 16px;border-radius:var(--radius-full);background:var(--er-gold-foil);
  display:flex;align-items:center;justify-content:center;color:var(--text-on-gold)}
.ef-success .check svg{width:26px;height:26px}
.ef-success h3{font-size:24px;margin-bottom:8px}
.ef-success p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:18px}

/* ---------- SERVICES ---------- */
.services{background:var(--er-ink-900);padding:104px 0;border-top:1px solid var(--hairline)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
.service-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 24px 24px;height:100%;
  background:var(--surface-card);border:1px solid var(--border-subtle);border-top:2px solid var(--border-subtle);
  border-radius:var(--radius-lg);box-shadow:var(--edge-highlight);
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.service-card:hover{transform:translateY(-3px);border-top-color:var(--er-gold-400);box-shadow:var(--shadow-lg),var(--edge-highlight)}
.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;
  border-radius:var(--radius-md);background:rgba(212,175,55,0.10);border:1px solid rgba(212,175,55,0.30);color:var(--er-gold-400)}
.icon-tile svg{width:24px;height:24px}
.service-card h3{font-weight:700;font-size:21px;letter-spacing:-0.01em}
.service-card p{flex:1;font-size:14.5px;line-height:1.6;color:var(--text-secondary)}
.learn-more{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--er-gold-400)}
.learn-more .arr{transition:transform var(--dur-base) var(--ease-out)}
.service-card:hover .learn-more .arr{transform:translateX(3px)}

/* editorial numbered service index (signature layout) */
.svc-index{margin-top:54px;border-top:1px solid var(--hairline)}
.svc-row{display:grid;grid-template-columns:clamp(98px,9vw,152px) 1fr clamp(240px,27vw,360px);gap:36px;align-items:center;
  padding:38px 4px;border-bottom:1px solid var(--hairline);transition:background var(--dur-base) var(--ease-standard)}
.svc-row:hover{background:linear-gradient(90deg,rgba(212,175,55,0.05),transparent 70%)}
.svc-num{font-family:var(--font-display);font-weight:800;font-size:clamp(48px,6.4vw,84px);line-height:1.34;letter-spacing:-0.02em;
  padding:0 0.18em 0.12em 0;transition:filter var(--dur-base) var(--ease-standard)}
.svc-row:hover .svc-num{filter:brightness(1.15)}
.svc-body h3{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,3.2vw,32px);letter-spacing:-0.01em;color:var(--text-heading);margin-bottom:10px}
.svc-body p{font-size:15.5px;line-height:1.6;color:var(--text-secondary);max-width:520px;margin-bottom:16px}
.svc-row .learn-more{font-size:14.5px}
.svc-row:hover .learn-more .arr{transform:translateX(4px)}
.svc-media{display:block;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--hairline);
  aspect-ratio:4/3;box-shadow:var(--edge-highlight)}
.svc-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}
.svc-row:hover .svc-media img{transform:scale(1.05)}
@media (max-width:880px){
  .svc-row{grid-template-columns:auto 1fr;grid-template-areas:"num body" "media media";gap:10px 22px;align-items:center;padding:30px 2px}
  .svc-num{grid-area:num;font-size:48px;line-height:1.3}
  .svc-body{grid-area:body}
  .svc-media{grid-area:media;aspect-ratio:16/9;margin-top:14px}
  .svc-body p{max-width:none}
}
@media (max-width:560px){
  .svc-row{grid-template-columns:1fr;grid-template-areas:"num" "body" "media";gap:10px}
  .svc-num{font-size:42px}
}

/* numbered capability list (subpages) — same language, compact, no boxes */
.cap-list{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.cap-list.cols-3{grid-template-columns:repeat(3,1fr);column-gap:36px}
.cap-item{display:flex;gap:18px;padding:26px 2px;border-bottom:1px solid var(--hairline)}
.cap-num{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1.4;flex:0 0 auto;min-width:42px;padding:0 6px 2px 0;white-space:nowrap}
.cap-item h3{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-0.01em;color:var(--text-heading);margin-bottom:7px}
.cap-item p{font-size:14.5px;line-height:1.6;color:var(--text-secondary)}
@media (max-width:880px){ .cap-list.cols-3{grid-template-columns:1fr 1fr;column-gap:40px} }
@media (max-width:620px){ .cap-list,.cap-list.cols-3{grid-template-columns:1fr;column-gap:0} }

/* ---------- WHY US ---------- */
.whyus{background:var(--er-ink-850);padding:104px 0}
.why-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:center}
.why-intro h2{margin:0 0 18px;font-weight:700;font-size:42px;line-height:1.08}
.why-intro p{margin:0 0 28px;font-size:17px;line-height:1.65;color:var(--text-secondary);max-width:420px}
.guarantee{display:flex;align-items:center;gap:18px;padding:20px;background:var(--er-ink-900);
  border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--edge-highlight)}
.guarantee img{width:56px;height:56px;object-fit:contain}
.guarantee .g-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text-heading)}
.guarantee .g-sub{font-size:13.5px;color:var(--text-secondary)}
.why-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.why-point{padding:24px 22px;background:var(--surface-card);border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);box-shadow:var(--edge-highlight)}
.why-point .wp-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:var(--radius-md);background:rgba(212,175,55,0.10);border:1px solid rgba(212,175,55,0.30);
  color:var(--er-gold-400);margin-bottom:14px}
.why-point .wp-icon svg{width:22px;height:22px}
.why-point h3{font-weight:600;font-size:17.5px;margin-bottom:7px}
.why-point p{font-size:14px;line-height:1.55;color:var(--text-secondary)}

/* ---------- CREDENTIALS ---------- */
.credentials{background:var(--er-ink-900);padding:8px 0 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--hairline);
  border-radius:var(--radius-xl);overflow:hidden;background:var(--er-ink-850);box-shadow:var(--edge-highlight)}
.stat{padding:30px 26px;text-align:center}
.stat + .stat{border-left:1px solid var(--hairline)}
.stat .stat-v{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-0.01em}
.stat .stat-l{margin-top:6px;font-size:13.5px;color:var(--text-secondary)}

/* ---------- PROCESS ---------- */
.process{background:var(--er-ink-900);padding:104px 0;border-top:1px solid var(--hairline)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px;position:relative}
.process-step{position:relative}
.process-step .connector{position:absolute;top:26px;left:calc(50% + 34px);right:calc(-50% + 34px);height:1px;background:var(--hairline)}
.process-step:last-child .connector{display:none}
.step-circle{position:relative;width:54px;height:54px;border-radius:var(--radius-full);background:var(--er-ink-850);
  border:1px solid rgba(212,175,55,0.4);display:flex;align-items:center;justify-content:center;
  color:var(--er-gold-400);box-shadow:var(--glow-gold-soft);margin-bottom:16px}
.step-circle svg{width:24px;height:24px}
.step-n{font-family:var(--font-mono);font-size:12px;letter-spacing:0.1em;color:var(--er-gold-400);margin-bottom:6px}
.process-step h3{font-weight:600;font-size:19px;margin-bottom:8px}
.process-step p{font-size:14px;line-height:1.55;color:var(--text-secondary)}

/* ---------- REVIEWS ---------- */
.reviews{background:var(--er-ink-900);padding:104px 0}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.review-card{display:flex;flex-direction:column;gap:16px;padding:26px 24px;background:var(--surface-card);
  border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--edge-highlight)}
.stars{display:flex;gap:3px;color:var(--er-gold-400)}
.stars svg{width:16px;height:16px;fill:var(--er-gold-400)}
.review-card .r-text{flex:1;font-size:14.5px;line-height:1.62;color:var(--text-primary)}
.review-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--hairline);gap:10px}
.review-foot .r-name{font-family:var(--font-display);font-weight:600;font-size:14.5px;color:var(--text-heading)}
.review-foot .r-area{font-size:12.5px;color:var(--text-tertiary)}
.pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--radius-full);
  font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:0.04em;text-transform:uppercase;
  white-space:nowrap;background:rgba(212,175,55,0.08);color:var(--er-gold-300);border:1px solid rgba(212,175,55,0.45)}

/* ---------- FAQ ---------- */
.faq{background:var(--er-ink-850);padding:104px 0}
.faq-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:64px;align-items:start}
.faq-intro{position:sticky;top:110px}
.faq-intro h2{margin:0 0 16px;font-weight:700;font-size:40px;line-height:1.1}
.faq-intro p{font-size:16px;line-height:1.6;color:var(--text-secondary);max-width:320px}
.faq-intro a{color:var(--er-gold-400);font-weight:600}
.faq-item{border-bottom:1px solid var(--hairline)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px;
  background:transparent;border:none;cursor:pointer;text-align:left}
.faq-q span.q{font-family:var(--font-display);font-weight:600;font-size:17.5px;color:var(--text-heading)}
.faq-toggle{flex:0 0 auto;width:30px;height:30px;border-radius:var(--radius-full);border:1px solid var(--border-default);
  display:flex;align-items:center;justify-content:center;color:var(--er-gold-400);
  transition:transform var(--dur-base) var(--ease-out)}
.faq-toggle svg{width:16px;height:16px}
.faq-item[aria-expanded="true"] .faq-toggle{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease-out)}
.faq-a p{padding:0 4px 24px;max-width:640px;font-size:15px;line-height:1.65;color:var(--text-secondary)}

/* ---------- CTA BAND ---------- */
.cta{background:var(--er-ink-900);padding:40px 0 104px;border-top:1px solid var(--hairline)}
.cta-band{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid rgba(212,175,55,0.35);
  background:radial-gradient(700px 300px at 0% 0%,rgba(212,175,55,0.14),transparent 60%),var(--er-ink-850);
  padding:56px;box-shadow:var(--shadow-lg),var(--edge-highlight)}
.cta-grid{display:grid;grid-template-columns:1.4fr 0.6fr;gap:40px;align-items:center}
.cta-grid h2{margin:0 0 14px;font-weight:800;font-size:44px;line-height:1.05;letter-spacing:-0.025em}
.cta-grid p{font-size:17px;line-height:1.6;color:var(--text-secondary);max-width:460px}
.cta-actions{display:flex;flex-direction:column;gap:14px}

/* ---------- FOOTER ---------- */
.site-footer{background:var(--er-ink-900);border-top:1px solid var(--hairline);padding-top:64px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px}
.footer-brand img{height:42px;width:auto;margin-bottom:18px}
.footer-brand p{margin:0 0 18px;max-width:280px;font-size:14px;line-height:1.6;color:var(--text-secondary)}
.footer-contact{display:flex;flex-direction:column;gap:8px}
.footer-contact a{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text-primary)}
.footer-contact svg{width:15px;height:15px;color:var(--er-gold-400)}
.footer-col .f-h{font-family:var(--font-body);font-weight:600;font-size:12.5px;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--er-gold-400);margin-bottom:16px}
.footer-col .f-links{display:flex;flex-direction:column;gap:11px}
.footer-col .f-links a{font-size:14px;color:var(--text-secondary)}
.footer-col .f-links a:hover{color:var(--er-gold-300)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 0 30px;
  border-top:1px solid var(--hairline);flex-wrap:wrap;gap:12px}
.footer-bottom span{font-size:12.5px;color:var(--text-tertiary)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1024px){
  .main-nav,.header-phone{display:none}
  .nav-toggle{display:inline-flex}
  .hero-grid{grid-template-columns:1fr;gap:44px;padding:64px 0 72px}
  .hero-title{font-size:52px}
  .why-grid,.faq-grid{grid-template-columns:1fr;gap:40px}
  .faq-intro{position:static}
  .services-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
  .reviews-grid{grid-template-columns:1fr 1fr}
  .cta-grid{grid-template-columns:1fr;gap:28px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .process-step .connector{display:none}
}
@media (max-width:680px){
  .container{padding:0 20px}
  .hero-title{font-size:40px}
  .hero-sub{font-size:16px}
  .section-head h2,.why-intro h2,.faq-intro h2,.cta-grid h2{font-size:32px}
  .services-grid,.process-grid,.reviews-grid,.why-points,.stats-grid{grid-template-columns:1fr}
  .stat + .stat{border-left:none;border-top:1px solid var(--hairline)}
  .services,.whyus,.process,.reviews,.faq{padding:72px 0}
  .cta-band{padding:32px 24px}
  .cta-grid h2{font-size:30px}
  .hero-actions .btn,.hero-actions{width:100%}
  .hero-actions .btn{flex:1}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
  .er-foil-anim{animation:none!important}
  .hero-glow{animation:none!important}
  .hero-video{display:none}
}

/* ============================================================
   ADDITIONS — hero video, install gallery, Google reviews,
   staggered mobile menu, template CTA polish
   ============================================================ */

/* hero background video + legibility scrim */
.hero{min-height:clamp(580px,88vh,840px);display:flex;align-items:center}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5}
.hero-scrim{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,11,13,0.94) 0%,rgba(11,11,13,0.74) 44%,rgba(11,11,13,0.42) 100%),
    linear-gradient(180deg,rgba(11,11,13,0.55) 0%,rgba(11,11,13,0.15) 32%,rgba(11,11,13,0.82) 100%)}
.hero-grid{width:100%}

/* template CTA polish: brightness on hover, firmer press */
.btn--primary:hover{filter:brightness(1.06)}
.btn--primary:active{filter:brightness(0.98)}

/* WORK / recent installs */
.work{background:var(--er-ink-850);padding:104px 0}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}
.work-item{margin:0;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);
  box-shadow:var(--edge-highlight);aspect-ratio:3/2;position:relative}
.work-item img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform var(--dur-slow) var(--ease-out)}
.work-item::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(11,11,13,0.5));
  opacity:0;transition:opacity var(--dur-base) var(--ease-out)}
.work-item:hover img{transform:scale(1.06)}
.work-item:hover::after{opacity:1}

/* Google reviews link-out panel */
.reviews-panel{max-width:680px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;
  padding:52px 40px;border:1px solid rgba(212,175,55,0.35);border-radius:var(--radius-xl);
  background:radial-gradient(620px 260px at 50% 0%,rgba(212,175,55,0.13),transparent 62%),var(--surface-card);
  box-shadow:var(--shadow-lg),var(--edge-highlight)}
.rp-stars{display:flex;gap:6px;color:var(--er-gold-400)}
.rp-stars svg{width:26px;height:26px;fill:var(--er-gold-400)}
.reviews-panel h2{font-size:36px}
.reviews-panel p{font-size:16px;line-height:1.6;color:var(--text-secondary);max-width:520px}
.reviews-panel .btn{margin-top:6px}

/* staggered mobile menu items */
.mobile-panel > .m-link, .mobile-panel > .m-group{opacity:0;transform:translateX(24px);
  transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}
.mobile-drawer[aria-hidden="false"] .mobile-panel > .m-link,
.mobile-drawer[aria-hidden="false"] .mobile-panel > .m-group{opacity:1;transform:none}
.mobile-drawer[aria-hidden="false"] .mobile-panel > :nth-child(2){transition-delay:.14s}
.mobile-drawer[aria-hidden="false"] .mobile-panel > :nth-child(3){transition-delay:.19s}
.mobile-drawer[aria-hidden="false"] .mobile-panel > :nth-child(4){transition-delay:.24s}
.mobile-drawer[aria-hidden="false"] .mobile-panel > :nth-child(5){transition-delay:.29s}
.mobile-drawer[aria-hidden="false"] .mobile-panel > :nth-child(6){transition-delay:.34s}
.mobile-drawer[aria-hidden="false"] .mobile-panel > :nth-child(7){transition-delay:.39s}

/* desktop Services dropdown */
.nav-item{position:relative;display:inline-flex;align-items:center}
.nav-item::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.nav-trigger{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;cursor:pointer;
  font-family:var(--font-body);font-size:14.5px;font-weight:500;color:var(--text-secondary);
  transition:color var(--dur-fast) var(--ease-standard)}
.nav-trigger svg{width:14px;height:14px;transition:transform var(--dur-base) var(--ease-out)}
.nav-item:hover .nav-trigger,.nav-item.open .nav-trigger{color:var(--er-gold-300)}
.nav-item:hover .nav-trigger svg,.nav-item.open .nav-trigger svg{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(-6px);
  min-width:210px;background:var(--er-ink-850);border:1px solid var(--hairline);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg),var(--edge-highlight);padding:8px;display:flex;flex-direction:column;gap:2px;z-index:60;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-out),visibility var(--dur-base)}
.nav-item:hover .nav-dropdown,.nav-item.open .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dropdown a{padding:10px 14px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14.5px;font-weight:500;
  color:var(--text-secondary);white-space:nowrap;transition:background var(--dur-fast),color var(--dur-fast)}
.nav-dropdown a:hover{background:var(--surface-hover);color:var(--er-gold-300)}

/* mobile Services accordion */
.m-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:none;border:none;border-bottom:1px solid var(--hairline);cursor:pointer;text-align:left}
.m-group-toggle svg{width:18px;height:18px;color:var(--er-gold-400);transition:transform var(--dur-base) var(--ease-out)}
.m-group.open .m-group-toggle svg{transform:rotate(180deg)}
.m-subnav{overflow:hidden;max-height:0;transition:max-height var(--dur-slow) var(--ease-out)}
.m-group.open .m-subnav{max-height:220px}
.m-subnav a{display:block;padding:12px 6px 12px 18px;font-family:var(--font-body);font-size:16px;color:var(--text-secondary);
  border-bottom:1px solid var(--hairline)}
.m-subnav a:hover{color:var(--er-gold-300)}

@media (max-width:1024px){ .work-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:680px){
  .work{padding:72px 0}
  .work-grid{grid-template-columns:1fr}
  .reviews-panel{padding:36px 22px}
  .reviews-panel h2{font-size:28px}
}

/* clickable gallery */
.work-item{cursor:zoom-in}
.work-item::before{content:"";position:absolute;z-index:2;pointer-events:none;top:12px;right:12px;width:30px;height:30px;border-radius:var(--radius-full);
  background:rgba(11,11,13,0.6);border:1px solid var(--hairline);opacity:0;transition:opacity var(--dur-base);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center}
.work-item:hover::before{opacity:1}

/* reviews row */
.reviews-grid.two{grid-template-columns:1fr 1fr;max-width:920px;margin-left:auto;margin-right:auto}
.review-card.review-card{}
.reviews-cta{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:36px;flex-wrap:wrap}
.rating-chip{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--text-primary)}
.rating-chip .stars{display:inline-flex;gap:2px}
.rating-chip .stars svg{width:16px;height:16px;fill:var(--er-gold-400);color:var(--er-gold-400)}
@media (max-width:760px){ .reviews-grid.two{grid-template-columns:1fr} }

/* Google reviews carousel */
.reviews-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:36px;
  padding-bottom:22px;border-bottom:1px solid var(--hairline)}
.reviews-head-left{display:flex;align-items:center;gap:14px}
.g-logo{width:40px;height:40px;flex:0 0 auto}
.reviews-rating{display:flex;align-items:center;gap:10px;line-height:1}
.reviews-rating strong{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--text-heading)}
.reviews-rating .stars{color:var(--er-gold-400);letter-spacing:3px;font-size:17px}
.reviews-count{margin-top:5px;font-size:13px;color:var(--text-secondary)}
.reviews-head-actions{display:flex;align-items:center;gap:10px}
.rev-arrow{width:42px;height:42px;border-radius:var(--radius-full);border:1px solid var(--border-default);
  background:var(--surface-card);color:var(--er-gold-400);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  transition:background var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}
.rev-arrow:hover{background:var(--surface-hover)}
.rev-arrow:active{transform:scale(.94)}
.rev-arrow svg{width:20px;height:20px}
.reviews-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:24px 2px 8px;
  scrollbar-width:thin;scrollbar-color:var(--er-ink-600) transparent;-webkit-overflow-scrolling:touch}
.reviews-track::-webkit-scrollbar{height:8px}
.reviews-track::-webkit-scrollbar-track{background:transparent}
.reviews-track::-webkit-scrollbar-thumb{background:var(--er-ink-600);border-radius:99px}
.rev-card{flex:0 0 360px;max-width:360px;scroll-snap-align:start;display:flex;flex-direction:column;gap:13px;
  padding:24px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--edge-highlight)}
.rev-card-top{display:flex;align-items:center;gap:12px}
.rev-avatar{width:42px;height:42px;border-radius:var(--radius-full);background:var(--er-gold-foil);color:var(--text-on-gold);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:18px;flex:0 0 auto}
.rev-meta{flex:1;min-width:0}
.rev-name{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--text-heading)}
.rev-when{font-size:12.5px;color:var(--text-tertiary)}
.rev-g{width:20px;height:20px;flex:0 0 auto}
.rev-stars{color:var(--er-gold-400);letter-spacing:2px;font-size:15px}
.rev-text{margin:0;font-size:14.5px;line-height:1.6;color:var(--text-secondary);
  display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:680px){
  .rev-card{flex-basis:82vw;max-width:82vw}
  .reviews-head-actions .rev-arrow{display:none}
}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;
  background:rgba(8,8,10,0.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:5vmin}
.lightbox[aria-hidden="false"]{display:flex}
.lightbox-img{max-width:92vw;max-height:88vh;border-radius:var(--radius-lg);border:1px solid var(--hairline);
  box-shadow:var(--shadow-xl);animation:lbIn .28s var(--ease-out)}
@keyframes lbIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lightbox-close{position:absolute;top:20px;right:24px;width:48px;height:48px;border-radius:var(--radius-full);
  background:rgba(23,23,27,0.8);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center}
.lightbox-close svg{width:22px;height:22px}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:var(--radius-full);
  background:rgba(23,23,27,0.8);border:1px solid var(--border-default);color:var(--er-gold-400);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center}
.lightbox-nav svg{width:26px;height:26px}
.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}
.lightbox-close:hover,.lightbox-nav:hover{background:var(--surface-hover)}
@media (max-width:680px){ .lightbox-nav{width:44px;height:44px} .lightbox-nav.prev{left:8px} .lightbox-nav.next{right:8px} }

/* ============================================================
   SUBPAGES (service + contact)
   ============================================================ */
.subpage-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--hairline);
  background:radial-gradient(900px 420px at 20% -10%,rgba(212,175,55,0.12),transparent 60%),var(--er-ink-900);
  padding:72px 0 64px}
.subpage-hero .crumb{font-family:var(--font-body);font-size:13px;color:var(--text-tertiary);margin-bottom:18px}
.subpage-hero .crumb a{color:var(--text-secondary)}
.subpage-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.04;
  letter-spacing:-0.025em;color:var(--text-heading);max-width:760px}
.subpage-hero .lead{margin-top:20px;max-width:620px;font-size:18px;line-height:1.6;color:var(--text-secondary)}
.subpage-hero .hero-actions{margin-top:30px}
.subpage{padding:88px 0}
.subpage.alt{background:var(--er-ink-850)}
.subpage-hero.split .container{display:grid;grid-template-columns:1.08fr 0.92fr;gap:56px;align-items:center}
.subpage-hero-media{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--hairline);box-shadow:var(--shadow-lg),var(--edge-highlight);aspect-ratio:4/3}
.subpage-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:880px){ .subpage-hero.split .container{grid-template-columns:1fr;gap:34px} .subpage-hero-media{aspect-ratio:16/10} }
.prose{max-width:760px;margin:0 auto}
.prose p{font-size:17px;line-height:1.7;color:var(--text-secondary);margin-bottom:18px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.feature-card{padding:26px 24px;background:var(--surface-card);border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);box-shadow:var(--edge-highlight)}
.feature-card .wp-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:var(--radius-md);background:rgba(212,175,55,0.10);border:1px solid rgba(212,175,55,0.30);
  color:var(--er-gold-400);margin-bottom:14px}
.feature-card .wp-icon svg{width:23px;height:23px}
.feature-card h3{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--text-heading);margin-bottom:8px}
.feature-card p{font-size:14.5px;line-height:1.6;color:var(--text-secondary)}
.checklist{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.checklist li{position:relative;padding-left:32px;font-size:15.5px;line-height:1.5;color:var(--text-primary)}
.checklist li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:var(--radius-full);
  background:var(--er-gold-foil);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat}
.contact-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:start}
.contact-info .ci-row{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--hairline)}
.contact-info .ci-row svg{width:20px;height:20px;color:var(--er-gold-400);flex:0 0 auto;margin-top:2px}
.contact-info .ci-row .ci-label{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:3px}
.contact-info .ci-row .ci-val{font-size:16px;color:var(--text-primary)}
.contact-info .ci-row a.ci-val{color:var(--er-gold-300)}
@media (max-width:880px){ .feature-grid{grid-template-columns:1fr 1fr} .contact-grid{grid-template-columns:1fr;gap:40px} }
@media (max-width:680px){ .subpage{padding:64px 0} .feature-grid,.checklist{grid-template-columns:1fr} }

/* certified / accredited trust strip */
.trust-strip{background:var(--er-ink-900);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:28px 0}
.trust-strip .container{display:flex;align-items:center;justify-content:center;gap:16px 48px;flex-wrap:wrap}
.trust-label{font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}
.trust-logos{display:flex;align-items:center;gap:48px;flex-wrap:wrap;justify-content:center}
.trust-logos img{height:36px;width:auto;opacity:.7;transition:opacity var(--dur-base) var(--ease-standard)}
.trust-logos img:hover{opacity:1}
@media (max-width:680px){ .trust-logos{gap:30px} .trust-logos img{height:28px} }

/* social icons */
.social-row{display:flex;gap:12px;margin-top:20px}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);
  border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-secondary);
  transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}
.social-link svg{width:18px;height:18px;fill:currentColor}
.social-link:hover{background:var(--er-gold-foil);color:var(--text-on-gold);border-color:transparent;transform:translateY(-2px)}

/* textarea field (quote form) */
.field-control.area{height:auto;align-items:stretch;padding:12px 14px}
.field-control textarea{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--text-primary);
  font-family:var(--font-body);font-size:15px;line-height:1.5;resize:vertical;min-height:104px}
.quote-aside .ci-row{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--hairline)}
.quote-aside .ci-row svg{width:20px;height:20px;color:var(--er-gold-400);flex:0 0 auto;margin-top:2px}
.quote-aside .ci-row .ci-label{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:3px}
.quote-aside .ci-row .ci-val{font-size:16px;color:var(--text-primary)}
.quote-aside .ci-row a.ci-val{color:var(--er-gold-300)}
.quote-aside h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-0.02em;color:var(--text-heading);margin:14px 0 14px}
.quote-aside p{font-size:17px;line-height:1.65;color:var(--text-secondary);max-width:440px;margin-bottom:22px}