{"id":6,"date":"2026-05-28T16:36:59","date_gmt":"2026-05-28T16:36:59","guid":{"rendered":"https:\/\/idah2o.com\/?page_id=6"},"modified":"2026-05-29T04:20:25","modified_gmt":"2026-05-29T04:20:25","slug":"idah2o-investor-pitch","status":"publish","type":"page","link":"https:\/\/idah2o.com\/","title":{"rendered":"IDAH2O &#8211; Investor Pitch"},"content":{"rendered":"\n<style id=\"idah2o-wp-breakout\">\nbody { margin: 0 !important; padding: 0 !important; }\n.wp-site-blocks { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }\n.wp-block-post-content,\n.wp-block-group.has-global-padding,\nmain, main > *, .entry-content {\n  max-width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  width: 100% !important;\n}\n.idah2o-page {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  position: relative !important;\n  left: 50% !important;\n  right: 50% !important;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n}\nheader.wp-block-template-part,\nfooter.wp-block-template-part,\nnav.wp-block-navigation,\n.wp-block-site-title,\n.wp-block-site-logo,\n.entry-header, .entry-title, .post-title {\n  display: none !important; visibility: hidden !important; height: 0 !important;\n}\nhtml.admin-bar { margin-top: -32px !important; }\n@media screen and (max-width: 782px) { html.admin-bar { margin-top: -46px !important; } }\n<\/style>\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/code.iconify.design\/iconify-icon\/1.0.7\/iconify-icon.min.js\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&amp;family=Playfair+Display:ital@1&amp;display=swap\" rel=\"stylesheet\">\n<!-- Calendly popup widget \u2014 qualified investor scheduling (Google Meet) -->\n<link href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" type=\"text\/javascript\" async><\/script>\n<script>\n  \/\/ Open the IDAH2O Investor Call scheduler in an overlay (keeps the prospect on-page).\n  \/\/ Falls back to opening the booking page in a new tab if the widget hasn't loaded yet.\n  window.idahInvestorCall = function (e) {\n    if (e) { e.preventDefault(); }\n    var url = 'https:\/\/calendly.com\/210digitalmarketing\/idah2o-investor-call';\n    if (window.Calendly && typeof window.Calendly.initPopupWidget === 'function') {\n      window.Calendly.initPopupWidget({ url: url });\n    } else {\n      window.open(url, '_blank', 'noopener');\n    }\n    return false;\n  };\n\n  \/\/ Mobile nav menu toggle (the hamburger had no handler as exported)\n  window.idahToggleMenu = function () {\n    var m = document.getElementById('idah-mobile-menu');\n    var icon = document.getElementById('idah-menu-icon');\n    var btn = document.getElementById('idah-menu-btn');\n    if (!m) return;\n    var open = m.classList.toggle('hidden') === false;\n    if (icon) icon.setAttribute('icon', open ? 'solar:close-square-linear' : 'solar:hamburger-menu-linear');\n    if (btn) btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n  };\n  window.idahCloseMenu = function () {\n    var m = document.getElementById('idah-mobile-menu');\n    if (!m || m.classList.contains('hidden')) return;\n    m.classList.add('hidden');\n    var icon = document.getElementById('idah-menu-icon');\n    var btn = document.getElementById('idah-menu-btn');\n    if (icon) icon.setAttribute('icon', 'solar:hamburger-menu-linear');\n    if (btn) btn.setAttribute('aria-expanded', 'false');\n  };\n  \/\/ Close the menu if the viewport grows to desktop while it's open\n  window.addEventListener('resize', function () {\n    if (window.innerWidth >= 768) window.idahCloseMenu();\n  });\n<\/script>\n<style>\n      body {\n          font-family: 'Inter', sans-serif;\n          background-color: #050B14;\n          color: #F5FBFF;\n      }\n      .font-serif { font-family: 'Playfair Display', serif; }\n\n      \/* Grain overlay *\/\n      .grain {\n          background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'\/%3E%3C\/svg%3E\");\n          pointer-events: none;\n      }\n\n      \/* Animations *\/\n      @keyframes marquee {\n          0% { transform: translateX(0); }\n          100% { transform: translateX(-50%); }\n      }\n      .animate-marquee {\n          display: inline-flex;\n          white-space: nowrap;\n          animation: marquee 30s linear infinite;\n      }\n      @keyframes pulse-glow {\n          0%, 100% { box-shadow: 0 0 15px 0px rgba(0, 229, 255, 0.4); }\n          50% { box-shadow: 0 0 30px 5px rgba(0, 229, 255, 0.7); }\n      }\n      .glow-cyan { animation: pulse-glow 3s infinite; }\n\n      \/* Scroll reveal *\/\n      .reveal {\n          opacity: 0;\n          transform: translateY(2rem);\n          transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n      }\n      .reveal.active {\n          opacity: 1;\n          transform: translateY(0);\n      }\n      .delay-100 { transition-delay: 100ms; }\n      .delay-200 { transition-delay: 200ms; }\n\n      \/* Custom scrollbar *\/\n      ::-webkit-scrollbar { width: 8px; }\n      ::-webkit-scrollbar-track { background: #050B14; }\n      ::-webkit-scrollbar-thumb { background: rgba(245, 251, 255, 0.1); border-radius: 4px; }\n      ::-webkit-scrollbar-thumb:hover { background: rgba(245, 251, 255, 0.2); }\n\n      \/* Donut Chart Animation *\/\n      .donut-segment {\n          transition: stroke-dasharray 1.5s ease-out;\n      }\n    <\/style>\n<div class=\"idah2o-page antialiased overflow-x-hidden selection:bg-[#00E5FF]\/30 selection:text-white\" style=\"background-color: #050B14; color: #F5FBFF;\">\n<!-- Global Grain Noise -->\n    <div class=\"fixed inset-0 z-50 mix-blend-overlay grain\"><\/div>\n\n    <!-- 1. STICKY GLASS NAV -->\n    <nav class=\"fixed top-0 w-full z-40 bg-[#050B14]\/70 backdrop-blur-xl border-b border-white\/5 transition-all duration-300\">\n      <div class=\"max-w-7xl mx-auto px-6 h-20 flex items-center justify-between\">\n        <a href=\"#\" class=\"text-xl font-bold tracking-tighter text-[#F5FBFF]\">\n          IDAH<sub>2<\/sub>O\n        <\/a>\n        <div class=\"hidden md:flex items-center gap-8 text-sm text-white\/60 font-light\">\n          <a href=\"#product\" class=\"hover:text-white transition-colors\">\n            Product\n          <\/a>\n          <a href=\"#source\" class=\"hover:text-white transition-colors\">\n            Source\n          <\/a>\n          <a href=\"#taste\" class=\"hover:text-white transition-colors\">\n            Taste\n          <\/a>\n          <a href=\"#impact\" class=\"hover:text-white transition-colors\">\n            Impact\n          <\/a>\n          <a href=\"#investors\" class=\"hover:text-[#00E5FF] transition-colors\">\n            Investors\n          <\/a>\n        <\/div>\n        <a href=\"https:\/\/calendly.com\/210digitalmarketing\/idah2o-investor-call\" onclick=\"return idahInvestorCall(event)\" class=\"hidden md:inline-flex items-center justify-center text-xs font-semibold tracking-wide uppercase px-5 py-2.5 rounded-full bg-[#00E5FF]\/10 text-[#00E5FF] border border-[#00E5FF]\/30 hover:bg-[#00E5FF] hover:text-[#050B14] glow-cyan transition-all duration-300\">\n          Schedule Investor Call\n        <\/a>\n        <button id=\"idah-menu-btn\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"idah-mobile-menu\" onclick=\"idahToggleMenu()\" class=\"md:hidden text-white relative z-50\">\n          <iconify-icon id=\"idah-menu-icon\" icon=\"solar:hamburger-menu-linear\" class=\"text-2xl\"><\/iconify-icon>\n        <\/button>\n      <\/div>\n\n      <!-- Mobile dropdown menu (toggled by the hamburger) -->\n      <div id=\"idah-mobile-menu\" class=\"md:hidden hidden border-t border-white\/10 bg-[#050B14]\/95 backdrop-blur-xl\">\n        <div class=\"px-6 py-5 flex flex-col text-base text-white\/80 font-light\">\n          <a href=\"#product\" onclick=\"idahCloseMenu()\" class=\"py-3 border-b border-white\/5 hover:text-white transition-colors\">Product<\/a>\n          <a href=\"#source\" onclick=\"idahCloseMenu()\" class=\"py-3 border-b border-white\/5 hover:text-white transition-colors\">Source<\/a>\n          <a href=\"#taste\" onclick=\"idahCloseMenu()\" class=\"py-3 border-b border-white\/5 hover:text-white transition-colors\">Taste<\/a>\n          <a href=\"#impact\" onclick=\"idahCloseMenu()\" class=\"py-3 border-b border-white\/5 hover:text-white transition-colors\">Impact<\/a>\n          <a href=\"#investors\" onclick=\"idahCloseMenu()\" class=\"py-3 border-b border-white\/5 hover:text-[#00E5FF] transition-colors\">Investors<\/a>\n          <a href=\"https:\/\/calendly.com\/210digitalmarketing\/idah2o-investor-call\" onclick=\"idahCloseMenu(); return idahInvestorCall(event)\" class=\"mt-5 inline-flex items-center justify-center text-xs font-semibold tracking-wide uppercase px-5 py-3.5 rounded-full bg-[#00E5FF] text-[#050B14] glow-cyan\">\n            Schedule Investor Call\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/nav>\n\n    <!-- 2. HERO -->\n    <section class=\"relative min-h-screen flex items-center justify-center pt-20 overflow-hidden\">\n      <!-- Cinematic Background -->\n      <style>\n        @keyframes hero-bottle-pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.04); }\n        }\n        @keyframes hero-bottle-rotate{0%{transform:scale(1.6) rotate(0deg)}100%{transform:scale(1.6) rotate(360deg)}}\n        @keyframes float-particle {\n            0%, 100% { transform: translateY(0) translateX(0); }\n            50% { transform: translateY(-40px) translateX(20px); }\n        }\n      <\/style>\n\n      <div class=\"absolute inset-0 z-[5] flex items-center justify-center pointer-events-none\">\n        <div class=\"absolute inset-0 flex items-center justify-center\" style=\"animation: float-particle 15s ease-in-out infinite;\">\n          <div class=\"absolute w-2 h-2 bg-[#00E5FF] rounded-full blur-[2px] top-[20%] left-[30%] opacity-60\"><\/div>\n          <div class=\"absolute w-3 h-3 bg-[#A4E5FF] rounded-full blur-[4px] bottom-[20%] right-[30%] opacity-40\"><\/div>\n          <div class=\"absolute w-4 h-4 bg-white rounded-full blur-[6px] top-[60%] left-[60%] opacity-20\"><\/div>\n        <\/div>\n        <div class=\"relative h-[120vh] w-[120vh] max-w-[140vw] flex items-center justify-center\" style=\"animation: hero-bottle-pulse 8s ease-in-out infinite;\">\n          <img decoding=\"async\" src=\"https:\/\/idah2o.com\/wp-content\/uploads\/2026\/05\/idah2o-bottle-mccall-mountains.jpg\" alt=\"IDAH2O premium frosted glass mineral water bottle, cinematic product render, cyan-blue glowing water, Idaho West Central Mountains and Payette Lake reflection at twilight, hyperreal, magazine quality\" class=\"w-full h-full object-cover opacity-80\" style=\"animation: hero-bottle-rotate 30s linear infinite;\">\n        <\/div>\n      <\/div>\n      <div class=\"relative z-10 text-center px-6 max-w-5xl mx-auto reveal active\">\n        <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-bold tracking-tighter leading-[0.9] text-[#F5FBFF] mb-8 drop-shadow-2xl [text-shadow:0_10px_40px_rgba(5,11,20,1)] relative z-20\">\n          The bottle that disappears.\n          <br>\n          <span class=\"text-white\/60\">The planet that doesn&#8217;t.<\/span>\n        <\/h1>\n        <p class=\"text-lg md:text-xl font-light text-white\/70 max-w-2xl mx-auto mb-12 leading-relaxed [text-shadow:0_4px_20px_rgba(5,11,20,1)] relative z-20\">\n          IDAH<sub>2<\/sub>O is premium Idaho mountain water in a bottle that returns to the\n          earth in\n          <span class=\"text-[#22C55E] font-semibold\">80 days<\/span>\n          \u2014 not 450 years.\n        <\/p>\n        <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 relative z-30\">\n          <a href=\"https:\/\/calendly.com\/210digitalmarketing\/idah2o-investor-call\" onclick=\"return idahInvestorCall(event)\" class=\"w-full sm:w-auto px-8 py-4 rounded-full bg-[#00E5FF] text-[#050B14] text-sm font-semibold tracking-wide hover:shadow-[0_0_30px_rgba(0,229,255,0.6)] transition-all duration-300\">\n            Invest in IDAH<sub>2<\/sub>O\n          <\/a>\n          <a href=\"#pitch\" class=\"w-full sm:w-auto px-8 py-4 rounded-full bg-white\/5 text-white border border-white\/10 text-sm font-semibold tracking-wide hover:bg-white\/10 backdrop-blur-md transition-all duration-300 flex items-center justify-center gap-2\">\n            <iconify-icon icon=\"solar:play-circle-linear\" class=\"text-lg\"><\/iconify-icon>\n            Watch the 2-min Pitch\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Marquee -->\n      <div class=\"absolute bottom-0 w-full overflow-hidden border-t border-white\/5 bg-[#050B14]\/50 backdrop-blur-md py-4 z-10\">\n        <div class=\"animate-marquee flex items-center gap-16 text-xs font-semibold tracking-widest uppercase text-[#00E5FF]\/60\">\n          <span>Patent-pending<\/span>\n          <span class=\"text-white\/20\">\u2022<\/span>\n          <span>Idaho-sourced<\/span>\n          <span class=\"text-white\/20\">\u2022<\/span>\n          <span>Marine-biodegradable<\/span>\n          <span class=\"text-white\/20\">\u2022<\/span>\n          <span>Seed round open Q3 2026<\/span>\n          <span class=\"text-white\/20\">\u2022<\/span>\n          <span>Patent-pending<\/span>\n          <span class=\"text-white\/20\">\u2022<\/span>\n          <span>Idaho-sourced<\/span>\n          <span class=\"text-white\/20\">\u2022<\/span>\n          <span>Marine-biodegradable<\/span>\n          <span class=\"text-white\/20\">\u2022<\/span>\n          <span>Seed round open Q3 2026<\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 3. THE PROBLEM -->\n    <section id=\"impact\" class=\"py-32 relative bg-[#050B14]\">\n      <div class=\"max-w-7xl mx-auto px-6\">\n        <div class=\"text-center max-w-3xl mx-auto mb-20 reveal\">\n          <h2 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-6\">\n            Plastic was a 20th-century miracle.\n            <br>\n            <span class=\"text-white\/40\">It&#8217;s a 21st-century catastrophe.<\/span>\n          <\/h2>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 reveal delay-100\">\n          <div class=\"p-6 border-l border-white\/10 hover:border-[#EF4444]\/50 transition-colors\">\n            <div class=\"text-4xl md:text-5xl font-bold tracking-tighter text-[#EF4444] mb-2 font-mono\">\n              <span class=\"stat-number\" data-target=\"1000000\">0<\/span>\n            <\/div>\n            <p class=\"text-sm font-light text-white\/60 leading-relaxed\">\n              plastic bottles purchased every minute globally (UNEP).\n            <\/p>\n          <\/div>\n          <div class=\"p-6 border-l border-white\/10 hover:border-[#EF4444]\/50 transition-colors\">\n            <div class=\"text-4xl md:text-5xl font-bold tracking-tighter text-[#EF4444] mb-2 font-mono\">\n              <span class=\"stat-number\" data-target=\"450\">0<\/span>\n              yrs\n            <\/div>\n            <p class=\"text-sm font-light text-white\/60 leading-relaxed\">\n              for one traditional PET bottle to break down in nature.\n            <\/p>\n          <\/div>\n          <div class=\"p-6 border-l border-white\/10 hover:border-[#EF4444]\/50 transition-colors\">\n            <div class=\"text-4xl md:text-5xl font-bold tracking-tighter text-[#EF4444] mb-2 font-mono\">\n              <span class=\"stat-number\" data-target=\"240000\">0<\/span>\n            <\/div>\n            <p class=\"text-sm font-light text-white\/60 leading-relaxed\">\n              microplastic particles found in a typical liter of bottled water\n              (PNAS 2024).\n            <\/p>\n          <\/div>\n          <div class=\"p-6 border-l border-white\/10 hover:border-[#EF4444]\/50 transition-colors\">\n            <div class=\"text-4xl md:text-5xl font-bold tracking-tighter text-[#EF4444] mb-2 font-mono\">\n              $\n              <span class=\"stat-number\" data-target=\"2.5\" data-decimal=\"true\">\n                0\n              <\/span>\n              T\n            <\/div>\n            <p class=\"text-sm font-light text-white\/60 leading-relaxed\">\n              annual economic cost of ocean plastic pollution (The Ocean\n              Cleanup).\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"text-center mt-20 reveal delay-200\">\n          <p class=\"text-lg text-white\/40 font-light\">\n            The bottled water industry created this.\n            <span class=\"text-white\">We&#8217;re building the way out.<\/span>\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 4. THE BREAKTHROUGH -->\n    <section id=\"product\" class=\"py-32 relative border-t border-white\/5 overflow-hidden\">\n      <!-- Background decorative glow -->\n      <div class=\"absolute top-1\/2 left-1\/4 w-[40rem] h-[40rem] bg-[#00E5FF]\/5 rounded-full blur-[120px] -translate-y-1\/2 pointer-events-none\"><\/div>\n\n      <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n        <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n          <!-- Left: Photorealistic Product Render (same asset as hero) -->\n          <div class=\"relative h-[600px] flex items-center justify-center reveal overflow-hidden\">\n            <!-- Cyan halo behind bottle -->\n            <div class=\"absolute w-72 h-72 bg-[#00E5FF]\/25 rounded-full blur-[100px] top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 pointer-events-none\"><\/div>\n            <!-- Subtle aurora glow above -->\n            <div class=\"absolute w-96 h-32 bg-[#22C55E]\/10 rounded-full blur-[80px] top-[8%] left-1\/2 -translate-x-1\/2 pointer-events-none\"><\/div>\n            <!-- Hero bottle image with radial mask so the glacier background blends into the section -->\n            <img decoding=\"async\"\n              src=\"https:\/\/idah2o.com\/wp-content\/uploads\/2026\/05\/idah2o-bottle-mccall-mountains.jpg\"\n              alt=\"IDAH\u2082O premium frosted glass mineral water bottle, glacier source\"\n              class=\"h-full w-auto max-w-full object-contain relative z-10 drop-shadow-[0_0_60px_rgba(0,229,255,0.25)]\"\n              style=\"mask-image: radial-gradient(ellipse 65% 80% at center, black 55%, transparent 92%); -webkit-mask-image: radial-gradient(ellipse 65% 80% at center, black 55%, transparent 92%);\"\n            >\n          <\/div>\n\n          <!-- Right: Content -->\n          <div class=\"space-y-12 reveal delay-100\">\n            <div>\n              <h2 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-4\">\n                Two miracles.\n                <br>\n                <span class=\"text-white\/40\">One bottle.<\/span>\n              <\/h2>\n            <\/div>\n\n            <div class=\"space-y-6\">\n              <!-- Card 1 -->\n              <div class=\"p-8 rounded-2xl bg-white\/[0.02] border border-white\/5 backdrop-blur-xl hover:bg-white\/[0.04] transition-all\">\n                <div class=\"flex items-center gap-3 mb-4\">\n                  <div class=\"w-10 h-10 rounded-full bg-[#A4E5FF]\/10 flex items-center justify-center text-[#A4E5FF]\">\n                    <iconify-icon icon=\"solar:waterdrops-linear\" class=\"text-xl\"><\/iconify-icon>\n                  <\/div>\n                  <h3 class=\"text-xl font-semibold tracking-tight\">\n                    The Water\n                  <\/h3>\n                <\/div>\n                <p class=\"text-sm font-light text-white\/60 leading-relaxed\">\n                  Sourced from the Eastern Snake River Plain Aquifer. Filtered\n                  naturally through 400+ miles of volcanic basalt beneath\n                  756,000 acres of federally protected watershed. Among the\n                  purest, most mineral-rich source waters on Earth.\n                <\/p>\n              <\/div>\n\n              <!-- Card 2 -->\n              <div class=\"p-8 rounded-2xl bg-white\/[0.02] border border-white\/5 backdrop-blur-xl hover:bg-white\/[0.04] transition-all relative overflow-hidden group\">\n                <div class=\"absolute inset-0 bg-gradient-to-br from-[#22C55E]\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\n                <div class=\"flex items-center gap-3 mb-4 relative z-10\">\n                  <div class=\"w-10 h-10 rounded-full bg-[#22C55E]\/10 flex items-center justify-center text-[#22C55E]\">\n                    <iconify-icon icon=\"solar:leaf-linear\" class=\"text-xl\"><\/iconify-icon>\n                  <\/div>\n                  <h3 class=\"text-xl font-semibold tracking-tight\">\n                    The Bottle\n                  <\/h3>\n                <\/div>\n                <p class=\"text-sm font-light text-white\/60 leading-relaxed relative z-10\">\n                  Our proprietary PHA bioplastic formulation developed right\n                  here in Idaho. Certified marine- and soil-biodegradable in\n                  under 80 days. Patent-pending technology born from a $10M\n                  USDA-funded biomaterials pipeline.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 5. THE SOURCE -->\n    <section id=\"source\" class=\"relative py-40 border-t border-white\/5\">\n      <div class=\"absolute inset-0 z-0\">\n        <!-- Left-side scrim so the headline stays legible over the snowpack scene; bottle stays full-color on the right -->\n        <div class=\"absolute inset-0 z-10\" style=\"background: linear-gradient(90deg, rgba(5,11,20,0.85) 0%, rgba(5,11,20,0.55) 45%, rgba(5,11,20,0.15) 75%, rgba(5,11,20,0.0) 100%);\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/idah2o.com\/wp-content\/uploads\/2026\/05\/idah2o-snowpack-mccall-wide.jpg\" alt=\"IDAH2O bottle nestled in deep McCall, Idaho snowpack with the Salmon River Mountains and alpenglow on Brundage and Jughandle peaks\" class=\"w-full h-full object-cover\">\n      <\/div>\n\n      <div class=\"relative z-10 max-w-7xl mx-auto px-6\">\n        <div class=\"max-w-2xl reveal\">\n          <div class=\"flex items-center gap-2 text-[#00E5FF] mb-6\">\n            <iconify-icon icon=\"solar:map-point-linear\" class=\"text-xl animate-bounce\"><\/iconify-icon>\n            <span class=\"text-xs font-semibold tracking-widest uppercase\">\n              McCall, Idaho\n            <\/span>\n          <\/div>\n          <h2 class=\"text-4xl md:text-6xl font-bold tracking-tight mb-8\">\n            Born in the snowpack.\n            <br>\n            Bottled at the source.\n          <\/h2>\n\n          <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-4 mt-12\">\n            <div class=\"p-4 rounded-xl bg-black\/40 backdrop-blur-md border border-white\/10\">\n              <div class=\"text-sm text-white\/40 mb-1\">pH Level<\/div>\n              <div class=\"text-xl font-semibold text-white\">8.0<\/div>\n            <\/div>\n            <div class=\"p-4 rounded-xl bg-black\/40 backdrop-blur-md border border-white\/10\">\n              <div class=\"text-sm text-white\/40 mb-1\">TDS<\/div>\n              <div class=\"text-xl font-semibold text-white\">~50 mg\/L<\/div>\n            <\/div>\n            <div class=\"p-4 rounded-xl bg-black\/40 backdrop-blur-md border border-white\/10\">\n              <div class=\"text-sm text-white\/40 mb-1\">Profile<\/div>\n              <div class=\"text-sm font-semibold text-white mt-1\">\n                Electrolytes\n              <\/div>\n            <\/div>\n            <div class=\"p-4 rounded-xl bg-black\/40 backdrop-blur-md border border-white\/10\">\n              <div class=\"text-sm text-white\/40 mb-1\">Origin<\/div>\n              <div class=\"text-sm font-semibold text-white mt-1\">Snowmelt<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 5B. TASTE, PURITY & MINERAL PROFILE -->\n    <section id=\"taste\" class=\"py-32 relative border-t border-white\/5 overflow-hidden bg-[#050B14]\">\n      <!-- ambient glows -->\n      <div class=\"absolute top-0 left-0 w-[32rem] h-[32rem] bg-[#00E5FF]\/5 rounded-full blur-[120px] -translate-y-1\/3 -translate-x-1\/3 pointer-events-none\"><\/div>\n      <div class=\"absolute bottom-0 right-0 w-[28rem] h-[28rem] bg-[#22C55E]\/5 rounded-full blur-[120px] translate-y-1\/3 translate-x-1\/4 pointer-events-none\"><\/div>\n\n      <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n        <!-- header -->\n        <div class=\"text-center mb-16 reveal\">\n          <div class=\"inline-flex items-center gap-2 text-[#00E5FF] mb-6\">\n            <iconify-icon icon=\"solar:cup-hot-linear\" class=\"text-xl\"><\/iconify-icon>\n            <span class=\"text-xs font-semibold tracking-widest uppercase\">Taste &amp; Purity<\/span>\n          <\/div>\n          <h2 class=\"text-4xl md:text-6xl font-bold tracking-tight mb-6\">\n            Taste you can trace\n            <br>\n            <span class=\"text-white\/40\">to the source.<\/span>\n          <\/h2>\n          <p class=\"text-base font-light text-white\/60 max-w-2xl mx-auto\">\n            Snowmelt from the West Central Mountains spends years filtering through\n            400+ miles of volcanic basalt before it ever reaches us. What arrives is\n            naturally soft, silica-rich, and almost untraceably low in sodium &mdash;\n            the unmistakable signature of pristine high-mountain water.\n          <\/p>\n        <\/div>\n\n        <!-- two-column: tasting notes + mineral lab panel -->\n        <div class=\"grid lg:grid-cols-2 gap-8 items-stretch\">\n          <!-- LEFT: tasting notes -->\n          <div class=\"reveal delay-100 p-10 rounded-3xl bg-white\/[0.02] border border-white\/5 flex flex-col\">\n            <h3 class=\"text-2xl font-semibold mb-8\">On the palate<\/h3>\n            <div class=\"space-y-7\">\n              <div class=\"flex items-start gap-4\">\n                <iconify-icon icon=\"solar:waterdrops-linear\" class=\"text-2xl text-[#00E5FF] mt-0.5 shrink-0\"><\/iconify-icon>\n                <div>\n                  <div class=\"font-semibold\">Silky, rounded mouthfeel<\/div>\n                  <p class=\"text-sm text-white\/50 font-light\">Natural silica gives the water a soft, almost velvety body &mdash; never sharp or metallic.<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"flex items-start gap-4\">\n                <iconify-icon icon=\"solar:leaf-linear\" class=\"text-2xl text-[#22C55E] mt-0.5 shrink-0\"><\/iconify-icon>\n                <div>\n                  <div class=\"font-semibold\">Clean, neutral finish<\/div>\n                  <p class=\"text-sm text-white\/50 font-light\">Ultra-low sodium (~3 mg\/L) means no salty aftertaste &mdash; it simply finishes clean.<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"flex items-start gap-4\">\n                <iconify-icon icon=\"solar:snowflake-linear\" class=\"text-2xl text-[#A4E5FF] mt-0.5 shrink-0\"><\/iconify-icon>\n                <div>\n                  <div class=\"font-semibold\">Soft, never harsh<\/div>\n                  <p class=\"text-sm text-white\/50 font-light\">Low calcium &amp; magnesium hardness keeps every sip smooth and weightless.<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"flex items-start gap-4\">\n                <iconify-icon icon=\"solar:test-tube-linear\" class=\"text-2xl text-[#00E5FF] mt-0.5 shrink-0\"><\/iconify-icon>\n                <div>\n                  <div class=\"font-semibold\">Faintly sweet, alkaline<\/div>\n                  <p class=\"text-sm text-white\/50 font-light\">A balanced pH of 8.0 lends a subtle, naturally sweet edge &mdash; crisp without bite.<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- RIGHT: mineral profile lab panel -->\n          <div class=\"reveal delay-200 rounded-3xl bg-gradient-to-b from-white\/[0.05] to-white\/[0.01] border border-white\/10 overflow-hidden flex flex-col\">\n            <div class=\"px-8 py-5 border-b border-white\/10 flex items-center justify-between bg-[#00E5FF]\/5\">\n              <span class=\"text-xs font-semibold tracking-widest uppercase text-[#00E5FF]\">Mineral Profile<\/span>\n              <span class=\"text-xs font-mono text-white\/40\">per liter<\/span>\n            <\/div>\n            <div class=\"p-8 flex-1\">\n              <!-- Silica (hero) -->\n              <div class=\"flex items-center gap-4 py-3 border-b border-white\/5\">\n                <div class=\"w-32 shrink-0\">\n                  <div class=\"text-sm font-medium text-white\">Silica<\/div>\n                  <div class=\"text-[10px] text-white\/30 font-mono\">SiO\u2082 &middot; signature<\/div>\n                <\/div>\n                <div class=\"flex-1 h-1.5 bg-white\/5 rounded-full overflow-hidden\">\n                  <div class=\"h-full bg-[#00E5FF] rounded-full shadow-[0_0_8px_#00E5FF]\" style=\"width:78%\"><\/div>\n                <\/div>\n                <div class=\"w-24 text-right\">\n                  <span class=\"font-mono text-lg font-semibold text-[#00E5FF]\"><span class=\"stat-number\" data-target=\"30\">0<\/span><\/span>\n                  <span class=\"text-xs text-white\/40\"> mg\/L<\/span>\n                <\/div>\n              <\/div>\n              <!-- Bicarbonate -->\n              <div class=\"flex items-center gap-4 py-3 border-b border-white\/5\">\n                <div class=\"w-32 shrink-0\">\n                  <div class=\"text-sm font-medium text-white\">Bicarbonate<\/div>\n                  <div class=\"text-[10px] text-white\/30 font-mono\">HCO\u2083\u207b<\/div>\n                <\/div>\n                <div class=\"flex-1 h-1.5 bg-white\/5 rounded-full overflow-hidden\">\n                  <div class=\"h-full bg-[#A4E5FF] rounded-full\" style=\"width:64%\"><\/div>\n                <\/div>\n                <div class=\"w-24 text-right\">\n                  <span class=\"font-mono text-lg font-semibold text-white\"><span class=\"stat-number\" data-target=\"25\">0<\/span><\/span>\n                  <span class=\"text-xs text-white\/40\"> mg\/L<\/span>\n                <\/div>\n              <\/div>\n              <!-- Calcium -->\n              <div class=\"flex items-center gap-4 py-3 border-b border-white\/5\">\n                <div class=\"w-32 shrink-0\">\n                  <div class=\"text-sm font-medium text-white\">Calcium<\/div>\n                  <div class=\"text-[10px] text-white\/30 font-mono\">Ca\u00b2\u207a<\/div>\n                <\/div>\n                <div class=\"flex-1 h-1.5 bg-white\/5 rounded-full overflow-hidden\">\n                  <div class=\"h-full bg-white\/40 rounded-full\" style=\"width:21%\"><\/div>\n                <\/div>\n                <div class=\"w-24 text-right\">\n                  <span class=\"font-mono text-lg font-semibold text-white\"><span class=\"stat-number\" data-target=\"8\">0<\/span><\/span>\n                  <span class=\"text-xs text-white\/40\"> mg\/L<\/span>\n                <\/div>\n              <\/div>\n              <!-- Magnesium -->\n              <div class=\"flex items-center gap-4 py-3 border-b border-white\/5\">\n                <div class=\"w-32 shrink-0\">\n                  <div class=\"text-sm font-medium text-white\">Magnesium<\/div>\n                  <div class=\"text-[10px] text-white\/30 font-mono\">Mg\u00b2\u207a<\/div>\n                <\/div>\n                <div class=\"flex-1 h-1.5 bg-white\/5 rounded-full overflow-hidden\">\n                  <div class=\"h-full bg-white\/40 rounded-full\" style=\"width:7%\"><\/div>\n                <\/div>\n                <div class=\"w-24 text-right\">\n                  <span class=\"font-mono text-lg font-semibold text-white\"><span class=\"stat-number\" data-target=\"2\">0<\/span><\/span>\n                  <span class=\"text-xs text-white\/40\"> mg\/L<\/span>\n                <\/div>\n              <\/div>\n              <!-- Sodium -->\n              <div class=\"flex items-center gap-4 py-3 border-b border-white\/5\">\n                <div class=\"w-32 shrink-0\">\n                  <div class=\"text-sm font-medium text-white\">Sodium<\/div>\n                  <div class=\"text-[10px] text-[#22C55E] font-mono\">Na\u207a &middot; ultra-low<\/div>\n                <\/div>\n                <div class=\"flex-1 h-1.5 bg-white\/5 rounded-full overflow-hidden\">\n                  <div class=\"h-full bg-[#22C55E] rounded-full\" style=\"width:8%\"><\/div>\n                <\/div>\n                <div class=\"w-24 text-right\">\n                  <span class=\"font-mono text-lg font-semibold text-white\"><span class=\"stat-number\" data-target=\"3\">0<\/span><\/span>\n                  <span class=\"text-xs text-white\/40\"> mg\/L<\/span>\n                <\/div>\n              <\/div>\n              <!-- Potassium -->\n              <div class=\"flex items-center gap-4 py-3\">\n                <div class=\"w-32 shrink-0\">\n                  <div class=\"text-sm font-medium text-white\">Potassium<\/div>\n                  <div class=\"text-[10px] text-white\/30 font-mono\">K\u207a<\/div>\n                <\/div>\n                <div class=\"flex-1 h-1.5 bg-white\/5 rounded-full overflow-hidden\">\n                  <div class=\"h-full bg-white\/40 rounded-full\" style=\"width:4%\"><\/div>\n                <\/div>\n                <div class=\"w-24 text-right\">\n                  <span class=\"font-mono text-lg font-semibold text-white\"><span class=\"stat-number\" data-target=\"1\">0<\/span><\/span>\n                  <span class=\"text-xs text-white\/40\"> mg\/L<\/span>\n                <\/div>\n              <\/div>\n\n              <!-- pH + TDS highlight -->\n              <div class=\"grid grid-cols-2 gap-4 pt-6 mt-2\">\n                <div class=\"text-center p-4 rounded-2xl bg-white\/[0.03] border border-white\/5\">\n                  <div class=\"text-3xl font-bold font-mono text-[#00E5FF]\"><span class=\"stat-number\" data-target=\"8.0\" data-decimal>0.0<\/span><\/div>\n                  <div class=\"text-[11px] text-white\/40 uppercase tracking-wider mt-1\">pH &middot; naturally alkaline<\/div>\n                <\/div>\n                <div class=\"text-center p-4 rounded-2xl bg-white\/[0.03] border border-white\/5\">\n                  <div class=\"text-3xl font-bold font-mono text-white\">~<span class=\"stat-number\" data-target=\"50\">0<\/span><\/div>\n                  <div class=\"text-[11px] text-white\/40 uppercase tracking-wider mt-1\">TDS mg\/L &middot; soft<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"px-8 py-4 border-t border-white\/10 text-[11px] text-white\/30 font-light leading-relaxed\">\n              Representative profile of the source aquifer. Independent third-party lab\n              certification in progress.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Idaho, end to end -->\n        <div class=\"reveal mt-8 p-10 md:p-12 rounded-3xl border border-[#22C55E]\/20 bg-gradient-to-r from-[#22C55E]\/[0.07] via-[#050B14] to-[#00E5FF]\/[0.05] relative overflow-hidden\">\n          <div class=\"flex flex-col lg:flex-row lg:items-center gap-10 justify-between\">\n            <div class=\"max-w-lg\">\n              <div class=\"inline-flex items-center gap-2 mb-4\">\n                <iconify-icon icon=\"solar:map-point-wave-linear\" class=\"text-[#22C55E] text-lg\"><\/iconify-icon>\n                <span class=\"text-xs font-semibold tracking-widest uppercase text-[#22C55E]\">Idaho, end to end<\/span>\n              <\/div>\n              <h3 class=\"text-2xl md:text-4xl font-bold tracking-tight mb-4\">\n                Every molecule starts in Idaho.\n              <\/h3>\n              <p class=\"text-sm md:text-base text-white\/60 font-light\">\n                The water is Idaho snowmelt. The bottle is brewed from Idaho-grown\n                potato &amp; sugar-beet starch &mdash; the very crops that made the state\n                famous, fermented into fully biodegradable PHA. Source and vessel,\n                from one watershed.\n              <\/p>\n            <\/div>\n            <!-- provenance trail -->\n            <div class=\"flex items-center gap-2 md:gap-4 shrink-0\">\n              <div class=\"text-center\">\n                <div class=\"w-16 h-16 rounded-2xl bg-white\/5 border border-white\/10 flex items-center justify-center mb-2\">\n                  <iconify-icon icon=\"solar:snowflake-linear\" class=\"text-2xl text-[#A4E5FF]\"><\/iconify-icon>\n                <\/div>\n                <div class=\"text-[10px] uppercase tracking-wider text-white\/40\">Snowpack<\/div>\n              <\/div>\n              <iconify-icon icon=\"solar:arrow-right-linear\" class=\"text-white\/20 text-lg\"><\/iconify-icon>\n              <div class=\"text-center\">\n                <div class=\"w-16 h-16 rounded-2xl bg-white\/5 border border-white\/10 flex items-center justify-center mb-2\">\n                  <iconify-icon icon=\"solar:layers-minimalistic-linear\" class=\"text-2xl text-[#00E5FF]\"><\/iconify-icon>\n                <\/div>\n                <div class=\"text-[10px] uppercase tracking-wider text-white\/40\">Basalt<\/div>\n              <\/div>\n              <iconify-icon icon=\"solar:arrow-right-linear\" class=\"text-white\/20 text-lg\"><\/iconify-icon>\n              <div class=\"text-center\">\n                <div class=\"w-16 h-16 rounded-2xl bg-white\/5 border border-white\/10 flex items-center justify-center mb-2\">\n                  <iconify-icon icon=\"solar:leaf-linear\" class=\"text-2xl text-[#22C55E]\"><\/iconify-icon>\n                <\/div>\n                <div class=\"text-[10px] uppercase tracking-wider text-white\/40\">ID farms<\/div>\n              <\/div>\n              <iconify-icon icon=\"solar:arrow-right-linear\" class=\"text-white\/20 text-lg\"><\/iconify-icon>\n              <div class=\"text-center\">\n                <div class=\"w-16 h-16 rounded-2xl bg-[#22C55E]\/10 border border-[#22C55E]\/30 flex items-center justify-center mb-2\">\n                  <iconify-icon icon=\"solar:bottle-linear\" class=\"text-2xl text-white\"><\/iconify-icon>\n                <\/div>\n                <div class=\"text-[10px] uppercase tracking-wider text-white\/40\">Bottle<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 6. THE MATERIAL SCIENCE -->\n    <section class=\"py-32 relative bg-[#050B14] border-t border-white\/5\">\n      <div class=\"max-w-4xl mx-auto px-6\">\n        <div class=\"text-center mb-16 reveal\">\n          <h2 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-6\">\n            It&#8217;s not plastic.\n            <br>\n            <span class=\"text-[#22C55E]\">It&#8217;s biology.<\/span>\n          <\/h2>\n          <p class=\"text-base font-light text-white\/60 max-w-2xl mx-auto\">\n            Polyhydroxyalkanoate (PHA) is a fully biodegradable polymer produced\n            by microbial fermentation. It returns to soil and ocean as harmless\n            biomass. Zero microplastics. Zero forever footprint.\n          <\/p>\n        <\/div>\n\n        <div class=\"space-y-10 reveal delay-100\">\n          <!-- Traditional Bar -->\n          <div>\n            <div class=\"flex justify-between text-sm mb-3\">\n              <span class=\"text-white\/60 font-semibold tracking-wide\">\n                Traditional PET Plastic\n              <\/span>\n              <span class=\"text-[#EF4444] font-bold font-mono\">450 Years<\/span>\n            <\/div>\n            <div class=\"w-full h-2 bg-white\/5 rounded-full overflow-hidden relative\">\n              <div class=\"absolute top-0 left-0 h-full w-full bg-[#EF4444]\/80 rounded-full\"><\/div>\n            <\/div>\n          <\/div>\n\n          <!-- IDAH2O Bar -->\n          <div>\n            <div class=\"flex justify-between text-sm mb-3\">\n              <span class=\"text-white font-semibold tracking-wide\">\n                IDAH<sub>2<\/sub>O PHA Material\n              <\/span>\n              <span class=\"text-[#22C55E] font-bold font-mono\">80 Days<\/span>\n            <\/div>\n            <div class=\"w-full h-2 bg-white\/5 rounded-full relative\">\n              <div class=\"absolute top-0 left-0 h-full w-[2%] bg-[#22C55E] rounded-full shadow-[0_0_10px_#22C55E]\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6 mt-20 reveal delay-200\">\n          <div class=\"text-center p-6\">\n            <iconify-icon icon=\"solar:earth-linear\" class=\"text-3xl text-[#22C55E] mb-4\"><\/iconify-icon>\n            <h4 class=\"text-sm font-semibold mb-2\">Soil-Biodegradable<\/h4>\n            <p class=\"text-xs text-white\/40 font-light\">\n              Composts naturally in ambient environments.\n            <\/p>\n          <\/div>\n          <div class=\"text-center p-6\">\n            <iconify-icon icon=\"solar:water-sun-linear\" class=\"text-3xl text-[#00E5FF] mb-4\"><\/iconify-icon>\n            <h4 class=\"text-sm font-semibold mb-2\">Marine-Biodegradable<\/h4>\n            <p class=\"text-xs text-white\/40 font-light\">\n              Breaks down safely in ocean water.\n            <\/p>\n          <\/div>\n          <div class=\"text-center p-6\">\n            <iconify-icon icon=\"solar:shield-check-linear\" class=\"text-3xl text-[#A4E5FF] mb-4\"><\/iconify-icon>\n            <h4 class=\"text-sm font-semibold mb-2\">100% Non-Toxic<\/h4>\n            <p class=\"text-xs text-white\/40 font-light\">\n              Leaves no chemical residue or microplastics.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 7. MARKET OPPORTUNITY -->\n    <section class=\"py-32 relative border-t border-white\/5 overflow-hidden\">\n      <div class=\"absolute top-0 right-0 w-[30rem] h-[30rem] bg-[#A4E5FF]\/5 rounded-full blur-[100px] -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n\n      <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n        <div class=\"mb-16 reveal\">\n          <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight\">\n            The massive shift to sustainable packaging.\n          <\/h2>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-12 reveal delay-100\">\n          <div class=\"p-8 rounded-3xl bg-white\/[0.02] border border-white\/5 backdrop-blur-sm flex flex-col justify-between group hover:bg-white\/[0.04] transition-colors\">\n            <div class=\"text-xs font-semibold uppercase tracking-widest text-white\/40 mb-8\">\n              Global Bottled Water\n            <\/div>\n            <div>\n              <div class=\"text-5xl font-bold tracking-tighter text-white mb-2\">\n                $\n                <span class=\"stat-number\" data-target=\"451\">0<\/span>\n                B\n              <\/div>\n              <div class=\"text-sm font-light text-white\/50\">\n                Market size by 2025. Projected to hit $611B by 2035.\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"p-8 rounded-3xl bg-[#00E5FF]\/[0.03] border border-[#00E5FF]\/20 backdrop-blur-sm flex flex-col justify-between group hover:bg-[#00E5FF]\/[0.06] transition-colors\">\n            <div class=\"text-xs font-semibold uppercase tracking-widest text-[#00E5FF]\/60 mb-8\">\n              Premium Segment\n            <\/div>\n            <div>\n              <div class=\"text-5xl font-bold tracking-tighter text-[#00E5FF] mb-2\">\n                $\n                <span class=\"stat-number\" data-target=\"42\">0<\/span>\n                B\n              <\/div>\n              <div class=\"text-sm font-light text-white\/60\">\n                Premium segment by 2033, growing at 7.7% CAGR.\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"p-8 rounded-3xl bg-white\/[0.02] border border-white\/5 backdrop-blur-sm flex flex-col justify-between group hover:bg-white\/[0.04] transition-colors\">\n            <div class=\"text-xs font-semibold uppercase tracking-widest text-white\/40 mb-8\">\n              Global ESG Assets\n            <\/div>\n            <div>\n              <div class=\"text-5xl font-bold tracking-tighter text-white mb-2\">\n                $\n                <span class=\"stat-number\" data-target=\"40\">0<\/span>\n                T\n              <\/div>\n              <div class=\"text-sm font-light text-white\/50\">\n                Capital allocated to ESG initiatives globally by 2030.\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"p-8 rounded-3xl bg-gradient-to-r from-white\/[0.05] to-transparent border border-white\/10 reveal delay-200 flex flex-col md:flex-row gap-8 items-center justify-between\">\n          <div class=\"max-w-2xl\">\n            <p class=\"text-lg font-light text-white\/80 leading-relaxed mb-4\">\n              &#8220;49% of Gen Z and 47% of Millennials will pay a premium for\n              sustainable packaging.&#8221;\n            <\/p>\n            <p class=\"text-sm text-white\/40 font-light\">\n              Liquid Death proved consumers will pay 3\u20134\u00d7 tap-water cost for a\n              brand story, hitting a $1.4B valuation.\n              <br>\n              <span class=\"text-white font-semibold\">\n                Biodegradable is the ultimate packaging moat.\n              <\/span>\n            <\/p>\n          <\/div>\n          <div class=\"w-16 h-16 rounded-full border border-white\/10 flex items-center justify-center shrink-0\">\n            <iconify-icon icon=\"solar:graph-up-linear\" class=\"text-2xl text-[#00E5FF]\"><\/iconify-icon>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 8. WHY IDAH2O WINS -->\n    <section class=\"py-32 relative bg-[#050B14] border-t border-white\/5\">\n      <div class=\"max-w-7xl mx-auto px-6\">\n        <div class=\"mb-16 text-center reveal\">\n          <h2 class=\"text-3xl md:text-5xl font-bold tracking-tight\">\n            The Triple Moat.\n          <\/h2>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 reveal delay-100\">\n          <div class=\"p-8 rounded-2xl bg-white\/[0.01] border border-white\/5 hover:border-[#00E5FF]\/30 transition-all group relative overflow-hidden\">\n            <div class=\"absolute top-0 right-0 w-32 h-32 bg-[#00E5FF]\/10 rounded-full blur-[40px] group-hover:bg-[#00E5FF]\/20 transition-all\"><\/div>\n            <iconify-icon icon=\"solar:map-linear\" class=\"text-3xl text-[#00E5FF] mb-6 relative z-10\"><\/iconify-icon>\n            <h3 class=\"text-xl font-semibold mb-3 relative z-10\">\n              Source Moat\n            <\/h3>\n            <p class=\"text-sm font-light text-white\/50 leading-relaxed relative z-10\">\n              Exclusive, long-term rights to one of America&#8217;s most protected,\n              pure, and mineral-rich volcanic aquifers.\n            <\/p>\n          <\/div>\n\n          <div class=\"p-8 rounded-2xl bg-white\/[0.01] border border-white\/5 hover:border-[#00E5FF]\/30 transition-all group relative overflow-hidden\">\n            <div class=\"absolute top-0 right-0 w-32 h-32 bg-[#00E5FF]\/10 rounded-full blur-[40px] group-hover:bg-[#00E5FF]\/20 transition-all\"><\/div>\n            <iconify-icon icon=\"solar:test-tube-minimalistic-linear\" class=\"text-3xl text-[#00E5FF] mb-6 relative z-10\"><\/iconify-icon>\n            <h3 class=\"text-xl font-semibold mb-3 relative z-10\">\n              Materials Moat\n            <\/h3>\n            <p class=\"text-sm font-light text-white\/50 leading-relaxed relative z-10\">\n              Patent-pending PHA formulation engineered specifically for clear\n              liquid containment with a multi-year R&amp;D head start.\n            <\/p>\n          <\/div>\n\n          <div class=\"p-8 rounded-2xl bg-white\/[0.01] border border-white\/5 hover:border-[#00E5FF]\/30 transition-all group relative overflow-hidden\">\n            <div class=\"absolute top-0 right-0 w-32 h-32 bg-[#00E5FF]\/10 rounded-full blur-[40px] group-hover:bg-[#00E5FF]\/20 transition-all\"><\/div>\n            <iconify-icon icon=\"solar:star-fall-minimalistic-linear\" class=\"text-3xl text-[#00E5FF] mb-6 relative z-10\"><\/iconify-icon>\n            <h3 class=\"text-xl font-semibold mb-3 relative z-10\">Brand Moat<\/h3>\n            <p class=\"text-sm font-light text-white\/50 leading-relaxed relative z-10\">\n              100% American-made, aggressively climate-first positioning\n              targeting the lucrative premium wellness demographic.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 9. ROADMAP -->\n    <section class=\"py-32 relative border-t border-white\/5 overflow-hidden\">\n      <div class=\"max-w-7xl mx-auto px-6\">\n        <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight mb-16 reveal\">\n          Path to Market.\n        <\/h2>\n\n        <div class=\"relative reveal delay-100\">\n          <!-- Connecting Line -->\n          <div class=\"absolute top-1\/2 left-0 w-full h-px bg-gradient-to-r from-white\/20 via-[#00E5FF]\/50 to-white\/5 hidden md:block -translate-y-1\/2\"><\/div>\n\n          <div class=\"grid grid-cols-1 md:grid-cols-5 gap-8\">\n            <!-- Nodes -->\n            <div class=\"relative pl-8 md:pl-0 pt-0 md:pt-12 border-l border-white\/10 md:border-l-0 md:text-center\">\n              <div class=\"absolute left-[-5px] top-2 md:left-1\/2 md:-top-[21px] md:-translate-x-1\/2 w-2.5 h-2.5 rounded-full bg-[#00E5FF] shadow-[0_0_10px_#00E5FF]\"><\/div>\n              <div class=\"text-xs font-semibold text-[#00E5FF] mb-2 uppercase tracking-wider\">\n                Q1 2026\n              <\/div>\n              <div class=\"text-sm font-light text-white\/80\">\n                Material patent filing &amp; core IP lock\n              <\/div>\n            <\/div>\n            <div class=\"relative pl-8 md:pl-0 pt-0 md:pt-12 border-l border-white\/10 md:border-l-0 md:text-center\">\n              <div class=\"absolute left-[-5px] top-2 md:left-1\/2 md:-top-[21px] md:-translate-x-1\/2 w-2.5 h-2.5 rounded-full bg-[#00E5FF] shadow-[0_0_10px_#00E5FF]\"><\/div>\n              <div class=\"text-xs font-semibold text-[#00E5FF] mb-2 uppercase tracking-wider\">\n                Q2 2026\n              <\/div>\n              <div class=\"text-sm font-light text-white\/80\">\n                Pilot production line operational in ID\n              <\/div>\n            <\/div>\n            <div class=\"relative pl-8 md:pl-0 pt-0 md:pt-12 border-l border-[#00E5FF]\/50 md:border-l-0 md:text-center\">\n              <!-- Active Node -->\n              <div class=\"absolute left-[-7px] top-2 md:left-1\/2 md:-top-[23px] md:-translate-x-1\/2 w-3.5 h-3.5 rounded-full border-2 border-[#00E5FF] bg-[#050B14] shadow-[0_0_15px_#00E5FF] glow-cyan\"><\/div>\n              <div class=\"text-xs font-semibold text-white mb-2 uppercase tracking-wider\">\n                Q3 2026\n              <\/div>\n              <div class=\"text-sm font-medium text-white\">\n                Seed round close + first 50 retail doors\n              <\/div>\n            <\/div>\n            <div class=\"relative pl-8 md:pl-0 pt-0 md:pt-12 border-l border-white\/10 md:border-l-0 md:text-center opacity-50\">\n              <div class=\"absolute left-[-5px] top-2 md:left-1\/2 md:-top-[21px] md:-translate-x-1\/2 w-2.5 h-2.5 rounded-full bg-white\/30\"><\/div>\n              <div class=\"text-xs font-semibold text-white\/60 mb-2 uppercase tracking-wider\">\n                Q4 2026\n              <\/div>\n              <div class=\"text-sm font-light text-white\/80\">\n                Whole Foods &amp; Sprouts regional rollout\n              <\/div>\n            <\/div>\n            <div class=\"relative pl-8 md:pl-0 pt-0 md:pt-12 border-l border-transparent md:border-l-0 md:text-center opacity-50\">\n              <div class=\"absolute left-[-5px] top-2 md:left-1\/2 md:-top-[21px] md:-translate-x-1\/2 w-2.5 h-2.5 rounded-full bg-white\/30\"><\/div>\n              <div class=\"text-xs font-semibold text-white\/60 mb-2 uppercase tracking-wider\">\n                2027\n              <\/div>\n              <div class=\"text-sm font-light text-white\/80\">\n                Series A, 5,000+ doors nationwide\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 10. TEAM -->\n    <section class=\"py-32 relative bg-[#050B14] border-t border-white\/5\">\n      <div class=\"max-w-7xl mx-auto px-6 text-center reveal\">\n        <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight mb-16\">\n          The Founder.\n        <\/h2>\n\n        <div class=\"max-w-md mx-auto\">\n          <div class=\"group p-10 rounded-3xl bg-white\/[0.02] border border-white\/5 hover:bg-white\/[0.04] hover:border-[#00E5FF]\/30 transition-all text-center relative overflow-hidden\">\n            <div class=\"absolute top-0 right-0 w-32 h-32 bg-[#00E5FF]\/5 rounded-full blur-[40px] group-hover:bg-[#00E5FF]\/10 transition-all\"><\/div>\n            <div class=\"w-32 h-32 mx-auto rounded-full bg-white\/5 border border-white\/10 mb-6 flex items-center justify-center overflow-hidden grayscale group-hover:grayscale-0 transition-all duration-500 relative z-10\">\n              <iconify-icon icon=\"solar:user-linear\" class=\"text-5xl text-white\/20\"><\/iconify-icon>\n            <\/div>\n            <h4 class=\"text-2xl font-semibold mb-2 relative z-10\">Gonzalo D.<\/h4>\n            <p class=\"text-sm text-[#00E5FF] mb-4 font-semibold tracking-wide uppercase relative z-10\">\n              Founder &amp; CEO\n            <\/p>\n            <p class=\"text-sm text-white\/50 font-light relative z-10\">\n              Tech &amp; healthcare hyperscaler.\n              <span class=\"text-white\/80 font-medium\">\n                Co-founder of 210 Digital Marketing, patent holder in AI &amp; biometrics, and architect of a 9-figure telehealth exit.\n              <\/span>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 11. THE ASK -->\n    <section id=\"investors\" class=\"py-32 relative border-t border-white\/5 overflow-hidden\">\n      <div class=\"absolute inset-0 bg-[#00E5FF]\/[0.02]\"><\/div>\n\n      <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n        <div class=\"text-center mb-16 reveal\">\n          <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#FBBF24]\/10 border border-[#FBBF24]\/20 text-[#FBBF24] text-xs font-semibold uppercase tracking-widest mb-6\">\n            <div class=\"w-1.5 h-1.5 rounded-full bg-[#FBBF24] animate-pulse\"><\/div>\n            Seed Round Open\n          <\/div>\n          <h2 class=\"text-4xl md:text-5xl font-bold tracking-tight\">\n            Fuel the revolution.\n          <\/h2>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n          <!-- Left: Numbers -->\n          <div class=\"space-y-8 reveal delay-100\">\n            <div class=\"border-b border-white\/10 pb-8\">\n              <div class=\"text-sm text-white\/50 uppercase tracking-widest mb-2 font-semibold\">\n                Target Raise\n              <\/div>\n              <div class=\"text-6xl md:text-7xl font-bold tracking-tighter text-white\">\n                $\n                <span class=\"stat-number\" data-target=\"3.5\" data-decimal=\"true\">\n                  0\n                <\/span>\n                M\n              <\/div>\n            <\/div>\n            <div class=\"border-b border-white\/10 pb-8\">\n              <div class=\"text-sm text-white\/50 uppercase tracking-widest mb-2 font-semibold\">\n                Pre-Money Valuation\n              <\/div>\n              <div class=\"text-5xl md:text-6xl font-bold tracking-tighter text-white\/80\">\n                $\n                <span class=\"stat-number\" data-target=\"15\">0<\/span>\n                M\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"text-sm text-white\/50 uppercase tracking-widest mb-2 font-semibold\">\n                Minimum Check\n              <\/div>\n              <div class=\"text-4xl font-bold tracking-tighter text-white\/60\">\n                $\n                <span class=\"stat-number\" data-target=\"100\">0<\/span>\n                K\n              <\/div>\n            <\/div>\n\n            <div class=\"pt-8 flex flex-col sm:flex-row gap-4\">\n              <a href=\"https:\/\/calendly.com\/210digitalmarketing\/idah2o-investor-call\" onclick=\"return idahInvestorCall(event)\" class=\"px-8 py-4 rounded-full bg-[#00E5FF] text-[#050B14] text-sm font-semibold tracking-wide hover:shadow-[0_0_30px_rgba(0,229,255,0.6)] transition-all duration-300 text-center\">\n                Request Investor Deck\n              <\/a>\n              <a href=\"https:\/\/calendly.com\/210digitalmarketing\/idah2o-investor-call\" onclick=\"return idahInvestorCall(event)\" class=\"px-8 py-4 rounded-full bg-transparent text-white border border-white\/20 text-sm font-semibold tracking-wide hover:bg-white\/5 transition-all duration-300 text-center\">\n                Schedule a Call\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Right: Donut Chart -->\n          <div class=\"relative flex justify-center items-center reveal delay-200\">\n            <div class=\"w-64 h-64 md:w-80 md:h-80 relative\">\n              <svg viewBox=\"0 0 100 100\" class=\"w-full h-full transform -rotate-90\">\n                <!-- Background ring -->\n                <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"transparent\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"12\"><\/circle>\n\n                <!-- Segments (Circumference ~ 251.2) -->\n                <!-- Manufacturing 40% (100.48) -->\n                <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"transparent\" stroke=\"#00E5FF\" stroke-width=\"12\" stroke-dasharray=\"100.48 251.2\" stroke-dashoffset=\"0\" class=\"donut-segment\"><\/circle>\n\n                <!-- Retail 30% (75.36) -->\n                <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"transparent\" stroke=\"#A4E5FF\" stroke-width=\"12\" stroke-dasharray=\"75.36 251.2\" stroke-dashoffset=\"-100.48\" class=\"donut-segment\"><\/circle>\n\n                <!-- Brand 20% (50.24) -->\n                <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"transparent\" stroke=\"#F5FBFF\" stroke-width=\"12\" stroke-dasharray=\"50.24 251.2\" stroke-dashoffset=\"-175.84\" class=\"donut-segment opacity-60\"><\/circle>\n\n                <!-- R&D 10% (25.12) -->\n                <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"transparent\" stroke=\"#22C55E\" stroke-width=\"12\" stroke-dasharray=\"25.12 251.2\" stroke-dashoffset=\"-226.08\" class=\"donut-segment\"><\/circle>\n              <\/svg>\n\n              <div class=\"absolute inset-0 flex flex-col items-center justify-center text-center\">\n                <span class=\"text-xs text-white\/50 uppercase tracking-widest font-semibold\">\n                  Use of Funds\n                <\/span>\n              <\/div>\n            <\/div>\n\n            <!-- Legend -->\n            <div class=\"absolute -right-4 md:-right-12 top-1\/2 -translate-y-1\/2 space-y-4 bg-[#050B14]\/80 backdrop-blur-md p-4 rounded-xl border border-white\/10\">\n              <div class=\"flex items-center gap-3 text-xs\">\n                <div class=\"w-3 h-3 rounded-sm bg-[#00E5FF]\"><\/div>\n                <span class=\"text-white\/80\">Manufacturing (40%)<\/span>\n              <\/div>\n              <div class=\"flex items-center gap-3 text-xs\">\n                <div class=\"w-3 h-3 rounded-sm bg-[#A4E5FF]\"><\/div>\n                <span class=\"text-white\/80\">Retail Scale (30%)<\/span>\n              <\/div>\n              <div class=\"flex items-center gap-3 text-xs\">\n                <div class=\"w-3 h-3 rounded-sm bg-[#F5FBFF]\/60\"><\/div>\n                <span class=\"text-white\/80\">Brand\/Mktg (20%)<\/span>\n              <\/div>\n              <div class=\"flex items-center gap-3 text-xs\">\n                <div class=\"w-3 h-3 rounded-sm bg-[#22C55E]\"><\/div>\n                <span class=\"text-white\/80\">R&amp;D Pipeline (10%)<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 12. FOUNDER VISION -->\n    <section class=\"py-40 relative border-t border-white\/5 bg-[#050B14]\">\n      <div class=\"max-w-5xl mx-auto px-6 text-center reveal\">\n        <iconify-icon icon=\"solar:quote-right-linear\" class=\"text-4xl text-white\/10 mb-8\"><\/iconify-icon>\n        <blockquote class=\"font-serif italic text-2xl md:text-4xl lg:text-5xl text-white\/90 leading-tight mb-12\">\n          &#8220;We didn&#8217;t start IDAH<sub>2<\/sub>O to sell water. We started it to prove that the most polluting\n          product in modern history can become the most regenerative.&#8221;\n        <\/blockquote>\n        <div class=\"flex items-center justify-center gap-4\">\n          <div class=\"w-12 h-12 rounded-full bg-white\/10 border border-white\/20 flex items-center justify-center grayscale\">\n            <iconify-icon icon=\"solar:user-linear\" class=\"text-white\/40\"><\/iconify-icon>\n          <\/div>\n          <div class=\"text-left\">\n            <div class=\"text-sm font-semibold\">Gonzalo D.<\/div>\n            <div class=\"text-xs text-[#00E5FF]\">Founder &amp; CEO<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 13. FOOTER -->\n    <footer id=\"contact\" class=\"py-20 border-t border-white\/10 bg-[#050B14] relative z-10\">\n      <div class=\"max-w-7xl mx-auto px-6\">\n        <div class=\"grid grid-cols-1 md:grid-cols-4 gap-12 mb-16\">\n          <!-- Brand -->\n          <div class=\"col-span-1 md:col-span-1\">\n            <a href=\"#\" class=\"text-2xl font-bold tracking-tighter text-white block mb-4\">\n              IDAH<sub>2<\/sub>O\n            <\/a>\n            <p class=\"text-xs text-white\/40 leading-relaxed\">\n              Premium Idaho mountain water in the world&#8217;s first 80-day\n              biodegradable bottle.\n            <\/p>\n          <\/div>\n\n          <!-- Links -->\n          <div>\n            <h5 class=\"text-xs font-semibold text-white uppercase tracking-widest mb-4\">\n              Company\n            <\/h5>\n            <ul class=\"space-y-3 text-sm text-white\/50 font-light\">\n              <li>\n                <a href=\"#\" class=\"hover:text-[#00E5FF] transition-colors\">\n                  Our Story\n                <\/a>\n              <\/li>\n              <li>\n                <a href=\"#\" class=\"hover:text-[#00E5FF] transition-colors\">\n                  Science\n                <\/a>\n              <\/li>\n              <li>\n                <a href=\"#\" class=\"hover:text-[#00E5FF] transition-colors\">\n                  Impact Report\n                <\/a>\n              <\/li>\n              <li>\n                <a href=\"#\" class=\"hover:text-[#00E5FF] transition-colors\">\n                  Careers\n                <\/a>\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div>\n            <h5 class=\"text-xs font-semibold text-white uppercase tracking-widest mb-4\">\n              Investors\n            <\/h5>\n            <ul class=\"space-y-3 text-sm text-white\/50 font-light\">\n              <li>\n                <a href=\"https:\/\/calendly.com\/210digitalmarketing\/idah2o-investor-call\" onclick=\"return idahInvestorCall(event)\" class=\"hover:text-[#00E5FF] transition-colors\">\n                  Pitch Deck\n                <\/a>\n              <\/li>\n              <li>\n                <a href=\"https:\/\/calendly.com\/210digitalmarketing\/idah2o-investor-call\" onclick=\"return idahInvestorCall(event)\" class=\"hover:text-[#00E5FF] transition-colors\">\n                  Data Room\n                <\/a>\n              <\/li>\n              <li>\n                <a href=\"#\" class=\"hover:text-[#00E5FF] transition-colors\">\n                  Press Kit\n                <\/a>\n              <\/li>\n              <li>\n                <a href=\"https:\/\/calendly.com\/210digitalmarketing\/idah2o-investor-call\" onclick=\"return idahInvestorCall(event)\" class=\"hover:text-[#00E5FF] transition-colors\">\n                  Contact\n                <\/a>\n              <\/li>\n            <\/ul>\n          <\/div>\n\n          <!-- Newsletter -->\n          <div>\n            <h5 class=\"text-xs font-semibold text-white uppercase tracking-widest mb-4\">\n              Investor Updates\n            <\/h5>\n            <form class=\"flex mt-2\">\n              <input type=\"email\" placeholder=\"Email address\" class=\"w-full bg-white\/5 border border-white\/10 rounded-l-lg px-4 py-2 text-sm text-white focus:outline-none focus:border-[#00E5FF]\/50 transition-colors placeholder:text-white\/30\">\n              <button type=\"submit\" class=\"bg-white\/10 hover:bg-[#00E5FF] hover:text-[#050B14] border border-y-white\/10 border-r-white\/10 border-l-transparent rounded-r-lg px-4 transition-all flex items-center justify-center\">\n                <iconify-icon icon=\"solar:arrow-right-linear\"><\/iconify-icon>\n              <\/button>\n            <\/form>\n          <\/div>\n        <\/div>\n\n        <div class=\"pt-8 border-t border-white\/5 flex flex-col md:flex-row items-center justify-between gap-4\">\n          <div class=\"text-xs text-white\/30\">\n            Copyright  2026 IDAH<sub>2<\/sub>O Inc. All rights reserved. Patent Pending.\n          <\/div>\n          <div class=\"flex gap-4 text-white\/40\">\n            <a href=\"#\" class=\"hover:text-white transition-colors\">\n              <iconify-icon icon=\"solar:letter-linear\" class=\"text-lg\"><\/iconify-icon>\n            <\/a>\n            <a href=\"#\" class=\"hover:text-white transition-colors\">\n              <iconify-icon icon=\"solar:globus-linear\" class=\"text-lg\"><\/iconify-icon>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/footer>\n\n    <!-- Interactive Scripts -->\n    <script>\n      document.addEventListener('DOMContentLoaded', () => {\n          \/\/ Scroll Reveal Observer\n          const revealElements = document.querySelectorAll('.reveal');\n          const revealObserver = new IntersectionObserver((entries) => {\n              entries.forEach(entry => {\n                  if (entry.isIntersecting) {\n                      entry.target.classList.add('active');\n                  }\n              });\n          }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n\n          revealElements.forEach(el => revealObserver.observe(el));\n\n          \/\/ CountUp Animation Observer\n          const stats = document.querySelectorAll('.stat-number');\n          const statsObserver = new IntersectionObserver((entries) => {\n              entries.forEach(entry => {\n                  if (entry.isIntersecting && !entry.target.classList.contains('counted')) {\n                      entry.target.classList.add('counted');\n                      const target = parseFloat(entry.target.getAttribute('data-target'));\n                      const isDecimal = entry.target.hasAttribute('data-decimal');\n                      const duration = 2000;\n                      const start = performance.now();\n\n                      const update = (currentTime) => {\n                          const elapsed = currentTime - start;\n                          const progress = Math.min(elapsed \/ duration, 1);\n                          \/\/ easeOutQuart easing\n                          const ease = 1 - Math.pow(1 - progress, 4);\n                          let current = target * ease;\n\n                          if (isDecimal) {\n                              entry.target.innerText = current.toFixed(1);\n                          } else {\n                              entry.target.innerText = Math.floor(current).toLocaleString();\n                          }\n\n                          if (progress < 1) {\n                              requestAnimationFrame(update);\n                          } else {\n                              entry.target.innerText = isDecimal ? target.toFixed(1) : target.toLocaleString();\n                          }\n                      };\n                      requestAnimationFrame(update);\n                  }\n              });\n          }, { threshold: 0.5 });\n\n          stats.forEach(stat => statsObserver.observe(stat));\n\n          \/\/ Donut Chart Animation (trigger on scroll)\n          const donutSegments = document.querySelectorAll('.donut-segment');\n          const chartObserver = new IntersectionObserver((entries) => {\n              if(entries[0].isIntersecting) {\n                  \/\/ Slight delay to allow fade-in first\n                  setTimeout(() => {\n                      \/\/ Just force a re-calc or class toggle if we wanted dynamic styles,\n                      \/\/ but SVG attributes handle it beautifully with CSS transitions\n                      \/\/ The initial state is set in HTML, transitions handle the rest if triggered by class change.\n                      \/\/ For pure SVG attribute animation without JS interval:\n                  }, 200);\n              }\n          }, { threshold: 0.5 });\n\n          if(document.querySelector('.donut-segment')) {\n             chartObserver.observe(document.querySelector('.donut-segment').parentElement);\n          }\n\n          \/\/ Sticky Nav Background effect\n          const nav = document.querySelector('nav');\n          window.addEventListener('scroll', () => {\n              if (window.scrollY > 50) {\n                  nav.classList.add('shadow-lg', 'shadow-black\/20');\n                  nav.classList.replace('bg-[#050B14]\/70', 'bg-[#050B14]\/90');\n              } else {\n                  nav.classList.remove('shadow-lg', 'shadow-black\/20');\n                  nav.classList.replace('bg-[#050B14]\/90', 'bg-[#050B14]\/70');\n              }\n          });\n      });\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>IDAH2O Product Source Taste Impact Investors Schedule Investor Call Product Source Taste Impact Investors Schedule Investor Call The bottle that disappears. The planet that doesn&#8217;t. IDAH2O is premium Idaho mountain water in a bottle that returns to the earth in 80 days \u2014 not 450 years. Invest in IDAH2O Watch the 2-min Pitch Patent-pending \u2022 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/idah2o.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idah2o.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idah2o.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idah2o.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idah2o.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":15,"href":"https:\/\/idah2o.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/idah2o.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/idah2o.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}