:root{--ink:#19312c;--orange:#f26b3a;--coral:#ff8a65;--cream:#f7f2e8;--paper:#fffdf8;--yellow:#f6d970;--blue:#bcd9dc;--line:#d9d7cc;--dark:#173a34;--muted:#66736f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}.announcement{height:34px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;letter-spacing:.03em}.announcement span{color:var(--yellow)}.announcement a{color:var(--yellow);font-weight:700}.site-header{height:82px;padding:0 max(32px,calc((100vw - 1240px)/2));display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,253,248,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.6px}.brand-mark{width:34px;height:34px;border-radius:50% 50% 50% 7px;background:var(--orange);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic}.brand-light{font-weight:500}.main-nav{display:flex;gap:34px;margin:auto;font-size:14px;font-weight:600}.main-nav a{transition:.2s}.main-nav a:hover{color:var(--orange)}.header-cta{font-size:13px;border:1px solid var(--ink);border-radius:4px;padding:12px 16px;font-weight:700}.header-cta span{margin-left:10px}.menu-button{display:none}.section-shell{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding-top:66px;padding-bottom:70px;gap:60px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:25px}.eyebrow>span{width:25px;height:2px;background:var(--orange)}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(64px,7.3vw,106px);line-height:.87;letter-spacing:-.075em;margin:0 0 34px;font-weight:700}.hero h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.hero-lead{font-size:18px;line-height:1.65;max-width:560px;color:#56645f}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:17px 22px;border-radius:3px;font-weight:700;font-size:14px}.button.primary{background:var(--orange);color:#fff}.button.primary:hover{background:#db5428}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{margin-left:8px}.trust-row{display:flex;align-items:center;gap:14px;margin-top:52px;font-size:12px}.trust-row strong{font-size:13px}.trust-row div>span{color:var(--muted)}.avatars{display:flex}.avatars span{height:31px;width:31px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--paper);background:var(--yellow);font-size:10px;font-weight:800;margin-left:-7px}.avatars span:nth-child(2){background:var(--blue)}.avatars span:nth-child(3){background:var(--coral)}.hero-visual{height:530px;position:relative}.arch-frame{position:absolute;right:23px;top:10px;width:88%;height:510px;border-radius:250px 250px 8px 8px;background:#e5cbb1;overflow:hidden}.arch-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#f5ddc7 0 2px,transparent 3px);background-size:22px 22px;opacity:.3}.hair-figure{position:absolute;inset:60px 38px 0}.face{position:absolute;width:180px;height:250px;background:#d69b72;border-radius:48% 48% 43% 43%;left:50%;top:108px;transform:translateX(-50%);box-shadow:inset 0 -30px rgba(125,67,43,.07)}.face:after{content:"";position:absolute;left:50%;bottom:52px;width:45px;height:8px;border-bottom:3px solid #9a5a4d;border-radius:50%;transform:translateX(-50%)}.hair{position:absolute;background:#342723;z-index:2;top:35px;width:51%;height:355px}.hair-left{left:0;border-radius:90% 10% 48% 20%;transform:rotate(-4deg)}.hair-right{right:0;border-radius:10% 90% 20% 48%;transform:rotate(4deg)}.hair:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(80deg,transparent 0 9px,rgba(255,255,255,.045) 10px 11px)}.parting{position:absolute;z-index:3;top:32px;left:50%;width:11px;height:118px;background:#d69b72;transform:translateX(-50%);border-radius:70% 70% 20% 20%;box-shadow:0 0 0 3px rgba(255,155,107,.3)}.sun-orbit{position:absolute;z-index:6;right:-7px;top:-15px;width:102px;height:102px;border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);box-shadow:0 5px 0 rgba(25,49,44,.14)}.sun-orbit:before{content:"";position:absolute;inset:-12px;border:2px dashed var(--yellow);border-radius:50%}.sun-orbit span{font-size:11px;font-weight:800;letter-spacing:.15em}.sun-orbit strong{font-family:Manrope;font-size:30px;line-height:1}.float-note{position:absolute;z-index:7;background:#fff;padding:13px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 11px 28px rgba(36,53,47,.13);border-radius:3px}.float-note i{height:28px;width:28px;border-radius:50%;display:grid;place-items:center;background:#d9eee5;color:#1d7156;font-style:normal}.float-note strong,.float-note small{display:block}.float-note strong{font-size:12px}.float-note small{font-size:10px;color:var(--muted);margin-top:3px}.note-one{left:-16px;top:100px}.note-two{right:-15px;bottom:75px}.note-two i{background:#fff0bf;color:#8d6a00}.scribble{position:absolute;z-index:7;bottom:-8px;left:-30px;font-family:Georgia,serif;font-style:italic;color:var(--orange);font-size:18px;transform:rotate(-9deg);text-align:center}.scribble:after{content:"↗";font-size:35px;position:absolute;right:-38px;top:-21px}.problem-strip{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.8fr repeat(4,1fr);padding:25px max(32px,calc((100vw - 1240px)/2));align-items:center}.problem-strip p{text-transform:uppercase;font-size:10px;letter-spacing:.18em;font-weight:800}.problem-strip div{font-size:13px;font-weight:700;border-left:1px solid var(--line);padding:9px 20px}.problem-strip div span{font-family:Georgia;color:var(--orange);font-style:italic;margin-right:10px}.ranking{padding-top:105px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-heading h2,.quiz-intro h2,.guide h2{font-family:Manrope,sans-serif;font-size:clamp(40px,4.2vw,62px);line-height:1.03;letter-spacing:-.055em;margin:0}.section-heading>p{max-width:430px;line-height:1.7;color:var(--muted);margin:0 0 5px}.filter-row{display:flex;gap:8px;margin-bottom:25px}.filter{border:1px solid var(--line);background:#fff;border-radius:50px;padding:9px 16px;font-size:12px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);padding:15px 20px 25px;position:relative;transition:.25s;background:#fff}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(29,48,43,.09)}.product-card.hidden{display:none}.product-card.featured{border:2px solid var(--orange)}.product-badge{position:absolute;left:15px;top:15px;background:var(--orange);color:#fff;padding:7px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;z-index:2}.product-badge.neutral{background:#fff;color:var(--ink);border:1px solid var(--line)}.product-art{height:230px;background:var(--cream);position:relative;display:grid;place-items:center;margin-bottom:20px;overflow:hidden}.product-art:after{content:"";width:160px;height:20px;background:rgba(25,49,44,.1);filter:blur(8px);border-radius:50%;position:absolute;bottom:25px}.bottle{width:87px;height:145px;background:#ffc9b3;border:2px solid var(--ink);border-radius:10px 10px 5px 5px;position:relative;z-index:1;padding-top:38px;text-align:center;transform:rotate(-6deg)}.bottle:before{content:"";position:absolute;width:50px;height:22px;background:var(--ink);top:-18px;left:18px;border-radius:3px 8px 0 0}.bottle span,.powder-pot span{font-size:9px;letter-spacing:.18em;display:block}.bottle strong{font-family:Manrope;font-size:17px}.mist{position:absolute;width:76px;height:76px;right:56px;top:29px;background:radial-gradient(circle,#77aaa4 0 2px,transparent 3px);background-size:15px 15px;opacity:.6}.powder-pot{width:120px;height:72px;background:var(--yellow);border:2px solid var(--ink);border-radius:8px 8px 50% 50%;z-index:1;text-align:center;padding-top:18px;transform:rotate(5deg)}.powder-pot strong{font-size:16px}.brush{position:absolute;width:28px;height:112px;background:#dfbaa0;border:2px solid var(--ink);border-radius:30px 30px 5px 5px;right:80px;top:38px;transform:rotate(24deg)}.brush:before{content:"";position:absolute;left:-7px;top:-18px;width:38px;height:42px;background:#453631;border:2px solid var(--ink);border-radius:50% 50% 30% 30%}.stick-case{width:65px;height:130px;background:var(--blue);border:2px solid var(--ink);border-radius:32px 32px 5px 5px;z-index:1;text-align:center;padding-top:38px;font-family:Manrope;font-weight:800;transform:rotate(-9deg)}.stick-cap{position:absolute;width:74px;height:55px;border:2px solid var(--ink);background:#d8ebe9;border-radius:8px;right:68px;bottom:39px;transform:rotate(7deg)}.product-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;font-weight:800;color:var(--muted)}.product-meta span:last-child{color:var(--orange);letter-spacing:0}.product-card h3{font-family:Manrope;font-size:23px;letter-spacing:-.03em;margin:13px 0 8px}.product-card p{font-size:13px;line-height:1.6;color:var(--muted)}.product-card ul{list-style:none;padding:0;font-size:12px;line-height:1.9}.product-card li:before{content:"✓";color:var(--orange);font-weight:900;margin-right:8px}.product-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:12px;font-weight:800;margin-top:19px}.affiliate-note{font-size:10px;color:#79827e;margin-top:18px}.quiz-wrap{background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr 1.25fr;gap:9vw;padding:95px max(32px,calc((100vw - 1176px)/2));align-items:center}.eyebrow.light{color:var(--yellow)}.eyebrow.light>span{background:var(--yellow)}.quiz-intro{position:relative}.quiz-intro p{max-width:440px;color:#c7d3d0;line-height:1.7}.quiz-doodle{position:absolute;right:20px;bottom:-70px;width:90px;height:90px;border:1px solid var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font:italic 30px Georgia;color:var(--yellow);transform:rotate(8deg)}.quiz-doodle small{font-size:12px}.quiz-card{background:#fff;color:var(--ink);padding:35px 40px;min-height:410px}.progress{height:3px;background:#e7e5df;margin-bottom:35px}.progress-bar{height:100%;width:33%;background:var(--orange);display:block;transition:.3s}.quiz-step{display:none}.quiz-step.active{display:block}.question-number{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--orange)}.quiz-step h3{font-family:Manrope;font-size:29px;letter-spacing:-.04em;margin:12px 0 24px}.answers{display:flex;flex-direction:column;gap:9px}.answers button{background:#fff;border:1px solid var(--line);padding:16px 18px;text-align:left;display:flex;justify-content:space-between;font-size:13px;font-weight:600;cursor:pointer}.answers button:hover{border-color:var(--orange);background:#fff9f5}.result{text-align:center}.result-icon{height:70px;width:70px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;margin:15px auto;font-size:30px}.result p{color:var(--muted)}.restart{border:0;background:none;text-decoration:underline;cursor:pointer;color:var(--orange);font-weight:700}.formats{padding-top:110px;padding-bottom:110px}.section-heading.compact{align-items:center}.format-table{border-top:2px solid var(--ink)}.table-head,.table-row{display:grid;grid-template-columns:1fr 1.4fr 1fr .7fr;gap:20px;padding:18px 15px;border-bottom:1px solid var(--line);align-items:center}.table-head{font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--muted)}.table-row{font-size:14px}.table-row b{letter-spacing:4px;color:var(--orange);font-size:10px}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:12px}.dot.orange{background:var(--coral)}.dot.yellow{background:var(--yellow)}.dot.blue{background:var(--blue)}.guide{display:grid;grid-template-columns:1fr 1fr;background:var(--orange);color:#fff;padding:90px max(32px,calc((100vw - 1176px)/2));gap:9vw}.guide-copy p{line-height:1.7;max-width:450px;color:#ffe3d8}.button.pale{background:#fff;color:var(--ink);margin-top:18px}.guide ol{list-style:none;padding:0;margin:0}.guide li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.3)}.guide li>span{font:italic 25px Georgia;color:var(--yellow)}.guide li strong{font-size:16px}.guide li p{font-size:13px;color:#ffe3d8;margin:6px 0 0;line-height:1.5}.faq{padding-top:105px;padding-bottom:105px}.faq-list{max-width:900px;margin-left:auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-family:Manrope;font-weight:700;list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:18px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-weight:400;color:var(--orange)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);line-height:1.7;max-width:760px}.newsletter{margin:0 auto 80px;max-width:1176px;background:var(--yellow);padding:40px 48px;display:flex;align-items:center;justify-content:space-between}.newsletter>div{display:flex;align-items:center;gap:20px}.sun-small{font-size:36px}.newsletter h2{font-family:Manrope;margin:0;font-size:26px;letter-spacing:-.04em}.newsletter p{margin:6px 0 0;font-size:13px}.newsletter form{display:flex}.newsletter input{width:240px;border:0;padding:15px}.newsletter button{border:0;background:var(--ink);color:#fff;padding:15px 20px;font-weight:700;font-size:12px;cursor:pointer}footer{background:var(--cream);border-top:1px solid var(--line);padding:55px max(32px,calc((100vw - 1176px)/2)) 30px;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:45px;align-items:start}footer p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}footer nav{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:12px;font-weight:700}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:13px 20px;border-radius:3px;font-size:13px;z-index:50;transition:.3s}.toast.show{transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.main-nav,.header-cta{display:none}.site-header{justify-content:space-between}.menu-button{display:flex;border:0;background:none;flex-direction:column;gap:6px;padding:10px}.menu-button span{width:25px;height:2px;background:var(--ink)}.main-nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:24px 32px;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{max-width:650px}.hero-visual{max-width:560px;width:100%;margin:auto}.problem-strip{grid-template-columns:1fr 1fr}.problem-strip p{grid-column:1/-1}.problem-strip div{border-top:1px solid var(--line)}.section-heading{align-items:flex-start;flex-direction:column;gap:22px}.product-grid{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:1/-1}.quiz-wrap,.guide{grid-template-columns:1fr;gap:60px}.quiz-doodle{display:none}.newsletter{margin-left:32px;margin-right:32px;flex-direction:column;align-items:flex-start;gap:25px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.announcement{font-size:10px}.announcement a{display:none}.site-header{height:68px;padding:0 20px}.main-nav.open{top:68px}.section-shell{padding-left:20px;padding-right:20px}.hero{padding-top:38px;gap:35px}.hero h1{font-size:58px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.trust-row{margin-top:35px}.hero-visual{height:390px}.arch-frame{height:370px;right:8px}.hair-figure{inset:35px 20px 0}.face{width:135px;height:190px;top:80px}.hair{height:265px}.parting{top:22px;height:90px}.sun-orbit{width:75px;height:75px;right:0}.sun-orbit strong{font-size:23px}.note-one{left:0;top:60px}.note-two{right:0;bottom:35px}.scribble{display:none}.problem-strip{padding:18px 20px}.problem-strip div{font-size:11px;padding:12px 5px}.ranking,.formats,.faq{padding-top:70px;padding-bottom:70px}.section-heading h2,.quiz-intro h2,.guide h2{font-size:39px}.filter-row{overflow-x:auto;padding-bottom:5px}.filter{white-space:nowrap}.product-grid{grid-template-columns:1fr}.product-card:last-child{grid-column:auto}.quiz-wrap,.guide{padding:70px 20px}.quiz-card{padding:28px 20px;min-height:400px}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr;gap:12px}.table-row span:nth-child(3),.table-row b{font-size:11px;text-align:right}.newsletter{margin:0 20px 55px;padding:30px 22px}.newsletter form{width:100%;flex-direction:column}.newsletter input{width:100%}.newsletter button{width:100%}footer{grid-template-columns:1fr;padding:45px 20px 25px}footer small{grid-column:1}.faq-list{margin-top:25px}.faq summary{font-size:16px;gap:15px}}
.form-note{flex-basis:100%;margin-top:8px;color:#62551d;font-size:10px}
.editorial-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.editorial-card{grid-column:span 2;border:1px solid var(--line);padding:28px 24px;background:#fff;transition:.2s}.editorial-card:nth-child(7),.editorial-card:nth-child(8){grid-column:span 3}.editorial-card:hover{border-color:var(--orange);transform:translateY(-3px)}.editorial-card span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:800}.editorial-card h3{font-size:23px;letter-spacing:-.03em;margin:13px 0 9px}.editorial-card p{font-size:13px;line-height:1.6;color:var(--muted)}.editorial-card b{font-size:12px}@media(max-width:700px){.editorial-grid{grid-template-columns:1fr}.editorial-card,.editorial-card:nth-child(7),.editorial-card:nth-child(8){grid-column:1}}
.hero-scalp-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:#fff7e6}.arch-frame:has(.hero-scalp-image):before{display:none}