/* SGD city service-area page — COMPLETE stylesheet.
 Source of truth: /public_html/staging/SGD_SO_GATE_REPAIR_v2.html
 Contains ALL 8 <style> blocks from the approved page, in document order.
 Round 19 shipped only sgd-so-css (13% of the CSS); sgd-vB and sgd-vBplus - the Variant B
 showcase layers that style section headings, review cards, the map and the stats row - were
 never published, which is why the live page rendered broken. Ship all of it or none of it.
 Served as a FILE because CSS inside WordPress post content has all whitespace stripped by the
 sgd-post-template-replace render layer, which silently kills every descendant selector. */


/* ===== block 0 : sgd-v2fix (898 bytes) ===== */
@media(max-width:768px){.nav-links.sgd-show{display:flex!important;flex-direction:column!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#0a0a0a!important;border-top:1px solid rgba(165,216,31,.3)!important;padding:8px 22px 16px!important;z-index:99990!important;box-shadow:0 24px 40px rgba(0,0,0,.55)!important;max-height:82vh!important;overflow:auto!important}.nav-links.sgd-show>*{display:block!important;width:100%!important;padding:14px 2px!important;font-size:17px!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.float-stack{bottom:84px!important;right:14px!important}.float-btn{width:46px!important;height:46px!important}}.float-btn{background:#A5D81F!important;color:#0a0a0a!important}.float-btn svg,.float-btn i{color:#0a0a0a!important;fill:#0a0a0a!important}.stars{white-space:nowrap!important}

/* ===== block 1 : unnamed (57673 bytes) ===== */

/* ============================================================== SGD v2.1 — Onboard-Style DNA · BRIGHTER HERO · Real Logo Emergency CTA · Animated stats · FAQ · Rotating reviews ============================================================== */:root { --black: #0a0a0a; --black-2: #141414; --black-3: #1c1c1c; --black-4: #242424; --lime: #A5D81F; --lime-2: #B8E84A; --lime-soft: rgba(165,216,31,0.12); --lime-glow: rgba(165,216,31,0.45); --emergency: var(--black); --emergency-soft: rgba(165,216,31,0.15); --paper: #ffffff; --cream-92: rgba(255,255,255,0.92); --cream-70: rgba(255,255,255,0.7); --cream-50: rgba(255,255,255,0.5); --cream-30: rgba(255,255,255,0.28); --hair: rgba(255,255,255,0.08); --hair-2: rgba(255,255,255,0.16); --display: 'Barlow Condensed', sans-serif; --body: 'Barlow', system-ui, sans-serif; --ease: cubic-bezier(0.4, 0, 0.2, 1); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-cinema: cubic-bezier(0.22, 1, 0.36, 1); --container: 1440px; --pad-x: 56px;
} * { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--body); font-weight: 400; font-size: 16px; line-height: 1.65; color: var(--cream-92); background: var(--black); -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
input, textarea, select { font-family: inherit; }::selection { background: var(--lime); color: var(--black); }.container { max-width: var(--container); margin: 0 auto; padding: 0 var(--pad-x); }.lime { color: var(--lime); } /* ============================================================== EMERGENCY TOP BAND — Above utility (luxury emergency line) ============================================================== */.emergency-band { background: var(--black); border-top: 1px solid var(--lime); border-bottom: 1px solid var(--hair-2); color: var(--cream-92); padding: 11px 0; font-family: var(--body); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; text-align: center; position: relative; z-index: 51; box-shadow: 0 -2px 14px rgba(165,216,31,0.18);
}.emergency-band-inner { display: inline-flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: center; padding: 0 16px; }.emergency-band.pulse-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); animation: emergencyPulse 1.2s infinite; box-shadow: 0 0 0 0 var(--lime-glow);
}
@keyframes emergencyPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(165,216,31,0.6); } 50% { box-shadow: 0 0 0 8px rgba(165,216,31,0); }
}.emergency-band a { color: var(--lime); text-decoration: none; font-weight: 700; letter-spacing: 0.22em; border-bottom: 1px solid var(--lime-soft); padding-bottom: 2px; transition: color.2s var(--ease), border-color.2s var(--ease); }.emergency-band a:hover { color: var(--paper); border-color: var(--paper); } /* ============================================================== UTILITY BAR ============================================================== */.utility { background: var(--black-2); border-bottom: 1px solid var(--hair); padding: 12px 0; font-size: 11px; font-family: var(--body); letter-spacing: 0.1em; position: relative; z-index: 50; color: var(--cream-50);
}.utility-inner { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }.utility-left { display: flex; align-items: center; gap: 22px; }.utility-left.sep { color: var(--hair-2); }.open-pulse { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); margin-right: 8px; vertical-align: middle; box-shadow: 0 0 8px var(--lime-glow); animation: pulse 2s infinite;
}
@keyframes pulse { 0%, 100% { opacity: 1; box-shadow: 0 0 8px var(--lime-glow); } 50% { opacity: 0.65; box-shadow: 0 0 14px var(--lime), 0 0 24px var(--lime-glow); }
}.utility a { transition: color.2s var(--ease); }.utility a:hover { color: var(--paper); }.utility-right { display: flex; align-items: center; gap: 16px; }.utility-right.label { font-size: 10px; letter-spacing: 0.18em; }.utility-segment { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border: 1px solid var(--hair-2); border-radius: 999px; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 700;
}.utility-segment a { color: var(--cream-92); transition: color.2s var(--ease); padding: 2px 4px; }.utility-segment a:hover { color: var(--lime); }.utility-segment.seg-sep { color: var(--hair-2); }.utility-divider { width: 1px; height: 16px; background: var(--hair-2); } /* ============================================================== SOCIAL ICONS — Bigger, more visible, full set ============================================================== */.social-row { display: flex; gap: 8px; }.social-row a { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid var(--hair-2); border-radius: 50%; transition: all.25s var(--ease); color: var(--cream-70); background: rgba(255,255,255,0.02);
}.social-row a:hover { border-color: var(--lime); color: var(--lime); transform: translateY(-2px); background: var(--lime-soft); }.social-row svg { width: 13px; height: 13px; } /* Vertical floating social rail */.social-rail { position: fixed; left: 18px; top: 50%; transform: translateY(-50%); z-index: 80; display: flex; flex-direction: column; gap: 10px; padding: 14px 10px; background: rgba(10,10,10,0.7); backdrop-filter: blur(12px); border: 1px solid var(--hair); border-radius: 999px;
}.social-rail a { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; color: var(--cream-70); border-radius: 50%; transition: all.25s var(--ease); border: 1px solid transparent;
}.social-rail a:hover { color: var(--lime); border-color: var(--lime); background: var(--lime-soft); transform: scale(1.08); }.social-rail svg { width: 14px; height: 14px; }.social-rail::before { content: ""; position: absolute; left: 50%; top: -22px; transform: translateX(-50%); width: 1px; height: 14px; background: var(--hair-2);
} /* ============================================================== NAV — Real Silence logo ============================================================== */.nav-wrap { position: sticky; top: 0; z-index: 100; background: rgba(10,10,10,0.86); backdrop-filter: saturate(140%) blur(18px); -webkit-backdrop-filter: saturate(140%) blur(18px); border-bottom: 1px solid var(--hair); transition: background.3s var(--ease), padding.3s var(--ease);
}.nav-wrap.scrolled { background: rgba(10,10,10,0.97); border-bottom-color: var(--hair-2); }.nav { display: flex; justify-content: space-between; align-items: center; padding: 16px var(--pad-x); max-width: var(--container); margin: 0 auto; gap: 32px;
}.nav-logo { display: inline-flex; align-items: center; gap: 14px; opacity: 0; transform: translateX(-12px); animation: logoIn 1.1s var(--ease-cinema) 0.3s forwards; }
@keyframes logoIn { to { opacity: 1; transform: translateX(0); }
}.nav-logo img { height: 56px; width: auto; display: block; filter: brightness(1.05) drop-shadow(0 0 14px rgba(165,216,31,0.18)); transition: filter.35s var(--ease), transform.35s var(--ease);
}.nav-logo:hover img { filter: brightness(1.15) drop-shadow(0 0 22px rgba(165,216,31,0.42)); transform: scale(1.03); }.nav-links { display: flex; gap: 30px; align-items: center; font-family: var(--body); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600;
}.nav-links a { color: var(--cream-92); transition: color.25s var(--ease); position: relative; padding: 8px 0;
}.nav-links a::after { content: ""; position: absolute; left: 0; bottom: 2px; width: 0; height: 1px; background: var(--lime); transition: width.3s var(--ease);
}.nav-links a:hover { color: var(--lime); }.nav-links a:hover::after { width: 100%; }.nav-right { display: flex; align-items: center; gap: 14px; }.nav-phone { color: var(--paper); font-weight: 600; font-size: 14px; font-variant-numeric: tabular-nums; display: inline-flex; align-items: center; gap: 10px; font-family: var(--body); transition: color.2s var(--ease);
}.nav-phone:hover { color: var(--lime); }.nav-phone svg { width: 14px; height: 14px; color: var(--lime); }.nav-cta { display: inline-flex; align-items: center; gap: 10px; background: var(--lime); color: var(--black); padding: 14px 24px; font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; transition: all.3s var(--ease); position: relative; overflow: hidden;
}.nav-cta::before { content: ""; position: absolute; inset: 0; background: var(--paper); transform: translateX(-101%); transition: transform.4s var(--ease);
}.nav-cta > * { position: relative; z-index: 1; }.nav-cta:hover::before { transform: translateX(0); }.nav-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(165,216,31,0.36); }.nav-mobile-toggle { display: none; color: var(--paper); width: 32px; height: 32px; background: transparent; border: 0; padding: 0; cursor: pointer; }.nav-mobile-toggle.is-open { color: var(--lime); } /* Honeypot — visually hidden but not display:none (bots skip display:none). Real users never see/tab to it. */.sgd-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; } /* ============================================================== HERO — BRIGHTER · Animated text · 3 CTAs incl Emergency ============================================================== */.hero { position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden; background: var(--black);
}.hero-bg { position: absolute; inset: 0; z-index: 0; }.hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; opacity: 0; transition: opacity 1.6s var(--ease-cinema); filter: brightness(0.78) saturate(1.05) contrast(1.05);
}.hero-img.active { opacity: 1; animation: kenBurns 18s var(--ease-cinema) infinite alternate;
}
@keyframes kenBurns { 0% { transform: scale(1.02); } 100% { transform: scale(1.16); }
}.hero-dots { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; gap: 8px; opacity: 0; animation: heroFade 1s var(--ease-cinema) 2.2s forwards;
}.hero-dots button { width: 28px; height: 2px; background: rgba(255,255,255,0.3); border: none; padding: 0; cursor: pointer; transition: all.4s var(--ease); position: relative; overflow: hidden;
}.hero-dots button::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: var(--lime);
}.hero-dots button.active { width: 48px; background: rgba(255,255,255,0.15); }.hero-dots button.active::after { width: 100%; transition: width 6s linear; }.hero-scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to right, rgba(10,10,10,0.78) 0%, rgba(10,10,10,0.4) 45%, rgba(10,10,10,0.15) 100%), linear-gradient(to bottom, rgba(10,10,10,0.18) 0%, rgba(10,10,10,0.45) 100%);
}.hero-vignette { position: absolute; inset: 0; z-index: 1; pointer-events: none; box-shadow: inset 0 0 200px rgba(0,0,0,0.4);
}.hero-content { position: relative; z-index: 2; width: 100%; padding: 48px 0 88px; max-width: var(--container); margin: 0 auto; padding-left: var(--pad-x); padding-right: var(--pad-x);
}.hero-eyebrow { font-family: var(--body); font-size: 12px; letter-spacing: 0.32em; text-transform: uppercase; font-weight: 600; color: var(--lime); margin-bottom: 22px; display: inline-flex; align-items: center; gap: 12px; opacity: 0; transform: translateY(20px); animation: heroFade 1s var(--ease-cinema) 0.6s forwards;
}.hero-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px var(--lime); animation: pulse 2s infinite; }.hero-title { font-family: var(--display); font-size: clamp(44px, 6.8vw, 112px); line-height: 0.98; font-weight: 800; letter-spacing: -0.015em; color: var(--paper); text-transform: uppercase; margin-bottom: 26px;
}.hero-title.stack { display: block; overflow: hidden; }.hero-title.stack span.inner { display: inline-block; transform: translateY(110%); animation: lineUp 1.1s var(--ease-cinema) forwards;
}.hero-title.stack:nth-child(1) span.inner { animation-delay: 0.75s; }.hero-title.stack:nth-child(2) span.inner { animation-delay: 0.95s; }
@keyframes lineUp { to { transform: translateY(0); }
}.hero-title.lime { color: var(--lime); text-shadow: 0 0 32px rgba(165,216,31,0.35), 0 0 80px rgba(165,216,31,0.18);
}.hero-sub { font-family: var(--body); font-size: clamp(15px, 1.15vw, 19px); line-height: 1.6; color: var(--cream-70); max-width: 58ch; margin-bottom: 50px; font-weight: 400; opacity: 0; transform: translateY(20px); animation: heroFade 1s var(--ease-cinema) 1.25s forwards;
}
@keyframes heroFade { to { opacity: 1; transform: translateY(0); }
}.hero-cta-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; opacity: 0; transform: translateY(20px); animation: heroFade 1s var(--ease-cinema) 1.55s forwards;
}.btn-lime,.btn-outline,.btn-emergency { display: inline-flex; align-items: center; gap: 14px; padding: 19px 32px; font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; transition: all.3s var(--ease); position: relative; overflow: hidden; border: 1px solid transparent;
}.btn-lime { background: var(--lime); color: var(--black); }.btn-lime::before { content: ""; position: absolute; inset: 0; background: var(--paper); transform: translateX(-101%); transition: transform.45s var(--ease);
}.btn-lime > * { position: relative; z-index: 1; }.btn-lime:hover::before { transform: translateX(0); }.btn-lime:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(165,216,31,0.45); }.btn-outline { background: transparent; color: var(--paper); border-color: var(--hair-2); }.btn-outline:hover { border-color: var(--lime); color: var(--lime); transform: translateY(-2px); background: rgba(165,216,31,0.05); }.btn-emergency { background: var(--black); color: var(--lime); border: 1.5px solid var(--lime); box-shadow: 0 8px 26px rgba(165,216,31,0.18), inset 0 0 0 0 var(--lime); animation: emergencyBtnPulse 2.4s infinite;
}.btn-emergency:hover { background: var(--lime); color: var(--black); transform: translateY(-2px); box-shadow: 0 14px 36px rgba(165,216,31,0.42); }.btn-emergency:hover svg { color: var(--black); }.btn-emergency svg { width: 16px; height: 16px; color: var(--lime); transition: color.3s var(--ease); }
@keyframes emergencyBtnPulse { 0%, 100% { box-shadow: 0 8px 26px rgba(165,216,31,0.2), 0 0 0 0 rgba(165,216,31,0.45); } 50% { box-shadow: 0 8px 26px rgba(165,216,31,0.2), 0 0 0 14px rgba(165,216,31,0); }
}.hero-scroll { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 10px; font-family: var(--body); font-size: 10px; letter-spacing: 0.32em; text-transform: uppercase; color: var(--cream-70); font-weight: 600; opacity: 0; animation: heroFade 1s var(--ease-cinema) 2s forwards;
}.hero-scroll-line { width: 1px; height: 56px; background: linear-gradient(to bottom, transparent, var(--lime), transparent); background-size: 100% 200%; animation: scrollLine 2.4s linear infinite;
}
@keyframes scrollLine { 0% { background-position: 0% -100%; } 100% { background-position: 0% 200%; }
} /* ============================================================== STATS BAND — Animated counters ============================================================== */.stats-band { background: var(--black); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); padding: 56px 0; position: relative;
}.stats-band::before { content: ""; position: absolute; top: 0; left: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--lime), transparent); width: 100%; opacity: 0.5;
}.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center;
}.stat-item { padding: 0 12px; position: relative; }.stat-item +.stat-item::before { content: ""; position: absolute; left: 0; top: 14%; bottom: 14%; width: 1px; background: var(--hair-2);
}.stat-num { font-family: var(--display); font-size: clamp(40px, 5vw, 72px); font-weight: 800; color: var(--lime); line-height: 1; letter-spacing: -0.015em; text-shadow: 0 0 24px rgba(165,216,31,0.2);
}.stat-num.suffix { font-size: 0.55em; vertical-align: top; margin-left: 2px; }.stat-label { font-family: var(--body); margin-top: 14px; font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--cream-70); font-weight: 600;
} /* ============================================================== TRUST BADGES — Review platforms ============================================================== */.trust-badges { background: var(--black-2); padding: 40px 0; border-bottom: 1px solid var(--hair);
}.trust-inner { display: flex; justify-content: center; align-items: center; gap: 28px; flex-wrap: wrap;
}.trust-badge { display: inline-flex; align-items: center; gap: 12px; padding: 12px 20px; background: var(--black-3); border: 1px solid var(--hair); font-family: var(--body); font-weight: 600; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cream-92); transition: all.25s var(--ease);
}.trust-badge:hover { border-color: var(--lime); color: var(--lime); transform: translateY(-2px); }.trust-badge.stars { color: var(--lime); letter-spacing: 0.05em; }.trust-badge.platform { color: var(--paper); }.trust-badge.meta { color: var(--cream-50); font-size: 10px; letter-spacing: 0.18em; } /* ============================================================== BRAND STRIP — All-O-Matic featured ============================================================== */.brands { background: var(--black); padding: 40px 0; border-bottom: 1px solid var(--hair); overflow: hidden; position: relative;
}.brands::before,.brands::after { content: ""; position: absolute; top: 0; bottom: 0; width: 140px; z-index: 2; pointer-events: none;
}.brands::before { left: 0; background: linear-gradient(to right, var(--black), transparent); }.brands::after { right: 0; background: linear-gradient(to left, var(--black), transparent); }.brands-eyebrow { text-align: center; margin-bottom: 26px; font-family: var(--body); font-size: 11px; letter-spacing: 0.32em; text-transform: uppercase; color: var(--cream-50); font-weight: 600;
}.brands-track { display: flex; gap: 64px; white-space: nowrap; animation: marquee 40s linear infinite; width: max-content; align-items: center;
}
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); }
}.brand-item { font-family: var(--display); font-size: 30px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--cream-70); flex-shrink: 0; transition: color.25s var(--ease);
}.brand-item:hover { color: var(--paper); }.brand-item.featured { color: var(--lime); position: relative; text-shadow: 0 0 18px rgba(165,216,31,0.32); }.brand-item.featured::after { content: "Authorized"; position: absolute; top: -12px; right: -10px; font-family: var(--body); font-size: 8px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--lime); font-weight: 700; background: rgba(165,216,31,0.1); padding: 2px 7px; border: 1px solid var(--lime); border-radius: 999px;
}.brand-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--cream-30); } /* ============================================================== SECTION SCAFFOLDING ============================================================== */
section { padding: 140px 0; position: relative; }.section-head { margin-bottom: 72px; max-width: 920px; }.section-head.centered { text-align: center; margin-left: auto; margin-right: auto; }.section-head.eyebrow { margin-bottom: 28px; }.eyebrow { font-family: var(--body); font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; font-weight: 600; color: var(--lime); display: inline-flex; align-items: center; gap: 12px;
}.eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 8px var(--lime-glow);
}.section-head h2 { font-family: var(--display); font-size: clamp(40px, 5.5vw, 96px); font-weight: 800; line-height: 0.94; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper);
}.section-head h2.lime { color: var(--lime); text-shadow: 0 0 28px rgba(165,216,31,0.22); }.section-head.lede { margin-top: 28px; font-family: var(--body); font-size: 17px; color: var(--cream-70); line-height: 1.7; max-width: 60ch;
} /* Section divider lime sweep */.divider-sweep { height: 1px; background: var(--hair); position: relative; overflow: hidden;
}.divider-sweep::after { content: ""; position: absolute; left: -30%; top: 0; height: 100%; width: 30%; background: linear-gradient(90deg, transparent, var(--lime), transparent); animation: sweep 5s linear infinite;
}
@keyframes sweep { 0% { left: -30%; } 100% { left: 130%; }
} /* ============================================================== SERVICES GRID ============================================================== */.services { background: var(--black); padding-top: 140px; }.svc-header-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 56px; margin-bottom: 64px; }.svc-header-row.section-head { margin-bottom: 0; }.svc-header-aside { max-width: 320px; font-family: var(--body); font-size: 14px; color: var(--cream-70); line-height: 1.65;
}.svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }.svc-card { position: relative; background: var(--black-3); border: 1px solid var(--hair); overflow: hidden; transition: border-color.35s var(--ease), transform.35s var(--ease); cursor: pointer;
}.svc-card:hover { border-color: var(--lime); transform: translateY(-4px); }.svc-photo { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--black-2);
}.svc-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-cinema); filter: brightness(0.82);
}.svc-card:hover.svc-photo img { transform: scale(1.07); filter: brightness(1); }.svc-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 30%, rgba(10,10,10,0.6) 100%);
}.svc-price { position: absolute; top: 14px; right: 14px; z-index: 2; background: rgba(10,10,10,0.85); backdrop-filter: blur(8px); padding: 6px 12px; font-family: var(--display); font-size: 11px; letter-spacing: 0.18em; font-weight: 700; text-transform: uppercase; color: var(--lime); border: 1px solid var(--lime-soft);
}.svc-body { padding: 28px; }.svc-body.eyebrow { font-family: var(--body); font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--lime); font-weight: 600; margin-bottom: 14px;
}.svc-body h3 { font-family: var(--display); font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: var(--paper); margin-bottom: 14px; line-height: 1.05;
}.svc-body.learn { font-family: var(--display); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--lime); font-weight: 700; display: inline-flex; align-items: center; gap: 10px; transition: gap.25s var(--ease);
}.svc-card:hover.svc-body.learn { gap: 18px; } /* ============================================================== WHY CHOOSE US + All-O-Matic callout ============================================================== */.why { background: var(--black); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair);
}.why-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 96px; align-items: center;
}.why-photo { aspect-ratio: 4/5; overflow: hidden; position: relative; }.why-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.6s var(--ease-cinema); filter: brightness(0.9);
}.why-photo:hover img { transform: scale(1.04); filter: brightness(1); }.why-photo-badge { position: absolute; bottom: 24px; left: 24px; background: rgba(10,10,10,0.92); backdrop-filter: blur(8px); border-left: 3px solid var(--lime); padding: 12px 18px; font-family: var(--body); font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--paper); font-weight: 600;
}.why-content.eyebrow { margin-bottom: 28px; }.why-content h2 { font-family: var(--display); font-size: clamp(40px, 5.5vw, 80px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 28px;
}.why-content h2.lime { color: var(--lime); text-shadow: 0 0 28px rgba(165,216,31,0.22); }.why-content p { font-family: var(--body); font-size: 16px; line-height: 1.7; color: var(--cream-70); margin-bottom: 36px; max-width: 50ch;
}.why-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 24px; padding-top: 40px; border-top: 1px solid var(--hair); margin-bottom: 40px; }.why-trust-item { display: flex; gap: 18px; align-items: flex-start; }.why-trust-num { font-family: var(--display); font-size: 30px; font-weight: 800; color: var(--lime); line-height: 1; flex-shrink: 0; letter-spacing: -0.015em;
}.why-trust-body h4 { font-family: var(--display); font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--paper); margin-bottom: 6px;
}.why-trust-body p { font-family: var(--body); font-size: 13px; color: var(--cream-50); line-height: 1.55; font-weight: 400; margin: 0;
}.authorized-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 36px;
}.authorized-callout { display: flex; align-items: center; gap: 14px; background: linear-gradient(135deg, var(--lime-soft) 0%, rgba(165,216,31,0.04) 100%); border: 1px solid var(--lime); padding: 16px 18px; font-family: var(--body); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--lime); font-weight: 700; position: relative; box-shadow: 0 0 26px rgba(165,216,31,0.12) inset;
}.authorized-callout.badge-icon { width: 34px; height: 34px; border-radius: 50%; background: var(--lime); color: var(--black); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
}.authorized-callout.badge-icon svg { width: 17px; height: 17px; }.authorized-callout.text-block { display: flex; flex-direction: column; gap: 2px; line-height: 1.3; }.authorized-callout.text-block strong { color: var(--paper); font-size: 13px; letter-spacing: 0.05em; }.authorized-callout.text-block span { font-size: 10px; letter-spacing: 0.18em; } /* ============================================================== MEET TAL KARTA — Personal touch ============================================================== */.meet-owner { background: var(--black-2); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair);
}.tk-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; }.tk-content.eyebrow { margin-bottom: 28px; }.tk-content h2 { font-family: var(--display); font-size: clamp(36px, 5vw, 76px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 28px;
}.tk-content h2.lime { color: var(--lime); }.tk-content blockquote { font-family: var(--display); font-size: clamp(20px, 1.8vw, 26px); font-weight: 500; line-height: 1.3; color: var(--cream-92); margin-bottom: 32px; border-left: 2px solid var(--lime); padding-left: 24px; text-transform: none; letter-spacing: 0; font-style: italic;
}.tk-content p { font-family: var(--body); font-size: 15px; line-height: 1.75; color: var(--cream-70); margin-bottom: 24px; max-width: 56ch; }.tk-signature { display: flex; align-items: center; gap: 16px; padding-top: 24px; border-top: 1px solid var(--hair);
}.tk-sig-name { font-family: var(--display); font-size: 18px; font-weight: 700; color: var(--paper); text-transform: uppercase; letter-spacing: 0.06em; }.tk-sig-role { font-family: var(--body); font-size: 12px; color: var(--lime); letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; }.tk-photo { aspect-ratio: 4/5; overflow: hidden; position: relative; }.tk-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.6s var(--ease-cinema);
}.tk-photo:hover img { transform: scale(1.04); }.tk-photo-frame { position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; border: 1px solid var(--lime); z-index: -1; opacity: 0.4; pointer-events: none;
} /* ============================================================== PROCESS ============================================================== */.process { background: var(--black); }.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }.process-step { padding: 36px 28px; border: 1px solid var(--hair); background: var(--black-2); transition: border-color.35s var(--ease), background.35s var(--ease), transform.35s var(--ease); position: relative;
}.process-step:hover { border-color: var(--lime); background: var(--black-3); transform: translateY(-4px); }.process-num { font-family: var(--display); font-size: 60px; font-weight: 800; color: var(--lime); line-height: 1; margin-bottom: 36px; letter-spacing: -0.02em; opacity: 0.85;
}.process-step h3 { font-family: var(--display); font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--paper); margin-bottom: 14px; line-height: 1.05;
}.process-step p { font-family: var(--body); font-size: 13.5px; line-height: 1.65; color: var(--cream-70);
} /* ============================================================== FEATURED PROJECTS ============================================================== */.projects { background: var(--black-2); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair);
}.project-list { display: flex; flex-direction: column; gap: 120px; margin-top: 24px; }.project { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }.project.reverse { direction: rtl; }.project.reverse > * { direction: ltr; }.project-photo { aspect-ratio: 4/5; overflow: hidden; position: relative; }.project-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.6s var(--ease-cinema); filter: brightness(0.88);
}.project:hover.project-photo img { transform: scale(1.05); filter: brightness(1); }.project-photo-tag { position: absolute; top: 24px; left: 24px; background: rgba(10,10,10,0.85); backdrop-filter: blur(8px); padding: 8px 14px; font-family: var(--body); font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--paper); font-weight: 600;
}.project-photo-tag.lime-pip { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--lime); margin-right: 8px; vertical-align: middle; }.project-number { font-family: var(--display); font-size: clamp(48px, 6vw, 88px); font-weight: 800; color: var(--lime); line-height: 1; margin-bottom: 28px; letter-spacing: -0.02em; text-shadow: 0 0 24px rgba(165,216,31,0.18);
}.project-title { font-family: var(--display); font-size: clamp(32px, 4vw, 56px); font-weight: 800; text-transform: uppercase; letter-spacing: -0.012em; line-height: 1.0; color: var(--paper); margin-bottom: 24px;
}.project-title.lime { color: var(--lime); }.project-desc { font-family: var(--body); font-size: 16px; line-height: 1.7; color: var(--cream-70); margin-bottom: 36px; max-width: 50ch;
}.project-meta { display: grid; grid-template-columns: auto 1fr; gap: 12px 28px; padding: 28px 0; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); font-family: var(--body); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;
}.project-meta dt { color: var(--cream-50); font-weight: 600; }.project-meta dd { color: var(--paper); font-weight: 600; }.project-link { display: inline-flex; align-items: center; gap: 14px; margin-top: 32px; font-family: var(--display); font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--lime); font-weight: 700; padding-bottom: 8px; border-bottom: 1px solid var(--lime); transition: gap.3s var(--ease);
}.project-link:hover { gap: 22px; }.projects-footer { margin-top: 120px; padding-top: 56px; border-top: 1px solid var(--hair); text-align: center;
}.projects-footer a { display: inline-flex; align-items: center; gap: 16px; padding: 22px 48px; background: var(--lime); color: var(--black); font-family: var(--display); font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 700; transition: all.3s var(--ease); position: relative; overflow: hidden;
}.projects-footer a::before { content: ""; position: absolute; inset: 0; background: var(--paper); transform: translateX(-101%); transition: transform.45s var(--ease);
}.projects-footer a > * { position: relative; z-index: 1; }.projects-footer a:hover::before { transform: translateX(0); }.projects-footer a:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(165,216,31,0.3); } /* ============================================================== TESTIMONIALS — Rotating with photos ============================================================== */.testimonial { background: var(--black); padding: 160px 0; text-align: center; position: relative; overflow: hidden;
}.testimonial::before { content: ""; position: absolute; left: 50%; top: 80px; transform: translateX(-50%); font-family: serif; font-size: 220px; line-height: 1; color: var(--lime); opacity: 0.06; pointer-events: none; content: "\201C";
}.testimonial-inner { max-width: 1080px; margin: 0 auto; padding: 0 var(--pad-x); position: relative; }.testimonial-eyebrow { font-family: var(--body); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--lime); font-weight: 700; margin-bottom: 56px; display: inline-flex; align-items: center; gap: 12px;
}.testimonial-eyebrow::before { content: "★"; color: var(--lime); }.testimonial-slides { position: relative; min-height: 380px; }.testimonial-slide { position: absolute; inset: 0; opacity: 0; transform: translateY(20px); transition: opacity 0.8s var(--ease-cinema), transform 0.8s var(--ease-cinema); pointer-events: none;
}.testimonial-slide.active { opacity: 1; transform: translateY(0); pointer-events: auto; }.testimonial-quote { font-family: var(--display); font-size: clamp(26px, 3.6vw, 56px); font-weight: 700; line-height: 1.2; letter-spacing: -0.008em; text-transform: uppercase; color: var(--paper); margin-bottom: 48px;
}.testimonial-quote.lime { color: var(--lime); }.testimonial-attr { display: inline-flex; align-items: center; gap: 18px; font-family: var(--body); font-size: 13px; color: var(--cream-70); letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600;
}.testimonial-attr.stars { color: var(--lime); letter-spacing: 0.08em; font-size: 14px; }.testimonial-attr.sep { color: var(--hair-2); }.testimonial-dots { display: flex; justify-content: center; gap: 10px; margin-top: 56px;
}.testimonial-dots button { width: 32px; height: 2px; background: var(--hair-2); padding: 0; transition: all.35s var(--ease); cursor: pointer; border: none;
}.testimonial-dots button.active { background: var(--lime); width: 52px; } /* ============================================================== FAQ SECTION ============================================================== */.faq { background: var(--black-2); border-top: 1px solid var(--hair); }.faq-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; }.faq-side.eyebrow { margin-bottom: 28px; }.faq-side h2 { font-family: var(--display); font-size: clamp(36px, 4.5vw, 72px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 28px;
}.faq-side h2.lime { color: var(--lime); }.faq-side p { font-family: var(--body); font-size: 15px; line-height: 1.7; color: var(--cream-70); max-width: 36ch; margin-bottom: 32px; }.faq-side.btn-outline { padding: 16px 28px; }.faq-list { display: flex; flex-direction: column; gap: 4px; }.faq-item { border-top: 1px solid var(--hair); padding: 0;
}.faq-item:last-child { border-bottom: 1px solid var(--hair); }.faq-q { width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 26px 0; font-family: var(--display); font-size: clamp(18px, 1.6vw, 24px); font-weight: 700; color: var(--paper); text-transform: uppercase; letter-spacing: 0.02em; cursor: pointer; transition: color.25s var(--ease);
}.faq-q:hover { color: var(--lime); }.faq-toggle { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--hair-2); flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; transition: all.3s var(--ease); color: var(--cream-70);
}.faq-q:hover.faq-toggle { border-color: var(--lime); color: var(--lime); }.faq-toggle svg { width: 16px; height: 16px; transition: transform.35s var(--ease); }.faq-item.open.faq-toggle { background: var(--lime); border-color: var(--lime); color: var(--black); }.faq-item.open.faq-toggle svg { transform: rotate(45deg); }.faq-a { max-height: 0; overflow: hidden; transition: max-height.45s var(--ease-cinema), padding.35s var(--ease); padding: 0;
}.faq-item.open.faq-a { max-height: 400px; padding: 0 0 26px;
}.faq-a p { font-family: var(--body); font-size: 15px; line-height: 1.75; color: var(--cream-70); max-width: 64ch;
} /* ============================================================== AREAS + CONTACT ============================================================== */.areas-contact { background: var(--black); border-top: 1px solid var(--hair);
}.ac-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start; }.ac-left.eyebrow { margin-bottom: 28px; }.ac-left h2 { font-family: var(--display); font-size: clamp(40px, 5vw, 80px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 28px;
}.ac-left h2.lime { color: var(--lime); }.ac-left p { font-family: var(--body); font-size: 16px; line-height: 1.7; color: var(--cream-70); margin-bottom: 40px; max-width: 44ch;
}.ac-map { position: relative; aspect-ratio: 4/3; overflow: hidden; margin-bottom: 40px; border: 1px solid var(--hair);
}.ac-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter:none;
}.ac-map-frame { position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 80px rgba(10,10,10,0.5); }.ac-map-badge { position: absolute; bottom: 16px; left: 16px; z-index: 3; background: rgba(10,10,10,0.9); padding: 10px 16px; font-family: var(--body); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--paper); font-weight: 600; border-left: 2px solid var(--lime);
}.ac-cities { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }.ac-cities h4 { font-family: var(--display); font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--lime); font-weight: 700; margin-bottom: 14px;
}.ac-cities ul { list-style: none; }.ac-cities li { font-family: var(--body); font-size: 13.5px; color: var(--cream-70); padding: 4px 0; transition: color.2s var(--ease); cursor: pointer;
}.ac-cities li:hover { color: var(--paper); }.ac-form { background: var(--black-2); padding: 48px; border: 1px solid var(--hair); position: relative;
}.ac-form::before { content: ""; position: absolute; top: -1px; left: 32px; right: 32px; height: 2px; background: linear-gradient(90deg, transparent 0%, var(--lime) 50%, transparent 100%);
}.ac-form.eyebrow { margin-bottom: 20px; }.ac-form h3 { font-family: var(--display); font-size: clamp(28px, 3vw, 44px); font-weight: 800; text-transform: uppercase; letter-spacing: -0.012em; line-height: 1.05; color: var(--paper); margin-bottom: 18px;
}.ac-form h3.lime { color: var(--lime); }.ac-form.sub { font-family: var(--body); font-size: 14px; color: var(--cream-70); line-height: 1.65; margin-bottom: 40px; max-width: 42ch;
}.field { position: relative; margin-bottom: 18px; }.field label { display: block; font-family: var(--display); font-size: 10px; letter-spacing: 0.26em; text-transform: uppercase; color: var(--lime); font-weight: 700; margin-bottom: 8px;
}.field input,.field textarea,.field select { width: 100%; background: rgba(10,10,10,0.5); border: 1px solid var(--hair-2); color: var(--paper); padding: 14px 16px; font-family: var(--body); font-size: 14px; font-weight: 400; transition: border-color.3s var(--ease), background.3s var(--ease); appearance: none; -webkit-appearance: none; border-radius: 0;
}.field input::placeholder,.field textarea::placeholder { color: var(--cream-30); }.field input:focus,.field textarea:focus,.field select:focus { outline: none; border-color: var(--lime); background: rgba(165,216,31,0.06);
}.field select { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23a5d81f' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 14px; padding-right: 40px;
}.field option { background: var(--black-2); color: var(--paper); }.field textarea { resize: vertical; min-height: 100px; line-height: 1.5; }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.form-submit { width: 100%; margin-top: 16px; background: var(--lime); color: var(--black); padding: 20px 32px; font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; transition: all.3s var(--ease); display: inline-flex; align-items: center; justify-content: center; gap: 14px; position: relative; overflow: hidden;
}.form-submit::before { content: ""; position: absolute; inset: 0; background: var(--paper); transform: translateX(-101%); transition: transform.4s var(--ease);
}.form-submit > * { position: relative; z-index: 1; }.form-submit:hover::before { transform: translateX(0); }.form-submit:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(165,216,31,0.4); }.form-disclaimer { font-family: var(--body); font-size: 11px; color: var(--cream-50); margin-top: 18px; line-height: 1.6; text-align: center; letter-spacing: 0.06em;
}.ac-direct { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--hair); text-align: center;
}.ac-direct.label { font-family: var(--body); font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--cream-50); margin-bottom: 12px;
}.ac-direct.phone { font-family: var(--display); font-size: 36px; font-weight: 800; color: var(--paper); letter-spacing: 0.02em; font-variant-numeric: tabular-nums; display: inline-block; line-height: 1; text-shadow: 0 0 24px rgba(165,216,31,0.18);
}.ac-direct.phone:hover { color: var(--lime); }.ac-direct.meta { font-family: var(--body); font-size: 12px; color: var(--cream-50); margin-top: 8px; letter-spacing: 0.12em;
} /* ============================================================== FINAL CTA ============================================================== */.final-cta { background: linear-gradient(135deg, var(--black-3) 0%, var(--black) 60%); padding: 140px 0; position: relative; overflow: hidden;
}.final-cta::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 80% 50%, rgba(165,216,31,0.12), transparent 50%); pointer-events: none;
}.final-cta-inner { position: relative; max-width: 920px; margin: 0 auto; padding: 0 var(--pad-x); text-align: center;
}.final-cta h2 { font-family: var(--display); font-size: clamp(44px, 5.5vw, 96px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 24px;
}.final-cta h2.lime { color: var(--lime); text-shadow: 0 0 28px rgba(165,216,31,0.28); }.final-cta p { font-family: var(--body); font-size: 17px; color: var(--cream-70); max-width: 50ch; margin: 0 auto 44px; line-height: 1.65;
}.final-cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }.final-cta-foot { margin-top: 36px; font-family: var(--body); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-50); font-weight: 600;
}.final-cta-foot.sep { color: var(--lime); margin: 0 12px; } /* ============================================================== FOOTER ============================================================== */.footer { background: var(--black); border-top: 1px solid var(--hair); padding: 100px 0 36px; }.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 64px; margin-bottom: 56px; }.footer-brand img { height: 60px; width: auto; margin-bottom: 24px; filter: brightness(1.05) drop-shadow(0 0 14px rgba(165,216,31,0.15)); }.footer-brand p { font-family: var(--body); font-size: 14px; color: var(--cream-70); line-height: 1.7; margin-bottom: 28px; max-width: 38ch; }.footer-nap-label { font-family: var(--display); font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--lime); font-weight: 700; margin-bottom: 8px;
}.footer-phone { font-family: var(--display); font-size: 26px; font-weight: 800; color: var(--paper); letter-spacing: 0.02em; line-height: 1.2; margin-bottom: 14px; display: block;
}.footer-phone:hover { color: var(--lime); }.footer-nap-info { font-family: var(--body); font-size: 13px; color: var(--cream-50); line-height: 1.85;
}.footer-nap-info strong { color: var(--paper); }.footer-col h5 { font-family: var(--display); font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--lime); margin-bottom: 22px; font-weight: 700;
}.footer-col ul { list-style: none; }.footer-col li { padding: 7px 0; }.footer-col a { font-family: var(--body); font-size: 13.5px; color: var(--cream-70); transition: color.2s var(--ease); }.footer-col a:hover { color: var(--paper); }.footer-newsletter { background: var(--black-2); border: 1px solid var(--hair); padding: 36px; margin-bottom: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center;
}.footer-newsletter h4 { font-family: var(--display); font-size: clamp(22px, 2.4vw, 32px); font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: var(--paper); line-height: 1.15;
}.footer-newsletter h4.lime { color: var(--lime); }.footer-newsletter p { font-family: var(--body); font-size: 13px; color: var(--cream-70); margin-top: 8px; }.footer-newsletter form { display: flex; gap: 10px; }.footer-newsletter input { flex: 1; padding: 14px 16px; background: var(--black); border: 1px solid var(--hair-2); color: var(--paper); font-family: var(--body); font-size: 14px;
}.footer-newsletter input:focus { outline: none; border-color: var(--lime); }.footer-newsletter button { padding: 14px 22px; background: var(--lime); color: var(--black); font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; transition: all.25s var(--ease);
}.footer-newsletter button:hover { background: var(--paper); }.footer-brand-strip { padding: 28px 0; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); margin-bottom: 32px; display: flex; flex-wrap: wrap; gap: 28px; justify-content: center; align-items: center;
}.footer-brand-strip span { font-family: var(--display); font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-50); font-weight: 600;
}.footer-brand-strip span.featured { color: var(--lime); position: relative; }.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; font-family: var(--body); font-size: 11px; color: var(--cream-50); letter-spacing: 0.1em;
}.footer-social { display: flex; gap: 12px; }.footer-social a { width: 36px; height: 36px; border: 1px solid var(--hair-2); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--cream-70); transition: all.25s var(--ease);
}.footer-social a:hover { border-color: var(--lime); color: var(--lime); transform: translateY(-2px); background: var(--lime-soft); }.footer-social svg { width: 14px; height: 14px; } /* ============================================================== FLOATING STACK — WhatsApp, Call, Top ============================================================== */.float-stack { position: fixed; bottom: 30px; right: 30px; display: flex; flex-direction: column; gap: 12px; z-index: 200;
}.float-btn { width: 58px; height: 58px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; transition: transform.3s var(--ease); position: relative;
}.float-btn svg { width: 26px; height: 26px; }.float-wa { background: #25D366; box-shadow: 0 8px 26px rgba(37,211,102,0.4); animation: pulseLg 2.5s infinite; }.float-call { background: var(--black); border: 1.5px solid var(--lime); color: var(--lime); box-shadow: 0 8px 26px rgba(165,216,31,0.24); }.float-call:hover { background: var(--lime); color: var(--black); }.float-top { background: var(--lime); color: var(--black); box-shadow: 0 8px 26px rgba(165,216,31,0.4); opacity: 0; transform: translateY(20px) scale(0.8); pointer-events: none; transition: opacity.3s var(--ease), transform.3s var(--ease); }.float-top.show { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }.float-btn:hover { transform: scale(1.1); }
@keyframes pulseLg { 0% { box-shadow: 0 8px 26px rgba(37,211,102,0.4), 0 0 0 0 rgba(37,211,102,0.5); } 70% { box-shadow: 0 8px 26px rgba(37,211,102,0.4), 0 0 0 16px rgba(37,211,102,0); } 100% { box-shadow: 0 8px 26px rgba(37,211,102,0.4), 0 0 0 0 rgba(37,211,102,0); }
}.mobile-bar { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(10,10,10,0.97); backdrop-filter: blur(16px); border-top: 1px solid var(--hair); padding: 10px 12px; display: none; justify-content: space-around; align-items: center; z-index: 150;
}.mobile-bar a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 0; font-family: var(--display); font-weight: 700; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--paper);
}.mobile-bar a.emergency { color: var(--lime); }.mobile-bar svg { width: 20px; height: 20px; color: var(--lime); }.mobile-bar a.emergency svg { color: var(--lime); } /* ============================================================== REVEAL ANIMATIONS ============================================================== */
/* Reveals: hide ONLY when JS is confirmed running. Without js-on flag, content is visible by default. */.reveal { opacity: 1; transform: none; transition: opacity 1.1s var(--ease-cinema), transform 1.1s var(--ease-cinema); }.reveal-slow { opacity: 1; transition: opacity 1.6s var(--ease-cinema); }.reveal-stagger > * { opacity: 1; transform: none; transition: opacity 1s var(--ease-cinema), transform 1s var(--ease-cinema); }
html.js-on.reveal:not(.in) { opacity: 0; transform: translateY(36px); }
html.js-on.reveal-slow:not(.in) { opacity: 0; }
html.js-on.reveal-stagger:not(.in) > * { opacity: 0; transform: translateY(28px); }.reveal.in { opacity: 1; transform: translateY(0); }.reveal-slow.in { opacity: 1; }.reveal-stagger.in > *:nth-child(1) { transition-delay: 0s; }.reveal-stagger.in > *:nth-child(2) { transition-delay: 0.08s; }.reveal-stagger.in > *:nth-child(3) { transition-delay: 0.16s; }.reveal-stagger.in > *:nth-child(4) { transition-delay: 0.24s; }.reveal-stagger.in > *:nth-child(5) { transition-delay: 0.32s; }.reveal-stagger.in > *:nth-child(6) { transition-delay: 0.4s; }.reveal-stagger.in > * { opacity: 1; transform: translateY(0); }
/* Failsafe: when failsafe class is set, force ALL reveals visible regardless of.in state */
html.reveals-failsafe.reveal,
html.reveals-failsafe.reveal-slow,
html.reveals-failsafe.reveal-stagger > * { opacity: 1!important; transform: none!important; } /* ============================================================== MOBILE ============================================================== */
/* Tablet hero CTA polish */
@media (max-width: 1100px) and (min-width: 1025px) {.hero-cta-row { gap: 10px; }.btn-lime,.btn-outline,.btn-emergency { padding: 17px 22px; font-size: 12px; }
}
@media (max-width: 1024px) {:root { --pad-x: 22px; } section { padding: 80px 0; }.social-rail { display: none; }.emergency-band { font-size: 10px; letter-spacing: 0.08em; padding: 8px 0; }.nav { padding: 14px var(--pad-x); gap: 12px; }.nav-logo img { height: 44px; }.nav-links { display: none; }.nav-right { gap: 8px; }.nav-cta { display: none; }.nav-phone { font-size: 13px; }.nav-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; }.nav-mobile-toggle svg { width: 26px; height: 26px; } /* Mobile menu open state — slide-down panel under sticky header */.nav-wrap.nav-open { background: rgba(10,10,10,0.98); }.nav-wrap.nav-open.nav-links { display: flex; flex-direction: column; gap: 0; position: fixed; left: 0; right: 0; top: 72px; background: rgba(10,10,10,0.98); border-top: 1px solid var(--hair-2); padding: 18px var(--pad-x) 28px; z-index: 90; max-height: calc(100vh - 72px); overflow-y: auto; animation: navSlide.22s var(--ease) both; }.nav-wrap.nav-open.nav-links a { padding: 14px 0; border-bottom: 1px solid var(--hair); font-size: 13px; letter-spacing: 0.16em; color: var(--paper); width: 100%; }.nav-wrap.nav-open.nav-links a:last-child { border-bottom: 0; }.nav-wrap.nav-open.nav-links a::after { display: none; } @keyframes navSlide { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }.utility-left { gap: 12px; flex-wrap: wrap; font-size: 10px; letter-spacing: 0.04em; }.utility-right { display: none; }.hero { min-height: 70vh; }.hero-content { padding: 48px var(--pad-x) 72px; }.hero-sub { font-size: 15px; margin-bottom: 36px; }.hero-cta-row { flex-direction: column; align-items: stretch; gap: 12px; }.btn-lime,.btn-outline,.btn-emergency { justify-content: center; padding: 16px 22px; }.hero-scroll { display: none; }.stats-grid { grid-template-columns: 1fr 1fr; gap: 32px 16px; }.stat-item +.stat-item::before { display: none; }.stat-item:nth-child(3),.stat-item:nth-child(4) { border-top: 1px solid var(--hair); padding-top: 32px; }.trust-inner { gap: 12px; }.trust-badge { padding: 10px 14px; font-size: 11px; gap: 8px; }.brands { padding: 22px 0; }.brand-item { font-size: 22px; }.svc-header-row { flex-direction: column; align-items: flex-start; gap: 24px; }.svc-grid { grid-template-columns: 1fr; gap: 16px; }.why-grid { grid-template-columns: 1fr; gap: 56px; }.why-trust { grid-template-columns: 1fr; gap: 24px; }.why-photo { aspect-ratio: 4/3; }.tk-grid { grid-template-columns: 1fr; gap: 48px; }.tk-photo { aspect-ratio: 4/4; max-width: 400px; margin: 0 auto; }.process-grid { grid-template-columns: 1fr 1fr; gap: 14px; }.process-step { padding: 24px 20px; }.process-num { font-size: 44px; margin-bottom: 24px; }.process-step h3 { font-size: 18px; }.project-list { gap: 80px; }.project,.project.reverse { grid-template-columns: 1fr; gap: 32px; direction: ltr; }.project-photo { aspect-ratio: 4/4; }.project-meta { grid-template-columns: 1fr; gap: 8px; }.projects-footer { margin-top: 80px; padding-top: 40px; }.testimonial { padding: 100px 0; }.testimonial-slides { min-height: 480px; }.faq-grid { grid-template-columns: 1fr; gap: 40px; }.ac-grid { grid-template-columns: 1fr; gap: 64px; }.ac-cities { grid-template-columns: repeat(2, 1fr); }.ac-form { padding: 32px; }.field-row { grid-template-columns: 1fr; gap: 0; }.field-row.field { margin-bottom: 18px; }.final-cta { padding: 80px 0; }.footer { padding: 70px 0 28px; }.footer-grid { grid-template-columns: 1fr; gap: 36px; }.footer-newsletter { grid-template-columns: 1fr; gap: 20px; padding: 28px; }.footer-brand-strip { gap: 18px; }.footer-bottom { flex-direction: column-reverse; align-items: flex-start; gap: 14px; }.mobile-bar { display: flex; }.float-stack { bottom: 80px; right: 14px; gap: 10px; }.float-btn { width: 50px; height: 50px; }.float-btn svg { width: 22px; height: 22px; } body { padding-bottom: 64px; }
} /* SEO INTRO BLOCK */.seo-intro { background: var(--black-2); padding: 56px 0; border-bottom: 1px solid var(--hair); }.seo-intro-inner { max-width: 880px; margin: 0 auto; text-align: center; }.seo-intro p { font-family: var(--body); font-size: 17px; line-height: 1.7; color: var(--cream-92); letter-spacing: 0.01em; font-weight: 400; }
@media (max-width: 768px) {.seo-intro { padding: 40px 0; }.seo-intro p { font-size: 15px; } }
/* SERVICES "View All" button */.svc-view-all-row { text-align: center; margin-top: 56px; }.svc-view-all { display: inline-flex; align-items: center; gap: 14px; padding: 18px 34px; background: var(--lime); color: var(--black); font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; transition: all.3s var(--ease);
}.svc-view-all:hover { background: var(--paper); transform: translateY(-2px); box-shadow: 0 14px 32px rgba(165,216,31,0.32); }
/* CONTACT FORM inline UI */.form-status { margin-top: 18px; padding: 14px 18px; font-family: var(--body); font-size: 14px; line-height: 1.55; border-radius: 4px; display: none; }.form-status.success { display: block; background: rgba(165,216,31,0.10); border: 1px solid var(--lime); color: var(--paper); }.form-status.error { display: block; background: rgba(232,76,76,0.12); border: 1px solid #E84C4C; color: var(--paper); }.form-submit[disabled] { opacity: 0.6; cursor: wait; }


/* ===== block 2 : unnamed (3451 bytes) ===== */
.blog-hero{min-height:auto;padding:90px 24px 70px;background:linear-gradient(135deg,#0a0a0c 0%,#15151a 60%,#1a1a1c 100%);display:flex;align-items:center;justify-content:center;text-align:center}.blog-hero.container{max-width:920px}.blog-hero.hero-eyebrow{font-family:'Barlow Condensed',sans-serif;letter-spacing:.2em;color:#A5D81F;font-size:14px;font-weight:600;margin:0 0 22px}.blog-hero h1{font-family:'Barlow',sans-serif;font-size:clamp(40px,6vw,68px);line-height:1.05;margin:0 0 22px;color:#fff;font-weight:800;letter-spacing:-.02em}.blog-hero.hero-accent{color:#A5D81F}.blog-hero.hero-tagline{font-size:18px;line-height:1.6;color:#ccc;max-width:680px;margin:0 auto}.posts-section{padding:80px 24px;background:#0a0a0c}.posts-section.container{max-width:1280px;margin:0 auto}.posts-section-header{margin-bottom:48px;text-align:center}.posts-section-header h2{font-family:'Barlow',sans-serif;font-size:36px;line-height:1.1;margin:0 0 12px;color:#fff;font-weight:800;letter-spacing:-.01em}.posts-section-header p{color:#aaa;font-size:16px;margin:0}.posts-section-header.phone-link{color:#A5D81F;text-decoration:none;font-weight:600}.posts-section-header.phone-link:hover{text-decoration:underline}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.posts-grid{grid-template-columns:1fr;gap:20px}}.post-card{background:#111114;border:1px solid #232326;border-radius:14px;overflow:hidden;transition:transform.25s ease,border-color.25s ease,box-shadow.25s ease}.post-card:hover{transform:translateY(-5px);border-color:#A5D81F;box-shadow:0 14px 40px rgba(165,216,31,.08)}.post-card-link{display:block;color:inherit;text-decoration:none}.post-card-image{aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#1a1a1c;background-repeat:no-repeat}.post-card-body{padding:22px 22px 24px}.post-card-date{color:#A5D81F;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.post-card-title{font-family:'Barlow',sans-serif;font-size:19px;line-height:1.3;margin:0 0 12px;color:#fff;font-weight:700;letter-spacing:-.005em}.post-card-excerpt{font-size:14.5px;line-height:1.55;color:#a0a0a4;margin:0 0 16px}.post-card-readmore{color:#A5D81F;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}.post-card-readmore.arrow{transition:transform.2s}.post-card:hover.arrow{transform:translateX(4px)}.blog-cta{padding:80px 24px;background:linear-gradient(135deg,#15151a 0%,#0a0a0c 100%);text-align:center}.blog-cta.container{max-width:780px;margin:0 auto}.blog-cta h2{font-family:'Barlow',sans-serif;font-size:34px;line-height:1.1;margin:0 0 16px;color:#fff;font-weight:800}.blog-cta p{color:#bbb;font-size:16.5px;line-height:1.6;margin:0 0 28px}.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cta-buttons.btn{display:inline-block;padding:14px 28px;border-radius:10px;font-weight:700;text-decoration:none;font-size:15px;letter-spacing:.02em;transition:transform.15s,box-shadow.15s}.cta-buttons.btn-primary{background:#A5D81F;color:#0a0a0c}.cta-buttons.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(165,216,31,.25)}.cta-buttons.btn-secondary{background:transparent;color:#fff;border:1.5px solid #fff}.cta-buttons.btn-secondary:hover{background:#fff;color:#0a0a0c}


/* ===== block 3 : unnamed (6896 bytes) ===== */

/* OPTION D — LIGHT LUXURY MAGAZINE (Mr Porter / AD style) */.post-hero{position:relative;min-height:70vh;padding:120px 24px 80px;display:flex;align-items:flex-end;background-image:url("https://garagedoorandgates.com/staging/wp-content/uploads/sgd-albums/Hero%20background%20-3-001/Hero%20background/20260122_154026.webp");background-size:cover;background-position:center;background-color:#0a0a0c;background-repeat:no-repeat}.post-hero-content{position:relative;z-index:2;max-width:1100px;margin:0 auto;width:100%}.post-hero-eyebrow{font-family:'Barlow Condensed',sans-serif;letter-spacing:.3em;color:#A5D81F;font-size:14px;font-weight:700;margin:0 0 24px;text-transform:uppercase}.post-hero-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(42px,7vw,88px);line-height:1.04;font-weight:800;color:#fff;margin:0 0 32px;letter-spacing:-.025em}.post-hero-meta{display:flex;gap:18px;color:#ccc;font-size:15.5px;flex-wrap:wrap;align-items:center;font-family:'Barlow',sans-serif;font-weight:500}.post-hero-meta-item{display:inline-flex;align-items:center;gap:6px;color:#e0e0e3}.post-hero-meta-divider{color:#555}.post-article-wrap{background:#F8F5EE;padding:0 0 80px;position:relative;border-top:3px solid #A5D81F}.post-article{max-width:700px;margin:0 auto;padding:110px 28px 60px;color:#1a1a1c;font-family:'Barlow',sans-serif;font-size:19px;line-height:1.82;letter-spacing:0.005em}.post-article > *:first-child{margin-top:0}.post-article > p:first-of-type::first-letter{font-family:Georgia,'Times New Roman',serif;font-size:96px;font-weight:700;float:left;line-height:0.85;padding:14px 18px 0 0;color:#A5D81F;letter-spacing:-0.02em}.post-article h2{font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:800;color:#15151a;margin:80px 0 24px;line-height:1.08;letter-spacing:-.02em}.post-article h2::before{content:'';display:block;width:48px;height:2px;background:#A5D81F;margin-bottom:28px}.post-article h3{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:700;color:#15151a;margin:54px 0 18px;line-height:1.22;letter-spacing:-.01em}.post-article h4{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#A5D81F;margin:40px 0 14px;text-transform:uppercase;letter-spacing:.16em}.post-article p{margin:0 0 24px;color:#2a2a2d}.post-article ul,.post-article ol{margin:0 0 32px;padding-left:32px}.post-article li{margin-bottom:14px;color:#2a2a2d}.post-article li::marker{color:#A5D81F;font-weight:700;font-size:1.1em}.post-article a{color:#A5D81F;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;font-weight:600;transition:color.15s}.post-article a:hover{color:#15151a;text-decoration-thickness:2px}.post-article strong,.post-article b{color:#15151a;font-weight:700;background-image:linear-gradient(180deg,transparent 64%,rgba(165,216,31,0.32) 64%);padding:0 2px}.post-article em,.post-article i{color:#15151a;font-style:italic;font-family:Georgia,'Times New Roman',serif;font-weight:500}.post-article blockquote{font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.32;color:#15151a;text-align:center;margin:64px 0;padding:0 30px;font-style:italic;font-weight:500;letter-spacing:-0.01em;position:relative}.post-article blockquote::before{content:'';display:block;width:40px;height:2px;background:#A5D81F;margin:0 auto 32px}.post-article blockquote::after{content:'';display:block;width:40px;height:2px;background:#A5D81F;margin:32px auto 0}.post-article blockquote p{margin-bottom:0}.post-article hr{border:none;margin:80px auto;height:6px;width:80px;background-image:radial-gradient(circle,#A5D81F 1.8px,transparent 2px);background-size:24px 6px;background-repeat:repeat-x;background-position:center}.post-article img,.post-article.wp-caption{max-width:100%;height:auto;display:block;margin:64px auto;border-radius:4px;box-shadow:0 28px 60px -16px rgba(0,0,0,0.18)}.post-article figure{margin:64px 0}.post-article figure img{margin:0 auto}.post-article figcaption{font-family:'Barlow Condensed',sans-serif;text-align:center;font-size:13px;color:#555;margin-top:16px;font-style:italic;letter-spacing:0.08em;text-transform:uppercase}.post-article code{background:#ebebe2;color:#A5D81F;padding:2px 6px;border-radius:3px;font-family:Menlo,Consolas,monospace;font-size:14.5px}.post-article pre{background:#15151a;padding:20px;border-radius:6px;overflow-x:auto;margin:32px 0}.post-article pre code{background:transparent;padding:0;color:#e8e8ec}.post-article table{width:100%;border-collapse:collapse;margin:40px 0;font-size:16px}.post-article table th,.post-article table td{padding:14px 16px;border-bottom:1px solid #e5e5e5;text-align:left;vertical-align:top;color:#2a2a2d}.post-article table th{background:transparent;color:#15151a;font-weight:700;font-family:'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:12px;border-bottom:2px solid #15151a}.post-cta{padding:80px 24px 80px;background:linear-gradient(135deg,#15151a 0%,#0a0a0c 100%);text-align:center;border-top:3px solid #A5D81F}.post-cta.container{max-width:720px;margin:0 auto}.post-cta h3{font-family:'Barlow',sans-serif;font-size:30px;color:#fff;margin:0 0 14px;font-weight:800;letter-spacing:-.01em}.post-cta p{color:#bbb;margin:0 0 26px;font-size:16.5px;line-height:1.55}.post-cta.btn{display:inline-block;padding:14px 30px;background:#A5D81F;color:#0a0a0c;font-weight:700;border-radius:10px;text-decoration:none;font-size:15px;letter-spacing:.01em;transition:transform.15s,box-shadow.15s}.post-cta.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(165,216,31,.25)}.related-posts-section{padding:64px 24px 80px;background:#0a0a0c}.related-posts-section.container{max-width:1280px;margin:0 auto}.related-posts-section h2{font-family:'Barlow',sans-serif;font-size:30px;color:#fff;margin:0 0 32px;font-weight:800;text-align:center;letter-spacing:-.01em}.related-posts-section.posts-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:1024px){.related-posts-section.posts-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.post-hero{min-height:75vh;padding:90px 20px 60px}.post-hero-eyebrow{font-size:12px;letter-spacing:.24em;margin-bottom:18px}.post-hero-title{font-size:clamp(34px,9vw,52px)}.post-hero-meta{font-size:14px;gap:12px}.post-article{padding:80px 22px 40px;font-size:18px;max-width:none}.post-article > p:first-of-type::first-letter{font-size:76px;padding:10px 14px 0 0}.post-article h2{font-size:32px;margin-top:60px}.post-article h2::before{margin-bottom:20px}.post-article h3{font-size:25px;margin-top:42px}.post-article blockquote{font-size:24px;margin:48px 0;padding:0 16px}.post-article hr{margin:54px auto}.post-article img{margin:42px auto;border-radius:3px}.post-article figure{margin:42px 0}.post-article table{font-size:15px}.post-cta{padding:60px 22px 60px}.related-posts-section.posts-grid{grid-template-columns:1fr}
}


/* ===== block 4 : sgd-mobile-hero-fix (754 bytes) ===== */
@media (max-width:768px){.hero{min-height:52vh!important}.hero-content{padding-top:64px!important;padding-bottom:44px!important}.hero-title{font-size:clamp(32px,8.5vw,52px)!important;line-height:1.02!important}.hero-sub{font-size:13.5px!important;line-height:1.45!important;max-width:380px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-eyebrow{font-size:11px!important;margin-bottom:12px!important}.hero-cta,.hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;max-width:340px!important;margin-left:auto;margin-right:auto}.hero-cta a,.hero-cta.btn,.hero-buttons a,.hero-buttons.btn{width:100%!important;padding:11px 8px!important;font-size:13px!important}}

/* ===== block 5 : sgd-so-css (12621 bytes) ===== */
#sgdProg{position:fixed;top:0;left:0;height:3px;width:0;z-index:99999;background:#A5D81F;transition:width .12s linear;pointer-events:none}.sp-photoband{position:relative;overflow:hidden;min-height:60vh;background:#0a0a0c;contain:paint;display:flex;align-items:center;justify-content:center;padding:80px 0}.sp-stage{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s cubic-bezier(0.22,1,0.36,1)}.hero-img:first-child{opacity:1}.hero-img.active{opacity:1}@media(prefers-reduced-motion:reduce){.hero-img{transition:none}}.sp-band-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,10,.34) 0%,rgba(8,8,10,.10) 42%,rgba(8,8,10,.62) 82%,rgba(8,8,10,.96) 100%)}.sp-bandtext{position:relative;z-index:3;width:100%;max-width:1180px;margin:0 auto;padding:0 24px;text-align:left}.sp-eyebrow{display:block;font-family:'Barlow Condensed',system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#A5D81F;margin:0 0 12px}.sp-bandtext h1{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:clamp(34px,6.6vw,76px);font-weight:800;line-height:.98;letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0 0 14px}.sp-h1-accent{color:#A5D81F}.sp-lede{font-size:17px;line-height:1.6;color:rgba(255,255,255,.90);max-width:64ch;margin:0}.sp-lede-mob{display:none}@media(max-width:720px){.sp-photoband{display:block;height:auto;min-height:0;padding:0}.sp-photoband .sp-stage{position:relative;inset:auto;height:210px;width:100%}.sp-band-scrim{display:none}.sp-bandtext{padding:22px 18px 4px;max-width:none}.sp-lede-full{display:none}.sp-lede-mob{display:block}}.sgd-rv{opacity:1;transform:none}html.sgd-anim .sgd-rv{transition:opacity .95s cubic-bezier(.22,.61,.36,1),transform .95s cubic-bezier(.22,.61,.36,1)}html.sgd-anim .sgd-rv:not(.in){opacity:0;transform:translateY(20px)}html.sgd-anim .sgd-rv-s:not(.in){transform:translateY(14px) scale(.985)}@media(prefers-reduced-motion:reduce){html.sgd-anim .sgd-rv:not(.in){opacity:1;transform:none}}.ab-sec{padding:64px 0;border-top:1px solid rgba(255,255,255,.12)}.ab-sec:first-of-type{border-top:0}.ab-wrap{max-width:1180px;margin:0 auto;padding:0 24px}.ab-shell{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:52px;align-items:start}.ab-eb{display:block;font-family:'Barlow Condensed',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#A5D81F;margin:0 0 10px}.ab-sec h2{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:clamp(28px,3.2vw,42px);font-weight:800;line-height:1.02;letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0 0 18px}.ab-sec p{margin:0 0 16px;font-size:16px;line-height:1.72;color:#d6d6dd}.ab-sec a{color:#A5D81F;text-decoration:none;border-bottom:1px solid rgba(165,216,31,.35)}.ab-sec a:hover{color:#B8E84A}.ab-sec .sgd-so-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 24px;padding:0;list-style:none}.ab-sec .sgd-so-list li{margin:0;padding:13px 15px;background:#0d0d10;border:1px solid rgba(255,255,255,.10);font-size:14.5px;line-height:1.45;color:#d6d6dd}.ab-sec .sgd-so-list li:before{display:none}.ab-figs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 0}.ab-figs .sgd-so-fig{margin:0;max-width:none!important;width:100%}.ab-figs .sgd-so-fig img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0;border:1px solid rgba(255,255,255,.10);display:block}.ab-figs figcaption{margin-top:9px;font-size:12.5px;line-height:1.45;color:#a8a8b0}@media(max-width:820px){.ab-figs{grid-template-columns:1fr}.ab-sec .sgd-so-list{grid-template-columns:1fr}}.stats-band{padding:56px 0;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.12)}.stats-grid{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat-num{display:flex;align-items:baseline;justify-content:center;gap:2px}.stat-num .value,.stat-num .value-static{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:clamp(42px,6vw,72px);font-weight:800;letter-spacing:-.015em;color:#A5D81F;line-height:1}.stat-num .suffix{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:clamp(24px,3.3vw,39.6px);font-weight:800;letter-spacing:-.015em;color:#A5D81F;line-height:1}.stat-label{margin-top:8px;font-family:Barlow,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#a8a8b0}@media(max-width:820px){.stats-grid{grid-template-columns:1fr 1fr;gap:26px}}.rv-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rv-card{margin:0;background:#0d0d10;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:22px}.rv-stars{color:#F5B301;font-size:17px;line-height:1;letter-spacing:1px;margin:0 0 10px}.rv-text{margin:0 0 12px;font-size:14.5px;line-height:1.65;color:#d6d6dd}.rv-name{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}@media(max-width:820px){.rv-list{grid-template-columns:1fr}}.ab-rail{position:sticky;top:104px;display:flex;flex-direction:column;gap:18px}.ab-card{background:#0d0d10;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:24px}.ab-card h3{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:22px;font-weight:800;text-transform:uppercase;color:#fff;margin:0 0 6px;line-height:1.05}.ab-card .sub{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:#a8a8b0}.ab-call{display:block;text-align:center;padding:15px;background:#A5D81F;color:#0a0a0a;font-family:'Barlow Condensed',system-ui,sans-serif;font-size:18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0}.ab-call:hover{background:#B8E84A}.ab-wa{display:block;text-align:center;margin-top:9px;padding:13px;background:#25D366;color:#0a0a0a;font-family:'Barlow Condensed',system-ui,sans-serif;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0}@media(max-width:1020px){.ab-shell{grid-template-columns:1fr;gap:40px}.ab-rail{position:static}.ab-sec{padding:46px 0}}.so-container{max-width:1440px;margin:0 auto;padding:0 56px}.so-sec{padding:64px 0}.so-sec+.so-sec{border-top:1px solid rgba(255,255,255,.08)}.so-eb{display:block;font-family:'Barlow Condensed',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#A5D81F;margin:0 0 10px}.so-sec h2{font-family:Barlow,system-ui,sans-serif;font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.15;color:rgba(255,255,255,.92);margin:0 0 30px}.so-card{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:0;padding:26px 24px}.so-card p{margin:0 0 14px;max-width:78ch;font-size:16px;line-height:1.72;color:#d6d6dd}.so-card p:last-child{margin-bottom:0}.so-card a{color:#A5D81F;text-decoration:none;border-bottom:1px solid rgba(165,216,31,.35)}.so-card a:hover{color:#B8E84A}.so-card-t{display:block;font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.so-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.so-g2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.so-g2-wide{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.so-sec .sgd-so-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0;padding:0;list-style:none}.so-card-tail{margin-top:0}.so-sec .sgd-so-list li{margin:0;padding:20px 22px;background:#141414;border:1px solid rgba(255,255,255,.08);font-size:15px;line-height:1.5;color:#d6d6dd}.so-sec .sgd-so-list li:before{display:none}.so-figs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 0}.so-figs .sgd-so-fig{margin:0;max-width:none!important;background:#141414;border:1px solid rgba(255,255,255,.08);padding:12px}.so-figs .sgd-so-fig img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border:0;border-radius:0;display:block}.so-figs figcaption{margin-top:10px;font-size:12.5px;line-height:1.45;color:#a8a8b0}.so-sec .faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}.so-sec .sgd-so-faq{margin:0;padding:26px 24px;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:0}.so-sec .sgd-so-faq h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 10px;font-family:Barlow,system-ui,sans-serif;text-transform:none}.so-sec .sgd-so-faq p{margin:0;max-width:70ch;font-size:15px;line-height:1.68;color:#d6d6dd}.rv-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rv-card{margin:0;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:0;padding:26px 24px}@media(max-width:1080px){.so-container{padding:0 28px}.so-g3,.so-sec .sgd-so-list,.so-figs{grid-template-columns:repeat(2,1fr)}.so-g2-wide{grid-template-columns:1fr;gap:28px}}@media(max-width:700px){.so-container{padding:0 18px}.so-sec{padding:44px 0}.so-g3,.so-g2,.so-sec .sgd-so-list,.so-figs,.so-sec .faq-list,.rv-list{grid-template-columns:1fr}}.qf-band{padding:64px 0;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.08)}.qf-inner{max-width:900px;margin:0 auto}.qf-lede{margin:0 0 24px;font-size:16px;line-height:1.72;color:#d6d6dd}.qf-lede a{color:#A5D81F;text-decoration:none;border-bottom:1px solid rgba(165,216,31,.35)}.qf-formwrap{background:#0b0b0e;border:1px solid rgba(255,255,255,.08);border-radius:0;padding:32px 32px 36px}@media(max-width:700px){.qf-band{padding:44px 0}.qf-formwrap{padding:22px 20px 26px}}.sgd-related-services{padding:64px 16px;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.12)}.rel-wrap{max-width:1100px;margin:0 auto;text-align:center}.rel-wrap h2{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:clamp(24px,2.8vw,34px);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0 0 22px}.rel-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 20px}.rel-links a{display:inline-block;padding:10px 18px;background:#141414;border:1px solid rgba(255,255,255,.12);color:#d6d6dd;font-size:14.5px;text-decoration:none;transition:border-color .2s,color .2s,background .2s}.rel-links a:hover{border-color:#A5D81F;color:#A5D81F;background:#0d0d10}.rel-areas{margin:0}.rel-areas a{color:#A5D81F;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(165,216,31,.35)}.rel-areas a:hover{color:#B8E84A}.sgd-qf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sgd-qf-f{margin:0 0 12px}.sgd-qf label{display:block;font-family:'Barlow Condensed',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#a8a8b0;margin:0 0 6px}.sgd-qf input,.sgd-qf select,.sgd-qf textarea{width:100%;box-sizing:border-box;padding:14px 16px;background:rgba(10,10,10,.5);border:1px solid rgba(255,255,255,.16);border-radius:0;color:#fff;font-family:inherit;font-size:14px}.sgd-qf select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.5) 50%),linear-gradient(135deg,rgba(255,255,255,.5) 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 13px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:38px}.sgd-qf option{background:#141414;color:#fff}.sgd-qf input:focus,.sgd-qf select:focus,.sgd-qf textarea:focus{outline:none;border-color:#A5D81F;box-shadow:0 0 0 3px rgba(165,216,31,.18)}.sgd-qf textarea{min-height:104px;resize:vertical}.sgd-qf button{width:100%;margin-top:4px;padding:18px 28px;border:0;border-radius:0;background:#A5D81F;color:#0a0a0a;font-family:'Barlow Condensed',system-ui,sans-serif;font-size:17px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;cursor:pointer}.sgd-qf button:hover{background:#B8E84A}.sgd-qf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.sgd-qf-status{margin:10px 0 0;font-size:13.5px;min-height:16px;color:#d6d6dd}.faq-list .sgd-so-faq{margin:0;padding:26px 24px;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:0}.faq-list .sgd-so-faq h3{font-family:Barlow,system-ui,sans-serif;font-size:18px;font-weight:700;text-transform:none;color:#fff;margin:0 0 10px}.faq-list .sgd-so-faq p{margin:0;font-size:14.5px;line-height:1.65}@media(max-width:600px){.sgd-qf-row{grid-template-columns:1fr}}

/* ===== block 6 : sgd-vB (6645 bytes) ===== */

:root{--lime:#A5D81F;--ease:cubic-bezier(0.16,1,0.3,1);--cine:cubic-bezier(0.22,1,0.36,1);}
body{background:#050506!important;}
.post-hero-title .h1b{color:var(--lime);}
#pv-prog{position:fixed;top:0;left:0;height:2px;width:0;background:var(--lime);z-index:99998;box-shadow:0 0 12px rgba(165,216,31,.7);}
.post-article-wrap{background:#050506!important;border-top:0!important;padding:0!important;overflow-x:clip;}
.post-article{max-width:none!important;padding:0!important;margin:0!important;color:#c6c6cc!important;}
.pv-sec{position:relative;max-width:min(1100px,92vw);margin:0 auto!important;padding:170px 0 0!important;}
.pv-sec:first-of-type{padding-top:132px!important;}
.pv-idx{position:absolute;left:-150px;top:176px;font-family:'Barlow Condensed',sans-serif;font-size:120px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(165,216,31,.34);letter-spacing:-.04em;pointer-events:none;}
.pv-sec h2{font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(40px,5.2vw,86px)!important;font-weight:800!important;line-height:.94!important;letter-spacing:-.04em!important;color:#fff!important;margin:0 0 40px!important;text-transform:uppercase;}
.pv-sec h2::before{content:''!important;display:block!important;width:0;height:2px!important;background:var(--lime)!important;margin:0 0 34px!important;transition:width 1.2s var(--ease) .1s;}
.pv-sec.in h2::before{width:132px;}
.pv-sec h3{font-family:'Barlow Condensed',sans-serif!important;font-size:26px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em!important;color:#fff!important;margin:60px 0 14px!important;padding:0 0 0 18px!important;border-left:2px solid rgba(165,216,31,.55)!important;}
.pv-sec p{font-size:19px!important;line-height:1.68!important;color:#9a9aa3!important;margin:0 0 24px!important;}
.pv-sec p:last-child{margin-bottom:0!important;}
.pv-sec a{color:#fff!important;text-decoration-color:var(--lime)!important;text-underline-offset:4px;}
.pv-pull{margin:56px 0!important;padding:0 0 0 30px!important;border-left:3px solid var(--lime)!important;font-family:'Barlow Condensed',sans-serif!important;font-size:clamp(26px,3vw,44px)!important;line-height:1.16!important;font-weight:600!important;color:#fff!important;letter-spacing:-.02em!important;}
.pv-band{height:1px;background:linear-gradient(90deg,var(--lime) 0%,rgba(165,216,31,0) 100%);max-width:0;margin:150px auto 0;transition:max-width 1.6s var(--ease);}
.pv-band.in{max-width:min(1560px,94vw);}
.pv-plate{margin:150px 0 0;}
.pv-plate:last-of-type{margin-bottom:170px;}
.pv-row{display:flex;gap:30px;justify-content:center;align-items:flex-start;max-width:min(1560px,94vw);margin:0 auto;}
.pv-solo{display:flex;justify-content:center;max-width:min(1560px,94vw);margin:0 auto;}
.pv-wide{display:flex;justify-content:center;width:100%;}
.pv-plate figure{margin:0!important;padding:0!important;position:relative;background:#050506!important;border:0!important;border-radius:0!important;overflow:hidden;flex:0 1 auto;min-width:0;width:auto!important;
 clip-path:inset(100% 0 0 0);transition:clip-path 1.5s var(--cine);will-change:clip-path,transform;}
.pv-plate.in figure{clip-path:inset(0 0 0 0);}
.pv-plate.in figure:nth-child(2){transition-delay:.16s;}
.pv-plate img{display:block;width:100%;height:auto;max-width:100%;}
.pv-solo figure{max-height:90vh;}
.pv-solo img{max-height:90vh;width:auto;max-width:100%;}
.pv-plate figcaption{position:absolute!important;left:0;right:0;bottom:0;z-index:3;background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.92) 32%,rgba(0,0,0,.64) 66%,rgba(0,0,0,0) 100%)!important;border:0!important;padding:104px 26px 22px!important;color:#fff!important;font-family:Barlow,system-ui,sans-serif!important;font-size:14.5px!important;line-height:1.5!important;font-style:normal!important;text-transform:none!important;text-align:left!important;letter-spacing:normal!important;display:flex;flex-direction:column;text-shadow:0 1px 4px rgba(0,0,0,.95);opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease) .5s,transform .9s var(--ease) .5s;}
.pv-plate.in figcaption{opacity:1;transform:translateY(0);}
.pv-city{order:-1;display:block;color:var(--lime)!important;font-family:'Barlow Condensed',sans-serif!important;font-size:12.5px!important;letter-spacing:.3em!important;text-transform:uppercase!important;font-weight:700!important;margin:0 0 9px!important;padding-left:34px;position:relative;text-shadow:0 1px 5px rgba(0,0,0,.95);}
.pv-city::before{content:'';position:absolute;left:0;top:50%;width:24px;height:2px;background:var(--lime);}
.pv-desc{font-style:normal!important;text-transform:none!important;}
.sgd-gallery{position:absolute!important;left:-99999px!important;top:0;width:1px;height:1px;overflow:hidden;}
.pv-rv{opacity:0;transform:translateY(46px);transition:opacity 1.3s var(--cine),transform 1.3s var(--cine);}
.pv-rv.in{opacity:1;transform:translateY(0);}
.pv-sec.in > *{animation:pvUp 1.1s var(--cine) both;}
.pv-sec.in > *:nth-child(1){animation-delay:.05s}.pv-sec.in > *:nth-child(2){animation-delay:.14s}.pv-sec.in > *:nth-child(3){animation-delay:.23s}.pv-sec.in > *:nth-child(4){animation-delay:.32s}.pv-sec.in > *:nth-child(5){animation-delay:.41s}.pv-sec.in > *:nth-child(n+6){animation-delay:.5s}
@keyframes pvUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
html.rvfail .pv-rv,html.rvfail .pv-sec > *{opacity:1!important;transform:none!important;animation:none!important;}
html.rvfail .pv-plate figure{clip-path:none!important;}
html.rvfail .pv-plate figcaption{opacity:1!important;transform:none!important;}
html.rvfail .pv-sec h2::before{width:132px!important;}
html.rvfail .pv-band{max-width:min(1560px,94vw)!important;}
@media (prefers-reduced-motion:reduce){.pv-rv,.pv-sec > *,.pv-plate figcaption{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;}.pv-plate figure{clip-path:none!important;transition:none!important;}.pv-band{max-width:min(1560px,94vw)!important;transition:none!important;}.pv-sec h2::before{width:132px!important;transition:none!important;}}
@media (max-width:1320px){.pv-idx{left:-96px;font-size:84px;}}
@media (max-width:980px){.pv-idx{position:static;font-size:52px;margin:0 0 14px;}.pv-sec{padding-top:104px!important;}.pv-plate{margin-top:96px;}.pv-band{margin-top:96px;}}
@media (max-width:820px){.pv-sec h2{font-size:clamp(30px,9vw,44px)!important;margin-bottom:26px!important;}.pv-sec p{font-size:17px!important;}.pv-row{flex-direction:column;align-items:center;gap:22px;}.pv-plate figcaption{padding:72px 16px 16px!important;font-size:13px!important;}}


/* ===== block 7 : sgd-vBplus (3223 bytes) ===== */

.bp-plate .pv-row{align-items:flex-start;}
.bp-plate .pv-row figure{flex:1 1 0;min-width:0;}
@media (max-width:820px){.bp-plate .pv-row figure{flex:0 1 auto;}}

.bp-sec .bp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:46px 0 0;border-top:1px solid rgba(255,255,255,.10);}
.bp-step{padding:26px 22px 30px 0;border-right:1px solid rgba(255,255,255,.10);}
.bp-step:last-child{border-right:0;padding-right:0;}
.bp-step:not(:first-child){padding-left:22px;}
.bp-n{font-family:'Barlow Condensed',sans-serif;font-size:12px;letter-spacing:.28em;color:var(--lime);font-weight:700;display:block;margin:0 0 12px;}
.bp-t{font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:#fff;display:block;margin:0 0 10px;line-height:1;}
.bp-d{font-size:15px;line-height:1.55;color:#9a9aa3;margin:0;}
.bp-line{margin:44px 0 0;padding:0 0 0 26px;border-left:3px solid var(--lime);font-family:'Barlow Condensed',sans-serif;font-size:clamp(22px,2.4vw,34px);line-height:1.2;font-weight:600;color:#fff;letter-spacing:-.015em;}
#bp-bar{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:none;height:70px;background:#0b0b0d;border-top:1px solid rgba(165,216,31,.38);padding:11px 12px;gap:10px;box-shadow:0 -12px 34px rgba(0,0,0,.6);}
#bp-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:2px;font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:15.5px;text-decoration:none;line-height:1;}
#bp-bar svg{width:17px;height:17px;flex:0 0 auto;}
#bp-call{background:var(--lime);color:#0a0a0a;}
#bp-est{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.38);}
@media (max-width:900px){
  
  
  
  
  
  .bp-sec .bp-steps{grid-template-columns:repeat(2,1fr);}
  .bp-step{padding:20px 16px 22px 0;}
  .bp-step:nth-child(2n){border-right:0;padding-right:0;}
  .bp-step:nth-child(n+3){border-top:1px solid rgba(255,255,255,.10);}
  .bp-step:not(:first-child){padding-left:0;}
  .bp-step:nth-child(2n){padding-left:16px;}
  .bp-line{margin-top:34px;padding-left:18px;}
}
#bp-bar a span{white-space:nowrap;}
@media (max-width:430px){#bp-bar a{font-size:13.5px;letter-spacing:.05em;gap:7px;}#bp-bar svg{width:15px;height:15px;}}
@media (max-width:370px){#bp-bar a{font-size:12.5px;letter-spacing:.03em;}}
@media (max-width:560px){.bp-sec .bp-steps{grid-template-columns:1fr;}.bp-step{border-right:0!important;padding:18px 0 20px!important;border-top:1px solid rgba(255,255,255,.10);}}
@media (prefers-reduced-motion:reduce){#bp-bar{transition:none!important;}}

/* five steps + four plates */
.bp-sec .bp-steps{grid-template-columns:repeat(5,1fr);}
@media(max-width:1180px){.bp-sec .bp-steps{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){.bp-sec .bp-steps{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.bp-sec .bp-steps{grid-template-columns:1fr;}}
@media(min-width:1101px){.bp-plate .pv-row{flex-wrap:nowrap;}.bp-plate .pv-row figure{flex:1 1 0;min-width:0;}}
@media(min-width:821px) and (max-width:1100px){.bp-plate .pv-row{flex-wrap:wrap;}.bp-plate .pv-row figure{flex:1 1 calc(50% - 15px);min-width:0;}}


/* ===== theme overrides for the blog-post template this page renders through ===== */
.post-hero{display:none!important}
.post-article{max-width:none!important;padding:0!important;margin:0!important}

/* ===== hero title: the render layer demotes in-body <h1> to <h2>, so the hero headline
   loses .sp-bandtext h1 and inherits the dark body h2 colour - unreadable on the dark band.
   Mirror the h1 rule onto h2 so the headline renders identically whichever tag survives. ===== */
.sp-bandtext h1,.sp-bandtext h2{font-family:"Barlow Condensed",system-ui,sans-serif;font-size:clamp(34px,6.6vw,76px);font-weight:800;line-height:.98;letter-spacing:-.02em;color:#fff;margin:0 0 14px;text-transform:uppercase}

/* ===== SPACING FIX =====
   The theme sets .post-article{font-size:19px} for blog prose. The payload sections inherit it,
   so every em/rem-derived size inflates: the quote-band H2 rendered 42px against 24px in the
   approved file, and that section alone ran 205px tall. Reset the payload roots to the approved
   body typography (16px / 1.65) so the sections measure as designed.
   wpautop also wraps bare form controls in <p>; zero those margins. ===== */
.post-article .sp-photoband,
.post-article .sgdSO,
.post-article .qf-band,
.post-article .sgd-map-section,
.post-article .sgd-related-services{font-size:16px;line-height:1.65}
.post-article .qf-formwrap form>p{margin:0}


/* ==================== SPECIFICITY OVERLAY ====================
   Why this exists.
   The payload is injected into .post-article, and the theme styles blog prose with 30
   ".post-article <element>" rules (h2, h3, h4, p, li, a, strong, em, blockquote, drop cap).
   None of those rules exist in the approved standalone page, where there is no .post-article
   ancestor at all. Inside the post they win against the approved bare-element rules on
   specificity (0,1,1 vs 0,0,1) and silently restyle the payload: the section H2 rendered
   42px/800/-0.84 letterspacing with an 80px top margin instead of 24px/700/normal with none.
   That 80px top margin on every H2 is what made the sections run 34-205px tall.

   The fix is not to hand-tune padding. It is to replay the approved cascade one specificity
   level above the theme prose layer: every rule above is repeated below with a
   ".post-article " prefix. Relative order and relative specificity within the set are
   unchanged, so the payload resolves exactly as it does in the approved file, while every
   theme .post-article prose rule is outranked. Chrome selectors (nav, footer, html, body)
   are skipped - prefixing them would never match anything.
   ============================================================ */

@media (max-width: 768px){
.post-article .nav-links.sgd-show{display: flex !important; flex-direction: column !important; position: absolute !important; top: 100% !important; left: 0px !important; right: 0px !important; background: rgb(10, 10, 10) !important; border-top: 1px solid rgba(165, 216, 31, 0.3) !important; padding: 8px 22px 16px !important; z-index: 99990 !important; box-shadow: rgba(0, 0, 0, 0.55) 0px 24px 40px !important; max-height: 82vh !important; overflow: auto !important;}
.post-article .nav-links.sgd-show > *{display: block !important; width: 100% !important; padding: 14px 2px !important; font-size: 17px !important; color: rgb(255, 255, 255) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;}
.post-article .float-stack{bottom: 84px !important; right: 14px !important;}
.post-article .float-btn{width: 46px !important; height: 46px !important;}
}
.post-article .float-btn{background: rgb(165, 216, 31) !important; color: rgb(10, 10, 10) !important;}
.post-article .float-btn svg,.post-article .float-btn i{color: rgb(10, 10, 10) !important; fill: rgb(10, 10, 10) !important;}
.post-article .stars{white-space: nowrap !important;}
.post-article *{margin: 0px; padding: 0px; box-sizing: border-box;}
.post-article img{max-width: 100%; display: block;}
.post-article a{color: inherit; text-decoration: none;}
.post-article button{font-family: inherit; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none;}
.post-article input,.post-article textarea,.post-article select{font-family: inherit;}
.post-article ::selection{background: var(--lime); color: var(--black);}
.post-article .container{max-width: var(--container); margin: 0px auto; padding: 0 var(--pad-x);}
.post-article .lime{color: var(--lime);}
.post-article .emergency-band{background: var(--black); border-top: 1px solid var(--lime); border-bottom: 1px solid var(--hair-2); color: var(--cream-92); padding: 11px 0px; font-family: var(--body); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; text-align: center; position: relative; z-index: 51; box-shadow: rgba(165, 216, 31, 0.18) 0px -2px 14px;}
.post-article .emergency-band-inner{display: inline-flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: center; padding: 0px 16px;}
.post-article .emergency-band.pulse-dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); animation: 1.2s ease 0s infinite normal none running emergencyPulse; box-shadow: 0 0 0 0 var(--lime-glow);}
.post-article .emergency-band a{color: var(--lime); text-decoration: none; font-weight: 700; letter-spacing: 0.22em; border-bottom: 1px solid var(--lime-soft); padding-bottom: 2px; transition: color.2s var(--ease), border-color.2s var(--ease);}
.post-article .emergency-band a:hover{color: var(--paper); border-color: var(--paper);}
.post-article .utility{background: var(--black-2); border-bottom: 1px solid var(--hair); padding: 12px 0px; font-size: 11px; font-family: var(--body); letter-spacing: 0.1em; position: relative; z-index: 50; color: var(--cream-50);}
.post-article .utility-inner{display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap;}
.post-article .utility-left{display: flex; align-items: center; gap: 22px;}
.post-article .utility-left.sep{color: var(--hair-2);}
.post-article .open-pulse{display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); margin-right: 8px; vertical-align: middle; box-shadow: 0 0 8px var(--lime-glow); animation: 2s ease 0s infinite normal none running pulse;}
.post-article .utility a{transition: color.2s var(--ease);}
.post-article .utility a:hover{color: var(--paper);}
.post-article .utility-right{display: flex; align-items: center; gap: 16px;}
.post-article .utility-right.label{font-size: 10px; letter-spacing: 0.18em;}
.post-article .utility-segment{display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border: 1px solid var(--hair-2); border-radius: 999px; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 700;}
.post-article .utility-segment a{color: var(--cream-92); transition: color.2s var(--ease); padding: 2px 4px;}
.post-article .utility-segment a:hover{color: var(--lime);}
.post-article .utility-segment.seg-sep{color: var(--hair-2);}
.post-article .utility-divider{width: 1px; height: 16px; background: var(--hair-2);}
.post-article .social-row{display: flex; gap: 8px;}
.post-article .social-row a{display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid var(--hair-2); border-radius: 50%; transition: all.25s var(--ease); color: var(--cream-70); background: rgba(255, 255, 255, 0.02);}
.post-article .social-row a:hover{border-color: var(--lime); color: var(--lime); transform: translateY(-2px); background: var(--lime-soft);}
.post-article .social-row svg{width: 13px; height: 13px;}
.post-article .social-rail{position: fixed; left: 18px; top: 50%; transform: translateY(-50%); z-index: 80; display: flex; flex-direction: column; gap: 10px; padding: 14px 10px; background: rgba(10, 10, 10, 0.7); backdrop-filter: blur(12px); border: 1px solid var(--hair); border-radius: 999px;}
.post-article .social-rail a{width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; color: var(--cream-70); border-radius: 50%; transition: all.25s var(--ease); border: 1px solid transparent;}
.post-article .social-rail a:hover{color: var(--lime); border-color: var(--lime); background: var(--lime-soft); transform: scale(1.08);}
.post-article .social-rail svg{width: 14px; height: 14px;}
.post-article .social-rail::before{content: ""; position: absolute; left: 50%; top: -22px; transform: translateX(-50%); width: 1px; height: 14px; background: var(--hair-2);}
.post-article .nav-wrap{position: sticky; top: 0px; z-index: 100; background: rgba(10, 10, 10, 0.86); backdrop-filter: saturate(140%) blur(18px); border-bottom: 1px solid var(--hair); transition: background.3s var(--ease), padding.3s var(--ease);}
.post-article .nav-wrap.scrolled{background: rgba(10, 10, 10, 0.97); border-bottom-color: var(--hair-2);}
.post-article .nav{display: flex; justify-content: space-between; align-items: center; padding: 16px var(--pad-x); max-width: var(--container); margin: 0px auto; gap: 32px;}
.post-article .nav-logo{display: inline-flex; align-items: center; gap: 14px; opacity: 0; transform: translateX(-12px); animation: logoIn 1.1s var(--ease-cinema) 0.3s forwards;}
.post-article .nav-logo img{height: 56px; width: auto; display: block; filter: brightness(1.05) drop-shadow(rgba(165, 216, 31, 0.18) 0px 0px 14px); transition: filter.35s var(--ease), transform.35s var(--ease);}
.post-article .nav-logo:hover img{filter: brightness(1.15) drop-shadow(rgba(165, 216, 31, 0.42) 0px 0px 22px); transform: scale(1.03);}
.post-article .nav-links{display: flex; gap: 30px; align-items: center; font-family: var(--body); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600;}
.post-article .nav-links a{color: var(--cream-92); transition: color.25s var(--ease); position: relative; padding: 8px 0px;}
.post-article .nav-links a::after{content: ""; position: absolute; left: 0px; bottom: 2px; width: 0px; height: 1px; background: var(--lime); transition: width.3s var(--ease);}
.post-article .nav-links a:hover{color: var(--lime);}
.post-article .nav-links a:hover::after{width: 100%;}
.post-article .nav-right{display: flex; align-items: center; gap: 14px;}
.post-article .nav-phone{color: var(--paper); font-weight: 600; font-size: 14px; font-variant-numeric: tabular-nums; display: inline-flex; align-items: center; gap: 10px; font-family: var(--body); transition: color.2s var(--ease);}
.post-article .nav-phone:hover{color: var(--lime);}
.post-article .nav-phone svg{width: 14px; height: 14px; color: var(--lime);}
.post-article .nav-cta{display: inline-flex; align-items: center; gap: 10px; background: var(--lime); color: var(--black); padding: 14px 24px; font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; transition: all.3s var(--ease); position: relative; overflow: hidden;}
.post-article .nav-cta::before{content: ""; position: absolute; inset: 0px; background: var(--paper); transform: translateX(-101%); transition: transform.4s var(--ease);}
.post-article .nav-cta > *{position: relative; z-index: 1;}
.post-article .nav-cta:hover::before{transform: translateX(0px);}
.post-article .nav-cta:hover{transform: translateY(-2px); box-shadow: rgba(165, 216, 31, 0.36) 0px 12px 30px;}
.post-article .nav-mobile-toggle{display: none; color: var(--paper); width: 32px; height: 32px; background: transparent; border: 0px; padding: 0px; cursor: pointer;}
.post-article .nav-mobile-toggle.is-open{color: var(--lime);}
.post-article .sgd-hp{position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none;}
.post-article .hero{position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden; background: var(--black);}
.post-article .hero-bg{position: absolute; inset: 0px; z-index: 0;}
.post-article .hero-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; opacity: 0; transition: opacity 1.6s var(--ease-cinema); filter: brightness(0.78) saturate(1.05) contrast(1.05);}
.post-article .hero-img.active{opacity: 1; animation: kenBurns 18s var(--ease-cinema) infinite alternate;}
.post-article .hero-dots{position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; gap: 8px; opacity: 0; animation: heroFade 1s var(--ease-cinema) 2.2s forwards;}
.post-article .hero-dots button{width: 28px; height: 2px; background: rgba(255, 255, 255, 0.3); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; cursor: pointer; transition: all.4s var(--ease); position: relative; overflow: hidden;}
.post-article .hero-dots button::after{content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 0px; background: var(--lime);}
.post-article .hero-dots button.active{width: 48px; background: rgba(255, 255, 255, 0.15);}
.post-article .hero-dots button.active::after{width: 100%; transition: width 6s linear;}
.post-article .hero-scrim{position: absolute; inset: 0px; z-index: 1; background: linear-gradient(to right, rgba(10, 10, 10, 0.78) 0%, rgba(10, 10, 10, 0.4) 45%, rgba(10, 10, 10, 0.15) 100%), linear-gradient(rgba(10, 10, 10, 0.18) 0%, rgba(10, 10, 10, 0.45) 100%);}
.post-article .hero-vignette{position: absolute; inset: 0px; z-index: 1; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 200px inset;}
.post-article .hero-content{position: relative; z-index: 2; width: 100%; padding-top: 48px; padding-bottom: 88px; max-width: var(--container); margin: 0px auto; padding-left: var(--pad-x); padding-right: var(--pad-x);}
.post-article .hero-eyebrow{font-family: var(--body); font-size: 12px; letter-spacing: 0.32em; text-transform: uppercase; font-weight: 600; color: var(--lime); margin-bottom: 22px; display: inline-flex; align-items: center; gap: 12px; opacity: 0; transform: translateY(20px); animation: heroFade 1s var(--ease-cinema) 0.6s forwards;}
.post-article .hero-eyebrow::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px var(--lime); animation: 2s ease 0s infinite normal none running pulse;}
.post-article .hero-title{font-family: var(--display); font-size: clamp(44px, 6.8vw, 112px); line-height: 0.98; font-weight: 800; letter-spacing: -0.015em; color: var(--paper); text-transform: uppercase; margin-bottom: 26px;}
.post-article .hero-title.stack{display: block; overflow: hidden;}
.post-article .hero-title.stack span.inner{display: inline-block; transform: translateY(110%); animation: lineUp 1.1s var(--ease-cinema) forwards;}
.post-article .hero-title.stack:nth-child(1) span.inner{animation-delay: 0.75s;}
.post-article .hero-title.stack:nth-child(2) span.inner{animation-delay: 0.95s;}
.post-article .hero-title.lime{color: var(--lime); text-shadow: rgba(165, 216, 31, 0.35) 0px 0px 32px, rgba(165, 216, 31, 0.18) 0px 0px 80px;}
.post-article .hero-sub{font-family: var(--body); font-size: clamp(15px, 1.15vw, 19px); line-height: 1.6; color: var(--cream-70); max-width: 58ch; margin-bottom: 50px; font-weight: 400; opacity: 0; transform: translateY(20px); animation: heroFade 1s var(--ease-cinema) 1.25s forwards;}
.post-article .hero-cta-row{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; opacity: 0; transform: translateY(20px); animation: heroFade 1s var(--ease-cinema) 1.55s forwards;}
.post-article .btn-lime,.post-article .btn-outline,.post-article .btn-emergency{display: inline-flex; align-items: center; gap: 14px; padding: 19px 32px; font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; transition: all.3s var(--ease); position: relative; overflow: hidden; border: 1px solid transparent;}
.post-article .btn-lime{background: var(--lime); color: var(--black);}
.post-article .btn-lime::before{content: ""; position: absolute; inset: 0px; background: var(--paper); transform: translateX(-101%); transition: transform.45s var(--ease);}
.post-article .btn-lime > *{position: relative; z-index: 1;}
.post-article .btn-lime:hover::before{transform: translateX(0px);}
.post-article .btn-lime:hover{transform: translateY(-2px); box-shadow: rgba(165, 216, 31, 0.45) 0px 16px 38px;}
.post-article .btn-outline{background: transparent; color: var(--paper); border-color: var(--hair-2);}
.post-article .btn-outline:hover{border-color: var(--lime); color: var(--lime); transform: translateY(-2px); background: rgba(165, 216, 31, 0.05);}
.post-article .btn-emergency{background: var(--black); color: var(--lime); border: 1.5px solid var(--lime); box-shadow: 0 8px 26px rgba(165,216,31,0.18), inset 0 0 0 0 var(--lime); animation: 2.4s ease 0s infinite normal none running emergencyBtnPulse;}
.post-article .btn-emergency:hover{background: var(--lime); color: var(--black); transform: translateY(-2px); box-shadow: rgba(165, 216, 31, 0.42) 0px 14px 36px;}
.post-article .btn-emergency:hover svg{color: var(--black);}
.post-article .btn-emergency svg{width: 16px; height: 16px; color: var(--lime); transition: color.3s var(--ease);}
.post-article .hero-scroll{position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 10px; font-family: var(--body); font-size: 10px; letter-spacing: 0.32em; text-transform: uppercase; color: var(--cream-70); font-weight: 600; opacity: 0; animation: heroFade 1s var(--ease-cinema) 2s forwards;}
.post-article .hero-scroll-line{width: 1px; height: 56px; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 100% 200%; animation: 2.4s linear 0s infinite normal none running scrollLine;}
.post-article .stats-band{background: var(--black); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); padding: 56px 0px; position: relative;}
.post-article .stats-band::before{content: ""; position: absolute; top: 0px; left: 0px; height: 1px; background: linear-gradient(90deg, transparent, var(--lime), transparent); width: 100%; opacity: 0.5;}
.post-article .stats-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center;}
.post-article .stat-item{padding: 0px 12px; position: relative;}
.post-article .stat-item + .stat-item::before{content: ""; position: absolute; left: 0px; top: 14%; bottom: 14%; width: 1px; background: var(--hair-2);}
.post-article .stat-num{font-family: var(--display); font-size: clamp(40px, 5vw, 72px); font-weight: 800; color: var(--lime); line-height: 1; letter-spacing: -0.015em; text-shadow: rgba(165, 216, 31, 0.2) 0px 0px 24px;}
.post-article .stat-num.suffix{font-size: 0.55em; vertical-align: top; margin-left: 2px;}
.post-article .stat-label{font-family: var(--body); margin-top: 14px; font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--cream-70); font-weight: 600;}
.post-article .trust-badges{background: var(--black-2); padding: 40px 0px; border-bottom: 1px solid var(--hair);}
.post-article .trust-inner{display: flex; justify-content: center; align-items: center; gap: 28px; flex-wrap: wrap;}
.post-article .trust-badge{display: inline-flex; align-items: center; gap: 12px; padding: 12px 20px; background: var(--black-3); border: 1px solid var(--hair); font-family: var(--body); font-weight: 600; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cream-92); transition: all.25s var(--ease);}
.post-article .trust-badge:hover{border-color: var(--lime); color: var(--lime); transform: translateY(-2px);}
.post-article .trust-badge.stars{color: var(--lime); letter-spacing: 0.05em;}
.post-article .trust-badge.platform{color: var(--paper);}
.post-article .trust-badge.meta{color: var(--cream-50); font-size: 10px; letter-spacing: 0.18em;}
.post-article .brands{background: var(--black); padding: 40px 0px; border-bottom: 1px solid var(--hair); overflow: hidden; position: relative;}
.post-article .brands::before,.post-article .brands::after{content: ""; position: absolute; top: 0px; bottom: 0px; width: 140px; z-index: 2; pointer-events: none;}
.post-article .brands::before{left: 0px; background: linear-gradient(to right, var(--black), transparent);}
.post-article .brands::after{right: 0px; background: linear-gradient(to left, var(--black), transparent);}
.post-article .brands-eyebrow{text-align: center; margin-bottom: 26px; font-family: var(--body); font-size: 11px; letter-spacing: 0.32em; text-transform: uppercase; color: var(--cream-50); font-weight: 600;}
.post-article .brands-track{display: flex; gap: 64px; white-space: nowrap; animation: 40s linear 0s infinite normal none running marquee; width: max-content; align-items: center;}
.post-article .brand-item{font-family: var(--display); font-size: 30px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--cream-70); flex-shrink: 0; transition: color.25s var(--ease);}
.post-article .brand-item:hover{color: var(--paper);}
.post-article .brand-item.featured{color: var(--lime); position: relative; text-shadow: rgba(165, 216, 31, 0.32) 0px 0px 18px;}
.post-article .brand-item.featured::after{content: "Authorized"; position: absolute; top: -12px; right: -10px; font-family: var(--body); font-size: 8px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--lime); font-weight: 700; background: rgba(165, 216, 31, 0.1); padding: 2px 7px; border: 1px solid var(--lime); border-radius: 999px;}
.post-article .brand-dot{width: 4px; height: 4px; border-radius: 50%; background: var(--cream-30);}
.post-article section{padding: 140px 0px; position: relative;}
.post-article .section-head{margin-bottom: 72px; max-width: 920px;}
.post-article .section-head.centered{text-align: center; margin-left: auto; margin-right: auto;}
.post-article .section-head.eyebrow{margin-bottom: 28px;}
.post-article .eyebrow{font-family: var(--body); font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; font-weight: 600; color: var(--lime); display: inline-flex; align-items: center; gap: 12px;}
.post-article .eyebrow::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 8px var(--lime-glow);}
.post-article .section-head h2{font-family: var(--display); font-size: clamp(40px, 5.5vw, 96px); font-weight: 800; line-height: 0.94; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper);}
.post-article .section-head h2.lime{color: var(--lime); text-shadow: rgba(165, 216, 31, 0.22) 0px 0px 28px;}
.post-article .section-head.lede{margin-top: 28px; font-family: var(--body); font-size: 17px; color: var(--cream-70); line-height: 1.7; max-width: 60ch;}
.post-article .divider-sweep{height: 1px; background: var(--hair); position: relative; overflow: hidden;}
.post-article .divider-sweep::after{content: ""; position: absolute; left: -30%; top: 0px; height: 100%; width: 30%; background: linear-gradient(90deg, transparent, var(--lime), transparent); animation: 5s linear 0s infinite normal none running sweep;}
.post-article .services{background: var(--black); padding-top: 140px;}
.post-article .svc-header-row{display: flex; justify-content: space-between; align-items: flex-end; gap: 56px; margin-bottom: 64px;}
.post-article .svc-header-row.section-head{margin-bottom: 0px;}
.post-article .svc-header-aside{max-width: 320px; font-family: var(--body); font-size: 14px; color: var(--cream-70); line-height: 1.65;}
.post-article .svc-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;}
.post-article .svc-card{position: relative; background: var(--black-3); border: 1px solid var(--hair); overflow: hidden; transition: border-color.35s var(--ease), transform.35s var(--ease); cursor: pointer;}
.post-article .svc-card:hover{border-color: var(--lime); transform: translateY(-4px);}
.post-article .svc-photo{position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--black-2);}
.post-article .svc-photo img{width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-cinema); filter: brightness(0.82);}
.post-article .svc-card:hover.svc-photo img{transform: scale(1.07); filter: brightness(1);}
.post-article .svc-photo::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 30%, rgba(10, 10, 10, 0.6) 100%);}
.post-article .svc-price{position: absolute; top: 14px; right: 14px; z-index: 2; background: rgba(10, 10, 10, 0.85); backdrop-filter: blur(8px); padding: 6px 12px; font-family: var(--display); font-size: 11px; letter-spacing: 0.18em; font-weight: 700; text-transform: uppercase; color: var(--lime); border: 1px solid var(--lime-soft);}
.post-article .svc-body{padding: 28px;}
.post-article .svc-body.eyebrow{font-family: var(--body); font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--lime); font-weight: 600; margin-bottom: 14px;}
.post-article .svc-body h3{font-family: var(--display); font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: var(--paper); margin-bottom: 14px; line-height: 1.05;}
.post-article .svc-body.learn{font-family: var(--display); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--lime); font-weight: 700; display: inline-flex; align-items: center; gap: 10px; transition: gap.25s var(--ease);}
.post-article .svc-card:hover.svc-body.learn{gap: 18px;}
.post-article .why{background: var(--black); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair);}
.post-article .why-grid{display: grid; grid-template-columns: 1fr 1.1fr; gap: 96px; align-items: center;}
.post-article .why-photo{aspect-ratio: 4 / 5; overflow: hidden; position: relative;}
.post-article .why-photo img{width: 100%; height: 100%; object-fit: cover; transition: transform 1.6s var(--ease-cinema); filter: brightness(0.9);}
.post-article .why-photo:hover img{transform: scale(1.04); filter: brightness(1);}
.post-article .why-photo-badge{position: absolute; bottom: 24px; left: 24px; background: rgba(10, 10, 10, 0.92); backdrop-filter: blur(8px); border-left: 3px solid var(--lime); padding: 12px 18px; font-family: var(--body); font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--paper); font-weight: 600;}
.post-article .why-content.eyebrow{margin-bottom: 28px;}
.post-article .why-content h2{font-family: var(--display); font-size: clamp(40px, 5.5vw, 80px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 28px;}
.post-article .why-content h2.lime{color: var(--lime); text-shadow: rgba(165, 216, 31, 0.22) 0px 0px 28px;}
.post-article .why-content p{font-family: var(--body); font-size: 16px; line-height: 1.7; color: var(--cream-70); margin-bottom: 36px; max-width: 50ch;}
.post-article .why-trust{display: grid; grid-template-columns: 1fr 1fr; gap: 32px 24px; padding-top: 40px; border-top: 1px solid var(--hair); margin-bottom: 40px;}
.post-article .why-trust-item{display: flex; gap: 18px; align-items: flex-start;}
.post-article .why-trust-num{font-family: var(--display); font-size: 30px; font-weight: 800; color: var(--lime); line-height: 1; flex-shrink: 0; letter-spacing: -0.015em;}
.post-article .why-trust-body h4{font-family: var(--display); font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--paper); margin-bottom: 6px;}
.post-article .why-trust-body p{font-family: var(--body); font-size: 13px; color: var(--cream-50); line-height: 1.55; font-weight: 400; margin: 0px;}
.post-article .authorized-row{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 36px;}
.post-article .authorized-callout{display: flex; align-items: center; gap: 14px; background: linear-gradient(135deg, var(--lime-soft) 0%, rgba(165,216,31,0.04) 100%); border: 1px solid var(--lime); padding: 16px 18px; font-family: var(--body); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--lime); font-weight: 700; position: relative; box-shadow: rgba(165, 216, 31, 0.12) 0px 0px 26px inset;}
.post-article .authorized-callout.badge-icon{width: 34px; height: 34px; border-radius: 50%; background: var(--lime); color: var(--black); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}
.post-article .authorized-callout.badge-icon svg{width: 17px; height: 17px;}
.post-article .authorized-callout.text-block{display: flex; flex-direction: column; gap: 2px; line-height: 1.3;}
.post-article .authorized-callout.text-block strong{color: var(--paper); font-size: 13px; letter-spacing: 0.05em;}
.post-article .authorized-callout.text-block span{font-size: 10px; letter-spacing: 0.18em;}
.post-article .meet-owner{background: var(--black-2); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair);}
.post-article .tk-grid{display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center;}
.post-article .tk-content.eyebrow{margin-bottom: 28px;}
.post-article .tk-content h2{font-family: var(--display); font-size: clamp(36px, 5vw, 76px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 28px;}
.post-article .tk-content h2.lime{color: var(--lime);}
.post-article .tk-content blockquote{font-family: var(--display); font-size: clamp(20px, 1.8vw, 26px); font-weight: 500; line-height: 1.3; color: var(--cream-92); margin-bottom: 32px; border-left: 2px solid var(--lime); padding-left: 24px; text-transform: none; letter-spacing: 0px; font-style: italic;}
.post-article .tk-content p{font-family: var(--body); font-size: 15px; line-height: 1.75; color: var(--cream-70); margin-bottom: 24px; max-width: 56ch;}
.post-article .tk-signature{display: flex; align-items: center; gap: 16px; padding-top: 24px; border-top: 1px solid var(--hair);}
.post-article .tk-sig-name{font-family: var(--display); font-size: 18px; font-weight: 700; color: var(--paper); text-transform: uppercase; letter-spacing: 0.06em;}
.post-article .tk-sig-role{font-family: var(--body); font-size: 12px; color: var(--lime); letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600;}
.post-article .tk-photo{aspect-ratio: 4 / 5; overflow: hidden; position: relative;}
.post-article .tk-photo img{width: 100%; height: 100%; object-fit: cover; transition: transform 1.6s var(--ease-cinema);}
.post-article .tk-photo:hover img{transform: scale(1.04);}
.post-article .tk-photo-frame{position: absolute; inset: -10px; border: 1px solid var(--lime); z-index: -1; opacity: 0.4; pointer-events: none;}
.post-article .process{background: var(--black);}
.post-article .process-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;}
.post-article .process-step{padding: 36px 28px; border: 1px solid var(--hair); background: var(--black-2); transition: border-color.35s var(--ease), background.35s var(--ease), transform.35s var(--ease); position: relative;}
.post-article .process-step:hover{border-color: var(--lime); background: var(--black-3); transform: translateY(-4px);}
.post-article .process-num{font-family: var(--display); font-size: 60px; font-weight: 800; color: var(--lime); line-height: 1; margin-bottom: 36px; letter-spacing: -0.02em; opacity: 0.85;}
.post-article .process-step h3{font-family: var(--display); font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--paper); margin-bottom: 14px; line-height: 1.05;}
.post-article .process-step p{font-family: var(--body); font-size: 13.5px; line-height: 1.65; color: var(--cream-70);}
.post-article .projects{background: var(--black-2); border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair);}
.post-article .project-list{display: flex; flex-direction: column; gap: 120px; margin-top: 24px;}
.post-article .project{display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;}
.post-article .project.reverse{direction: rtl;}
.post-article .project.reverse > *{direction: ltr;}
.post-article .project-photo{aspect-ratio: 4 / 5; overflow: hidden; position: relative;}
.post-article .project-photo img{width: 100%; height: 100%; object-fit: cover; transition: transform 1.6s var(--ease-cinema); filter: brightness(0.88);}
.post-article .project:hover.project-photo img{transform: scale(1.05); filter: brightness(1);}
.post-article .project-photo-tag{position: absolute; top: 24px; left: 24px; background: rgba(10, 10, 10, 0.85); backdrop-filter: blur(8px); padding: 8px 14px; font-family: var(--body); font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--paper); font-weight: 600;}
.post-article .project-photo-tag.lime-pip{display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--lime); margin-right: 8px; vertical-align: middle;}
.post-article .project-number{font-family: var(--display); font-size: clamp(48px, 6vw, 88px); font-weight: 800; color: var(--lime); line-height: 1; margin-bottom: 28px; letter-spacing: -0.02em; text-shadow: rgba(165, 216, 31, 0.18) 0px 0px 24px;}
.post-article .project-title{font-family: var(--display); font-size: clamp(32px, 4vw, 56px); font-weight: 800; text-transform: uppercase; letter-spacing: -0.012em; line-height: 1; color: var(--paper); margin-bottom: 24px;}
.post-article .project-title.lime{color: var(--lime);}
.post-article .project-desc{font-family: var(--body); font-size: 16px; line-height: 1.7; color: var(--cream-70); margin-bottom: 36px; max-width: 50ch;}
.post-article .project-meta{display: grid; grid-template-columns: auto 1fr; gap: 12px 28px; padding: 28px 0px; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); font-family: var(--body); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;}
.post-article .project-meta dt{color: var(--cream-50); font-weight: 600;}
.post-article .project-meta dd{color: var(--paper); font-weight: 600;}
.post-article .project-link{display: inline-flex; align-items: center; gap: 14px; margin-top: 32px; font-family: var(--display); font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--lime); font-weight: 700; padding-bottom: 8px; border-bottom: 1px solid var(--lime); transition: gap.3s var(--ease);}
.post-article .project-link:hover{gap: 22px;}
.post-article .projects-footer{margin-top: 120px; padding-top: 56px; border-top: 1px solid var(--hair); text-align: center;}
.post-article .projects-footer a{display: inline-flex; align-items: center; gap: 16px; padding: 22px 48px; background: var(--lime); color: var(--black); font-family: var(--display); font-size: 13px; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 700; transition: all.3s var(--ease); position: relative; overflow: hidden;}
.post-article .projects-footer a::before{content: ""; position: absolute; inset: 0px; background: var(--paper); transform: translateX(-101%); transition: transform.45s var(--ease);}
.post-article .projects-footer a > *{position: relative; z-index: 1;}
.post-article .projects-footer a:hover::before{transform: translateX(0px);}
.post-article .projects-footer a:hover{transform: translateY(-2px); box-shadow: rgba(165, 216, 31, 0.3) 0px 14px 32px;}
.post-article .testimonial{background: var(--black); padding: 160px 0px; text-align: center; position: relative; overflow: hidden;}
.post-article .testimonial::before{position: absolute; left: 50%; top: 80px; transform: translateX(-50%); font-family: serif; font-size: 220px; line-height: 1; color: var(--lime); opacity: 0.06; pointer-events: none; content: "“";}
.post-article .testimonial-inner{max-width: 1080px; margin: 0px auto; padding: 0 var(--pad-x); position: relative;}
.post-article .testimonial-eyebrow{font-family: var(--body); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--lime); font-weight: 700; margin-bottom: 56px; display: inline-flex; align-items: center; gap: 12px;}
.post-article .testimonial-eyebrow::before{content: "★"; color: var(--lime);}
.post-article .testimonial-slides{position: relative; min-height: 380px;}
.post-article .testimonial-slide{position: absolute; inset: 0px; opacity: 0; transform: translateY(20px); transition: opacity 0.8s var(--ease-cinema), transform 0.8s var(--ease-cinema); pointer-events: none;}
.post-article .testimonial-slide.active{opacity: 1; transform: translateY(0px); pointer-events: auto;}
.post-article .testimonial-quote{font-family: var(--display); font-size: clamp(26px, 3.6vw, 56px); font-weight: 700; line-height: 1.2; letter-spacing: -0.008em; text-transform: uppercase; color: var(--paper); margin-bottom: 48px;}
.post-article .testimonial-quote.lime{color: var(--lime);}
.post-article .testimonial-attr{display: inline-flex; align-items: center; gap: 18px; font-family: var(--body); font-size: 13px; color: var(--cream-70); letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600;}
.post-article .testimonial-attr.stars{color: var(--lime); letter-spacing: 0.08em; font-size: 14px;}
.post-article .testimonial-attr.sep{color: var(--hair-2);}
.post-article .testimonial-dots{display: flex; justify-content: center; gap: 10px; margin-top: 56px;}
.post-article .testimonial-dots button{width: 32px; height: 2px; background: var(--hair-2); padding: 0px; transition: all.35s var(--ease); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none;}
.post-article .testimonial-dots button.active{background: var(--lime); width: 52px;}
.post-article .faq{background: var(--black-2); border-top: 1px solid var(--hair);}
.post-article .faq-grid{display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px;}
.post-article .faq-side.eyebrow{margin-bottom: 28px;}
.post-article .faq-side h2{font-family: var(--display); font-size: clamp(36px, 4.5vw, 72px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 28px;}
.post-article .faq-side h2.lime{color: var(--lime);}
.post-article .faq-side p{font-family: var(--body); font-size: 15px; line-height: 1.7; color: var(--cream-70); max-width: 36ch; margin-bottom: 32px;}
.post-article .faq-side.btn-outline{padding: 16px 28px;}
.post-article .faq-list{display: flex; flex-direction: column; gap: 4px;}
.post-article .faq-item{border-top: 1px solid var(--hair); padding: 0px;}
.post-article .faq-item:last-child{border-bottom: 1px solid var(--hair);}
.post-article .faq-q{width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 26px 0px; font-family: var(--display); font-size: clamp(18px, 1.6vw, 24px); font-weight: 700; color: var(--paper); text-transform: uppercase; letter-spacing: 0.02em; cursor: pointer; transition: color.25s var(--ease);}
.post-article .faq-q:hover{color: var(--lime);}
.post-article .faq-toggle{width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--hair-2); flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; transition: all.3s var(--ease); color: var(--cream-70);}
.post-article .faq-q:hover.faq-toggle{border-color: var(--lime); color: var(--lime);}
.post-article .faq-toggle svg{width: 16px; height: 16px; transition: transform.35s var(--ease);}
.post-article .faq-item.open.faq-toggle{background: var(--lime); border-color: var(--lime); color: var(--black);}
.post-article .faq-item.open.faq-toggle svg{transform: rotate(45deg);}
.post-article .faq-a{max-height: 0px; overflow: hidden; transition: max-height.45s var(--ease-cinema), padding.35s var(--ease); padding: 0px;}
.post-article .faq-item.open.faq-a{max-height: 400px; padding: 0px 0px 26px;}
.post-article .faq-a p{font-family: var(--body); font-size: 15px; line-height: 1.75; color: var(--cream-70); max-width: 64ch;}
.post-article .areas-contact{background: var(--black); border-top: 1px solid var(--hair);}
.post-article .ac-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start;}
.post-article .ac-left.eyebrow{margin-bottom: 28px;}
.post-article .ac-left h2{font-family: var(--display); font-size: clamp(40px, 5vw, 80px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 28px;}
.post-article .ac-left h2.lime{color: var(--lime);}
.post-article .ac-left p{font-family: var(--body); font-size: 16px; line-height: 1.7; color: var(--cream-70); margin-bottom: 40px; max-width: 44ch;}
.post-article .ac-map{position: relative; aspect-ratio: 4 / 3; overflow: hidden; margin-bottom: 40px; border: 1px solid var(--hair);}
.post-article .ac-map iframe{position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; filter: none;}
.post-article .ac-map-frame{position: absolute; inset: 0px; pointer-events: none; box-shadow: rgba(10, 10, 10, 0.5) 0px 0px 80px inset;}
.post-article .ac-map-badge{position: absolute; bottom: 16px; left: 16px; z-index: 3; background: rgba(10, 10, 10, 0.9); padding: 10px 16px; font-family: var(--body); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--paper); font-weight: 600; border-left: 2px solid var(--lime);}
.post-article .ac-cities{display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
.post-article .ac-cities h4{font-family: var(--display); font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--lime); font-weight: 700; margin-bottom: 14px;}
.post-article .ac-cities ul{list-style: none;}
.post-article .ac-cities li{font-family: var(--body); font-size: 13.5px; color: var(--cream-70); padding: 4px 0px; transition: color.2s var(--ease); cursor: pointer;}
.post-article .ac-cities li:hover{color: var(--paper);}
.post-article .ac-form{background: var(--black-2); padding: 48px; border: 1px solid var(--hair); position: relative;}
.post-article .ac-form::before{content: ""; position: absolute; top: -1px; left: 32px; right: 32px; height: 2px; background: linear-gradient(90deg, transparent 0%, var(--lime) 50%, transparent 100%);}
.post-article .ac-form.eyebrow{margin-bottom: 20px;}
.post-article .ac-form h3{font-family: var(--display); font-size: clamp(28px, 3vw, 44px); font-weight: 800; text-transform: uppercase; letter-spacing: -0.012em; line-height: 1.05; color: var(--paper); margin-bottom: 18px;}
.post-article .ac-form h3.lime{color: var(--lime);}
.post-article .ac-form.sub{font-family: var(--body); font-size: 14px; color: var(--cream-70); line-height: 1.65; margin-bottom: 40px; max-width: 42ch;}
.post-article .field{position: relative; margin-bottom: 18px;}
.post-article .field label{display: block; font-family: var(--display); font-size: 10px; letter-spacing: 0.26em; text-transform: uppercase; color: var(--lime); font-weight: 700; margin-bottom: 8px;}
.post-article .field input,.post-article .field textarea,.post-article .field select{width: 100%; background: rgba(10, 10, 10, 0.5); border: 1px solid var(--hair-2); color: var(--paper); padding: 14px 16px; font-family: var(--body); font-size: 14px; font-weight: 400; transition: border-color.3s var(--ease), background.3s var(--ease); appearance: none; border-radius: 0px;}
.post-article .field input::placeholder,.post-article .field textarea::placeholder{color: var(--cream-30);}
.post-article .field input:focus,.post-article .field textarea:focus,.post-article .field select:focus{outline: none; border-color: var(--lime); background: rgba(165, 216, 31, 0.06);}
.post-article .field select{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23a5d81f' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 14px; padding-right: 40px;}
.post-article .field option{background: var(--black-2); color: var(--paper);}
.post-article .field textarea{resize: vertical; min-height: 100px; line-height: 1.5;}
.post-article .field-row{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.post-article .form-submit{width: 100%; margin-top: 16px; background: var(--lime); color: var(--black); padding: 20px 32px; font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; transition: all.3s var(--ease); display: inline-flex; align-items: center; justify-content: center; gap: 14px; position: relative; overflow: hidden;}
.post-article .form-submit::before{content: ""; position: absolute; inset: 0px; background: var(--paper); transform: translateX(-101%); transition: transform.4s var(--ease);}
.post-article .form-submit > *{position: relative; z-index: 1;}
.post-article .form-submit:hover::before{transform: translateX(0px);}
.post-article .form-submit:hover{transform: translateY(-2px); box-shadow: rgba(165, 216, 31, 0.4) 0px 16px 36px;}
.post-article .form-disclaimer{font-family: var(--body); font-size: 11px; color: var(--cream-50); margin-top: 18px; line-height: 1.6; text-align: center; letter-spacing: 0.06em;}
.post-article .ac-direct{margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--hair); text-align: center;}
.post-article .ac-direct.label{font-family: var(--body); font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--cream-50); margin-bottom: 12px;}
.post-article .ac-direct.phone{font-family: var(--display); font-size: 36px; font-weight: 800; color: var(--paper); letter-spacing: 0.02em; font-variant-numeric: tabular-nums; display: inline-block; line-height: 1; text-shadow: rgba(165, 216, 31, 0.18) 0px 0px 24px;}
.post-article .ac-direct.phone:hover{color: var(--lime);}
.post-article .ac-direct.meta{font-family: var(--body); font-size: 12px; color: var(--cream-50); margin-top: 8px; letter-spacing: 0.12em;}
.post-article .final-cta{background: linear-gradient(135deg, var(--black-3) 0%, var(--black) 60%); padding: 140px 0px; position: relative; overflow: hidden;}
.post-article .final-cta::before{content: ""; position: absolute; inset: 0px; background-image: radial-gradient(circle at 80% 50%, rgba(165, 216, 31, 0.12), transparent 50%); pointer-events: none;}
.post-article .final-cta-inner{position: relative; max-width: 920px; margin: 0px auto; padding: 0 var(--pad-x); text-align: center;}
.post-article .final-cta h2{font-family: var(--display); font-size: clamp(44px, 5.5vw, 96px); font-weight: 800; line-height: 0.96; letter-spacing: -0.012em; text-transform: uppercase; color: var(--paper); margin-bottom: 24px;}
.post-article .final-cta h2.lime{color: var(--lime); text-shadow: rgba(165, 216, 31, 0.28) 0px 0px 28px;}
.post-article .final-cta p{font-family: var(--body); font-size: 17px; color: var(--cream-70); max-width: 50ch; margin: 0px auto 44px; line-height: 1.65;}
.post-article .final-cta-buttons{display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;}
.post-article .final-cta-foot{margin-top: 36px; font-family: var(--body); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-50); font-weight: 600;}
.post-article .final-cta-foot.sep{color: var(--lime); margin: 0px 12px;}
.post-article .footer{background: var(--black); border-top: 1px solid var(--hair); padding: 100px 0px 36px;}
.post-article .footer-grid{display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 64px; margin-bottom: 56px;}
.post-article .footer-brand img{height: 60px; width: auto; margin-bottom: 24px; filter: brightness(1.05) drop-shadow(rgba(165, 216, 31, 0.15) 0px 0px 14px);}
.post-article .footer-brand p{font-family: var(--body); font-size: 14px; color: var(--cream-70); line-height: 1.7; margin-bottom: 28px; max-width: 38ch;}
.post-article .footer-nap-label{font-family: var(--display); font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--lime); font-weight: 700; margin-bottom: 8px;}
.post-article .footer-phone{font-family: var(--display); font-size: 26px; font-weight: 800; color: var(--paper); letter-spacing: 0.02em; line-height: 1.2; margin-bottom: 14px; display: block;}
.post-article .footer-phone:hover{color: var(--lime);}
.post-article .footer-nap-info{font-family: var(--body); font-size: 13px; color: var(--cream-50); line-height: 1.85;}
.post-article .footer-nap-info strong{color: var(--paper);}
.post-article .footer-col h5{font-family: var(--display); font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--lime); margin-bottom: 22px; font-weight: 700;}
.post-article .footer-col ul{list-style: none;}
.post-article .footer-col li{padding: 7px 0px;}
.post-article .footer-col a{font-family: var(--body); font-size: 13.5px; color: var(--cream-70); transition: color.2s var(--ease);}
.post-article .footer-col a:hover{color: var(--paper);}
.post-article .footer-newsletter{background: var(--black-2); border: 1px solid var(--hair); padding: 36px; margin-bottom: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center;}
.post-article .footer-newsletter h4{font-family: var(--display); font-size: clamp(22px, 2.4vw, 32px); font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: var(--paper); line-height: 1.15;}
.post-article .footer-newsletter h4.lime{color: var(--lime);}
.post-article .footer-newsletter p{font-family: var(--body); font-size: 13px; color: var(--cream-70); margin-top: 8px;}
.post-article .footer-newsletter form{display: flex; gap: 10px;}
.post-article .footer-newsletter input{flex: 1 1 0%; padding: 14px 16px; background: var(--black); border: 1px solid var(--hair-2); color: var(--paper); font-family: var(--body); font-size: 14px;}
.post-article .footer-newsletter input:focus{outline: none; border-color: var(--lime);}
.post-article .footer-newsletter button{padding: 14px 22px; background: var(--lime); color: var(--black); font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; transition: all.25s var(--ease);}
.post-article .footer-newsletter button:hover{background: var(--paper);}
.post-article .footer-brand-strip{padding: 28px 0px; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); margin-bottom: 32px; display: flex; flex-wrap: wrap; gap: 28px; justify-content: center; align-items: center;}
.post-article .footer-brand-strip span{font-family: var(--display); font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-50); font-weight: 600;}
.post-article .footer-brand-strip span.featured{color: var(--lime); position: relative;}
.post-article .footer-bottom{display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; font-family: var(--body); font-size: 11px; color: var(--cream-50); letter-spacing: 0.1em;}
.post-article .footer-social{display: flex; gap: 12px;}
.post-article .footer-social a{width: 36px; height: 36px; border: 1px solid var(--hair-2); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--cream-70); transition: all.25s var(--ease);}
.post-article .footer-social a:hover{border-color: var(--lime); color: var(--lime); transform: translateY(-2px); background: var(--lime-soft);}
.post-article .footer-social svg{width: 14px; height: 14px;}
.post-article .float-stack{position: fixed; bottom: 30px; right: 30px; display: flex; flex-direction: column; gap: 12px; z-index: 200;}
.post-article .float-btn{width: 58px; height: 58px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); transition: transform.3s var(--ease); position: relative;}
.post-article .float-btn svg{width: 26px; height: 26px;}
.post-article .float-wa{background: rgb(37, 211, 102); box-shadow: rgba(37, 211, 102, 0.4) 0px 8px 26px; animation: 2.5s ease 0s infinite normal none running pulseLg;}
.post-article .float-call{background: var(--black); border: 1.5px solid var(--lime); color: var(--lime); box-shadow: rgba(165, 216, 31, 0.24) 0px 8px 26px;}
.post-article .float-call:hover{background: var(--lime); color: var(--black);}
.post-article .float-top{background: var(--lime); color: var(--black); box-shadow: rgba(165, 216, 31, 0.4) 0px 8px 26px; opacity: 0; transform: translateY(20px) scale(0.8); pointer-events: none; transition: opacity.3s var(--ease), transform.3s var(--ease);}
.post-article .float-top.show{opacity: 1; transform: translateY(0px) scale(1); pointer-events: auto;}
.post-article .float-btn:hover{transform: scale(1.1);}
.post-article .mobile-bar{position: fixed; bottom: 0px; left: 0px; right: 0px; background: rgba(10, 10, 10, 0.97); backdrop-filter: blur(16px); border-top: 1px solid var(--hair); padding: 10px 12px; display: none; justify-content: space-around; align-items: center; z-index: 150;}
.post-article .mobile-bar a{flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 0px; font-family: var(--display); font-weight: 700; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--paper);}
.post-article .mobile-bar a.emergency{color: var(--lime);}
.post-article .mobile-bar svg{width: 20px; height: 20px; color: var(--lime);}
.post-article .mobile-bar a.emergency svg{color: var(--lime);}
.post-article .reveal{opacity: 1; transform: none; transition: opacity 1.1s var(--ease-cinema), transform 1.1s var(--ease-cinema);}
.post-article .reveal-slow{opacity: 1; transition: opacity 1.6s var(--ease-cinema);}
.post-article .reveal-stagger > *{opacity: 1; transform: none; transition: opacity 1s var(--ease-cinema), transform 1s var(--ease-cinema);}
.post-article .reveal.in{opacity: 1; transform: translateY(0px);}
.post-article .reveal-slow.in{opacity: 1;}
.post-article .reveal-stagger.in > :nth-child(1){transition-delay: 0s;}
.post-article .reveal-stagger.in > :nth-child(2){transition-delay: 0.08s;}
.post-article .reveal-stagger.in > :nth-child(3){transition-delay: 0.16s;}
.post-article .reveal-stagger.in > :nth-child(4){transition-delay: 0.24s;}
.post-article .reveal-stagger.in > :nth-child(5){transition-delay: 0.32s;}
.post-article .reveal-stagger.in > :nth-child(6){transition-delay: 0.4s;}
.post-article .reveal-stagger.in > *{opacity: 1; transform: translateY(0px);}
@media (max-width: 1100px) and (min-width: 1025px){
.post-article .hero-cta-row{gap: 10px;}
.post-article .btn-lime,.post-article .btn-outline,.post-article .btn-emergency{padding: 17px 22px; font-size: 12px;}
}
@media (max-width: 1024px){
.post-article section{padding: 80px 0px;}
.post-article .social-rail{display: none;}
.post-article .emergency-band{font-size: 10px; letter-spacing: 0.08em; padding: 8px 0px;}
.post-article .nav{padding: 14px var(--pad-x); gap: 12px;}
.post-article .nav-logo img{height: 44px;}
.post-article .nav-links{display: none;}
.post-article .nav-right{gap: 8px;}
.post-article .nav-cta{display: none;}
.post-article .nav-phone{font-size: 13px;}
.post-article .nav-mobile-toggle{display: inline-flex; align-items: center; justify-content: center;}
.post-article .nav-mobile-toggle svg{width: 26px; height: 26px;}
.post-article .nav-wrap.nav-open{background: rgba(10, 10, 10, 0.98);}
.post-article .nav-wrap.nav-open.nav-links{display: flex; flex-direction: column; gap: 0px; position: fixed; left: 0px; right: 0px; top: 72px; background: rgba(10, 10, 10, 0.98); border-top: 1px solid var(--hair-2); padding: 18px var(--pad-x) 28px; z-index: 90; max-height: calc(-72px + 100vh); overflow-y: auto; animation: navSlide.22s var(--ease) both;}
.post-article .nav-wrap.nav-open.nav-links a{padding: 14px 0px; border-bottom: 1px solid var(--hair); font-size: 13px; letter-spacing: 0.16em; color: var(--paper); width: 100%;}
.post-article .nav-wrap.nav-open.nav-links a:last-child{border-bottom: 0px;}
.post-article .nav-wrap.nav-open.nav-links a::after{display: none;}
.post-article .utility-left{gap: 12px; flex-wrap: wrap; font-size: 10px; letter-spacing: 0.04em;}
.post-article .utility-right{display: none;}
.post-article .hero{min-height: 70vh;}
.post-article .hero-content{padding: 48px var(--pad-x) 72px;}
.post-article .hero-sub{font-size: 15px; margin-bottom: 36px;}
.post-article .hero-cta-row{flex-direction: column; align-items: stretch; gap: 12px;}
.post-article .btn-lime,.post-article .btn-outline,.post-article .btn-emergency{justify-content: center; padding: 16px 22px;}
.post-article .hero-scroll{display: none;}
.post-article .stats-grid{grid-template-columns: 1fr 1fr; gap: 32px 16px;}
.post-article .stat-item + .stat-item::before{display: none;}
.post-article .stat-item:nth-child(3),.post-article .stat-item:nth-child(4){border-top: 1px solid var(--hair); padding-top: 32px;}
.post-article .trust-inner{gap: 12px;}
.post-article .trust-badge{padding: 10px 14px; font-size: 11px; gap: 8px;}
.post-article .brands{padding: 22px 0px;}
.post-article .brand-item{font-size: 22px;}
.post-article .svc-header-row{flex-direction: column; align-items: flex-start; gap: 24px;}
.post-article .svc-grid{grid-template-columns: 1fr; gap: 16px;}
.post-article .why-grid{grid-template-columns: 1fr; gap: 56px;}
.post-article .why-trust{grid-template-columns: 1fr; gap: 24px;}
.post-article .why-photo{aspect-ratio: 4 / 3;}
.post-article .tk-grid{grid-template-columns: 1fr; gap: 48px;}
.post-article .tk-photo{aspect-ratio: 4 / 4; max-width: 400px; margin: 0px auto;}
.post-article .process-grid{grid-template-columns: 1fr 1fr; gap: 14px;}
.post-article .process-step{padding: 24px 20px;}
.post-article .process-num{font-size: 44px; margin-bottom: 24px;}
.post-article .process-step h3{font-size: 18px;}
.post-article .project-list{gap: 80px;}
.post-article .project,.post-article .project.reverse{grid-template-columns: 1fr; gap: 32px; direction: ltr;}
.post-article .project-photo{aspect-ratio: 4 / 4;}
.post-article .project-meta{grid-template-columns: 1fr; gap: 8px;}
.post-article .projects-footer{margin-top: 80px; padding-top: 40px;}
.post-article .testimonial{padding: 100px 0px;}
.post-article .testimonial-slides{min-height: 480px;}
.post-article .faq-grid{grid-template-columns: 1fr; gap: 40px;}
.post-article .ac-grid{grid-template-columns: 1fr; gap: 64px;}
.post-article .ac-cities{grid-template-columns: repeat(2, 1fr);}
.post-article .ac-form{padding: 32px;}
.post-article .field-row{grid-template-columns: 1fr; gap: 0px;}
.post-article .field-row.field{margin-bottom: 18px;}
.post-article .final-cta{padding: 80px 0px;}
.post-article .footer{padding: 70px 0px 28px;}
.post-article .footer-grid{grid-template-columns: 1fr; gap: 36px;}
.post-article .footer-newsletter{grid-template-columns: 1fr; gap: 20px; padding: 28px;}
.post-article .footer-brand-strip{gap: 18px;}
.post-article .footer-bottom{flex-direction: column-reverse; align-items: flex-start; gap: 14px;}
.post-article .mobile-bar{display: flex;}
.post-article .float-stack{bottom: 80px; right: 14px; gap: 10px;}
.post-article .float-btn{width: 50px; height: 50px;}
.post-article .float-btn svg{width: 22px; height: 22px;}
}
.post-article .seo-intro{background: var(--black-2); padding: 56px 0px; border-bottom: 1px solid var(--hair);}
.post-article .seo-intro-inner{max-width: 880px; margin: 0px auto; text-align: center;}
.post-article .seo-intro p{font-family: var(--body); font-size: 17px; line-height: 1.7; color: var(--cream-92); letter-spacing: 0.01em; font-weight: 400;}
@media (max-width: 768px){
.post-article .seo-intro{padding: 40px 0px;}
.post-article .seo-intro p{font-size: 15px;}
}
.post-article .svc-view-all-row{text-align: center; margin-top: 56px;}
.post-article .svc-view-all{display: inline-flex; align-items: center; gap: 14px; padding: 18px 34px; background: var(--lime); color: var(--black); font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; transition: all.3s var(--ease);}
.post-article .svc-view-all:hover{background: var(--paper); transform: translateY(-2px); box-shadow: rgba(165, 216, 31, 0.32) 0px 14px 32px;}
.post-article .form-status{margin-top: 18px; padding: 14px 18px; font-family: var(--body); font-size: 14px; line-height: 1.55; border-radius: 4px; display: none;}
.post-article .form-status.success{display: block; background: rgba(165, 216, 31, 0.1); border: 1px solid var(--lime); color: var(--paper);}
.post-article .form-status.error{display: block; background: rgba(232, 76, 76, 0.12); border: 1px solid rgb(232, 76, 76); color: var(--paper);}
.post-article .form-submit[disabled]{opacity: 0.6; cursor: wait;}
.post-article .blog-hero{min-height: auto; padding: 90px 24px 70px; background: linear-gradient(135deg, rgb(10, 10, 12) 0%, rgb(21, 21, 26) 60%, rgb(26, 26, 28) 100%); display: flex; align-items: center; justify-content: center; text-align: center;}
.post-article .blog-hero.container{max-width: 920px;}
.post-article .blog-hero.hero-eyebrow{font-family: "Barlow Condensed", sans-serif; letter-spacing: 0.2em; color: rgb(165, 216, 31); font-size: 14px; font-weight: 600; margin: 0px 0px 22px;}
.post-article .blog-hero h1{font-family: Barlow, sans-serif; font-size: clamp(40px, 6vw, 68px); line-height: 1.05; margin: 0px 0px 22px; color: rgb(255, 255, 255); font-weight: 800; letter-spacing: -0.02em;}
.post-article .blog-hero.hero-accent{color: rgb(165, 216, 31);}
.post-article .blog-hero.hero-tagline{font-size: 18px; line-height: 1.6; color: rgb(204, 204, 204); max-width: 680px; margin: 0px auto;}
.post-article .posts-section{padding: 80px 24px; background: rgb(10, 10, 12);}
.post-article .posts-section.container{max-width: 1280px; margin: 0px auto;}
.post-article .posts-section-header{margin-bottom: 48px; text-align: center;}
.post-article .posts-section-header h2{font-family: Barlow, sans-serif; font-size: 36px; line-height: 1.1; margin: 0px 0px 12px; color: rgb(255, 255, 255); font-weight: 800; letter-spacing: -0.01em;}
.post-article .posts-section-header p{color: rgb(170, 170, 170); font-size: 16px; margin: 0px;}
.post-article .posts-section-header.phone-link{color: rgb(165, 216, 31); text-decoration: none; font-weight: 600;}
.post-article .posts-section-header.phone-link:hover{text-decoration: underline;}
.post-article .posts-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
@media (max-width: 1024px){
.post-article .posts-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px){
.post-article .posts-grid{grid-template-columns: 1fr; gap: 20px;}
}
.post-article .post-card{background: rgb(17, 17, 20); border: 1px solid rgb(35, 35, 38); border-radius: 14px; overflow: hidden; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;}
.post-article .post-card:hover{transform: translateY(-5px); border-color: rgb(165, 216, 31); box-shadow: rgba(165, 216, 31, 0.08) 0px 14px 40px;}
.post-article .post-card-link{display: block; color: inherit; text-decoration: none;}
.post-article .post-card-image{aspect-ratio: 16 / 9; background-size: cover; background-position: center center; background-color: rgb(26, 26, 28); background-repeat: no-repeat;}
.post-article .post-card-body{padding: 22px 22px 24px;}
.post-article .post-card-date{color: rgb(165, 216, 31); font-family: "Barlow Condensed", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; margin: 0px 0px 10px;}
.post-article .post-card-title{font-family: Barlow, sans-serif; font-size: 19px; line-height: 1.3; margin: 0px 0px 12px; color: rgb(255, 255, 255); font-weight: 700; letter-spacing: -0.005em;}
.post-article .post-card-excerpt{font-size: 14.5px; line-height: 1.55; color: rgb(160, 160, 164); margin: 0px 0px 16px;}
.post-article .post-card-readmore{color: rgb(165, 216, 31); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 6px;}
.post-article .post-card-readmore.arrow{transition: transform 0.2s;}
.post-article .post-card:hover.arrow{transform: translateX(4px);}
.post-article .blog-cta{padding: 80px 24px; background: linear-gradient(135deg, rgb(21, 21, 26) 0%, rgb(10, 10, 12) 100%); text-align: center;}
.post-article .blog-cta.container{max-width: 780px; margin: 0px auto;}
.post-article .blog-cta h2{font-family: Barlow, sans-serif; font-size: 34px; line-height: 1.1; margin: 0px 0px 16px; color: rgb(255, 255, 255); font-weight: 800;}
.post-article .blog-cta p{color: rgb(187, 187, 187); font-size: 16.5px; line-height: 1.6; margin: 0px 0px 28px;}
.post-article .cta-buttons{display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;}
.post-article .cta-buttons.btn{display: inline-block; padding: 14px 28px; border-radius: 10px; font-weight: 700; text-decoration: none; font-size: 15px; letter-spacing: 0.02em; transition: transform 0.15s, box-shadow 0.15s;}
.post-article .cta-buttons.btn-primary{background: rgb(165, 216, 31); color: rgb(10, 10, 12);}
.post-article .cta-buttons.btn-primary:hover{transform: translateY(-2px); box-shadow: rgba(165, 216, 31, 0.25) 0px 10px 24px;}
.post-article .cta-buttons.btn-secondary{background: transparent; color: rgb(255, 255, 255); border: 1.5px solid rgb(255, 255, 255);}
.post-article .cta-buttons.btn-secondary:hover{background: rgb(255, 255, 255); color: rgb(10, 10, 12);}
.post-article .post-hero{position: relative; min-height: 70vh; padding: 120px 24px 80px; display: flex; align-items: flex-end; background-image: url("https://garagedoorandgates.com/staging/wp-content/uploads/sgd-albums/Hero%20background%20-3-001/Hero%20background/20260122_154026.webp"); background-size: cover; background-position: center center; background-color: rgb(10, 10, 12); background-repeat: no-repeat;}
.post-article .post-hero-content{position: relative; z-index: 2; max-width: 1100px; margin: 0px auto; width: 100%;}
.post-article .post-hero-eyebrow{font-family: "Barlow Condensed", sans-serif; letter-spacing: 0.3em; color: rgb(165, 216, 31); font-size: 14px; font-weight: 700; margin: 0px 0px 24px; text-transform: uppercase;}
.post-article .post-hero-title{font-family: "Barlow Condensed", sans-serif; font-size: clamp(42px, 7vw, 88px); line-height: 1.04; font-weight: 800; color: rgb(255, 255, 255); margin: 0px 0px 32px; letter-spacing: -0.025em;}
.post-article .post-hero-meta{display: flex; gap: 18px; color: rgb(204, 204, 204); font-size: 15.5px; flex-wrap: wrap; align-items: center; font-family: Barlow, sans-serif; font-weight: 500;}
.post-article .post-hero-meta-item{display: inline-flex; align-items: center; gap: 6px; color: rgb(224, 224, 227);}
.post-article .post-hero-meta-divider{color: rgb(85, 85, 85);}
.post-article .post-cta{padding: 80px 24px; background: linear-gradient(135deg, rgb(21, 21, 26) 0%, rgb(10, 10, 12) 100%); text-align: center; border-top: 3px solid rgb(165, 216, 31);}
.post-article .post-cta.container{max-width: 720px; margin: 0px auto;}
.post-article .post-cta h3{font-family: Barlow, sans-serif; font-size: 30px; color: rgb(255, 255, 255); margin: 0px 0px 14px; font-weight: 800; letter-spacing: -0.01em;}
.post-article .post-cta p{color: rgb(187, 187, 187); margin: 0px 0px 26px; font-size: 16.5px; line-height: 1.55;}
.post-article .post-cta.btn{display: inline-block; padding: 14px 30px; background: rgb(165, 216, 31); color: rgb(10, 10, 12); font-weight: 700; border-radius: 10px; text-decoration: none; font-size: 15px; letter-spacing: 0.01em; transition: transform 0.15s, box-shadow 0.15s;}
.post-article .post-cta.btn:hover{transform: translateY(-2px); box-shadow: rgba(165, 216, 31, 0.25) 0px 10px 24px;}
.post-article .related-posts-section{padding: 64px 24px 80px; background: rgb(10, 10, 12);}
.post-article .related-posts-section.container{max-width: 1280px; margin: 0px auto;}
.post-article .related-posts-section h2{font-family: Barlow, sans-serif; font-size: 30px; color: rgb(255, 255, 255); margin: 0px 0px 32px; font-weight: 800; text-align: center; letter-spacing: -0.01em;}
.post-article .related-posts-section.posts-grid{grid-template-columns: repeat(3, 1fr);}
@media (max-width: 1024px){
.post-article .related-posts-section.posts-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px){
.post-article .post-hero{min-height: 75vh; padding: 90px 20px 60px;}
.post-article .post-hero-eyebrow{font-size: 12px; letter-spacing: 0.24em; margin-bottom: 18px;}
.post-article .post-hero-title{font-size: clamp(34px, 9vw, 52px);}
.post-article .post-hero-meta{font-size: 14px; gap: 12px;}
.post-article .post-cta{padding: 60px 22px;}
.post-article .related-posts-section.posts-grid{grid-template-columns: 1fr;}
}
@media (max-width: 768px){
.post-article .hero{min-height: 52vh !important;}
.post-article .hero-content{padding-top: 64px !important; padding-bottom: 44px !important;}
.post-article .hero-title{font-size: clamp(32px, 8.5vw, 52px) !important; line-height: 1.02 !important;}
.post-article .hero-sub{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 13.5px !important; line-height: 1.45 !important; max-width: 380px !important;}
.post-article .hero-eyebrow{font-size: 11px !important; margin-bottom: 12px !important;}
.post-article .hero-cta,.post-article .hero-buttons{margin-left: auto; margin-right: auto; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; max-width: 340px !important;}
.post-article .hero-cta a,.post-article .hero-cta.btn,.post-article .hero-buttons a,.post-article .hero-buttons.btn{width: 100% !important; padding: 11px 8px !important; font-size: 13px !important;}
}
.post-article #sgdProg{position: fixed; top: 0px; left: 0px; height: 3px; width: 0px; z-index: 99999; background: rgb(165, 216, 31); transition: width 0.12s linear; pointer-events: none;}
.post-article .sp-photoband{position: relative; overflow: hidden; min-height: 60vh; background: rgb(10, 10, 12); contain: paint; display: flex; align-items: center; justify-content: center; padding: 80px 0px;}
.post-article .sp-stage{position: absolute; inset: 0px; z-index: 0; pointer-events: none; overflow: hidden;}
.post-article .hero-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.6s cubic-bezier(0.22, 1, 0.36, 1);}
.post-article .hero-img:first-child{opacity: 1;}
.post-article .hero-img.active{opacity: 1;}
@media (prefers-reduced-motion: reduce){
.post-article .hero-img{transition: none;}
}
.post-article .sp-band-scrim{position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(rgba(8, 8, 10, 0.34) 0%, rgba(8, 8, 10, 0.1) 42%, rgba(8, 8, 10, 0.62) 82%, rgba(8, 8, 10, 0.96) 100%);}
.post-article .sp-bandtext{position: relative; z-index: 3; width: 100%; max-width: 1180px; margin: 0px auto; padding: 0px 24px; text-align: left;}
.post-article .sp-eyebrow{display: block; font-family: "Barlow Condensed", system-ui, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(165, 216, 31); margin: 0px 0px 12px;}
.post-article .sp-bandtext h1{font-family: "Barlow Condensed", system-ui, sans-serif; font-size: clamp(34px, 6.6vw, 76px); font-weight: 800; line-height: 0.98; letter-spacing: -0.02em; text-transform: uppercase; color: rgb(255, 255, 255); margin: 0px 0px 14px;}
.post-article .sp-h1-accent{color: rgb(165, 216, 31);}
.post-article .sp-lede{font-size: 17px; line-height: 1.6; color: rgba(255, 255, 255, 0.9); max-width: 64ch; margin: 0px;}
.post-article .sp-lede-mob{display: none;}
@media (max-width: 720px){
.post-article .sp-photoband{display: block; height: auto; min-height: 0px; padding: 0px;}
.post-article .sp-photoband .sp-stage{position: relative; inset: auto; height: 210px; width: 100%;}
.post-article .sp-band-scrim{display: none;}
.post-article .sp-bandtext{padding: 22px 18px 4px; max-width: none;}
.post-article .sp-lede-full{display: none;}
.post-article .sp-lede-mob{display: block;}
}
.post-article .sgd-rv{opacity: 1; transform: none;}
.post-article .ab-sec{padding: 64px 0px; border-top: 1px solid rgba(255, 255, 255, 0.12);}
.post-article .ab-sec:first-of-type{border-top: 0px;}
.post-article .ab-wrap{max-width: 1180px; margin: 0px auto; padding: 0px 24px;}
.post-article .ab-shell{max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: minmax(0px, 1fr) 360px; gap: 52px; align-items: start;}
.post-article .ab-eb{display: block; font-family: "Barlow Condensed", system-ui, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(165, 216, 31); margin: 0px 0px 10px;}
.post-article .ab-sec h2{font-family: "Barlow Condensed", system-ui, sans-serif; font-size: clamp(28px, 3.2vw, 42px); font-weight: 800; line-height: 1.02; letter-spacing: -0.02em; text-transform: uppercase; color: rgb(255, 255, 255); margin: 0px 0px 18px;}
.post-article .ab-sec p{margin: 0px 0px 16px; font-size: 16px; line-height: 1.72; color: rgb(214, 214, 221);}
.post-article .ab-sec a{color: rgb(165, 216, 31); text-decoration: none; border-bottom: 1px solid rgba(165, 216, 31, 0.35);}
.post-article .ab-sec a:hover{color: rgb(184, 232, 74);}
.post-article .ab-sec .sgd-so-list{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 20px 0px 24px; padding: 0px; list-style: none;}
.post-article .ab-sec .sgd-so-list li{margin: 0px; padding: 13px 15px; background: rgb(13, 13, 16); border: 1px solid rgba(255, 255, 255, 0.1); font-size: 14.5px; line-height: 1.45; color: rgb(214, 214, 221);}
.post-article .ab-sec .sgd-so-list li::before{display: none;}
.post-article .ab-figs{display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 26px 0px 0px;}
.post-article .ab-figs .sgd-so-fig{margin: 0px; width: 100%; max-width: none !important;}
.post-article .ab-figs .sgd-so-fig img{width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 0px; border: 1px solid rgba(255, 255, 255, 0.1); display: block;}
.post-article .ab-figs figcaption{margin-top: 9px; font-size: 12.5px; line-height: 1.45; color: rgb(168, 168, 176);}
@media (max-width: 820px){
.post-article .ab-figs{grid-template-columns: 1fr;}
.post-article .ab-sec .sgd-so-list{grid-template-columns: 1fr;}
}
.post-article .stats-band{padding: 56px 0px; background: rgb(10, 10, 10); border-top: 1px solid rgba(255, 255, 255, 0.12);}
.post-article .stats-grid{max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center;}
.post-article .stat-num{display: flex; align-items: baseline; justify-content: center; gap: 2px;}
.post-article .stat-num .value,.post-article .stat-num .value-static{font-family: "Barlow Condensed", system-ui, sans-serif; font-size: clamp(42px, 6vw, 72px); font-weight: 800; letter-spacing: -0.015em; color: rgb(165, 216, 31); line-height: 1;}
.post-article .stat-num .suffix{font-family: "Barlow Condensed", system-ui, sans-serif; font-size: clamp(24px, 3.3vw, 39.6px); font-weight: 800; letter-spacing: -0.015em; color: rgb(165, 216, 31); line-height: 1;}
.post-article .stat-label{margin-top: 8px; font-family: Barlow, system-ui, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase; color: rgb(168, 168, 176);}
@media (max-width: 820px){
.post-article .stats-grid{grid-template-columns: 1fr 1fr; gap: 26px;}
}
.post-article .rv-list{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.post-article .rv-card{margin: 0px; background: rgb(13, 13, 16); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 22px;}
.post-article .rv-stars{color: rgb(245, 179, 1); font-size: 17px; line-height: 1; letter-spacing: 1px; margin: 0px 0px 10px;}
.post-article .rv-text{margin: 0px 0px 12px; font-size: 14.5px; line-height: 1.65; color: rgb(214, 214, 221);}
.post-article .rv-name{font-family: "Barlow Condensed", system-ui, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(255, 255, 255);}
@media (max-width: 820px){
.post-article .rv-list{grid-template-columns: 1fr;}
}
.post-article .ab-rail{position: sticky; top: 104px; display: flex; flex-direction: column; gap: 18px;}
.post-article .ab-card{background: rgb(13, 13, 16); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 24px;}
.post-article .ab-card h3{font-family: "Barlow Condensed", system-ui, sans-serif; font-size: 22px; font-weight: 800; text-transform: uppercase; color: rgb(255, 255, 255); margin: 0px 0px 6px; line-height: 1.05;}
.post-article .ab-card .sub{margin: 0px 0px 18px; font-size: 13.5px; line-height: 1.55; color: rgb(168, 168, 176);}
.post-article .ab-call{display: block; text-align: center; padding: 15px; background: rgb(165, 216, 31); color: rgb(10, 10, 10); font-family: "Barlow Condensed", system-ui, sans-serif; font-size: 18px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; border: 0px;}
.post-article .ab-call:hover{background: rgb(184, 232, 74);}
.post-article .ab-wa{display: block; text-align: center; margin-top: 9px; padding: 13px; background: rgb(37, 211, 102); color: rgb(10, 10, 10); font-family: "Barlow Condensed", system-ui, sans-serif; font-size: 15px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; border: 0px;}
@media (max-width: 1020px){
.post-article .ab-shell{grid-template-columns: 1fr; gap: 40px;}
.post-article .ab-rail{position: static;}
.post-article .ab-sec{padding: 46px 0px;}
}
.post-article .so-container{max-width: 1440px; margin: 0px auto; padding: 0px 56px;}
.post-article .so-sec{padding: 64px 0px;}
.post-article .so-sec + .so-sec{border-top: 1px solid rgba(255, 255, 255, 0.08);}
.post-article .so-eb{display: block; font-family: "Barlow Condensed", system-ui, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(165, 216, 31); margin: 0px 0px 10px;}
.post-article .so-sec h2{font-family: Barlow, system-ui, sans-serif; font-size: clamp(28px, 3.2vw, 40px); font-weight: 700; line-height: 1.15; color: rgba(255, 255, 255, 0.92); margin: 0px 0px 30px;}
.post-article .so-card{background: rgb(20, 20, 20); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0px; padding: 26px 24px;}
.post-article .so-card p{margin: 0px 0px 14px; max-width: 78ch; font-size: 16px; line-height: 1.72; color: rgb(214, 214, 221);}
.post-article .so-card p:last-child{margin-bottom: 0px;}
.post-article .so-card a{color: rgb(165, 216, 31); text-decoration: none; border-bottom: 1px solid rgba(165, 216, 31, 0.35);}
.post-article .so-card a:hover{color: rgb(184, 232, 74);}
.post-article .so-card-t{display: block; font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 8px;}
.post-article .so-g3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}
.post-article .so-g2{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.post-article .so-g2-wide{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start;}
.post-article .so-sec .sgd-so-list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 16px 0px; padding: 0px; list-style: none;}
.post-article .so-card-tail{margin-top: 0px;}
.post-article .so-sec .sgd-so-list li{margin: 0px; padding: 20px 22px; background: rgb(20, 20, 20); border: 1px solid rgba(255, 255, 255, 0.08); font-size: 15px; line-height: 1.5; color: rgb(214, 214, 221);}
.post-article .so-sec .sgd-so-list li::before{display: none;}
.post-article .so-figs{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 16px 0px 0px;}
.post-article .so-figs .sgd-so-fig{margin: 0px; background: rgb(20, 20, 20); border: 1px solid rgba(255, 255, 255, 0.08); padding: 12px; max-width: none !important;}
.post-article .so-figs .sgd-so-fig img{width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border: 0px; border-radius: 0px; display: block;}
.post-article .so-figs figcaption{margin-top: 10px; font-size: 12.5px; line-height: 1.45; color: rgb(168, 168, 176);}
.post-article .so-sec .faq-list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
.post-article .so-sec .sgd-so-faq{margin: 0px; padding: 26px 24px; background: rgb(20, 20, 20); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0px;}
.post-article .so-sec .sgd-so-faq h3{font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 10px; font-family: Barlow, system-ui, sans-serif; text-transform: none;}
.post-article .so-sec .sgd-so-faq p{margin: 0px; max-width: 70ch; font-size: 15px; line-height: 1.68; color: rgb(214, 214, 221);}
.post-article .rv-list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.post-article .rv-card{margin: 0px; background: rgb(20, 20, 20); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0px; padding: 26px 24px;}
@media (max-width: 1080px){
.post-article .so-container{padding: 0px 28px;}
.post-article .so-g3,.post-article .so-sec .sgd-so-list,.post-article .so-figs{grid-template-columns: repeat(2, 1fr);}
.post-article .so-g2-wide{grid-template-columns: 1fr; gap: 28px;}
}
@media (max-width: 700px){
.post-article .so-container{padding: 0px 18px;}
.post-article .so-sec{padding: 44px 0px;}
.post-article .so-g3,.post-article .so-g2,.post-article .so-sec .sgd-so-list,.post-article .so-figs,.post-article .so-sec .faq-list,.post-article .rv-list{grid-template-columns: 1fr;}
}
.post-article .qf-band{padding: 64px 0px; background: rgb(10, 10, 10); border-top: 1px solid rgba(255, 255, 255, 0.08);}
.post-article .qf-inner{max-width: 900px; margin: 0px auto;}
.post-article .qf-lede{margin: 0px 0px 24px; font-size: 16px; line-height: 1.72; color: rgb(214, 214, 221);}
.post-article .qf-lede a{color: rgb(165, 216, 31); text-decoration: none; border-bottom: 1px solid rgba(165, 216, 31, 0.35);}
.post-article .qf-formwrap{background: rgb(11, 11, 14); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0px; padding: 32px 32px 36px;}
@media (max-width: 700px){
.post-article .qf-band{padding: 44px 0px;}
.post-article .qf-formwrap{padding: 22px 20px 26px;}
}
.post-article .sgd-related-services{padding: 64px 16px; background: rgb(10, 10, 10); border-top: 1px solid rgba(255, 255, 255, 0.12);}
.post-article .rel-wrap{max-width: 1100px; margin: 0px auto; text-align: center;}
.post-article .rel-wrap h2{font-family: "Barlow Condensed", system-ui, sans-serif; font-size: clamp(24px, 2.8vw, 34px); font-weight: 800; letter-spacing: -0.02em; text-transform: uppercase; color: rgb(255, 255, 255); margin: 0px 0px 22px;}
.post-article .rel-links{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0px 0px 20px;}
.post-article .rel-links a{display: inline-block; padding: 10px 18px; background: rgb(20, 20, 20); border: 1px solid rgba(255, 255, 255, 0.12); color: rgb(214, 214, 221); font-size: 14.5px; text-decoration: none; transition: border-color 0.2s, color 0.2s, background 0.2s;}
.post-article .rel-links a:hover{border-color: rgb(165, 216, 31); color: rgb(165, 216, 31); background: rgb(13, 13, 16);}
.post-article .rel-areas{margin: 0px;}
.post-article .rel-areas a{color: rgb(165, 216, 31); font-size: 15px; text-decoration: none; border-bottom: 1px solid rgba(165, 216, 31, 0.35);}
.post-article .rel-areas a:hover{color: rgb(184, 232, 74);}
.post-article .sgd-qf-row{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.post-article .sgd-qf-f{margin: 0px 0px 12px;}
.post-article .sgd-qf label{display: block; font-family: "Barlow Condensed", system-ui, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(168, 168, 176); margin: 0px 0px 6px;}
.post-article .sgd-qf input,.post-article .sgd-qf select,.post-article .sgd-qf textarea{width: 100%; box-sizing: border-box; padding: 14px 16px; background: rgba(10, 10, 10, 0.5); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 0px; color: rgb(255, 255, 255); font-family: inherit; font-size: 14px;}
.post-article .sgd-qf select{appearance: none; background-image: linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%), linear-gradient(135deg, rgba(255, 255, 255, 0.5) 50%, transparent 50%); background-position: calc(100% - 19px) 50%, calc(100% - 13px) 50%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; padding-right: 38px;}
.post-article .sgd-qf option{background: rgb(20, 20, 20); color: rgb(255, 255, 255);}
.post-article .sgd-qf input:focus,.post-article .sgd-qf select:focus,.post-article .sgd-qf textarea:focus{outline: none; border-color: rgb(165, 216, 31); box-shadow: rgba(165, 216, 31, 0.18) 0px 0px 0px 3px;}
.post-article .sgd-qf textarea{min-height: 104px; resize: vertical;}
.post-article .sgd-qf button{width: 100%; margin-top: 4px; padding: 18px 28px; border: 0px; border-radius: 0px; background: rgb(165, 216, 31); color: rgb(10, 10, 10); font-family: "Barlow Condensed", system-ui, sans-serif; font-size: 17px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer;}
.post-article .sgd-qf button:hover{background: rgb(184, 232, 74);}
.post-article .sgd-qf-hp{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;}
.post-article .sgd-qf-status{margin: 10px 0px 0px; font-size: 13.5px; min-height: 16px; color: rgb(214, 214, 221);}
.post-article .faq-list .sgd-so-faq{margin: 0px; padding: 26px 24px; background: rgb(20, 20, 20); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0px;}
.post-article .faq-list .sgd-so-faq h3{font-family: Barlow, system-ui, sans-serif; font-size: 18px; font-weight: 700; text-transform: none; color: rgb(255, 255, 255); margin: 0px 0px 10px;}
.post-article .faq-list .sgd-so-faq p{margin: 0px; font-size: 14.5px; line-height: 1.65;}
@media (max-width: 600px){
.post-article .sgd-qf-row{grid-template-columns: 1fr;}
}
.post-article .post-hero-title .h1b{color: var(--lime);}
.post-article #pv-prog{position: fixed; top: 0px; left: 0px; height: 2px; width: 0px; background: var(--lime); z-index: 99998; box-shadow: rgba(165, 216, 31, 0.7) 0px 0px 12px;}
.post-article .pv-sec{position: relative; max-width: min(1100px, 92vw); margin: 0px auto !important; padding: 170px 0px 0px !important;}
.post-article .pv-sec:first-of-type{padding-top: 132px !important;}
.post-article .pv-idx{position: absolute; left: -150px; top: 176px; font-family: "Barlow Condensed", sans-serif; font-size: 120px; font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(165, 216, 31, 0.34); letter-spacing: -0.04em; pointer-events: none;}
.post-article .pv-sec h2{text-transform: uppercase; font-family: "Barlow Condensed", sans-serif !important; font-size: clamp(40px, 5.2vw, 86px) !important; font-weight: 800 !important; line-height: 0.94 !important; letter-spacing: -0.04em !important; color: rgb(255, 255, 255) !important; margin: 0px 0px 40px !important;}
.post-article .pv-sec h2::before{width: 0px; transition: width 1.2s var(--ease) .1s; content: "" !important; display: block !important; height: 2px !important; background: var(--lime) !important; margin: 0px 0px 34px !important;}
.post-article .pv-sec.in h2::before{width: 132px;}
.post-article .pv-sec h3{text-transform: uppercase; font-family: "Barlow Condensed", sans-serif !important; font-size: 26px !important; font-weight: 700 !important; letter-spacing: 0.05em !important; color: rgb(255, 255, 255) !important; margin: 60px 0px 14px !important; padding: 0px 0px 0px 18px !important; border-left: 2px solid rgba(165, 216, 31, 0.55) !important;}
.post-article .pv-sec p{font-size: 19px !important; line-height: 1.68 !important; color: rgb(154, 154, 163) !important; margin: 0px 0px 24px !important;}
.post-article .pv-sec p:last-child{margin-bottom: 0px !important;}
.post-article .pv-sec a{text-underline-offset: 4px; color: rgb(255, 255, 255) !important; text-decoration-color: var(--lime) !important;}
.post-article .pv-pull{margin: 56px 0px !important; padding: 0px 0px 0px 30px !important; border-left: 3px solid var(--lime) !important; font-family: "Barlow Condensed", sans-serif !important; font-size: clamp(26px, 3vw, 44px) !important; line-height: 1.16 !important; font-weight: 600 !important; color: rgb(255, 255, 255) !important; letter-spacing: -0.02em !important;}
.post-article .pv-band{height: 1px; background: linear-gradient(90deg,var(--lime) 0%,rgba(165,216,31,0) 100%); max-width: 0px; margin: 150px auto 0px; transition: max-width 1.6s var(--ease);}
.post-article .pv-band.in{max-width: min(1560px, 94vw);}
.post-article .pv-plate{margin: 150px 0px 0px;}
.post-article .pv-plate:last-of-type{margin-bottom: 170px;}
.post-article .pv-row{display: flex; gap: 30px; justify-content: center; align-items: flex-start; max-width: min(1560px, 94vw); margin: 0px auto;}
.post-article .pv-solo{display: flex; justify-content: center; max-width: min(1560px, 94vw); margin: 0px auto;}
.post-article .pv-wide{display: flex; justify-content: center; width: 100%;}
.post-article .pv-plate figure{position: relative; overflow: hidden; flex: 0 1 auto; min-width: 0px; clip-path: inset(100% 0px 0px); transition: clip-path 1.5s var(--cine); will-change: clip-path, transform; margin: 0px !important; padding: 0px !important; background: rgb(5, 5, 6) !important; border: 0px !important; border-radius: 0px !important; width: auto !important;}
.post-article .pv-plate.in figure{clip-path: inset(0px);}
.post-article .pv-plate.in figure:nth-child(2){transition-delay: 0.16s;}
.post-article .pv-plate img{display: block; width: 100%; height: auto; max-width: 100%;}
.post-article .pv-solo figure{max-height: 90vh;}
.post-article .pv-solo img{max-height: 90vh; width: auto; max-width: 100%;}
.post-article .pv-plate figcaption{left: 0px; right: 0px; bottom: 0px; z-index: 3; display: flex; flex-direction: column; text-shadow: rgba(0, 0, 0, 0.95) 0px 1px 4px; opacity: 0; transform: translateY(14px); transition: opacity .9s var(--ease) .5s,transform .9s var(--ease) .5s; position: absolute !important; background: linear-gradient(to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.92) 32%, rgba(0, 0, 0, 0.64) 66%, rgba(0, 0, 0, 0) 100%) !important; border: 0px !important; padding: 104px 26px 22px !important; color: rgb(255, 255, 255) !important; font-family: Barlow, system-ui, sans-serif !important; font-size: 14.5px !important; line-height: 1.5 !important; font-style: normal !important; text-transform: none !important; text-align: left !important; letter-spacing: normal !important;}
.post-article .pv-plate.in figcaption{opacity: 1; transform: translateY(0px);}
.post-article .pv-city{order: -1; display: block; padding-left: 34px; position: relative; text-shadow: rgba(0, 0, 0, 0.95) 0px 1px 5px; color: var(--lime) !important; font-family: "Barlow Condensed", sans-serif !important; font-size: 12.5px !important; letter-spacing: 0.3em !important; text-transform: uppercase !important; font-weight: 700 !important; margin: 0px 0px 9px !important;}
.post-article .pv-city::before{content: ""; position: absolute; left: 0px; top: 50%; width: 24px; height: 2px; background: var(--lime);}
.post-article .pv-desc{font-style: normal !important; text-transform: none !important;}
.post-article .sgd-gallery{top: 0px; width: 1px; height: 1px; overflow: hidden; position: absolute !important; left: -99999px !important;}
.post-article .pv-rv{opacity: 0; transform: translateY(46px); transition: opacity 1.3s var(--cine),transform 1.3s var(--cine);}
.post-article .pv-rv.in{opacity: 1; transform: translateY(0px);}
.post-article .pv-sec.in > *{animation: pvUp 1.1s var(--cine) both;}
.post-article .pv-sec.in > :nth-child(1){animation-delay: 0.05s;}
.post-article .pv-sec.in > :nth-child(2){animation-delay: 0.14s;}
.post-article .pv-sec.in > :nth-child(3){animation-delay: 0.23s;}
.post-article .pv-sec.in > :nth-child(4){animation-delay: 0.32s;}
.post-article .pv-sec.in > :nth-child(5){animation-delay: 0.41s;}
.post-article .pv-sec.in > :nth-child(n+6){animation-delay: 0.5s;}
@media (prefers-reduced-motion: reduce){
.post-article .pv-rv,.post-article .pv-sec > *,.post-article .pv-plate figcaption{opacity: 1 !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important;}
.post-article .pv-plate figure{clip-path: none !important; transition: none !important;}
.post-article .pv-band{max-width: min(1560px, 94vw) !important; transition: none !important;}
.post-article .pv-sec h2::before{width: 132px !important; transition: none !important;}
}
@media (max-width: 1320px){
.post-article .pv-idx{left: -96px; font-size: 84px;}
}
@media (max-width: 980px){
.post-article .pv-idx{position: static; font-size: 52px; margin: 0px 0px 14px;}
.post-article .pv-sec{padding-top: 104px !important;}
.post-article .pv-plate{margin-top: 96px;}
.post-article .pv-band{margin-top: 96px;}
}
@media (max-width: 820px){
.post-article .pv-sec h2{font-size: clamp(30px, 9vw, 44px) !important; margin-bottom: 26px !important;}
.post-article .pv-sec p{font-size: 17px !important;}
.post-article .pv-row{flex-direction: column; align-items: center; gap: 22px;}
.post-article .pv-plate figcaption{padding: 72px 16px 16px !important; font-size: 13px !important;}
}
.post-article .bp-plate .pv-row{align-items: flex-start;}
.post-article .bp-plate .pv-row figure{flex: 1 1 0px; min-width: 0px;}
@media (max-width: 820px){
.post-article .bp-plate .pv-row figure{flex: 0 1 auto;}
}
.post-article .bp-sec .bp-steps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; margin: 46px 0px 0px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.post-article .bp-step{padding: 26px 22px 30px 0px; border-right: 1px solid rgba(255, 255, 255, 0.1);}
.post-article .bp-step:last-child{border-right: 0px; padding-right: 0px;}
.post-article .bp-step:not(:first-child){padding-left: 22px;}
.post-article .bp-n{font-family: "Barlow Condensed", sans-serif; font-size: 12px; letter-spacing: 0.28em; color: var(--lime); font-weight: 700; display: block; margin: 0px 0px 12px;}
.post-article .bp-t{font-family: "Barlow Condensed", sans-serif; font-size: 23px; font-weight: 800; text-transform: uppercase; letter-spacing: -0.01em; color: rgb(255, 255, 255); display: block; margin: 0px 0px 10px; line-height: 1;}
.post-article .bp-d{font-size: 15px; line-height: 1.55; color: rgb(154, 154, 163); margin: 0px;}
.post-article .bp-line{margin: 44px 0px 0px; padding: 0px 0px 0px 26px; border-left: 3px solid var(--lime); font-family: "Barlow Condensed", sans-serif; font-size: clamp(22px, 2.4vw, 34px); line-height: 1.2; font-weight: 600; color: rgb(255, 255, 255); letter-spacing: -0.015em;}
.post-article #bp-bar{position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 9999; display: none; height: 70px; background: rgb(11, 11, 13); border-top: 1px solid rgba(165, 216, 31, 0.38); padding: 11px 12px; gap: 10px; box-shadow: rgba(0, 0, 0, 0.6) 0px -12px 34px;}
.post-article #bp-bar a{flex: 1 1 0%; display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 2px; font-family: "Barlow Condensed", sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: 0.11em; font-size: 15.5px; text-decoration: none; line-height: 1;}
.post-article #bp-bar svg{width: 17px; height: 17px; flex: 0 0 auto;}
.post-article #bp-call{background: var(--lime); color: rgb(10, 10, 10);}
.post-article #bp-est{background: transparent; color: rgb(255, 255, 255); border: 1.5px solid rgba(255, 255, 255, 0.38);}
@media (max-width: 900px){
.post-article .bp-sec .bp-steps{grid-template-columns: repeat(2, 1fr);}
.post-article .bp-step{padding: 20px 16px 22px 0px;}
.post-article .bp-step:nth-child(2n){border-right: 0px; padding-right: 0px;}
.post-article .bp-step:nth-child(n+3){border-top: 1px solid rgba(255, 255, 255, 0.1);}
.post-article .bp-step:not(:first-child){padding-left: 0px;}
.post-article .bp-step:nth-child(2n){padding-left: 16px;}
.post-article .bp-line{margin-top: 34px; padding-left: 18px;}
}
.post-article #bp-bar a span{white-space: nowrap;}
@media (max-width: 430px){
.post-article #bp-bar a{font-size: 13.5px; letter-spacing: 0.05em; gap: 7px;}
.post-article #bp-bar svg{width: 15px; height: 15px;}
}
@media (max-width: 370px){
.post-article #bp-bar a{font-size: 12.5px; letter-spacing: 0.03em;}
}
@media (max-width: 560px){
.post-article .bp-sec .bp-steps{grid-template-columns: 1fr;}
.post-article .bp-step{border-top: 1px solid rgba(255, 255, 255, 0.1); border-right: 0px !important; padding: 18px 0px 20px !important;}
}
@media (prefers-reduced-motion: reduce){
.post-article #bp-bar{transition: none !important;}
}
.post-article .bp-sec .bp-steps{grid-template-columns: repeat(5, 1fr);}
@media (max-width: 1180px){
.post-article .bp-sec .bp-steps{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 900px){
.post-article .bp-sec .bp-steps{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 560px){
.post-article .bp-sec .bp-steps{grid-template-columns: 1fr;}
}
@media (min-width: 1101px){
.post-article .bp-plate .pv-row{flex-wrap: nowrap;}
.post-article .bp-plate .pv-row figure{flex: 1 1 0px; min-width: 0px;}
}
@media (min-width: 821px) and (max-width: 1100px){
.post-article .bp-plate .pv-row{flex-wrap: wrap;}
.post-article .bp-plate .pv-row figure{flex: 1 1 calc(50% - 15px); min-width: 0px;}
}
.post-article .post-hero{display: none !important;}
.post-article .sp-bandtext h1,.post-article .sp-bandtext h2{font-family: "Barlow Condensed", system-ui, sans-serif; font-size: clamp(34px, 6.6vw, 76px); font-weight: 800; line-height: 0.98; letter-spacing: -0.02em; color: rgb(255, 255, 255); margin: 0px 0px 14px; text-transform: uppercase;}



/* r23 SCOPE WIDENED. The restore was gated on five root classes taken from the approved
   standalone file. In the post, wpautop FLATTENS the payload: MAIN.sgdSO closes early and the
   stats band plus eight SECTION.so-sec siblings end up as direct children of .post-article,
   outside every one of those roots. Unclassed prose in them therefore kept the theme colour -
   the review quotes rendered rgb(42,42,45) on rgb(20,20,20), a contrast ratio of 1.29:1.
   Scoping to .post-article alone covers the whole payload and keeps the same 0,1,x specificity,
   so classed overlay rules at 0,2,x still win. Do not re-introduce a root list. */
/* ==================== UNCLASSED RESTORE ====================
   The overlay above can only replay rules the approved sheet actually has. Prose elements with
   no rule of their own fall through to browser defaults there, plus the approved "*{margin:0}".
   Inside .post-article the theme prose rules capture them instead - a bare h2 became 42px/800
   with an 80px top margin against 24px/700 and none.

   Specificity matters here and the first attempt got it wrong. These selectors use :where(),
   which contributes nothing, so each rule scores exactly 0,1,1 - a tie with the theme prose
   rule, won on source order because this file loads after the theme. Every overlay rule above
   scores 0,2,x and still beats this block, so genuine approved styling is untouched. An earlier
   version used :is() plus :not([class]) and scored 0,3,1, which overrode the approved map
   heading and stretched it from 45px to 75px. Do not raise the specificity of this block.
   ============================================================ */
.post-article :is(h1,h2,h3,h4,h5,h6){margin:0;letter-spacing:normal;color:inherit;line-height:1.65;font-weight:700}
.post-article h1{font-size:32px}
.post-article h2{font-size:24px}
.post-article h3{font-size:18.72px}
.post-article h4{font-size:16px}
.post-article p{margin:0;letter-spacing:normal;color:inherit;font-size:inherit;line-height:1.65}
.post-article a{font-size:inherit;font-weight:400;letter-spacing:normal}
.post-article :is(strong,b){letter-spacing:normal}

/* The theme also hangs a decorative rule above every blog heading via .post-article h2::before.
   It adds exactly 30px to each unclassed heading, which is the whole of the residual gap
   (map 45->75, related 56->86, hero band 74->104). The approved page has no such pseudo-element.
   Same 0,1,x tie-and-source-order trick, so any genuine ::before from the approved sheet
   (prefixed to 0,2,x by the overlay) still wins. */
.post-article :is(h1,h2,h3,h4,h5,h6)::before{content:none}
.post-article :is(h1,h2,h3,h4,h5,h6)::after{content:none}