*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#eeeae1;color:#171b20;font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.announcement{height:32px;background:#202a34;color:#f4c44c;display:flex;justify-content:space-between;align-items:center;padding:0 6.5%;font-size:9px;letter-spacing:1.5px;font-weight:800}.header{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:#f8f6f0;position:sticky;top:0;z-index:20;border-bottom:1px solid #dcd8cf}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:43px;height:43px;background:#e7b83c;color:#111820;display:grid;place-items:center;font-family:"Barlow Condensed";font-size:34px;font-weight:900;transform:skew(-7deg)}.brand-name{font-family:"Barlow Condensed";font-size:27px;line-height:.78;font-weight:900;letter-spacing:-.5px}.brand-name>span{color:#c18b17}.brand-name small{display:block;font:800 7px "DM Sans";letter-spacing:2px;margin-top:7px}.nav{display:flex;gap:29px}.nav a,.header-cta{font-size:9px;letter-spacing:1.1px;font-weight:800}.nav a{color:#54585c;transition:color .2s}.nav a:hover{color:#bd8510}.header-cta{background:#e9b93f;padding:14px 18px}.header-cta span{font-size:15px;margin-left:10px}.menu-toggle{display:none}.hero{min-height:650px;padding:75px 8% 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;background:radial-gradient(ellipse at 76% 44%,#fff9e9 0,#e7dfce 42%,#d9d4c8 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 54%,#c8a75b12 54.2%,transparent 72%);pointer-events:none}.hero-text{max-width:600px;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:9px;letter-spacing:2px;font-weight:900;color:#987019}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:3px;background:#dcae32}.hero-overline{font-size:10px;font-weight:800;letter-spacing:3px;margin:36px 0 10px;color:#62666a}.hero h1,.section h2{font-family:"Barlow Condensed";font-weight:900;letter-spacing:-2px;line-height:.82;margin:0;font-size:clamp(68px,8vw,112px)}h1 em,h2 em{font-style:normal;color:#b98518}.hero-desc{max-width:475px;font-size:14px;line-height:1.9;color:#5b6065;margin:27px 0}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:28px;padding:17px 20px;font-size:9px;font-weight:900;letter-spacing:1px}.btn-primary{background:#e5b638;color:#14191f;box-shadow:5px 5px 0 #202a34}.btn-primary span{font-size:17px}.text-link,.under-link{font-size:9px;font-weight:900;letter-spacing:1px;border-bottom:1px solid #b88b2a;padding-bottom:7px}.text-link span{margin-left:9px}.hero-meta{display:flex;gap:28px;margin-top:55px;padding-top:18px;border-top:1px solid #c9c4b9}.hero-meta span{font-size:8px;letter-spacing:1px;color:#70747a}.hero-meta b{display:block;font-family:"Barlow Condensed";font-size:24px;color:#1b222b}.hero-art{height:520px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.sun-disc{position:absolute;width:min(37vw,440px);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#f5d16d,#d5a52e);box-shadow:inset -25px -25px 60px #9a701c30;z-index:-2}.orbit{position:absolute;border:1px solid #b58a34;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:115%;height:70%}.orbit-two{width:105%;height:82%;transform:rotate(55deg);border-color:#fff9e8}.hero-pack{height:98%;max-width:78%;object-fit:contain;filter:drop-shadow(25px 25px 25px #2c241c50);transform:rotate(3deg);z-index:1}.vertical-tag{position:absolute;left:0;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2px;font-weight:900;color:#5d5d58}.hero-stamp{position:absolute;right:2%;top:10%;width:78px;height:78px;border:1px solid #1d2630;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);z-index:2}.hero-stamp span{font:900 32px "Barlow Condensed"}.hero-stamp small{font-size:8px;font-weight:900;letter-spacing:1px}.art-caption{position:absolute;right:-1%;bottom:7%;font:900 24px/.85 "Barlow Condensed";text-align:right;color:#202a34;transform:rotate(-7deg)}.art-caption b{color:#ad7c14}.ticker{background:#e7b83c;color:#17202a;overflow:hidden;white-space:nowrap;padding:17px 0;font:800 12px "Barlow Condensed";letter-spacing:2px}.ticker div{min-width:max-content;animation:marquee 28s linear infinite}.ticker b{padding:0 28px;font-size:17px}@keyframes marquee{to{transform:translateX(-30%)}}.section{padding:100px 8%}.intro{background:#f8f6f0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-top:34px}.intro h2,.section-head h2,.origin h2,.safety h2,.faq h2{font-size:clamp(58px,7vw,90px)}.intro-copy{max-width:510px}.lead{font-size:19px;font-weight:800;line-height:1.5;color:#252c34}.intro-copy p:not(.lead){font-size:13px;line-height:1.9;color:#666b70;margin-bottom:25px}.benefits{background:#e5dfd3}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-head>p{max-width:330px;font-size:12px;line-height:1.9;color:#676b70}.section-head h2{margin-top:20px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-card{min-height:280px;padding:24px 22px;background:#f8f6f0;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.benefit-card:hover{transform:translateY(-7px);box-shadow:0 16px 30px #3a34251a}.card-no{font-size:9px;letter-spacing:1px;color:#9b741f;font-weight:900}.benefit-icon{font:44px "Barlow Condensed";color:#d2a12e;margin:24px 0 13px}.benefit-card h3{font:800 30px/.86 "Barlow Condensed";margin:0 0 15px}.benefit-card p{font-size:10px;line-height:1.75;color:#6c7074}.card-line{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#e5b638}.formula{background:#202a34;color:#f8f6f0}.formula .section-kicker{color:#e7b83c}.formula-head>p{color:#bfc4c8}.formula-head h2 em{color:#e7b83c}.formula-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:start}.facts-card{background:#f7f6f1;color:#1c2229;padding:27px 30px;box-shadow:12px 12px 0 #d3a331}.facts-brand{font:900 23px "Barlow Condensed";letter-spacing:1px;border-bottom:4px solid #1d2630;padding-bottom:12px}.facts-brand span{float:right;font:800 10px "DM Sans";letter-spacing:1px;padding-top:7px}.serving{font-size:10px;font-weight:800;padding:12px 0;border-bottom:1px solid #333}.facts-head,.fact{display:grid;grid-template-columns:1fr auto;gap:15px;padding:11px 0;border-bottom:1px solid #c9c9c3}.facts-head{font-size:9px;letter-spacing:.8px;border-bottom:3px solid #222}.fact{font-size:12px}.fact b{font-weight:800}.facts-foot{font-size:9px;color:#666;padding:12px 0;border-bottom:3px solid #222}.other{padding-top:15px}.other b{font:900 15px "Barlow Condensed";background:#e8b83d;padding:5px 9px}.other p{font-size:11px;color:#555}.formula-aside{padding:20px 0}.aside-label{font-size:9px;letter-spacing:2px;color:#e7b83c;font-weight:900}.formula-aside h3{font:900 clamp(44px,5vw,65px)/.83 "Barlow Condensed";margin:22px 0}.formula-aside h3 em{color:#e7b83c;font-style:normal}.formula-aside>p{font-size:13px;line-height:1.9;color:#d0d4d8}.alert-mini{margin:25px 0;padding:17px;border-left:4px solid #e7b83c;background:#ffffff0c;display:grid;gap:9px}.alert-mini b{font-size:9px;letter-spacing:1.5px;color:#e7b83c}.alert-mini span{font-size:11px;line-height:1.8;color:#e0e3e5}.formula-aside .under-link{color:#f0c95e;display:inline-block}.packaging{background:#f8f6f0}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pack-card{border:0;background:#ebe7dd;padding:18px;text-align:left;cursor:zoom-in;display:flex;flex-direction:column;align-items:center;min-width:0}.pack-card>span{align-self:stretch;display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:1.5px;padding:5px 4px 15px}.pack-card>span b{font-size:15px;color:#a47718}.pack-card img{height:510px;max-width:100%;object-fit:contain;transition:transform .3s}.pack-card:hover img{transform:scale(1.025)}.pack-card small{align-self:stretch;border-top:1px solid #d0cbc0;margin-top:14px;padding:13px 4px 2px;font-size:8px;letter-spacing:1px;color:#777}.origin{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;background:#d8e0df}.origin-visual{min-height:390px;background:linear-gradient(145deg,#aabfbd,#d2dedb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.origin-visual:before,.origin-visual:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #607d7b66;border-radius:50%}.origin-visual:after{width:290px;height:290px}.origin-circle{width:185px;height:185px;border-radius:50%;background:#e6b83e;display:grid;place-items:center;font:900 105px "Barlow Condensed";color:#202a34;box-shadow:0 20px 40px #31444030;z-index:1}.origin-scribble{position:absolute;top:25px;left:25px;font:900 20px/.8 "Barlow Condensed";color:#415b59;transform:rotate(-9deg)}.origin-visual>span{position:absolute;bottom:23px;right:25px;font-size:9px;letter-spacing:2px;font-weight:900}.origin h2{margin:20px 0}.origin h2 em{color:#9a6e13}.origin-copy .lead{font-size:16px}.origin-copy p:not(.lead){font-size:12px;line-height:1.9;color:#535e5d}.origin-checks{display:grid;gap:10px;margin:23px 0}.origin-checks div{display:flex;gap:16px;align-items:center;border-bottom:1px solid #b8c5c1;padding:10px 0}.origin-checks b{font:900 22px "Barlow Condensed";color:#a87a19}.origin-checks span{font-size:11px;font-weight:700}.origin-copy small{font-size:9px;line-height:1.7;color:#687472}.safety{background:#f2e9d9}.safety .section-kicker{color:#a87513}.safety-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;margin-top:30px}.safety h2{margin:0 0 25px}.safety h2 em{color:#a87513}.safety-grid>div:first-child p{font-size:13px;line-height:1.9;color:#5f6264;max-width:430px}.safety-panel{background:#fffaf0;padding:28px 32px;border-top:5px solid #d7a52e}.safety-title{font:900 20px "Barlow Condensed";letter-spacing:1px}.safety-panel ul{padding-left:18px;margin-bottom:0;display:grid;gap:13px}.safety-panel li{font-size:11px;line-height:1.8;color:#565b60}.safety-panel li::marker{color:#b7831d}.disclaimer{margin-top:35px;padding:17px 20px;background:#e8dcc7;border-left:4px solid #b7831d;font-size:10px;line-height:1.8;color:#555}.faq{background:#e8e4db}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;margin-top:28px}.faq h2{margin:0}.faq h2 em{color:#a87513}.faq-list details{border-bottom:1px solid #c9c4b8;padding:19px 0}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#a87513;font-size:18px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:11px;line-height:1.8;color:#666;margin:13px 30px 0 0}.footer{background:#202a34;color:#f8f6f0;padding:45px 8% 20px}.footer-brand .brand-mark{background:#e7b83c}.footer-brand .brand-name{color:#fff}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:38px}.footer-top>p{font:800 18px/1 "Barlow Condensed";letter-spacing:1px}.footer-top>p b{color:#e7b83c}.back-top{font-size:9px;font-weight:900;letter-spacing:1px;color:#e7b83c}.footer-bottom{border-top:1px solid #ffffff24;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;color:#aeb6bd}.lightbox{position:fixed;inset:0;background:#111d25ed;z-index:50;display:flex;align-items:center;justify-content:center;padding:30px}.lightbox[hidden]{display:none}.lightbox img{max-height:90vh;max-width:90vw;object-fit:contain}.lightbox-close{position:absolute;right:25px;top:15px;border:0;background:none;color:white;font-size:42px;cursor:pointer}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.nav{gap:16px}.nav a{font-size:8px}.hero{padding-inline:6%}.section{padding-inline:6%}.hero h1{font-size:clamp(68px,9vw,95px)}.benefit-card{padding:20px 16px}.benefit-card h3{font-size:27px}}
@media(max-width:720px){.announcement{padding:0 5%;font-size:7px;letter-spacing:.8px}.header{height:68px;padding:0 5%}.brand-mark{width:37px;height:37px;font-size:29px}.brand-name{font-size:23px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#f8f6f0;padding:12px 6% 22px;box-shadow:0 15px 25px #202a3420;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:15px 0;border-bottom:1px solid #e4e0d6;font-size:10px}.header-cta{display:none}.menu-toggle{display:flex;width:40px;height:40px;border:1px solid #d8d3c8;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle i{width:17px;height:2px;background:#202a34}.hero{grid-template-columns:1fr;padding:45px 6% 25px;gap:0}.hero-overline{margin-top:28px}.hero h1{font-size:clamp(65px,15vw,92px)}.hero-desc{font-size:12px;line-height:1.85;margin:22px 0}.hero-actions{gap:18px}.btn{padding:15px 16px;font-size:8px}.hero-meta{margin-top:30px;gap:0;justify-content:space-between}.hero-meta b{font-size:21px}.hero-meta span{font-size:7px}.hero-art{height:430px;margin-top:22px}.sun-disc{width:min(72vw,340px)}.hero-pack{height:100%;max-width:75%}.hero-stamp{right:4%;top:5%;width:65px;height:65px}.hero-stamp span{font-size:26px}.vertical-tag{left:1%;font-size:7px}.art-caption{right:1%;bottom:6%;font-size:20px}.section{padding:65px 6%}.intro-grid{grid-template-columns:1fr;gap:18px;margin-top:25px}.intro h2,.section-head h2,.origin h2,.safety h2,.faq h2{font-size:clamp(55px,13vw,78px)}.lead{font-size:16px}.section-head{display:block;margin-bottom:28px}.section-head>p{font-size:11px;margin-top:18px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.benefit-card{min-height:230px;padding:17px 15px}.benefit-icon{font-size:36px;margin:18px 0 10px}.benefit-card h3{font-size:25px}.benefit-card p{font-size:9px}.formula-layout{grid-template-columns:1fr;gap:35px}.facts-card{padding:20px 18px;box-shadow:7px 7px 0 #d3a331}.facts-brand{font-size:20px}.facts-brand span{font-size:8px}.fact{font-size:10px;padding:10px 0}.formula-aside{padding:0}.formula-aside h3{font-size:54px}.pack-grid{grid-template-columns:1fr;gap:14px}.pack-card img{height:470px}.origin{grid-template-columns:1fr;gap:30px}.origin-visual{min-height:300px}.origin-circle{width:155px;height:155px;font-size:90px}.origin-copy h2{font-size:68px}.safety-grid{grid-template-columns:1fr;gap:22px}.safety-panel{padding:22px 20px}.safety-panel li{font-size:10px}.faq-grid{grid-template-columns:1fr;gap:20px}.footer{padding:35px 6% 18px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:20px}.footer-top>p{grid-column:1/-1;grid-row:2;margin:0}.footer-bottom{flex-direction:column;font-size:7px;line-height:1.6}.ticker{padding:14px 0}}
@media(max-width:380px){.announcement span:last-child{font-size:6px}.hero h1{font-size:59px}.hero-art{height:360px}.hero-pack{max-width:78%}.hero-meta span{font-size:6px}.hero-meta b{font-size:19px}.benefit-card{min-height:220px;padding:14px 12px}.benefit-card h3{font-size:23px}.pack-card img{height:400px}.facts-brand span{float:none;display:block;margin-top:4px}.facts-head,.fact{gap:8px}.fact{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* KANGOMAX 2026 refresh — product-led black / gold visual system */
:root{--ink:#101114;--panel:#1b1d22;--panel-2:#24262b;--gold:#f2bd38;--gold-soft:#ffe19a;--cream:#f5f1e9;--muted:#bfc0c3}
body{background:var(--ink);color:var(--cream)}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
::selection{background:var(--gold);color:var(--ink)}
.announcement{background:#090a0d;color:var(--gold);border-bottom:1px solid #ffffff17}
.header{background:#111215f5;border-color:#ffffff18;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.brand-name{color:#f8f8f8}.brand-name>span{color:var(--gold)}.brand-mark{background:var(--gold)}
.nav a{color:#dddddf}.nav a:hover,.nav a:focus-visible{color:var(--gold)}
.header-cta,.btn-primary{background:var(--gold);color:var(--ink);transition:background .2s,transform .2s}
.header-cta:hover,.btn-primary:hover{background:#ffd46c;transform:translateY(-2px)}
.hero{background:radial-gradient(ellipse at 74% 37%,#3f3421 0,#1c1c1e 42%,#0e1013 85%);min-height:710px;isolation:isolate}
.hero:before{background:linear-gradient(128deg,transparent 45%,#f5ba2310 55%,transparent 70%)}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 46%,transparent 20%,#10111444 66%);pointer-events:none;z-index:-1}
.eyebrow,.section-kicker{color:var(--gold)}.hero-overline{color:#c0b8a8}
.hero h1{color:#fff;overflow-wrap:normal}.hero h1 em,.section h2 em{color:var(--gold)}
.hero-desc{color:#d0ced0;font-size:15px}.text-link,.under-link{color:var(--gold);border-color:var(--gold)}
.hero-meta{border-color:#ffffff30}.hero-meta span{color:#bbb8b5}.hero-meta b{color:#fff}
.sun-disc{background:radial-gradient(circle at 35% 30%,#ffdf8c,#d89a1c 68%,#7e5212);box-shadow:0 0 100px #efb63220,inset -30px -35px 60px #7c4b1566}
.orbit{border-color:#f7ca6755}.orbit-two{border-color:#ffffff24}
.vertical-tag{color:#d2b16a}.hero-stamp{border-color:#f2bd38;color:#ffd463;background:#101114cc;backdrop-filter:blur(4px)}.art-caption{color:#fff}.art-caption b{color:var(--gold)}
.hero-pack{filter:drop-shadow(16px 28px 24px #000a);max-width:88%;height:100%}
.ticker{background:var(--gold)}.ticker div{animation-duration:35s}
.intro{background:#f6f1e7;color:#181a1e}.intro h2 em{color:#a77b1f}.intro-copy .lead{color:#252525}
.benefits{background:#17191d}.benefits .section-head>p{color:#babdc1}
.benefit-card{background:#22252a;border:1px solid #ffffff16;color:#fff;border-radius:12px;min-width:0}
.benefit-card:hover{box-shadow:0 18px 36px #0007;border-color:#ebb94177}.benefit-card p{color:#bfc0c4;font-size:12px}.card-no{color:#f0c85b}.benefit-icon{color:var(--gold)}.card-line{background:var(--gold)}
.formula{background:#0d0f12}.facts-card{border-radius:12px;box-shadow:9px 9px 0 #bd8b25}.facts-card .fact{font-size:13px}.formula-aside>p{color:#d4d4d7}.alert-mini{border-color:var(--gold);background:#f5bb3210;border-radius:0 10px 10px 0}
.packaging{background:#24262b;color:#fff}.packaging .section-head>p{color:#c8c9cb}
.pack-card{background:linear-gradient(155deg,#3a3730,#151619 70%);color:#fff;border:1px solid #ffffff2b;border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}
.pack-card:hover{border-color:#f2bd38;transform:translateY(-4px)}.pack-card>span b{color:var(--gold)}.pack-card small{border-color:#ffffff2b;color:#dadada}
.pack-card img{width:100%;height:540px;filter:drop-shadow(0 16px 20px #0008)}
.origin{background:#f0e7d5;color:#202125}.origin-visual{background:radial-gradient(circle,#f2cd70,#bc8f24 82%)}.origin-circle{background:#141518;color:var(--gold)}.origin-visual:before,.origin-visual:after{border-color:#1c1b1855}.origin-scribble{color:#382a10}.origin h2 em{color:#ae7a14}.origin-copy .lead{color:#242424}.origin-copy p:not(.lead){color:#555250}.origin-checks div{border-color:#a99d85}
.safety{background:#29251f;color:#fff}.safety h2 em{color:var(--gold)}.safety-grid>div:first-child p{color:#dbd4c8}.safety-panel{background:#f9f3e8;color:#202124;border-radius:12px;border-color:var(--gold)}.disclaimer{background:#ffffff12;color:#ddd4c6;border-color:var(--gold)}
.faq{background:#131518}.faq-list details{border-color:#ffffff2b}.faq-list summary{color:#fff;font-size:14px}.faq-list summary span{color:var(--gold)}.faq-list details p{color:#c4c4c6;font-size:13px}
.footer{background:#090a0c}.footer-bottom{color:#b8b8ba}.footer-top>p b,.back-top{color:var(--gold)}
.lightbox{background:#060607f5}.lightbox-close{width:48px;height:48px;border-radius:50%;background:#ffffff1e;display:grid;place-items:center;line-height:1;top:16px;right:16px}
.lightbox img{max-height:calc(100dvh - 95px);max-width:min(90vw,950px)}
@media (max-width:1100px){.header{padding-inline:4%}.nav{gap:14px}.hero{padding-inline:5%}.hero h1{font-size:clamp(66px,7.6vw,105px)}}
@media (max-width:720px){
.announcement{height:auto;min-height:30px;gap:12px;padding-block:7px;line-height:1.4}.announcement span:last-child{text-align:right}
.header{height:68px;padding-inline:5%}.nav{top:68px;background:#17181b;border-bottom:1px solid #f2bd3860;max-height:calc(100dvh - 68px);overflow-y:auto}.nav a{color:#fff;border-color:#ffffff20;font-size:12px;padding:17px 3px}
.menu-toggle{border-color:#ffffff45;border-radius:8px}.menu-toggle i{background:#f2bd38;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] i:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-7px) rotate(-45deg)}
.hero{min-height:0;padding:55px 6% 25px;gap:0}.hero h1{font-size:clamp(58px,13.5vw,90px);letter-spacing:-1.3px}.hero-desc{font-size:14px}.hero-art{height:min(113vw,490px);margin-top:12px}.hero-pack{height:98%;max-width:85%}.sun-disc{width:min(70vw,360px)}
.hero-meta{gap:8px}.hero-meta span{font-size:8px;letter-spacing:.3px}.hero-meta b{font-size:24px}
.section{padding:75px 6%}.intro h2,.section-head h2,.origin h2,.safety h2,.faq h2{font-size:clamp(53px,12vw,78px)}
.benefit-card{min-height:250px;padding:19px 16px}.benefit-card p{font-size:11px;line-height:1.65}
.pack-card img{height:min(120vw,530px)}.pack-card{padding:16px}
.formula-aside h3{font-size:clamp(48px,11vw,64px)}.fact{overflow-wrap:anywhere}
.origin-visual{min-height:310px}
.safety-panel li{font-size:12px}.footer-top{align-items:center}
}
@media(max-width:420px){
.hero h1{font-size:clamp(48px,12.6vw,62px)}.hero-actions{align-items:flex-start}.hero-meta{flex-wrap:wrap}.hero-stamp{right:0;top:6%}.art-caption{font-size:17px}.vertical-tag{display:none}
.benefit-grid{gap:9px}.benefit-card{padding:16px 12px;min-height:260px}.benefit-card h3{font-size:23px}.benefit-card p{font-size:10px}
.facts-card{padding:18px 14px}.facts-card .fact{font-size:11px}.facts-brand span{float:none;display:block;margin-top:5px}.footer-bottom{overflow-wrap:anywhere}
}
@media(max-width:330px){.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:195px}.hero h1{font-size:46px}.hero-art{height:310px}}
@media(prefers-reduced-motion:reduce){.ticker div{animation:none}.reveal{opacity:1;transform:none}}