:root{--teal: #2B748E;--teal-deep: #1e5f75;--sky: #97D9EE;--light-blue: #BAE5F2;--pale-blue: #D5EAEF;--forest: #217640;--white: #FFFFFF;--ink: #1A1A1A;--ink-soft: #3a3a3a;--ink-mute: #5a6770;--serif: "Baskervville", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}.site-header{background:var(--teal);color:var(--white);padding:14px 20px;text-align:center;font-size:11px;letter-spacing:4px;text-transform:uppercase;font-weight:600;position:sticky;top:0;z-index:40}section{width:100%;padding:72px 24px;position:relative;overflow:hidden}@media(min-width:768px){section{padding:104px 48px}}.wrap{max-width:720px;margin:0 auto}.wrap-wide{max-width:960px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:14px}.on-teal .eyebrow{color:#ffffffa6}h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:400;line-height:1.15;text-wrap:balance}h2{font-size:clamp(30px,5.2vw,46px);margin-bottom:18px}h3{font-size:20px;margin-bottom:8px}.on-teal h1,.on-teal h2,.on-teal h3{color:var(--white)}p{font-size:16px;line-height:1.7;color:var(--ink-soft);text-wrap:pretty}.on-teal p{color:#ffffffd9}.intro{font-size:17px;color:var(--ink-mute);margin-bottom:28px;max-width:580px}.on-teal .intro{color:#fffc}.footnote{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-mute);margin-top:28px;line-height:1.6;max-width:580px}.on-teal .footnote{color:#ffffffb3}.on-teal{background:linear-gradient(160deg,var(--teal-deep),var(--teal));color:var(--white)}.wave{display:block;width:100%;height:56px}.cover{background:linear-gradient(180deg,var(--teal-deep) 0%,var(--teal) 30%,#7eb3c8 50%,var(--pale-blue) 68%,var(--pale-blue) 100%);color:var(--white);text-align:center;padding:0 24px;position:relative;overflow:hidden}.cover:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:140%;padding-bottom:100%;background:radial-gradient(closest-side,rgba(151,217,238,.22),transparent 70%);pointer-events:none}.cover-brand{font-size:11px;letter-spacing:5px;text-transform:uppercase;opacity:.75;margin-bottom:32px;padding-top:56px;position:relative}.cover-title{font-family:var(--serif);font-size:clamp(44px,10vw,84px);line-height:1.05;margin-bottom:20px;position:relative;color:#fff}.cover-accent{width:54px;height:2px;background:#ffffff80;margin:24px auto;position:relative}.cover-sub{font-size:17px;opacity:.88;max-width:440px;margin:0 auto;position:relative}.cover-tagline{font-family:var(--serif);font-style:italic;font-size:16px;opacity:.7;margin:28px 0 40px;position:relative}.hero-pedestal{position:relative;padding:32px 24px 64px;margin-top:24px}.hero-frame{position:relative;max-width:460px;margin:0 auto;padding:20px 0 0}.hero-photo{max-width:340px;margin:0 auto;position:relative;z-index:1}.hero-photo img{width:100%;height:auto;display:block;mix-blend-mode:multiply;border-radius:24px}@media(min-width:768px){.hero-photo{max-width:400px}.hero-frame{max-width:540px}}.photo-ph{background:repeating-linear-gradient(135deg,#2b748e14 0 10px,#2b748e24 10px 20px);color:var(--teal);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;aspect-ratio:4/3;border:1px solid rgba(43,116,142,.18);border-radius:14px}.photo-ph.on-dark{background:repeating-linear-gradient(135deg,#ffffff0f 0 10px,#ffffff1f 10px 20px);color:#ffffffbf;border-color:#fff3}.hero-photo .photo-ph{border-radius:0;aspect-ratio:auto;height:100%}.electrolyte-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:8px}.e-card{background:var(--pale-blue);border-radius:14px;padding:24px 18px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.e-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2b748e1f}.e-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:.5px}.e-name{font-family:var(--serif);font-size:19px;color:var(--ink);margin-bottom:6px}.e-desc{font-size:13.5px;color:var(--ink-mute);line-height:1.5}.pee-bg{background:var(--pale-blue)}.pee-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.pee-row{display:flex;align-items:center;gap:16px;background:var(--white);border-radius:12px;padding:14px 16px}.pee-swatch{width:44px;height:44px;border-radius:10px;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000000f}.pee-info{flex:1;min-width:0}.pee-info strong{display:block;color:var(--ink);font-size:15px;margin-bottom:2px;font-weight:600}.pee-info span{font-size:14px;color:var(--ink-mute);line-height:1.45}.pee-action{display:block;margin-top:4px;color:var(--teal);font-family:var(--serif);font-style:italic;font-size:13.5px}.myth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:40px}.myth-card{background:var(--light-blue);border-radius:14px;padding:22px;cursor:pointer;min-height:170px;position:relative;transition:background .25s ease;-webkit-user-select:none;user-select:none}.myth-card:hover{background:var(--sky)}.myth-card.flipped{background:var(--teal);color:var(--white)}.myth-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:8px}.myth-card.flipped .myth-label{color:#ffffffbf}.myth-claim{font-family:var(--serif);font-size:19px;color:var(--ink);line-height:1.3;margin-bottom:10px}.myth-card.flipped .myth-claim{color:var(--white)}.myth-tap{font-size:13px;color:var(--teal);font-weight:600;display:flex;align-items:center;gap:6px}.myth-card.flipped .myth-tap{color:#ffffffbf}.myth-tap:after{content:"\2192";transition:transform .2s ease}.myth-card.flipped .myth-tap:after{content:"\21ba"}.myth-fact{font-size:14.5px;line-height:1.6;display:none;color:#ffffffeb}.myth-card.flipped .myth-fact{display:block}.myth-card.flipped .myth-claim,.myth-card.flipped .myth-label{display:none}.myth-card.flipped .myth-fact-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffffbf;margin-bottom:10px;display:block}.myth-fact-label{display:none}.faq-list{border-top:1px solid rgba(43,116,142,.15)}.faq{border-bottom:1px solid rgba(43,116,142,.15)}.faq summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--serif);font-size:19px;color:var(--ink)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--sans);font-size:24px;color:var(--teal);font-weight:300;transition:transform .25s ease;flex-shrink:0}.faq[open] summary:after{transform:rotate(45deg)}.faq-body{font-size:15.5px;color:var(--ink-mute);padding:0 0 22px;line-height:1.65;max-width:620px}.stats-wrap{display:grid;gap:56px;margin-top:24px}@media(min-width:768px){.stats-wrap{grid-template-columns:repeat(3,1fr);gap:40px;align-items:start}}.stat{text-align:center;padding:8px 0}.stat-num{font-family:var(--serif);font-size:clamp(72px,14vw,120px);line-height:.95;color:var(--white);margin-bottom:16px;letter-spacing:-.02em}.stat-desc{font-size:15px;line-height:1.6;color:#ffffffd1;max-width:280px;margin:0 auto}.compare-row{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0}@media(min-width:640px){.compare-row{grid-template-columns:1fr 1fr}}.compare-card{border-radius:14px;padding:24px}.compare-card.gray{background:#edf0f2;color:var(--ink-soft)}.compare-card.teal{background:var(--teal);color:var(--white)}.compare-title{font-family:var(--serif);font-size:22px;margin-bottom:6px;font-weight:400}.compare-card.gray .compare-title{color:var(--ink)}.compare-count{font-family:var(--serif);font-size:46px;line-height:1;margin:10px 0 18px;letter-spacing:-.02em}.compare-card.gray .compare-count{color:var(--ink-mute)}.compare-card ul{list-style:none}.compare-card ul li{padding:5px 0 5px 18px;font-size:14px;line-height:1.5;position:relative}.compare-card ul li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.bio-row{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}@media(min-width:640px){.bio-row{grid-template-columns:1fr 1fr}}.bio-card{border-radius:12px;padding:20px 22px;border-left:4px solid}.bio-card.poor{background:#eef1f3;border-color:#a0aab4}.bio-card.good{background:var(--pale-blue);border-color:var(--teal)}.bio-name{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:6px}.bio-desc{font-size:14px;color:var(--ink-mute);line-height:1.55}.conv-cards{display:grid;grid-template-columns:1fr;gap:16px;margin-top:12px}@media(min-width:720px){.conv-cards{grid-template-columns:repeat(3,1fr)}}.conv-card{background:var(--white);border:1px solid rgba(43,116,142,.15);border-radius:14px;padding:22px}.conv-card.best{background:var(--teal);color:var(--white);border-color:var(--teal)}.conv-head{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(43,116,142,.15)}.conv-card.best .conv-head{color:var(--white);border-color:#ffffff40}.conv-row-item{padding:10px 0;font-size:14px;line-height:1.5;border-bottom:1px dashed rgba(43,116,142,.12)}.conv-card.best .conv-row-item{border-color:#ffffff26}.conv-row-item:last-child{border-bottom:none}.conv-row-item .label{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--teal);margin-bottom:2px}.conv-card.best .conv-row-item .label{color:#ffffffa6}.green-banner{background:var(--forest);color:var(--white);border-radius:20px;padding:28px;text-align:center;margin-top:40px}.green-banner .banner-main{font-family:var(--serif);font-size:clamp(20px,3.5vw,26px);font-style:italic;margin-bottom:8px;line-height:1.3}.green-banner .banner-sub{font-size:14px;opacity:.85}.product-shot{margin-top:32px;max-width:360px;margin-left:auto;margin-right:auto;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #2b748e1f}.product-shot img{width:100%;height:auto;display:block}.cramps-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:12px;align-items:stretch}@media(min-width:720px){.cramps-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.cramp-card{display:flex;flex-direction:column;border-radius:16px;padding:32px 28px;background:var(--white);border:1px solid rgba(43,116,142,.12);box-shadow:0 6px 20px #2b748e0f;position:relative;overflow:hidden}.cramp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.cramp-card.a:before{background:var(--teal)}.cramp-card.b:before{background:var(--sky)}.cramp-card.c:before{background:var(--forest)}.cramp-type{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:12px;line-height:1.25}.cramp-body{font-size:15px;color:var(--ink-soft);line-height:1.65;margin-bottom:20px;flex-grow:1}.cramp-focus{font-size:13px;font-weight:700;letter-spacing:.2px;color:var(--teal);padding-top:14px;margin-top:auto;border-top:1px solid rgba(43,116,142,.18)}.insight-callout{background:#2b748e0f;border-left:3px solid var(--teal);border-radius:0 10px 10px 0;padding:18px 22px;margin-top:32px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--ink-soft);line-height:1.55}.cycle-bg{background:var(--pale-blue)}.timeline-bar{display:flex;border-radius:20px;overflow:hidden;height:10px;margin:24px 0 28px}.timeline-bar .seg{flex:1}.cycle-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:720px){.cycle-grid{grid-template-columns:repeat(2,1fr)}}.cycle-card{background:var(--white);border-radius:14px;overflow:hidden;display:flex}.cycle-border{width:6px;flex-shrink:0}.cycle-body{padding:20px 22px}.cycle-phase{font-family:var(--serif);font-size:22px;color:var(--ink)}.cycle-days{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-mute);margin:4px 0 10px}.cycle-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:10px}.cycle-focus{font-size:13px;font-weight:700;color:var(--teal)}.check-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0 20px}@media(min-width:640px){.check-grid{grid-template-columns:1fr 1fr;column-gap:24px}}.check-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.55;padding:10px 0;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(43,116,142,.1)}.check-item input{position:absolute;opacity:0;pointer-events:none}.check-item .box{width:22px;height:22px;border:1.5px solid rgba(43,116,142,.4);border-radius:5px;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:var(--white)}.check-item.green .box{border-color:var(--forest)}.check-item input:checked+.box{background:var(--teal);border-color:var(--teal)}.check-item.green input:checked+.box{background:var(--forest);border-color:var(--forest)}.check-item input:checked+.box:after{content:"";width:5px;height:10px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.check-item input:checked~.label{color:var(--ink-mute)}.saved-note{font-size:13px;color:var(--ink-mute);font-style:italic;margin:8px 0 24px;font-family:var(--serif)}.result-callout{background:var(--pale-blue);border-radius:14px;padding:20px 24px;font-size:15px;color:var(--teal-deep);font-weight:500;line-height:1.55;margin:24px 0 48px;font-family:var(--serif);font-style:italic}.result-callout strong{color:var(--teal);font-weight:600}.rule-dashed{border:none;border-top:1px dashed rgba(43,116,142,.3);margin:48px 0 40px}.closing-grid{display:grid;gap:32px;align-items:center;text-align:left}@media(min-width:780px){.closing-grid{grid-template-columns:1.1fr 1fr;gap:56px}}.closing h2{font-size:clamp(40px,7vw,72px);margin-bottom:20px}.closing .tagline-italic{font-family:var(--serif);font-style:italic;font-size:19px;opacity:.75;margin:18px 0 28px}.founder-box{background:#ffffff17;border-radius:14px;padding:24px 26px;margin:28px 0}.founder-title{font-family:var(--serif);font-size:22px;color:var(--white);margin-bottom:10px}.founder-box p{font-size:15px;color:#ffffffd9}.brand-box{background:#ffffff1f;border-radius:14px;padding:28px 24px;text-align:center;margin:24px 0}.brand-box .brand-name{font-family:var(--serif);font-size:28px;color:var(--white);margin-bottom:8px}.brand-box p{font-size:14.5px;color:#ffffffd1;max-width:320px;margin:0 auto 16px}.restock-btn{display:inline-block;margin-top:10px;background:var(--white);color:var(--teal);font-weight:600;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;padding:14px 28px;border-radius:999px;transition:transform .15s ease,box-shadow .15s ease}.restock-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000040}.community-cta{margin-top:28px;font-size:14px;opacity:.9;text-align:center}.community-cta strong{display:block;font-size:15px;opacity:1;margin-bottom:14px}.socials{display:flex;justify-content:center;gap:14px;margin-bottom:10px}.socials a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:var(--white);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.5px;transition:background .15s ease,transform .15s ease}.socials a:hover{background:#ffffff38;transform:translateY(-1px)}.community-cta .handle{display:inline-block;margin-top:6px;color:#ffffffbf;text-decoration:none;font-size:13px}.community-cta .handle:hover{color:var(--white)}.closing-photo{border-radius:18px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 20px 60px #0000004d;background:var(--pale-blue)}.closing-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.pdf-btn{position:fixed;bottom:20px;right:20px;background:#2b748eeb;color:var(--white);border:none;border-radius:999px;padding:12px 18px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;box-shadow:0 8px 24px #2b748e4d;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px;transition:transform .15s ease}.pdf-btn:hover{transform:translateY(-2px)}.dots{position:fixed;top:50%;right:20px;transform:translateY(-50%);display:none;flex-direction:column;gap:10px;z-index:45}@media(min-width:1024px){.dots{display:flex}}.dot{width:8px;height:8px;border-radius:50%;background:#2b748e4d;border:none;cursor:pointer;padding:0;transition:all .2s ease}.dot.active{background:var(--teal);transform:scale(1.4)}.dot:hover{background:var(--teal)}@media print{.site-header{position:static}.pdf-btn,.dots{display:none!important}body{background:#fff;color:#000}section{padding:40px 24px;page-break-inside:avoid}.cover{page-break-after:always}.on-teal{background:var(--teal)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.myth-card{background:var(--light-blue)!important;-webkit-print-color-adjust:exact}.myth-card .myth-fact,.myth-card .myth-fact-label{display:block!important}.myth-card .myth-claim,.myth-card .myth-label,.myth-card .myth-tap{display:none!important}.faq[open] summary:after,.faq summary:after{display:none}.faq .faq-body{display:block!important}details:not([open]) .faq-body{display:block!important}details{page-break-inside:avoid}.wave{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media print{details{display:block}details summary{pointer-events:none}details summary:after{content:""!important}details .faq-body{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hydration-guide.css.map */