:root{--ink:#031217;--navy:#061d25;--blue:#16c7ff;--ice:#d8f6ff;--muted:#88a7af;--paper:#eaf3f1;--warm:#ffb28e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f2fbfd;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}em{font-weight:400}.progress{position:fixed;z-index:100;height:2px;transform-origin:left;background:linear-gradient(90deg,#13bce9,#96edff)}.nav,.progress{top:0;left:0;width:100%}.nav{position:absolute;z-index:20;height:92px;padding:0 clamp(24px,5vw,82px);justify-content:space-between;border-bottom:1px solid rgba(209,247,255,.1)}.brand,.nav{display:flex;align-items:center}.brand{gap:12px;font-size:12px;letter-spacing:.24em;font-weight:650}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(119,229,255,.5);border-radius:50%;color:var(--blue);font-family:Georgia,serif;font-size:17px}.nav-links{display:flex;gap:clamp(18px,2.5vw,42px);font-size:12px;color:#b6cdd2}.nav-links a{transition:color .25s ease}.nav-links a:hover{color:white}.nav-cta{min-width:138px;padding:11px 15px;border:1px solid rgba(85,211,240,.25);background:rgba(17,134,161,.06);color:#72949c;border-radius:999px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.hero{position:relative;min-height:100svh;padding:120px clamp(24px,7vw,116px) 54px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);align-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(36,133,151,.22),transparent 27%),linear-gradient(125deg,#031116,#071f27 54%,#04151b)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(158,231,244,.05) 1px,transparent 0),linear-gradient(90deg,rgba(158,231,244,.04) 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,black,transparent 72%);mask-image:linear-gradient(90deg,black,transparent 72%)}.hero-copy{position:relative;z-index:3;max-width:690px;padding-bottom:3vh}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 29px;font-size:11px;color:#8eb1ba;letter-spacing:.17em;text-transform:uppercase}.eyebrow span{width:24px;height:1px;background:var(--blue);box-shadow:0 0 12px var(--blue)}.hero h1{margin:0;font:400 clamp(74px,9vw,144px) /.79 Georgia,Times New Roman,serif;letter-spacing:-.07em}.hero h1 em{color:#31caf2;text-shadow:0 0 45px rgba(21,189,233,.17)}.hero-intro{max-width:520px;margin:42px 0 26px;color:#a8c1c7;font-size:clamp(15px,1.3vw,18px);line-height:1.75}.text-link{display:inline-flex;align-items:center;gap:16px;padding-bottom:7px;border-bottom:1px solid rgba(82,211,245,.46);color:#dff9ff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.text-link span{color:var(--blue)}.product-stage{position:relative;height:min(77svh,820px);display:grid;place-items:center;z-index:2}.product-stage-photo{position:relative;z-index:2;width:min(965px,72vw);aspect-ratio:16/9;background-image:url(/assets/methylene-blue-bottle.png);background-repeat:no-repeat;background-position:50%;background-size:cover;box-shadow:0 40px 70px rgba(0,0,0,.22);animation:breathe-panel 7s ease-in-out infinite}.halo{width:55%;aspect-ratio:1;border-radius:50%;background:rgba(35,186,218,.13);filter:blur(40px);animation:pulse 6s ease-in-out infinite}.halo,.orbit{position:absolute}.orbit{z-index:3;border:1px solid rgba(59,212,244,.15);border-radius:50%;pointer-events:none}.orbit-one{width:68%;aspect-ratio:1;transform:rotate(-12deg);animation:orbit 18s linear infinite}.orbit-one span{position:absolute;right:2%;top:22%;padding:7px 11px;border:1px solid rgba(93,222,248,.18);border-radius:999px;color:#7fcce0;background:rgba(3,18,23,.55);font:10px SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.orbit-two{width:44%;aspect-ratio:1;border-style:dashed;animation:orbit 25s linear infinite reverse}.ambient{position:absolute;z-index:-1;border-radius:50%;filter:blur(75px);mix-blend-mode:screen;opacity:.18}.ambient-one{width:38vw;height:11vw;background:#1dcef5;right:7%;top:35%;transform:rotate(-26deg);animation:drift 11s ease-in-out infinite}.ambient-two{width:24vw;height:7vw;background:#0a91c3;right:-4%;top:61%;transform:rotate(18deg);animation:drift 8s ease-in-out infinite reverse}.hero-index{position:absolute;left:clamp(24px,7vw,116px);bottom:34px;display:flex;align-items:center;gap:14px;color:#5f7c84;font:9px SFMono-Regular,Consolas,monospace;letter-spacing:.17em}.hero-index>div{width:52px;height:1px;background:#36535a}.hero-index span:first-child{color:var(--blue)}.fact-strip{min-height:122px;padding:0 clamp(24px,7vw,116px);display:grid;grid-template-columns:repeat(4,1fr);background:#06232b;border-top:1px solid rgba(108,218,240,.12);border-bottom:1px solid rgba(108,218,240,.12)}.fact-strip div{padding:31px clamp(20px,3vw,48px);border-right:1px solid rgba(108,218,240,.1)}.fact-strip div:first-child{padding-left:0}.fact-strip div:last-child{border:0}.fact-strip small,.fact-strip strong{display:block}.fact-strip small{margin-bottom:11px;color:#5f909c;font:9px SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.fact-strip strong{font:400 clamp(16px,1.7vw,23px) Georgia,serif}.section-number{margin:0 0 34px;font:10px SFMono-Regular,Consolas,monospace;color:#24788d;letter-spacing:.2em}.section-number.light{color:#55bad0}.section-number.warm{color:#ffab84}.section-heading{max-width:1180px;margin:auto}.clinical-title h2,.faq-heading h2,.quality-heading h2,.section-heading h2,.sources h2{margin:0;font:400 clamp(56px,8vw,116px) /.92 Georgia,serif;letter-spacing:-.06em}.clinical-title h2 em,.faq-heading h2 em,.section-heading h2 em,.sources h2 em{color:#1d93ad}.lead{max-width:700px;margin:42px 0 0 auto;color:#3d5a60;font-size:clamp(17px,1.6vw,22px);line-height:1.65}.story{padding:14vh clamp(24px,7vw,116px);background:var(--paper);color:#062027}.timeline{max-width:1180px;margin:100px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b8cfcc}.timeline-card{position:relative;padding:40px 28px 12px 0;border-right:1px solid #c7d9d6;min-height:330px}.timeline-card:not(:first-child){padding-left:28px}.timeline-card:last-child{border:0}.timeline-card:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#209ab4;box-shadow:0 0 0 5px rgba(32,154,180,.11)}.timeline-card:not(:first-child):before{left:28px}.timeline-index{color:#87a4a6;font:9px SFMono-Regular,Consolas,monospace}.timeline-card strong{display:block;margin:38px 0 16px;color:#1689a3;font:400 clamp(31px,3vw,44px) Georgia,serif}.timeline-card h3{margin:0 0 13px;font-size:16px}.timeline-card p{margin:0;color:#567075;font-size:13px;line-height:1.7}.science{min-height:92vh;padding:14vh clamp(24px,8vw,132px);display:grid;grid-template-columns:1.05fr .95fr;grid-gap:8vw;gap:8vw;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(31,181,211,.16),transparent 24%),#06171d}.science-copy h2{margin:0;font:400 clamp(57px,7vw,105px) /.9 Georgia,serif;letter-spacing:-.06em}.science-copy h2 em{color:#28bfdf}.science-copy>p:last-child{max-width:600px;margin:38px 0 0;color:#96b2b8;font-size:18px;line-height:1.75}.molecule-card{position:relative;min-height:580px;border:1px solid rgba(91,211,235,.14);background:linear-gradient(145deg,rgba(22,114,134,.14),rgba(2,11,15,.25));display:flex;flex-direction:column;justify-content:space-between;padding:50px;overflow:hidden}.molecule-card:after,.molecule-card:before{content:"";position:absolute;width:80%;aspect-ratio:1;left:45%;top:-22%;border:1px solid rgba(83,215,243,.11);border-radius:50%}.molecule-card:after{width:55%;left:58%;top:0;border-style:dashed;animation:orbit 28s linear infinite}.molecule-symbol{position:relative;z-index:2;color:#d9faff;font:400 clamp(100px,14vw,210px) /1 Georgia,serif;letter-spacing:-.08em;text-shadow:0 0 50px rgba(19,189,226,.24)}.molecule-symbol sup{color:#28c8e9;font-size:.25em}.passport{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border-top:1px solid rgba(149,230,245,.17)}.passport p{margin:0;padding:18px 16px 0 0;color:#d6e8ea;font-size:12px}.passport span{display:block;margin-bottom:6px;color:#56838c;font:8px SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.cinema{height:330vh;position:relative;background:#020c10}.cinema-sticky{position:-webkit-sticky;position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.cinema-sticky:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#031116,transparent 40%,transparent 60%,#031116),radial-gradient(circle at center,#0b3945,#020c10 66%)}.cinema-sticky:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.11;background-image:linear-gradient(rgba(145,225,240,.08) 1px,transparent 0),linear-gradient(90deg,rgba(145,225,240,.08) 1px,transparent 0);background-size:75px 75px}.cinema-glow{width:min(60vw,800px);aspect-ratio:1;border-radius:50%;background:rgba(21,185,219,.17);filter:blur(70px);transition:transform .8s ease}.cinema-bottle,.cinema-glow{position:absolute;left:50%;top:50%;translate:-50% -50%}.cinema-bottle{z-index:1;width:min(980px,72vw);aspect-ratio:16/9;background-image:url(/assets/methylene-blue-bottle.png);background-repeat:no-repeat;background-position:50%;background-size:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1);box-shadow:0 40px 70px rgba(0,0,0,.24)}.chapter{position:absolute;z-index:3;top:50%;width:min(29vw,420px);translate:0 -50%;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .65s ease,transform .65s ease}.chapter.active{opacity:1;transform:translateY(0)}.chapter-0,.chapter-2{left:clamp(24px,7vw,116px)}.chapter-1{right:clamp(24px,7vw,116px)}.chapter small{color:#54bad0;font:9px SFMono-Regular,Consolas,monospace;letter-spacing:.17em}.chapter h2{margin:20px 0;font:400 clamp(48px,5vw,78px) /.95 Georgia,serif;letter-spacing:-.055em}.chapter p{color:#91aeb5;line-height:1.75}.chapter-dots{position:absolute;z-index:4;bottom:42px;left:50%;translate:-50% 0;display:flex;gap:9px}.chapter-dots span{width:28px;height:2px;background:#28434a;transition:background .4s,width .4s}.chapter-dots span.active{width:50px;background:#29c9eb}.clinical{padding:14vh clamp(24px,7vw,116px);background:#082730}.clinical-title{max-width:1180px;margin:auto}.clinical-title h2 em{color:#32c6e7}.clinical-grid{max-width:1180px;margin:90px auto 0;display:grid;grid-template-columns:1.25fr .75fr;grid-gap:20px;gap:20px}.clinical-side article,.featured-card{border:1px solid rgba(116,215,235,.14);background:rgba(4,20,25,.38)}.featured-card{min-height:520px;padding:clamp(34px,5vw,70px);display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 10%,rgba(23,181,212,.18),transparent 30%),rgba(4,20,25,.38)}.status{align-self:flex-start;margin-bottom:auto;padding:9px 13px;border:1px solid rgba(68,218,180,.26);border-radius:999px;color:#7ee3c6;font:9px SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#62dcb9;box-shadow:0 0 12px #62dcb9}.featured-card h3{max-width:650px;margin:0 0 24px;font:400 clamp(42px,5vw,72px) /.95 Georgia,serif;letter-spacing:-.04em}.featured-card>p{max-width:700px;color:#a8c2c7;font-size:16px;line-height:1.7}.featured-card .note{padding-top:18px;border-top:1px solid rgba(125,212,230,.13);color:#6e949c;font-size:12px}.clinical-side{display:grid;grid-gap:20px;gap:20px}.clinical-side article{padding:38px}.clinical-side span{color:#55bfd4;font:9px SFMono-Regular,Consolas,monospace;letter-spacing:.15em}.clinical-side h3{margin:22px 0 14px;font:400 29px Georgia,serif}.clinical-side p{margin:0;color:#8faab0;font-size:13px;line-height:1.7}.research{padding:14vh clamp(24px,7vw,116px);background:var(--paper);color:#062027}.section-heading.compact h2{font-size:clamp(54px,7vw,96px)}.research-grid{max-width:1180px;margin:90px auto 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.research-grid article{min-height:400px;padding:36px;border:1px solid #c8dcda;display:flex;flex-direction:column;transition:transform .3s ease,background .3s ease}.research-grid article:hover{transform:translateY(-7px);background:#f6fbfa}.research-grid span{color:#2296af;font:10px SFMono-Regular,Consolas,monospace}.research-grid h3{margin:60px 0 18px;font:400 33px Georgia,serif}.research-grid p{margin:0;color:#5c7479;font-size:14px;line-height:1.75}.research-grid small{margin-top:auto;padding-top:30px;border-top:1px solid #d1e0de;color:#779499;font:8px SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.safety{padding:14vh clamp(24px,7vw,116px);display:grid;grid-template-columns:.78fr 1.22fr;grid-gap:8vw;gap:8vw;background:#160f0e}.safety-intro{position:-webkit-sticky;position:sticky;top:10vh;align-self:start}.safety-intro h2{margin:0;color:#fff2ec;font:400 clamp(57px,7vw,104px) /.9 Georgia,serif;letter-spacing:-.06em}.safety-intro>p:last-child{margin:38px 0 0;max-width:520px;color:#b8a09a;line-height:1.75}.warnings{display:grid;grid-gap:12px;gap:12px}.warnings article{display:grid;grid-template-columns:64px 1fr;grid-gap:24px;gap:24px;padding:30px;border:1px solid rgba(244,174,143,.15);background:rgba(93,39,27,.11)}.warnings article>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,167,128,.28);border-radius:50%;color:#ffb18d;font:13px SFMono-Regular,Consolas,monospace}.warnings .warning-major{padding:38px 30px;border-color:rgba(255,121,91,.34);background:linear-gradient(120deg,rgba(138,43,24,.2),rgba(78,32,23,.06))}.warnings h3{margin:0 0 10px;color:#fff0e9;font:400 27px Georgia,serif}.warnings p{margin:0;color:#af9690;font-size:13px;line-height:1.7}.quality{padding:14vh clamp(24px,7vw,116px);display:grid;grid-template-columns:1fr 1fr;grid-gap:9vw;gap:9vw;background:#06222a}.quality-heading h2{color:#e8f9fb}.quality-content{align-self:end}.quality-lead{margin:0 0 50px;color:#9cb8be;font-size:19px;line-height:1.75}.quality-list p{margin:0;padding:22px 0;display:grid;grid-template-columns:48px 130px 1fr;border-top:1px solid rgba(126,216,233,.14);color:#88a8af;font-size:13px}.quality-list span{color:#40b4cc;font:10px SFMono-Regular,Consolas,monospace}.quality-list strong{color:#e0eff1}.faq{padding:14vh clamp(24px,7vw,116px);display:grid;grid-template-columns:.75fr 1.25fr;grid-gap:9vw;gap:9vw;background:#edf5f3;color:#062027}.faq-heading h2{font-size:clamp(51px,6vw,88px)}.faq-list{border-top:1px solid #b9ceca}.faq-list details{border-bottom:1px solid #b9ceca}.faq-list summary{min-height:88px;display:grid;grid-template-columns:42px 1fr 30px;align-items:center;list-style:none;cursor:pointer;font-size:16px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#4091a2;font:9px SFMono-Regular,Consolas,monospace}.faq-list summary b{color:#238ba0;font-size:22px;font-weight:400;transition:transform .3s ease}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-list details p{margin:-7px 40px 30px 42px;color:#587176;font-size:14px;line-height:1.75}.sources{padding:14vh clamp(24px,7vw,116px);display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:8vw;gap:8vw;background:#04161c}.sources h2{font-size:clamp(52px,6.5vw,94px)}.sources h2 em{color:#31bfdc}.source-links{border-top:1px solid rgba(119,212,231,.14)}.source-links a{min-height:105px;padding:0 10px;display:grid;grid-template-columns:46px 1fr 30px;align-items:center;border-bottom:1px solid rgba(119,212,231,.14);transition:background .25s,padding .25s}.source-links a:hover{padding-left:22px;background:rgba(34,151,175,.07)}.source-links a>span{color:#3f9caf;font:9px SFMono-Regular,Consolas,monospace}.source-links small,.source-links strong{display:block}.source-links strong{margin-bottom:7px;font:400 22px Georgia,serif}.source-links small{color:#6f929a}.source-links b{color:#39bad5;font-size:20px;font-weight:400}.next-step{position:relative;min-height:80vh;padding:12vh 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;isolation:isolate;overflow:hidden;background:#062630}.next-step:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.12;background-image:linear-gradient(rgba(145,225,240,.08) 1px,transparent 0),linear-gradient(90deg,rgba(145,225,240,.08) 1px,transparent 0);background-size:75px 75px}.next-glow{position:absolute;z-index:-1;width:70vw;height:34vw;border-radius:50%;background:rgba(23,180,212,.18);filter:blur(100px)}.next-step>p:first-of-type{color:#52c2d9;font:9px SFMono-Regular,Consolas,monospace;letter-spacing:.2em}.next-step h2{margin:25px 0;font:400 clamp(56px,8vw,118px) /.9 Georgia,serif;letter-spacing:-.06em}.next-step h2 em{color:#36c5e3}.next-copy{max-width:620px;margin:10px auto 34px;color:#93b2b9;font-size:17px;line-height:1.7}.next-step button{padding:15px 24px;border:1px solid rgba(87,210,235,.24);border-radius:999px;background:rgba(16,125,148,.08);color:#719ca5;font-size:10px;letter-spacing:.12em;text-transform:uppercase}footer{min-height:120px;padding:30px clamp(24px,5vw,82px);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;border-top:1px solid rgba(143,222,237,.12);background:#020e12}footer p{margin:0;color:#55757d;font-size:10px;text-align:center}footer>a:last-child{color:#7e9da4;font-size:10px;text-align:right;text-transform:uppercase;letter-spacing:.1em}@keyframes breathe{0%,to{transform:translateX(-2%) scale(1.04)}50%{transform:translateX(-2%) translateY(-8px) scale(1.055)}}@keyframes breathe-panel{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.01)}}@keyframes pulse{0%,to{transform:scale(.92);opacity:.65}50%{transform:scale(1.08);opacity:1}}@keyframes drift{0%,to{translate:0 0}50%{translate:-4vw 2vw}}@keyframes orbit{to{rotate:1turn}}@media (max-width:980px){.nav-links{display:none}.timeline{grid-template-columns:1fr 1fr}.timeline-card:nth-child(2){border-right:0}.faq,.quality,.safety,.science,.sources{grid-template-columns:1fr}.safety-intro{position:relative;top:0}.clinical-grid{grid-template-columns:1fr}.clinical-side{grid-template-columns:1fr 1fr}.research-grid{grid-template-columns:1fr}.research-grid article{min-height:300px}.chapter{width:34vw}}@media (max-width:700px){.nav{height:76px}.nav-cta{min-width:0;padding:9px 11px;font-size:8px}.hero{min-height:100svh;padding-top:116px;grid-template-columns:1fr;align-items:start}.hero-copy{z-index:4}.hero h1{font-size:clamp(64px,20vw,96px)}.hero-intro{max-width:92%;margin-top:25px;font-size:14px}.product-stage{position:absolute;z-index:1;width:100%;height:55svh;right:-30%;bottom:0;opacity:.6}.product-stage-photo{width:min(1040px,92vw)}.hero-index,.orbit{display:none}.fact-strip{grid-template-columns:1fr 1fr;padding:0 24px}.fact-strip div{padding:22px 12px 22px 0;border-bottom:1px solid rgba(108,218,240,.1)}.fact-strip div:nth-child(2){border-right:0;padding-left:12px}.fact-strip div:nth-child(3),.fact-strip div:nth-child(4){border-bottom:0}.fact-strip div:nth-child(4){padding-left:12px}.clinical,.faq,.quality,.research,.safety,.science,.sources,.story{padding-top:100px;padding-bottom:100px}.clinical-title h2,.faq-heading h2,.quality-heading h2,.safety-intro h2,.science-copy h2,.section-heading h2,.sources h2{font-size:clamp(48px,15vw,72px)}.lead{margin-left:0;font-size:16px}.timeline{grid-template-columns:1fr;margin-top:65px}.timeline-card,.timeline-card:not(:first-child){min-height:auto;padding:32px 0;border-right:0;border-bottom:1px solid #c7d9d6}.timeline-card:before,.timeline-card:not(:first-child):before{display:none}.timeline-card strong{margin:18px 0 10px}.molecule-card{min-height:470px;padding:30px}.cinema{height:300vh}.cinema-bottle{width:min(980px,88vw);opacity:.72}.chapter,.chapter-0,.chapter-1,.chapter-2{left:24px;right:24px;top:auto;bottom:13vh;width:auto;translate:0 0}.chapter h2{font-size:48px}.chapter-dots{bottom:32px}.featured-card{min-height:540px;padding:30px}.clinical-side{grid-template-columns:1fr}.warnings article{grid-template-columns:50px 1fr;padding:24px 18px;gap:16px}.quality-list p{grid-template-columns:40px 1fr;gap:5px}.quality-list strong{display:block}.faq{gap:55px}.faq-list summary{font-size:14px}.sources{gap:55px}footer{grid-template-columns:1fr 1fr;gap:20px}footer p{grid-column:1/-1;grid-row:2;text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}