:root{--ink:#142b23;--green:#b9ed67;--muted:#5c6a64;--paper:#f6f7f2;--line:#dce2d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Tajawal,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #438500;outline-offset:5px}img{max-width:100%;display:block}button,a,summary{touch-action:manipulation}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.top{display:flex;align-items:center;gap:32px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.4}.brand img{object-fit:contain}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:500}.top nav{display:flex;gap:25px;margin-inline:auto;font-size:15px;font-weight:700}.top nav a:hover{color:#517f1a}.contact{font-size:14px;font-weight:800;border-bottom:1px solid;padding:5px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:5px}.hero{background:var(--ink);color:white;padding:66px 0 50px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:44px;align-items:center}.kicker{display:flex;align-items:center;gap:16px;color:#c4d4cc;font-size:14px}.kicker img{object-fit:contain;background:#fff;padding:5px;border-radius:3px}.hero h1{font-size:clamp(38px,4.4vw,65px);line-height:1.16;letter-spacing:-1.5px;margin:27px 0 22px;font-weight:900}.hero h1 bdi{color:var(--green)}.hero-copy>p{color:#d2ded8;max-width:490px;font-size:18px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;padding:12px 21px;border:1px solid transparent;border-radius:5px;font-weight:800;line-height:1.6;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.green{background:var(--green);color:#173019}.green:hover{background:#caf387}.outline{border-color:#607369;color:white}.dark{background:var(--ink);color:#fff}.light{background:#fff;color:var(--ink)}.hero-meta{display:flex;gap:28px;margin-top:33px;color:#bed1c5;font-size:12px}.hero-meta>span{border-inline-start:1px solid #43574d;padding-inline-start:22px;line-height:1.5}.hero-meta>span:first-child{border:0;padding:0;display:flex;gap:10px;align-items:center}.hero-meta b{font-size:15px;color:#fff}.hero-meta>span:first-child b{font-size:34px;color:var(--green)}.stage{position:relative;min-height:455px;background:#f4f5ed;border-radius:4px;color:var(--ink);isolation:isolate;overflow:hidden}.stage:before{content:'3D';position:absolute;font-family:Arial,sans-serif;font-size:255px;font-weight:900;line-height:1;opacity:.055;top:57px;left:-8px;z-index:-1}.stage-label{position:absolute;left:24px;top:22px;letter-spacing:3px;font-size:10px;font-weight:800}.bottle{position:absolute;object-fit:contain;mix-blend-mode:multiply;top:70px;max-height:310px;width:48%;height:310px}.b0{left:2%;transform:rotate(-10deg);top:93px;width:35%}.b1{left:28%;z-index:2;width:44%;height:325px;max-height:325px;top:54px}.b2{right:0;transform:rotate(9deg);top:100px;width:35%}.stage-caption{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #d6dfd3;padding:19px 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.stage-caption b{font-size:11px;letter-spacing:2px}.journey{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);font-size:14px;justify-content:space-between;flex-wrap:wrap}.journey>span{font-weight:800}.journey a{color:var(--muted)}.journey a:hover{color:var(--ink);text-decoration:underline}.section{padding-top:78px;padding-bottom:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:12px;color:#4f7431;font-weight:800;letter-spacing:.3px}.section-heading h2,h2{font-size:clamp(25px,3vw,37px);line-height:1.4;margin:8px 0 0;letter-spacing:-.6px}.section-heading p{color:var(--muted);margin:0;font-size:15px}.filters{display:flex;gap:15px;align-items:end;margin:25px 0 30px;padding:19px 20px;background:#e9ede4;border-radius:6px}.filters label{display:block;flex:1}.filters .search{flex:2}.filters label>span{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.filters input,.filters select,.calculator input,.calculator select{width:100%;min-height:48px;border:1px solid #cdd5c8;background:white;border-radius:4px;padding:10px 12px;color:var(--ink)}.filters>p{white-space:nowrap;font-size:13px;min-width:73px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid #e0e4dc;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #142b230d}.product-photo{position:relative;display:flex;align-items:center;justify-content:center;background:#fff;height:248px;border-bottom:1px solid #eef0e9;padding:24px}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.card:hover img{transform:scale(1.04)}.number{position:absolute;right:15px;top:14px;font:700 11px Arial,sans-serif;letter-spacing:1px;border:1px solid #d5ddcd;padding:5px 8px;border-radius:3px;z-index:2;background:#fff}.card-body{padding:21px;display:flex;flex-direction:column;flex:1}.card h3{line-height:1.4;margin:9px 0;font-size:22px}.card h3 bdi{display:block;font-family:Arial,sans-serif;font-size:21px;font-weight:800}.card h3 span{display:block;margin-top:7px;font-size:16px;font-weight:700}.card-body>p{font-size:14px;color:var(--muted);line-height:1.75;margin:8px 0 23px}.read{margin-top:auto;padding-top:16px;border-top:1px solid #e6ebe1;display:flex;justify-content:space-between;font-size:13px;font-weight:800}.read span{font-size:20px;line-height:1}.empty{padding:45px;text-align:center;border:1px solid var(--line)}[hidden]{display:none!important}.method{background:#e8eddf;padding:64px 0}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.method p{color:var(--muted);max-width:450px;font-size:16px}.text-link{display:inline-block;font-weight:800;border-bottom:1px solid;padding:5px 0;font-size:14px}.principles{list-style:none;padding:0;margin:0;counter-reset:step}.principles li{counter-increment:step;position:relative;padding:18px 57px 20px 0;border-bottom:1px solid #cdd7c5}.principles li:before{content:'0' counter(step);position:absolute;right:0;top:18px;color:#699145;font:500 22px Arial}.principles b{font-size:19px;display:block}.principles span{font-size:14px;color:var(--muted)}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#fff;border:1px solid var(--line);padding:35px;border-radius:6px}.calculator label{display:block;font-size:14px;font-weight:800;margin:10px 0 8px}.small{font-size:13px;color:var(--muted)}.calc-result{background:var(--ink);color:white;padding:28px 35px;border-radius:4px;display:flex;flex-direction:column;justify-content:center}.calc-result>span{font-size:14px;color:#b7cebf}.calc-result>div{display:flex;align-items:baseline;gap:15px}.calc-result strong{font-family:Arial,sans-serif;font-size:50px;line-height:1.5;color:var(--green)}.calc-result i{color:#9db5a7;font-style:normal}.source-line{font-size:12px;color:var(--muted)}.source-line a{text-decoration:underline}.video-section{background:#eef1e9}.videos{display:grid;grid-template-columns:1fr 1fr;gap:25px}.video-card{background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden}.video-card iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#142b23}.video-card>div{padding:20px 25px}.video-card h3{margin:0;font-size:21px}.video-card p{font-size:13px;color:var(--muted);margin:8px 0}.video-card a{font-size:13px;font-weight:800}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:55px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:800;padding-inline-end:10px}.faq details p{font-size:15px;color:var(--muted);margin-bottom:0}.order-strip{padding:36px;background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;gap:25px;border-radius:5px;margin-bottom:70px}.order-strip .eyebrow{color:var(--green)}.order-strip h2{font-size:28px}.order-strip p{font-size:14px;color:#c3d3ca;margin-bottom:0}footer{background:#e7ebe2;padding:35px 0}.foot{display:grid;grid-template-columns:1fr 1fr;gap:22px}.foot p{margin:4px 0;color:var(--muted);font-size:14px}.foot>div:nth-child(2){display:flex;justify-content:end;gap:20px;font-size:13px}.foot small{grid-column:1/-1;font-size:11px;color:var(--muted);border-top:1px solid #cdd6c7;padding-top:20px}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:13px;color:var(--muted);padding:28px 0}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:12px 0 60px}.detail-photo{position:relative;background:#fff;border:1px solid var(--line);border-radius:6px;padding:35px;text-align:center}.detail-photo img{width:100%;height:420px;object-fit:contain}.detail-photo small{display:block;font-size:11px;color:var(--muted);margin-top:20px}.detail-copy h1{font-size:clamp(35px,4vw,52px);line-height:1.3;margin:15px 0}.detail-copy h1 bdi{display:block;font-family:Arial,sans-serif;letter-spacing:-1px}.detail-copy h1 span{font-size:25px;display:block;margin-top:12px}.lead{font-size:18px;color:var(--muted)}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:11px}.detail-tags span{background:#e8eddf;padding:4px 10px;border-radius:3px}.purchase{display:grid;gap:12px;margin:28px 0 20px}.purchase small{color:var(--muted);font-size:12px}.detail-content{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;padding:45px 0;border-top:1px solid var(--line)}.steps{list-style:none;padding:0}.steps li{display:flex;align-items:baseline;gap:22px;padding:13px 0;border-bottom:1px solid var(--line)}.steps li>span{font:400 24px Arial;color:#6c8f47}.steps p{margin:0;color:#405248;font-size:17px}.info-box{padding:25px;background:#e8eddf;border-radius:5px}.info-box h2{font-size:24px}.info-box a{text-decoration:underline;font-size:14px}.note{padding:20px 25px}.note h3{font-size:16px;margin:0}.note p{font-size:14px;color:var(--muted)}.source-box{border:1px solid var(--line);padding:25px;border-radius:4px;background:#fff;font-size:14px}.source-box strong{display:block}.source-box a{text-decoration:underline;color:#486b2c}.source-box p{color:var(--muted);margin-bottom:0;font-size:13px}.related{grid-template-columns:repeat(3,1fr)}
@media(min-width:1450px){.hero{padding:82px 0 65px}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}.top{gap:16px}.top nav{gap:16px}.hero-grid{gap:25px}.stage{min-height:415px}.stage-caption{font-size:10px;padding:18px 14px}.method-grid{gap:55px}.detail-hero{gap:38px}.order-strip{flex-direction:column;align-items:start}.order-strip .actions{margin:0}.bottle{max-height:285px}.b1{height:295px;max-height:295px}.hero-meta{gap:15px}.hero-meta>span{padding-inline-start:15px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}header{position:relative}.top{flex-wrap:wrap;padding:14px 0;gap:12px}.brand{font-size:14px}.brand img{width:45px;height:39px}.contact{margin-inline-start:auto;font-size:12px}.top nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;font-size:13px}.hero{padding:35px 0}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-meta{margin-top:25px;gap:26px}.stage{min-height:365px;max-width:510px;width:100%;margin:auto}.bottle{height:260px;top:60px}.b1{height:280px;max-height:280px;top:25px}.b0,.b2{top:60px}.stage-label{font-size:8px}.journey{gap:15px;justify-content:start;font-size:12px;padding:20px 0}.journey>span{width:100%}.section{padding:48px 0}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading p br{display:none}.section-heading h2{font-size:30px}.filters{flex-wrap:wrap;padding:15px;gap:12px}.filters .search{flex:auto;width:100%}.filters label:not(.search){flex:1}.filters>p{margin:0 0 13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-photo{height:200px;padding:24px 12px 16px}.card-body{padding:16px 13px}.card .eyebrow{font-size:10px}.card h3 bdi{font-size:18px}.card h3 span{font-size:14px}.card-body>p{font-size:12px;margin:6px 0 16px}.read{font-size:11px;gap:5px}.number{right:9px;top:9px;font-size:9px;padding:4px 6px}.method{padding:40px 0}.method-grid,.calculator,.faq,.detail-hero,.detail-content{grid-template-columns:1fr;gap:28px}.method h2 br,.faq h2 br{display:none}.calculator{padding:20px;gap:20px}.calc-result{padding:22px 27px}.calc-result strong{font-size:42px}.videos{grid-template-columns:1fr}.faq{gap:15px}.order-strip{padding:27px;margin-bottom:40px}.order-strip h2{font-size:26px}.foot{grid-template-columns:1fr}.foot>div:nth-child(2){justify-content:start;flex-wrap:wrap}.foot small{grid-column:auto}.detail-hero{padding-bottom:35px;gap:30px}.detail-photo{padding:25px}.detail-photo img{height:310px}.detail-copy h1{font-size:38px}.detail-copy h1 span{font-size:23px}.detail-content{padding-top:30px}.detail-copy .lead{font-size:16px}.related{grid-template-columns:repeat(2,1fr)}.breadcrumb{font-size:11px;padding:20px 0}.hero .btn{font-size:13px;padding:12px 16px}}
@media(max-width:370px){.hero h1{font-size:40px}.grid{grid-template-columns:1fr}.product-photo{height:260px}.hero-meta{gap:12px}.contact{font-size:11px}.card h3 bdi{font-size:22px}.card-body>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}