:root{--green:#123f36;--dark:#082d27;--mint:#e8eee8;--gold:#a77828;--light-gold:#eed28e;--paper:#fffdf8;--ink:#22392f;--muted:#5c6b61;--line:#d9e0d6;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}button,input,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,summary{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.hidden,[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}h1{font-size:clamp(42px,4.5vw,68px);letter-spacing:-2px;margin-bottom:24px}h2{font-size:clamp(32px,3.2vw,46px);letter-spacing:-1px;margin-bottom:24px}h3{font-size:28px;letter-spacing:-.5px}em{font-weight:400;color:#94702f}.skip-link{position:fixed;left:15px;top:-70px;z-index:50;background:white;padding:12px}.skip-link:focus{top:10px}.site-header{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5%;background:var(--paper)}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:230px;height:auto;display:block}.site-header>p{font-size:12px;letter-spacing:2px;margin:0;color:var(--muted)}.header-pill{font-size:13px;border:1px solid var(--line);border-radius:25px;padding:6px 18px;white-space:nowrap}.intro-grid{max-width:1400px;margin:auto;padding:56px 5% 54px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow{display:block;color:var(--green);font-size:12px;font-weight:600;letter-spacing:1.8px;line-height:1.6;margin-bottom:22px}.intro-copy h1{font-size:clamp(43px,4.8vw,70px)}.lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:520px;margin-bottom:27px}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 26px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-size:16px;font-weight:500;line-height:1.4;transition:background .2s,transform .2s}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--dark);transform:translateY(-2px)}.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.gold{background:var(--light-gold);color:var(--dark)}.micro{color:var(--muted);font-size:12px;line-height:1.65;margin:14px 0}.intro-proof{display:flex;align-items:center;gap:15px;margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.intro-proof>span{display:grid;place-items:center;border:1px solid #c4d4c6;border-radius:50%;width:40px;height:40px;font-size:22px;color:var(--gold)}.intro-proof p{font-size:13px;line-height:1.7;margin:0;color:var(--muted)}.intro-proof strong{font-weight:500;color:var(--green)}.hero-composition{position:relative;padding:0 0 32px 38px;min-width:0}.hero-portrait{height:565px;max-width:435px;position:relative;overflow:hidden;border-radius:180px 180px 24px 24px;background:#e5e7e4;margin-left:auto}.hero-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.portrait-tag{position:absolute;bottom:26px;left:24px;right:24px;color:white;border-top:1px solid #ffffff5e;padding-top:18px;font-size:11px;letter-spacing:1.5px}.hero-note{position:absolute;left:0;top:40px;z-index:2;transform:rotate(-6deg);background:var(--light-gold);padding:20px 22px;box-shadow:0 10px 25px #113e3620;max-width:215px;border-radius:4px}.hero-note span{font-size:10px;letter-spacing:1px;line-height:1.3;display:block}.hero-note p{font:27px/1.1 var(--serif);margin:14px 0 0}.hero-note em{color:var(--green)}.mini-photo{position:absolute;bottom:5px;left:-8px;width:166px;height:181px;border:6px solid var(--paper);border-radius:90px 90px 14px 14px;transform:rotate(7deg);box-shadow:0 12px 25px #14392d20}.photo-sol{background-image:url('assets/modelo-sol.webp');background-size:cover;background-position:center}.mini-photo.photo-sol{background-size:auto 114%;background-position:49% 5%}.floating-word{position:absolute;right:0;bottom:-10px;font:italic 75px var(--serif);color:var(--green);z-index:3;letter-spacing:-5px}.texture-ribbon{background:var(--green);color:#e3eadb;padding:23px 5%;display:flex;gap:25px;justify-content:center;align-items:center;flex-wrap:wrap}.texture-ribbon span{font-size:12px;letter-spacing:1.5px}.texture-ribbon i{font-style:normal;color:var(--light-gold);margin-left:15px}.texture-ribbon b{color:var(--light-gold);font-size:20px;margin:0 12px}.real-section,.result-content{max-width:1250px;padding:0 5%;margin:auto}.real-section{padding-top:65px;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:30px}.section-heading>p{font-size:16px;color:var(--muted);max-width:330px}.section-heading .eyebrow{margin-bottom:16px}.section-heading h2{margin-bottom:0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:white}.story-image{height:265px;background-repeat:no-repeat}.story-image.photo-sol{background-size:auto 115%;background-position:48% 3%}.photo-cachos{background-image:url('assets/modelo-cachos.webp');background-size:cover;background-position:center}.photo-volume{background-image:url('assets/modelo-volume.webp');background-size:110% auto;background-position:40% 90%}.story-image.photo-volume{background-size:auto 123%;background-position:center 92%}.story-card>div:last-child{padding:24px}.story-card span{font-size:11px;letter-spacing:1.6px;color:var(--gold);font-weight:600}.story-card h3{font-size:25px;line-height:1.2;margin:14px 0}.story-card p{font-size:14px;color:var(--muted);margin-bottom:0}.image-note{font-size:12px;color:var(--muted);margin-top:16px}.text-button{padding:10px 0;background:none;border:0;color:var(--green);font:14px/1.5 Arial;text-underline-offset:5px;text-decoration:none}.text-button:hover{text-decoration:underline}.real-section>.text-button{font-size:16px;border-bottom:1px solid var(--green)}.quiz-layout{display:grid;grid-template-columns:36% 64%;max-width:1440px;min-height:800px;margin:auto}.quiz-visual{position:relative;background:var(--green);overflow:hidden;min-height:100%}.quiz-photo{position:absolute;inset:0;background-size:cover;background-position:center 25%;opacity:.88}.photo-glow{background-image:url('assets/modelo-glow.webp');background-size:cover;background-position:center}.quiz-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#082d27 100%)}.visual-caption{position:absolute;bottom:45px;left:11%;right:10%;color:white;z-index:1}.visual-caption .eyebrow{color:var(--light-gold);font-size:11px}.visual-caption p{font:46px/1.13 var(--serif);white-space:pre-line}.visual-wordmark{display:block;border-top:1px solid #ffffff50;padding-top:22px;font:24px var(--serif);letter-spacing:1px}.quiz-panel{padding:30px 8% 36px;min-width:0}.quiz-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.quiz-topline>span{font-size:12px;letter-spacing:1.5px;color:var(--green)}.quiz-topline .text-button{font-size:13px;color:var(--muted)}.progress-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}#progress{height:5px;background:#e1e8dd;margin:12px 0 28px;border-radius:10px;overflow:hidden}#progress-fill{height:100%;background:var(--green);transition:width .3s}.question-intro .eyebrow{font-size:11px;color:var(--gold);margin-bottom:12px}#question-title{font-size:36px;letter-spacing:-.8px;line-height:1.14;margin-bottom:16px}#question-help{font-size:15px;color:var(--muted);margin-bottom:23px}fieldset{border:0;padding:0;margin:0;display:grid;gap:10px;min-width:0}.option{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:white;cursor:pointer;transition:border-color .2s,background .2s;min-width:0}.option:hover{border-color:#94ac94}.option.selected{border-color:var(--green);background:#eaf1e8;box-shadow:0 0 0 1px var(--green)}.option:focus-within{outline:3px solid var(--gold);outline-offset:2px}.option input{accent-color:var(--green);width:19px;height:19px;margin:0;flex-shrink:0}.option strong{display:block;font-size:16px;font-weight:500;line-height:1.4}.option small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:4px}.option-number{margin-left:auto;display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;font-size:12px}.patterns{grid-template-columns:repeat(3,1fr)}.patterns .option{align-items:flex-start;gap:10px;padding:18px 13px}.patterns .option strong{font:29px var(--serif);color:var(--green)}.patterns .option input{margin-top:6px}.patterns .option:last-child{grid-column:1/-1;align-items:center}.patterns .option:last-child strong{font:15px/1.4 Arial}.patterns .option:last-child input{margin-top:0}.reaction{min-height:36px;margin-top:18px;font-size:13px;color:var(--green);line-height:1.5}.reaction:not(:empty){background:#f0eee0;border-radius:10px;padding:12px 14px}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);gap:20px}.quiz-actions .button{min-width:160px}.privacy-note{font-size:12px;color:var(--muted);margin:20px 0 0}#question-title:focus,#result-title:focus,#reveal-title:focus{outline:none}#reveal{background:radial-gradient(ellipse at 50% 50%,#f8efd9 0,#edf1e7 45%,#fffdf8 80%);min-height:790px;padding:45px 20px 55px;text-align:center}.reveal-inner{max-width:650px;margin:auto}.reveal-inner .eyebrow{margin-bottom:16px}.reveal-inner h1{font-size:48px;margin-bottom:18px}.reveal-inner>p{color:var(--muted);font-size:15px}.wheel-shell{position:relative;width:320px;height:320px;margin:35px auto 22px;border-radius:50%;border:8px solid #e1bf70;box-shadow:0 0 0 2px #b28d47,0 12px 35px #20493426;background:var(--green)}.wheel{height:100%;width:100%;border-radius:50%;background:conic-gradient(from -18deg,#123f36 0 36deg,#edf0db 36deg 72deg,#e2c282 72deg 108deg,#1f5b4c 108deg 144deg,#edf0db 144deg 180deg,#e2c282 180deg 216deg,#123f36 216deg 252deg,#edf0db 252deg 288deg,#e2c282 288deg 324deg,#1f5b4c 324deg 360deg)}.wheel-label{position:absolute;left:50%;top:50%;width:70px;height:28px;line-height:28px;text-align:center;font-size:18px;font-weight:600;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-116px);color:var(--dark)}.wheel-label.light{color:#ffebba}.wheel-label:last-child{font-size:13px}.wheel-center{position:absolute;top:50%;left:50%;width:104px;height:104px;transform:translate(-50%,-50%);border:4px solid #dfbd70;border-radius:50%;background:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 16px #17382d33;pointer-events:none}.wheel-center>span{font:22px/1 var(--serif);letter-spacing:1px}.wheel-center>span:nth-child(2){color:#a07934}.wheel-center>small{font-size:8px;letter-spacing:1px;margin-top:6px}.wheel-pointer{position:absolute;top:-21px;left:50%;z-index:2;width:25px;height:35px;background:#b78a34;clip-path:polygon(0 0,100% 0,50% 100%);transform:translateX(-50%)}#reveal-status{min-height:26px;font-size:14px;color:var(--green);font-weight:500}#skip-animation{display:block;margin:10px auto}.result-hero{display:grid;grid-template-columns:1.3fr .7fr;background:var(--mint);padding:60px max(5%,calc((100% - 1125px)/2));gap:50px;align-items:center}.result-hero h1{font-size:clamp(40px,4.4vw,61px);max-width:680px}.result-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.result-tags>span{font-size:12px;border:1px solid #b9c9b6;padding:5px 12px;border-radius:20px;color:var(--green)}.result-photo{height:430px;min-width:260px;border-radius:180px 180px 22px 22px;position:relative;background-position:center}.result-photo-label{position:absolute;bottom:22px;left:24px;color:white;font-size:12px;letter-spacing:1px}.result-photo-label em{display:block;font:36px var(--serif);color:var(--light-gold);letter-spacing:0}.listening-section,.ritual-section,.products-section,.faq{padding:65px 0;border-bottom:1px solid var(--line)}.listening-section h2{max-width:680px}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.evidence-grid>div{padding-left:20px;border-left:2px solid #c3a054}.evidence-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.evidence-grid p{font-size:17px;line-height:1.5;margin:0}.soft-note{margin:20px 0 0;padding:20px 24px;background:#edf2e8;border-radius:12px;color:var(--muted);font-size:15px}.context-note{margin:25px 0 0;font-size:16px;color:var(--green)}.time-badge{max-width:300px;background:#f0e7d0;border-radius:15px;padding:18px 22px;font-size:14px}.time-badge span{font-weight:600;color:var(--green)}.time-badge p{font-size:13px;margin:8px 0 0;color:var(--muted)}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ritual-grid article{border:1px solid var(--line);border-radius:18px;padding:26px 24px}.number{font:44px var(--serif);color:#b49554;display:block;margin-bottom:30px}.ritual-grid .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:15px}.ritual-grid h3{font-size:26px;line-height:1.18}.ritual-grid p{color:var(--muted);font-size:15px}.ritual-grid .tip{border-top:1px solid var(--line);padding-top:18px;font-size:13px;margin:20px 0 0}.care-notes{padding:24px 28px;background:var(--mint);border-radius:14px;margin-top:24px}.care-notes p{font-size:14px;color:var(--muted);margin-bottom:10px}.care-notes p:last-child{margin-bottom:0}.comparison-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:65px 0;border-bottom:1px solid var(--line)}.comparison-copy>p{font-size:16px;color:var(--muted)}.comparison-footnote{font-size:12px;color:var(--muted);display:block;padding-top:18px;border-top:1px solid var(--line)}.comparison-wrap{max-width:365px;width:100%;justify-self:center}.comparison{--split:50%;position:relative;aspect-ratio:1/1.5;width:100%;overflow:hidden;border-radius:150px 150px 18px 18px;background:#d5dad2}.compare-before,.compare-after{position:absolute;inset:0;background-image:url('assets/referencia-antes-depois.webp');background-size:207% auto;background-repeat:no-repeat}.compare-before{background-position:left top}.compare-after{background-position:right top;clip-path:inset(0 0 0 var(--split))}.compare-label{position:absolute;bottom:20px;font-size:11px;letter-spacing:1px;background:#163a30db;color:white;border-radius:20px;padding:6px 12px;pointer-events:none}.before-label{left:15px}.after-label{right:15px}.compare-line{position:absolute;left:var(--split);height:100%;width:2px;background:white;transform:translateX(-50%);pointer-events:none}.compare-line span{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--paper);color:var(--green);width:45px;height:45px;display:grid;place-items:center;font-size:24px;box-shadow:0 3px 12px #0003}.comparison input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--gold);outline-offset:5px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.product-photo{height:360px;padding:10px;background:white}.product-photo img{width:100%;height:100%;object-fit:contain;display:block}.shampoo-photo{background:#e4dceb}.product-copy{padding:25px 30px}.product-copy .eyebrow{color:var(--gold);font-size:11px;margin-bottom:14px}.product-copy h3{margin-bottom:15px}.product-copy p{font-size:15px;color:var(--muted);margin:0}.purchase-panel{display:flex;gap:40px;justify-content:space-between;align-items:center;background:var(--green);color:white;padding:36px;border-radius:20px;margin-top:24px}.purchase-panel .eyebrow{color:var(--light-gold);font-size:11px;margin-bottom:18px}.purchase-panel h3{font-size:29px;margin-bottom:16px}.purchase-panel>div:first-child{max-width:640px}.purchase-panel p{color:#d3dfd3;font-size:15px;margin:0}.purchase-action{max-width:270px;min-width:190px}.purchase-action>p{padding:16px 20px;border:1px solid #6f8973;border-radius:12px;font-size:13px}.faq{max-width:820px;margin:auto}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-size:16px;line-height:1.5}.faq details p{color:var(--muted);font-size:15px;margin:15px 0 0}.result-end{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0}.result-end>img{height:auto}footer{padding:27px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:11px;letter-spacing:1px}#celebration{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.confetti{position:absolute;top:-150px;width:10px;height:18px;border-radius:2px;animation:confetti-fall var(--duration) var(--delay) both cubic-bezier(.2,.6,.5,1)}.product-spark{position:absolute;top:-180px;width:43px;height:140px;background-size:140px 140px;background-position:center;background-repeat:no-repeat;clip-path:polygon(18% 0,82% 0,87% 16%,99% 20%,100% 97%,90% 100%,10% 100%,0 97%,1% 20%,13% 16%);animation:confetti-fall var(--duration) var(--delay) both cubic-bezier(.2,.6,.5,1)}.product-spark.shampoo{width:40px;clip-path:polygon(9% 1%,91% 1%,94% 16%,100% 19%,100% 97%,90% 100%,10% 100%,0 97%,0 19%,6% 16%)}@keyframes confetti-fall{0%{transform:translate3d(0,-30px,0) rotate(var(--rotation));opacity:0}8%{opacity:1}85%{opacity:1}100%{transform:translate3d(var(--drift),calc(100vh + 330px),0) rotate(var(--end-rotation));opacity:0}}
@media(max-width:1050px){.site-header>p{display:none}.intro-grid{gap:30px;padding-top:38px}.hero-portrait{height:510px}.hero-note{top:25px;max-width:185px;padding:16px}.hero-note p{font-size:24px}.intro-copy h1{font-size:51px}.lead{font-size:16px}.hero-composition{padding-left:15px}.quiz-layout{grid-template-columns:30% 70%}.quiz-panel{padding:30px 7%}.visual-caption p{font-size:35px}.story-image{height:220px}.story-card>div:last-child{padding:20px}.story-card h3{font-size:22px}.ritual-grid{gap:12px}.ritual-grid article{padding:22px 18px}.comparison-section{gap:35px}.result-hero{padding:45px 5%;gap:35px}.result-photo{min-width:220px;height:380px}.texture-ribbon{gap:14px}.texture-ribbon b{margin:0}.section-heading{gap:30px}}
@media(max-width:740px){.site-header{height:83px;padding:16px 6%}.brand img{width:194px}.header-pill{font-size:11px;padding:5px 13px}.intro-grid{grid-template-columns:1fr;padding:33px 6% 35px;gap:28px}.intro-copy h1{font-size:clamp(39px,8.9vw,61px);letter-spacing:-1.5px;line-height:1.06}.intro-copy .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:17px}.intro-copy .lead{font-size:16px;line-height:1.7;margin-bottom:23px}.intro-copy>.button{width:100%;justify-content:center;gap:30px}.intro-copy>.micro{text-align:center}.intro-proof{margin-top:23px;padding-top:18px}.hero-composition{max-width:510px;width:100%;margin:auto;padding:0 0 28px 50px}.hero-portrait{height:420px;max-width:335px;border-radius:150px 150px 20px 20px}.hero-note{top:28px;max-width:175px;left:0;transform:rotate(-5deg)}.hero-note span{font-size:9px}.hero-note p{font-size:23px}.mini-photo{width:130px;height:145px;left:0;bottom:0}.floating-word{font-size:64px;right:9px;bottom:-4px}.portrait-tag{font-size:9px;left:20px;right:20px}.texture-ribbon{padding:21px 5%;gap:10px 15px}.texture-ribbon span{font-size:10px;letter-spacing:1px}.texture-ribbon i{margin-left:8px}.texture-ribbon b{font-size:15px}.real-section{padding:42px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:none;margin:20px 0 0}.section-heading .eyebrow{margin-bottom:15px}.story-grid{display:flex;overflow-x:auto;gap:16px;padding:0 0 14px;scroll-snap-type:x mandatory}.story-card{flex:0 0 78%;max-width:310px;scroll-snap-align:start}.story-image{height:245px}.story-card h3{font-size:25px}.image-note{font-size:11px}.quiz-layout{display:block;min-height:0}.quiz-visual{display:none}.quiz-panel{padding:22px 6% 35px;min-height:calc(100svh - 83px)}.quiz-topline{margin-bottom:16px}.quiz-topline>span{font-size:11px;letter-spacing:1px}#progress{margin-bottom:24px}.question-intro .eyebrow{font-size:10px}#question-title{font-size:30px;letter-spacing:-.6px;line-height:1.16}#question-help{font-size:14px}.option{padding:15px 13px;gap:12px}.option strong{font-size:15px}.option small{font-size:12px}.patterns .option{padding:15px 10px;gap:7px}.patterns .option strong{font-size:27px}.patterns .option input{width:16px;height:16px;margin-top:5px}.patterns .option:last-child strong{font-size:14px}.reaction{font-size:12px;min-height:25px}.quiz-actions{margin-top:16px;padding-top:17px}.quiz-actions .button{min-height:54px;min-width:155px;padding:14px 20px;gap:20px;font-size:15px}.privacy-note{font-size:11px}#reveal{padding:32px 6%;min-height:calc(100svh - 83px)}.reveal-inner h1{font-size:39px}.reveal-inner>p{font-size:14px}.wheel-shell{width:280px;height:280px;margin-top:28px}.wheel-label{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-98px);font-size:16px}.wheel-center{width:92px;height:92px}.wheel-center>span{font-size:20px}.reveal-inner>.micro{font-size:11px}.result-hero{display:block;padding:35px 6% 40px}.result-hero h1{font-size:42px}.result-hero .lead{font-size:16px}.result-photo{display:none}.result-content{padding:0 6%}.listening-section,.ritual-section,.products-section,.faq{padding:40px 0}.evidence-grid{grid-template-columns:1fr;gap:20px}.evidence-grid p{font-size:16px}.soft-note{font-size:14px;padding:18px}.time-badge{max-width:none;margin-top:24px}.ritual-grid{grid-template-columns:1fr;gap:16px}.ritual-grid article{padding:24px}.number{float:right;font-size:35px;margin:0 0 10px 15px}.ritual-grid h3{font-size:28px;max-width:300px}.ritual-grid .eyebrow{margin:8px 0 18px}.care-notes{padding:20px}.comparison-section{display:flex;flex-direction:column;padding:40px 0;gap:25px}.comparison-copy{width:100%}.comparison-wrap{max-width:315px}.comparison-footnote{font-size:11px}.product-grid{gap:12px}.product-photo{height:240px;padding:8px 0}.product-copy{padding:18px 15px}.product-copy h3{font-size:24px}.product-copy .eyebrow{font-size:9px;letter-spacing:.8px}.product-copy p{font-size:14px}.purchase-panel{display:block;padding:26px;margin-top:20px}.purchase-panel h3{font-size:28px}.purchase-action{margin-top:23px;max-width:none;min-width:0}.purchase-action .button{width:100%;font-size:14px;gap:15px}.faq summary{font-size:15px}.result-end>img{width:145px}.result-end .text-button{font-size:13px}footer{padding:22px 6%;display:block;font-size:10px}footer>span{display:block;margin:5px 0}.button:hover{transform:none}}@media(max-width:370px){.brand img{width:165px}.hero-portrait{height:365px}.hero-note{max-width:153px;padding:14px}.hero-note p{font-size:21px}.wheel-shell{width:258px;height:258px}.wheel-label{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-89px)}.patterns{gap:7px}.patterns .option{padding:12px 8px}.patterns .option small{font-size:11px}.option-number{width:20px;height:20px}.product-copy{padding:16px 12px}.product-copy h3{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
.quiz-photo.photo-volume{background-size:auto 122%;background-position:center bottom}
/* Original brand artwork; the source pixels and the cover photograph are preserved. */
.logo-crop{position:relative;display:block;width:272px;aspect-ratio:1295/351;overflow:hidden;mix-blend-mode:multiply;flex-shrink:0;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.logo-crop img,.brand .logo-crop img{position:absolute;display:block;width:129.112%;height:auto;max-width:none;left:-17.3745%;top:-86.0399%}
.site-header{height:112px;position:relative;border-bottom:1px solid #c29a4a66}
.site-header:after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 1%,#bf8d2f 24%,#f0d895 50%,#b7862e 77%,transparent 99%);opacity:.82;pointer-events:none}
.hero-portrait{box-shadow:0 0 0 1px #c59b5177,0 0 0 7px #c59b510c}
.intro-proof{border-top-color:#c5a35a55}
.intro-proof>span{border-color:#c09b4f99}
.texture-ribbon{border-top:1px solid #e1c378;border-bottom:1px solid #e1c378}
.visual-wordmark{border-top-color:#dfbc704d;padding-top:19px}
.visual-wordmark .logo-crop{width:205px;border-radius:4px;background:#fffdf8;mix-blend-mode:normal}
.quiz-topline{gap:13px}
.quiz-identity{width:46px;height:46px;border:1px solid #b78a3b;border-radius:50%;padding:3px;flex-shrink:0;background:#fffdf8;box-shadow:0 0 0 3px #c7a44f0d}
.quiz-identity img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 28%;border-radius:50%}
.quiz-topline #phase-label{margin-right:auto}
.quiz-photo.family-portrait{background-size:cover;background-position:center 22%;opacity:1}
.result-photo.family-portrait{background-size:cover;background-position:center 23%}
#progress-fill{background:linear-gradient(90deg,var(--green) 0%,var(--green) 78%,#b38b3c 100%)}
.option.selected{box-shadow:0 0 0 1px var(--green),inset 4px 0 #c4a157}
.result-photo{box-shadow:0 0 0 1px #b18c4277,0 0 0 6px #c1a05c0d}
.result-tags>span:first-child{border-color:#b18c4277;background:#f3e7c955}
.time-badge{border:1px solid #ba934d3d}
.wheel-center .logo-crop{width:88px;mix-blend-mode:multiply}
.wheel-center>small{margin-top:7px}
.result-end .logo-crop{width:225px}
.photo-sol{background-image:url('assets/portrait-waves.webp')}
.mini-photo.photo-sol{background-size:cover;background-position:center 23%}
.story-image.photo-sol{background-size:cover;background-position:center 25%}
.story-image.photo-cachos{background-image:url('assets/portrait-curls.webp');background-size:cover;background-position:center 27%}
.story-image.photo-volume{background-image:url('assets/portrait-coils.webp');background-size:cover;background-position:center 26%}
@media(max-width:740px){.site-header{height:96px;padding-block:11px}.logo-crop{width:220px}.quiz-identity{width:40px;height:40px}.quiz-topline{gap:10px}.quiz-topline #phase-label{font-size:10px;letter-spacing:.65px}.quiz-panel{min-height:calc(100svh - 96px)}.result-end .logo-crop{width:185px}.wheel-center .logo-crop{width:78px}.hero-portrait{box-shadow:0 0 0 1px #c59b5177,0 0 0 4px #c59b510c}}
@media(max-width:370px){.logo-crop{width:182px}.site-header{gap:12px}.quiz-topline #phase-label{font-size:9px}.quiz-identity{width:36px;height:36px}.result-end .logo-crop{width:157px}.wheel-center .logo-crop{width:74px}}

/* Final gold accents and stronger texture labels; layout and content preserved. */
.header-pill,.curl-code,#result-texture{color:#111;font-weight:700}
.header-pill{border-color:#bb9449}
.texture-ribbon{background:linear-gradient(110deg,#d5ad55 0%,#eed28e 38%,#d5ae58 68%,#efd898 100%);color:#111;border-color:#b58b36}
.texture-ribbon span{font-weight:700}
.texture-ribbon i{color:#111;font-weight:700}
.texture-ribbon b{color:#8b631d}
.patterns .option strong{color:#111;font-weight:700}
.site-header:after{height:3px;bottom:-3px;opacity:1;background:linear-gradient(90deg,#be913c,#ebcf87 48%,#bd9038)}
.quiz-visual{border-top:2px solid #d7b769}
.visual-wordmark{border-top-color:#e0bd70a6}
.quiz-identity{border-color:#bd913b;box-shadow:0 0 0 3px #d0ad6326}
.story-card{border-color:#c9a25166}
.result-tags>span:first-child{border-color:#b28a37;background:#f0dda8}
.wheel{background:conic-gradient(from -18deg,#c49a43 0 36deg,#f2dfa4 36deg 72deg,#e1bd70 72deg 108deg,#cfac5d 108deg 144deg,#f2dfa4 144deg 180deg,#e1bd70 180deg 216deg,#c49a43 216deg 252deg,#f2dfa4 252deg 288deg,#e1bd70 288deg 324deg,#cfac5d 324deg 360deg)}
.wheel-label,.wheel-label.light{color:#111;font-weight:700}

/* Apply transparency to the original logo pixels without redrawing the mark. */
.brand-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.logo-crop{background:transparent;mix-blend-mode:normal;mask-image:none}
.logo-crop img{filter:url(#afroglow-clear-background)}
.visual-wordmark .logo-crop{background:transparent;border-radius:0}
.visual-wordmark .logo-crop img{filter:url(#afroglow-clear-background) drop-shadow(0 0 .6px #f5e4b5b3)}
.wheel-center .logo-crop{mix-blend-mode:normal}
.option.has-curl-drawing{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-width:0;padding:20px 12px}
.has-curl-drawing .option-copy{width:100%;text-align:center}
.curl-drawing{display:block;flex:none;width:180px;max-width:100%;height:28px;background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none}
.curl-drawing-2A{background-image:url('./assets/curvaturas/2A.webp')}
.curl-drawing-2B{background-image:url('./assets/curvaturas/2B.webp')}
.curl-drawing-2C{background-image:url('./assets/curvaturas/2C.webp')}
.curl-drawing-3A{background-image:url('./assets/curvaturas/3A.webp')}
.curl-drawing-3B{background-image:url('./assets/curvaturas/3B.webp')}
.curl-drawing-3C{background-image:url('./assets/curvaturas/3C.webp')}
.curl-drawing-4A{background-image:url('./assets/curvaturas/4A.webp')}
.curl-drawing-4B{background-image:url('./assets/curvaturas/4B.webp')}
.curl-drawing-4C{background-image:url('./assets/curvaturas/4C.webp')}
@media(max-width:480px){.option.has-curl-drawing{padding:18px 10px;gap:10px}.has-curl-drawing .option-copy small{line-height:1.45}}
