:root{--ink:#102c44;--green:#087b45;--muted:#637784;--paper:#fff;--line:#dce7eb;--lime:#d8f2a5}
body{font-family:'Segoe UI','Microsoft YaHei','Tahoma',sans-serif;background:#fff;color:var(--ink)}
h1,h2,h3{font-family:inherit}h2{font-size:44px;letter-spacing:-1.8px;line-height:1.17}h3{letter-spacing:-.5px}.wrap{max-width:1360px;padding-left:64px;padding-right:64px}.section{padding-top:100px;padding-bottom:100px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}
.announcement{padding:8px max(40px,calc((100vw - 1232px)/2));font-size:10px;background:#073d32;color:#e8f5ec}.announcement .region{font-size:9px}
header{background:#ffffffed;border-color:#e8eef0}.nav{height:88px}.wordmark{font-family:'Arial',sans-serif;font-size:48px;color:#064c30;letter-spacing:-3.6px}.nav nav{font-size:13px;gap:30px}.nav nav a{position:relative;padding:8px 0}.nav nav a:hover{color:var(--green)}.nav nav a:after{content:'';position:absolute;bottom:2px;left:0;width:0;height:2px;background:var(--green);transition:width .2s}.nav nav a:hover:after{width:100%}.language select{font-size:13px;max-width:125px}.language{color:#123b41}
.button{border-radius:100px;background:var(--green);color:#fff;box-shadow:0 7px 20px #087b4520;font-weight:600;font-size:13px;padding:16px 25px;gap:25px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);background:#056238;box-shadow:0 10px 24px #087b4530}.text-link{font-size:13px;font-weight:600;color:#174e49;border-color:#a7c6be;gap:16px}.dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0c9653;flex-shrink:0}
.hero{display:block;position:relative;isolation:isolate;background:linear-gradient(115deg,#f3fbff 0%,#e5f4ff 50%,#cceaff 100%);min-height:680px;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:680px;position:relative;z-index:2}.hero-copy{padding:80px 0 100px;justify-content:center;align-items:flex-start;position:relative;z-index:2}.hero h1,html[lang] .hero h1{font-size:clamp(42px,4.1vw,65px);font-weight:700;line-height:1.1;letter-spacing:-3px;max-width:650px;margin-bottom:24px;white-space:pre-line}.hero h1 em{font-family:inherit;font-style:normal;font-weight:700;color:var(--green)}.hero-desc{font-size:15px;line-height:1.9;max-width:450px;color:#48697b;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:25px;margin-bottom:40px}.hero-trust{display:flex;gap:30px;padding-top:24px;border-top:1px solid #b7d5e2;width:90%}.hero-trust>span{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.3px;font-weight:600;color:#3d6470}.hero-trust svg{height:25px;width:25px;flex-shrink:0;color:var(--green)}
.hero-stage{position:relative;align-self:stretch;min-height:620px}.stage-orbit{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid #fff9;left:12%;top:13%;box-shadow:0 0 0 38px #ffffff20,0 0 0 76px #ffffff12}.stage-note{position:absolute;top:45px;right:0;background:#ffffffc9;backdrop-filter:blur(12px);border:1px solid white;border-radius:30px;padding:11px 16px;display:flex;align-items:center;gap:9px;font-size:10px;max-width:90%;color:#356373}.hero-product{position:absolute;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#ffffffed;border:1px solid #fff;border-radius:30px;box-shadow:0 25px 55px #326b8d1c;padding:20px 18px 13px;transition:transform .35s}.hero-product:hover{transform:translateY(-8px) rotate(0deg)}.hero-product img{object-fit:contain;height:calc(100% - 28px);mix-blend-mode:multiply;flex:1;min-height:0}.hero-product>span{font-size:10px;letter-spacing:.8px;color:#426b7b;margin-top:10px}.hero-milk{left:29%;top:115px;width:220px;height:340px;transform:rotate(5deg);z-index:3}.hero-bio{left:0;top:270px;width:165px;height:255px;transform:rotate(-7deg);z-index:4}.hero-skim{right:-15px;top:320px;width:150px;height:220px;transform:rotate(10deg);z-index:2}.stage-caption{position:absolute;bottom:58px;left:10%;right:0;display:flex;gap:25px;align-items:center;color:#365f73;font-size:10px;letter-spacing:.8px}.stage-caption>span:first-child{color:#087b45;font-weight:700}.stage-caption a{margin-left:auto;border:1px solid #7caabe;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:20px}.hero-coast{position:absolute;inset:0;background:linear-gradient(90deg,#eff9fffa 0%,#eaf6ffd9 42%,#d5efff80 100%),url('assets/australian-coast-v2.png') center 63%/cover;z-index:0}.hero:after{content:'';height:40px;position:absolute;bottom:-1px;left:-5%;right:-5%;background:white;border-radius:70% 70% 0 0;z-index:3}
.brand-strip{padding-top:36px;padding-bottom:36px;gap:55px;border-bottom:1px solid var(--line)}.brand-strip>p{font-size:11px;color:#596f78}.brand-strip .bio-logo{font-size:37px;color:#0086b7}.brand-strip .max-logo{font-size:36px;color:#184a9b}.brand-strip .strip-end{font-size:10px}.brand-strip .bio-logo small{font-size:5px;letter-spacing:1.5px}
.about{grid-template-columns:1.05fr 1fr;gap:85px;align-items:center}.about-photo{position:relative;height:510px;border-radius:28px;overflow:hidden}.about-photo>img{height:100%;object-fit:cover;object-position:57% center}.about-photo-note{position:absolute;bottom:22px;left:22px;right:22px;background:#fffffff0;border:1px solid white;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:12px;backdrop-filter:blur(12px);color:#41636a;font-size:11px}.about-photo-note>span:first-child{font-weight:800;letter-spacing:2px;color:#087b45}.about-body .eyebrow{margin-bottom:20px}.about-body .lead{font-size:19px;line-height:1.7;color:#274f5c}.about-body>p{font-size:14px;line-height:1.9}.company-meta{gap:20px;padding-top:20px;margin-top:28px;margin-bottom:25px}.company-meta strong{font-size:21px;font-weight:600;color:#087b45}.company-meta span{font-size:9px}
.brands-section{background:#f0f7fa;padding:90px 0}.brands-section>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brands-section .section-heading{grid-column:1/-1;margin-bottom:8px}.section-heading h2{font-size:40px;max-width:650px}.section-heading>p{font-size:13px;line-height:1.8;max-width:350px}.brand-feature{display:flex;flex-direction:column;border:1px solid #e2ecf0;border-radius:24px;margin-top:0;transition:box-shadow .25s,transform .25s;background:#fff}.brand-feature:hover{box-shadow:0 16px 32px #1a52660d;transform:translateY(-4px)}.brand-content{padding:34px 36px;flex:1}.index-label{font-size:10px;letter-spacing:1.8px;margin-bottom:22px}.brand-content .bio-logo{color:#0086b7;font-size:43px}.brand-content .max-logo{color:#164a95;font-size:42px}.brand-content h3{font-size:27px;max-width:100%;line-height:1.25;min-height:68px}.brand-content>p:not(.index-label){font-size:13px;line-height:1.9;max-width:100%;min-height:95px}.tags{margin:20px 0}.tags span{font-size:10px;border-color:#d1e1e6;background:#f8fbfc}.brand-links{gap:20px;align-items:center}.external{font-size:11px}.brand-visual{height:245px;min-height:245px;order:0;padding:24px;justify-content:center;background:#e9f7fa;border-top:1px solid #e0edf1}.brand-visual>img{max-height:190px;width:85%;object-fit:contain}.circle-art{width:240px;height:240px;left:25%;top:0;border-color:#cfe5e9}.circle-art:after{border-color:#cfe5e9}.visual-note{font-size:8px;letter-spacing:1.2px;bottom:16px;text-align:center;color:#537e8c}.max-visual{background:linear-gradient(130deg,#eef5ff,#deeafd);min-height:245px}.floating-product{inset:20px 32% 35px}.floating-product img{width:100%;height:100%;filter:drop-shadow(0 10px 10px #124c6b18)}
.products .section-heading{margin-bottom:35px}.catalog-tools{padding-bottom:23px;gap:25px}.filters button{font-size:12px;padding:9px 22px;background:#f2f6f8;border-color:#e8eef0}.filters button.active{background:#087b45;border-color:#087b45}.search{border-radius:30px;padding:5px 18px;background:#f7fafb;border-color:#dae7eb}.search input{font-size:12px;width:230px}.results-meta{font-size:10px;margin:24px 0}.product-grid{gap:28px 20px}.product-card{border:1px solid #e2ecef;border-radius:18px;overflow:hidden;background:#fff;transition:box-shadow .25s,transform .25s}.product-card:hover{box-shadow:0 15px 25px #224a6310;transform:translateY(-4px)}.product-img{border-radius:0;height:260px;background:#f1f7f9;padding:35px 25px 20px}.product-badge{font-size:9px;top:15px;left:18px}.product-info{padding:22px 20px}.product-brand{font-size:10px;color:#008054;font-weight:700;letter-spacing:.3px}.product-info h3{font-size:15px;font-weight:600;line-height:1.5}.product-info>p{font-size:11px;line-height:1.8}.detail-button{font-size:11px;padding-top:14px}.product-note{font-size:11px;line-height:1.8}
.bridge{margin:0 auto 0;max-width:1440px;grid-template-columns:1fr 1fr;border-radius:0;overflow:hidden}.bridge-photo{min-height:460px}.bridge-copy{padding:65px 65px;background:linear-gradient(125deg,#075b46,#064634);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.bridge-copy .eyebrow{color:#aee1c1}.bridge-copy h2{font-size:41px;line-height:1.2;color:white}.bridge-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#c1e0d3}.button.light{background:white;color:#075b46;box-shadow:none}.button.light:hover{background:#e4f5e8}
.lead-section{background:#eff6f8;padding:100px 0}.lead-layout{grid-template-columns:.8fr 1.2fr;gap:80px}.lead-intro{top:130px}.lead-intro h2{font-size:42px;max-width:390px}.lead-intro>p:not(.eyebrow){font-size:14px;max-width:350px}.lead-required-note{font-size:11px!important}.lead-form{border:1px solid #dde9ee;border-radius:22px;background:white;padding:38px;box-shadow:0 15px 35px #1e4a6010}.lead-form label,.lead-form legend{font-size:13px}.lead-form input[type=text],.lead-form input[type=tel],.lead-form input[type=email]{background:#f3f7f9;border:1px solid #d9e4e9;border-radius:8px;font-size:14px;padding:14px;min-height:50px}.lead-form .brand-choice{border-radius:8px;background:#f7fafb;border-color:#d5e2e8}.lead-form .brand-choice:has(input:checked){border-color:var(--green);background:#edf8ed}.lead-privacy{font-size:11px}.lead-form .lead-submit{font-size:14px;min-height:52px}.lead-status{border-radius:5px}
.contact{gap:90px}.contact h2{font-size:39px}.contact>div>p:not(.eyebrow){font-size:13px}.contact-fields{max-width:100%;margin-top:28px}.contact-fields>div{padding:18px 0;gap:7px;font-size:16px}.contact-fields>div>span:first-child{font-size:11px}.contact-fields a:hover{color:var(--green);text-decoration:underline}.social-panel{padding:34px 36px;background:#f6fafb;border-radius:20px;border-color:#dce9ed}.social-panel h3{font-size:29px}.social-panel>p:not(.eyebrow){font-size:13px;line-height:1.8}.social-row{padding:14px 0;font-size:13px}.social-row:hover{color:#087b45}.social-row svg{width:17px;height:17px}
footer{background:#083f35;color:#e1f1e8;padding-top:55px}.footer-top .wordmark{color:white}.footer-top>div>p{color:#a9ccc0;font-size:12px}.footer-top>div>span{color:#94c8b2;font-size:10px}.footer-top>div>a:not(.wordmark){font-size:12px;margin:9px 0}.back-top{border-color:#417968;color:white}.footer-bottom{border-color:#2f6454;color:#a4c4b7;font-size:10px}.dialog-layout .button{font-size:12px}.dialog-layout p{font-size:13px}dialog{border-radius:24px}
@media(min-width:1600px){.hero-copy{padding-left:0}.hero-inner{min-height:740px}.hero-stage{min-height:740px}.hero-milk{top:145px}.hero-bio{top:300px}.hero-skim{top:350px}.stage-caption{bottom:80px}}
@media(max-width:1100px){.wrap{padding-left:36px;padding-right:36px}.nav nav{gap:20px;font-size:12px}.nav{gap:20px}.hero h1,html[lang] .hero h1{font-size:48px;letter-spacing:-2px}.hero-inner{grid-template-columns:1.05fr 1fr}.hero-product{border-radius:24px}.hero-milk{width:185px;height:290px;left:25%;top:140px}.hero-bio{width:140px;height:220px;top:310px}.hero-skim{width:130px;height:190px;right:-10px;top:355px}.stage-orbit{width:320px;height:320px;top:24%;left:4%}.hero-actions{gap:18px;flex-wrap:wrap}.about{gap:40px}.brand-strip{gap:30px}.brand-strip .strip-end{display:none}.about-photo{height:470px}.company-meta strong{font-size:18px}.brands-section>.wrap{gap:20px}.brand-content{padding:30px}.brand-content>p:not(.index-label){min-height:120px}.lead-layout{gap:45px}.product-grid{grid-template-columns:repeat(3,1fr)}.contact{gap:50px}.bridge-copy{padding:45px}.bridge-copy h2{font-size:34px}}
@media(max-width:800px){.nav nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:20px 32px;box-shadow:0 20px 30px #13354612;flex-direction:column}.nav nav.open{display:flex}.nav{height:80px}#menu{display:block}.wordmark{font-size:42px}.hero-inner{grid-template-columns:1fr 1fr}.hero h1,html[lang] .hero h1{font-size:41px;letter-spacing:-1.7px}.hero-copy{padding:65px 0 85px}.hero-stage{min-height:630px}.hero-desc{font-size:14px}.hero-milk{left:12%;width:175px;height:275px;top:160px}.hero-bio{left:-10%;width:125px;height:200px;top:350px}.hero-skim{right:-10%;width:115px;height:180px;top:380px}.stage-note{font-size:9px;top:75px;max-width:100%}.stage-caption{left:0;gap:10px;bottom:48px}.hero-trust{gap:15px;width:100%;flex-wrap:wrap}.brand-strip .bio-logo{font-size:30px}.brand-strip .max-logo{font-size:28px}.brand-strip{gap:25px}.about h2{font-size:36px}.about-photo{height:450px}.about-body .lead{font-size:17px}.about-body>p{font-size:13px}.company-meta{gap:10px;flex-wrap:wrap}.brand-content h3{font-size:24px}.brand-links{gap:15px}.brand-content{padding:26px}.lead-layout{grid-template-columns:1fr;gap:30px}.lead-intro{position:static}.lead-intro h2,.lead-intro>p:not(.eyebrow){max-width:650px}.lead-form{padding:32px}.bridge-copy{padding:35px}.bridge-copy h2{font-size:31px}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.announcement{padding:7px 22px;font-size:9px}.announcement .region{display:none}.nav{height:72px;gap:15px}.nav nav{top:72px}.wordmark{font-size:39px}.language select{font-size:12px;max-width:116px}.hero-inner{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:42px 0 20px;align-items:flex-start}.hero .eyebrow{margin-bottom:18px;font-size:9px}.hero h1,html[lang] .hero h1{font-size:43px;letter-spacing:-2px;line-height:1.13;margin-bottom:20px;max-width:100%}html[lang=zh] .hero h1{font-size:45px;letter-spacing:0}html[lang=th] .hero h1{font-size:34px;letter-spacing:-.3px}html[lang=fil] .hero h1,html[lang=vi] .hero h1,html[lang=ms] .hero h1{font-size:37px;letter-spacing:-1.2px}.hero-desc{font-size:13px;line-height:1.9;margin-bottom:22px;max-width:100%}.hero-actions{gap:20px;margin-bottom:25px}.hero .button{padding:13px 20px;font-size:12px;gap:18px}.hero .text-link{font-size:11px}.hero-trust{padding-top:17px;gap:22px}.hero-trust>span{font-size:9px}.hero-trust svg{width:21px;height:21px}.hero-stage{height:390px;min-height:390px;margin-bottom:28px;width:100%}.stage-note{top:12px;right:0;font-size:8px;padding:8px 11px}.hero-milk{left:30%;top:65px;width:155px;height:240px;z-index:3}.hero-bio{left:2%;top:145px;width:119px;height:185px}.hero-skim{right:0;top:200px;width:105px;height:155px}.hero-product{padding:15px 12px 9px;border-radius:19px}.hero-product>span{font-size:8px;letter-spacing:0}.stage-orbit{top:50px;left:16%;width:260px;height:260px}.stage-caption{bottom:0;left:2%;right:0;font-size:8px;gap:15px}.stage-caption a{width:30px;height:30px;font-size:16px}.hero-coast{background:linear-gradient(180deg,#edf9fffe 0%,#e6f5ffef 45%,#e3f5ffa0 100%),url('assets/australian-coast-v2.png') center/cover}.hero:after{height:22px}.brand-strip{gap:17px;padding-top:26px;padding-bottom:26px}.brand-strip>p{font-size:8px;max-width:80px;flex:1;min-width:0}.brand-strip .bio-logo{font-size:24px;flex-shrink:0}.brand-strip .bio-logo small{font-size:4px;letter-spacing:.9px}.brand-strip .max-logo{font-size:24px;flex-shrink:0}.brand-strip sup{font-size:7px;margin:2px}.strip-line{display:none}.section{padding-top:62px;padding-bottom:62px}h2,.section-heading h2{font-size:32px;letter-spacing:-1px}.about{display:flex;flex-direction:column;gap:30px}.about-photo{height:340px;width:100%;border-radius:20px}.about-photo-note{bottom:15px;left:15px;right:15px;padding:12px 15px;font-size:9px}.about h2{font-size:34px}.about-body .lead{font-size:18px}.about-body>p{font-size:13px}.company-meta{justify-content:flex-start;gap:30px}.company-meta strong{font-size:20px}.company-meta span{font-size:8px}.brands-section{padding:60px 0}.brands-section>.wrap{grid-template-columns:1fr;gap:23px}.section-heading{display:block}.section-heading>p{font-size:13px;margin-top:18px}.brand-content{padding:29px}.brand-content h3{min-height:0;font-size:26px}.brand-content>p:not(.index-label){min-height:0;font-size:13px}.brand-visual{height:235px;min-height:235px}.brand-content .bio-logo{font-size:39px}.brand-content .max-logo{font-size:38px}.brand-links .text-link{font-size:12px}.brand-links .external{font-size:10px}.catalog-tools{flex-direction:column;align-items:stretch;gap:18px}.filters button{padding:8px 16px;font-size:11px}.search input{width:100%;font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.product-img{height:190px;padding:30px 17px 17px}.product-info{padding:15px 12px}.product-info h3{font-size:12px;line-height:1.55}.product-info>p{font-size:10px}.product-badge{font-size:7px;top:12px;left:11px;right:6px}.detail-button{font-size:10px}.product-card{border-radius:14px}.results-meta{font-size:8px;gap:15px}.product-note{font-size:10px}.bridge{grid-template-columns:1fr}.bridge-photo{height:310px;min-height:310px}.bridge-copy{padding:40px 26px}.bridge-copy h2{font-size:32px}.bridge-copy>p:not(.eyebrow){font-size:13px}.bridge-copy .eyebrow{font-size:9px}.lead-section{padding:60px 0}.lead-layout{gap:26px}.lead-intro h2{font-size:33px}.lead-intro>p:not(.eyebrow){font-size:13px}.lead-form{padding:25px 20px;border-radius:18px}.lead-row{grid-template-columns:1fr;gap:0}.lead-form input[type=text],.lead-form input[type=tel],.lead-form input[type=email]{font-size:16px}.lead-form .brand-choice{min-width:125px;font-size:13px}.lead-form label,.lead-form legend{font-size:12px}.lead-privacy{font-size:10px}.contact{grid-template-columns:1fr;gap:32px}.contact h2{font-size:32px}.contact-fields>div{font-size:15px}.social-panel{padding:27px 25px;border-radius:18px}.social-panel h3{font-size:27px}.social-panel>p:not(.eyebrow){font-size:12px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>.back-top{position:absolute;right:22px}.footer-bottom{font-size:9px;flex-direction:column;gap:9px}.dialog-layout{grid-template-columns:1fr}.dialog-image img{max-height:210px}.dialog-layout h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.hero-product:hover,.button:hover,.product-card:hover,.brand-feature:hover{transform:none}}