:root{--ink:#153c3c;--teal:#007e75;--mint:#b7ead7;--paper:#f8f9f5;--line:#d6dfd7;--muted:#657d79}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5da9df;outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h2{font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-2.4px;line-height:1.13}h2 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}p{line-height:1.75;color:var(--muted)}.wrap{width:min(1260px,calc(100% - 100px));margin:auto}.draftbar{background:#dcece5;display:flex;justify-content:space-between;padding:9px 4%;font-size:11px;color:#365c53;letter-spacing:.4px}.draftbar b{margin-right:12px}header{height:94px;padding:0 4%;display:flex;align-items:center;gap:40px;background:var(--paper)}.brand{display:flex;align-items:center;gap:13px;margin-right:auto;font-family:Manrope,Arial;font-size:21px;font-weight:800;white-space:nowrap}.brand img{width:51px;height:51px;object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:600;margin-top:5px}nav{display:flex;gap:27px;font-size:12px}.navcta{border:1px solid #a3b8ad;background:transparent;padding:13px 20px;border-radius:30px;font-size:13px}.navcta span{margin-left:30px}.hero{background:#103936;color:#fff;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr 1.25fr .66fr;gap:15px;min-height:650px;max-width:1480px;margin:auto;padding:65px 5% 30px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;display:block;color:var(--teal)}.eyebrow.light{color:#b1dcc9}.eyebrow i{display:inline-block;width:6px;height:6px;background:#8fe5bd;border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(48px,5.1vw,78px);letter-spacing:-4px;line-height:1.03;font-weight:500;margin:28px 0 24px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#b2e7ce}.hero-copy p{font-size:15px;max-width:300px;color:#bdcfc5;margin-bottom:30px}.primary{border:0;background:var(--mint);color:#103e34;font-weight:700;border-radius:50px;padding:19px 27px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:24px;transition:background .2s,transform .2s}.primary:hover{background:#d3f7e5;transform:translateY(-2px)}.undercta{font-size:10px;color:#a0bbae;margin-top:16px}.hero-product{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-product img{width:120%;max-width:none;mix-blend-mode:lighten;animation:float 9s ease-in-out infinite;position:relative;z-index:1}.orbit{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid #547d6044;box-shadow:0 0 0 45px #46795c0c,0 0 0 90px #46795c07}.product-note{position:absolute;bottom:8px;text-align:center;z-index:2}.product-note span{display:block;font-size:9px;letter-spacing:3px;color:#90b4a7}.product-note b{display:block;font-weight:400;font-family:Georgia,serif;font-style:italic;font-size:20px;margin:9px}.product-note small{font-size:9px;color:#9ab8aa}.hero-aside{padding-left:30px}.hero-aside>div{border-top:1px solid #527364;padding:23px 0}.hero-aside span{font-size:9px;letter-spacing:1.6px;color:#8daf9e}.hero-aside h3{font-size:25px;line-height:1.25;font-weight:500;margin:14px 0}.hero-aside p{font-size:11px;color:#a7bfb2}.explore{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:1.3px;margin-top:25px}.explore b{font-size:21px;font-weight:400}.hero-foot{border-top:1px solid #446459;display:flex;justify-content:space-between;padding:20px 5%;font-size:9px;letter-spacing:1.4px;color:#adbcaf}.range{padding-top:55px;padding-bottom:65px}.range-title{display:grid;grid-template-columns:1fr 2fr 1.4fr;align-items:center;gap:20px;margin-bottom:28px}.range-title h2{font-size:26px;letter-spacing:-.8px}.range-title p{font-size:12px}.products{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.product{padding:0;background:transparent;border:0;text-align:left;transition:transform .25s}.product:hover{transform:translateY(-6px)}.product img{width:100%;border-radius:3px;aspect-ratio:1/1.05;object-fit:cover}.product span{display:flex;justify-content:space-between;font-size:12px;padding:13px 2px}.product b{font-weight:400;color:var(--teal)}.section{padding-top:88px;padding-bottom:88px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-tag{font-size:9px;letter-spacing:1.7px;color:#7c9189}.split-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;margin-bottom:45px}.split-heading p{font-size:14px;max-width:410px}.factory{background:#edf1e9}.factory-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:60px;align-items:start}.factory-media{position:sticky;top:30px}.factory-media video{width:100%;height:430px;object-fit:cover;background:#173c36;display:block;border-radius:3px}.media-caption{display:block;font-size:9px;letter-spacing:1.9px;margin-top:17px;color:#5c7970}.process-step{display:flex;align-items:start;gap:17px;width:100%;text-align:left;padding:23px 0;background:none;border:0;border-top:1px solid #c3d1c4;transition:opacity .25s}.process-step small{font-size:10px;padding-top:4px;color:#3f8f76}.process-step h3{font-size:18px;font-weight:600;margin-bottom:8px}.process-step p{font-size:12px;max-width:270px}.process-step b{margin-left:auto;font-weight:400}.process-step.active{border-color:#11896e}.process-step.active h3{color:#07836c}.visit{padding:25px 26px;background:#dde9dd;margin-top:16px}.visit>span{font-size:9px;letter-spacing:1.6px}.visit p{margin:12px 0;font-size:15px;color:#2c5146}.text-btn{border:0;background:none;padding:8px 0;font-size:12px;font-weight:700;color:var(--teal);text-align:left}.quality-top{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:30px 0 48px}.line-number{font-size:9px;color:#6b857a;letter-spacing:1.5px}.quality-top h3{font-size:23px;margin:17px 0 12px;letter-spacing:-.6px;font-weight:500}.quality-top p{font-size:13px}.quality-top .text-btn{margin-top:13px}.packaging{display:grid;grid-template-columns:1.3fr 1fr;background:#e9efe7}.package-visual{position:relative;overflow:hidden}.package-visual>img{width:100%;height:100%;min-height:430px;object-fit:cover}.pin{position:absolute;width:35px;height:35px;border-radius:50%;border:1px solid white;background:#fbfff9cc;font-size:12px;box-shadow:0 0 0 7px #fff3}.pin.active{background:#0a7967;color:white;box-shadow:0 0 0 8px #b7ead777}.p1{left:16%;top:68%}.p2{left:50%;top:45%}.p3{left:72%;top:34%}.image-note{position:absolute;bottom:13px;left:15px;right:15px;font-size:8px;letter-spacing:1px;background:#123b36aa;color:white;padding:9px}.package-info{padding:43px 45px}.package-info h3{font-size:32px;font-weight:500;letter-spacing:-1px;margin:20px 0 24px;line-height:1.2}.layer-tabs{display:flex;gap:12px;margin-bottom:22px}.layer-tabs button{border:1px solid #acbfb0;background:none;border-radius:50%;width:35px;height:35px;font-size:10px}.layer-tabs button.active{background:#126a5a;color:white;border-color:#126a5a}.package-info h4{font-size:16px;font-weight:600;margin-bottom:7px}.package-info p{font-size:12px;min-height:65px}.dispatch{border-top:1px solid #c3d2c5;margin-top:22px;padding-top:20px;display:flex;align-items:center;gap:18px}.dispatch b{font-size:36px;font-weight:400;letter-spacing:-2px}.dispatch span{font-size:10px;line-height:1.6;color:#657b6c}.delivery-strip{display:flex;justify-content:space-between;gap:20px;padding-top:26px}.delivery-strip>span{font-size:8px;letter-spacing:1.5px;color:#71877c}.delivery-strip b{display:block;font-size:12px;font-weight:500;letter-spacing:0;color:var(--ink);margin-top:7px}.stories{background:#e8eee8}.arrows{display:flex;gap:9px;margin-top:20px}.arrows button{border:1px solid #bacbc0;background:none;border-radius:50%;width:39px;height:39px}.arrows button:hover{background:#cfdfd3}.feedback-track{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9cbcad transparent;padding-bottom:12px}.feedback-card{border:0;background:#f8faf5;padding:14px;flex:0 0 calc((100% - 60px)/4);min-width:210px;scroll-snap-align:start;text-align:left}.feedback-card img{height:265px;width:100%;object-fit:cover;object-position:top;border-radius:2px}.feedback-card span{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;padding:17px 1px 3px}.feedback-card b{font-size:14px}.swipe-hint{text-align:center;font-size:10px;margin:10px 0 30px;color:#7e9587}.delivery-videos{display:grid;grid-template-columns:1fr 1fr;gap:24px}.delivery-videos video{display:block;background:#13372e;width:100%;height:260px;object-fit:contain}.delivery-videos span{display:block;font-size:9px;letter-spacing:1.5px;margin-top:14px}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq-heading h2{font-size:43px;margin:23px 0}.faq-heading p{font-size:13px}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}summary{padding:22px 30px 22px 0;font-size:14px;font-weight:500;list-style:none;cursor:pointer;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:21px;font-weight:400;top:18px}details[open] summary:after{content:'−'}details p{font-size:13px;padding-bottom:23px}.closing{background:#113c36;color:#fff;padding:60px 0}.closing>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.closing h2{font-size:38px;letter-spacing:-1.5px;margin:17px 0 14px}.closing p{font-size:13px;color:#a6c2b4}.backup{border:0;background:none;color:#b9d5c6;font-size:11px;display:block;padding:17px 0;margin:auto}footer{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px;font-size:10px;gap:30px}footer>span:first-child{font-size:17px;font-weight:700}footer small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:6px}footer p{font-size:10px}footer>span:last-child{font-size:8px;letter-spacing:1px;color:#7d9588}.mobile-contact{display:none}dialog{border:0;border-radius:8px;max-width:500px;width:calc(100% - 35px);padding:45px;background:var(--paper);color:var(--ink);box-shadow:0 25px 90px #0004}dialog::backdrop{background:#082a26b3;backdrop-filter:blur(5px)}dialog h2{font-size:25px;letter-spacing:0;margin:25px 0 16px}dialog p{font-size:14px;margin-bottom:16px}dialog .primary{margin-top:15px}.close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:27px}#image-dialog{max-width:850px;padding:40px 15px 15px;max-height:93dvh;overflow:auto}#image-dialog img{max-width:100%;height:auto;margin:auto}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media(min-width:1600px){.hero-grid{min-height:720px}}
@media(max-width:1100px){nav{gap:16px}.brand{font-size:17px}header{gap:22px}.hero-grid{grid-template-columns:1.1fr 1.2fr .6fr;padding-left:4%;padding-right:4%}.hero h1{font-size:57px}.hero-aside{padding-left:10px}.hero-aside h3{font-size:21px}.wrap{width:calc(100% - 64px)}.split-heading{gap:40px}.factory-layout{gap:30px}.package-info{padding:35px}.questions{gap:45px}.feedback-card{flex-basis:30%}}
@media(max-width:760px){html{scroll-padding-top:20px}.draftbar{font-size:9px;padding:8px 18px}.draftbar>span:last-child{display:none}header{height:77px;padding:0 20px;gap:15px}.brand{font-size:17px;gap:8px}.brand img{width:42px;height:42px}.brand small{font-size:6px;letter-spacing:1.5px}nav{display:none}.navcta{padding:10px 14px;font-size:11px}.navcta span{margin-left:8px}.hero-grid{display:flex;flex-direction:column;padding:36px 25px 0;gap:0;min-height:0;align-items:stretch}.hero-copy{position:relative;z-index:2}.hero h1{font-size:58px;letter-spacing:-3px;margin:21px 0 20px;line-height:1.02}.hero h1 br:nth-child(2){display:none}.hero h1 em{margin-left:9px}.hero-copy p{font-size:14px;max-width:300px;margin-bottom:22px}.hero-copy .primary{width:100%;padding:17px 23px}.undercta{text-align:center;font-size:10px}.hero-product{height:350px;width:100%;margin-top:10px;align-self:center;overflow:hidden}.hero-product img{width:350px;height:350px;object-fit:cover}.orbit{width:240px;height:240px}.product-note{bottom:0}.product-note b{font-size:19px}.product-note small{display:none}.hero-aside{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:25px 0 0}.hero-aside>div{padding:17px 0}.hero-aside h3{font-size:20px;margin:12px 0 8px}.hero-aside h3 br{display:none}.hero-aside p{font-size:11px}.hero-aside .explore{display:none}.hero-foot{padding:15px 25px;font-size:7px;letter-spacing:1px}.hero-foot>span:last-child{display:none}.wrap{width:calc(100% - 40px)}.range{padding:35px 0 40px}.range-title{display:block;margin-bottom:22px}.range-title h2{font-size:25px;margin:13px 0 9px}.range-title p{font-size:12px}.products{display:flex;overflow:auto;gap:13px;scroll-snap-type:x mandatory;padding-bottom:10px}.product{flex:0 0 42%;scroll-snap-align:start}.section{padding-top:48px;padding-bottom:48px}.section-top{margin-bottom:21px}.section-tag{display:none}.eyebrow{font-size:9px;letter-spacing:1.5px}.split-heading{display:block;margin-bottom:27px}h2{font-size:35px;letter-spacing:-1.5px}.split-heading p{font-size:13px;margin-top:20px}.factory-layout{display:block}.factory-media{position:static}.factory-media video{height:240px}.media-caption{font-size:8px;letter-spacing:1px}.process{margin-top:27px}.process-step{padding:20px 0}.process-step p{font-size:13px;max-width:unset}.process-step h3{font-size:18px}.visit{margin-top:8px}.quality-top{grid-template-columns:1fr;gap:25px;padding:24px 0 30px}.quality-top>div+div{border-top:1px solid var(--line);padding-top:25px}.quality-top h3{font-size:22px}.quality-top p{font-size:13px}.packaging{display:flex;flex-direction:column}.package-visual>img{min-height:260px;height:260px}.package-info{padding:28px}.package-info h3{font-size:30px;margin-top:15px}.package-info p{font-size:13px;min-height:0}.image-note{font-size:6px;letter-spacing:.6px}.dispatch{margin-top:24px}.delivery-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px}.delivery-strip>span{font-size:7px;letter-spacing:.6px}.delivery-strip b{font-size:11px;line-height:1.5}.arrows{display:none}.feedback-card{flex:0 0 78%;min-width:0}.feedback-card img{height:330px;object-fit:cover}.feedback-card span{font-size:8px}.feedback-track{gap:14px}.delivery-videos{gap:20px;grid-template-columns:1fr}.delivery-videos video{height:240px}.questions{display:block}.faq-heading h2{font-size:35px}.faq-heading p{font-size:13px;margin-bottom:28px}summary{font-size:14px;line-height:1.55;padding:20px 30px 20px 0}.closing{padding:38px 0}.closing>.wrap{display:block}.closing h2{font-size:32px}.closing .primary{width:100%;margin-top:25px}.closing p{font-size:13px}footer{display:block;padding:25px 0 95px}footer p{margin:18px 0;font-size:10px}.mobile-contact{display:block;position:fixed;bottom:0;left:0;right:0;background:#f8f9f5ed;backdrop-filter:blur(12px);padding:10px 20px calc(10px + env(safe-area-inset-bottom));z-index:10;border-top:1px solid #d7e2d7}.mobile-contact button{width:100%;display:flex;justify-content:center;gap:30px;padding:15px;border:0;border-radius:30px;background:#087963;color:white;font-size:13px;font-weight:700}dialog{padding:35px 25px}.hero-product img{animation-duration:11s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-grid>*{min-width:0}.hero-product img{width:100%;max-width:100%;mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,black 48%,transparent 82%)}.hero-aside{position:relative;z-index:3}.hero-product .product-note{bottom:20px}@media(max-width:760px){.hero-product img{width:350px;max-width:100%;height:350px}.hero-product .product-note{bottom:0}}
/* Draft 02: original B-site bottles, ice-blue studio composition */
:root{--ink:#183c49;--teal:#087c84;--paper:#fafbf9;--line:#dbe3e4;--muted:#677c82;--mint:#0c747c}.draftbar{background:#e9f0ef;color:#537079}header{height:92px;background:#fafbf9}.brand{font-size:20px}.navcta{border-color:#b7caca;border-radius:4px}.hero{background:radial-gradient(ellipse at 61% 43%,#fff 0,#eaf3f4 40%,#dbe8ed 100%);color:var(--ink)}.hero-grid{grid-template-columns:1.05fr 1.35fr .56fr;min-height:690px;padding:38px 5% 35px;gap:20px}.hero .eyebrow.light{color:#25788b;font-size:10px}.hero .eyebrow i{background:#158f9b}.hero h1{font-size:clamp(44px,4.3vw,65px);line-height:1.08;letter-spacing:-3px;font-weight:500;margin:29px 0 24px}.hero h1 em{font-family:'Manrope',Arial,sans-serif;font-style:normal;color:#247988;font-weight:400;display:inline-block}.hero-copy p{color:#56727b;font-size:14px;max-width:300px;margin-bottom:34px}.primary{background:#126f7a;color:white;border-radius:4px;padding:18px 25px;font-size:12px;font-weight:500}.primary:hover{background:#0a5360}.undercta{color:#6d8790}.hero-product{height:600px;align-self:center;position:relative;overflow:visible}.hero-product img{height:590px;width:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:none;animation:float 12s ease-in-out infinite;position:relative;z-index:2}.hero-watermark{position:absolute;font:600 350px/1 Manrope,Arial;letter-spacing:-35px;left:-5%;top:18%;color:#c8dde34d;z-index:0}.orbit{border:0;box-shadow:none;border-radius:50%;width:380px;height:50px;bottom:24px;left:8%;background:#769ba322;filter:blur(15px)}.hero-product .product-note{bottom:-4px;z-index:3;white-space:nowrap}.product-note span,.product-note small{display:none}.product-note b{font:400 9px 'DM Sans',Arial;letter-spacing:2px;text-transform:uppercase;color:#71909b;margin:0}.hero-aside{padding-left:15px}.hero-aside>div{border-color:#adc2c988;padding:28px 0}.hero-aside span{color:#65838e;font-size:9px;letter-spacing:1.7px}.hero-aside h3{font-size:45px;font-weight:400;letter-spacing:-2px;margin:18px 0 12px}.hero-aside h3 .unit{font-size:27px;color:var(--ink);letter-spacing:0}.hero-aside p{color:#6a828b;font-size:11px}.explore{color:#577780;font-size:8px}.hero-foot{border-color:#abc4cc66;color:#567580;font-size:8px;padding:18px 5%}.range{padding-top:70px;padding-bottom:75px}.range-title{grid-template-columns:.7fr 1.4fr 1fr;margin-bottom:35px}.range-title h2{font-size:28px;font-weight:400}.products{gap:18px}.product{background:transparent}.product-stage{background:linear-gradient(150deg,#eff4f5,#f6f8f7);overflow:hidden;padding:20px 8px 8px}.product img{mix-blend-mode:multiply;object-fit:contain;width:100%;aspect-ratio:1/1.35;border-radius:0;transition:transform .4s}.product:hover{transform:none}.product:hover img{transform:translateY(-5px) scale(1.04)}.product>span{position:relative;display:block;font:500 17px Manrope,Arial;padding-top:20px;letter-spacing:-.3px}.product span small{display:block;font:500 7px 'DM Sans',Arial;letter-spacing:1.4px;color:#819297;margin-bottom:8px}.product span b{position:absolute;right:2px;bottom:2px;font-size:16px;color:#69848a}.section{padding-top:100px;padding-bottom:100px}h2{font-weight:400;font-size:clamp(34px,3.7vw,52px);line-height:1.18;letter-spacing:-2px}h2 em{font-family:'Manrope',Arial,sans-serif;font-style:normal;font-weight:400;color:#5b8a8e}.split-heading{gap:100px;margin-bottom:50px}.split-heading p{font-size:13px}.factory{background:#eef3f3}.factory-layout{gap:65px}.visit{background:#e0eaea}.process-step.active h3{color:#087c84}.process-step.active{border-color:#408e97}.quality-top{gap:90px}.quality-top h3{font-size:22px}.packaging{background:#eaf1f2}.package-info h3{font-weight:400}.layer-tabs button.active{background:#227b86;border-color:#227b86}.pin.active{background:#227b86}.stories{background:#edf2f2}.feedback-card{background:#fafbf9}.closing{background:#173c49}.closing .primary{background:#d9eeee;color:#174a54}.closing h2{font-size:38px}.closing .eyebrow{color:#93c8ce}.closing p,.backup{color:#a5c3c8}.closing .primary:hover{background:#fff}.mobile-contact button{background:#126f7a;border-radius:4px}.faq-heading h2{font-size:41px}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(0deg)}}
@media(max-width:1100px) and (min-width:761px){.hero-grid{grid-template-columns:1fr 1.15fr .55fr;min-height:610px;gap:8px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-product{height:520px}.hero-product img{height:520px}.hero-watermark{font-size:280px}.hero-aside h3{font-size:35px}.hero-aside{padding-left:5px}.orbit{width:280px}.products{gap:10px}.product-stage{padding:10px 3px}}
@media(max-width:760px){header{height:76px}.brand{font-size:17px}.navcta{padding:10px 13px}.hero-grid{display:grid;grid-template-columns:1fr;min-height:0;padding:32px 23px 0;gap:0}.hero h1{font-size:43px;letter-spacing:-2px;line-height:1.12;margin:20px 0}.hero h1 em{margin:0}.hero-copy p{font-size:13px;max-width:310px;margin-bottom:22px}.hero-copy .primary{width:100%;padding:16px}.hero .eyebrow.light{font-size:8px;letter-spacing:1.5px}.hero-product{height:380px;width:100%;margin:15px 0 0;overflow:hidden}.hero-product img{height:375px;width:100%;max-width:100%;object-fit:contain}.hero-watermark{font-size:250px;top:16%;left:10%;letter-spacing:-25px}.orbit{width:220px;left:20%;bottom:12px;height:30px}.hero-product .product-note{bottom:0}.product-note b{font-size:7px;letter-spacing:1.6px}.hero-aside{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:24px 0 0}.hero-aside>div{padding:15px 0 20px}.hero-aside h3{font-size:30px;margin:10px 0 7px;letter-spacing:-1px}.hero-aside span{font-size:8px}.hero-aside h3 .unit{font-size:20px}.hero-aside p{font-size:10px}.hero-foot{font-size:7px;padding:14px 23px}.range{padding:40px 0 45px}.range-title{display:block;margin-bottom:25px}.range-title h2{font-size:27px}.products{display:flex;gap:13px}.product{flex-basis:44%}.product-stage{padding:16px 8px 8px}.product>span{font-size:16px;padding-top:15px}.product span small{font-size:7px}.section{padding-top:55px;padding-bottom:55px}h2,.faq-heading h2{font-size:34px;letter-spacing:-1.5px}.split-heading{margin-bottom:28px}.factory-layout{display:block}.quality-top{gap:25px}.closing h2{font-size:31px}.package-info h3{font-size:28px}}
.hero-product{mix-blend-mode:multiply}.hero-watermark{display:none}.hero-grid{grid-template-columns:1.12fr 1.32fr .56fr}.hero h1{font-size:clamp(43px,3.8vw,58px);letter-spacing:-2.5px}.hero-product img{animation:none;transform:rotate(-3deg)}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:42px;letter-spacing:-2px}.hero-product img{transform:rotate(-3deg)}}
/* Draft 03: unified silver-cap brand vials */
.hero-product{mix-blend-mode:normal;isolation:isolate;height:600px}.hero-product .orbit{width:480px;height:480px;top:50px;left:0;background:#b8d5ed2b;border:1px solid #bcd4e344;filter:none}.vial-scene{position:relative;width:100%;height:560px;isolation:isolate;background-image:linear-gradient(#a6c8de13 1px,transparent 1px),linear-gradient(90deg,#a6c8de13 1px,transparent 1px);background-size:40px 40px;border-radius:28px}.hero-product .vial-scene img{position:absolute;object-fit:contain;width:68%;height:88%;max-width:none;mix-blend-mode:normal;mask-image:none;filter:drop-shadow(0 18px 10px #27475c18);transform-origin:50% 80%;will-change:transform}.hero-product .vial-main{left:16%;top:-1%;z-index:3;animation:brand-center 7s ease-in-out infinite}.hero-product .vial-left{width:58%;height:76%;left:-10%;top:20%;z-index:2;animation:brand-left 8s ease-in-out infinite}.hero-product .vial-right{width:58%;height:76%;right:-10%;top:21%;z-index:4;animation:brand-right 8.5s ease-in-out infinite}.hero-product .product-note{bottom:5px}.product-stage{background:radial-gradient(ellipse at 50% 45%,#fff,#eaf1f6);padding:12px 0 5px}.product img{mix-blend-mode:normal;aspect-ratio:1/1.35;object-fit:contain;filter:drop-shadow(0 6px 4px #24465c12)}
@keyframes brand-center{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes brand-left{0%,100%{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-9px) rotate(-11deg)}}
@keyframes brand-right{0%,100%{transform:translateY(-5px) rotate(13deg)}50%{transform:translateY(7px) rotate(10deg)}}
@media(max-width:1100px) and (min-width:761px){.hero-product{height:510px}.vial-scene{height:470px}.hero-product .orbit{width:330px;height:330px}}
@media(max-width:760px){.hero-product{height:370px;overflow:visible}.vial-scene{height:350px;width:100%}.hero-product .orbit{width:280px;height:280px;left:calc(50% - 140px);top:30px}.hero-product .vial-scene img{height:85%;width:66%}.hero-product .vial-main{left:17%;top:0}.hero-product .vial-left{left:-7%;top:20%;width:56%;height:73%}.hero-product .vial-right{right:-7%;top:20%;width:56%;height:73%}.hero-product .product-note{bottom:0}.product-stage{padding:10px 0 4px}}
@media(prefers-reduced-motion:reduce){.hero-product .vial-main{animation:none;transform:none}.hero-product .vial-left{animation:none;transform:rotate(-13deg)}.hero-product .vial-right{animation:none;transform:rotate(12deg)}}

/* D site original vial artwork and label layout. Product code and mass remain live text. */
.product-stage{display:grid;place-items:center;background:linear-gradient(135deg,#edf4ff,#f6f9fe)}
.d-vial{position:relative;display:block;width:130%;aspect-ratio:1;background:url('assets/d-vial-cutout.webp') center/contain no-repeat;container-type:inline-size;transition:transform .4s ease}
.product:hover .d-vial{transform:translateY(-5px)}
.d-label{position:absolute;left:34%;top:40%;width:32%;height:32%;padding:0;text-align:left;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#172740}
.d-label small{display:flex;align-items:center;justify-content:flex-start;position:static;margin:0 0 1.2cqw;height:auto}
.d-symbol{display:block;width:10cqw;aspect-ratio:1.36;overflow:hidden;flex:none}
.product .d-symbol img{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain;transform:none;filter:none}
.d-label strong{display:flex;align-items:center;white-space:nowrap;font-family:Arial,sans-serif;font-size:9.2cqw;font-weight:750;line-height:1.05;height:10cqw;color:#102844;letter-spacing:-.08px}
.d-label b{position:static;display:block;font-family:Arial,sans-serif;font-size:4.7cqw;line-height:1.2;font-weight:500;color:#6a7b8e;margin-top:.2cqw;letter-spacing:0}
.d-label em{display:block;font-family:Arial,sans-serif;font-style:normal;font-weight:700;border-top:.18cqw solid #a9b7c7;margin-top:1.4cqw;padding-top:1.1cqw;font-size:1.3cqw;line-height:1.35;color:#536477;letter-spacing:0}
@media(prefers-reduced-motion:reduce){.product:hover .d-vial{transform:none}}
.product .d-symbol{display:block;padding:0;margin:0;width:10cqw;height:auto;aspect-ratio:1.36;overflow:hidden;flex:none}
.product .d-symbol img{width:100%;height:auto;min-height:0;aspect-ratio:auto}
/* Draft 06: five chapters, restrained motion without scroll locking. */
.layer-scene{height:260px;position:relative;perspective:850px;isolation:isolate;margin:0 0 5px}
.pack-plane{position:absolute;left:12%;width:76%;height:95px;top:110px;border:1px solid #9bbac5;border-radius:8px;background:#d4e0e5;transform:rotateX(45deg) rotateZ(-12deg);box-shadow:7px 14px 18px #254e6412;transition:transform 1s cubic-bezier(.2,.8,.2,1),background .45s,border-color .45s;display:flex;align-items:center;justify-content:center}
.pack-plane span{position:absolute;bottom:9px;left:12px;font-size:8px;letter-spacing:1px;color:#315a6a}
.plane-outer{background:linear-gradient(135deg,#c4d8e0,#e9f0f3);border-bottom:10px solid #a4bdc8;z-index:1}
.plane-cushion{background:repeating-linear-gradient(90deg,#f3f7f9 0 8px,#e1ebf0 8px 10px);border-bottom:8px solid #cbdce4;z-index:2}
.plane-product{background:#f6fafc;border-bottom:6px solid #cfdee7;z-index:3;gap:12px}
.plane-product i{width:19px;height:35px;border:1px solid #9fb5c3;border-top:7px solid #8d9aa3;border-radius:4px;background:linear-gradient(90deg,#d5e5ec,#fff,#e3edf2);margin-bottom:15px}
.is-expanded .plane-outer{transform:translateY(50px) rotateX(45deg) rotateZ(-12deg)}
.is-expanded .plane-cushion{transform:translateY(-16px) rotateX(45deg) rotateZ(-12deg)}
.is-expanded .plane-product{transform:translateY(-88px) rotateX(45deg) rotateZ(-12deg)}
.layer-scene[data-active="0"] .plane-outer,.layer-scene[data-active="1"] .plane-cushion,.layer-scene[data-active="2"] .plane-product{border-color:#188895;box-shadow:0 0 0 2px #18889533,7px 14px 18px #254e6412}
.layer-caption{display:block;font-size:7px;letter-spacing:1px;color:#6c8491;margin:0 0 24px}
.package-info{padding-top:30px}.package-visual{align-self:start;position:sticky;top:28px}.package-visual>img{height:570px}.layer-tabs button,.pin{transition:background .25s,box-shadow .25s,transform .25s}.layer-tabs button:hover,.pin:hover{transform:translateY(-3px)}
.feedback-progress{height:2px;background:#d5e1e4;margin:12px 0 0;overflow:hidden}.feedback-progress span{display:block;width:33.333%;height:100%;background:#237f8b;transition:transform .12s linear}.arrows button:disabled{opacity:.3;cursor:default}.feedback-card{transition:box-shadow .3s,background .3s}.feedback-card:hover{background:white;box-shadow:0 8px 20px #224f6012}.faqs summary:after{transition:transform .25s}.faqs details[open] summary:after{transform:rotate(180deg)}
@media(max-width:760px){.layer-scene{height:225px}.pack-plane{height:80px;top:95px}.package-visual{position:relative;top:auto}.package-visual>img{height:280px;min-height:0}.hero-product .vial-main{animation-duration:10s}.hero-product .vial-left{animation-duration:11s}.hero-product .vial-right{animation-duration:12s}.layer-caption{font-size:7px}.pack-plane span{font-size:8px}.plane-product{gap:10px}}
@media(prefers-reduced-motion:reduce){.pack-plane{transition:none}.layer-scene .plane-outer{transform:translateY(50px) rotateX(45deg) rotateZ(-12deg)}.layer-scene .plane-cushion{transform:translateY(-16px) rotateX(45deg) rotateZ(-12deg)}.layer-scene .plane-product{transform:translateY(-88px) rotateX(45deg) rotateZ(-12deg)}}
.layer-scene{height:280px}@media(max-width:760px){.layer-scene{height:250px}}

/* Shipment presentation: real packaging format, clear delivery commitments. */
.shipment-showcase{grid-template-columns:1.2fr 1fr;background:#edf3f5;align-items:center}.shipment-showcase .package-visual{position:relative;top:auto;height:auto;align-self:center}.shipment-showcase .package-visual>img{height:auto;min-height:0;aspect-ratio:3/2;object-fit:contain;transform:none}.shipment-showcase .image-note{background:transparent;color:#536f78;font-size:9px;bottom:4px}.shipment-showcase .package-info{padding:40px 34px}.shipment-showcase .package-info h3{font-size:34px;margin:20px 0 26px}.shipping-promises{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.shipping-promises strong{font-family:Manrope,Arial,sans-serif;font-size:58px;line-height:1;color:#087b73;font-weight:500;letter-spacing:-3px;display:block}.shipping-promises strong span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:12px;letter-spacing:0;margin:8px 0 12px;color:#536f78}.shipping-promises h4{font-size:14px;line-height:1.5;margin:0}.shipping-promises .replacement{grid-column:1/-1;border-top:1px solid #cadadd;padding-top:19px;display:flex;align-items:center;gap:15px}.promise-check{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d1e7df;color:#087b73;font-size:23px}.shipment-showcase .package-info .shipping-fineprint{font-size:11px;line-height:1.7;margin:21px 0 12px;min-height:0;color:#5c7278}.shipment-showcase .text-btn{font-size:13px}
@media(max-width:900px){.shipment-showcase{grid-template-columns:1fr}.shipment-showcase .package-visual{width:100%}.shipment-showcase .package-info{padding:30px}.shipment-showcase .package-info h3{font-size:30px}.shipment-showcase .package-info .shipping-fineprint{font-size:12px}}

/* Consistent vector icons: never render as platform emoji. */
.ui-arrow{display:inline-block;width:18px;height:18px;min-width:18px;vertical-align:middle;flex-shrink:0}.text-btn .ui-arrow{width:15px;height:15px;min-width:15px;margin-left:5px}.feedback-card .ui-arrow{width:17px;height:17px}.product .ui-arrow{width:16px;height:16px}.process-step b{display:flex;align-items:center;padding-top:4px}.navcta span{display:inline-flex;vertical-align:middle}
.whatsapp-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;background:#20bd62;color:white;z-index:20;box-shadow:0 5px 20px #123c3326;isolation:isolate;transition:background .2s,transform .2s}.whatsapp-float svg{width:30px;height:30px;position:relative;z-index:1}.whatsapp-float::before{content:"";position:absolute;inset:-1px;border-radius:50%;background:#25d366;opacity:.15;z-index:-1;animation:whatsapp-breathe 3.2s ease-out infinite;pointer-events:none}.whatsapp-float:hover{background:#17a952;transform:translateY(-2px)}.whatsapp-float:focus-visible{outline:3px solid #153c3c;outline-offset:6px}body:has(dialog[open]) .whatsapp-float{visibility:hidden}
@keyframes whatsapp-breathe{0%,100%{transform:scale(1);opacity:.2}65%{transform:scale(1.32);opacity:0}}
@media(max-width:760px){.whatsapp-float{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:56px;height:56px}body{padding-bottom:0}footer{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float::before{animation:none;display:none}.whatsapp-float{transition:none}}

/* Wholesale positioning within the existing five-screen story. */
.hero-copy .business-value{margin:0 0 25px;max-width:370px}.hero-copy .business-value strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(19px,1.7vw,24px);font-weight:600;line-height:1.4;letter-spacing:-.4px;color:#126f7a}.hero-copy .business-value p{margin:12px 0 0;max-width:360px;font-size:14px;line-height:1.7}.hero-copy .undercta{max-width:360px;line-height:1.7}.partner-benefits{padding:0 0 22px}.partner-benefits ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:10px}.partner-benefits li{font-size:14px;line-height:1.5;display:flex;align-items:center;gap:10px}.partner-benefits li::before{content:"";width:5px;height:5px;border-radius:50%;background:#168b82;flex-shrink:0}.closing h2{font-size:clamp(32px,3.5vw,50px)}
@media(max-width:760px){.hero-copy .business-value{max-width:none;margin-bottom:23px}.hero-copy .business-value strong{font-size:22px}.hero-copy .business-value p{max-width:none;font-size:15px}.hero-copy .undercta{max-width:none;font-size:11px}.partner-benefits{padding-top:8px}.partner-benefits li{font-size:15px}}

.email-section{padding-top:32px;padding-bottom:32px}.email-section details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.email-section summary{list-style:none;display:flex;align-items:center;gap:18px;padding:27px 0;cursor:pointer}.email-section summary::-webkit-details-marker{display:none}.email-symbol{display:grid;place-items:center;width:46px;height:46px;background:#eaf0ee;border-radius:50%;flex-shrink:0;color:#127c77}.email-symbol svg{width:23px;height:23px}.email-section summary strong{display:block;font-size:18px;font-weight:500;line-height:1.4}.email-section summary small{display:block;font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5}.email-chevron{width:22px;height:22px;margin-left:auto;flex-shrink:0;transition:transform .2s}.email-section details[open] .email-chevron{transform:rotate(180deg)}.email-body{border-top:1px solid var(--line);padding:32px 0 38px;display:grid;grid-template-columns:1fr 1.6fr;gap:65px}.email-intro h3{font-size:29px;font-weight:500;letter-spacing:-.8px;line-height:1.25;margin:18px 0 15px}.email-intro p{font-size:14px}.email-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.email-body label{display:block;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:18px}.email-body label span{font-size:11px;color:var(--muted);font-weight:400}.email-body input,.email-body textarea{display:block;width:100%;margin-top:8px;border:1px solid #c8d7d5;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:400;padding:13px 14px;outline:none}.email-body textarea{resize:vertical;min-height:120px}.email-body input:focus,.email-body textarea:focus{border-color:#137f79;box-shadow:0 0 0 3px #137f7915}.email-submit{display:flex;align-items:center;gap:20px}.email-submit .primary{background:#126f7a;color:white;white-space:nowrap;border-radius:6px}.email-submit p{font-size:11px;max-width:260px;line-height:1.6}.email-status{margin-top:16px;padding:13px 16px;background:#eaf2ef;font-size:13px}.closing a.backup{display:block;text-align:center;margin-top:18px}.email-section summary:focus-visible{outline:3px solid #5da9df;outline-offset:4px}
@media(max-width:760px){.email-section{padding-top:22px;padding-bottom:22px}.email-section summary{gap:12px;padding:22px 0}.email-section summary strong{font-size:17px}.email-section summary small{font-size:12px}.email-body{grid-template-columns:1fr;gap:25px;padding-top:25px}.email-fields{grid-template-columns:1fr;gap:0}.email-submit{align-items:stretch;flex-direction:column;gap:12px}.email-submit p{max-width:none}.email-intro h3{font-size:26px}}

#email-enquiry summary::after{display:none}.direct-email{padding:0 24px 26px;font-size:14px;overflow-wrap:anywhere}.direct-email a{color:inherit}.form-trap{position:absolute;left:-10000px;width:1px;height:1px}button:disabled{cursor:default;opacity:.65}:focus-visible{outline:2px solid #187d77;outline-offset:4px}

/* Standalone poster covers are visible before any video data loads. */
.video-cover-frame{position:relative;overflow:hidden;border-radius:6px;background:#173c36}.video-cover-frame video{display:block;width:100%}.video-cover{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#173c36;color:white;text-align:left}.video-cover[hidden]{display:none}.video-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,28,32,.78))}.video-cover-play{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.94);color:#126f7a;box-shadow:0 5px 28px #0003;transition:transform .2s}.video-cover-play svg{width:32px;height:32px;margin-left:4px}.video-cover:hover .video-cover-play{transform:translate(-50%,-50%) scale(1.07)}.video-cover-copy{position:absolute;left:25px;right:25px;bottom:24px}.video-cover-copy strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.5px}.video-cover-copy small{display:block;margin-top:8px;font-size:14px;color:#f0f5f5}.video-load-status{position:absolute;top:12px;left:12px;right:12px;background:#102c35de;color:white;padding:10px 14px;border-radius:5px;font-size:13px;pointer-events:none}.video-load-status[hidden]{display:none}
@media(max-width:760px){.factory-media .video-cover-frame video{height:auto;aspect-ratio:16/9}.video-cover-copy{left:18px;bottom:18px}.video-cover-copy strong{font-size:23px}.video-cover-copy small{font-size:13px}.video-cover-play{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.video-cover-play{transition:none}}