@font-face{font-family:"Bricolage";src:url(/assets/fonts/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Hanken";src:url(/assets/fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--ink:#0d1f17;--bg:#f3efe6;--green:#0e4a35;--lime:#d4f25a;--sun:#ffd84a;--coral:#ff6a4d;--peach:#ffc2ae;--lilac:#cdbcff;--mint:#bdf0d3;--sky:#bfe3ff;--sec:#d4f25a;--r:1.9rem;--disp:"Bricolage","Hanken",system-ui,sans-serif;--body:"Hanken",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.s-collagen{--sec:#ffc2ae}.s-vitamins,.s-iron,.s-magnesium{--sec:#ffd84a}.s-gut-health,.s-probiotics{--sec:#bdf0d3}.s-sports-nutrition,.s-protein{--sec:#cdbcff}.s-ingredients{--sec:#d4f25a}.s-oriflame{--sec:#bfe3ff}.s-guides{--sec:#ffe9a8}.s-omega-3{--sec:#bfe3ff}.s-hair-skin-and-nails,.s-menopause-supplements,.s-pregnancy-supplements{--sec:#ffc2ae}.s-immune-support,.s-weight-management{--sec:#bdf0d3}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17.500px/1.62 var(--body);color:var(--ink);background:var(--bg)}
h1,h2,h3{font-family:var(--disp);font-weight:750;line-height:1.02;letter-spacing:-.035em;color:var(--ink);margin:0}
h1{font-size:clamp(2.500rem,6.600vw,4.800rem);text-wrap:balance}h2{font-size:clamp(1.800rem,4vw,2.900rem);margin:3.4rem 0 .8rem;text-wrap:balance}h3{font-size:1.3rem;letter-spacing:-.02em;line-height:1.15}
a{color:var(--green);text-underline-offset:.16em;text-decoration-thickness:2px}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:8px}
.wrap{max-width:76rem;margin:0 auto;padding:0 1.1rem}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem 1rem;z-index:99;border-radius:999px}
/* header: floating pill */
.site-head{position:sticky;top:0;z-index:30;padding:.7rem 0 0}.site-head .wrap{position:relative}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:74rem;min-height:68px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:.45rem .55rem .45rem .9rem;box-shadow:0 1px 0 rgba(13,31,23,.06),0 22px 40px -26px rgba(13,31,23,.55);width:calc(100% - 1.6rem)}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.logo svg{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.logo:hover svg{transform:rotate(-10deg) scale(1.08)}
.wm{display:flex;align-items:center;gap:.45rem;white-space:nowrap}.wm b{font:800 1.55rem/1 var(--disp);letter-spacing:-.045em;color:var(--ink)}.wm b span{color:var(--green)}.wm em{font:800 .62rem/1 var(--body);font-style:normal;letter-spacing:.12em;background:var(--lime);color:var(--ink);border-radius:999px;padding:.3rem .5rem}
.nav ul{display:flex;gap:.15rem;list-style:none;margin:0;padding:0}.nav a{display:block;padding:.6rem .9rem;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:650;font-size:.95rem;transition:background .15s}.nav a:hover{background:var(--bg)}.nav a[aria-current]{background:var(--ink);color:#fff}
.menu-btn{display:none;font:700 .95rem var(--body);background:var(--ink);color:#fff;border:0;border-radius:999px;padding:.7rem 1.1rem;min-height:46px}
@media(max-width:980px){.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:calc(100% + .5rem);background:#fff;border-radius:1.6rem;padding:.6rem;box-shadow:0 30px 50px -24px rgba(13,31,23,.6)}.nav.open{display:block}.nav ul{flex-direction:column}.nav a{padding:.85rem 1rem;font-size:1.05rem}}
@media(max-width:380px){.wm b{font-size:1.25rem}.wm em{display:none}}
/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:.8rem;overflow:hidden;font:750 1rem/1.1 var(--body);text-decoration:none;border:0;border-radius:999px;padding:.55rem .55rem .55rem 1.5rem;min-height:54px;background:var(--ink);color:#fff;box-shadow:0 18px 30px -16px rgba(13,31,23,.8);transition:transform .2s cubic-bezier(.3,1.4,.5,1),box-shadow .2s}
.btn i{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--lime);flex:none;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.btn i::before{content:"";width:.6rem;height:.6rem;border-top:2.600px solid var(--ink);border-right:2.600px solid var(--ink);rotate:45deg;translate:-2px 0}
.btn:not(:has(i)){padding-right:1.5rem}.btn::after{content:"";position:absolute;inset:0 auto 0 -70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover{transform:translateY(-3px) scale(1.02);color:#fff;box-shadow:0 26px 40px -18px rgba(13,31,23,.9)}.btn:hover::after{left:130%}.btn:hover i{transform:rotate(-45deg) scale(1.08)}
.btn.xl{font-size:1.15rem;min-height:64px;padding-left:1.9rem}.btn.xl i{width:3.1rem;height:3.1rem}.btn.sm{font-size:.93rem;min-height:44px;padding:.35rem .35rem .35rem 1.1rem}.btn.sm i{width:2.1rem;height:2.1rem}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}.btn.ghost i{background:currentColor}.btn.ghost i::before{border-color:var(--bg)}.btn.ghost:hover{color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0 0}
@media(prefers-reduced-motion:reduce){.btn,.btn i,.btn::after,.logo svg{transition:none}.btn:hover{transform:none}}
/* home hero: bento */
.hero{padding:1.2rem 0 0}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.b{border-radius:2.4rem;padding:2rem;position:relative;overflow:hidden}
.b1{grid-column:span 7;background:var(--green);color:#fff;padding:2.6rem 2.4rem 2.4rem;min-height:30rem;display:flex;flex-direction:column;justify-content:flex-end;background-image:radial-gradient(26rem 18rem at 100% 0,rgba(212,242,90,.28),transparent 62%),radial-gradient(rgba(255,255,255,.08) 1.200px,transparent 1.300px);background-size:auto,24px 24px}
.b1 h1{color:#fff;font-size:clamp(3rem,7.400vw,6.200rem);line-height:.92;letter-spacing:-.055em}.b1 h1 em{font-style:normal;color:var(--lime);display:block}.b1 .lead{color:#d7ebe0;font-size:1.2rem;max-width:34rem;margin:1.1rem 0 0}.b1 .btn{background:var(--lime);color:var(--ink);box-shadow:0 20px 34px -16px rgba(212,242,90,.7)}.b1 .btn i{background:var(--ink)}.b1 .btn i::before{border-color:var(--lime)}.b1 .btn:hover{color:var(--ink)}.b1 .btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}.b1 .btn.ghost i{background:#fff}.b1 .btn.ghost i::before{border-color:var(--green)}.b1 .btn.ghost:hover{color:#fff}
.eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;margin:0 0 auto;padding:.45rem .95rem;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:.86rem;font-weight:650}.eyebrow i{width:.55rem;height:.55rem;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(212,242,90,.3)}
.b2{grid-column:span 5;background:var(--sun);display:grid;place-items:center;min-height:30rem;background-image:radial-gradient(circle at 50% 46%,rgba(255,255,255,.75),transparent 58%)}.scene{width:100%;max-width:24rem;height:auto;filter:drop-shadow(0 34px 40px rgba(120,80,0,.38))}
.nchip{position:absolute;display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;font:800 1.2rem var(--disp);color:var(--ink);background:#fff;box-shadow:0 16px 26px -12px rgba(90,60,0,.6)}.n1{left:7%;top:9%}.n2{right:8%;top:7%;background:var(--coral);color:#fff;width:3.6rem;height:3.6rem}.n3{right:5%;top:46%;background:var(--lilac)}.n4{left:5%;top:50%;background:var(--green);color:var(--lime);width:3.8rem;height:3.8rem}.n5{left:16%;bottom:6%;width:3.2rem;height:3.2rem;font-size:1rem;background:var(--mint)}.n6{right:15%;bottom:8%;width:3.3rem;height:3.3rem;font-size:1rem}
@media(prefers-reduced-motion:no-preference){.scene{animation:bobb 8s ease-in-out infinite}.nchip{animation:orb 9s ease-in-out infinite}.n2{animation-delay:-1.500s}.n3{animation-delay:-3s}.n4{animation-delay:-4.500s}.n5{animation-delay:-6s}.n6{animation-delay:-7.500s}@keyframes bobb{50%{translate:0 -10px;rotate:1.500deg}}@keyframes orb{25%{translate:8px -12px}50%{translate:-4px -20px}75%{translate:-9px -6px}}}
.b3{grid-column:span 7;background:var(--lilac)}.b4{grid-column:span 2;background:var(--coral);color:#fff}.b5{grid-column:span 3;background:var(--mint)}
.b4,.b5{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:15rem}.b4 b,.b5 b{font:800 clamp(2.600rem,5vw,4.200rem)/.9 var(--disp);letter-spacing:-.05em}.b4 span,.b5 span{font-weight:600;line-height:1.3}.b5 a{font-weight:800;color:var(--ink)}
.finder{margin:0}.fl{margin:0 0 .7rem;font:800 1.5rem/1 var(--disp);letter-spacing:-.03em;color:var(--ink)}.fc{display:flex;flex-wrap:wrap;gap:.45rem}.fc button{font:700 .95rem var(--body);border:0;border-radius:999px;padding:.55rem 1rem;min-height:42px;background:rgba(255,255,255,.6);color:var(--ink);cursor:pointer;transition:transform .15s,background .15s}.fc button:hover{transform:translateY(-2px);background:#fff}.fc button[aria-pressed="true"]{background:var(--ink);color:#fff}
.fr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem}.fr a{display:block;text-decoration:none;background:#fff;border-radius:1.3rem;padding:.9rem 1rem;color:var(--ink);transition:transform .18s}.fr a:hover{transform:translateY(-4px) rotate(-1deg)}.fr b{display:block;font:750 1.05rem/1.15 var(--disp);letter-spacing:-.02em}.fr span{display:block;font-size:.82rem;margin-top:.3rem;line-height:1.35;color:#33443b}
.tick{overflow:hidden;background:var(--ink);color:var(--lime);font-weight:700;margin-top:1rem;rotate:-1deg;scale:1.02}.tick div{display:flex;gap:3rem;white-space:nowrap;padding:.85rem 0;width:max-content}.tick span::before{content:"✦";margin-right:.8rem;color:var(--coral)}
@media(prefers-reduced-motion:no-preference){.tick div{animation:mq 46s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}}
@media(max-width:1000px){.b1,.b2,.b3{grid-column:span 12}.b4,.b5{grid-column:span 6;min-height:12rem}.b1{min-height:0;padding:2rem 1.5rem}.b2{min-height:22rem}.fr{grid-template-columns:1fr}.eyebrow{margin-bottom:2rem}}
@media(max-width:520px){.b{padding:1.4rem;border-radius:1.8rem}.b4,.b5{grid-column:span 12}.nchip{scale:.8}}
/* inner hero: colour block */
.hero .meta{font-size:.9rem;margin:.9rem 0 0;opacity:.8}.hin{background:var(--sec);border-radius:2.4rem;padding:2.2rem 2.4rem 2.4rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;position:relative;overflow:hidden;background-image:radial-gradient(rgba(13,31,23,.1) 1.200px,transparent 1.300px);background-size:22px 22px}
.hin h1{font-size:clamp(2.400rem,6vw,4.400rem);max-width:16ch}.hin .lead{font-size:1.2rem;max-width:40rem;margin:.9rem 0 0;font-weight:500}
.bc ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0 0 1.1rem;padding:0;font-size:.9rem;font-weight:650}.bc li{background:rgba(255,255,255,.6);border-radius:999px;padding:.2rem .7rem}.bc a{color:var(--ink);text-decoration:none}.bc a:hover{text-decoration:underline}
.hbadge{position:relative;width:11rem;height:11rem;display:grid;place-items:center;rotate:8deg}.hbadge span{position:absolute;inset:0;border-radius:36% 64% 58% 42%/44% 40% 60% 56%;background:#fff;box-shadow:0 30px 40px -22px rgba(13,31,23,.6)}.hbadge svg{position:relative;width:5.6rem;height:5.6rem}
@media(prefers-reduced-motion:no-preference){.hbadge span{animation:morph 10s ease-in-out infinite}@keyframes morph{50%{border-radius:58% 42% 40% 60%/52% 60% 40% 48%}}}
@media(max-width:820px){.hin{grid-template-columns:1fr;padding:1.6rem 1.4rem 1.8rem;border-radius:1.8rem}.hbadge{display:none}}
/* body */
.body{padding:2.2rem 1.1rem 3rem}.prose>p,.prose>ul,.prose>ol{max-width:44rem}.prose li{margin:.35rem 0}.k-home .prose>h2+p{font-size:1.15rem;max-width:42rem}.k-home .prose>h2{font-size:clamp(2.100rem,5vw,3.600rem);margin-top:4.4rem}
.qa{background:var(--ink);color:#fff;border-radius:var(--r);padding:1.5rem 1.7rem;max-width:48rem;position:relative}.qa p{margin:0;font-size:1.2rem;line-height:1.5;font-weight:500}.qa b{display:table;background:var(--lime);color:var(--ink);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .75rem;border-radius:999px;margin-bottom:.7rem}
.toc{float:right;width:16.500rem;margin:0 0 1.2rem 1.8rem;background:#fff;border-radius:1.6rem;padding:1.1rem 1.2rem}.toc p{margin:0 0 .4rem;font:800 1.05rem var(--disp);letter-spacing:-.02em}.toc ol{margin:0;padding-left:1.2rem;font-size:.95rem}.toc a{text-decoration:none;color:var(--ink)}.toc a:hover{text-decoration:underline}@media(max-width:900px){.toc{float:none;width:auto;margin:0 0 1.4rem}}
.tw{overflow-x:auto;max-width:58rem;border-radius:1.6rem;background:#fff;margin:1.2rem 0}table{border-collapse:collapse;width:100%;font-size:.98rem}th,td{text-align:left;padding:.85rem 1.1rem;border-bottom:1px solid #ece7db;vertical-align:top}thead th{background:var(--ink);color:#fff;font:700 .8rem var(--body);text-transform:uppercase;letter-spacing:.08em}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}tbody th{font-weight:750}tbody tr:hover{background:#faf7ee}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;margin:1.2rem 0}
.tile{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:var(--ink);border-radius:var(--r);padding:1.4rem 1.4rem 3.4rem;min-height:11rem;position:relative;overflow:hidden;background:#fff;transition:transform .22s cubic-bezier(.3,1.4,.5,1)}
.tile:nth-child(6n+1){background:var(--mint)}.tile:nth-child(6n+2){background:#fff}.tile:nth-child(6n+3){background:var(--sun)}.tile:nth-child(6n+4){background:var(--lilac)}.tile:nth-child(6n+5){background:var(--peach)}.tile:nth-child(6n){background:var(--sky)}
.tile b{font:750 1.45rem/1.05 var(--disp);letter-spacing:-.03em}.tile span{font-size:.95rem;line-height:1.4;color:#24362c}.tile::after{content:"";position:absolute;right:1.1rem;bottom:1.1rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4f25a' stroke-width='2.600' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/1.1rem no-repeat;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.tile:hover{transform:translateY(-6px) rotate(-1deg);color:var(--ink)}.tile:hover::after{transform:rotate(45deg) scale(1.1)}
.ic{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:1.2rem;background:rgba(255,255,255,.7);margin-bottom:.5rem}.ic svg{fill:var(--ink);stroke:var(--ink)}
@media(prefers-reduced-motion:reduce){.tile:hover{transform:none}}
/* product card */
.pcard{clear:both;max-width:58rem;margin:2rem 0;background:var(--green);color:#fff;border-radius:2.2rem;padding:1.4rem 1.6rem 1.3rem;position:relative;overflow:hidden;background-image:radial-gradient(22rem 14rem at 100% 0,rgba(212,242,90,.3),transparent 62%)}
.adl{margin:0 0 .9rem;font-size:.86rem;color:#cfe5d9}.adl b{background:var(--lime);color:var(--ink);border-radius:999px;padding:.15rem .6rem;margin-right:.4rem;font-size:.74rem;letter-spacing:.06em}.adl a{color:#fff}
.pc{display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:center}.pill{width:6rem;height:2.600rem;border-radius:999px;background:linear-gradient(90deg,#fff 50%,var(--coral) 50%);box-shadow:inset -5px -6px 10px rgba(0,0,0,.2),0 16px 20px -10px rgba(0,0,0,.6);rotate:-30deg}
.pc h3{color:#fff;font-size:1.6rem}.pc p{margin:.35rem 0;color:#e3f1e9}.pc ul{margin:.4rem 0 0;padding-left:1.1rem;font-size:.95rem;color:#d7ebe0}.buy{display:grid;gap:.6rem;justify-items:stretch;text-align:center;min-width:14rem}.price{font:800 2.4rem/1 var(--disp);letter-spacing:-.04em;color:var(--lime)}.price small{display:block;font:500 .78rem var(--body);letter-spacing:0;color:#cfe5d9;margin-top:.3rem}
.pcard .btn{background:var(--lime);color:var(--ink);justify-content:space-between;box-shadow:0 20px 30px -16px rgba(212,242,90,.6)}.pcard .btn i{background:var(--ink)}.pcard .btn i::before{border-color:var(--lime)}.pcard .btn:hover{color:var(--ink)}.more{font-size:.9rem;color:#fff}.fine{font-size:.8rem;color:#b9d3c5;margin:1rem 0 0}
@media(max-width:760px){.pc{grid-template-columns:1fr}.pill{display:none}.buy{text-align:left;min-width:0}}
a.aff{font-weight:750}a.aff::after{content:"Ad";font-size:.62rem;font-weight:800;background:var(--ink);color:#fff;border-radius:999px;padding:.08rem .4rem;margin-left:.3rem;vertical-align:.15em;display:inline-block}
.safe{clear:both;max-width:48rem;background:var(--sun);border-radius:var(--r);padding:.6rem 1.6rem 1.3rem;margin:2.6rem 0}.safe h2{font-size:1.6rem;margin:1rem 0 .5rem}.safe ul{margin:0;padding-left:1.1rem}
.rel{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:.8rem;max-width:none!important}.rel li{margin:0}.rel a{display:block;height:100%;text-decoration:none;background:#fff;border-radius:1.4rem;padding:1rem 1.2rem;color:var(--ink);transition:transform .18s}.rel a:hover{transform:translateY(-4px)}.rel b{display:block;font:750 1.1rem/1.15 var(--disp);letter-spacing:-.02em}.rel span{font-size:.9rem;color:#33443b}
.faqs{max-width:48rem}.faqs details,.mf details{background:#fff;border-radius:1.4rem;padding:.2rem 1.3rem;margin:.6rem 0}.faqs summary,.mf summary{font:700 1.08rem var(--body);padding:1rem 2.4rem 1rem 0;cursor:pointer;list-style:none;position:relative}.faqs summary::-webkit-details-marker,.mf summary::-webkit-details-marker{display:none}.faqs summary::after,.mf summary::after{content:"+";position:absolute;right:0;top:50%;translate:0 -50%;width:2rem;height:2rem;border-radius:50%;background:var(--lime);font:800 1.2rem/2rem var(--body);text-align:center;transition:rotate .2s}.faqs details[open] summary::after,.mf details[open] summary::after{rotate:45deg;background:var(--ink);color:var(--lime)}.faqs p,.mf p{margin:0 0 1.1rem}.mf{max-width:48rem}
.src{max-width:48rem;font-size:.95rem}.src h2{font-size:1.5rem}
/* home blocks */
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;margin:1.4rem 0}.nums div{border-radius:var(--r);padding:1.5rem 1.3rem;min-height:11rem;display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:#fff}.nums div:nth-child(2){background:var(--coral)}.nums div:nth-child(3){background:var(--lilac);color:var(--ink)}.nums div:nth-child(4){background:var(--sun);color:var(--ink)}.nums div:nth-child(5){background:var(--lime);color:var(--ink)}.nums b{font:800 3.4rem/.9 var(--disp);letter-spacing:-.05em}.nums span{font-weight:600;line-height:1.3}
.nx{background:var(--ink);border-radius:2.2rem;padding:1.4rem;max-width:62rem}.nxb{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.nxb button{font:700 .95rem var(--body);border:0;border-radius:999px;padding:.6rem 1.05rem;min-height:44px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .15s,transform .15s}.nxb button:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.nxb button[aria-pressed="true"]{background:var(--lime);color:var(--ink)}
.nxp{background:var(--bg);border-radius:1.6rem;padding:1.6rem}.nxp h3{font-size:2.6rem;letter-spacing:-.04em;margin:0 0 1rem}.nxp dl{display:grid;grid-template-columns:10rem 1fr;gap:.6rem 1.2rem;margin:0 0 1.3rem}.nxp dt{font:800 .76rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--green);padding-top:.3rem}.nxp dd{margin:0;font-size:1.05rem}@media(max-width:560px){.nxp dl{grid-template-columns:1fr;gap:.1rem}.nxp dd{margin-bottom:.6rem}.nxp h3{font-size:2rem}}
.food{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.fd{border-radius:1.6rem;padding:1.2rem 1.3rem;background:#fff}.fd:nth-child(4n+1){background:var(--mint)}.fd:nth-child(4n+3){background:var(--peach)}.fd b{display:block;font:750 1.3rem/1.1 var(--disp);letter-spacing:-.03em}.fd span{font-size:.95rem}
.stp{list-style:none;counter-reset:st;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;max-width:none!important}.stp li{counter-increment:st;background:#fff;border-radius:var(--r);padding:1.3rem 1.2rem 1.4rem;margin:0}.stp li::before{content:counter(st,decimal-leading-zero);display:block;font:800 3rem/.9 var(--disp);letter-spacing:-.05em;color:var(--coral);margin-bottom:.7rem}.stp b{display:block;font:750 1.2rem/1.1 var(--disp);letter-spacing:-.02em;margin-bottom:.25rem}.stp span{font-size:.95rem;color:#33443b}
.mini{margin-top:2.2rem;font-size:1.6rem}
.cc{max-width:48rem;background:var(--lilac);border-radius:2.2rem;padding:1.5rem}.ccg{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cc label{display:block;font-weight:750;font-size:.93rem;margin-bottom:.35rem}.cc input{width:100%;font:700 1.2rem var(--body);padding:.7rem 1rem;border:0;border-radius:1rem;background:#fff;min-height:54px;color:var(--ink)}.cco{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0 .2rem}.cco div{border-radius:1.4rem;padding:1.1rem .8rem;background:var(--ink);color:#fff}.cco div:nth-child(2){background:#fff;color:var(--ink)}.cco div:nth-child(3){background:var(--coral);color:#fff}.cco b{display:block;font:800 2.2rem/1 var(--disp);letter-spacing:-.04em}.cco span{font-size:.88rem;font-weight:600}.cc .fine{color:var(--ink);opacity:.8}@media(max-width:520px){.ccg,.cco{grid-template-columns:1fr}}
.ctab{position:relative;overflow:hidden;margin:4rem 0;border-radius:2.6rem;padding:3rem 2.6rem;color:#fff;background:var(--green);background-image:radial-gradient(30rem 20rem at 100% 0,rgba(212,242,90,.3),transparent 62%),radial-gradient(rgba(255,255,255,.08) 1.200px,transparent 1.300px);background-size:auto,24px 24px;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.ctab h2{color:#fff;margin:.6rem 0 .6rem;font-size:clamp(2.200rem,5.200vw,4rem);max-width:16ch}.ctab p{max-width:36rem;color:#d7ebe0;margin:.3rem 0;font-size:1.1rem}.ctab .k{display:inline-block;font-weight:800;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;background:var(--lime);color:var(--ink);border-radius:999px;padding:.3rem .8rem}
.ctab .btn{background:var(--lime);color:var(--ink)}.ctab .btn i{background:var(--ink)}.ctab .btn i::before{border-color:var(--lime)}.ctab .btn:hover{color:var(--ink)}.ctab .btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}.ctab .btn.ghost i{background:#fff}.ctab .btn.ghost i::before{border-color:var(--green)}.ctab .btn.ghost:hover{color:#fff}
.ctaa{position:relative;width:16rem;height:13rem}.cap{position:absolute;width:11rem;height:4.4rem;border-radius:999px;background:linear-gradient(90deg,#fff 0 50%,var(--coral) 50% 100%);box-shadow:inset -8px -10px 18px rgba(0,0,0,.18),inset 8px 8px 14px rgba(255,255,255,.5),0 30px 40px -18px rgba(0,0,0,.6)}.ctaa .c1{right:6%;top:8%;rotate:-28deg}.ctaa .c2{right:40%;top:60%;width:7rem;height:2.800rem;rotate:22deg;background:linear-gradient(90deg,var(--lime) 0 50%,#fff 50% 100%)}.ctaa .c3{right:2%;top:60%;width:5rem;height:5rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--sun))}
@media(prefers-reduced-motion:no-preference){.cap{animation:flt 7s ease-in-out infinite}.ctaa .c2{animation-delay:-2.300s}.ctaa .c3{animation-delay:-4.600s}@keyframes flt{50%{translate:0 -12px}}}
.ctab.alt{background:var(--coral);background-image:radial-gradient(rgba(255,255,255,.16) 1.200px,transparent 1.300px);background-size:24px 24px;grid-template-columns:1fr}.ctab.alt p{color:#fff}.ctab.alt .k{background:var(--ink);color:#fff}.ctab.alt .btn{background:var(--ink);color:#fff}.ctab.alt .btn i{background:var(--lime)}.ctab.alt .btn i::before{border-color:var(--ink)}.ctab.alt .btn:hover{color:#fff}
@media(max-width:760px){.ctab{grid-template-columns:1fr;padding:2.2rem 1.5rem;border-radius:2rem}.ctaa{display:none}}
.prom{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem}.prom div{background:#fff;border-radius:var(--r);padding:1.4rem 1.3rem}.prom div::before{content:"";display:block;width:2.6rem;height:2.6rem;border-radius:50%;margin-bottom:.9rem;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d1f17' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.500l4.500 4.500L19 7.500'/%3E%3C/svg%3E") center/1.3rem no-repeat}.prom b{display:block;font:750 1.25rem/1.1 var(--disp);letter-spacing:-.02em;margin-bottom:.3rem}.prom span{font-size:.95rem;color:#33443b}
.jg{columns:2 20rem;column-gap:2.4rem;max-width:64rem}.jg dt{font:750 1.1rem var(--disp);letter-spacing:-.02em;break-after:avoid;margin-top:.9rem}.jg dd{margin:0;break-inside:avoid;color:#33443b}
.no{list-style:none;padding:0;display:grid;gap:.6rem;max-width:50rem!important}.no li{position:relative;background:#fff;border-radius:1.4rem;padding:1rem 1.2rem 1rem 3.8rem;margin:0}.no li::before{content:"×";position:absolute;left:1rem;top:.9rem;width:2rem;height:2rem;border-radius:50%;background:var(--coral);color:#fff;font:800 1.3rem/2rem var(--body);text-align:center}
/* footer */
.site-foot{background:var(--ink);color:#d7e6dd;padding:3.4rem 0 2rem;margin:3rem .8rem .8rem;border-radius:2.6rem}.site-foot a{color:#d7e6dd;text-decoration:none}.site-foot a:hover{color:var(--lime)}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.8rem}.fh{font:800 1.15rem var(--disp);letter-spacing:-.02em;color:var(--lime);margin:0 0 .6rem}.site-foot ul{list-style:none;margin:0;padding:0;font-size:.95rem}.site-foot li a{display:inline-block;padding:.25rem 0;min-height:24px}.small{font-size:.85rem;color:#9fb5a9;margin:2rem 0 0;max-width:60rem}
.b4,.nums div:nth-child(2),.cco div:nth-child(3){color:var(--ink)}.ctab.alt,.ctab.alt h2,.ctab.alt p{color:var(--ink)}
.hero.home{overflow:hidden;padding-bottom:1.4rem}
/* v5 */
.part{width:7.5rem;height:auto;flex:none;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45));rotate:-6deg;transition:rotate .3s cubic-bezier(.3,1.6,.5,1)}.pcard:hover .part{rotate:4deg}.tile.pt .part{width:5.2rem;rotate:-6deg;margin-bottom:.4rem;filter:drop-shadow(0 12px 14px rgba(13,31,23,.35))}.tile.pt:hover .part{rotate:6deg}
@media(max-width:760px){.pcard .part{width:6rem}}
.chips{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:1rem 0;padding:0;max-width:none!important}.chips li{margin:0}.chips a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--ink);background:#fff;border-radius:999px;padding:.5rem 1.1rem;font-weight:700;transition:background .15s,color .15s,transform .15s}.chips a:hover{background:var(--ink);color:var(--lime);transform:translateY(-2px)}
.prose p a:not(.btn):not(.aff),.prose li a:not(.btn){text-decoration-color:var(--coral)}
.rvon .rv{opacity:0;translate:0 26px;transition:opacity .6s ease,translate .6s cubic-bezier(.2,.8,.2,1)}.rvon .rv.in{opacity:1;translate:0 0}
.k-home .prose>h2{position:relative}.k-home .prose>h2::before{content:"";display:block;width:3.2rem;height:.7rem;border-radius:999px;background:var(--coral);margin-bottom:1rem}.k-home .prose>h2:nth-of-type(3n+2)::before{background:var(--lime)}.k-home .prose>h2:nth-of-type(3n)::before{background:var(--lilac)}
/* v6: wordmark, featured CTA */
.wm b{font:800 1.7rem/1 var(--disp);letter-spacing:-.05em;color:var(--ink)}.wm b span{color:var(--coral)}@media(max-width:380px){.wm b{font-size:1.32rem}}
.logo svg{filter:drop-shadow(0 8px 12px rgba(6,42,31,.45))}
.b3{grid-column:span 7}.b4.feat{grid-column:span 3;background:var(--coral);color:var(--ink);display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end;min-height:19rem;background-image:radial-gradient(14rem 12rem at 100% 0,rgba(255,255,255,.55),transparent 65%)}.b5{grid-column:span 2}
.fad{margin:0 0 auto;font-weight:700;font-size:.86rem}.fad b{background:var(--ink);color:#fff;border-radius:999px;padding:.18rem .6rem;margin-right:.35rem;font-size:.72rem;letter-spacing:.06em}
.feat .part{position:absolute;right:.6rem;top:1rem;width:8.5rem;rotate:10deg;filter:drop-shadow(0 22px 22px rgba(90,20,0,.45))}
.fn{margin:0;font:750 1.5rem/1.02 var(--disp);letter-spacing:-.035em;max-width:9ch}.fp{margin:0 0 .5rem;font:800 3rem/.9 var(--disp);letter-spacing:-.05em}.fp small{display:block;font:600 .86rem/1.3 var(--body);letter-spacing:0;margin-top:.45rem}
.feat .btn{align-self:stretch;justify-content:space-between;background:var(--ink);color:#fff;font-size:1.05rem}.feat .btn i{background:var(--lime)}.feat .btn i::before{border-color:var(--ink)}.feat .btn:hover{color:#fff}
@media(prefers-reduced-motion:no-preference){.feat .part{animation:bobb 6s ease-in-out infinite}.feat .btn i{animation:pulse 2.200s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(212,242,90,.75)}70%,100%{box-shadow:0 0 0 14px rgba(212,242,90,0)}}}
.b5 b{font-size:clamp(2.400rem,4vw,3.400rem)}
@media(max-width:1000px){.b4.feat,.b5{grid-column:span 6}}@media(max-width:620px){.b4.feat,.b5{grid-column:span 12}}
@media(max-width:360px){.wm b{font-size:1.08rem}.logo svg{width:36px;height:36px}.logo{gap:.4rem}.menu-btn{padding:.6rem .85rem}.site-head .wrap{padding-left:.6rem}}
.wm b span{color:#cb3a18}
.feat .btn i{animation:none}
/* v7: motion and CTAs */
.prog{position:fixed;left:0;right:0;top:0;height:4px;z-index:60;background:linear-gradient(90deg,var(--lime),var(--coral),var(--lilac));transform-origin:0 50%;transform:scaleX(0)}
@media(prefers-reduced-motion:no-preference){.w{display:inline-block;opacity:0;transform:translateY(.6em) rotate(4deg);animation:wd .8s cubic-bezier(.2,1.2,.3,1) forwards;animation-delay:calc(var(--i)*.14s + .1s)}@keyframes wd{to{opacity:1;transform:none}}
.b{animation:bin .7s cubic-bezier(.2,.9,.3,1) both}.b2{animation-delay:.08s}.b3{animation-delay:.16s}.b4{animation-delay:.24s}.b5{animation-delay:.32s}@keyframes bin{from{opacity:0;transform:translateY(22px) scale(.98)}}
.btn i{animation:nud 2.600s ease-in-out infinite}.btn:hover i{animation:none}@keyframes nud{0%,70%,100%{translate:0 0}82%{translate:5px 0}}}
.b2 .scene,.b2 .nchip{transition:transform .25s ease-out;will-change:transform}
.tile,.b3,.b5,.feat{--mx:50%;--my:50%}.tile::before,.b3::before,.b5::before,.feat::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(14rem 14rem at var(--mx) var(--my),rgba(255,255,255,.6),transparent 70%);opacity:0;transition:opacity .25s;pointer-events:none}.tile:hover::before,.b3:hover::before,.b5:hover::before,.feat:hover::before{opacity:1}.tile>*,.feat>*{position:relative}
.feat .part{position:absolute}
.btn.xl,.feat .btn,.b1 .btn{transition:translate .2s cubic-bezier(.3,1.4,.5,1),transform .2s cubic-bezier(.3,1.4,.5,1),box-shadow .2s}
.feat .btn,.ctab .btn.xl{isolation:isolate}.feat .btn:hover,.ctab .btn.xl:hover{box-shadow:0 0 0 4px rgba(212,242,90,.55),0 26px 44px -16px rgba(13,31,23,.9)}
.ctab::before,.ctab::after{content:"✦";position:absolute;color:var(--lime);font-size:1.6rem;opacity:.7;pointer-events:none}.ctab::before{left:58%;top:14%}.ctab::after{left:46%;bottom:12%;font-size:1.1rem;color:#fff}
@media(prefers-reduced-motion:no-preference){.ctab::before,.ctab::after{animation:tw 3s ease-in-out infinite}.ctab::after{animation-delay:-1.500s}@keyframes tw{50%{opacity:.15;scale:.6;rotate:40deg}}}
.rot{margin:3.4rem 0 0;background:var(--ink);color:#fff;border-radius:2.4rem;padding:2rem 2.2rem 1.6rem;position:relative;overflow:hidden;background-image:radial-gradient(22rem 14rem at 100% 0,rgba(205,188,255,.35),transparent 62%)}
.rk{margin:0 0 .8rem;display:inline-block;font-weight:800;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;background:var(--lilac);color:var(--ink);border-radius:999px;padding:.3rem .8rem}
.rt{margin:0;font:700 clamp(1.500rem,3.400vw,2.500rem)/1.12 var(--disp);letter-spacing:-.03em;max-width:28ch!important;min-height:3.4em;transition:opacity .22s,translate .22s}.rt.o{opacity:0;translate:0 10px}
.rd{display:flex;gap:.2rem;margin-top:1.2rem}.rd button{width:2.2rem;height:2.2rem;border:0;background:transparent;cursor:pointer;position:relative;padding:0}.rd button::before{content:"";position:absolute;left:.3rem;right:.3rem;top:50%;height:.4rem;translate:0 -50%;border-radius:999px;background:rgba(255,255,255,.3);transition:background .2s}.rd button[aria-pressed="true"]::before{background:var(--lime)}
.dock{position:fixed;left:50%;bottom:1rem;z-index:40;translate:-50% 140%;display:flex;align-items:center;gap:.8rem;background:var(--ink);color:#fff;border-radius:999px;padding:.45rem .5rem .45rem 1.1rem;box-shadow:0 26px 44px -18px rgba(13,31,23,.9);transition:translate .45s cubic-bezier(.2,1.2,.3,1);max-width:calc(100% - 1.4rem)}.dock.on{translate:-50% 0}.dock[hidden]{display:none}
.dk{font-weight:700;font-size:.95rem;white-space:nowrap}.dk b{background:var(--lime);color:var(--ink);border-radius:999px;padding:.12rem .55rem;margin-right:.5rem;font-size:.72rem;letter-spacing:.06em}
.dock .btn{background:var(--lime);color:var(--ink);box-shadow:none}.dock .btn i{background:var(--ink)}.dock .btn i::before{border-color:var(--lime)}.dock .btn:hover{color:var(--ink)}
.dock>button{width:2.4rem;height:2.4rem;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font:700 1.3rem/1 var(--body);cursor:pointer;flex:none}.dock>button:hover{background:rgba(255,255,255,.3)}
@media(max-width:560px){.dk{white-space:normal;font-size:.84rem;line-height:1.2}.dock{border-radius:1.6rem;gap:.5rem}}
@media(prefers-reduced-motion:reduce){.dock{transition:none}}
.btn i{animation:none!important}.ctab::before,.ctab::after{animation:none!important}.b2 .scene,.b2 .nchip{will-change:auto}
.tile::before{display:none}
/* v7.1: phone fix for the finder block, and a call to action under the bottle */
.b6{grid-column:span 12;background:var(--lime);color:var(--ink);display:flex;align-items:center;gap:1.2rem 2rem;flex-wrap:wrap;padding:1.3rem 1.3rem 1.3rem 2rem;background-image:radial-gradient(18rem 10rem at 0 0,rgba(255,255,255,.6),transparent 65%)}
.b6 .fad{margin:0}.b6t{margin:0;flex:1 1 16rem;font:750 clamp(1.300rem,2.600vw,1.900rem)/1.08 var(--disp);letter-spacing:-.03em}
.b6 .btn{background:var(--ink);color:#fff;font-size:1.05rem}.b6 .btn i{background:var(--lime)}.b6 .btn i::before{border-color:var(--ink)}.b6 .btn:hover{color:#fff;box-shadow:0 0 0 4px rgba(13,31,23,.25),0 26px 44px -16px rgba(13,31,23,.9)}
@media(max-width:1000px){.b3{grid-column:span 12}}
@media(max-width:620px){.b6{flex-direction:column;align-items:stretch;padding:1.4rem}.b6 .btn{justify-content:space-between}.b6t{flex:none}}