:root{--green:#63b52f;--green2:#4f9725;--ink:#152016;--muted:#657064;--line:#dfe6dc;--soft:#f6f9f4;--shadow:0 16px 45px rgba(24,45,20,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(99,181,47,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,181,47,.035) 1px,transparent 1px);background-size:38px 38px}body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 80% 20%,rgba(99,181,47,.08),transparent 35%);pointer-events:none}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.side{font-weight:800;font-size:14px}.right{text-align:right}.brand{display:flex;align-items:center;gap:10px;justify-content:center}.brand img{width:52px;height:52px;object-fit:contain}.brandName{font:800 25px Georgia,serif;color:var(--green2);white-space:nowrap}.hero{padding:78px 0 68px}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{letter-spacing:2.2px;font-size:12px;font-weight:900;color:var(--green2)}h1{font-size:clamp(44px,6vw,74px);line-height:1.02;margin:18px 0}.hero h1 span{color:var(--green2)}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:11px;border:1px solid var(--line);font-weight:800;cursor:pointer}.primary{background:var(--green);border-color:var(--green);color:#0e150d}.heroImage,.card,.detailImage{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.heroImage img{display:block;width:100%;height:410px;object-fit:contain;background:var(--soft)}.caption{padding:18px 20px;display:flex;justify-content:space-between;font-weight:800}.caption span{color:var(--muted);font-weight:500}.section{padding:70px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.heading h2{font:800 38px Georgia,serif;margin:0}.muted{color:var(--muted)}.chips{display:flex;gap:9px;overflow:auto;padding-bottom:7px;margin-bottom:28px}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font-weight:700;cursor:pointer}.chip.active{background:var(--green);border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{display:flex;flex-direction:column;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(24,45,20,.12)}.cardImg{aspect-ratio:4/3;background:var(--soft);display:grid;place-items:center}.cardImg img{width:100%;height:100%;object-fit:contain}.cardBody{padding:17px;display:flex;flex-direction:column;gap:7px;flex:1}.cardBody small{color:var(--green2);font-weight:800;text-transform:uppercase;letter-spacing:1px}.cardBody h3{margin:0;font-size:18px}.cardBody p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.cardBody .btn{margin-top:auto;width:100%}.footer{border-top:1px solid var(--line);padding:35px 0;margin-top:40px}.footerInner{display:flex;justify-content:space-between;align-items:center}.footer img{width:90px}.detail{padding:55px 0}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.detailImage{aspect-ratio:1/1}.detailImage img{width:100%;height:100%;object-fit:contain;background:var(--soft)}.detailInfo h1{font-size:clamp(40px,5vw,62px)}.options{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.option{border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 14px;cursor:pointer}.option.selected{border-color:var(--green2);background:#eff8e9;box-shadow:0 0 0 2px rgba(99,181,47,.12)}.modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(9,16,9,.58);backdrop-filter:blur(7px)}.modal.open{display:flex}.modalBox{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.3);position:relative}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px;cursor:pointer}.modal h2{text-align:center;margin:5px 0 10px;font:800 30px Georgia,serif}.form{display:grid;gap:13px}.form label{font-size:13px;font-weight:800}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.form textarea{min-height:100px;resize:vertical}.welcomeLogo{display:grid;place-items:center;margin:0 auto 14px}.welcomeLogo img{width:78px;height:78px;object-fit:contain}.search{width:min(360px,100%);border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:#fff}.empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.back{display:inline-block;margin-bottom:25px;color:var(--green2);font-weight:800}.aboutHero{padding:78px 0 68px;background:linear-gradient(180deg,rgba(99,181,47,.07),transparent)}
.aboutHeroInner{max-width:900px;text-align:center}.aboutHero h1{margin:18px 0}.aboutHero h1 span{color:var(--green2)}.aboutHero p{font-size:18px;line-height:1.8;color:var(--muted);max-width:780px;margin:0 auto}.aboutGrid{display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.aboutCard,.locationCard,.ctaBox{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.aboutCard{padding:32px}.aboutCard h2,.locationSection h2,.ctaBox h2{font:800 38px Georgia,serif;margin:10px 0 18px}.aboutCard p{color:var(--muted);line-height:1.75}.highlightCard{background:var(--soft);display:flex;flex-direction:column}.highlightCard .btn{margin-top:auto}.aboutIcon{font:800 38px Georgia,serif;color:var(--green2)}.locationSection{padding-top:20px}.locationCard{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-top:24px}.locationInfo{padding:32px;display:flex;gap:18px}.locationInfo h3{margin:0 0 10px;font-size:22px}.locationInfo p{line-height:1.7;margin:0 0 14px}.locationPin{font-size:34px;color:var(--green2)}.mapPlaceholder{min-height:300px;background:linear-gradient(135deg,#edf6e8,#f8fbf6);display:grid;place-items:center;text-align:center;padding:30px;position:relative;overflow:hidden}.mapPlaceholder:before{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 48%,rgba(99,181,47,.14) 49%,rgba(99,181,47,.14) 51%,transparent 52%),linear-gradient(120deg,transparent 48%,rgba(99,181,47,.10) 49%,rgba(99,181,47,.10) 51%,transparent 52%);background-size:90px 90px}.mapPlaceholder div{position:relative;background:#fff;border:1px solid var(--line);padding:22px;border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.mapPlaceholder a{color:var(--green2);font-weight:800}.aboutCta{padding-top:15px}.ctaBox{padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.ctaBox h2{margin:8px 0 0;font-size:30px}.footerLinks{display:flex;gap:22px;align-items:center}.footerLinks a{font-weight:700;color:var(--muted)}.footerLinks a:hover{color:var(--green2)}
@media(max-width:950px){.heroGrid,.detailGrid,.aboutGrid,.locationCard{grid-template-columns:1fr;gap:32px}.heroImage{max-width:720px;margin:auto}.grid{grid-template-columns:repeat(2,1fr)}.mapPlaceholder{min-height:240px}}@media(max-width:620px){.wrap{width:calc(100% - 20px)}.nav{height:70px}.side{font-size:12px}.brand{gap:6px}.brand img{width:40px;height:40px}.brandName{font-size:17px}.hero{padding:45px 0}.hero h1{font-size:42px}.hero p{font-size:16px}.heroImage img{height:270px}.section{padding:50px 0}.heading{align-items:start;gap:15px;flex-direction:column}.heading h2{font-size:30px}.grid{grid-template-columns:1fr 1fr;gap:11px}.card{border-radius:16px}.cardBody{padding:13px}.cardBody h3{font-size:15px}.cardBody p{font-size:12px}.cardImg{aspect-ratio:1/1}.detail{padding:35px 0}.detailGrid{gap:25px}.detailInfo h1{font-size:37px}.modalBox{padding:22px 16px;border-radius:18px}.caption{padding:14px;font-size:14px}.search{width:100%}.aboutHero{padding:50px 0 45px}.aboutHero h1{font-size:42px}.aboutHero p{font-size:16px}.aboutCard{padding:23px}.aboutCard h2,.locationSection h2{font-size:30px}.locationInfo{padding:23px}.ctaBox{padding:23px;flex-direction:column;align-items:flex-start}.ctaBox h2{font-size:26px}.footerLinks{flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:13px}}@media(max-width:380px){.grid{grid-template-columns:1fr}.brandName{font-size:15px}.side{font-size:11px}}

/* V2.2 product details */
.productHero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:18px 0 72px}.productHeroImage{background:#f6f9f4;border:1px solid var(--line);border-radius:24px;min-height:540px;display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow)}.productHeroImage img{width:100%;height:540px;object-fit:contain}.productHeroInfo h1{font-size:clamp(42px,5.5vw,72px);margin:16px 0}.productHeroInfo .lead{font-size:19px;line-height:1.75;color:var(--muted);max-width:620px}.bigBtn{min-width:190px;margin-top:18px}.productSection{padding:68px 0;border-top:1px solid var(--line)}.sectionTitle{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-bottom:25px}.sectionTitle span{height:3px;background:var(--green);border-radius:9px}.sectionTitle h2{margin:0;font-size:clamp(25px,3vw,38px);font-weight:900;letter-spacing:.5px;text-align:center}.sectionTitle.left{grid-template-columns:auto 1fr;justify-content:start}.sectionTitle.left span{width:54px}.sectionTitle.left h2{text-align:left}.productCopy{max-width:900px;margin:0 auto;text-align:center;color:var(--muted);font-size:18px;line-height:1.8}.productDarkSection{background:#f7faf5}.productOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:28px auto 0}.productOption{display:flex;align-items:center;gap:15px;text-align:left;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;font-weight:800}.productOption b{font-size:25px;color:var(--green2)}.productOption.selected{border-color:var(--green2);box-shadow:0 0 0 2px rgba(99,181,47,.12);background:#eff8e9}.infoTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:55px}.infoTwoCol .productCopy{text-align:left;margin:0}.highlightList{margin:0;padding:0;list-style:none;display:grid;gap:13px}.highlightList li{padding:14px 16px;background:var(--soft);border:1px solid var(--line);border-radius:12px;font-weight:700}.highlightList li:before{content:'»';color:var(--green2);font-size:20px;margin-right:10px}.productCta{margin:0 0 60px;padding:32px 36px;border-radius:22px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.productCta h2{margin:7px 0;font-size:30px}.productCta p{margin:0;color:#d5ddd3;line-height:1.6}.productCta .eyebrow{color:var(--green)}

@media(max-width:950px){.productHero{grid-template-columns:1fr;gap:30px}.productHeroImage,.productHeroImage img{min-height:420px;height:420px}.infoTwoCol{grid-template-columns:1fr;gap:35px}}
@media(max-width:620px){.productHero{padding:8px 0 45px;gap:25px}.productHeroImage,.productHeroImage img{min-height:330px;height:330px;border-radius:18px}.productHeroInfo h1{font-size:39px}.productHeroInfo .lead{font-size:16px}.productSection{padding:48px 0}.sectionTitle{gap:12px}.sectionTitle h2{font-size:23px}.productCopy{font-size:16px}.productOptions{grid-template-columns:1fr}.productOption{padding:15px}.productCta{margin-bottom:40px;padding:24px;flex-direction:column;align-items:flex-start}.productCta h2{font-size:25px}}

/* V2.4 Contact Us */
.contactHero{padding:78px 0 68px;background:linear-gradient(180deg,rgba(99,181,47,.07),transparent)}
.contactHeroInner{text-align:center;max-width:900px}
.contactHero h1{margin:18px 0}
.contactHero h1 span{color:var(--green2)}
.contactHero p{font-size:18px;line-height:1.8;color:var(--muted);max-width:780px;margin:0 auto}
.contactGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start}
.contactCard,.contactInfoCard{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:32px}
.contactCard h2{font:800 38px Georgia,serif;margin:10px 0 12px}
.contactCard>.muted{line-height:1.7;margin-bottom:25px}
.contactForm{gap:16px}
.contactForm .btn{width:100%}
.contactStatus{min-height:20px;font-size:14px;font-weight:700;text-align:center;color:var(--green2)}
.contactStatus.error{color:#b3261e}
.contactSide{display:grid;gap:18px}
.contactInfoCard h3{font-size:24px;margin:10px 0 12px}
.contactInfoCard p{line-height:1.75;margin:0 0 18px}
.contactInfoCard .btn{width:100%}
.contactInfoCard.soft{background:var(--soft)}
.contactSuccess{text-align:center;padding:25px 5px}
.successIcon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-size:30px;font-weight:900;margin:0 auto 16px}
.contactSuccess h3{font:800 30px Georgia,serif;margin:0 0 10px}
.contactSuccess p{color:var(--muted);line-height:1.7;margin:0 auto 22px;max-width:500px}

@media(max-width:950px){.contactGrid{grid-template-columns:1fr}.contactSide{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.contactHero{padding:50px 0 45px}.contactHero h1{font-size:42px}.contactHero p{font-size:16px}.contactCard,.contactInfoCard{padding:23px;border-radius:18px}.contactCard h2{font-size:30px}.contactSide{grid-template-columns:1fr}}

/* V2.7 — polished Common Uses + Product Highlights */
.usesHighlightsSection{padding-top:64px;padding-bottom:72px}
.usesHighlightsGrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.sectionKicker{display:flex;align-items:center;gap:16px;color:var(--green2);font-size:13px;font-weight:900;letter-spacing:2px;margin-bottom:12px}
.sectionKicker span{display:block;width:56px;height:3px;border-radius:99px;background:var(--green)}
.featureHeading{font:800 clamp(32px,4vw,48px)/1.08 Georgia,serif;margin:0 0 12px;max-width:620px}
.usesIntro{font-size:17px;line-height:1.7;max-width:620px;margin-bottom:24px}
.useTags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.useTag{min-height:78px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f7fbf4);display:flex;align-items:center;gap:14px;padding:14px 16px;font-weight:800;box-shadow:0 10px 30px rgba(24,45,20,.05);transition:.2s}
.useTag:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(24,45,20,.09);border-color:#c9dfbe}
.useIcon,.highlightIcon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:23px;font-weight:900;box-shadow:0 8px 18px rgba(99,181,47,.2)}
.highlightsPanel{background:linear-gradient(145deg,rgba(246,249,244,.8),rgba(255,255,255,.95));border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}
.highlightCards{display:grid;gap:11px;margin-top:20px}
.highlightCard{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:#fff;border-radius:17px;padding:12px 15px;min-height:72px}
.highlightIcon{width:42px;height:42px;flex-basis:42px;font-size:18px}
.highlightCard strong{display:block;font-size:16px;margin-bottom:4px}
.highlightCard small{display:block;color:var(--muted);line-height:1.4;font-size:12px}
@media(max-width:800px){.usesHighlightsGrid{grid-template-columns:1fr;gap:35px}.highlightsPanel{padding:24px}.useTags{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.useTags{grid-template-columns:1fr}.sectionKicker{gap:11px}.sectionKicker span{width:40px}.featureHeading{font-size:34px}.usesIntro{font-size:15px}.highlightsPanel{border-radius:22px;padding:20px}.useTag{min-height:70px}}

/* V2.8 — Common Uses and Product Highlights matched layout */
.usesHighlightsGrid{align-items:stretch;gap:28px}
.usesPanel,.highlightsPanel{
    background:linear-gradient(145deg,rgba(246,249,244,.8),rgba(255,255,255,.95));
    border:1px solid var(--line);
    border-radius:28px;
    padding:30px;
    box-shadow:var(--shadow);
    display:flex;
    flex-direction:column;
}
.usesPanel .usesIntro,.highlightsPanel .usesIntro{margin-bottom:22px}
.useTags,.highlightCards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:0;
}
.useTag,.highlightCard{
    min-height:76px;
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff;
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 15px;
    box-shadow:none;
    transition:.2s;
}
.useTag:hover,.highlightCard:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(24,45,20,.07);
    border-color:#c9dfbe;
}
.useTag{font-weight:800}
.useIcon,.highlightIcon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--green);
    color:#fff;
    font-size:19px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(99,181,47,.2);
}
.highlightCard strong{display:block;font-size:16px;margin-bottom:4px}
.highlightCard small{display:block;color:var(--muted);line-height:1.4;font-size:12px}
.highlightsPanel .highlightCards{margin-top:0}

@media(max-width:800px){
    .usesHighlightsGrid{grid-template-columns:1fr;gap:24px}
    .usesPanel,.highlightsPanel{padding:24px;border-radius:24px}
}
@media(max-width:480px){
    .useTags,.highlightCards{grid-template-columns:1fr}
    .usesPanel,.highlightsPanel{padding:20px;border-radius:22px}
}