
:root{--ink:#15221c;--muted:#59665f;--green:#0f7a4f;--green2:#12a46a;--lime:#c9f36b;--cream:#f7f7ef;--white:#fff;--gold:#ffd978;--line:#dfe7df;--shadow:0 18px 48px rgba(20,53,37,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#fbfcf7 0,#f4f8f4 100%);color:var(--ink);line-height:1.66}a{color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:20px;justify-content:space-between}.logo{height:43px;max-width:190px;object-fit:contain}.navlinks{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 19px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#fff;box-shadow:0 9px 24px rgba(15,122,79,.22)}.secondary{background:#fff;border-color:#bad1c3;color:var(--green)}.hero{padding:54px 0 32px}.heroGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:stretch}.badge{display:inline-flex;background:#eaf9ef;color:#08623f;border:1px solid #bfe7cf;border-radius:999px;padding:8px 13px;font-weight:900;font-size:.88rem;letter-spacing:.02em}.hero h1{font-size:clamp(2.25rem,5.2vw,4.75rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0 18px}.lead{font-size:1.16rem;color:#425047;max-width:840px}.heroCard{background:linear-gradient(145deg,#083e2b,#0f7a4f);color:white;padding:28px;border-radius:30px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.heroCard strong.big{font-size:2rem;line-height:1.08}.pillrow{display:flex;gap:8px;flex-wrap:wrap}.pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:8px 11px;border-radius:999px;font-size:.88rem}.answer{margin:16px 0 0;background:#fff7d5;border:1px solid #f1d87b;border-radius:22px;padding:20px 22px}.answer strong{color:#6c4b00}.section{padding:28px 0}.panel{background:white;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,4vw,46px);box-shadow:0 12px 36px rgba(27,62,45,.07)}h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.14;letter-spacing:-.035em;margin:0 0 16px}h3{font-size:1.38rem;line-height:1.2;margin:30px 0 10px}h4{font-size:1.12rem;margin:24px 0 8px}p{margin:0 0 16px}.grid3,.productGrid,.linkGrid,.faqGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.fact{background:#f5faf6;border:1px solid #dce9df;border-radius:20px;padding:19px}.fact b{display:block;color:var(--green);font-size:1.08rem}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{position:relative;background:#f7faf7;border:1px solid #dce6df;border-radius:22px;padding:22px}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:white;font-weight:900;margin-bottom:12px}.product{background:white;border:1px solid #dce5df;border-radius:22px;padding:20px;display:flex;flex-direction:column;min-height:220px}.product .kicker{font-size:.78rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em;color:var(--green)}.product h3{margin:7px 0 9px}.product a{margin-top:auto;color:var(--green);font-weight:900}.quality{background:linear-gradient(120deg,#0b5038,#0f7a4f 60%,#0a6948);color:white}.quality p{color:#eaf8ef}.quality .fact{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}.quality .fact b{color:var(--lime)}details{background:white;border:1px solid #dce5df;border-radius:18px;padding:0 18px}summary{cursor:pointer;font-weight:850;padding:17px 0}details p{padding:0 0 17px;color:#4b5951}.links a{display:block;text-decoration:none;padding:12px 14px;border-radius:15px;background:#f4f8f5;border:1px solid #dfe8e1;font-weight:750}.cta{background:#fff3b9;border:1px solid #e8d06f;border-radius:28px;padding:30px;text-align:center}.cta h2{max-width:850px;margin:0 auto 13px}.small{font-size:.9rem;color:var(--muted)}footer{padding:38px 0 55px;color:#5d6962}.selector{background:white;border:1px solid var(--line);padding:20px;border-radius:24px;box-shadow:var(--shadow)}select{width:100%;padding:14px 13px;border-radius:14px;border:1px solid #cddbd1;background:white;font:inherit}.selectgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flash{display:none;margin-top:15px;padding:16px;border-radius:16px;background:#0f7a4f;color:white;font-weight:900;text-align:center;animation:pulse 1.2s infinite alternate}@keyframes pulse{to{box-shadow:0 0 0 9px rgba(15,122,79,.12)}}@media(max-width:880px){.heroGrid,.grid3,.productGrid,.linkGrid,.faqGrid,.steps,.selectgrid{grid-template-columns:1fr}.navlinks{display:none}.hero{padding-top:30px}.panel{border-radius:22px}.heroCard{border-radius:23px}}
