:root{--navy:#06395d;--blue:#0788be;--cyan:#57d2ee;--ice:#eaf8ff;--text:#153f58;--muted:#648292;--white:#fff;--radius:30px;--shell:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:#f8fcff}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}
.shell,.section{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}
.header{height:76px;padding:0 max(24px,calc((100vw - var(--shell))/2));display:flex;align-items:center;gap:36px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #dcebf2}
.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:24px;font-weight:800}
.brand span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}
.header nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:700}
.header-cta{padding:12px 18px;border:1px solid #a9dff2;border-radius:99px;color:var(--blue);font-size:13px;font-weight:800}
.hero{min-height:720px;position:relative;overflow:hidden;background:#e9f8ff}
.hero-bg{position:absolute;inset:0;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,251,255,1) 0%,rgba(242,251,255,.98) 48%,rgba(242,251,255,.78) 60%,rgba(242,251,255,.08) 78%)}
.hero-content{position:relative;z-index:2;padding:82px 0}
.eyebrow{margin:0 0 18px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.16em}
.hero h1,.section-head h2,.daily-copy h2{margin:0;color:var(--navy);font-size:clamp(43px,5.3vw,78px);line-height:1.02;letter-spacing:-.05em}
.hero-lead{max-width:565px;margin:24px 0;padding:15px 18px;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 10px 30px rgba(6,57,93,.06);color:#244f68;font-size:18px;line-height:1.65}
.metrics{display:flex;gap:10px;margin:28px 0}
.metrics>div{width:155px;padding:16px;border-radius:19px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(6,57,93,.09)}
.metrics small,.metrics span{display:block;color:#688594;font-size:10px}
.metrics strong{display:block;margin:8px 0 3px;color:var(--blue);font-size:22px}
.actions{display:flex;gap:10px}
.btn{min-height:52px;padding:0 23px;border:0;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font:800 13px Manrope;cursor:pointer}
.primary{color:#fff;background:linear-gradient(135deg,#08abd6,#087fb8);box-shadow:0 13px 28px rgba(7,126,184,.24)}
.ghost{background:rgba(255,255,255,.8);border:1px solid #b8ddea;color:var(--navy)}
.fine{margin-top:17px;color:#76919f;font-size:10px}
.section{padding:100px 0}
.section-head{max-width:820px;margin-bottom:46px}
.section-head p:last-child{color:var(--muted);font-size:17px;line-height:1.7}
.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.result-image{position:relative;margin:0;border-radius:var(--radius);overflow:hidden;background:#dfedf3;box-shadow:0 22px 60px rgba(6,57,93,.1)}
.result-image img{height:100%;min-height:620px;object-fit:cover;object-position:63% center;animation:waterBreath 10s ease-in-out infinite alternate}
.result-image figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:15px 17px;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(6,57,93,.12);backdrop-filter:blur(12px)}
.result-image figcaption strong,.result-image figcaption span{display:block}
.result-image figcaption strong{color:var(--navy);font-size:14px}
.result-image figcaption span{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}
.mineral-labels::before{content:"";position:absolute;left:9.5%;top:20%;width:1px;height:42%;background:linear-gradient(180deg,transparent,#7fd5ed 18%,#7fd5ed 82%,transparent);opacity:.65}
.mineral-labels span{position:absolute;left:4%;display:flex;align-items:center;gap:7px;padding:7px 11px 7px 7px;border:1px solid rgba(163,216,235,.8);border-radius:99px;background:rgba(255,255,255,.88);box-shadow:0 10px 26px rgba(6,57,93,.12);color:#52758a;font-size:9px;font-weight:800;backdrop-filter:blur(12px);animation:mineralFloat 4.8s ease-in-out infinite}
.mineral-labels b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#dff6fc;color:var(--blue);font-size:10px}
.mineral-ca{top:17%;animation-delay:-.4s!important}
.mineral-mg{top:29%;animation-delay:-1.6s!important}
.mineral-k{top:41%;animation-delay:-2.8s!important}
.mineral-na{top:53%;animation-delay:-4s!important}
@keyframes mineralFloat{0%,100%{transform:translate3d(0,-4px,0)}50%{transform:translate3d(8px,5px,0)}}
@keyframes waterBreath{0%{transform:scale(1)}100%{transform:scale(1.025)}}
.result-facts{display:grid;gap:10px}
.fact{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:24px;border-radius:24px;background:#fff;border:1px solid #dcecf3}
.fact>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dff6fc;color:var(--blue);font-size:11px;font-weight:800}
.fact h3{margin:0;color:var(--navy);font-size:21px}
.fact strong{display:block;margin:8px 0;color:var(--blue);font-size:17px}
.fact p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.meaning{margin-top:14px;padding:13px 14px;border-left:3px solid var(--cyan);border-radius:0 13px 13px 0;background:#edfaff}
.meaning b{display:block;margin-bottom:5px;color:var(--navy);font-size:11px}
.meaning p{color:#416b80;font-size:11px;line-height:1.55}
.chips{display:flex;gap:6px;margin-top:10px}
.chips i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e4f6fb;color:var(--blue);font-size:11px;font-style:normal;font-weight:800}
.body-benefits{position:relative;margin-top:24px;padding:38px;border-radius:var(--radius);display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;overflow:hidden;background:radial-gradient(circle at 8% 15%,rgba(87,210,238,.25),transparent 30%),linear-gradient(145deg,#06395d,#07547b);box-shadow:0 24px 65px rgba(6,57,93,.18)}
.body-benefits::after{content:"";position:absolute;width:320px;height:320px;right:-170px;bottom:-180px;border:1px solid rgba(87,210,238,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(87,210,238,.04),0 0 0 110px rgba(87,210,238,.025)}
.benefits-intro{position:relative;z-index:1}
.benefits-intro h3{margin:0;color:#fff;font-size:36px;line-height:1.08;letter-spacing:-.035em}
.benefits-intro>p:last-of-type{color:#bddae7;font-size:12px;line-height:1.75}
.benefit-promise{margin-top:24px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07)}
.benefit-promise b,.benefit-promise span{display:block}
.benefit-promise b{color:#fff;font-size:11px}
.benefit-promise span{margin-top:6px;color:#66d7ee;font-size:9px;line-height:1.6}
.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.benefits-grid article{position:relative;z-index:1;padding:17px;border:1px solid rgba(158,219,237,.2);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(0,25,45,.16);transition:.3s ease}
.benefits-grid article:hover{transform:translateY(-3px);border-color:#65d3ed}
.benefits-grid i{width:40px;height:40px;margin-bottom:13px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#dff7fd,#cceffa);color:var(--blue);font-style:normal}
.benefits-grid svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.benefits-grid b{display:block;color:var(--navy);font-size:13px}
.benefits-grid p{margin:7px 0 0;color:#648292;font-size:10px;line-height:1.55}
.module-row{margin-top:24px;padding:24px;border-radius:var(--radius);display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;background:var(--navy);color:#fff}
.module-row img{height:350px;object-fit:cover;border-radius:22px}
.module-row h3{margin:0;font-size:35px}
.module-row p:not(.eyebrow){color:#c3dae6;line-height:1.7}
.module-points{display:flex;flex-wrap:wrap;gap:7px}
.module-points span{padding:9px 12px;border-radius:99px;background:rgba(255,255,255,.1);font-size:10px;font-weight:700}
.conversion-strip{margin-top:18px;padding:22px 25px;border:1px solid #d3eaf3;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;box-shadow:0 14px 40px rgba(6,57,93,.07)}
.conversion-strip small,.conversion-strip b,.conversion-strip span{display:block}
.conversion-strip small{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.12em}
.conversion-strip b{margin-top:5px;color:var(--navy);font-size:20px}
.conversion-strip span{margin-top:4px;color:var(--muted);font-size:10px}
.proof{padding:100px 0;background:var(--navy);color:#fff}
.section-head.light{margin-inline:auto;text-align:center}
.section-head.light h2{color:#fff}
.section-head.light p:last-child{color:#bdd5e0}
.proof-image{position:relative;border-radius:var(--radius);overflow:hidden}
.proof-image>img{display:block;width:100%;height:auto!important;aspect-ratio:1586/992;object-fit:contain}
.proof-label{position:absolute;bottom:20px;padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.9);color:var(--navy);backdrop-filter:blur(12px)}
.proof-label small,.proof-label strong{display:block}
.proof-label strong{margin-top:5px}
.proof-label.before{left:20px}
.proof-label.after{right:20px;background:rgba(7,136,190,.92);color:#fff}
.proof-note{color:#9fbecc;font-size:10px}
.proof-action{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.proof-action .proof-note{margin:0}
.daily-card{display:grid;grid-template-columns:1.08fr .92fr;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 25px 65px rgba(6,57,93,.09)}
.daily-card>img{height:100%;min-height:580px;object-fit:cover;object-position:64% center}
.daily-copy{padding:55px}
.daily-copy h2{font-size:48px}
.daily-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}
.daily-tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}
.daily-tags span{padding:9px 12px;border-radius:99px;background:#e7f7fc;color:var(--blue);font-size:10px;font-weight:800}
.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.order-visual{position:relative;border-radius:var(--radius);overflow:hidden}
.order-visual{background:#fff}
.order-visual>img{height:100%;padding:52px 42px 92px;object-fit:contain}
.kit{position:absolute;left:18px;right:18px;bottom:18px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}
.kit b,.kit span{display:block}
.kit span{margin-top:4px;color:var(--muted);font-size:10px}
.order-panel{padding:38px;border-radius:var(--radius);background:#fff;box-shadow:0 22px 60px rgba(6,57,93,.09)}
.order-panel h2{margin:0;color:var(--navy);font-size:60px}
.order-panel>p:not(.eyebrow){color:var(--muted);line-height:1.65}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:24px 0}
.steps span{min-height:118px;padding:13px 9px;text-align:left;border-radius:14px;background:#eaf8ff;color:#52768a}
.steps b{width:27px;height:27px;margin-bottom:9px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font-size:13px}
.steps strong,.steps small{display:block}
.steps strong{color:var(--navy);font-size:10px;line-height:1.35}
.steps small{margin-top:5px;color:#698797;font-size:8px;line-height:1.4}
form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input,select{width:100%;min-height:54px;padding:0 15px;border:1px solid #cfe4ed;border-radius:13px;background:#fff;color:var(--text);font:600 13px Manrope;outline:none}
input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,136,190,.1)}
.field-wide,.consent,.wide,.form-note,.form-status{grid-column:1/-1}
.consent{display:flex;gap:8px;color:var(--muted);font-size:10px;line-height:1.5}
.consent input{width:17px;min-height:17px;margin:2px 0}
.consent a{color:var(--blue);text-decoration:underline}
.form-note{margin:0;text-align:center;color:#718d9b;font-size:9px;line-height:1.5}
.form-status{margin:0;min-height:16px;color:#008f8b;font-size:11px}
.form-status.error{color:#c74353}
.form-status.success{color:#078b6d;font-weight:700}
.guide{background:var(--ice)}
.guide .section-head{text-align:center;margin-inline:auto}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.guide-grid article{padding:28px;border-radius:24px;background:#fff}
.guide-grid b{font-size:22px}
.guide-grid p{margin-bottom:0;color:var(--muted);line-height:1.7}
.guide-action{margin-top:18px;padding:18px 22px;border-radius:19px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff}
.guide-action span{color:var(--navy);font-size:15px;font-weight:800}
.good b{color:#149d72}
.bad b{color:#df5c6a}
.faq .section-head{text-align:center;margin-inline:auto}
.faq-list{max-width:900px;margin:auto}
.faq details{padding:20px 0;border-top:1px solid #d3e5ed}
.faq details:last-child{border-bottom:1px solid #d3e5ed}
.faq summary{cursor:pointer;color:var(--navy);font-size:17px;font-weight:800}
.faq details p{color:var(--muted);line-height:1.7}
.final-cta{margin-top:55px;padding:36px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff}
.final-cta h3{margin:0;font-size:25px}
footer{padding:34px max(24px,calc((100vw - var(--shell))/2));display:flex;align-items:center;justify-content:space-between;background:#052f4e;color:#9ebdcb}
footer .brand{color:#fff}
footer p{font-size:10px}
.footer-links{display:flex;align-items:center;gap:18px;font-size:10px}
.footer-links a{color:#bfe6f5;text-decoration:underline}
.cookie-settings{border:0;background:transparent;color:#bfe6f5;text-decoration:underline;cursor:pointer}
.cookie-banner{position:fixed;z-index:120;left:22px;right:22px;bottom:22px;margin:auto;width:min(1040px,calc(100% - 44px));padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #cce9f4;border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 20px 70px rgba(3,47,78,.24);color:var(--navy)}
.cookie-banner[hidden]{display:none}
.cookie-banner strong{font-size:18px}
.cookie-banner p{margin:5px 0;color:var(--muted);font-size:12px;line-height:1.5}
.cookie-banner a{color:#087fb8;font-size:12px}
.cookie-actions{display:flex;gap:10px;flex:0 0 auto}
.cookie-actions .btn{min-height:48px;padding:0 18px;border:1px solid #93d9f2;background:#fff;color:var(--navy);cursor:pointer}
.cookie-actions .primary{background:linear-gradient(135deg,#08abd6,#087fb8);color:#fff}
.mobile-cta{display:none}
.order-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:.25s ease}
.order-modal.open{visibility:visible;opacity:1}
.modal-backdrop{position:absolute;inset:0;background:rgba(3,35,57,.72);backdrop-filter:blur(8px)}
.modal-card{position:relative;z-index:1;width:min(610px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:34px;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(0,25,45,.35)}
.modal-card h2{margin:0;color:var(--navy);font-size:36px;line-height:1.1}
.modal-card>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.65}
.modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#eaf8ff;color:var(--navy);font-size:25px;cursor:pointer}
body.modal-open{overflow:hidden}
.reveal{opacity:0;transform:translateY(20px);transition:.75s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header nav{display:none}
.header-cta{margin-left:auto}
.result-layout,.daily-card,.order-grid{grid-template-columns:1fr}
.result-image img{min-height:480px}
.module-row{grid-template-columns:1fr}
.body-benefits{grid-template-columns:1fr}
.module-row img{height:420px}
.daily-card>img{min-height:460px}
.order-visual>img{height:560px}
.order-panel{padding:30px}
.conversion-strip{align-items:flex-start}
}
@media(max-width:620px){body{padding-bottom:70px}
.shell,.section{width:calc(100% - 28px)}
.header{height:62px;padding:0 14px}
.header-cta{display:none}
.brand{font-size:20px}
.brand span{width:34px;height:34px}
.hero{min-height:680px}
.hero-bg{object-position:66% center}
.hero-shade{background:linear-gradient(180deg,rgba(242,251,255,.99) 0%,rgba(242,251,255,.96) 64%,rgba(242,251,255,.22) 100%)}
.hero-content{padding:48px 0}
.hero h1{font-size:47px}
.hero-lead{font-size:15px}
.metrics{gap:5px}
.metrics>div{width:33.33%;padding:11px}
.metrics strong{font-size:16px}
.actions{flex-direction:column;width:86%}
.section,.proof{padding:68px 0}
.section-head{margin-bottom:30px}
.section-head h2{font-size:40px}
.result-layout{gap:12px}
.result-image img{min-height:330px}
.result-image figcaption{left:10px;right:10px;bottom:10px;padding:11px 12px}
.mineral-labels span{padding:5px;font-size:0}
.mineral-labels b{width:24px;height:24px}
.fact{padding:18px;grid-template-columns:36px 1fr;gap:12px}
.fact>span{width:36px;height:36px}
.fact h3{font-size:18px}
.module-row{padding:14px;gap:20px}
.body-benefits{padding:20px;gap:20px}
.benefits-intro h3{font-size:28px}
.benefits-grid{gap:7px}
.benefits-grid article{padding:13px}
.benefits-grid b{font-size:11px}
.benefits-grid p{font-size:9px}
.module-row img{height:300px}
.module-row h3{font-size:28px}
.conversion-strip{padding:18px;display:block}
.conversion-strip .btn{width:100%;margin-top:14px}
.proof-image{border-radius:22px;display:grid;grid-template-columns:1fr 1fr}
.proof-image img{grid-column:1/-1}
.proof-label{position:static;border-radius:0;padding:12px 8px}
.proof-label strong{font-size:12px}
.daily-card>img{min-height:330px}
.daily-copy{padding:24px}
.daily-copy h2{font-size:34px}
.order-visual>img{height:330px;padding:28px 24px 76px}
.order-panel{padding:22px}
.order-panel h2{font-size:48px}
.steps{margin:18px 0}
.steps{grid-template-columns:1fr 1fr;gap:7px}
.steps span{min-height:100px;padding:11px}
.steps strong{font-size:9px}
form{grid-template-columns:1fr}
.field-wide,.consent,.wide,.form-note,.form-status{grid-column:auto}
.guide-grid{grid-template-columns:1fr}
.guide-action{display:block;text-align:center}
.guide-action .btn{width:100%;margin-top:13px}
.final-cta{padding:24px;display:block}
.final-cta h3{font-size:21px;margin-bottom:18px}
footer{padding:30px 14px;display:block}
.footer-links{margin-top:14px;align-items:flex-start;flex-direction:column;gap:10px}
.cookie-settings{margin-top:12px;padding:0}
.cookie-banner{left:10px;right:10px;bottom:72px;width:calc(100% - 20px);padding:16px;display:block}
.cookie-actions{margin-top:13px;display:grid;grid-template-columns:1fr 1fr}
.cookie-actions .btn{width:100%;padding:0 10px;font-size:11px}
.proof-action{display:block}
.proof-action .btn{width:100%;margin-top:10px}
.modal-card{padding:26px 18px 20px;border-radius:22px}
.modal-card h2{padding-right:32px;font-size:29px}
.mobile-cta{display:flex;position:fixed;z-index:60;left:10px;right:10px;bottom:9px;height:52px;align-items:center;justify-content:center;border-radius:99px;background:linear-gradient(135deg,#08abd6,#087fb8);color:#fff;font-size:13px;font-weight:800;box-shadow:0 12px 30px rgba(7,126,184,.35)}
}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}
.result-image img,.mineral-labels span{animation:none}
}