*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        :root {
            --navy:#0d1f3c; --dark-bg:#06111f; --red:#c8251d; --red-dark:#a81e17;
            --gold:#e8920a; --teal:#0891b2; --teal-dark:#0e7490; --teal-lt:#67e8f9;
            --blue:#1e88e5; --green:#10b981; --orange:#f97316; --purple:#7c3aed;
            --light:#f4f6f9; --border:#e8ecf2; --muted:#8a96a8;
            --body-text:#3a4558; --heading:#0d1f3c; --white:#ffffff;
            --shadow:0 4px 8px rgba(0,0,0,0.09); --shadow-lg:0 12px 30px rgba(0,0,0,0.14);
        }
        body { font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; color:var(--body-text); font-size:16px; line-height:1.7; overflow-x:hidden; width:100%; }
        main { width:100%; overflow-x:hidden; }
        .container { max-width:1200px; margin:0 auto; padding:0 20px; }
        .section    { padding:80px 20px; width:100%; }
        .section-sm { padding:56px 20px; width:100%; }
        h1 { font-size:clamp(1.9rem,5vw,3.2rem); font-weight:800; line-height:1.12; color:var(--white); }
        h2 { font-size:clamp(1.5rem,3.8vw,2.4rem); font-weight:700; line-height:1.2; color:var(--heading); margin-bottom:14px; }
        h3 { font-size:clamp(1.05rem,2.4vw,1.3rem); font-weight:700; line-height:1.3; color:var(--heading); margin-bottom:10px; }
        h4 { font-size:0.98rem; font-weight:700; color:var(--heading); margin-bottom:7px; }
        p  { margin-bottom:15px; line-height:1.8; }
        a  { text-decoration:none; color:inherit; }
        ul { list-style:none; padding:0; }

        /* TOP BANNER */
        @keyframes bannerPulse {
            0%   { background-color:rgba(180,28,22,0.92); }
            50%  { background-color:rgba(20,80,160,0.92); }
            100% { background-color:rgba(180,28,22,0.92); }
        }
        .top-banner { width:100%; animation:bannerPulse 8s ease-in-out infinite; background-color:rgba(180,28,22,0.92); padding:11px 20px; text-align:center; position:relative; z-index:100; }
        .top-banner-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; }
        .top-banner-text { font-size:0.82rem; font-weight:600; color:rgba(255,255,255,0.93); letter-spacing:0.02em; line-height:1.5; }
        .top-banner-text strong { color:#fff; font-weight:700; }
        .top-banner-cta { font-size:0.76rem; font-weight:700; color:#fff; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.35); border-radius:4px; padding:4px 12px; white-space:nowrap; }

        /* CERTIFIED STRIP */
        .certified-strip { background:#fff; padding:36px 20px; border-top:4px solid var(--gold); border-bottom:1px solid #e8ecf2; text-align:center; }
        .certified-strip-inner { max-width:600px; margin:0 auto; }
        .certified-strip-inner img { max-width:100%; height:auto; display:block; margin:0 auto; }

        /* BREADCRUMB */
        .breadcrumb { background:var(--dark-bg); border-bottom:1px solid rgba(255,255,255,0.07); padding:10px 20px; }
        .bc-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:0.76rem; font-weight:500; color:rgba(255,255,255,0.38); }
        .bc-inner a { color:rgba(255,255,255,0.5); transition:color 0.15s; }
        .bc-inner a:hover { color:var(--teal); }
        .bc-sep { color:rgba(255,255,255,0.2); }
        .bc-current { color:var(--teal); }

        /* HERO */
        .hero { position:relative; background:var(--dark-bg); overflow:hidden; }
        .hero::before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(-45deg,transparent,transparent 42px,rgba(255,255,255,0.011) 42px,rgba(255,255,255,0.011) 43px); }
        .hero-bar { position:absolute; top:0; left:0; width:6px; height:100%; background:linear-gradient(180deg,var(--orange),var(--red)); }
        .hero-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr; gap:40px; position:relative; z-index:1; }
        .hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(249,115,22,0.15); border:1px solid rgba(249,115,22,0.35); border-radius:4px; padding:6px 14px; font-size:0.75rem; font-weight:700; letter-spacing:0.09em; text-transform:uppercase; color:#fdba74; margin-bottom:16px; width:fit-content; }
        .hero h1 span { color:var(--gold); }
        .hero-sub { font-size:1.05rem; color:rgba(255,255,255,0.62); line-height:1.8; margin:16px 0 28px; max-width:600px; }
        .hero-btns { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:30px; }
        .hero-trust { display:flex; gap:18px; flex-wrap:wrap; }
        .trust-item { font-size:0.78rem; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; color:rgba(255,255,255,0.45); }
        .hero-panel { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); border-radius:12px; padding:28px 24px; }
        .hero-panel h3 { color:var(--white); font-size:1rem; margin-bottom:14px; }
        .panel-list { display:flex; flex-direction:column; gap:9px; }
        .pl-item { display:flex; align-items:flex-start; gap:11px; padding:10px 12px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07); border-radius:7px; transition:all 0.2s; }
        .pl-item:hover { background:rgba(249,115,22,0.1); border-color:rgba(249,115,22,0.35); }
        .pl-icon { font-size:1rem; flex-shrink:0; }
        .pl-text { font-size:0.84rem; font-weight:600; color:rgba(255,255,255,0.75); line-height:1.4; }
        .panel-cta { margin-top:18px; background:var(--red); color:var(--white); display:flex; align-items:center; gap:9px; padding:13px 18px; border-radius:6px; font-size:1.05rem; font-weight:800; transition:background 0.2s; }
        .panel-cta:hover { background:var(--red-dark); color:var(--white); }

        /* BUTTONS */
        .btn { display:inline-block; padding:14px 28px; font-family:'Poppins',sans-serif; font-size:1rem; font-weight:700; border-radius:6px; border:none; cursor:pointer; transition:all 0.25s ease; text-align:center; white-space:nowrap; }
        .btn-red         { background:var(--red);   color:var(--white); box-shadow:0 4px 14px rgba(200,37,29,0.3); }
        .btn-red:hover   { background:var(--red-dark); transform:translateY(-2px); color:var(--white); }
        .btn-ghost       { background:transparent; color:var(--white); border:2px solid rgba(255,255,255,0.4); }
        .btn-ghost:hover { background:var(--white); color:var(--navy); }
        .btn-outline-red       { background:transparent; color:var(--red); border:2px solid var(--red); }
        .btn-outline-red:hover { background:var(--red); color:var(--white); }

        /* STATS */
        .stats-strip { background:var(--dark-bg); border-top:1px solid rgba(255,255,255,0.07); }
        .stats-row { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); }
        .stat-cell { padding:24px 18px; text-align:center; border-right:1px solid rgba(255,255,255,0.07); }
        .stat-cell:last-child { border-right:none; }
        .stat-num { display:block; font-size:2.1rem; font-weight:800; color:var(--gold); line-height:1; }
        .stat-lbl { display:block; font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.09em; color:rgba(255,255,255,0.38); margin-top:4px; }

        .bg-white { background:var(--white); }
        .bg-light { background:var(--light); }
        .bg-dark  { background:var(--dark-bg); }
        .section-label { display:flex; align-items:center; justify-content:center; gap:8px; font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.15em; color:var(--teal); margin-bottom:10px; }
        .section-label::before,.section-label::after { content:''; display:inline-block; width:22px; height:2px; background:var(--teal); border-radius:1px; }
        .section-label.red    { color:var(--red);    } .section-label.red::before,.section-label.red::after    { background:var(--red); }
        .section-label.gold   { color:var(--gold);   } .section-label.gold::before,.section-label.gold::after   { background:var(--gold); }
        .section-label.orange { color:var(--orange); } .section-label.orange::before,.section-label.orange::after { background:var(--orange); }
        .section-label.left   { justify-content:flex-start; } .section-label.left::before,.section-label.left::after { display:none; }
        .section-head  { text-align:center; margin-bottom:48px; }
        .section-intro { font-size:1rem; color:var(--body-text); max-width:720px; margin:0 auto; line-height:1.82; }

        /* BEFORE/AFTER GALLERY */
        .ba-section { background:var(--dark-bg); padding:80px 20px; }
        .ba-wrapper { max-width:1100px; margin:0 auto; }
        .ba-grid { display:grid; grid-template-columns:1fr; gap:20px; margin-bottom:40px; }
        .ba-card { border-radius:12px; overflow:hidden; border:1px solid rgba(255,255,255,0.1); }
        .ba-img { width:100%; height:280px; object-fit:cover; display:block; }
        .ba-label { padding:14px 18px; display:flex; align-items:center; gap:10px; }
        .ba-label-before { background:rgba(200,37,29,0.15); border-top:1px solid rgba(200,37,29,0.3); }
        .ba-label-after  { background:rgba(16,185,129,0.15); border-top:1px solid rgba(16,185,129,0.3); }
        .ba-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
        .dot-red   { background:var(--red); }
        .dot-green { background:var(--green); }
        .ba-label-text { font-size:0.84rem; font-weight:700; color:rgba(255,255,255,0.75); }
        .ba-label-sub  { font-size:0.72rem; color:rgba(255,255,255,0.4); margin-left:auto; }
        /* Work photos row */
        .work-photos-grid { display:grid; grid-template-columns:1fr; gap:16px; margin-top:16px; }
        .work-photo-card { border-radius:10px; overflow:hidden; border:1px solid rgba(255,255,255,0.08); }
        .work-photo-card img { width:100%; height:220px; object-fit:cover; display:block; }
        .work-photo-label { padding:10px 14px; background:rgba(255,255,255,0.03); }
        .work-photo-label span { font-size:0.78rem; color:rgba(255,255,255,0.45); font-weight:500; }

        /* SYMPTOM CARDS — dark bg */
        .symptom-grid { display:grid; grid-template-columns:1fr; gap:14px; }
        .sym-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:10px; padding:20px 22px; transition:all 0.3s; }
        .sym-card:hover { border-color:rgba(249,115,22,0.35); background:rgba(249,115,22,0.07); }
        .sym-top { display:flex; align-items:flex-start; gap:14px; margin-bottom:10px; }
        .sym-icon { font-size:1.8rem; flex-shrink:0; width:42px; text-align:center; }
        .sym-symptom { font-size:1rem; font-weight:700; color:var(--white); line-height:1.3; margin-bottom:3px; }
        .sym-likely { font-size:0.82rem; color:#fdba74; font-weight:600; }
        .sym-meta { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
        .sym-tag { font-size:0.68rem; font-weight:700; text-transform:uppercase; letter-spacing:0.07em; padding:3px 9px; border-radius:4px; }
        .tag-urgent   { background:rgba(200,37,29,0.25);  color:#fca5a5; border:1px solid rgba(200,37,29,0.3); }
        .tag-moderate { background:rgba(249,115,22,0.2);  color:#fdba74; border:1px solid rgba(249,115,22,0.3); }
        .tag-descale  { background:rgba(8,145,178,0.2);   color:var(--teal-lt); border:1px solid rgba(8,145,178,0.3); }
        .sym-desc { font-size:0.84rem; color:rgba(255,255,255,0.52); line-height:1.65; }

        /* BRAND ERROR CODE SECTION */
        .brand-tabs { display:grid; grid-template-columns:1fr; gap:20px; }
        .brand-panel { background:var(--white); border-radius:12px; border:2px solid var(--border); overflow:hidden; box-shadow:var(--shadow); transition:all 0.3s; }
        .brand-panel:hover { box-shadow:var(--shadow-lg); border-color:rgba(8,145,178,0.3); }
        .brand-header { display:flex; align-items:center; gap:16px; padding:20px 24px; border-bottom:1px solid var(--border); }
        .brand-logo-placeholder { width:52px; height:52px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; flex-shrink:0; }
        .bh-navien  { background:linear-gradient(135deg,#1a3a6b,#2563eb); }
        .bh-rinnai  { background:linear-gradient(135deg,#991b1b,#dc2626); }
        .bh-noritz  { background:linear-gradient(135deg,#065f46,#10b981); }
        .bh-bosch   { background:linear-gradient(135deg,#1e3a5f,#0891b2); }
        .bh-takagi  { background:linear-gradient(135deg,#374151,#6b7280); }
        .brand-header h3 { margin-bottom:2px; font-size:1.05rem; }
        .brand-header p  { font-size:0.82rem; color:var(--muted); margin-bottom:0; line-height:1.4; }
        .brand-body { padding:20px 24px; }
        .error-codes { display:flex; flex-direction:column; gap:10px; }
        .ec-row { display:grid; grid-template-columns:90px 1fr; gap:14px; align-items:start; padding:10px 0; border-bottom:1px solid var(--border); }
        .ec-row:last-child { border-bottom:none; }
        .ec-code { display:inline-block; font-family:'Courier New',monospace; font-size:0.82rem; font-weight:700; background:var(--dark-bg); color:var(--gold); border-radius:4px; padding:4px 8px; text-align:center; white-space:nowrap; }
        .ec-info h4 { font-size:0.88rem; margin-bottom:3px; }
        .ec-info p  { font-size:0.82rem; color:var(--muted); margin-bottom:0; line-height:1.55; }
        .ec-tag { display:inline-block; font-size:0.64rem; font-weight:700; text-transform:uppercase; letter-spacing:0.07em; padding:2px 7px; border-radius:4px; margin-bottom:4px; }
        .ect-descale { background:#ecfeff; color:var(--teal-dark); }
        .ect-vent    { background:#fff8ec; color:#92400e; }
        .ect-ignition{ background:#fff5f5; color:var(--red-dark); }
        .ect-sensor  { background:#f5f3ff; color:#5b21b6; }
        .ect-flow    { background:#f0fdf4; color:#065f46; }

        /* REPAIR CARDS */
        .repair-grid { display:grid; grid-template-columns:1fr; gap:22px; }
        .repair-card { background:var(--white); border-radius:12px; border:2px solid var(--border); padding:28px 24px; box-shadow:var(--shadow); transition:all 0.3s; position:relative; overflow:hidden; }
        .repair-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--orange),var(--red)); }
        .repair-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:rgba(249,115,22,0.3); }
        .rc-icon { font-size:2.2rem; margin-bottom:12px; }
        .rc-label { font-size:0.68rem; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:var(--orange); margin-bottom:6px; display:block; }
        .repair-card h3 { font-size:1.12rem; margin-bottom:10px; }
        .repair-card > p { font-size:0.9rem; color:var(--body-text); line-height:1.75; margin-bottom:16px; }
        .rc-details { display:flex; flex-direction:column; gap:7px; margin-bottom:16px; }
        .rc-detail { display:flex; align-items:flex-start; gap:9px; font-size:0.84rem; color:var(--body-text); line-height:1.5; }
        .rc-detail-icon { font-size:0.85rem; flex-shrink:0; margin-top:1px; }
        .rc-cost { display:inline-flex; align-items:center; gap:8px; background:var(--light); border:1px solid var(--border); border-radius:6px; padding:9px 14px; font-size:0.88rem; font-weight:700; color:var(--heading); }
        .rc-cost span { color:var(--red); }

        /* DESCALING EXPLAINER */
        .descale-wrapper { max-width:1000px; margin:0 auto; }
        .descale-steps { display:grid; grid-template-columns:1fr; gap:18px; margin-top:32px; }
        .ds-step { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:10px; padding:22px 20px; display:flex; gap:18px; align-items:flex-start; transition:all 0.3s; }
        .ds-step:hover { border-color:rgba(8,145,178,0.35); background:rgba(8,145,178,0.06); }
        .ds-num { width:44px; height:44px; border-radius:50%; background:var(--teal); color:var(--white); font-size:1.1rem; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
        .ds-step h4 { color:var(--white); font-size:0.95rem; margin-bottom:5px; }
        .ds-step p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; margin-bottom:0; }

        /* TWO-COL + SIDEBAR */
        .two-col { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr; gap:48px; }
        .prose h2 { color:var(--heading); margin-bottom:14px; }
        .prose h3 { margin-top:28px; margin-bottom:9px; font-size:1.12rem; }
        .prose p  { font-size:0.95rem; color:var(--body-text); line-height:1.85; margin-bottom:16px; }
        .prose ul { margin:10px 0 18px; display:flex; flex-direction:column; gap:8px; }
        .prose ul li { display:flex; align-items:flex-start; gap:9px; font-size:0.92rem; color:var(--body-text); line-height:1.65; }
        .prose ul li::before { content:'🔵'; flex-shrink:0; font-size:0.7rem; margin-top:4px; }
        .prose a { color:var(--red); font-weight:600; }
        .prose a:hover { text-decoration:underline; }
        .callout { border-radius:0 8px 8px 0; padding:18px 20px; margin:20px 0; }
        .callout-teal  { background:#ecfeff; border-left:4px solid var(--teal); }
        .callout-red   { background:#fff5f5; border-left:4px solid var(--red); }
        .callout-gold  { background:#fff8ec; border-left:4px solid var(--gold); }
        .callout-orange{ background:#fff7ed; border-left:4px solid var(--orange); }
        .callout p { font-size:0.93rem; color:var(--heading); margin-bottom:0; font-weight:600; }
        .sidebar { display:flex; flex-direction:column; gap:18px; }
        .sb-box { background:var(--white); border-radius:10px; border:1px solid var(--border); padding:22px 20px; box-shadow:var(--shadow); }
        .sb-box.dark { background:var(--dark-bg); border:none; position:relative; overflow:hidden; }
        .sb-box.dark::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--orange),var(--red)); }
        .sb-box h4 { font-size:0.78rem; text-transform:uppercase; letter-spacing:0.1em; color:var(--muted); margin-bottom:14px; }
        .sb-box.dark h4 { color:rgba(255,255,255,0.4); }
        .sb-box.dark h3 { color:var(--white); margin-bottom:8px; }
        .sb-box.dark p  { font-size:0.84rem; color:rgba(255,255,255,0.55); margin-bottom:16px; }
        .sb-phone { display:flex; align-items:center; gap:9px; background:var(--red); color:var(--white); padding:12px 18px; border-radius:6px; font-size:1.1rem; font-weight:800; margin-bottom:8px; transition:background 0.2s; }
        .sb-phone:hover { background:var(--red-dark); color:var(--white); }
        .sb-hrs { font-size:0.72rem; color:rgba(255,255,255,0.35); font-weight:600; text-transform:uppercase; letter-spacing:0.05em; }
        .sb-list { display:flex; flex-direction:column; gap:8px; }
        .sb-list li { display:flex; align-items:flex-start; gap:9px; font-size:0.86rem; color:var(--body-text); font-weight:500; }
        .sb-list li::before { content:'✓'; color:var(--teal); font-weight:700; flex-shrink:0; }
        .sb-list li a { color:var(--red); }

        /* SAMUEL PHOTO */
        .samuel-card { text-align:center; }
        .samuel-card img { width:120px; height:120px; border-radius:50%; object-fit:cover; border:3px solid var(--orange); margin-bottom:12px; }
        .samuel-card .s-name  { font-size:.95rem; font-weight:700; color:var(--heading); margin-bottom:3px; }
        .samuel-card .s-title { font-size:.78rem; color:var(--muted); font-weight:600; text-transform:uppercase; letter-spacing:.07em; margin-bottom:10px; }
        .samuel-card .s-bio   { font-size:.82rem; color:var(--body-text); line-height:1.6; }

        /* COST TABLE */
        .table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
        .cost-table { width:100%; border-collapse:collapse; min-width:520px; background:var(--white); border-radius:10px; overflow:hidden; box-shadow:var(--shadow); }
        .cost-table thead tr { background:var(--dark-bg); }
        .cost-table thead th { padding:14px 18px; text-align:left; font-size:0.78rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:rgba(255,255,255,0.6); }
        .cost-table thead th:first-child { color:var(--gold); }
        .cost-table tbody tr { border-bottom:1px solid var(--border); }
        .cost-table tbody tr:last-child { border-bottom:none; }
        .cost-table tbody tr:nth-child(even) { background:var(--light); }
        .cost-table tbody td { padding:13px 18px; font-size:0.87rem; color:var(--body-text); vertical-align:top; }
        .cost-table tbody td:first-child { font-weight:700; color:var(--heading); }
        .td-price { font-weight:700; color:var(--red); white-space:nowrap; }
        .td-note  { font-size:0.8rem; color:var(--muted); }
        .td-pop   { display:inline-block; font-size:0.64rem; font-weight:700; text-transform:uppercase; letter-spacing:0.07em; padding:2px 8px; border-radius:4px; background:#fef3c7; color:#92400e; }

        /* PROCESS STEPS */
        .steps { display:flex; flex-direction:column; gap:0; max-width:860px; margin:0 auto; }
        .step { display:flex; gap:22px; align-items:flex-start; position:relative; padding-bottom:32px; }
        .step:last-child { padding-bottom:0; }
        .step-left { display:flex; flex-direction:column; align-items:center; flex-shrink:0; }
        .step-num { width:46px; height:46px; border-radius:50%; background:var(--orange); color:var(--white); font-size:1.1rem; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
        .step-line { width:2px; flex:1; background:rgba(249,115,22,0.25); margin-top:6px; min-height:30px; }
        .step:last-child .step-line { display:none; }
        .step-body h3 { font-size:1.05rem; margin-bottom:6px; }
        .step-body p  { font-size:0.9rem; color:var(--body-text); line-height:1.72; margin-bottom:0; }

        /* WHY GRID */
        .why-grid { display:grid; grid-template-columns:1fr; gap:20px; }
        .why-card { background:var(--white); border-radius:10px; border:1px solid var(--border); padding:26px 22px; display:flex; gap:16px; align-items:flex-start; box-shadow:var(--shadow); transition:all 0.3s; }
        .why-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:rgba(249,115,22,0.25); }
        .wc-icon { font-size:2rem; flex-shrink:0; width:46px; text-align:center; }
        .why-card h3 { font-size:1rem; margin-bottom:5px; }
        .why-card p  { font-size:0.87rem; color:var(--muted); line-height:1.65; margin-bottom:0; }

        /* BRANDS */
        .brands-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
        .brand-chip { background:var(--white); border:1px solid var(--border); border-radius:6px; padding:11px 14px; text-align:center; font-size:0.86rem; font-weight:700; color:var(--heading); transition:all 0.2s; }
        .brand-chip:hover { border-color:var(--teal); color:var(--teal); }

        /* AREAS */
        .areas-grid { display:grid; grid-template-columns:1fr; gap:10px; }
        .area-link { background:var(--white); border:1px solid var(--border); border-radius:6px; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; font-size:0.88rem; font-weight:700; text-transform:uppercase; color:var(--heading); transition:all 0.2s; word-break:break-word; }
        .area-link:hover { border-color:var(--red); color:var(--red); transform:translateY(-2px); box-shadow:0 4px 12px rgba(200,37,29,0.1); }
        .area-link span { font-size:0.72rem; color:var(--muted); flex-shrink:0; }

        /* REVIEWS */
        .reviews-grid { display:grid; grid-template-columns:1fr; gap:18px; }
        .review-card { background:var(--white); border-radius:10px; padding:24px 22px; border:1px solid var(--border); box-shadow:var(--shadow); position:relative; transition:all 0.3s; }
        .review-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
        .review-card::before { content:'\201C'; position:absolute; top:12px; right:18px; font-size:3.5rem; color:rgba(249,115,22,0.07); font-family:Georgia,serif; line-height:1; }
        .r-stars  { color:var(--gold); font-size:0.95rem; letter-spacing:2px; margin-bottom:10px; }
        .r-text   { font-size:0.9rem; color:var(--body-text); font-style:italic; line-height:1.72; margin-bottom:14px; }
        .reviewer { display:flex; align-items:center; gap:10px; }
        .avatar   { width:38px; height:38px; border-radius:50%; background:var(--dark-bg); display:flex; align-items:center; justify-content:center; font-size:0.82rem; font-weight:700; color:var(--white); flex-shrink:0; }
        .rname    { font-size:0.88rem; font-weight:700; color:var(--heading); }
        .rsource  { font-size:0.72rem; color:var(--muted); }

        /* INTERNAL LINKS */
        .int-links-grid { display:grid; grid-template-columns:1fr; gap:14px; }
        .ilc { background:var(--white); border:2px solid var(--border); border-radius:10px; padding:20px 18px; display:flex; align-items:center; gap:14px; transition:all 0.3s; box-shadow:var(--shadow); }
        .ilc:hover { border-color:var(--orange); transform:translateY(-3px); box-shadow:var(--shadow-lg); }
        .ilc-icon { font-size:1.9rem; flex-shrink:0; width:44px; text-align:center; }
        .ilc h3   { font-size:0.96rem; color:var(--heading); margin-bottom:2px; }
        .ilc p    { font-size:0.82rem; color:var(--muted); margin-bottom:0; line-height:1.45; }
        .ilc-arr  { margin-left:auto; color:var(--muted); font-size:1rem; flex-shrink:0; }
        .ilc:hover .ilc-arr { color:var(--orange); }

        /* FAQ */
        .faq-stack { display:flex; flex-direction:column; gap:10px; max-width:900px; margin:0 auto; }
        .faq-item  { background:var(--white); border-radius:8px; border:1px solid var(--border); overflow:hidden; box-shadow:var(--shadow); }
        .faq-btn { width:100%; background:none; border:none; padding:17px 22px; font-family:'Poppins',sans-serif; font-size:0.96rem; font-weight:600; color:var(--heading); text-align:left; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:14px; transition:background 0.2s; }
        .faq-btn:hover { background:var(--light); }
        .faq-btn.open  { background:var(--dark-bg); color:var(--white); }
        .faq-plus { font-size:1.2rem; flex-shrink:0; color:var(--orange); transition:transform 0.25s; }
        .faq-btn.open .faq-plus { transform:rotate(45deg); color:var(--gold); }
        .faq-body { max-height:0; overflow:hidden; transition:max-height 0.35s ease,padding 0.25s ease; padding:0 22px; }
        .faq-body.open { max-height:700px; padding:16px 22px 20px; }
        .faq-body p { font-size:0.92rem; color:var(--body-text); line-height:1.8; margin-bottom:0; }

        /* CTA BAND */
        .cta-band { background:var(--dark-bg); padding:68px 20px; position:relative; overflow:hidden; }
        .cta-band::before { content:''; position:absolute; top:0; left:0; width:7px; height:100%; background:linear-gradient(180deg,var(--orange),var(--red)); }
        .cta-row { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; position:relative; z-index:1; }
        .cta-text h2 { color:var(--white); margin-bottom:7px; }
        .cta-text h2 span { color:var(--gold); }
        .cta-text p  { color:rgba(255,255,255,0.5); font-size:0.94rem; margin-bottom:0; }
        .cta-phone { display:flex; align-items:center; gap:11px; background:var(--red); color:var(--white); padding:15px 26px; border-radius:6px; transition:background 0.2s; }
        .cta-phone:hover { background:var(--red-dark); color:var(--white); }
        .cta-phone-lbl { font-size:0.68rem; font-weight:700; text-transform:uppercase; letter-spacing:0.09em; opacity:0.75; display:block; line-height:1; margin-bottom:2px; color:var(--white); }
        .cta-phone-num { font-size:1.6rem; font-weight:800; line-height:1; color:var(--white); }
        .cta-hrs { font-size:0.76rem; color:rgba(255,255,255,0.35); font-weight:600; text-transform:uppercase; letter-spacing:0.04em; }

        /* RESPONSIVE */
        .hero-inner      { grid-template-columns:1fr; }
        .symptom-grid    { grid-template-columns:1fr; }
        .ba-grid         { grid-template-columns:1fr; }
        .work-photos-grid{ grid-template-columns:1fr; }
        .brand-tabs      { grid-template-columns:1fr; }
        .repair-grid     { grid-template-columns:1fr; }
        .descale-steps   { grid-template-columns:1fr; }
        .two-col         { grid-template-columns:1fr; }
        .why-grid        { grid-template-columns:1fr; }
        .areas-grid      { grid-template-columns:1fr; }
        .reviews-grid    { grid-template-columns:1fr; }
        .int-links-grid  { grid-template-columns:1fr; }
        .brands-grid     { grid-template-columns:repeat(2,1fr); }
        .hero  { padding:44px 16px 52px; }
        .section  { padding:52px 16px; }
        .section-sm { padding:44px 16px; }
        .ba-section { padding:52px 16px; }
        .cta-band  { padding:52px 16px; }
        .hero-btns { flex-direction:column; }
        .btn { width:100%; text-align:center; padding:14px 18px; }
        .cta-row { flex-direction:column; align-items:flex-start; }
        .cta-phone { width:100%; justify-content:center; }
        .cta-hrs { text-align:center; width:100%; margin-top:8px; }

        @media(min-width:640px){
            .hero { padding:60px 24px 68px; }
            .section { padding:64px 24px; }
            .section-sm { padding:52px 24px; }
            .ba-section { padding:64px 24px; }
            .cta-band { padding:64px 24px; }
            .btn { width:auto; }
            .hero-btns { flex-direction:row; }
            .stats-row { grid-template-columns:repeat(4,1fr); }
            .symptom-grid { grid-template-columns:repeat(2,1fr); }
            .ba-grid { grid-template-columns:repeat(2,1fr); }
            .work-photos-grid { grid-template-columns:repeat(3,1fr); }
            .brand-tabs { grid-template-columns:repeat(2,1fr); }
            .repair-grid { grid-template-columns:repeat(2,1fr); }
            .descale-steps { grid-template-columns:repeat(2,1fr); }
            .why-grid { grid-template-columns:repeat(2,1fr); }
            .areas-grid { grid-template-columns:repeat(2,1fr); }
            .reviews-grid { grid-template-columns:repeat(2,1fr); }
            .int-links-grid { grid-template-columns:repeat(2,1fr); }
            .brands-grid { grid-template-columns:repeat(4,1fr); }
            .cta-row { flex-direction:row; align-items:center; justify-content:space-between; }
            .cta-phone { width:auto; }
            .cta-hrs { text-align:right; width:auto; }
        }
        @media(min-width:1024px){
            .hero { padding:88px 20px 80px; }
            .section { padding:80px 20px; }
            .ba-section { padding:80px 20px; }
            .cta-band { padding:74px 20px; }
            .hero-inner { grid-template-columns:3fr 2fr; gap:60px; align-items:center; }
            .symptom-grid { grid-template-columns:repeat(2,1fr); }
            .brand-tabs { grid-template-columns:repeat(2,1fr); gap:24px; }
            .repair-grid { grid-template-columns:repeat(3,1fr); }
            .descale-steps { grid-template-columns:repeat(3,1fr); }
            .two-col { grid-template-columns:3fr 2fr; gap:60px; align-items:start; }
            .why-grid { grid-template-columns:repeat(3,1fr); }
            .areas-grid { grid-template-columns:repeat(4,1fr); }
            .reviews-grid { grid-template-columns:repeat(3,1fr); }
            .int-links-grid { grid-template-columns:repeat(3,1fr); }
            .brands-grid { grid-template-columns:repeat(6,1fr); }
        }