:root {
            --green:        #198754;
            --green-dark:   #146c43;
            --green-mid:    #1a7a4a;
            --green-light:  #d1e7dd;
            --green-faint:  #f0faf5;
            --accent:       #5ddba0;
            --text-dark:    #1a2332;
            --text-mid:     #44546a;
            --text-soft:    #6b7a8d;
            --border:       #e0e6ef;
            --white:        #ffffff;
            --bg-light:     #f8fafc;
            --shadow-sm:    0 2px 10px rgba(0,0,0,.07);
            --shadow-md:    0 8px 32px rgba(0,0,0,.10);
            --radius:       10px;
            --tr:           all .28s ease;
        }
        *,*::before,*::after{box-sizing:border-box;}
        html{scroll-behavior:smooth;}
        body{font-family:'Inter',sans-serif;color:var(--text-dark);background:var(--white);line-height:1.72;-webkit-font-smoothing:antialiased;}
        h1,h2,h3,h4,h5,h6{color:var(--text-dark);line-height:1.25;}
        a{color:var(--green);text-decoration:none;}
        a:hover{color:var(--green-dark);}
        img{max-width:100%;height:auto;}

        /* ── TOPBAR ── */
        .topbar{background:var(--green);color:#fff;font-size:.78rem;padding:7px 0;}
        .topbar a{color:#fff;}
        .topbar a:hover{text-decoration:underline;}

        /* ── NAVBAR ── */
        .navbar{background:var(--white)!important;border-bottom:2px solid var(--border);padding:14px 0;}
        .navbar-brand{font-size:1.45rem;font-weight:800;color:var(--text-dark)!important;letter-spacing:-.5px;}
        .navbar-brand span{color:var(--green);}
        .nav-link{font-weight:600;font-size:.83rem;letter-spacing:.5px;color:var(--text-mid)!important;text-transform:uppercase;padding:6px 14px!important;}
        .nav-link:hover{color:var(--green)!important;}
        .btn-nav-cta{background:var(--green);color:#fff!important;border-radius:6px;padding:7px 18px!important;transition:var(--tr);}
        .btn-nav-cta:hover{background:var(--green-dark);}

        /* ── BREADCRUMB ── */
        .breadcrumb-wrap{background:var(--bg-light);border-bottom:1px solid var(--border);padding:10px 0;}
        .breadcrumb{margin:0;font-size:.82rem;}
        .breadcrumb-item a{color:var(--text-mid);}
        .breadcrumb-item.active{color:var(--green);font-weight:600;}

        /* ── HERO ── */
        .hero{background:linear-gradient(135deg,#0b1e12 0%,#183c26 55%,#0e2b1c 100%);padding:64px 0 56px;position:relative;overflow:hidden;}
        .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(25,135,84,.38) 0%,transparent 55%),radial-gradient(circle at 15% 80%,rgba(25,135,84,.18) 0%,transparent 40%);pointer-events:none;}
        .hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(25,135,84,.22);border:1px solid rgba(93,219,160,.4);color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:18px;}
        .hero h1{color:#fff;font-size:clamp(1.75rem,3.6vw,2.75rem);font-weight:800;margin-bottom:18px;}
        .hero h1 .hl{color:var(--accent);}
        .hero-lead{color:rgba(255,255,255,.8);font-size:.97rem;max-width:580px;margin-bottom:28px;}
        .hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:32px;}
        .hero-stat .num{display:block;font-size:1.65rem;font-weight:800;color:var(--accent);line-height:1;}
        .hero-stat .lbl{font-size:.72rem;color:rgba(255,255,255,.6);letter-spacing:.3px;}
        .btn-wp{background:#25d366;color:#fff;border:none;padding:12px 26px;border-radius:8px;font-weight:700;font-size:.88rem;display:inline-flex;align-items:center;gap:8px;transition:var(--tr);}
        .btn-wp:hover{background:#1ebe5a;color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px rgba(37,211,102,.35);}
        .btn-call{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.35);padding:12px 22px;border-radius:8px;font-weight:600;font-size:.88rem;display:inline-flex;align-items:center;gap:8px;transition:var(--tr);}
        .btn-call:hover{border-color:var(--accent);color:var(--accent);}

        /* Hero inquiry card */
        .inq-card{background:#fff;border-radius:14px;padding:30px 26px;box-shadow:0 24px 64px rgba(0,0,0,.38);}
        .inq-card .ic-title{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:4px;}
        .inq-card .ic-sub{font-size:.78rem;color:var(--text-soft);margin-bottom:18px;}
        .inq-card .form-control,.inq-card .form-select{border:1.5px solid var(--border);border-radius:8px;font-size:.87rem;padding:10px 13px;transition:var(--tr);}
        .inq-card .form-control:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(25,135,84,.12);}
        .btn-submit{background:var(--green);color:#fff;border:none;width:100%;padding:12px;border-radius:8px;font-weight:700;font-size:.9rem;letter-spacing:.3px;transition:var(--tr);}
        .btn-submit:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 6px 18px rgba(25,135,84,.3);}
        .trust-row{display:flex;justify-content:center;gap:14px;margin-top:12px;flex-wrap:wrap;}
        .trust-item{font-size:.72rem;color:var(--text-soft);display:flex;align-items:center;gap:4px;}
        .trust-item i{color:var(--green);}

        /* ── TICKER ── */
        .ticker-wrap{background:#091a0e;overflow:hidden;padding:9px 0;}
        .ticker-inner{display:flex;gap:64px;animation:tick 38s linear infinite;white-space:nowrap;}
        .ticker-inner span{font-size:.77rem;color:var(--accent);font-weight:500;}
        .ticker-inner span::before{content:'● ';color:var(--green);margin-right:6px;}
        @keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

        /* ── SECTION HELPERS ── */
        .s-label{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green);margin-bottom:8px;}
        .s-title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:var(--text-dark);margin-bottom:12px;}
        .s-divider{width:46px;height:4px;background:var(--green);border-radius:2px;margin-bottom:22px;}
        .s-divider.mx-auto{margin-left:auto;margin-right:auto;}

        /* ── OVERVIEW ── */
        .overview{padding:64px 0;}
        .ov-card{background:var(--green-faint);border:1px solid #c3e6cb;border-radius:var(--radius);padding:22px 20px;height:100%;}
        .ov-card .ov-icon{font-size:1.55rem;color:var(--green);margin-bottom:10px;}
        .ov-card h5{font-size:.93rem;font-weight:700;margin-bottom:6px;}
        .ov-card p{font-size:.83rem;color:var(--text-mid);margin:0;}
        .formula-box{background:var(--green);color:#fff;padding:14px 22px;border-radius:var(--radius);display:inline-flex;align-items:center;gap:12px;font-size:.88rem;font-weight:600;margin-top:10px;}

        /* ── SPECS ── */
        .specs{background:var(--bg-light);padding:64px 0;}
        .spec-table{border-collapse:separate;border-spacing:0;width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
        .spec-table thead th{background:var(--green);color:#fff;font-size:.84rem;font-weight:700;padding:13px 18px;border:none;}
        .spec-table tbody tr:nth-child(even) td{background:#f5fbf8;}
        .spec-table tbody td{padding:12px 18px;border-bottom:1px solid var(--border);font-size:.87rem;color:var(--text-mid);}
        .spec-table tbody td:first-child{font-weight:600;color:var(--text-dark);}
        .spec-table tbody tr:last-child td{border-bottom:none;}
        .prop-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;height:100%;}
        .prop-card .prop-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--green);margin-bottom:6px;}
        .prop-card .prop-val{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:4px;}
        .prop-card .prop-desc{font-size:.8rem;color:var(--text-soft);margin:0;}

        /* ── REACTIVITY / COMPARISON ── */
        .savings{padding:64px 0;background:var(--green-faint);}
        .savings-card{background:#fff;border:1.5px solid #c3e6cb;border-radius:var(--radius);padding:28px 24px;height:100%;text-align:center;transition:var(--tr);}
        .savings-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
        .savings-card .sc-num{font-size:2.2rem;font-weight:800;color:var(--green);line-height:1;margin-bottom:6px;}
        .savings-card .sc-label{font-size:.88rem;font-weight:700;color:var(--text-dark);margin-bottom:8px;}
        .savings-card p{font-size:.82rem;color:var(--text-soft);margin:0;}
        .compare-table{border-collapse:separate;border-spacing:0;width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
        .compare-table thead th{background:var(--green);color:#fff;font-size:.83rem;font-weight:700;padding:12px 16px;border:none;text-align:center;}
        .compare-table thead th:first-child{text-align:left;}
        .compare-table tbody tr:nth-child(even) td{background:#f5fbf8;}
        .compare-table tbody td{padding:11px 16px;border-bottom:1px solid var(--border);font-size:.84rem;color:var(--text-mid);text-align:center;}
        .compare-table tbody td:first-child{font-weight:600;color:var(--text-dark);text-align:left;}
        .compare-table tbody tr:last-child td{border-bottom:none;}
        .badge-yes{background:var(--green);color:#fff;font-size:.71rem;font-weight:700;padding:3px 9px;border-radius:4px;}
        .badge-no{background:#f8d7da;color:#842029;font-size:.71rem;font-weight:700;padding:3px 9px;border-radius:4px;}
        .badge-na{background:#e9ecef;color:#6c757d;font-size:.71rem;font-weight:700;padding:3px 9px;border-radius:4px;}

        /* ── APPLICATIONS ── */
        .apps{padding:64px 0;}
        .app-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:24px 20px;text-align:center;height:100%;transition:var(--tr);}
        .app-card:hover{border-color:var(--green);box-shadow:0 8px 28px rgba(25,135,84,.12);transform:translateY(-4px);}
        .app-card .app-icon{font-size:1.9rem;color:var(--green);margin-bottom:12px;display:block;}
        .app-card h5{font-size:.93rem;font-weight:700;margin-bottom:8px;}
        .app-card p{font-size:.82rem;color:var(--text-soft);margin:0;}

        /* ── DOSAGE GUIDE (Usage Rates) ── */
        .dosage{padding:64px 0;background:var(--bg-light);}
        .dosage-row{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:14px;transition:var(--tr);}
        .dosage-row:hover{border-color:var(--green);box-shadow:var(--shadow-sm);}
        .dosage-row .dr-app{font-size:.93rem;font-weight:700;color:var(--text-dark);margin-bottom:4px;}
        .dosage-row .dr-note{font-size:.81rem;color:var(--text-soft);}
        .dosage-bar-wrap{background:var(--green-light);border-radius:20px;height:9px;overflow:hidden;margin:8px 0 4px;}
        .dosage-bar{background:var(--green);height:100%;border-radius:20px;}
        .dosage-pct{font-size:.78rem;font-weight:700;color:var(--green);}

        /* ── SUPPLY ── */
        .supply{background:linear-gradient(135deg,#0b1e12 0%,#183c26 100%);padding:64px 0;color:#fff;}
        .supply h2{color:#fff;}
        .supply p{color:rgba(255,255,255,.8);}
        .supply-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:18px 20px;text-align:center;}
        .supply-badge .num{font-size:1.85rem;font-weight:800;color:var(--accent);display:block;line-height:1;}
        .supply-badge .lbl{font-size:.77rem;color:rgba(255,255,255,.65);margin-top:4px;display:block;}
        .checklist{list-style:none;padding:0;margin:0;}
        .checklist li{padding:9px 0;font-size:.9rem;color:rgba(255,255,255,.85);display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid rgba(255,255,255,.07);}
        .checklist li:last-child{border-bottom:none;}
        .checklist li i{color:var(--accent);font-size:1rem;flex-shrink:0;margin-top:2px;}
        .status-box{background:rgba(93,219,160,.08);border:1px solid rgba(93,219,160,.25);border-radius:var(--radius);padding:20px 22px;margin-top:20px;}

        /* ── PROCESS ── */
        .process{padding:64px 0;}
        .step-card{background:#fff;border-radius:var(--radius);padding:26px 22px;height:100%;box-shadow:var(--shadow-sm);transition:var(--tr);}
        .step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
        .step-num{width:40px;height:40px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;margin:0 auto 14px;}
        .step-card h5{font-size:.92rem;font-weight:700;margin-bottom:7px;}
        .step-card p{font-size:.82rem;color:var(--text-soft);margin:0;}

        /* ── INDUSTRIES ── */
        .industries{padding:64px 0;background:var(--green-faint);}
        .ind-pill{background:#fff;border:1.5px solid #c3e6cb;border-radius:8px;padding:13px 16px;display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:600;color:var(--text-dark);transition:var(--tr);height:100%;}
        .ind-pill:hover{border-color:var(--green);background:var(--green-faint);box-shadow:var(--shadow-sm);}
        .ind-pill i{color:var(--green);font-size:1.1rem;flex-shrink:0;}

        /* ── WHY US ── */
        .whyus{padding:64px 0;background:var(--bg-light);}
        .why-card{background:#fff;border-radius:var(--radius);padding:26px 22px;height:100%;box-shadow:var(--shadow-sm);border-top:3px solid var(--green);transition:var(--tr);}
        .why-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
        .why-card .wc-icon{font-size:1.6rem;color:var(--green);margin-bottom:12px;}
        .why-card h5{font-size:.93rem;font-weight:700;margin-bottom:8px;}
        .why-card p{font-size:.83rem;color:var(--text-soft);margin:0;}

        /* ── TESTIMONIALS ── */
        .testimonials{padding:64px 0;}
        .test-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:26px 24px;height:100%;position:relative;}
        .test-card::before{content:'\201C';font-size:4rem;color:var(--green-light);position:absolute;top:12px;right:20px;line-height:1;font-family:Georgia,serif;}
        .test-stars{color:#f59e0b;font-size:.85rem;margin-bottom:12px;letter-spacing:2px;}
        .test-card p{font-size:.88rem;color:var(--text-mid);font-style:italic;margin-bottom:16px;}
        .test-card .tc-name{font-size:.85rem;font-weight:700;color:var(--text-dark);}
        .test-card .tc-role{font-size:.77rem;color:var(--text-soft);}

        /* ── RESOURCES ── */
        .resources{padding:64px 0;background:var(--bg-light);}
        .res-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:24px 22px;height:100%;transition:var(--tr);}
        .res-card:hover{border-color:var(--green);box-shadow:var(--shadow-sm);}
        .res-tag{display:inline-block;background:var(--green-faint);color:var(--green);font-size:.7rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:3px 10px;border-radius:4px;margin-bottom:10px;}
        .res-card h5{font-size:.92rem;font-weight:700;color:var(--text-dark);margin-bottom:8px;line-height:1.4;}
        .res-card p{font-size:.82rem;color:var(--text-soft);margin-bottom:12px;}
        .res-card a{font-size:.82rem;font-weight:600;color:var(--green);}
        .res-card a:hover{color:var(--green-dark);}

        /* ── FAQ ── */
        .faq{padding:64px 0;}
        .accordion-button{font-weight:600;font-size:.92rem;color:var(--text-dark);background:#fff!important;}
        .accordion-button:not(.collapsed){color:var(--green)!important;box-shadow:none;}
        .accordion-button::after{filter:invert(38%) sepia(90%) saturate(500%) hue-rotate(110deg);}
        .accordion-item{border:1.5px solid var(--border);border-radius:var(--radius)!important;margin-bottom:10px;overflow:hidden;}
        .accordion-body{font-size:.87rem;color:var(--text-mid);}

        /* ── CTA STRIP ── */
        .cta-strip{background:var(--green);padding:46px 0;}
        .cta-strip h2{color:#fff;font-size:1.55rem;margin-bottom:6px;}
        .cta-strip p{color:rgba(255,255,255,.85);font-size:.95rem;margin:0;}
        .btn-white{background:#fff;color:var(--green);border:none;padding:12px 28px;border-radius:8px;font-weight:700;font-size:.88rem;display:inline-flex;align-items:center;gap:8px;transition:var(--tr);}
        .btn-white:hover{background:var(--green-light);color:var(--green-dark);transform:translateY(-2px);}
        .btn-outline-wh{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);padding:12px 22px;border-radius:8px;font-weight:600;font-size:.88rem;display:inline-flex;align-items:center;gap:8px;transition:var(--tr);}
        .btn-outline-wh:hover{border-color:#fff;background:rgba(255,255,255,.1);}

        /* ── FOOTER ── */
        .footer{background:#091a0e;color:rgba(255,255,255,.72);padding:52px 0 24px;}
        .footer-brand{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.4px;}
        .footer-brand span{color:var(--accent);}
        .footer p{font-size:.84rem;}
        .footer h6{color:#fff;font-weight:700;font-size:.86rem;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px;}
        .footer-links{list-style:none;padding:0;margin:0;}
        .footer-links li{margin-bottom:8px;}
        .footer-links a{color:rgba(255,255,255,.62);font-size:.83rem;transition:color .2s;}
        .footer-links a:hover{color:var(--accent);}
        .iso-badge{background:rgba(93,219,160,.1);border:1px solid rgba(93,219,160,.3);color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:1px;padding:5px 12px;border-radius:4px;display:inline-block;margin-top:14px;}
        .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:36px;font-size:.79rem;color:rgba(255,255,255,.45);}

        /* Safety warning strip */
        .safety-strip{background:#fff3cd;border:1.5px solid #ffc107;border-radius:var(--radius);padding:14px 20px;display:flex;align-items:flex-start;gap:12px;margin-top:18px;}
        .safety-strip i{color:#e65100;font-size:1.2rem;flex-shrink:0;margin-top:2px;}
        .safety-strip p{font-size:.83rem;color:#5c3c00;margin:0;line-height:1.5;}

        @media(max-width:991px){.inq-card{margin-top:30px;}}
        @media(max-width:767px){
            .hero{padding:44px 0 38px;}
            .hero-stats{gap:18px;}
            .hero-stat .num{font-size:1.3rem;}
            .spec-table,.compare-table{font-size:.8rem;}
            .spec-table thead th,.spec-table tbody td,.compare-table thead th,.compare-table tbody td{padding:9px 11px;}
            section{padding-top:46px!important;padding-bottom:46px!important;}
        }