.routine{max-width:1320px;margin:auto;padding:20px 5% 70px}.routine>.textlink{margin-bottom:30px;font-size:.875rem}.routine button,.routine input,.routine textarea{font:inherit}.routine button{cursor:pointer}.routine button:disabled{opacity:.45;cursor:not-allowed}.routine :is(button,input,textarea,summary):focus-visible{outline:3px solid #91663d;outline-offset:5px}.routine .eyebrow{font-size:.875rem;letter-spacing:.13em}.quiz-layout{display:grid;grid-template-columns:.85fr 1.3fr;min-height:580px;border:1px solid var(--line);background:#fffcf7;box-shadow:0 18px 70px #493b3207}.quiz-aside{background:#eee4da;padding:40px;display:flex;flex-direction:column;position:relative;overflow:hidden}.quiz-aside h1{font-size:clamp(2.5rem,3.5vw,3.7rem);line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere}.aside-copy{margin:25px 0;color:var(--muted);font-size:1rem;max-width:30ch}.profile-preview{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.profile-preview span{font-size:.875rem;padding:4px 9px;border:1px solid #cdbcaa;border-radius:20px;animation:appear .25s both}.aside-bottom{margin-top:auto;display:flex;align-items:center;gap:18px;padding-top:20px}.aside-bottom p{margin:0;font-size:1rem}.aside-bottom p>span{color:var(--muted);font-size:.875rem}.progress-orbit{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#eee4da 88%,transparent 90%),conic-gradient(var(--brown) var(--progress),#d5c5b6 0);font-family:Georgia,serif;font-size:1.4rem;flex:none}.question-wrap{padding:38px 38px 24px;min-width:0}.quiz-panel fieldset{border:0;margin:0;padding:0;min-width:0}.quiz-panel legend{font-family:var(--serif);font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.18;margin-bottom:18px;letter-spacing:-.03em}.quiz-progress{display:flex;justify-content:space-between;gap:14px;font-size:.875rem;color:var(--muted)}.progress-track{height:3px;background:#e8ded3;margin:15px 0 35px;overflow:hidden}.progress-fill{height:100%;background:var(--brown);transition:width .35s}.question-note{font-size:1rem;color:var(--muted);line-height:1.6;margin-bottom:24px}.options{display:grid;gap:10px}.option{position:relative;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid #ddd1c3;border-radius:5px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;animation:rise .3s both;animation-delay:calc(var(--i)*35ms)}.option:hover{border-color:#a68c77;transform:translateX(3px);background:#faf4ee}.option:has(input:checked){border-color:var(--brown);background:#efe2d6;box-shadow:inset 3px 0 var(--brown)}.option:has(input:focus-visible){outline:3px solid #91663d;outline-offset:3px}.option input{width:17px;height:17px;margin:0;accent-color:var(--brown);flex-shrink:0}.option strong{font-size:1rem;font-weight:500}.option small{display:block;font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:4px}.option-check{margin-left:auto;opacity:0;color:var(--brown);transform:scale(.6);transition:transform .2s,opacity .2s}.option:has(input:checked) .option-check{opacity:1;transform:scale(1)}.name-label{display:block;font-size:.875rem;margin:28px 0 8px}.name-input{width:100%;background:transparent;border:0;border-bottom:2px solid #b39a84;border-radius:0;padding:14px 0!important;color:var(--ink);font-size:1.6rem!important}.name-input::placeholder{color:#9d8e81;font-size:1.15rem}.input-note{font-size:.875rem;color:var(--muted);margin:14px 0 35px}.quiz-actions,.result-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-top:30px}.routine .button{border-radius:3px;font-size:1rem;gap:24px}.next-button span{transition:transform .2s}.next-button:hover span{transform:translateX(4px)}.back-button{background:none;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:5px;padding:10px 0;font-size:.875rem!important}.quiz-footnote{font-size:.875rem;color:var(--muted);margin:22px 0 0;line-height:1.6}.question-enter{animation:rise .3s both}.loading-panel{text-align:center;padding:70px 20px;background:#eee4da}.loading-panel h2{margin:20px 0}.loading-orbit{display:inline-block;width:50px;height:50px;border:2px solid var(--line);border-top-color:var(--brown);border-radius:50%;animation:spin 1s linear infinite}.result-enter{animation:appear .4s}.result-hero{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#ede1d5;padding:45px}.result-hero h1{font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:1.12;overflow-wrap:anywhere}.result-lead{margin:25px 0 0;color:var(--muted);max-width:45ch}.result-actions{justify-content:flex-start}.result-stamp{flex:none;width:155px;height:155px;border:1px solid #bda78f;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg)}.result-stamp>span{font:3.2rem/1 Georgia,serif}.result-stamp p{margin:9px 0 0;text-align:center;font-size:.875rem;line-height:1.4}.answer-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 45px}.answer-tags span{font-size:.875rem;border:1px solid var(--line);padding:6px 12px;border-radius:25px}.analysis-section h2,.usage-section h2,.section-title h2,.consult-box h2{font-size:clamp(2rem,3.1vw,3rem)}.analysis-section .eyebrow,.usage-section .eyebrow,.section-title .eyebrow,.consult-box .eyebrow{margin-bottom:12px}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 35px;margin:30px 0 50px}.insight{padding:23px 0;border-top:1px solid var(--line)}.insight{border-top:1px solid var(--line)}.insight-number{font-size:.875rem;color:#96755e}.insight h3{font-size:1.5rem;margin:12px 0}.insight p{font-size:1rem;line-height:1.7;color:var(--muted);margin:0}.usage-section{background:#eee5dc;padding:35px;display:grid;grid-template-columns:.85fr 1.2fr;gap:35px;margin-bottom:55px}.usage-section>div>p:last-child{margin:20px 0 0;color:var(--muted)}.period-switch{display:flex;gap:5px;border-bottom:1px solid #cfbdab;padding-bottom:12px;flex-wrap:wrap}.period-switch button{border:0;background:transparent;padding:10px 15px;color:var(--ink);font-size:.875rem;border-radius:25px}.period-switch button[aria-pressed=true]{background:var(--brown);color:white}.usage-steps{list-style:none;padding:0;margin:20px 0 0;counter-reset:step}.usage-steps li{counter-increment:step;position:relative;padding:0 0 19px 40px;animation:rise .25s both}.usage-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:25px;height:25px;border:1px solid #bca58f;border-radius:50%;display:grid;place-items:center;font-size:.875rem}.usage-steps strong{display:block;font-weight:500}.usage-steps span{font-size:.875rem;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.routine-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.routine-card{border:1px solid var(--line);background:#fffbf6;display:flex;flex-direction:column;overflow:hidden;border-radius:5px}.routine-photo{height:230px;background:#fff;position:relative;display:grid;place-items:center}.routine-photo img{height:200px;width:80%;object-fit:contain;transition:transform .4s}.routine-card:hover .routine-photo img{transform:scale(1.045)}.product-number{position:absolute;top:20px;left:20px;color:#8a6e58;font-size:.875rem}.routine-copy{padding:27px;display:flex;flex-direction:column;flex:1}.step-label{font-size:.875rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px;color:#886850}.routine-copy h3{font-size:1.7rem;line-height:1.2;letter-spacing:-.02em}.product-ref{font-size:.875rem;color:var(--muted);margin:10px 0 0}.product-why{font-size:1rem;line-height:1.65;color:var(--muted);margin:20px 0}.product-use{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:.875rem}.product-use summary{cursor:pointer}.product-use p{font-size:.9375rem;margin:12px 0;color:var(--muted)}.routine-copy>.textlink{align-self:start;margin-top:20px;font-size:.9375rem}.consult-box{margin-top:50px;background:#eaddd2;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.consult-box>div>p:not(.eyebrow){margin-top:20px;color:var(--muted)}.summary-details{align-self:center;padding:20px;border:1px solid #bfa892;font-size:1rem}.summary-details summary{cursor:pointer}.summary-details textarea{width:100%;min-height:280px;margin-top:15px;padding:15px;border:1px solid #bea892;background:var(--paper);color:var(--ink);font-size:.875rem;resize:vertical}.copy-status{font-size:.875rem}.result-footer{border-top:1px solid var(--line);padding-top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.quiz-aside{padding:28px}.question-wrap{padding:28px 24px}.quiz-layout{grid-template-columns:.7fr 1fr}.result-stamp{width:115px;height:115px}.result-stamp>span{font-size:2.5rem}.usage-section,.consult-box{grid-template-columns:1fr}.result-hero{padding:30px}.section-title{align-items:start;flex-direction:column}}@media(max-width:680px){.routine{padding:15px 5% 45px}.routine>.textlink{margin-bottom:20px}.quiz-layout{grid-template-columns:1fr;min-height:0}.quiz-aside{padding:24px}.quiz-aside h1{font-size:2.5rem}.quiz-aside h1 br{display:none}.quiz-aside .eyebrow{margin-bottom:10px}.aside-copy,.profile-preview,.aside-bottom{display:none}.question-wrap{padding:24px 20px}.progress-track{margin-bottom:25px}.quiz-panel legend{font-size:1.85rem}.quiz-actions{gap:12px}.routine .button{padding:14px 18px}.option{padding:14px}.result-hero{padding:28px 22px}.result-hero h1{font-size:2.7rem}.result-stamp{display:none}.insight-grid,.routine-cards{grid-template-columns:1fr}.insight-grid{gap:0}.answer-tags{margin-bottom:35px}.usage-section,.consult-box{padding:24px 20px;gap:25px}.routine-photo{height:210px}.routine-copy{padding:24px}.result-actions{gap:16px}.period-switch button{padding:9px 11px}.routine>.quiz-panel{padding:25px}.routine .eyebrow{font-size:.8125rem}.summary-details{min-width:0}.consult-box{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.routine *,.routine *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.option:hover,.routine-card:hover .routine-photo img{transform:none}}