:root{--ink:#102d4c;--muted:#60778c;--line:#e1eaf2;--deep:#0d4c92;--accent:#126d3b;--accent2:#237f4b;--soft:#edf8f1;--soft2:#d1eadb;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1764a6;outline-offset:4px}::selection{background:#cde5f5;color:#082b49}.skip{position:absolute;top:-100px;left:12px;z-index:9999;background:#fff;padding:10px}.skip:focus{top:12px} .shell{max-width:1260px;margin-inline:auto;padding-inline:42px}
.site-head{height:83px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid #eaf0f6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.home-logo{display:block;flex-shrink:0}.home-logo img{height:65px;width:69px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-links a{font-size:12px;color:#3f5975;font-weight:750}.nav-links a:hover{color:var(--accent)}.nav .nav-cta{display:inline-flex;padding:12px 20px;color:#fff;background:#0e56a2;border-radius:50px;font-size:12px;font-weight:800;white-space:nowrap}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;color:var(--ink)}
.crumb{padding-top:26px;color:#7790a3;font-size:12px;font-weight:650}.crumb a{color:#2c6597}.crumb span{margin-inline:10px}
.hero{background:radial-gradient(ellipse at 72% 52%,var(--soft2),transparent 46%),linear-gradient(110deg,#fff 15%,var(--soft) 100%);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;min-height:690px;gap:24px}.hero-copy{padding:50px 0 70px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:850;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.eyebrow:before{content:"";width:20px;height:2px;border-radius:3px;background:var(--accent)}.brand-logo{height:74px;max-width:125px;object-fit:contain;object-position:left center;margin:22px 0 15px}.hero h1{font-size:clamp(56px,6vw,88px);font-weight:850;line-height:1.02;letter-spacing:-.07em;color:var(--accent);margin:0 0 16px}.hero-kicker{font-size:clamp(19px,2vw,26px);line-height:1.4;color:#264965;font-weight:670;margin:0 0 17px}.hero-text{font-size:16px;line-height:1.8;color:#607a90;max-width:480px;margin:0 0 28px}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:14px 23px;border-radius:50px;font-size:13px;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(18,63,93,.11)}.btn.outline{border-color:#b9cad9;background:#fff;color:#245b87}.hero-art{min-height:650px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;width:min(82%,570px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,.23) 52%,transparent 72%);box-shadow:0 0 0 1px rgba(255,255,255,.45)}.hero-bottle{height:580px;max-height:64vw;width:85%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 22px 22px rgba(19,65,85,.12));animation:rise .85s var(--ease) both}.hero-art .float-label{position:absolute;right:0;bottom:17%;font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--accent);border-radius:50px;border:1px solid rgba(40,80,90,.13);background:rgba(255,255,255,.8);padding:11px 18px;z-index:2}
.kicker{font-size:11px;letter-spacing:.17em;color:var(--accent);font-weight:850;text-transform:uppercase;margin-bottom:12px}.section-title{font-size:clamp(32px,4vw,54px);line-height:1.12;letter-spacing:-.055em;color:#123a5d;margin:0 0 13px}.section-sub{color:#6b8498;line-height:1.8;font-size:15px;max-width:640px;margin:0}.section-head{text-align:center;margin:0 auto 40px}.section-head .section-sub{margin:auto}.line{height:1px;background:#e6eef4}
.range{padding:105px 0 115px;background:linear-gradient(180deg,#fff,#f7fafc 58%,#fff)}.range-layout{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #e4edf3;box-shadow:0 18px 68px rgba(17,59,95,.06);border-radius:30px;overflow:hidden}.range-stage{display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 52% 56%,var(--soft2),var(--soft) 66%,#fbfdfd);min-height:570px;overflow:hidden}.range-stage:before{content:"";position:absolute;width:76%;aspect-ratio:1;border:1px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.15)}.range-photo{width:86%;height:460px;object-fit:contain;z-index:1;filter:drop-shadow(0 20px 22px rgba(30,65,85,.12));transition:transform .35s var(--ease),opacity .2s}.range-photo.swap{opacity:0;transform:translateY(12px) scale(.97)}.range-photo.boxed{width:89%;height:350px;border-radius:16px}.range-caption{position:absolute;z-index:2;bottom:21px;left:28px;font-size:11px;color:#56768e;font-weight:750;letter-spacing:.11em}.range-side{padding:60px 46px;display:flex;flex-direction:column;justify-content:center}.range-side h3{font-size:39px;line-height:1.2;letter-spacing:-.05em;color:var(--accent);margin:0 0 12px}.range-desc{color:#6c8396;line-height:1.85;font-size:15px;margin:0 0 27px}.pick-label{font-size:11px;font-weight:850;letter-spacing:.13em;color:#597489;margin-bottom:14px}.vols{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}.vol{min-height:46px;padding:11px 15px;border:1px solid #d4e0e9;border-radius:12px;background:white;color:#345b7c;font-weight:750;font-size:13px}.vol:hover{border-color:var(--accent)}.vol[aria-pressed=true]{color:var(--accent);background:var(--soft);border:2px solid var(--accent);box-shadow:0 3px 13px rgba(25,60,85,.07)}.active-description{min-height:80px;font-size:14px;color:#678097;line-height:1.8}.mini-note{font-size:11px;line-height:1.7;color:#899aab;margin:16px 0 0}
.story{padding:110px 0}.story-grid{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:80px}.story-visual{min-height:440px;border-radius:30px;background:radial-gradient(circle at 50% 55%,var(--soft2),var(--soft) 65%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-visual img{max-height:375px;width:82%;object-fit:contain;filter:drop-shadow(0 16px 17px rgba(20,75,90,.10))}.story-copy p{color:#647e93;font-size:15px;line-height:1.9}.tagline{font-weight:750;color:var(--accent);margin-top:22px;font-size:16px}
.quality{padding:105px 0;background:#f7fafc}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:45px}.process-card{border:1px solid #e1eaf0;background:#fff;border-radius:22px;padding:29px 24px;min-height:205px}.process-card .n{color:var(--accent);font-size:12px;letter-spacing:.15em;font-weight:850;margin-bottom:24px}.process-card h3{font-size:17px;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}.process-card p{font-size:13px;line-height:1.8;color:#6d8495;margin:0}.quality-foot{color:#7890a3;font-size:12px;line-height:1.75;margin-top:25px}
.use{padding:105px 0}.use-grid{margin-top:43px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.use-card{border:1px solid #e8eef4;border-radius:23px;padding:30px 27px;background:linear-gradient(155deg,#fff,var(--soft));min-height:210px}.use-icon{font-size:25px;line-height:1;margin-bottom:24px;color:var(--accent)}.use-card h3{font-size:19px;margin:0 0 11px;letter-spacing:-.03em}.use-card p{font-size:14px;color:#687f94;line-height:1.75;margin:0}
.faq{background:#f8fafc;padding:95px 0}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq details{border-bottom:1px solid #e1e9f0;padding:18px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:750;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:22px;color:var(--accent);font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{color:#607a91;line-height:1.8;font-size:14px;margin:14px 26px 7px 0}
.cross{padding:100px 0}.cross-panel{background:linear-gradient(100deg,#fff,var(--crosssoft));border:1px solid #e5ebf2;border-radius:28px;padding:32px 42px;display:grid;grid-template-columns:1fr 170px;align-items:center;gap:30px}.cross-panel h2{font-size:30px;letter-spacing:-.045em;margin:6px 0 14px}.cross-panel p{color:#617c91;max-width:580px;line-height:1.8}.cross-panel img{height:210px;width:160px;object-fit:contain;justify-self:center}.cross-panel .cross-link{font-size:13px;font-weight:850;color:#15599a}
.contact{padding:87px 0;background:linear-gradient(110deg,#0d4686,#0b59a5);color:white}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:clamp(30px,3.6vw,45px);letter-spacing:-.05em;margin:0 0 14px}.contact p{margin:0;color:#d8e9fb;line-height:1.8;max-width:650px}.contact .btn{background:#fff;color:#0b519d}.footer{background:#081f39;color:#aebfd2;padding:53px 0 24px}.foot-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer img{height:75px;width:78px;object-fit:contain;background:#fff;padding:7px;border-radius:13px;opacity:1}.footer h4{font-size:12px;letter-spacing:.11em;color:#fff;margin:12px 0 22px}.footer p,.footer a{font-size:13px;line-height:1.85;color:#aebfd2}.footer a:hover{color:#fff}.footer .foot-links{display:flex;flex-direction:column;gap:9px}.foot-bottom{margin-top:42px;padding-top:17px;border-top:1px solid #294056;font-size:11px;line-height:1.6}
.inview{opacity:1;transform:none}.js .inview{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.js .inview.in{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.shell{padding-inline:28px}.nav-links{gap:18px}.hero-grid{min-height:610px}.hero-art{min-height:570px}.hero-bottle{height:500px}.range-side{padding:45px 30px}.story-grid{gap:37px}.process-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{gap:42px}}
@media(max-width:720px){.shell{padding-inline:20px}.site-head{height:70px}.home-logo img{height:57px;width:61px}.nav-cta{display:none!important}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;padding:16px 20px 22px;background:#fff;box-shadow:0 15px 20px rgba(28,59,83,.08);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 8px;font-size:14px}.crumb{padding-top:20px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:auto}.hero-copy{text-align:center;padding:48px 0 0}.eyebrow:before{display:none}.brand-logo{margin:15px auto 10px;height:67px}.hero h1{font-size:clamp(46px,13vw,66px)}.hero-kicker{font-size:19px}.hero-text{margin:0 auto 23px;font-size:14px}.cta-row{justify-content:center}.hero-art{min-height:400px}.hero-bottle{height:400px;max-height:55vh}.hero-art .float-label{right:0;bottom:9%}.range,.story,.quality,.use,.faq,.cross{padding:72px 0}.section-head{margin-bottom:25px}.section-title{font-size:clamp(30px,9vw,41px)}.range-layout{grid-template-columns:1fr;border-radius:24px}.range-stage{min-height:395px}.range-photo{height:350px}.range-photo.boxed{height:290px}.range-side{padding:33px 24px 40px}.range-side h3{font-size:32px}.story-grid{grid-template-columns:1fr;gap:29px}.story-visual{min-height:330px}.story-visual img{max-height:285px}.process-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.process-card{padding:19px 16px;min-height:190px}.process-card h3{font-size:15px}.use-grid{grid-template-columns:1fr;gap:12px;margin-top:27px}.use-card{min-height:auto;padding:26px}.use-icon{margin-bottom:14px}.faq-grid{grid-template-columns:1fr;gap:20px}.cross-panel{grid-template-columns:1fr 115px;padding:22px;gap:12px}.cross-panel img{height:150px;width:115px}.cross-panel h2{font-size:23px}.contact{padding:65px 0}.contact-grid{flex-direction:column;align-items:flex-start}.foot-row{grid-template-columns:1fr 1fr;gap:24px}.foot-row>div:first-child{grid-column:span 2}}
@media(max-width:390px){.shell{padding-inline:16px}.hero-art{min-height:350px}.hero-bottle{height:350px}.process-grid{grid-template-columns:1fr}.process-card{min-height:auto}.cross-panel{grid-template-columns:1fr}.cross-panel img{height:170px}.vol{font-size:12px}.cta-row .btn{font-size:12px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bottle{animation:none}.js .inview{opacity:1;transform:none;transition:none}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* V6.6 - A single CTA replaces duplicate technology cards; matching approved brand palette. */
.technology-cta {padding:75px 0;background:linear-gradient(135deg,#ffffff 0%,var(--soft) 100%);}
.technology-cta-inner {border:1px solid color-mix(in srgb,var(--accent) 25%,#e7eef5);border-radius:30px;background:linear-gradient(125deg,#ffffff 12%,var(--soft) 100%);padding:clamp(35px,5.5vw,75px);text-align:center;box-shadow:0 16px 48px rgba(10,58,104,.045)}
.technology-cta .section-title {font-size:clamp(32px,4.4vw,59px);max-width:900px;margin:14px auto 18px}
.technology-cta .section-sub {max-width:640px;margin:0 auto;font-size:15px;line-height:1.8}
.technology-cta .technology-link {display:inline-flex;justify-content:center;align-items:center;gap:10px;margin-top:28px;min-height:52px;padding:13px 25px}
@media(max-width:720px){.technology-cta{padding:60px 0}.technology-cta-inner{padding:38px 20px}.technology-cta .section-title{font-size:clamp(30px,8vw,42px)}.technology-cta .technology-link{width:100%;padding-inline:12px;font-size:12px}}