:root{color-scheme:dark;--green:#82cb39;--blue:#28b3ee;--ink:#050705;--line:#375d23;--muted:#b6c1b1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:#f5f7f2;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue)}.wrap{max-width:1240px;margin:auto;padding-left:44px;padding-right:44px}header{position:sticky;top:0;z-index:5;background:#050705f5;border-bottom:2px solid var(--green);display:flex;align-items:center;justify-content:space-between;padding:12px 4%;gap:30px}.brand img{width:170px;display:block}nav{display:flex;gap:27px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:bold;white-space:nowrap}nav a:hover,.text-link:hover{color:var(--green)}.nav-cta{border:1px solid var(--green);padding:10px 15px}.hero{min-height:640px;display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:55px;padding-bottom:55px}.eyebrow{color:var(--green);font-size:13px;letter-spacing:2px;font-weight:800;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.6vw,87px);line-height:1.04;letter-spacing:-3.5px;margin-bottom:25px}h2{font-size:clamp(34px,4vw,48px);line-height:1.15;letter-spacing:-1.4px;margin-bottom:24px}h3{font-size:24px;line-height:1.25;margin-bottom:15px}.intro{font-size:20px;color:#c9d1c4;max-width:455px}.actions{display:flex;gap:14px;margin:32px 0}.button{display:inline-block;background:var(--green);border:1px solid var(--green);padding:14px 22px;color:#071203;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;font-size:15px}.button:hover{background:#a0e251}.button.outline{background:transparent;color:white}.button.outline:hover{background:#192b12}.small{font-size:13px;line-height:1.7}.hero-note{color:var(--muted);font-size:11px;letter-spacing:1px}.hero-art{position:relative;border:2px solid var(--green);padding:15px 20px 0;background:black}.hero-art img{width:100%;display:block;max-height:500px;object-fit:contain}.hero-art p{text-align:center;color:var(--green);font-size:12px;font-weight:bold;letter-spacing:2px;margin:12px 0 16px}.ribbon{display:flex;justify-content:center;gap:75px;padding:23px;background:#12210c;border-top:1px solid var(--green);border-bottom:1px solid var(--green);font-size:15px;font-weight:bold}.section{padding-top:95px;padding-bottom:15px}.section-heading{max-width:720px;margin-bottom:35px}.section-heading>p:not(.eyebrow){color:var(--muted)}.section-heading.row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading.row h2{margin-bottom:0}.section-heading.row>p{margin-bottom:5px}.grid{display:grid;gap:22px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--green);background:#0b1008;padding:30px}.card p{color:#bfc8b9}.number{display:block;color:var(--blue);font-size:14px;font-weight:bold;margin-bottom:30px}.card p:last-child{margin-bottom:0}.product{padding:32px;background:linear-gradient(135deg,#14200d,#080a07)}.product-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.tag{font-size:12px;border:1px solid var(--line);padding:2px 10px;color:var(--muted)}.product h3{font-size:34px;margin:18px 0}.product h3 span{color:var(--green)}.product ul{list-style:none;padding:0;color:#c4cdbd;font-size:15px;margin:26px 0}.product li{padding:9px 0;border-bottom:1px solid #283321}.product .button{width:100%}.muted{color:var(--muted)}#shop>.small{margin-top:20px}.subscription{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:48px;border:2px solid var(--green)}.subscription p{max-width:420px}.subscription form{border-left:1px solid var(--line);padding-left:40px}.subscription .button{width:100%}label{display:block;font-size:14px;color:#d9e3d2;font-weight:bold;margin:15px 0 9px}input,select{display:block;width:100%;border:1px solid #63874c;background:#060906;color:white;padding:13px 15px;min-height:48px;border-radius:0}.plan-summary{margin:22px 0;font-size:18px;color:var(--green);font-weight:bold}.steps{counter-reset:item;list-style:none;margin:30px 0 0;padding:0}.steps li{position:relative;padding-left:50px;margin-bottom:25px}.steps li:before{counter-increment:item;content:counter(item,decimal-leading-zero);position:absolute;left:0;color:var(--green);font-weight:bold}.steps strong{display:block;font-size:17px}.steps span{display:block;color:var(--muted);font-size:15px;margin-top:5px}.dosing-layout{gap:60px}.calculator{align-self:start}.calculator h3{font-size:29px}.dose-result{padding:25px 0;color:var(--green);border-bottom:1px solid var(--line);margin-bottom:25px}.dose-result output{font-size:68px;line-height:1;font-weight:bold;letter-spacing:-2px}.dose-result span{display:block;font-size:16px}.text-link{color:var(--green);font-size:14px;font-weight:bold}.guide details,.faq details{border:1px solid var(--line);background:#0a0f08;margin-bottom:12px}summary{padding:23px;cursor:pointer;font-weight:bold;list-style:none;font-size:17px}summary:after{content:'+';float:right;color:var(--green);padding-left:15px}details[open] summary:after{content:'−'}summary span{color:var(--green);font-size:14px;margin-right:24px}details p{padding:0 23px 23px;margin:0;color:var(--muted);font-size:16px}.guide details[open]{border-color:var(--green)}.guide{margin-bottom:25px}.faq{padding-bottom:100px}.faq .grid{gap:12px 22px}.faq details{margin:0}footer{border-top:3px solid var(--green);background:black}.footer-inner{padding-top:45px;padding-bottom:40px;display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-inner img{width:250px}.footer-inner h3{font-size:21px}.footer-inner a{display:block;color:var(--muted);font-size:15px;text-decoration:none}.footer-inner a:hover{color:var(--green)}.footer-inner p{font-size:13px;color:var(--muted);margin:12px 0 0}.footer-bottom{text-align:center;font-size:11px;letter-spacing:1px;padding:18px;border-top:1px solid var(--line);margin:0;color:var(--muted)}dialog{max-width:520px;width:calc(100% - 32px);background:#0b1008;color:white;border:2px solid var(--green);padding:38px}dialog::backdrop{background:#000c}dialog h2{font-size:34px}dialog .button{width:100%;margin:15px 0}dialog p{font-size:15px}.close{float:right;font-size:30px;line-height:1;color:white;border:0;background:none;cursor:pointer}dialog .small{font-size:13px}@media(max-width:900px){header{gap:20px}nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:12px}.hero{gap:25px;min-height:560px}.wrap{padding-left:25px;padding-right:25px}.three{grid-template-columns:1fr}.three .card{padding:25px}.number{margin-bottom:15px}.subscription{gap:30px;padding:30px}.subscription form{padding-left:25px}.ribbon{gap:30px;font-size:13px}.dosing-layout{gap:25px}}@media(max-width:600px){header{position:relative;display:block;padding:15px 20px}.brand img{width:155px;margin:0 auto 15px}nav{justify-content:center;gap:14px}nav .nav-cta{padding:5px 8px}.hero{grid-template-columns:1fr;padding-top:38px;gap:30px}.hero-copy{text-align:center}.hero h1{font-size:59px}.intro{font-size:18px}.actions{justify-content:center;gap:10px}.button{font-size:14px;padding:12px 16px}.hero-art{max-width:380px;margin:auto}.hero-art img{max-height:380px}.ribbon{gap:8px;flex-direction:column;text-align:center;padding:18px}.section{padding-top:65px}.two{grid-template-columns:1fr}.section-heading.row{display:block}.section-heading.row>p{margin-top:18px}.subscription{grid-template-columns:1fr;gap:25px;padding:25px}.subscription form{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.product-top{gap:5px}.product .eyebrow{letter-spacing:1px}.card{padding:25px}.footer-inner{display:block;text-align:center}.footer-inner img{width:220px;margin:0 auto 30px}.faq{padding-bottom:65px}.hero-note{font-size:10px}summary{font-size:16px;padding:18px}summary span{margin-right:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Requested logo sizes and original reef artwork in footer. */
.brand img{width:221px}
.footer-inner .footer-logo{width:325px;flex-shrink:0}
.footer-inner .footer-reef{width:250px;height:auto;display:block;flex-shrink:0}
@media(max-width:900px){.footer-inner{flex-wrap:wrap;justify-content:center}.footer-inner>div{margin-left:auto;margin-right:auto}}
@media(max-width:600px){.brand img{width:202px}.footer-inner .footer-logo{width:286px;max-width:100%}.footer-inner .footer-reef{width:250px;max-width:100%;margin:0 auto 30px}}

/* Approved small electric green water drop cursor. */
@media(any-pointer:fine){body,body a,body button,body summary,body select,body label,body input{cursor:url("assets/cursor-electric-green-small.png") 16 0,auto}}
