:root{--bg: #faf8f5;--bg-secondary: #f2ede7;--bg-footer: #e9e1d8;--primary: #463832;--text: #3e312c;--text-secondary: #8a7c73;--soft-sand: #e8ded3;--skin-beige: #d6b99f;--rose-taupe: #c6aaa0;--warm-clay: #b38d72;--surface: #fffdfb;--on-primary: #ffffff;--border: rgba(70, 56, 50, .09);--border-strong: rgba(70, 56, 50, .16);--text-locked: #b3a79f;--danger: #a3402f;--warn-bg: #f6ece0;--warn-text: #7a5330;--focus: rgba(70, 56, 50, .35);--radius-sm: 10px;--radius: 18px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(62, 49, 44, .04), 0 2px 10px rgba(62, 49, 44, .04);--shadow-cta: 0 6px 18px rgba(70, 56, 50, .18);--font: "Assistant", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--fs-h1: clamp(28px, 7.4vw, 40px);--fs-h2: 21px;--fs-h3: 17px;--fs-body: 16px;--fs-caption: 13.5px;--gutter: 16px;--content: 560px;--touch: 44px;color-scheme:light;font-family:var(--font);font-size:var(--fs-body);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,.h1{font-size:var(--fs-h1);line-height:1.12;font-weight:800;letter-spacing:-.01em;margin:0;color:var(--text);text-wrap:balance}h2,.h2{font-size:var(--fs-h2);line-height:1.25;font-weight:700;margin:0;color:var(--text)}h3,.h3{font-size:var(--fs-h3);line-height:1.3;font-weight:700;margin:0;color:var(--text)}p{margin:0}.body{font-size:var(--fs-body)}.caption,.muted{font-size:var(--fs-caption);color:var(--text-secondary)}.lead{font-size:17px;color:var(--text);text-wrap:pretty}.page{max-width:var(--content);margin:0 auto;padding:16px var(--gutter) 56px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.center{text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch);margin-bottom:12px}.topbar .actions{display:flex;align-items:center;gap:12px;margin-inline-start:auto}.logo{height:auto}.logo-mark{width:32px}.logo-plain{width:112px}.logo-full{width:132px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);margin-bottom:16px}.card.soft{background:var(--bg-secondary);box-shadow:none}.card.sand{background:var(--soft-sand);border-color:transparent;box-shadow:none}.card>h2,.card>.h2{margin-bottom:12px}.card>h3{margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:var(--touch);padding:10px 22px;border:0;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{background:#3a2e29}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-lg{min-height:56px;padding:14px 32px;font-size:19px;box-shadow:var(--shadow-cta)}.btn-block{display:flex;width:100%}.btn.secondary{background:transparent;color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}.btn.secondary:hover{background:#4638320d}.btn.link{background:none;color:var(--primary);min-height:var(--touch);padding:0 4px;font-weight:600;box-shadow:none}.btn.link:hover{text-decoration:underline;background:none}.glyph{flex:none;display:block}[dir=ltr] .glyph.directional{transform:scaleX(-1)}.segmented{--gap: 4px;--dir: 1;position:relative;isolation:isolate;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--gap);padding:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-pill)}[dir=rtl] .segmented{--dir: -1}.segmented-thumb{position:absolute;z-index:-1;inset-block:4px;inset-inline-start:4px;width:calc((100% - 8px - var(--gap) * (var(--count) - 1)) / var(--count));border-radius:var(--radius-pill);background:var(--primary);box-shadow:var(--shadow-sm);transform:translate(calc((100% + var(--gap)) * var(--index) * var(--dir)));transition:transform .38s cubic-bezier(.32,.72,0,1)}.segmented button{min-height:40px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color .28s ease}.segmented button:hover{color:var(--text)}.segmented button[aria-selected=true]{color:var(--on-primary)}.segmented.sm button{min-height:34px;font-size:15px}.icon-badge{flex:none;width:56px;height:56px;border-radius:50%}.icon-badge.sm{width:40px;height:40px}.icon-badge.lg{width:76px;height:76px}.divider-title{display:flex;align-items:center;gap:14px;color:var(--text);font-weight:700;font-size:var(--fs-h3)}.divider-title:before,.divider-title:after{content:"";flex:1;height:1px;background:var(--border-strong)}.indicators{display:grid;grid-template-columns:repeat(3,1fr)}.indicator{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:var(--fs-caption);text-align:center;padding:2px 6px}.indicator+.indicator{border-inline-start:1px solid var(--border-strong)}.field{margin-bottom:20px}.field>.label{display:block;font-weight:700;margin-bottom:10px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{min-height:var(--touch);padding:8px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer;font-weight:500}.choice:hover{border-color:var(--primary)}.choice[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.choice:disabled{opacity:.4;cursor:not-allowed}input[type=email],input[type=password],input[type=text],select{width:100%;min-height:var(--touch);padding:10px 14px;margin-bottom:12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface)}input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:0;border-color:var(--primary)}.error{color:var(--danger);font-size:14px;margin:8px 0}.warn{background:var(--warn-bg);color:var(--warn-text);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg-secondary);color:var(--text);border-radius:var(--radius-pill);padding:5px 14px;font-size:14px;font-weight:600}.chip small{color:var(--text-secondary);margin-inline-start:6px;font-weight:400}.badge{display:inline-block;font-size:12.5px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--soft-sand);color:var(--text);margin-inline-start:8px;font-weight:600;vertical-align:middle}.badge.recovery,.badge.base{background:var(--bg-secondary);color:var(--text-secondary)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-sm)}.stat .v{font-size:20px;font-weight:700}.steps{list-style:none;margin:0;padding:0}.step{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.step:first-child{border-top:0}.step .num{width:30px;height:30px;border-radius:50%;background:var(--soft-sand);color:var(--text);display:grid;place-items:center;font-size:14px;font-weight:700}.step .title{font-weight:700}.step .product{font-size:14px}.step .product a{color:inherit}.step .meta{font-size:var(--fs-caption);color:var(--text-secondary)}.save-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--bg-secondary);box-shadow:none}.save-banner h3{margin:0 0 4px}ul[role=list]{list-style:none;margin:0;padding:0}.home{min-height:100vh;display:flex;flex-direction:column}.home-col{width:100%;max-width:var(--content);margin:0 auto;padding-inline:var(--gutter)}.home-hero{padding-block:12px 28px;text-align:center}.brand-header{position:relative;display:flex;justify-content:center;padding-block:8px 0;margin-bottom:22px}.brand-header .logo-plain{width:72px}.brand-header .logo-full{width:84px}.brand-header-action{position:absolute;inset-inline-end:0;top:0;font-size:15px;color:var(--text-secondary);font-weight:500}.home-title{font-size:clamp(30px,8.6vw,48px);line-height:1.15;font-weight:800;max-width:16ch;margin-inline:auto}.accent-dot{color:var(--skin-beige)}.home-subtitle{margin:12px auto 24px;max-width:30ch;color:var(--text)}.home-cta{width:min(100%,340px);margin-bottom:24px}.home-hero .indicators{max-width:380px;margin-inline:auto}.wave{display:block;width:100%;height:28px}.home-visual>.wave:first-child{background:var(--bg)}.home-visual>.wave:last-child{background:var(--soft-sand)}.home-visual-body{background:var(--soft-sand)}.skin-visual{position:relative;padding-inline:0}.skin-photo{width:88%;margin-inline-start:auto;height:auto;aspect-ratio:1 / .86;object-fit:cover;object-position:center 12%;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,#000 72%,transparent);mask-image:linear-gradient(to right,#000 72%,transparent)}[dir=ltr] .skin-photo{transform:scaleX(-1)}.skin-features{position:absolute;inset-inline-start:var(--gutter);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px}.skin-features li{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--text)}.skin-features .icon-badge{width:42px;height:42px}.home-results{background:var(--bg-secondary);padding-block:8px 28px}.home-results .divider-title{margin-bottom:18px;font-size:18px}.results-list{display:grid;grid-template-columns:repeat(3,1fr)}.results-list li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding-inline:8px;font-size:14.5px;font-weight:600;line-height:1.3;color:var(--text)}.results-list li+li{border-inline-start:1px solid var(--border-strong)}.results-list .icon-badge{width:64px;height:64px}.home-footer{background:var(--bg-footer);padding-block:14px calc(14px + env(safe-area-inset-bottom));margin-top:auto;text-align:center;font-size:13px;color:var(--text-secondary)}@media(min-width:900px){.home-hero{padding-block:20px 40px}.home-title{font-size:54px}.skin-visual{max-width:720px}.skin-features{gap:20px}.skin-features li{font-size:17px}.skin-features .icon-badge{width:56px;height:56px}.home-results .home-col{max-width:720px}.results-list li{font-size:16px}.results-list .icon-badge{width:76px;height:76px}}.result{display:flex;flex-direction:column}.result .brand-header{margin-bottom:14px}.result-title{font-size:clamp(26px,7.4vw,34px);text-align:center;margin-bottom:18px}.result-stage{text-align:center;padding-block:14px;margin-bottom:14px}.result-stage .h3{font-size:19px}.result-stage-days{color:var(--text-secondary);font-size:15px;margin-top:2px}.result-stage .caption{color:var(--text-secondary);margin-top:2px}.result-pickers{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.result-routine{padding-block:16px 6px;animation:routine-in .32s cubic-bezier(.32,.72,0,1)}@keyframes routine-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.result-routine-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:22px;padding-bottom:10px;color:var(--text)}.result-routine-title .glyph{color:var(--primary)}.result-steps{list-style:none;margin:0;padding:0}.result-step{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--border)}.result-step-num{width:30px;height:30px;margin-top:2px;border-radius:50%;background:var(--soft-sand);color:var(--text);display:grid;place-items:center;font-size:14px;font-weight:700}.result-step-name{margin:0;font-size:17px;font-weight:700;line-height:1.3}.result-step-benefit{color:var(--text-secondary);font-size:14.5px;font-weight:600}.result-step-benefit .badge{font-weight:600}.result-step-desc{color:var(--text-secondary);font-size:var(--fs-caption);line-height:1.45;margin-top:2px}.result-cta{margin-block:4px 16px}.journey{text-align:center;padding-block:16px 14px}.journey-title{font-size:16px;font-weight:600;margin-bottom:14px}.journey-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.journey-track:before{content:"";position:absolute;top:13px;inset-inline:calc(100% / 6);height:1.5px;background:var(--border-strong)}.journey-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.journey-node{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-bottom:6px;background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text-locked)}.journey-stage.active .journey-node{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px #4638321a}.journey-stage.completed .journey-node{background:var(--soft-sand);border-color:var(--soft-sand);color:var(--text-secondary)}.journey-name{font-weight:700;font-size:15px;color:var(--text)}.journey-when{font-size:12.5px;color:var(--text-secondary)}.journey-stage.locked .journey-name{color:var(--text-secondary)}.journey-stage.locked .journey-when{color:var(--text-locked)}.result .save-banner{margin-bottom:16px}.result-closing{text-align:center;color:var(--text);font-size:15px;margin-block:6px 4px}.result-footer{display:flex;justify-content:center}.result-footer .btn.link{color:var(--text-secondary);font-weight:500;font-size:14px}.back-link{margin-inline-start:-4px;color:var(--text-secondary);font-weight:500}.back-link .glyph.directional{transform:scaleX(-1)}[dir=ltr] .back-link .glyph.directional{transform:none}.products-title{margin-block:4px 14px}.field-label{display:block;font-weight:700;margin-bottom:8px}.sg-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.sg-swatch{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface);font-size:12.5px}.sg-swatch>div{height:56px}.sg-swatch>p{padding:6px 8px}.sg-icons{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.sg-icons figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}