.h2x{background:#f7f4ef;padding:80px 24px 24px;position:relative;overflow:hidden;font-family:inherit;color:#0a1e3f}.h2x+.h2x{padding-top:0}.h2x:last-of-type,.cd-h2-sci.h2x{padding-bottom:96px}.h2x:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1100px;height:600px;background:radial-gradient(ellipse at center,rgba(0,180,216,.06) 0%,transparent 60%);pointer-events:none}.h2x__inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}.h2x__head{text-align:center;max-width:820px;margin:0 auto 48px}.h2x__eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#0a1e3f;background:#00b4d81f;padding:8px 14px;border-radius:999px;margin-bottom:22px}.h2x__title{font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;color:#0a1e3f}.h2x__title em{font-style:normal;color:#0099b8;position:relative}.h2x__title em:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:#00b4d8;border-radius:2px;opacity:.5}.h2x__sub{font-size:17px;line-height:1.6;color:#4a5a73;margin:0}.h2x__sub strong{color:#0a1e3f;font-weight:600}.bottle-hero{display:grid;grid-template-columns:1fr 360px 1fr;align-items:center;gap:32px;background:#fff;border-radius:24px;padding:56px 48px;border:1px solid rgba(10,30,63,.06)}.bottle-step{display:flex;flex-direction:column;gap:10px;position:relative}.bottle-step--left{text-align:right;align-items:flex-end}.bottle-step--right{text-align:left;align-items:flex-start}.bottle-step__num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#00b4d8;color:#fff;border-radius:50%;font-size:16px;font-weight:700}.bottle-step__title{font-size:19px;font-weight:700;color:#0a1e3f;line-height:1.3;margin:0}.bottle-step__body{font-size:14.5px;color:#4a5a73;line-height:1.55;margin:0;max-width:260px}.bottle-step--right .bottle-step__body{margin-right:auto}.bottle-step--left .bottle-step__body{margin-left:auto}.bottle-step__leader{position:absolute;top:18px;width:60px;height:1.5px;background:linear-gradient(to right,transparent,rgba(0,180,216,.4))}.bottle-step--left .bottle-step__leader{right:-72px}.bottle-step--right .bottle-step__leader{left:-72px;background:linear-gradient(to left,transparent,rgba(0,180,216,.4))}.bottle-stage{display:flex;flex-direction:column;align-items:center;position:relative}.bottle-stage__svg{width:260px;height:500px;overflow:visible}.bottle-stage__pad{margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6b7280}.bot-water{fill:url(#waterGrad);animation:water-shift 6s ease-in-out infinite}@keyframes water-shift{0%,to{opacity:.85}50%{opacity:1}}.bot-plate-glow{animation:plate-pulse 3s ease-in-out infinite}@keyframes plate-pulse{0%,to{opacity:.3}50%{opacity:.8}}.bot-bubble{fill:#fff;stroke:#00b4d899;stroke-width:1;opacity:0;animation:bot-bubble-rise 3.6s ease-in infinite}@keyframes bot-bubble-rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}to{transform:translate(var(--bx, 0),-210px);opacity:0}}.bot-power{animation:power-blink 2.4s ease-in-out infinite}@keyframes power-blink{0%,to{opacity:.5}50%{opacity:1}}.bot-ppm-tag{animation:tag-rise 6s linear infinite;transform-origin:185px 220px;opacity:0}@keyframes tag-rise{0%{opacity:0;transform:translateY(40px) scale(.7)}8%{opacity:1;transform:translateY(40px) scale(1)}75%{opacity:1;transform:translateY(-60px) scale(1)}83%{opacity:1;transform:translateY(-60px) scale(1)}95%{opacity:0;transform:translateY(-60px) scale(.95)}to{opacity:0;transform:translateY(-60px) scale(.95)}}.h2x__bridge{text-align:center;margin:48px auto 40px;max-width:760px}.h2x__bridge h2{font-size:clamp(22px,2.6vw,30px);font-weight:600;color:#0a1e3f;line-height:1.3;letter-spacing:-.01em;margin:0}.h2x__bridge h2 span{color:#0099b8}.h2x__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.h2x__card{background:#fff;border-radius:20px;padding:36px 32px 32px;border:1px solid rgba(10,30,63,.06);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.h2x__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #0a1e3f26}.h2x__viz{height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;position:relative}.h2x__badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:6px;margin-bottom:14px}.h2x__badge--bonded{background:#ffe9e9;color:#c0392b}.h2x__badge--free{background:#d6f3fb;color:#007a96}.h2x__badge--why{background:#e8efff;color:#1e40af}.h2x__card h3{font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 12px;color:#0a1e3f}.h2x__card p{font-size:15.5px;line-height:1.6;color:#4a5a73;margin:0}.h2x__card p strong{color:#0a1e3f;font-weight:600}.water-mol{width:170px;height:170px;animation:rotate-slow 18s linear infinite}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.water-bond{stroke:#c2cad9;stroke-width:3;stroke-linecap:round}.water-O{fill:#e74c3c}.water-H{fill:#fff;stroke:#b3becf;stroke-width:2}.water-lock{animation:lock-pulse 3s ease-in-out infinite}@keyframes lock-pulse{0%,to{opacity:.55}50%{opacity:1}}.h2-stage{width:200px;height:180px;position:relative}.h2-bubble{position:absolute;bottom:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#d6f3fb 45%,#93dcee);border:1.5px solid rgba(0,180,216,.4);box-shadow:inset -3px -4px 8px #007a9626;animation:float-up 4s ease-in infinite;opacity:0}.h2-bubble:before,.h2-bubble:after{content:"H";position:absolute;font-size:11px;font-weight:700;color:#007a96;top:50%;transform:translateY(-50%)}.h2-bubble:before{left:22%}.h2-bubble:after{right:22%}.h2-bubble--big:before,.h2-bubble--big:after{font-size:14px}.h2-bubble--big:after{right:24%}.h2-bubble--big:before{left:24%}@keyframes float-up{0%{transform:translate(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translate(var(--drift, 0px),-180px) scale(1);opacity:0}}.cell-stage{width:200px;height:180px;position:relative;overflow:hidden}.cell-wall{position:absolute;top:50%;left:0;right:0;height:36px;transform:translateY(-50%);background:radial-gradient(circle at 8px 6px,#f4a261 6px,transparent 6.5px),radial-gradient(circle at 8px 30px,#f4a261 6px,transparent 6.5px),linear-gradient(to bottom,transparent 12px,#e9c46a 12px,#e9c46a 24px,transparent 24px);background-size:16px 36px,16px 36px,100% 100%;background-repeat:repeat-x,repeat-x,no-repeat;border-top:1.5px solid rgba(244,162,97,.3);border-bottom:1.5px solid rgba(244,162,97,.3)}.h2-pass{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#d6f3fb 60%,#93dcee);border:1.5px solid #00b4d8;transform:translateY(-50%);animation:pass-through 3s ease-in-out infinite}@keyframes pass-through{0%{left:-20px;opacity:0}20%{opacity:1}to{left:200px;opacity:0}}.vitc-bounce{position:absolute;top:32%;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff5d6,#f4d35e 60%,#d4a017);border:1.5px solid #b8860b;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#6b4f0a;letter-spacing:.05em;animation:bounce-off 4s ease-in-out infinite}@keyframes bounce-off{0%{left:-50px;top:32%;opacity:0}25%{left:40px;top:32%;opacity:1}40%{left:60px;top:18%;opacity:1}55%{left:30px;top:8%;opacity:1}to{left:-20px;top:-10%;opacity:0}}.h2x__stats{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;background:#fff;border-radius:20px;padding:32px 40px;border:1px solid rgba(10,30,63,.06);margin-bottom:40px}.h2x__stat{text-align:center}.h2x__stat--bad .h2x__stat-num{color:#c0392b}.h2x__stat--good .h2x__stat-num{color:#0099b8}.h2x__stat-num{font-size:44px;font-weight:700;line-height:1;letter-spacing:-.02em;margin-bottom:8px}.h2x__stat-label{font-size:14px;color:#4a5a73;font-weight:500}.h2x__stat-arrow{font-size:32px;color:#c2cad9;font-weight:300}.h2x__cta-wrap{text-align:center}.h2x__cta{display:inline-flex;align-items:center;gap:10px;background:#0a1e3f;color:#fff;text-decoration:none;padding:18px 32px;border-radius:999px;font-size:16px;font-weight:600;transition:background .2s ease,transform .2s ease}.h2x__cta:hover{background:#00b4d8;transform:translateY(-1px);color:#fff}.h2x__cta svg{transition:transform .2s ease}.h2x__cta:hover svg{transform:translate(3px)}.h2x__caption{margin-top:16px;font-size:14px;color:#6b7280}@media(max-width:900px){.h2x{padding:56px 16px 16px}.h2x:last-of-type,.cd-h2-sci.h2x{padding-bottom:72px}.h2x__head{margin-bottom:32px}.bottle-hero{grid-template-columns:1fr;padding:32px 20px 36px;gap:24px}.bottle-step{order:2;text-align:center!important;align-items:center!important}.bottle-step__body{text-align:center!important;max-width:320px;margin:0 auto!important}.bottle-step__leader{display:none}.bottle-stage{order:1}.bottle-stage__svg{width:208px;height:400px}.h2x__bridge{margin:32px auto 28px}.h2x__grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.h2x__card{padding:28px 24px 24px}.h2x__viz{height:150px;margin-bottom:18px}.water-mol{width:140px!important;height:140px}.h2-stage,.cell-stage{width:170px;height:150px}.h2x__stats{grid-template-columns:1fr;padding:24px;gap:20px}.h2x__stat-arrow{transform:rotate(90deg);margin:4px auto}.h2x__stat-num{font-size:36px}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/cd-h2-explainer.css.map */