@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--page-bg:#fffdf9}body.color-flow{background-color:var(--page-bg);transition:background-color 1.05s cubic-bezier(.22,1,.36,1);will-change:background-color}
:root{--ink:#10272a;--muted:#68797b;--line:#dfe8e8;--teal:#2e777d;--paper:#fff;--mist:#f4f8f8;--deep:#cfe3ef;--fresh:#d8eee5;--bounce:#f4e2b8;--calm:#ded8f0;--silky:#efd6db;--color:#efc9cc;--velvet:#eadfce;--shadow:0 24px 60px rgba(24,53,56,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;font-size:16px;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(1180px,92vw);margin:auto}.announce{background:var(--ink);color:#e8f2f2;text-align:center;padding:9px 16px;font:500 .72rem DM Mono;letter-spacing:.08em}.site-head{height:76px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.head-inner{height:100%;display:flex;align-items:center;gap:34px}.brand{font:600 2rem/1 Playfair Display;letter-spacing:-.05em}.brand small{display:block;font:500 .46rem DM Mono;letter-spacing:.16em;margin-top:5px;color:#718183}.nav{display:flex;gap:28px;margin-left:auto;font-size:.92rem}.nav a:hover{color:var(--teal)}.head-actions{display:flex;align-items:center;gap:8px}.icon-btn{height:43px;min-width:43px;border:1px solid var(--line);border-radius:99px;background:#fff;display:inline-grid;place-items:center;cursor:pointer;padding:0 13px;color:var(--ink)}.cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:.72rem;margin-left:5px}.btn{border:0;border-radius:99px;background:var(--ink);color:#fff;padding:15px 22px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.22s transform,.22s background,.22s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(16,39,42,.16)}.btn.teal{background:var(--teal)}.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.full{width:100%}.btn.small{padding:11px 16px;font-size:.85rem}.trustbar{border-bottom:1px solid var(--line);background:#fbfdfd}.trust-inner{height:42px;display:flex;align-items:center;justify-content:center;gap:52px;font:500 .7rem DM Mono;letter-spacing:.06em;color:#637577}.trust-inner span:before{content:'✓';color:var(--teal);margin-right:8px}.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center;min-height:650px;padding:70px 0}.kicker{font:500 .7rem DM Mono;letter-spacing:.14em;color:var(--teal);text-transform:uppercase}.hero h1,.page-hero h1,.product-copy h1{font:500 clamp(3.2rem,6vw,5.5rem)/.98 Playfair Display;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 em,.page-hero h1 em{color:var(--teal);font-weight:500}.lead{font-size:1.12rem;line-height:1.7;color:#526568;max-width:660px}.hero-actions{display:flex;gap:13px;align-items:center;margin-top:28px;flex-wrap:wrap}.micro{display:flex;gap:22px;flex-wrap:wrap;margin-top:27px;color:#607174;font-size:.8rem}.micro span:before{content:'✓';color:var(--teal);margin-right:7px}.hero-visual{position:relative;min-height:540px;border-radius:38px;background:linear-gradient(145deg,#f7fbfb,#e7f2f2);overflow:hidden;box-shadow:var(--shadow)}.hero-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(46,119,125,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(46,119,125,.045) 1px,transparent 1px);background-size:34px 34px}.hero-pouch{position:absolute;height:76%;left:4%;bottom:-1%;object-fit:contain;filter:drop-shadow(0 28px 26px rgba(25,55,58,.16));transform:rotate(-6deg)}.hero-card{position:absolute;right:6%;top:10%;width:46%;background:rgba(255,255,255,.92);padding:24px;border-radius:20px;border:1px solid #dbe7e7;box-shadow:var(--shadow)}.hero-card h3{font:500 1.65rem Playfair Display;margin:8px 0}.hero-card p{font-size:.83rem;line-height:1.55;color:var(--muted)}.stars{color:#e1a629;letter-spacing:.08em}.section{padding:92px 0}.section.soft{background:var(--mist)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-head h2,.page-hero h2{font:500 clamp(2.5rem,4.7vw,4rem)/1.04 Playfair Display;letter-spacing:-.045em;margin:10px 0 0}.section-head p{max-width:460px;color:var(--muted);line-height:1.65}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;position:relative;transition:.25s transform,.25s box-shadow}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-media{height:330px;display:grid;place-items:center;overflow:hidden}.product-media img{width:83%;height:87%;object-fit:contain;transition:.3s transform}.product-card:hover .product-media img{transform:scale(1.035)}.product-info{padding:22px}.product-info h3{font:500 1.55rem Playfair Display;margin:5px 0}.product-info p{color:var(--muted);line-height:1.5;font-size:.9rem;min-height:42px}.price-row{display:flex;align-items:end;justify-content:space-between;margin-top:18px}.price{font-weight:700}.subprice{font-size:.75rem;color:var(--teal);display:block;margin-top:3px}.tag{position:absolute;left:16px;top:16px;background:#fff;border:1px solid rgba(16,39,42,.1);border-radius:99px;padding:7px 10px;font:500 .65rem DM Mono;z-index:2}.tone-deep{background:var(--deep)}.tone-fresh{background:var(--fresh)}.tone-bounce{background:var(--bounce)}.tone-calm{background:var(--calm)}.tone-silky{background:var(--silky)}.tone-color{background:var(--color)}.tone-velvet{background:var(--velvet)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.method-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);min-height:220px}.num{font:500 .68rem DM Mono;color:var(--teal);letter-spacing:.12em}.method-card h3{font:500 1.55rem Playfair Display;margin:42px 0 10px}.method-card p{color:var(--muted);line-height:1.6}.ugc-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:14px}.ugc{height:440px;border-radius:22px;overflow:hidden;position:relative;background:#eef4f4;margin:0}.ugc img{width:100%;height:100%;object-fit:cover}.ugc figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.91);backdrop-filter:blur(10px);border-radius:15px;padding:14px;font-size:.83rem;line-height:1.45}.quote-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:16px}.quote{border:1px solid var(--line);border-radius:20px;padding:23px;background:#fff}.quote p{line-height:1.6;margin:12px 0;color:#4d6062}.quote small{font-weight:700}.cta-band{background:var(--ink);color:#fff;border-radius:32px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden}.cta-band h2{font:500 clamp(2.2rem,4vw,3.4rem)/1.05 Playfair Display;margin:8px 0}.cta-band p{color:#b9cbcc}.page-hero{padding:72px 0 48px}.page-hero.center{text-align:center}.page-hero.center p{margin-left:auto;margin-right:auto}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}.filter{border:1px solid var(--line);background:#fff;border-radius:99px;padding:10px 14px;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff}.product-main{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:50px 0 90px;align-items:start}.gallery-main{height:610px;border-radius:30px;display:grid;place-items:center;position:sticky;top:135px}.gallery-main img{width:86%;height:88%;object-fit:contain;filter:drop-shadow(0 28px 26px rgba(25,55,58,.14))}.crumbs{font-size:.78rem;color:var(--muted);margin-bottom:18px}.product-copy h1{font-size:clamp(3rem,5vw,4.7rem)}.product-copy .subtitle{font-size:1.05rem;line-height:1.6;color:#536668}.rating-link{display:inline-flex;gap:8px;align-items:center;font-size:.85rem;margin:8px 0 20px}.buybox{border:1px solid var(--line);border-radius:22px;padding:20px;margin:25px 0;background:#fff;box-shadow:0 14px 36px rgba(25,55,58,.06)}.purchase-option{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;margin:10px 0;cursor:pointer}.purchase-option.selected{border-color:var(--teal);background:#f5fbfb}.purchase-option input{margin-top:4px}.purchase-option label{display:flex;width:100%;justify-content:space-between;gap:20px;cursor:pointer}.purchase-option strong{display:block}.purchase-option small{display:block;color:var(--muted);margin-top:4px}.save{background:#d8eee5;color:#205f64;border-radius:99px;padding:4px 8px;font-size:.68rem}.addrow{display:grid;grid-template-columns:90px 1fr;gap:10px;margin-top:14px}.qty{border:1px solid var(--line);border-radius:99px;display:flex;align-items:center;justify-content:space-evenly}.qty button{border:0;background:none;cursor:pointer;font-size:1.2rem}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.benefit{border:1px solid var(--line);border-radius:14px;padding:14px;font-size:.82rem}.benefit b{display:block;margin-bottom:4px}.accord details{border-top:1px solid var(--line);padding:17px 0}.accord summary{font-weight:700;cursor:pointer}.accord p{line-height:1.7;color:var(--muted)}.ingredient-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.ingredient-chips span{padding:8px 11px;border-radius:99px;background:var(--mist);font-size:.78rem}.review-shot{border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#fff}.review-shot img{width:100%;display:block}.cart-overlay{position:fixed;inset:0;background:rgba(8,25,27,.46);z-index:50;display:none}.cart-overlay.open{display:block}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(450px,94vw);background:#fff;padding:24px;display:flex;flex-direction:column;box-shadow:-20px 0 70px rgba(0,0,0,.16)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer h2{font:500 1.9rem Playfair Display;margin:0}.close{border:0;background:var(--mist);width:38px;height:38px;border-radius:50%;cursor:pointer}.cart-items{overflow:auto;flex:1;padding:8px 0}.cart-item{display:grid;grid-template-columns:78px 1fr auto;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.cart-item img{width:78px;height:90px;object-fit:contain;border-radius:12px}.cart-item h4{margin:4px 0;font-size:.94rem}.cart-item small{color:var(--muted)}.remove{border:0;background:none;color:#8b5555;cursor:pointer}.cart-foot{border-top:1px solid var(--line);padding-top:18px}.total{display:flex;justify-content:space-between;font-weight:700;margin-bottom:14px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.cart-page{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;padding:55px 0 90px}.summary-card{border:1px solid var(--line);border-radius:22px;padding:24px;height:max-content;position:sticky;top:125px}.summary-card h2{font:500 2rem Playfair Display}.checkout{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.checkout-main{padding:44px max(5vw,30px)}.checkout-side{background:var(--mist);padding:44px max(5vw,30px);border-left:1px solid var(--line)}.checkout-steps{display:flex;gap:8px;font-size:.78rem;color:var(--muted);margin:20px 0 35px}.checkout-steps b{color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.78rem;font-weight:700}.field input,.field select{border:1px solid #ccdada;border-radius:12px;padding:14px;background:#fff;min-width:0}.pay-option{border:1px solid var(--line);border-radius:14px;padding:15px;margin:9px 0;display:flex;gap:10px}.notice{background:#fff7db;border:1px solid #eadca6;padding:13px 15px;border-radius:12px;font-size:.8rem;line-height:1.5;margin:14px 0}.account-shell{display:grid;grid-template-columns:.8fr 1.2fr;min-height:680px}.account-art{background:linear-gradient(150deg,#d8eee5,#cfe3ef);padding:65px;display:flex;flex-direction:column;justify-content:space-between}.account-art h1{font:500 4rem/1 Playfair Display;letter-spacing:-.05em}.login{padding:70px max(7vw,38px)}.login h2{font:500 2.7rem Playfair Display;margin:0 0 12px}.login p{color:var(--muted);line-height:1.6}.login form{display:grid;gap:14px;margin-top:28px;max-width:460px}.login input{padding:15px;border:1px solid var(--line);border-radius:12px}.quiz-shell{max-width:820px;margin:50px auto 90px;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.quiz-top{background:var(--ink);color:#fff;padding:30px}.quiz-top h1{font:500 2.2rem Playfair Display;margin:8px 0}.progress{height:6px;border-radius:99px;background:#29484b;margin-top:20px;overflow:hidden}.progress i{display:block;height:100%;background:#8ec7cb;transition:.3s}.quiz-body{padding:40px}.quiz-body h2{font:500 2.2rem Playfair Display}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;text-align:left;cursor:pointer}.option:hover{border-color:var(--teal);background:#f6fbfb}.result-card{border-radius:22px;padding:25px;background:var(--mist);margin-top:18px}.footer{border-top:1px solid var(--line);padding:55px 0}.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:38px}.foot-grid h4{font-size:.8rem;margin:0 0 15px}.foot-grid a{display:block;color:var(--muted);font-size:.84rem;margin:9px 0}.foot-grid p{color:var(--muted);font-size:.84rem;line-height:1.6}.foot-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}.mobile-menu{display:none}.mobile-sticky{display:none}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:99px;z-index:80;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.nav{display:none}.mobile-menu{display:grid}.trust-inner{gap:18px;justify-content:flex-start;overflow:auto}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{min-height:500px}.product-grid{grid-template-columns:repeat(2,1fr)}.ugc-grid{grid-template-columns:1fr 1fr}.ugc:first-child{grid-column:1/-1}.product-main{grid-template-columns:1fr}.gallery-main{position:relative;top:auto;height:520px}.cart-page,.checkout,.account-shell{grid-template-columns:1fr}.checkout-side{border-left:0;border-top:1px solid var(--line)}.foot-grid{grid-template-columns:1fr 1fr}.method-grid,.quote-row{grid-template-columns:1fr}.mobile-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 14px;z-index:28;gap:10px;align-items:center}.mobile-sticky .btn{flex:1}.mobile-sticky strong{font-size:.9rem}}
@media(max-width:600px){.announce{font-size:.62rem}.site-head{height:68px}.head-inner{gap:9px}.brand{font-size:1.65rem}.head-actions .account-link{display:none}.wrap{width:min(94vw,1180px)}.hero h1,.page-hero h1{font-size:3.15rem}.hero-visual{min-height:420px}.hero-pouch{height:72%;left:-5%}.hero-card{right:4%;width:57%;padding:17px}.section{padding:70px 0}.section-head{display:block}.product-grid{grid-template-columns:1fr}.product-media{height:360px}.ugc-grid{grid-template-columns:1fr}.ugc:first-child{grid-column:auto}.ugc{height:400px}.cta-band{padding:34px 25px;display:block}.cta-band .btn{margin-top:16px}.product-main{gap:25px;padding-top:25px}.gallery-main{height:430px}.product-copy h1{font-size:3.1rem}.benefits{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.checkout-main,.checkout-side{padding:30px 20px}.account-art{padding:40px 24px;min-height:330px}.account-art h1{font-size:3.2rem}.login{padding:45px 24px}.options{grid-template-columns:1fr}.quiz-shell{margin:25px auto 75px;width:94vw}.quiz-body{padding:28px 20px}.foot-grid{grid-template-columns:1fr}.foot-bottom{display:block}.foot-bottom span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.demo-pill{display:inline-flex;background:#dff3eb;color:#1c655b;border-radius:99px;padding:6px 10px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.prototype-note{padding:13px 15px;background:#fff7dd;border:1px solid #ead89b;border-radius:10px;color:#6b5922;font-size:.85rem}.match-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.score-ring{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font-size:1.25rem;flex:0 0 auto}.result-card{display:flex;align-items:center;gap:18px}.score-list>div{display:grid;grid-template-columns:110px 1fr 45px;align-items:center;gap:9px;margin:10px 0;font-size:.82rem}.score-list i,.funnel i{display:block;height:7px;background:#e7ece9;border-radius:9px;overflow:hidden}.score-list i b,.funnel i b{display:block;height:100%;background:var(--teal)}.ingredient-analysis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.ingredient-analysis span{padding:14px;background:#f4f7f5;border-radius:10px}.ingredient-analysis small{display:block;color:var(--muted);margin-top:5px}.portal,.admin{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#f4f6f4}.portal-nav,.admin-nav{background:#10272a;color:#fff;padding:32px 22px;display:flex;flex-direction:column;gap:7px;position:sticky;top:0;height:100vh}.portal-nav .brand,.admin-nav .brand{color:#fff;margin-bottom:28px}.portal-nav p{font-size:.7rem;letter-spacing:.12em;color:#89a1a2}.portal-link,.admin-nav a{display:block;text-align:left;border:0;background:transparent;color:#c7d4d3;padding:12px 13px;border-radius:9px;font:inherit;cursor:pointer;text-decoration:none}.portal-link.active,.portal-link:hover,.admin-nav a.active,.admin-nav a:hover{background:#1e4143;color:#fff}.portal-main,.admin-main{padding:42px;min-width:0}.portal-head,.admin-top,.panel-head,.track-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.portal-head h1,.admin-top h1{font:500 2.6rem/1.1 'Playfair Display',serif;margin:.25rem 0}.stat-grid,.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.metric-grid{grid-template-columns:repeat(4,1fr)}.stat-grid article,.metric-grid article,.panel,.tracking-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.stat-grid span,.metric-grid small{display:block;font-size:.7rem;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.stat-grid b,.metric-grid b{display:block;font-size:1.35rem;margin-bottom:8px}.stat-grid a,.stat-grid button,.metric-grid a{color:var(--teal);border:0;background:0;font:inherit;padding:0}.panel{margin-bottom:18px}.panel h2{font:500 1.65rem 'Playfair Display',serif;margin-top:0}.timeline{display:flex;justify-content:space-between;position:relative;margin:28px 0 5px}.timeline:before{content:"";position:absolute;top:7px;left:3%;right:3%;height:2px;background:#dce3e0}.timeline i{font-style:normal;font-size:.75rem;z-index:1;background:#fff;padding-top:21px;position:relative;color:var(--muted)}.timeline i:before{content:"";position:absolute;top:0;left:50%;width:14px;height:14px;border-radius:50%;background:#dce3e0;transform:translateX(-50%)}.timeline i.done{color:var(--ink)}.timeline i.done:before{background:var(--teal)}.timeline small{display:block;margin-top:5px}.manage-row,.order-row{display:flex;align-items:center;gap:14px;justify-content:space-between}.manage-row small{display:block;color:var(--muted)}.danger{background:#fff1f1!important;color:#a73a3a!important;border:1px solid #efc4c4!important}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.profile-grid span{padding:16px;background:#f4f6f4;border-radius:9px}.profile-grid small,.profile-grid b{display:block}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pay-option b{margin-left:auto}.discount{display:flex;margin:22px 0}.discount input{flex:1;padding:12px;border:1px solid var(--line)}.discount button{border:0;background:var(--ink);color:#fff;padding:0 15px}.grand{font-size:1.15rem;border-top:2px solid var(--ink)!important}.tracking-card{margin-bottom:20px}.track-head b{display:block;font-size:1.2rem;margin-top:5px}.admin-nav .brand small{color:#91b4b5}.admin-user{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff}.metric-grid article span{font-size:.76rem;color:#397c67}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.toolbar{display:flex;gap:10px;justify-content:flex-end;margin-bottom:14px}.toolbar input,.toolbar select{padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:white}.toolbar input{flex:1}.data-head,.data-row{display:grid;grid-template-columns:1fr 1.3fr .7fr .7fr .5fr;gap:14px;align-items:center;padding:12px 8px}.data-head{font-size:.72rem;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.data-row{border-bottom:1px solid var(--line);font-size:.86rem}.data-row:last-child{border:0}.data-row small,.data-row b{display:block}.data-row small{color:var(--muted);margin-top:3px}.data-row button,.flow-grid button{border:0;background:transparent;color:var(--teal);cursor:pointer}.product-cell{display:flex!important;align-items:center;gap:10px}.product-cell img{width:42px;height:42px;object-fit:contain;background:#eef1ef;border-radius:7px}.status{display:inline-flex;width:max-content;border-radius:99px;padding:5px 9px;background:#eef1ef;font-size:.72rem}.status.shipped,.status.paid,.status.processing{background:#dff3eb;color:#1b6656}.status.pending,.status.low{background:#fff0cf;color:#795a11}.stock-row{display:grid;grid-template-columns:1.5fr 1fr .7fr .5fr;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.stock-row button{width:30px;height:30px;border:1px solid var(--line);background:#fff}.discount-row,.log-row{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr .5fr;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.switch input{display:none}.switch i{display:block;width:42px;height:24px;background:#cbd5d1;border-radius:20px;position:relative}.switch i:after{content:"";position:absolute;width:18px;height:18px;background:white;border-radius:50%;top:3px;left:3px;transition:.2s}.switch input:checked+i{background:var(--teal)}.switch input:checked+i:after{left:21px}.flow-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flow-grid article,.integration-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.flow-grid article>div{display:flex;justify-content:space-between}.flow-grid h3,.integration-grid h3{margin:14px 0 6px}.flow-grid p,.integration-grid p{color:var(--muted);font-size:.85rem;min-height:40px}.flow-grid small{display:block;margin-bottom:15px}.integration-grid article{display:grid;grid-template-columns:46px 1fr;gap:8px}.integration-grid article button{grid-column:2}.integration-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:800}.funnel{margin:18px 0}.funnel span{display:flex;justify-content:space-between;margin-bottom:7px;font-size:.82rem}.modal-wrap{position:fixed;inset:0;background:#091a1dbb;display:grid;place-items:center;z-index:100;padding:20px}.admin-modal{width:min(620px,95vw);background:#fff;border-radius:16px;padding:30px;position:relative}.admin-modal .close{position:absolute;right:18px;top:14px}.cookie{position:fixed;z-index:90;left:20px;right:20px;bottom:20px;background:#10272a;color:#fff;border-radius:14px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 15px 50px #0004}.cookie p{margin:4px 0;color:#c8d4d4}.cookie button{padding:10px 13px;border-radius:8px;border:1px solid #668082;background:transparent;color:#fff;margin-left:6px}.cookie button:last-child{background:#fff;color:#10272a}.log-row{grid-template-columns:1fr auto auto}.log-row code{font-size:.78rem}.order-table{overflow:auto}
.profile-banner{width:min(1180px,92vw);margin:18px auto 0;background:#dff3eb;border:1px solid #b8ded1;padding:12px 16px;border-radius:10px;display:flex;gap:14px;align-items:center}.profile-banner span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#397c67}.profile-banner a{margin-left:auto;color:var(--teal);font-weight:700}
@media(max-width:1000px){.portal,.admin{grid-template-columns:1fr}.portal-nav,.admin-nav{position:relative;height:auto;flex-direction:row;overflow:auto;align-items:center;padding:14px}.portal-nav .brand,.admin-nav .brand{margin:0 15px 0 0}.portal-nav p{display:none}.portal-link,.admin-nav a{white-space:nowrap}.stat-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.flow-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.portal-main,.admin-main{padding:22px 14px}.stat-grid,.metric-grid,.match-layout,.ingredient-analysis,.payment-grid,.flow-grid,.integration-grid{grid-template-columns:1fr}.portal-head,.admin-top{align-items:center}.data-head{display:none}.data-row,.stock-row,.discount-row{grid-template-columns:1fr 1fr}.data-row>*:nth-child(n+3){margin-top:5px}.timeline{overflow:auto;gap:45px;justify-content:flex-start}.timeline i{min-width:80px}.manage-row,.order-row{align-items:flex-start;flex-direction:column}.cookie{display:block}.cookie div:last-child{margin-top:12px}.cookie button{margin:4px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}}
:root{--page-bg:#fffaf4}body.color-flow{background:var(--page-bg);transition:background-color 1.05s cubic-bezier(.22,1,.36,1)}body.color-flow main,body.color-flow .section,body.color-flow .page-hero,body.color-flow .soft{background:transparent!important}.color-panel{transition:background-color .9s ease}.site-head{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-nav{padding:18px 4vw;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94)}.mobile-nav a{display:block;padding:8px 0}.kb-hero{padding:105px 0 75px}.kb-hero h1,.article-head h1,.contact-hero h1{font:500 clamp(3rem,7vw,6rem)/.95 'Playfair Display',serif;letter-spacing:-.055em;margin:16px 0 25px}.kb-hero .lead{max-width:680px}.topic-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.topic-pills button{border:1px solid #18373a55;background:#ffffff80;border-radius:99px;padding:10px 16px;cursor:pointer}.kb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.kb-card{background:rgba(255,255,255,.76);border:1px solid #fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px #18373a12;transition:transform .35s,box-shadow .35s}.kb-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #18373a20}.kb-card a{display:grid;grid-template-columns:42% 1fr;color:inherit;height:100%}.kb-media{min-height:310px;display:grid;place-items:center;overflow:hidden}.kb-media img{width:88%;height:88%;object-fit:contain;transition:transform .5s}.kb-card:hover img{transform:scale(1.04) rotate(-2deg)}.kb-card a>div:last-child{padding:32px}.kb-card h2{font:500 2rem/1.08 'Playfair Display',serif;margin:10px 0}.kb-card p{color:var(--muted);line-height:1.6}.kb-card b{color:var(--teal);font-size:.86rem}.article-hero{padding:70px 0}.article-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.article-head>div:first-child>a{display:block;margin-bottom:55px;color:var(--ink)}.article-image{height:580px;border-radius:36px;display:grid;place-items:center;box-shadow:0 30px 70px #18373a18}.article-image img{width:86%;height:88%;object-fit:contain}.article-meta{margin-top:25px;color:var(--muted);font-size:.82rem}.article-body{padding:80px 0}.article-body>.wrap{display:grid;grid-template-columns:240px minmax(0,700px);gap:75px;justify-content:center}.article-side{position:sticky;top:125px;height:max-content;display:grid;gap:13px;padding:22px;border-radius:18px;background:#ffffff99}.article-side a{color:var(--muted)}.prose{font-size:1.08rem;line-height:1.8}.prose h2{font:500 2.1rem/1.15 'Playfair Display',serif;margin:2.2em 0 .5em}.prose li{margin:8px 0}.article-cta,.expert-note{background:#fff;border-radius:20px;padding:25px;margin-top:35px}.expert-note{border-left:4px solid var(--teal)}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{background:#ffffffa8;border:1px solid #fff;border-radius:16px;padding:22px;color:inherit;display:grid;gap:10px}.related-links span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.faq-section{padding:35px 0 95px}.faq-layout{display:grid;grid-template-columns:230px minmax(0,780px);gap:70px;justify-content:center}.faq-layout aside{position:sticky;top:120px;height:max-content;display:grid;gap:12px}.faq-item{background:#ffffffba;border:1px solid #fff;border-radius:16px;margin-bottom:11px;padding:0 22px}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:1.4rem;transition:transform .25s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{color:var(--muted);line-height:1.7;margin:0;padding:0 35px 22px 0}.contact-strip{display:flex;justify-content:space-between;align-items:center}.contact-strip h2{font:500 2.5rem 'Playfair Display',serif;margin:8px 0}.contact-hero{padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.contact-options a{background:#ffffff9e;border:1px solid #fff;border-radius:16px;padding:20px;color:inherit}.contact-options small,.contact-options b,.contact-options span{display:block}.contact-options small{font-size:.7rem;letter-spacing:.08em;color:var(--teal)}.contact-options b{margin:10px 0}.contact-options span{color:var(--muted);font-size:.8rem}.contact-form{background:#fff;border-radius:26px;padding:34px;box-shadow:0 25px 70px #18373a18;display:grid;gap:14px}.contact-form textarea{border:1px solid #ccdada;border-radius:12px;padding:14px;font:inherit;resize:vertical}.contact-form>small{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid article{background:#ffffffa0;border:1px solid #fff;border-radius:18px;padding:26px}.service-grid b{font:500 1.4rem 'Playfair Display',serif}.service-grid p{color:var(--muted);line-height:1.6}.service-grid a{color:var(--teal);font-weight:700}
@media(max-width:900px){.kb-grid{grid-template-columns:1fr}.article-head,.contact-grid{grid-template-columns:1fr}.article-image{height:440px}.article-body>.wrap,.faq-layout{grid-template-columns:1fr}.article-side,.faq-layout aside{position:relative;top:auto}.article-side{display:flex;flex-wrap:wrap}.related-links,.service-grid{grid-template-columns:1fr 1fr}.kb-card a{grid-template-columns:35% 1fr}.nav a:nth-last-child(-n+2){display:none}}
@media(max-width:600px){.kb-hero{padding:65px 0 45px}.kb-card a{grid-template-columns:1fr}.kb-media{min-height:280px}.article-head h1,.contact-hero h1,.kb-hero h1{font-size:3.25rem}.article-image{height:350px}.article-body{padding:50px 0}.related-links,.service-grid,.contact-options{grid-template-columns:1fr}.contact-strip{display:block}.contact-strip .btn{margin-top:18px}.contact-form{padding:24px}.faq-item{padding:0 16px}}
.social-icons span{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);font-weight:800;font-size:1.05rem;margin:0}
.trust-score{color:#ffe9a9}.trust-score b{color:#fff}.mini-rating{color:#d08a42;font-size:.76rem;letter-spacing:.03em;margin-bottom:7px}.mini-rating b{color:var(--ink);letter-spacing:0}.locked-product{position:relative!important;overflow:hidden}.locked-product>img{filter:blur(18px) saturate(.45);transform:scale(1.06);opacity:.58}.product-lock{position:absolute;inset:0;z-index:5;border:0;background:linear-gradient(145deg,#ffffff32,#10272a35);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;text-align:center;padding:20px}.product-lock>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#10272a;color:#fff;font-size:1.65rem;box-shadow:0 10px 25px #10272a45;margin-bottom:10px}.product-lock b{font-size:.9rem;background:#ffffffe8;padding:7px 11px;border-radius:99px}.product-lock small{margin-top:7px;background:#ffffffe8;padding:5px 9px;border-radius:99px}.gallery-main .product-lock b{font-size:1rem}.social-leader{padding:28px 0 75px}.social-leader>.wrap{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:stretch}.social-score{background:#10272a;color:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:center}.social-score span{color:#ffd47a;letter-spacing:.07em}.social-score b{font:500 3.2rem 'Playfair Display',serif;margin:8px 0}.social-score p{margin:0;color:#c9d7d6}.social-score a{color:#fff;margin-top:22px;font-size:.82rem}.social-snapshots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.social-snapshots a{position:relative;min-height:260px;border-radius:20px;overflow:hidden;color:#fff}.social-snapshots img{width:100%;height:100%;object-fit:cover;position:absolute}.social-snapshots a:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#10272adb)}.social-snapshots span{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;font:500 1.15rem/1.25 'Playfair Display',serif}.social-snapshots span b{display:block;font:600 .72rem/1.4 Arial,sans-serif;margin-top:8px;color:#d9e5e4}.reviews-hero{padding:90px 0 60px}.reviews-intro{display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:center}.reviews-intro h1{font:500 clamp(3.4rem,7vw,6.5rem)/.92 'Playfair Display',serif;letter-spacing:-.055em;margin:15px 0 24px}.score-monument{background:#fff;border-radius:28px;padding:38px;text-align:center;box-shadow:0 25px 60px #10272a15}.score-monument span{color:#d58e42;letter-spacing:.1em}.score-monument b{display:block;font:500 5rem 'Playfair Display',serif;margin:8px 0}.score-monument p{color:var(--muted)}.score-monument a{font-weight:700;color:var(--teal)}.ugc-wall{display:grid;gap:28px}.story{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#ffffffa6;border:1px solid #fff;border-radius:30px;overflow:hidden;box-shadow:0 20px 60px #10272a12}.story:nth-child(even){grid-template-columns:1fr 1fr}.story:nth-child(even) .story-image{order:2}.story-image{position:relative;min-height:480px}.story-image img{width:100%;height:100%;object-fit:cover;position:absolute}.story-image span{position:absolute;bottom:18px;left:18px;background:#fff;padding:7px 10px;border-radius:99px;font-size:.72rem}.story-copy{padding:55px;display:flex;flex-direction:column;justify-content:center}.story-copy .stars{color:#d58e42}.story-copy h2{font:500 2.45rem/1.08 'Playfair Display',serif;margin:20px 0}.story-copy blockquote{margin:0;color:#405154;font-size:1.04rem;line-height:1.75}.story-copy p{margin-top:28px}.story-copy p b,.story-copy p span{display:block}.story-copy p span{font-size:.78rem;color:var(--muted);margin-top:4px}.ugc-mosaic{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}.ugc-mosaic figure{margin:0;height:470px;position:relative;border-radius:24px;overflow:hidden}.ugc-mosaic img{width:100%;height:100%;object-fit:cover}.ugc-mosaic figcaption{position:absolute;left:16px;bottom:16px;background:#ffffffe5;padding:8px 11px;border-radius:99px;font-size:.76rem}.review-cta{background:#10272a;color:#fff;border-radius:30px;padding:48px;display:flex;justify-content:space-between;gap:30px;align-items:center}.review-cta h2{font:500 2.7rem 'Playfair Display',serif;margin:12px 0}.review-cta p{color:#c7d5d4}.review-cta .stars{color:#ffd47a}.quiz-account{margin-top:28px;padding:28px;border-radius:20px;background:#f0e8f5;border:1px solid #d8c7e4}.quiz-account h3{font:500 1.8rem 'Playfair Display',serif;margin:8px 0}.quiz-account form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.quiz-account input{border:1px solid #c9c0cf;border-radius:10px;padding:13px}.quiz-account input[name=password],.quiz-account .btn{grid-column:1/-1}.quiz-account>a{display:block;color:var(--teal);font-weight:700;margin-top:12px}.quiz-account>small{display:block;color:var(--muted);margin-top:8px}
@media(max-width:900px){.social-leader>.wrap{grid-template-columns:1fr}.social-snapshots{grid-template-columns:repeat(3,1fr)}.reviews-intro{grid-template-columns:1fr}.score-monument{max-width:420px}.story,.story:nth-child(even){grid-template-columns:1fr}.story:nth-child(even) .story-image{order:0}.ugc-mosaic{grid-template-columns:1fr 1fr}.ugc-mosaic figure:first-child{grid-column:1/-1}.review-cta{display:block}.review-cta .btn{margin-top:18px}}
@media(max-width:600px){.social-snapshots{grid-template-columns:1fr}.social-snapshots a{min-height:330px}.story-image{min-height:390px}.story-copy{padding:30px 22px}.story-copy h2{font-size:2rem}.ugc-mosaic{grid-template-columns:1fr}.ugc-mosaic figure:first-child{grid-column:auto}.ugc-mosaic figure{height:390px}.review-cta{padding:30px 22px}.quiz-account form{grid-template-columns:1fr}.quiz-account input[name=password],.quiz-account .btn{grid-column:auto}}
.page-ribbon{position:absolute;z-index:0;top:0;right:max(12px,3vw);width:clamp(70px,9vw,150px);height:100%;min-height:1400px;pointer-events:none;opacity:.32;overflow:hidden}.page-ribbon svg{width:100%;height:100%;min-height:1400px}.page-ribbon path{fill:none;stroke:#ffffff;stroke-width:20;stroke-linecap:round}.page-ribbon .ribbon-dot{stroke:var(--teal);stroke-width:3;stroke-dasharray:2 18;opacity:.75}body>main,body>.site-head,body>.announce,body>.trustbar,body>.footer,body>#app{position:relative;z-index:1}.quiz-page{padding:36px 0 100px}.quiz-v2{max-width:1050px}.quiz-topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.quiz-topline h1{margin:8px 0}.quiz-topline>span{font-size:.78rem;color:#b9cecf}.quiz-v2 .quiz-body{padding:0}.quiz-question{display:grid;grid-template-columns:.82fr 1.18fr;min-height:590px}.quiz-visual{position:relative;overflow:hidden;background:#dce9f6}.quiz-visual img{position:absolute;width:100%;height:100%;object-fit:cover}.quiz-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10272aa6)}.quiz-visual>span{position:absolute;z-index:1;left:20px;bottom:20px;background:#fff;border-radius:99px;padding:7px 11px;font-size:.72rem}.quiz-question-copy{padding:42px}.quiz-question-copy h2{font:500 2.3rem/1.1 'Playfair Display',serif;margin:10px 0}.quiz-question-copy>p{color:var(--muted);line-height:1.55}.visual-options{grid-template-columns:1fr 1fr;margin-top:24px}.visual-options .option{display:flex;align-items:center;gap:12px;min-height:68px}.visual-options .option>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7f0ed;color:var(--teal);font:700 1rem Georgia}.visual-options .option>b{font-size:.86rem}.quiz-back{border:0;background:none;color:var(--muted);padding:18px 0;cursor:pointer}.quiz-proof{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.quiz-proof>img{width:100%;height:100%;object-fit:cover}.quiz-proof>div{padding:50px;display:flex;flex-direction:column;justify-content:center}.quiz-proof blockquote{font:500 1.85rem/1.35 'Playfair Display',serif;margin:24px 0}.quiz-proof .btn{width:max-content;margin-top:12px}.quiz-result{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:42px}.result-product{position:relative;border-radius:22px;min-height:480px;display:grid;place-items:center}.result-product img{width:86%;height:88%;object-fit:contain}.result-product .score-ring{position:absolute;right:18px;top:18px}.quiz-result h2{font:500 2.8rem/1.05 'Playfair Display',serif;margin:10px 0}.answer-proof{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.answer-proof>b{width:100%}.answer-proof>span{font-size:.75rem;background:#eef4f1;border-radius:99px;padding:7px 10px}.cart-upsell{display:grid;grid-template-columns:92px 1fr;gap:13px;background:#eee5f5;border:1px solid #d9c7e7;border-radius:16px;padding:13px;margin:14px 0}.cart-upsell>div:first-child{border-radius:12px;display:grid;place-items:center;min-height:110px}.cart-upsell img{width:82px;height:105px;object-fit:contain}.cart-upsell b,.cart-upsell small{display:block}.cart-upsell small{color:var(--muted);font-size:.75rem;line-height:1.4;margin:5px 0}.cart-upsell button{border:0;background:none;color:#5f3b77;font-weight:800;padding:5px 0;cursor:pointer}.article-faq{margin-top:45px}.article-faq details{background:#fff;border-radius:13px;padding:0 18px;margin:9px 0}.article-faq summary{cursor:pointer;font-weight:700;padding:17px 0}.article-faq p{padding:0 0 17px;margin:0}.article-author{margin-top:28px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:5px}.article-author span{font-size:.8rem;color:var(--muted)}.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.quiz-question,.quiz-proof,.quiz-result{grid-template-columns:1fr}.quiz-visual{min-height:310px}.quiz-proof>img{height:330px}.result-product{min-height:380px}.page-ribbon{width:70px;opacity:.2}}
@media(max-width:600px){.quiz-page{padding-top:12px}.quiz-question-copy,.quiz-proof>div,.quiz-result{padding:25px 20px}.visual-options{grid-template-columns:1fr}.quiz-topline{display:block}.quiz-v2{margin-top:12px}.quiz-proof blockquote{font-size:1.5rem}.cart-upsell{grid-template-columns:76px 1fr}.cart-upsell img{width:68px}}

/* v7 — search, formula landing, foam and conversion details */
.cart-trigger{padding:0 10px;font-size:1.15rem}.cart-trigger .cart-count{font-size:.7rem}.search-trigger{font-size:1.55rem}.trust-score{white-space:nowrap}.social-icons{display:flex;gap:9px;margin-top:22px}.social-icons a{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);font-weight:800;font-size:1.05rem;margin:0}.payment-icons{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.payment-icons span{background:#fff;border:1px solid #d5dfdf;border-radius:7px;padding:7px 9px;font:800 .65rem/1 Manrope;color:#183437;box-shadow:0 3px 9px rgba(16,39,42,.05)}.pdp-payments{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.pdp-payments>small{display:block;color:var(--muted);margin-bottom:9px}.review-score-link{display:flex;align-items:center;gap:12px;padding:22px 25px;background:#fff}.review-score-link small{margin-left:auto;color:var(--teal);font-weight:700}.review-shot:has(.review-score-link) img{max-height:580px;object-fit:contain;background:#f8fbfb}
.search-overlay{position:fixed;inset:0;background:rgba(8,25,27,.58);z-index:100;display:grid;place-items:start center;padding:9vh 18px;backdrop-filter:blur(8px)}.search-panel{width:min(760px,100%);background:#fff;border-radius:28px;padding:34px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.24)}.search-panel h2{font:500 clamp(2rem,4vw,3.2rem)/1.05 Playfair Display;margin:10px 0 22px}.search-close{position:absolute;right:20px;top:20px;border:0;background:var(--mist);width:42px;height:42px;border-radius:50%;font-size:1.4rem;cursor:pointer}.search-field{display:flex;align-items:center;gap:12px;border:2px solid var(--ink);border-radius:99px;padding:4px 18px}.search-field span{font-size:1.4rem}.search-field input{width:100%;border:0;outline:0;padding:13px 0;background:transparent}.search-results{max-height:48vh;overflow:auto;margin-top:16px}.search-results>p{color:var(--muted);padding:18px 8px}.search-results a{display:grid;grid-template-columns:1fr auto;gap:4px 20px;border-bottom:1px solid var(--line);padding:15px 8px;position:relative}.search-results a span{font:700 .66rem DM Mono;color:var(--teal);grid-column:1}.search-results a b{grid-column:1}.search-results a small{grid-column:1;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results a i{grid-column:2;grid-row:1/4;align-self:center;font-style:normal;font-size:1.2rem}
.foam-layer{position:absolute;inset:0 0 auto 0;height:100%;min-height:100vh;pointer-events:none;z-index:1;overflow:hidden}.foam-layer i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;border:1.5px solid rgba(255,255,255,.8);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.92),rgba(255,255,255,.12) 55%,rgba(113,184,191,.18));box-shadow:inset -4px -6px 12px rgba(75,148,155,.12),0 6px 20px rgba(55,119,125,.08);animation:bubbleFloat 7s ease-in-out infinite alternate;animation-delay:var(--d)}.foam-layer i:nth-child(2n){left:auto;right:calc(100% - var(--x));transform:scale(.72)}@keyframes bubbleFloat{to{translate:10px -24px}}.page-ribbon{height:100%;min-height:100vh}.page-ribbon svg{height:100%}
.formula-hero{padding:72px 0 88px;min-height:690px}.formula-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.formula-hero h1{font:500 clamp(3.4rem,6vw,5.8rem)/.96 Playfair Display;letter-spacing:-.055em;margin:18px 0 25px}.formula-hero h1 em{color:var(--teal);font-weight:500}.creator-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}.creator-video{position:relative;min-height:420px;border-radius:26px;overflow:hidden;background:#e8eeee;box-shadow:var(--shadow)}.creator-video:nth-child(2),.creator-video:nth-child(3){min-height:203px}.creator-video:first-child{grid-row:span 2}.creator-video img{width:100%;height:100%;object-fit:cover;position:absolute}.creator-video:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,25,27,.78))}.creator-video .play{position:absolute;z-index:2;left:20px;top:20px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink)}.creator-video div{position:absolute;z-index:2;left:20px;right:16px;bottom:18px;color:#fff}.creator-video b,.creator-video small{display:block}.creator-video small{opacity:.85;margin-top:4px}.formula-proof{background:rgba(255,255,255,.52)}.formula-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.formula-steps article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:230px}.formula-steps article>span{font:700 .72rem DM Mono;color:var(--teal)}.formula-steps h3{font:500 1.7rem Playfair Display;margin:52px 0 10px}.formula-steps p{color:var(--muted);line-height:1.65}.lp-review{display:grid;grid-template-columns:.82fr 1.18fr;min-height:510px;border-radius:30px;overflow:hidden;background:#fff;border:1px solid var(--line)}.lp-review img{width:100%;height:100%;object-fit:cover}.lp-review>div{padding:55px;align-self:center}.lp-review blockquote{font:500 clamp(1.7rem,3vw,2.7rem)/1.25 Playfair Display;margin:24px 0}.lp-review a{display:inline-block;color:var(--teal);font-weight:800;margin-top:16px}
.social-snapshots a{min-height:290px}.social-snapshots span{font-size:1.18rem}.story-copy blockquote{font-size:1.3rem}.score-monument{transform:scale(1.08)}
@media(max-width:1100px){.head-inner{gap:16px}.nav{gap:16px}.account-link{display:none}.formula-hero-grid{gap:28px}}
@media(max-width:900px){.formula-hero-grid{grid-template-columns:1fr}.creator-stack{min-height:520px}.formula-steps{grid-template-columns:1fr}.formula-steps article{min-height:0}.formula-steps h3{margin-top:25px}.lp-review{grid-template-columns:1fr}.lp-review img{height:420px}.review-score-link{align-items:flex-start;flex-direction:column}.review-score-link small{margin-left:0}.foam-layer i:nth-child(odd){display:none}}
@media(max-width:600px){.head-actions{margin-left:auto}.search-panel{padding:25px 20px}.formula-hero{padding-top:46px}.creator-stack{display:flex;overflow:auto;min-height:440px}.creator-video,.creator-video:nth-child(2),.creator-video:nth-child(3){min-width:78vw;min-height:420px}.lp-review>div{padding:30px}.payment-icons span{font-size:.59rem}.social-snapshots a{min-height:330px}}

/* v8 — expanded product detail pages */
body[data-page=product]{padding-bottom:92px}.gallery-main{display:block;padding:18px;height:auto;min-height:610px}.gallery-stage{height:520px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:22px;touch-action:pan-y}.gallery-stage>img{position:relative;width:88%;height:90%;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(25,55,58,.13));transition:opacity .2s ease}.gallery-label{position:absolute;left:18px;top:18px;background:#fff;border-radius:99px;padding:7px 11px;font:700 .68rem DM Mono}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;border:1px solid rgba(16,39,42,.12);background:rgba(255,255,255,.9);cursor:pointer;font-size:1.1rem;box-shadow:0 8px 20px rgba(16,39,42,.12)}.gallery-arrow.prev{left:15px}.gallery-arrow.next{right:15px}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.gallery-thumb{height:82px;border:2px solid transparent;border-radius:13px;background:rgba(255,255,255,.55);cursor:pointer;padding:5px;overflow:hidden}.gallery-thumb.active{border-color:var(--teal);background:#fff}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.locked-product .gallery-stage>img,.locked-product .gallery-thumbs{filter:blur(15px);opacity:.52}.locked-product>.product-lock{z-index:8}
.pdp-story{padding-bottom:55px}.pdp-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pdp-intro-card{border-radius:28px;padding:46px;background:var(--ink);color:#fff}.pdp-intro-card h2{font:500 clamp(2.5rem,4vw,4rem)/1.03 Playfair Display;margin:14px 0 24px}.pdp-intro-card p{line-height:1.75;color:#c7d6d5}.pdp-intro-card a{display:inline-block;color:#a8dcda;font-weight:800;margin-top:15px}.pdp-benefit-list{display:grid;gap:12px}.pdp-benefit-list article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:25px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.72)}.pdp-benefit-list article>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;font:700 .72rem DM Mono;color:var(--teal)}.pdp-benefit-list h3{font:500 1.55rem Playfair Display;margin:0 0 7px}.pdp-benefit-list p{margin:0;color:var(--muted);line-height:1.6}.pdp-details{background:rgba(255,255,255,.48)}.pdp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pdp-detail-grid>article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}.pdp-detail-grid h3{font:500 1.85rem Playfair Display;margin:0 0 22px}.large-ingredients{display:grid;gap:9px}.large-ingredients>span{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:13px 0}.large-ingredients small{color:var(--muted);text-align:right}.pdp-detail-grid ol{list-style:none;padding:0;margin:0;counter-reset:steps}.pdp-detail-grid li{display:grid;grid-template-columns:38px 1fr;gap:2px 12px;padding:13px 0;border-bottom:1px solid var(--line);counter-increment:steps}.pdp-detail-grid li:before{content:counter(steps);grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--mist);color:var(--teal);font-weight:800}.pdp-detail-grid li b,.pdp-detail-grid li span{grid-column:2}.pdp-detail-grid li span{color:var(--muted);line-height:1.5;margin-top:3px}.pdp-inci{grid-column:1/-1}.pdp-inci p{line-height:1.75;color:#485b5d}.pdp-inci small{display:block;margin-top:15px;color:var(--muted)}.pdp-faq-list{max-width:900px}.pdp-faq-list details{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:16px;padding:0 20px;margin:10px 0}.pdp-faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:19px 0;font-weight:800;cursor:pointer}.pdp-faq-list p{margin:0;padding:0 0 20px;color:var(--muted);line-height:1.7}.pdp-faq-list summary span{color:var(--teal);font-size:1.2rem}
.pdp-sticky-buy{position:fixed;z-index:45;left:18px;right:18px;bottom:14px;max-width:1120px;margin:auto;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid rgba(16,39,42,.13);border-radius:20px;padding:10px 12px 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 18px 60px rgba(16,39,42,.22)}.pdp-sticky-info,.pdp-sticky-actions{display:flex;align-items:center;gap:13px}.pdp-sticky-info img{width:52px;height:58px;object-fit:contain;border-radius:8px;background:var(--mist)}.pdp-sticky-info span span{display:block}.pdp-sticky-info small,.pdp-sticky-actions small{display:block;color:var(--muted);font-size:.67rem}.pdp-sticky-info b{display:block}.pdp-sticky-info em{display:block;font-style:normal;font-size:.69rem;color:var(--muted);margin-top:3px}.pdp-sticky-info .stars{color:#d08a42}.pdp-sticky-actions>span{text-align:right}.pdp-sticky-actions>span b{font-size:1.05rem}.sticky-qty{height:42px;border:1px solid var(--line);border-radius:99px;display:flex;align-items:center}.sticky-qty button{width:34px;height:100%;border:0;background:none;cursor:pointer;font-size:1.1rem}.sticky-qty b{min-width:20px;text-align:center}.pdp-sticky-actions .btn{padding:13px 19px}
@media(max-width:900px){body[data-page=product]{padding-bottom:105px}.gallery-main{min-height:0}.gallery-stage{height:440px}.pdp-proof-grid,.pdp-detail-grid{grid-template-columns:1fr}.pdp-inci{grid-column:auto}.pdp-sticky-info img,.pdp-sticky-info em,.pdp-sticky-info small,.pdp-sticky-actions>span,.sticky-qty{display:none}.pdp-sticky-buy{left:9px;right:9px;bottom:8px}.pdp-sticky-info{min-width:90px}.pdp-sticky-actions{flex:1}.pdp-sticky-actions .btn{width:100%}}
@media(max-width:600px){.gallery-stage{height:360px}.gallery-thumb{height:64px}.pdp-intro-card{padding:30px 23px}.pdp-benefit-list article{grid-template-columns:42px 1fr;padding:20px}.pdp-benefit-list article>span{width:40px;height:40px}.pdp-detail-grid>article{padding:24px 20px}.large-ingredients>span{display:block}.large-ingredients small{display:block;text-align:left;margin-top:4px}.pdp-sticky-info b{font-size:.82rem}.pdp-sticky-buy{gap:8px;padding-left:12px}}

/* v9 — guarantee, comparison, quiz expectations and full routine */
.quiz-expect{background:rgba(255,255,255,.48)}.quiz-expect-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.quiz-expect h2{font:500 clamp(2.8rem,5vw,4.5rem)/1.02 Playfair Display;letter-spacing:-.045em;margin:14px 0 22px}.quiz-expect .btn{margin-top:14px}.expect-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.expect-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.expect-meta>span{background:var(--mist);border-radius:14px;padding:14px;font-size:.75rem;color:var(--muted)}.expect-meta b{display:block;font:500 1.7rem Playfair Display;color:var(--ink);margin-bottom:3px}.expect-card h3{font:500 1.7rem Playfair Display;margin:27px 0 15px}.expect-factors{display:grid;grid-template-columns:1fr 1fr;gap:9px}.expect-factors span{padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:.8rem}.expect-card>p{margin:22px 0 0;color:var(--muted);line-height:1.6}.expect-card>p b{color:var(--ink)}
.compare-section{background:rgba(255,255,255,.42)}.compare-table{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(16,39,42,.08)}.compare-row{display:grid;grid-template-columns:.75fr 1.3fr 1.3fr;min-height:64px;border-top:1px solid var(--line);align-items:stretch}.compare-row:first-child{border-top:0}.compare-row>*{padding:18px 20px;display:flex;align-items:center}.compare-row>b{background:#eef7f4;border-left:1px solid var(--line);border-right:1px solid var(--line);font-weight:700}.compare-row>b i{font-style:normal;color:var(--teal);margin-right:9px}.compare-head{background:var(--ink);color:#fff;min-height:54px}.compare-head>b{background:#22575b;color:#fff}.compare-note{font-size:.76rem;color:var(--muted);line-height:1.55;margin:15px 0 0}
.routine-process{overflow:hidden}.routine-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.routine-timeline article{min-height:240px;border:1px solid var(--line);border-radius:22px;padding:25px;background:rgba(255,255,255,.75);position:relative}.routine-timeline article>span{font:700 .72rem DM Mono;color:var(--teal)}.routine-timeline h3{font:500 1.65rem Playfair Display;margin:54px 0 10px}.routine-timeline p{color:var(--muted);line-height:1.62;margin:0}.process-cta{margin-top:18px;border-radius:20px;background:var(--ink);color:#fff;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.process-cta b,.process-cta span{display:block}.process-cta span{color:#b8caca;font-size:.82rem;margin-top:4px}
.guarantee-band{padding:28px 0}.guarantee-band>.wrap{display:grid;grid-template-columns:76px 1fr auto;gap:25px;align-items:center;background:#dcecdf;border:1px solid #c3ded0;border-radius:25px;padding:28px 32px}.guarantee-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:500 1.75rem Playfair Display;position:relative}.guarantee-icon:after{content:'dagen';position:absolute;bottom:11px;font:600 .45rem DM Mono;letter-spacing:.06em}.guarantee-band h2{font:500 2rem Playfair Display;margin:5px 0}.guarantee-band p{margin:0;color:#4d6560;line-height:1.5}.guarantee-band a{font-weight:800;color:var(--teal);white-space:nowrap}.buy-guarantee{display:grid;gap:3px;border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.buy-guarantee b{color:#245f53}.buy-guarantee span{font-size:.76rem;color:var(--muted)}
@media(max-width:900px){.quiz-expect-grid{grid-template-columns:1fr}.routine-timeline{grid-template-columns:1fr 1fr}.guarantee-band>.wrap{grid-template-columns:70px 1fr}.guarantee-band a{grid-column:2}.compare-row{grid-template-columns:.7fr 1.15fr 1.15fr}.compare-row>*{padding:15px 12px;font-size:.82rem}}
@media(max-width:600px){.quiz-expect-grid{gap:28px}.expect-card{padding:23px 18px}.expect-factors{grid-template-columns:1fr}.routine-timeline{grid-template-columns:1fr}.routine-timeline article{min-height:0}.routine-timeline h3{margin-top:30px}.process-cta{display:block}.process-cta .btn{margin-top:16px;width:100%}.compare-table{overflow-x:auto}.compare-row{min-width:650px}.guarantee-band>.wrap{grid-template-columns:55px 1fr;padding:22px 18px;gap:15px}.guarantee-icon{width:54px;height:54px;font-size:1.35rem}.guarantee-icon:after{bottom:7px}.guarantee-band h2{font-size:1.55rem}.guarantee-band p{font-size:.82rem}.guarantee-band a{grid-column:1/-1}}

/* v10 — ratings above the fold and visible Meta Ads route */
.meta-lp-link{background:#e4f2ee;border-radius:99px;padding:8px 12px!important;color:#245f59!important;font-weight:800}.hero-rating{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 13px;margin-bottom:13px;box-shadow:0 8px 24px rgba(16,39,42,.07);font-size:.78rem}.hero-rating .stars{color:#d58e42}.hero-rating small{color:var(--teal);font-weight:700;border-left:1px solid var(--line);padding-left:9px}.hero>.hero-rating{width:max-content}.formula-hero .hero-rating{margin-bottom:4px}
.hero-rating+.kicker{display:block;margin-top:0;margin-bottom:4px}
@media(max-width:600px){.hero-rating{flex-wrap:wrap;border-radius:17px}.hero-rating small{width:100%;border-left:0;padding-left:0}.meta-lp-link{background:transparent;padding:0!important}}

/* v12 — H2U brand system and animated formula lab */
.brand{display:inline-flex;align-items:center;gap:9px;min-width:88px}.brand-logo{display:block;width:76px;height:48px;object-fit:contain;mix-blend-mode:multiply}.site-head .brand{position:relative;padding-right:4px}.site-head .brand-logo{width:72px;height:51px}.site-head .brand small{position:absolute;left:3px;top:43px;width:90px;font:600 .4rem DM Mono;letter-spacing:.1em;white-space:nowrap}.footer .brand-logo{width:104px;height:76px}.account-art .brand-logo{width:110px;height:90px}.brand-watermarks{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.035}.brand-watermarks img{position:absolute;width:clamp(280px,35vw,560px);height:auto;filter:grayscale(1);mix-blend-mode:multiply}.brand-watermarks img:nth-child(1){top:12%;left:-9%;transform:rotate(-12deg)}.brand-watermarks img:nth-child(2){top:48%;right:-12%;transform:rotate(10deg)}.brand-watermarks img:nth-child(3){top:78%;left:16%;transform:rotate(-7deg)}
.ingredient-motion{overflow:hidden}.ingredient-motion-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:45px;align-items:center}.ingredient-motion h2{font:500 clamp(2.8rem,5vw,4.6rem)/1.02 Playfair Display;letter-spacing:-.045em;margin:14px 0 22px}.formula-lab{min-height:610px;position:relative;border-radius:34px;background:linear-gradient(145deg,#f8fbfb,#dceee9);border:1px solid rgba(16,39,42,.08);overflow:hidden;box-shadow:var(--shadow)}.formula-lab:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 50% 62%,rgba(255,255,255,.95),transparent 35%),linear-gradient(rgba(46,119,125,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(46,119,125,.055) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.formula-orbit{position:absolute;inset:0;z-index:3}.ingredient-fly{position:absolute;display:grid;gap:3px;background:rgba(255,255,255,.94);border:1px solid rgba(46,119,125,.18);border-radius:15px;padding:10px 13px;box-shadow:0 11px 28px rgba(16,39,42,.12);animation:ingredientIntoPouch 5.8s cubic-bezier(.55,.05,.35,1) infinite;animation-delay:var(--delay)}.ingredient-fly b{font-size:.78rem}.ingredient-fly small{font-size:.6rem;color:var(--muted);white-space:nowrap}.ingredient-1{left:7%;top:11%;--tx:210px;--ty:330px}.ingredient-2{right:7%;top:9%;--tx:-190px;--ty:340px}.ingredient-3{left:3%;top:40%;--tx:230px;--ty:150px}.ingredient-4{right:3%;top:38%;--tx:-220px;--ty:160px}.ingredient-5{left:12%;top:69%;--tx:185px;--ty:-25px}.ingredient-6{right:10%;top:69%;--tx:-185px;--ty:-25px}@keyframes ingredientIntoPouch{0%,12%{opacity:0;transform:translate(0,-15px) scale(.82)}22%,55%{opacity:1;transform:translate(0,0) scale(1)}82%{opacity:1}96%,100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.24)}}.pouch-stage{position:absolute;z-index:2;left:50%;bottom:40px;transform:translateX(-50%);width:290px;height:390px;display:grid;place-items:center}.pouch-stage>img:first-of-type{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 25px rgba(16,39,42,.18));animation:pouchBreathe 3.2s ease-in-out infinite}.pouch-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.92);filter:blur(15px);animation:glowPulse 3s ease-in-out infinite}.pouch-logo{position:absolute;width:86px!important;height:70px!important;object-fit:contain;top:150px;left:50%;transform:translateX(-50%);mix-blend-mode:multiply;opacity:.8;filter:none!important}@keyframes pouchBreathe{50%{transform:translateY(-7px) scale(1.012)}}@keyframes glowPulse{50%{transform:scale(1.14);opacity:.65}}.formula-status{position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:88%;display:flex;align-items:center;gap:9px;background:var(--ink);color:#fff;border-radius:99px;padding:9px 14px;font-size:.7rem}.formula-status i{width:8px;height:8px;border-radius:50%;background:#86d7bd;box-shadow:0 0 0 5px rgba(134,215,189,.14);animation:statusPulse 1.4s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.45}}
@media(max-width:900px){.ingredient-motion-grid{grid-template-columns:1fr}.formula-lab{min-height:580px}.brand-watermarks{opacity:.025}}
@media(max-width:600px){.site-head .brand-logo{width:58px;height:45px}.site-head .brand small{display:none}.ingredient-motion-grid{gap:25px}.formula-lab{min-height:520px}.pouch-stage{width:230px;height:320px;bottom:35px}.pouch-logo{top:124px;width:68px!important}.ingredient-fly{padding:8px 9px}.ingredient-fly small{display:none}.ingredient-1{left:4%;top:9%;--tx:145px;--ty:290px}.ingredient-2{right:4%;top:8%;--tx:-140px;--ty:300px}.ingredient-3{left:2%;top:34%;--tx:155px;--ty:170px}.ingredient-4{right:2%;top:32%;--tx:-150px;--ty:180px}.ingredient-5{left:5%;top:65%;--tx:145px;--ty:0}.ingredient-6{right:5%;top:65%;--tx:-140px;--ty:0}.formula-status{white-space:normal;text-align:center;border-radius:16px}.brand-watermarks img{width:350px}}
@media(prefers-reduced-motion:reduce){.ingredient-fly,.pouch-stage>img:first-of-type,.pouch-glow,.formula-status i{animation:none}.ingredient-fly{opacity:1}}
.ingredient-fly{opacity:0;animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ingredient-fly{opacity:1}}

/* Ingredient-to-formula animation: contextual icons and a pouch that fills with colour. */
.ingredient-fly{display:flex;align-items:center;gap:9px;animation-duration:12s}.ingredient-copy{display:grid;gap:3px}.ingredient-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#e9f5ef;color:#285c57;font-size:1rem;line-height:1}.pouch-images{position:relative;width:100%;height:100%;filter:drop-shadow(0 28px 25px rgba(16,39,42,.18));animation:pouchBreathe 3.2s ease-in-out infinite}.pouch-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pouch-blank{filter:grayscale(1) saturate(0) brightness(1.55) contrast(.58);opacity:.72}.pouch-color{clip-path:inset(100% 0 0 0);animation:pouchFill 12s linear infinite}@keyframes ingredientIntoPouch{0%,8%{opacity:0;transform:translate(0,-15px) scale(.82)}13%,34%{opacity:1;transform:translate(0,0) scale(1)}43%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.24)}44%,100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.24)}}@keyframes pouchFill{0%,34%{clip-path:inset(100% 0 0 0)}43%{clip-path:inset(83% 0 0 0)}50%{clip-path:inset(66% 0 0 0)}57%{clip-path:inset(49% 0 0 0)}64%{clip-path:inset(32% 0 0 0)}71%{clip-path:inset(15% 0 0 0)}82%,96%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(100% 0 0 0)}}
@media(max-width:600px){.ingredient-icon{width:27px;height:27px;flex-basis:27px;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.pouch-images,.pouch-color{animation:none}.pouch-color{clip-path:inset(0)}}
.hero>.hero-formula-lab{width:100%;min-height:560px;align-self:center}.hero-formula-lab .pouch-stage{bottom:32px}.hero-formula-lab .formula-status{bottom:14px}@media(max-width:900px){.hero>.hero-formula-lab{min-height:520px}}@media(max-width:600px){.hero>.hero-formula-lab{min-height:470px;border-radius:26px}}

/* The pouch begins as an unprinted white silhouette; colour and print develop as ingredients arrive. */
.pouch-blank{filter:grayscale(1) brightness(1.58) contrast(.08) blur(4px);opacity:.9}.pouch-color{clip-path:none;opacity:0;filter:saturate(.15) brightness(1.18);animation:pouchDevelop 12s cubic-bezier(.45,0,.2,1) infinite}@keyframes pouchDevelop{0%,34%{opacity:0;filter:saturate(0) brightness(1.35)}43%{opacity:.16;filter:saturate(.2) brightness(1.28)}50%{opacity:.32;filter:saturate(.36) brightness(1.2)}57%{opacity:.5;filter:saturate(.55) brightness(1.14)}64%{opacity:.68;filter:saturate(.72) brightness(1.09)}71%{opacity:.84;filter:saturate(.88) brightness(1.04)}82%,96%{opacity:1;filter:saturate(1) brightness(1)}100%{opacity:0;filter:saturate(0) brightness(1.35)}}@media(prefers-reduced-motion:reduce){.pouch-color{opacity:1;filter:none}.pouch-blank{opacity:0}}
.gallery-thumbs{grid-template-columns:repeat(5,1fr)}
.article-sources{margin-top:28px;padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line)}.article-sources h2{font:500 1.6rem 'Playfair Display',serif;margin:0 0 10px}.article-sources p,.article-sources li{font-size:.9rem;line-height:1.6}.article-sources ul{padding-left:20px}.article-sources a{color:var(--teal);text-decoration:underline}.article-sources small{color:var(--muted)}

/* Three real product states: blank packaging, printed grey formula, finished red formula. */
.pouch-blank{filter:none;opacity:1;animation:pouchBlankStage 12s ease-in-out infinite}.pouch-mid{opacity:0;animation:pouchMidStage 12s ease-in-out infinite}.pouch-color{clip-path:none;filter:none;opacity:0;animation:pouchFinalStage 12s ease-in-out infinite}@keyframes pouchBlankStage{0%,33%{opacity:1}44%,94%{opacity:0}100%{opacity:1}}@keyframes pouchMidStage{0%,29%{opacity:0}41%,62%{opacity:1}75%,100%{opacity:0}}@keyframes pouchFinalStage{0%,59%{opacity:0}75%,94%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.pouch-blank,.pouch-mid{opacity:0;animation:none}.pouch-color{opacity:1;animation:none}}

/* Snellere formule-animatie en prominente echte klantreviews. */
.ingredient-fly{animation-duration:7s}.pouch-blank{animation-duration:7s}.pouch-mid{animation-duration:7s}.pouch-color{animation-duration:7s}.real-review-row{margin-top:24px}.real-review{display:flex;flex-direction:column;min-height:265px}.real-review h3{font:500 1.35rem 'Playfair Display',serif;margin:15px 0 0}.real-review p{flex:1}.review-score{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-score b{font-size:.82rem;color:var(--ink)}@media(max-width:760px){.real-review{min-height:auto}}
.all-customer-reviews{background:var(--mist)}.all-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.all-review-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.all-review-grid{grid-template-columns:1fr}}

/* Mobile-first conversiepad voor verkeer uit Meta Ads. */
.review-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 20px;margin:0 0 22px;border:1px solid var(--line);border-radius:18px;background:#fff}.review-summary b{margin-right:auto}.review-summary a{color:var(--teal);font-weight:700}.mobile-conversion-bar{display:none}
@media(max-width:760px){
  body{font-size:16px;padding-bottom:env(safe-area-inset-bottom)}.wrap{width:calc(100% - 32px)}
  .announce{padding:7px 12px;font-size:.65rem;line-height:1.35}.site-head{height:62px}.head-inner{gap:8px}.brand-logo{width:52px!important;height:42px!important}.brand small{display:none!important}.icon-btn{min-width:42px;height:42px;padding:0 10px}.search-trigger{display:none}.cart-trigger{padding:0 9px}.cart-count{min-width:18px;height:18px}
  .trustbar{overflow:hidden}.trust-inner{height:36px;gap:18px;font-size:.62rem;white-space:nowrap}.trust-inner span:nth-child(n+3){display:none}
  .hero{min-height:auto;padding:30px 0 50px;gap:26px}.hero h1,.page-hero h1,.formula-hero h1,.reviews-intro h1{font-size:clamp(2.55rem,13vw,3.35rem);line-height:.98;margin:12px 0 18px}.lead{font-size:1rem;line-height:1.55}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:20px}.hero-actions .btn{width:100%;min-height:50px}.micro{gap:8px 14px;margin-top:18px;font-size:.76rem}
  .section{padding:52px 0}.section-head{margin-bottom:24px}.section-head h2{font-size:2.25rem}.section-head p{font-size:.95rem}.btn,button,.option{min-height:48px}
  .hero-formula-lab,.formula-lab{min-height:430px;border-radius:24px}.ingredient-fly{max-width:132px}.ingredient-copy small{font-size:.62rem}.formula-status{font-size:.68rem}
  .social-leader{padding:30px 0}.social-leader .wrap{display:block}.social-score{margin-bottom:18px}.social-snapshots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}.social-snapshots>a{min-width:78vw;scroll-snap-align:start}
  .product-grid{grid-template-columns:1fr;gap:14px}.product-media{height:310px}.product-info{padding:18px}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.filter{white-space:nowrap;min-height:44px}
  .formula-hero{padding:30px 0 54px;min-height:auto}.formula-hero-grid{grid-template-columns:1fr;gap:28px}.creator-stack{display:flex;overflow-x:auto;min-height:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}.creator-video{min-width:78vw;height:390px;scroll-snap-align:center}
  .reviews-hero{padding:38px 0}.reviews-intro{grid-template-columns:1fr;gap:24px}.score-monument{max-width:none;padding:22px}.score-monument b{font-size:3.8rem}.ugc-wall,.ugc-mosaic{grid-template-columns:1fr}.story{display:block}.story-image{height:330px}.all-review-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 0 10px}.all-review-grid .real-review{min-width:86vw;scroll-snap-align:center}.real-review{padding:20px;min-height:auto}.real-review p{font-size:.94rem;line-height:1.55}
  .product-main{padding:20px 0 58px;gap:22px}.gallery-main{height:390px;border-radius:22px}.gallery-thumbs{gap:6px}.gallery-thumb{min-height:58px}.product-copy h1{font-size:2.8rem}.buybox{padding:14px;margin:18px 0}.purchase-option{padding:13px}.addrow{grid-template-columns:76px 1fr}.benefits{grid-template-columns:1fr 1fr}.benefit{padding:11px}.pdp-sticky-buy{left:8px;right:8px;bottom:8px;border-radius:18px;padding:9px}.pdp-sticky-info{display:none}.pdp-sticky-actions{width:100%}.pdp-sticky-actions .sticky-qty{display:none}.pdp-sticky-actions .btn{flex:1}.review-summary{display:grid;grid-template-columns:1fr;padding:16px}.review-summary b{margin:0}.review-summary a{min-height:44px;display:flex;align-items:center}
  .quiz-shell{margin:0;width:100%;border:0;border-radius:0;box-shadow:none}.quiz-top{padding:22px 16px}.quiz-body{padding:24px 16px}.quiz-question{grid-template-columns:1fr}.quiz-visual{min-height:190px}.visual-options{grid-template-columns:1fr 1fr;gap:8px}.option{padding:12px}.quiz-result{grid-template-columns:1fr}.result-product{min-height:330px}
  .drawer{width:100%;padding:18px}.cart-page{padding:20px 0 70px}.summary-card{position:static}.checkout-main,.checkout-side{padding:24px 16px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
  .footer{padding:42px 0 100px}.foot-grid{grid-template-columns:1fr;gap:24px}.payment-icons{gap:5px}
  .mobile-conversion-bar{display:flex;position:fixed;z-index:44;left:8px;right:8px;bottom:8px;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 14px;border:1px solid #d8e4e4;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 16px 46px rgba(16,39,42,.22);backdrop-filter:blur(14px)}.mobile-conversion-bar span{display:grid}.mobile-conversion-bar small{font-size:.67rem;color:var(--muted)}.mobile-conversion-bar b{font-size:.82rem}.mobile-conversion-bar .btn{padding:12px 15px;min-height:46px;white-space:nowrap;font-size:.78rem}
}
.product-lock-actions{display:flex;gap:8px;margin-top:12px}.product-lock-actions a{background:#10272a;color:#fff;border-radius:99px;padding:9px 13px;font-size:.75rem;font-weight:800}.product-lock-actions a:last-child{background:#2e777d}
.quiz-name-form{display:grid;gap:16px;margin-top:28px}.quiz-name-form .field span{font-weight:800;color:var(--ink)}.quiz-name-form input{min-height:58px;font-size:1.05rem}.quiz-name-form .btn{width:100%;min-height:56px}
.community-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 16px;scrollbar-width:thin}.community-carousel .ugc{flex:0 0 min(330px,78vw);height:430px;margin:0;scroll-snap-align:start;border-radius:24px;overflow:hidden;background:#e7eeee;box-shadow:var(--shadow)}.community-carousel .ugc img{width:100%;height:100%;object-fit:cover;display:block}.community-carousel+.quote-row{margin-top:24px}
.community-carousel .ugc-unmirror img{transform:scaleX(-1)}
/* Vaste lichte Hair2U-basis en zwarte begeleidende tekst. */
:root{color-scheme:light;--ink:#111;--muted:#111;--page-bg:#fffdf9}body,body.color-flow{color:#111;background:#fffdf9}.lead,.micro,.trust-inner,.section-head p,.product-info p,.quote p,.method-card p,.accord p,.purchase-option small,.crumbs,.article-meta,.article-side a,.faq-item p,.contact-options span,.service-grid p,.foot-grid a,.foot-grid p,.foot-bottom{color:#111}
/* Focused advertorial header and multi-formula proof */
.formula-minimal-head .head-inner{justify-content:space-between}.formula-minimal-head .btn{margin-left:auto}.formula-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.formula-review-grid article{display:grid;grid-template-columns:160px 1fr;min-height:230px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff}.formula-review-grid img{width:100%;height:100%;object-fit:cover}.formula-review-grid article>div{padding:24px}.formula-review-grid blockquote{margin:14px 0;font:500 1.22rem/1.45 Georgia,serif}.formula-review-grid p{display:flex;flex-direction:column;gap:4px}.formula-review-grid small{color:var(--teal)}.formula-review-link{text-align:center;margin-top:26px}.formula-review-link a{color:var(--teal);font-weight:800;text-decoration:underline}.creator-video{cursor:pointer}.creator-video .play{display:none!important}@media(max-width:800px){.formula-review-grid{grid-template-columns:1fr}}@media(max-width:520px){.formula-minimal-head .btn{padding:12px 15px;font-size:.78rem}.formula-review-grid article{grid-template-columns:115px 1fr}.formula-review-grid article>div{padding:18px}.formula-review-grid blockquote{font-size:1.05rem}}
.announce{background:#000!important;color:#fff!important}
.quiz-loading{display:grid;place-items:center;min-height:360px;text-align:center}.quiz-loading-orbit{position:relative;width:108px;height:108px;margin:0 auto 28px}.quiz-loading-orbit:before,.quiz-loading-orbit:after{content:"";position:absolute;inset:0;border-radius:50%;border:4px solid rgba(46,119,125,.16);border-top-color:var(--teal);animation:hair2uLoadSpin 1.1s linear infinite}.quiz-loading-orbit:after{inset:18px;border-color:rgba(16,39,42,.12);border-bottom-color:var(--ink);animation-direction:reverse;animation-duration:.8s}.quiz-loading-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}.quiz-loading-dots i{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:hair2uLoadDot 1.2s ease-in-out infinite}.quiz-loading-dots i:nth-child(2){animation-delay:.16s}.quiz-loading-dots i:nth-child(3){animation-delay:.32s}@keyframes hair2uLoadSpin{to{transform:rotate(360deg)}}@keyframes hair2uLoadDot{0%,80%,100%{transform:scale(.65);opacity:.4}40%{transform:scale(1);opacity:1}}

/* Mobile quantity control: balanced tap targets aligned with the purchase CTA. */
@media(max-width:760px){
  .product-copy .buybox .addrow{grid-template-columns:128px minmax(0,1fr);align-items:stretch;gap:10px}
  .product-copy .buybox .qty{display:grid;grid-template-columns:44px minmax(28px,1fr) 44px;min-width:0;min-height:54px;overflow:hidden;border:1px solid #bfd0d1;border-radius:16px;background:#f4f8f8;box-shadow:inset 0 1px 0 #fff}
  .product-copy .buybox .qty button{display:grid;place-items:center;width:44px;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#10272a;font-size:1.35rem;font-weight:600;line-height:1;touch-action:manipulation}
  .product-copy .buybox .qty button:hover{background:#e2eeee}
  .product-copy .buybox .qty button:focus-visible{outline:2px solid #2e777d;outline-offset:-4px}
  .product-copy .buybox .qty b{display:grid;place-items:center;min-width:0;height:100%;text-align:center;font-size:1rem;line-height:1;font-variant-numeric:tabular-nums}
  .product-copy .buybox .addrow>.btn{min-width:0;min-height:54px;padding:12px 10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;font-size:.85rem;line-height:1.25}
}

/* Community captions and offer details share the storefront layout. */
.community-carousel .ugc{height:auto;display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden}.community-carousel .ugc img{height:300px;width:100%;object-fit:cover;flex-shrink:0}.community-carousel .ugc figcaption{padding:18px;line-height:1.6;font-size:.85rem;color:#10272a}.community-carousel .ugc figcaption p{margin:8px 0 0}.routine-offer,.subscription-explainer{font-size:.85rem;line-height:1.7;color:#526568}.routine-offer{padding:16px;border-radius:16px;background:#eef7f4;margin:16px 0}
/* A compact hero keeps the promise, price, test and product line in one view. */
.hero{padding-top:28px;padding-bottom:28px;min-height:0}.hero h1{font-size:clamp(2.6rem,4.8vw,4.5rem);line-height:1.05}.hero .lead{font-size:1rem;line-height:1.65;margin-top:18px}.hero .hero-actions{margin-top:20px}.hero .hero-visual{min-height:430px}.hero-product-strip{display:flex;gap:8px;overflow-x:auto;max-width:100%;margin:20px 0 12px;padding:4px 2px 10px;scroll-snap-type:x proximity}.hero-product-strip a{flex:0 0 68px;display:grid;justify-items:center;gap:4px;padding:8px 3px;border:1px solid #dce6e4;border-radius:14px;background:#fff;scroll-snap-align:start;text-align:center;color:#10272a;font-size:9px;line-height:1.3}.hero-product-strip img{height:66px;width:48px;object-fit:contain}.hero-product-strip small{font-size:10px;color:#2e777d}.hero-product-strip b{font-weight:700}.trust-inner{flex-wrap:wrap;gap:8px 18px;justify-content:center}.trust-inner span{font-size:10px}.hairpoints-line{font-size:12px;color:#2e777d;padding-top:8px}
@media(max-width:600px){body[data-page="home"] .hero{display:block;padding-top:16px;padding-bottom:16px}body[data-page="home"] .hero h1{font-size:36px;line-height:1.02;margin:10px 0}body[data-page="home"] .hero .hero-visual{display:none}body[data-page="home"] .hero .lead{font-size:13px;line-height:1.5;margin-top:10px}body[data-page="home"] .hero .hero-actions{gap:8px;margin-top:12px;display:flex;flex-wrap:wrap}body[data-page="home"] .hero .hero-actions .btn{width:auto;min-height:42px;padding:12px 15px;font-size:11px}body[data-page="home"] .hero .hero-actions .btn.light{font-size:10px}body[data-page="home"] .hero-rating{margin-bottom:8px;font-size:10px;padding:8px 10px}body[data-page="home"] .hero-rating small{display:none}body[data-page="home"] .hero-product-strip{margin-top:12px;margin-bottom:6px;gap:6px}body[data-page="home"] .hero-product-strip a{flex-basis:58px;padding:5px 2px;font-size:8px}body[data-page="home"] .hero-product-strip img{height:48px;width:38px}body[data-page="home"] .hero .micro{font-size:9px;gap:7px;margin-top:6px}.announce{padding:7px 10px;font-size:8px;letter-spacing:.05em;line-height:1.5}.trust-inner{display:flex;flex-wrap:wrap;padding:8px 0;gap:4px 10px}.trust-inner span{font-size:8px}.trustbar .trust-inner span:nth-child(3){display:none}.community-carousel .ugc{height:auto}.pdp-sticky-buy{max-width:calc(100vw - 16px);box-sizing:border-box}.pdp-sticky-info{min-width:0}.pdp-sticky-actions .btn{white-space:normal;line-height:1.2}.pdp-sticky-actions{min-width:0}.legacy-trust .legacy-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;font-size:9px}.legacy-announce{font-size:8px;line-height:1.5;padding:7px 10px}
@media(max-width:760px){.trustbar .trust-inner{height:auto;min-height:36px;overflow:visible;justify-content:center;gap:5px 10px;white-space:normal;padding:8px 0}.trustbar .trust-inner span:nth-child(n+3){display:inline-flex}.trustbar .trust-inner span:nth-child(3){display:none}.trustbar .trust-inner span:nth-child(4){flex-basis:100%;justify-content:center}.trustbar .trust-inner span{font-size:8px;white-space:normal;flex-shrink:1}}
@media(max-width:600px){.pdp-sticky-buy .pdp-sticky-actions{gap:7px}.pdp-sticky-buy .pdp-sticky-actions>span{display:block;flex:0 0 52px;text-align:left}.pdp-sticky-buy .pdp-sticky-actions>span small{font-size:8px}.pdp-sticky-buy .pdp-sticky-actions>span b{font-size:14px}.pdp-sticky-buy .pdp-sticky-actions .sticky-qty{display:flex;flex:0 0 auto;height:44px}.pdp-sticky-buy .sticky-qty button{width:38px;height:44px;min-width:38px}.pdp-sticky-buy .sticky-qty b{min-width:18px;text-align:center;font-size:12px}.pdp-sticky-buy .pdp-sticky-actions .btn{min-width:0;flex:1;padding:11px 8px;font-size:11px;white-space:normal}}