:root{--deep:#0b3b2e;--sea:#0f5c5a;--tide:#1f8a8a;--kelp:#3f7d20;--lime:#9bd13b;--sand:#f4efe3;--ink:#13221d;--white:#fff;--r:14px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--sand)}
img{max-width:100%;height:auto;display:block}a{color:var(--sea)}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:99}
.wrap{max-width:var(--max);margin:auto;padding:0 1.25rem}
.hdr{position:sticky;top:0;z-index:50;background:rgba(11,59,46,.92);backdrop-filter:blur(6px);color:#fff}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:1rem}
.logo{color:#fff;text-decoration:none;font-weight:800;font-size:1.25rem;letter-spacing:.02em}.logo span{color:var(--lime)}
.nav{display:none;gap:1.2rem}.nav a{color:#fff;text-decoration:none;font-size:.95rem}.nav a:hover{color:var(--lime)}
@media(min-width:860px){.nav{display:flex}}
.btn{display:inline-block;background:var(--lime);color:var(--deep);font-weight:800;padding:.85rem 1.4rem;border-radius:999px;text-decoration:none;border:0;cursor:pointer;min-height:44px}
.btn:hover,.btn:focus-visible{background:#b6e65d;outline:3px solid #fff;outline-offset:2px}.btn.ghost{background:transparent;color:#fff;border:2px solid #fff}
.para{position:relative;overflow:hidden;color:#fff}
.para .bg{position:absolute;inset:-15% 0;background-size:cover;background-position:70% center;will-change:transform}
.para::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,59,46,.55),rgba(11,59,46,.85))}
.para>.wrap{position:relative;z-index:1}
.hero{min-height:min(88vh,760px);display:flex;align-items:center}.hero h1{font-size:clamp(2.1rem,6vw,4rem);line-height:1.08;margin:.2em 0}
.hero p{font-size:1.15rem;max-width:36rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--lime);font-weight:700}
.wave{display:block;width:100%;height:60px;margin-top:-1px}
.trust{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem 0;text-align:center}
.trust div{background:#fff;border-radius:var(--r);padding:1rem;font-weight:700;color:var(--deep)}
@media(min-width:760px){.trust{grid-template-columns:repeat(4,1fr)}}
section{padding:4rem 0}h2{font-size:clamp(1.6rem,3.6vw,2.4rem);color:var(--deep);margin-top:0}
.para h2{color:#fff}
.grid{display:grid;gap:1.5rem}@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border-radius:var(--r);padding:1.5rem;box-shadow:0 6px 24px rgba(11,59,46,.08)}
.prod{text-align:center}.prod .price{font-size:1.8rem;font-weight:800;color:var(--deep)}.prod small{display:block;color:#4a5a55}
.steps{counter-reset:s;list-style:none;padding:0}.steps li{counter-increment:s;position:relative;padding-left:3.2rem;margin-bottom:1.2rem}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--tide);color:#fff;display:grid;place-items:center;font-weight:800}
.ph{border:2px dashed var(--tide);border-radius:var(--r);padding:1rem;background:#e7f3f1;color:var(--sea);font-size:.85rem;min-height:160px;display:flex;align-items:center}
details{background:#fff;border-radius:var(--r);padding:1rem 1.25rem;margin-bottom:.75rem}summary{font-weight:700;cursor:pointer;color:var(--deep)}
.ftr{background:var(--deep);color:#d9e6e1;padding:3rem 0 6rem}.ftr a{color:#fff}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;box-shadow:0 -4px 18px rgba(0,0,0,.2);transform:translateY(110%);transition:transform .3s}
.sticky-cta.on{transform:none}.sticky-cta strong{font-size:.95rem}
.cta-end{text-align:center;margin-top:1.5rem}
@media(prefers-reduced-motion:reduce){.para .bg{transform:none!important}.sticky-cta{transition:none}html{scroll-behavior:auto}}
.para h1,.para h2,.para h3{color:#fff}
.wp-site-blocks>*{margin-block-start:0}
.para .card h3{color:var(--deep)}