:root {
  --ink: #241f2a;
  --ink-soft: #57505d;
  --plum: #5b3d52;
  --plum-deep: #3d2938;
  --rose: #c58d86;
  --blush: #ead7d0;
  --cream: #f8f4ed;
  --paper: #fffdf9;
  --sage: #aab2a0;
  --gold: #b99662;
  --line: #ded7d1;
  --shadow: 0 18px 55px rgba(48, 34, 43, 0.11);
}

/* Quiz launch polish — mobile first */
.quiz-duration{display:block;width:fit-content;margin:20px auto 0;padding:8px 13px;border-radius:999px;background:#f1e6e9;color:var(--plum)!important;font-size:12px!important;font-weight:800}
.start-screen .quiz-duration+.primary-button{margin-top:20px}
.age-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,680px)}
.age-text-card{grid-template-rows:180px auto;min-height:236px;padding:0 0 15px}
.age-portrait{display:block;width:100%;height:180px;overflow:hidden;background:#eadfd8}
.age-portrait.asset-loaded img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.style-photo.asset-loaded{height:auto!important;min-height:0!important;aspect-ratio:4/5!important;padding:0!important}
.style-photo.asset-loaded img{object-position:center 24%}
.option-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:50%;background:#f0e5e8;color:var(--plum);font-size:15px;font-weight:700}
.option:has(.option-icon)>span{flex:1}
.human-reference.body-asset{height:180px;padding:0;background:#f4e9e2}
.human-reference.body-asset img{display:block;width:100%;height:100%;object-fit:contain}
.human-reference.body-asset::before,.human-reference.body-asset::after,.human-reference.body-asset>i,.human-reference.body-asset>b{display:none!important}
.color-result-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:600px;margin:22px auto 14px}
.tone-sample{position:relative;display:flex;min-height:108px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:52px 12px 12px;border:1px solid var(--line);border-radius:16px;background:#fffaf5;font-size:12px;font-weight:700}
.tone-sample::before{position:absolute;top:13px;left:50%;width:34px;height:34px;border:4px solid #fff;border-radius:50%;background:var(--tone,#957268);box-shadow:0 3px 12px rgba(40,30,38,.18);content:"";transform:translateX(-50%)}
.tone-sample small{margin-bottom:3px;color:#81747d;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.selected-color-strip{display:flex;justify-content:center;gap:8px;max-width:600px;margin:0 auto 18px}
.selected-color-strip i{display:block;width:38px;height:38px;border:3px solid #fff;border-radius:50%;background:var(--tone);box-shadow:0 3px 10px rgba(40,30,38,.14)}
.usage-form output{font-size:58px;line-height:1;text-shadow:0 8px 22px rgba(91,61,82,.12)}
.phase-track i.done{position:relative}
.phase-track i.done::after{position:absolute;inset:-2px;display:grid;place-items:center;color:#fff;font-size:11px;font-style:normal;content:"✓"}
.processing-item.active{border-color:#b99aa9;background:#f6edf1}
.processing-item.active i{border-color:#d8c5ce;border-top-color:var(--plum);background:transparent;animation:quizProcessSpin .7s linear infinite}
@keyframes quizProcessSpin{to{transform:rotate(360deg)}}
@media(max-width:560px){
  .start-screen{margin-top:1vh}.start-screen h1{font-size:clamp(36px,10.5vw,46px)}
  .age-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .age-text-card{grid-template-rows:120px auto;min-height:170px}.age-portrait{height:120px}
  .style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .style-card strong{margin:9px 9px 0;font-size:14px}.style-card small{min-height:40px;margin:4px 9px 0;font-size:9px}
  .color-result-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tone-sample{min-height:100px;padding-right:8px;padding-left:8px}
  .selected-color-strip{gap:5px;flex-wrap:wrap}.selected-color-strip i{width:32px;height:32px}
  .human-reference.body-asset{height:145px}
  .option{gap:10px;padding:13px}.option-icon{width:25px;height:25px;flex-basis:25px;font-size:13px}
  .usage-form output{margin-bottom:18px;font-size:54px}
}
@media(prefers-reduced-motion:reduce){.processing-item.active i{animation:none}}

* { box-sizing: border-box; }
html { min-width: 320px; overflow-x: hidden; background: var(--cream); }
body { min-width: 320px; min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--ink); background: radial-gradient(circle at 15% 0%, rgba(234,215,208,.55), transparent 29rem), var(--cream); font-family: "DM Sans", Arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
button, input { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }
[hidden] { display: none !important; }

.page-shell { width: min(100%, 1040px); min-height: 100vh; margin: 0 auto; padding: max(18px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); }
.site-header { display: grid; grid-template-columns: 1fr auto 1fr; min-height: 46px; align-items: center; }
.wordmark { color: var(--ink); font-family: "Fraunces", Georgia, serif; font-size: 15px; font-weight: 700; letter-spacing: .14em; text-decoration: none; }
.wordmark span { margin: 0 .32em; color: var(--rose); }
.header-spacer { justify-self: end; }

.quiz-shell { width: min(100%, 820px); margin: clamp(28px, 6vh, 68px) auto 0; }
.progress-wrap { width: min(100%, 640px); margin: 0 auto 36px; }
.progress-meta { display: flex; justify-content: space-between; margin-bottom: 8px; color: #756d78; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.progress-track { height: 4px; overflow: hidden; border-radius: 999px; background: #dfd8d2; }
.progress-fill { width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--plum), var(--rose)); transition: width .38s cubic-bezier(.22,.8,.26,1); }
.screen { width: 100%; }
.screen-enter { animation: screen-in .34s ease both; }
@keyframes screen-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

.eyebrow { display: block; margin-bottom: 14px; color: var(--plum); font-size: 11px; font-weight: 800; letter-spacing: .15em; text-align: center; text-transform: uppercase; }
h1 { max-width: 750px; margin: 0 auto 16px; color: var(--ink); font-family: "Fraunces", Georgia, serif; font-size: clamp(34px, 6vw, 54px); font-weight: 600; letter-spacing: -.035em; line-height: 1.05; text-align: center; text-wrap: balance; }
.question-heading { margin-bottom: 30px; }
.question-heading h1 { font-size: clamp(30px, 5vw, 45px); }
.question-heading p, .start-screen > p, .interlude > p, .processing-screen > p, .result-screen > p { max-width: 600px; margin: 0 auto; color: var(--ink-soft); font-size: 16px; line-height: 1.55; text-align: center; text-wrap: balance; }
.adaptive-copy { margin-top:12px !important; padding:11px 14px; border-left:2px solid var(--rose); border-radius:0 10px 10px 0; background:rgba(234,215,208,.38); font-size:13px !important; text-align:left !important; }

.start-screen { max-width: 780px; margin: 3vh auto 0; text-align: center; }
.start-screen h1 { font-size: clamp(42px, 7vw, 68px); }
.start-screen > p { max-width: 590px; font-size: 18px; }
.start-screen > small { display: block; margin-top: 17px; color: #756f76; font-size: 13px; }
.editorial-mark { display: flex; width: min(100%, 390px); align-items: center; gap: 11px; margin: 0 auto 34px; color: #7d6a72; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.editorial-mark i { height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--rose), transparent); }
.age-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.age-card { min-width:0; overflow:hidden; padding:0 0 14px; border:1px solid var(--line); border-radius:17px; color:var(--ink); background:var(--paper); cursor:pointer; }
.age-card.selected { border:2px solid var(--plum); }
.age-card strong { display:block; margin-top:10px; font-size:14px; }
.age-text-grid { width:min(100%,650px); margin:0 auto; }
.age-text-card { display:grid; min-height:66px; place-items:center; padding:12px; }
.age-text-card strong { margin:0; font-size:16px; }
.editorial-person { position:relative; display:block; height:160px; overflow:hidden; background:linear-gradient(145deg,#d8cbc3,#a98b91); }
.editorial-person::before { position:absolute; top:19px; left:50%; width:56px; height:68px; border-radius:48% 48% 44% 44%; background:#bd8c72; box-shadow:0 -10px 0 5px #4a3539; content:""; transform:translateX(-50%); }
.editorial-person i { position:absolute; right:18%; bottom:-5px; left:18%; height:83px; border-radius:46% 46% 0 0; background:#5b3d52; }
.editorial-person b { position:absolute; right:-20%; bottom:-10px; width:65%; height:65%; border:15px solid rgba(255,255,255,.18); border-radius:50%; }
.age-thirty { background:linear-gradient(145deg,#c5c8bd,#6e7a71); }.age-thirty::before{box-shadow:0 -12px 0 6px #684b3f}.age-thirty i{background:#eee3d5}
.age-forty { background:linear-gradient(145deg,#c6adb2,#765463); }.age-forty::before{box-shadow:0 -9px 0 5px #3b2a2c}.age-forty i{background:#34343a}
.age-fifty { background:linear-gradient(145deg,#c5b79e,#8b7358); }.age-fifty::before{box-shadow:0 -10px 0 5px #8f7c73}.age-fifty i{background:#ede2d1}
.age-sixty { background:linear-gradient(145deg,#c6c2c3,#77747a); }.age-sixty::before{box-shadow:0 -8px 0 5px #d7d1cc}.age-sixty i{background:#5b3d52}
.placeholder-caption { margin:12px auto 0; color:#8b8289; font-size:10px; text-align:center; }

.primary-button { display: flex; width: min(100%, 390px); min-height: 58px; align-items: center; justify-content: center; gap: 15px; margin: 30px auto 0; padding: 15px 22px; border: 1px solid var(--plum); border-radius: 999px; color: #fff; background: var(--plum); box-shadow: 0 12px 28px rgba(91,61,82,.21); font-weight: 700; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.primary-button:hover:not(:disabled), .primary-button:focus-visible:not(:disabled) { background: var(--plum-deep); box-shadow: 0 14px 34px rgba(91,61,82,.28); transform: translateY(-2px); }
.primary-button:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.primary-button > span { font-size: 20px; line-height: 1; }
.continue-button { margin-top: 26px; }
.name-form { width:min(100%,480px); margin:0 auto; }
.name-form label { display:block; margin-bottom:9px; color:var(--ink); font-size:13px; font-weight:800; }
.name-form input { width:100%; min-height:62px; padding:14px 17px; border:1px solid #cfc4ca; border-radius:14px; outline:none; color:var(--ink); background:var(--paper); font-size:18px; box-shadow:0 5px 18px rgba(48,34,43,.05); }
.name-form input:focus { border-color:var(--plum); box-shadow:0 0 0 3px rgba(91,61,82,.1); }
.name-form > p { min-height:20px; margin:7px 0 0; color:#9b3d45; font-size:12px; }
.name-form .primary-button { margin-top:13px; }
.input-with-suffix { position:relative; }
.input-with-suffix input { padding-right:64px; }
.input-with-suffix span { position:absolute; top:50%; right:17px; color:#776e76; font-size:13px; font-weight:700; transform:translateY(-50%); }
.location-form { display:grid; width:min(100%,520px); gap:8px; margin:0 auto; }
.location-form label { margin-top:7px; color:var(--ink); font-size:13px; font-weight:800; }
.location-form input { min-height:58px; padding:13px 16px; border:1px solid #cfc4ca; border-radius:13px; outline:none; background:var(--paper); font-size:16px; }
.location-form input:focus { border-color:var(--plum); box-shadow:0 0 0 3px rgba(91,61,82,.1); }
.location-form > p { min-height:18px; margin:2px 0 0; color:#9b3d45; font-size:12px; }
.location-form .primary-button { margin-top:5px; }
.location-context { max-width:600px; margin:20px auto 0 !important; padding:12px 15px; border-radius:12px; color:#5f5660; background:#eee7e2; font-size:13px; }

.option-grid { display: grid; width: min(100%, 640px); gap: 11px; margin: 0 auto; }
.option { position: relative; display: flex; width: 100%; min-height: 60px; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: rgba(255,253,249,.82); box-shadow: 0 4px 14px rgba(48,34,43,.025); font-size: 15px; font-weight: 600; line-height: 1.35; text-align: left; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease; }
.option:hover, .option:focus-visible { border-color: #bba9b4; background: var(--paper); box-shadow: 0 8px 22px rgba(48,34,43,.07); transform: translateY(-1px); }
.option > i { display: grid; width: 23px; height: 23px; flex: 0 0 23px; place-items: center; border: 1px solid #c9bfc5; border-radius: 50%; color: #fff; font-size: 12px; font-style: normal; }
.option.selected { border-color: var(--plum); background: #f5ecf0; box-shadow: 0 8px 24px rgba(91,61,82,.09); }
.option.selected > i { border-color: var(--plum); background: var(--plum); }
.option.choice-confirmed,.age-card.choice-confirmed,.feature-card.choice-confirmed,.silhouette-card.choice-confirmed { border-color:var(--plum); background:#f1e7eb; transform:scale(.985); }
.option:not(.selected):not([data-multi-value]) > i::after { content: "›"; color: #877c84; font-size: 18px; line-height: 1; }
.multi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.selection-counter { display: block; width: fit-content; margin: -16px auto 20px; padding: 5px 10px; border-radius: 999px; color: var(--plum); background: #eadfe4; font-size: 11px; font-weight: 800; }

.style-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.style-card { position: relative; min-width: 0; overflow: hidden; padding: 0 0 14px; border: 1px solid var(--line); border-radius: 17px; color: var(--ink); background: var(--paper); text-align: left; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.style-card:hover, .style-card:focus-visible { transform: translateY(-2px); box-shadow: var(--shadow); }
.style-card.selected { border: 2px solid var(--plum); box-shadow: 0 10px 28px rgba(91,61,82,.13); }
.style-card strong, .style-card small { display: block; margin: 0 14px; }
.style-card strong { margin-top: 12px; font-family: "Fraunces", Georgia, serif; font-size: 20px; }
.style-card small { min-height: 34px; margin-top: 4px; color: #716a72; font-size: 11px; line-height: 1.4; }
.style-card > em { position: absolute; top: 10px; right: 10px; display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: var(--plum); background: rgba(255,253,249,.9); box-shadow: 0 3px 10px rgba(0,0,0,.1); font-style: normal; font-weight: 800; }
.style-card.selected > em { color: #fff; background: var(--plum); }
.style-photo { position:relative; display:grid; width:100%; aspect-ratio:4/5; place-items:end start; overflow:hidden; padding:10px; background:linear-gradient(145deg,#d5c9c3,#9d808a); isolation:isolate; }
.style-photo::before,.style-photo::after { position:absolute; z-index:-1; content:""; }
.style-photo::before { top:14%; left:50%; width:38%; height:72%; border-radius:48% 48% 12% 12%; background:linear-gradient(#b78670 0 22%,#40333d 23% 100%); transform:translateX(-50%); box-shadow:-44px 31px 0 -17px rgba(255,255,255,.3),45px 23px 0 -18px rgba(42,32,39,.28); }
.style-photo::after { inset:0; background:linear-gradient(20deg,rgba(36,31,42,.42),transparent 55%); }
.style-photo > span { padding:4px 6px; border-radius:4px; color:rgba(255,255,255,.78); background:rgba(36,31,42,.34); font-size:7px; font-weight:800; letter-spacing:.08em; }
.style-photo.minimal{background:linear-gradient(145deg,#e1ddd6,#aaa49c)}.style-photo.minimal::before{background:linear-gradient(#c38f73 0 22%,#eee9df 23% 67%,#4a4648 68%)}
.style-photo.casual{background:linear-gradient(145deg,#c1cdd0,#7c929a)}.style-photo.casual::before{background:linear-gradient(#b47c65 0 22%,#e9e5dd 23% 60%,#4f7084 61%)}
.style-photo.elegant{background:linear-gradient(145deg,#c6aeb4,#6b4c5b)}.style-photo.elegant::before{background:linear-gradient(#bc826a 0 22%,#382832 23%)}
.style-photo.classic{background:linear-gradient(145deg,#d5c5aa,#8c7558)}.style-photo.classic::before{background:linear-gradient(#c28d72 0 22%,#eee4d3 23% 50%,#6e533e 51%)}
.style-photo.romantic{background:linear-gradient(145deg,#e5c4c8,#b57b89)}.style-photo.romantic::before{background:linear-gradient(#c68d75 0 22%,#f1dadd 23%)}
.style-photo.urban{background:linear-gradient(145deg,#aaa9ad,#55555b)}.style-photo.urban::before{background:linear-gradient(#a9705e 0 22%,#29282d 23% 64%,#657483 65%)}
.style-photo.sexy{background:linear-gradient(145deg,#a96f77,#542d3a)}.style-photo.sexy::before{background:linear-gradient(#c48b73 0 22%,#401f2b 23%)}
.style-photo.sport{background:linear-gradient(145deg,#c3cdbd,#75866e)}.style-photo.sport::before{background:linear-gradient(#b77d67 0 22%,#e6ece2 23% 57%,#51644f 58%)}
.style-photo.boho{background:linear-gradient(145deg,#d5b08e,#9a6845)}.style-photo.boho::before{background:linear-gradient(#bd8166 0 22%,#ead9bc 23%)}
.style-photo.modern{background:linear-gradient(145deg,#bbc0c6,#777c86)}.style-photo.modern::before{background:linear-gradient(#b97f68 0 22%,#43384c 23% 55%,#d7c07c 56%)}
.style-visual { position: relative; display: block; height: 132px; overflow: hidden; background: #d7cdc7; }
.style-visual::before, .style-visual::after, .style-visual i, .style-visual b { position: absolute; display: block; content: ""; }
.style-visual::before { inset: 0; background: linear-gradient(145deg, rgba(255,255,255,.28), transparent); }
.style-visual i { right: 18%; bottom: 0; width: 42%; height: 82%; border-radius: 42% 42% 7% 7%; background: rgba(47,38,45,.82); }
.style-visual b { bottom: 8%; left: 13%; width: 38%; height: 34%; border: 6px solid rgba(255,255,255,.65); border-radius: 5px; transform: rotate(-8deg); }
.style-visual.casual { background: #b8c5c9; }.style-visual.casual i { background: #566b76; }.style-visual.casual b { border-color: #f1ede4; }
.style-visual.minimal { background: #d7d2ca; }.style-visual.minimal i { right: 28%; width: 30%; border-radius: 2px; background: #efe9df; box-shadow: 18px 14px 0 #3f3a3d; }.style-visual.minimal b { display: none; }
.style-visual.elegant { background: #b89da3; }.style-visual.elegant i { background: #382832; clip-path: polygon(22% 0,78% 0,100% 100%,0 100%); }.style-visual.elegant b { border-color: #d5b675; border-radius: 50%; }
.style-visual.classic { background: #c4b49e; }.style-visual.classic i { width: 48%; background: #6e533e; }.style-visual.classic b { border-color: #f2e6d5; }
.style-visual.romantic { background: #dfb7bc; }.style-visual.romantic i { background: #f4e1df; clip-path: polygon(25% 0,75% 0,100% 100%,0 100%); }.style-visual.romantic b { border-color: #9b5e70; border-radius: 50%; }
.style-visual.urban { background: #7b7b80; }.style-visual.urban i { background: #27262b; }.style-visual.urban b { border-color: #d8b47b; }
.style-visual.sexy { background: #8f5760; }.style-visual.sexy i { background: #3c1f29; clip-path: polygon(30% 0,70% 0,100% 100%,0 100%); }.style-visual.sexy b { border-color: #d9b9ae; }
.style-visual.sport { background: #a8b6a0; }.style-visual.sport i { background: #e8ece2; box-shadow: 14px 12px 0 #50634e; }.style-visual.sport b { border-color: #38453a; border-radius: 50%; }
.style-visual.boho { background: #c89a73; }.style-visual.boho i { width: 52%; background: #eee0c7; clip-path: polygon(30% 0,70% 0,100% 100%,0 100%); }.style-visual.boho b { border-color: #80583c; border-radius: 50%; }
.style-visual.modern { background: #9ea2a9; }.style-visual.modern i { width: 50%; background: #42384a; clip-path: polygon(0 10%,78% 0,100% 100%,15% 88%); }.style-visual.modern b { border-color: #e1c680; }

.color-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px 8px; }
.color-card { min-width: 0; padding: 0; border: 0; color: var(--ink); background: transparent; font-size: 12px; cursor: pointer; }
.color-card strong { display: block; margin-top: 5px; }
.color-swatch { display: grid; width: 100%; min-height:54px; aspect-ratio: 1.5; place-items: center; border: 1px solid rgba(40,30,38,.12); border-radius: 12px; background: var(--swatch); box-shadow: inset 0 1px 1px rgba(255,255,255,.3), 0 5px 14px rgba(45,34,42,.07); transition: transform .18s ease, box-shadow .18s ease; }
.color-card:hover .color-swatch { transform: translateY(-2px); box-shadow: 0 9px 18px rgba(45,34,42,.12); }
.color-card.selected .color-swatch { outline: 3px solid var(--cream); box-shadow: 0 0 0 2px var(--plum), 0 10px 20px rgba(45,34,42,.13); }
.color-swatch.pattern { background: repeating-linear-gradient(135deg, #d8b6a9 0 14px, #315985 14px 28px, #f0e8d9 28px 42px, #6b4657 42px 56px); }
.color-swatch i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; font-style: normal; font-weight: 800; }
.color-swatch i.light { color: #fff; background: rgba(0,0,0,.18); }.color-swatch i.dark { color: var(--ink); background: rgba(255,255,255,.48); }

.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.feature-card { min-width: 0; padding: 12px 8px 13px; border: 1px solid var(--line); border-radius: 16px; color: var(--ink); background: var(--paper); cursor: pointer; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.feature-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(48,34,43,.08); }
.feature-card.selected { border: 2px solid var(--plum); background: #f6edf1; }
.feature-swatch { position: relative; display: grid; width: 84px; height: 84px; place-items: center; margin: 0 auto 9px; overflow: hidden; border: 4px solid #f1ebe5; border-radius: 50%; background: var(--feature); box-shadow: 0 4px 12px rgba(40,30,38,.12); }
.feature-card strong { display: block; font-size: 12px; line-height: 1.25; }
.eyes-grid .feature-swatch { background: #eee6dd; }
.eyes-grid .feature-swatch::before, .eyes-grid .feature-swatch::after { position: absolute; content: ""; }
.eyes-grid .feature-swatch::before { width: 58px; height: 31px; border-radius: 70% 15% 70% 15%; background: #fff; transform: rotate(45deg); }
.eyes-grid .feature-swatch::after { width: 30px; height: 30px; border: 7px double var(--feature); border-radius: 50%; background:radial-gradient(circle,#111 0 18%,var(--feature) 20% 52%,#e5e0d8 55%); box-shadow:0 0 0 2px rgba(50,35,42,.14); }
.hair-grid .feature-swatch { border-radius: 50% 50% 42% 42%; background: #e6d3c5; }
.hair-shape { position: absolute; top: 4px; width: 62px; height: 67px; border-radius: 48% 48% 35% 35%; background: var(--feature); clip-path: polygon(0 0,100% 0,94% 100%,72% 70%,62% 100%,42% 68%,25% 100%,8% 66%); }
.skin-texture { position:absolute; inset:0; background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.25) 0 1px,transparent 2px),linear-gradient(135deg,rgba(255,255,255,.18),transparent 55%,rgba(70,35,26,.1)); background-size:11px 11px,auto; }
.hair-lock { position:absolute; inset:-5px 7px; border-radius:48% 48% 38% 38%; background:repeating-linear-gradient(78deg,var(--feature) 0 5px,color-mix(in srgb,var(--feature),#fff 14%) 6px 8px,var(--feature) 9px 12px); clip-path:polygon(0 0,100% 0,92% 100%,72% 75%,61% 100%,43% 70%,24% 100%,7% 66%); }

.interlude, .processing-screen, .result-screen { max-width: 720px; margin: 2vh auto 0; text-align: center; }
.silhouette-group { display: flex; justify-content: center; align-items: end; gap: 10px; height: 130px; margin: 0 auto 28px; }
.silhouette-group i { display: block; width: 39px; height: 112px; border-radius: 50% 50% 32% 32%; background: linear-gradient(#8b7081, #5b3d52); clip-path: polygon(34% 0,66% 0,72% 15%,90% 43%,76% 64%,81% 100%,19% 100%,25% 63%,9% 43%,28% 15%); opacity: .65; }
.silhouette-group i:nth-child(2) { height: 130px; opacity: 1; }.silhouette-group i:nth-child(3) { height: 104px; opacity: .45; }

.range-card { width: min(100%, 550px); margin: 0 auto; padding: 34px 28px 26px; border: 1px solid var(--line); border-radius: 20px; background: var(--paper); box-shadow: var(--shadow); }
.range-card output { display: block; margin-bottom: 26px; color: var(--plum); font-family: "Fraunces", Georgia, serif; font-size: 58px; font-weight: 600; line-height: 1; }
.range-card output small { margin-left: 6px; font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 700; }
.range-card input { width: 100%; height: 5px; accent-color: var(--plum); cursor: pointer; }
.range-labels { display: flex; justify-content: space-between; margin-top: 10px; color: #89818a; font-size: 11px; }

.silhouette-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.silhouette-card { min-width: 0; padding: 16px 10px; border: 1px solid var(--line); border-radius: 17px; color: var(--ink); background: var(--paper); cursor: pointer; transition:.2s ease; }
.silhouette-card.selected { border: 2px solid var(--plum); background: #f5edf1; }
.silhouette-card strong { display: block; margin-top: 10px; font-size: 12px; line-height: 1.3; }
.body-shape { display: block; width: 52px; height: 108px; margin: auto; background: #8c7484; clip-path: polygon(34% 0,66% 0,72% 16%,88% 40%,73% 63%,80% 100%,20% 100%,27% 63%,12% 40%,28% 16%); }
.body-shape.top { clip-path: polygon(34% 0,66% 0,72% 16%,100% 38%,68% 62%,76% 100%,24% 100%,32% 62%,0 38%,28% 16%); }
.body-shape.bottom { clip-path: polygon(34% 0,66% 0,72% 16%,81% 40%,100% 76%,82% 100%,18% 100%,0 76%,19% 40%,28% 16%); }
.body-shape.unsure { opacity: .38; }
.body-shape.unsure::after { display: grid; width: 52px; height: 108px; place-items: center; color: #fff; content: "?"; font-size: 28px; font-weight: 700; }
.body-shape.marked { clip-path:polygon(34% 0,66% 0,72% 16%,91% 40%,63% 57%,84% 100%,16% 100%,37% 57%,9% 40%,28% 16%); }
.body-shape.soft { clip-path:polygon(34% 0,66% 0,72% 16%,88% 40%,72% 59%,80% 100%,20% 100%,28% 59%,12% 40%,28% 16%); }
.body-shape.straight { clip-path:polygon(34% 0,66% 0,72% 16%,82% 40%,78% 100%,22% 100%,18% 40%,28% 16%); }
.human-reference { position:relative; display:block; width:92px; height:172px; margin:0 auto; overflow:hidden; border-radius:46px 46px 20px 20px; background:linear-gradient(#e2d4cc,#c5aea9); }
.human-reference i { position:absolute; display:block; left:50%; background:#8c687b; transform:translateX(-50%); }
.human-reference .head { top:10px; width:31px; height:34px; border-radius:50%; background:#b77f69; box-shadow:0 -5px 0 2px #594049; }
.human-reference .torso { top:46px; width:54px; height:78px; border-radius:45% 45% 30% 30%; clip-path:polygon(24% 0,76% 0,100% 36%,76% 100%,24% 100%,0 36%); }
.human-reference .legs { bottom:5px; width:44px; height:56px; background:linear-gradient(90deg,#4e4149 0 44%,transparent 45% 55%,#4e4149 56%); }
.human-reference.top .torso { width:70px; clip-path:polygon(14% 0,86% 0,100% 30%,66% 100%,34% 100%,0 30%); }
.human-reference.bottom .torso { width:72px; clip-path:polygon(34% 0,66% 0,80% 38%,100% 100%,0 100%,20% 38%); }
.human-reference.marked .torso { width:72px; clip-path:polygon(24% 0,76% 0,100% 33%,64% 58%,87% 100%,13% 100%,36% 58%,0 33%); }
.human-reference.soft .torso { width:66px; clip-path:polygon(26% 0,74% 0,94% 34%,72% 62%,86% 100%,14% 100%,28% 62%,6% 34%); }
.human-reference.straight .torso { width:55px; border-radius:24% 24% 12% 12%; clip-path:none; }
.human-reference.unsure { opacity:.62; filter:grayscale(.4); }.human-reference b { position:absolute; z-index:2; inset:0; display:grid; place-items:center; color:#fff; font-size:34px; text-shadow:0 1px 8px rgba(0,0,0,.35); }

.insight-screen { max-width:760px; margin:2vh auto 0; text-align:center; }
.insight-screen > p { max-width:600px; margin:0 auto; color:var(--ink-soft); line-height:1.6; }
.insight-icon { display:grid; width:62px; height:62px; margin:0 auto 24px; place-items:center; border:1px solid #cdb9c4; border-radius:50%; color:var(--plum); background:#f1e7eb; font-size:24px; }
.insight-style-row { display:flex; max-width:620px; justify-content:center; gap:11px; margin:28px auto 0; }
.insight-style-row article { width:170px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--paper); }
.insight-style-row .style-photo { aspect-ratio:4/3; }
.insight-style-row strong { display:block; padding:10px; font-family:"Fraunces",serif; }
.answer-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; max-width:620px; margin:28px auto 0; }
.answer-summary > span { padding:14px; border:1px solid var(--line); border-radius:13px; background:var(--paper); font-weight:700; }
.answer-summary > .wide { grid-column:1/-1; }
.answer-summary small { display:block; margin-bottom:5px; color:#857c83; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.answer-chip { display:inline-flex; margin:3px; padding:6px 10px; border:1px solid #d9c8d0; border-radius:999px; color:var(--plum); background:#f1e7eb; font-size:11px; font-style:normal; font-weight:700; }

.text-button { margin-top: 14px; padding: 9px 16px; border: 0; color: var(--plum); background: transparent; font-weight: 700; text-decoration: underline; cursor: pointer; }

.processing-orbit { position: relative; display: grid; width: 110px; height: 110px; place-items: center; margin: 0 auto 30px; border: 1px solid #cbbac3; border-radius: 50%; }
.processing-orbit::before { position: absolute; inset: 10px; border: 1px dashed var(--rose); border-radius: 50%; content: ""; animation: rotate 12s linear infinite; }
.processing-orbit i, .processing-orbit b { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--plum); animation: orbit 2.4s linear infinite; }
.processing-orbit b { animation-delay: -1.2s; background: var(--rose); }
.processing-orbit span { font-family: "Fraunces", Georgia, serif; font-size: 22px; font-weight: 700; }
@keyframes rotate { to { transform: rotate(360deg); } }
@keyframes orbit { from { transform: rotate(0deg) translateX(55px) rotate(0deg); } to { transform: rotate(360deg) translateX(55px) rotate(-360deg); } }
.processing-list { display: grid; width: min(100%, 520px); gap: 9px; margin: 28px auto 0; text-align: left; }
.processing-chips { max-width:600px; margin:0 auto 20px; text-align:center; }
.processing-item { display: flex; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 12px; color: #8a8189; background: rgba(255,253,249,.55); transition: color .24s ease, border-color .24s ease, background .24s ease; }
.processing-item i { display: grid; width: 22px; height: 22px; flex: 0 0 22px; place-items: center; border: 1px solid #c9bdc4; border-radius: 50%; font-style: normal; }
.processing-item.complete { border-color: #b7c3ae; color: #40513c; background: #f0f3ec; }
.processing-item.complete i { border-color: #718267; color: #fff; background: #718267; }
.processing-item.complete i::after { content: "✓"; font-size: 11px; font-weight: 800; }

.result-check { display: grid; width: 70px; height: 70px; place-items: center; margin: 0 auto 24px; border-radius: 50%; color: #fff; background: var(--plum); box-shadow: 0 12px 28px rgba(91,61,82,.22); font-size: 29px; }
.result-summary { width: min(100%, 500px); margin: 25px auto; padding: 16px; border: 1px solid #d8c7cf; border-radius: 15px; background: #f1e7eb; }
.result-summary small, .result-summary strong { display: block; }.result-summary small { margin-bottom: 5px; color: #756a72; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.result-summary strong { color: var(--plum); font-family: "Fraunces", Georgia, serif; font-size: 22px; }
.locked-grid { display: grid; width: min(100%, 600px); gap: 9px; margin: 0 auto; }
.locked-grid article { display: flex; min-height: 56px; align-items: center; justify-content: space-between; padding: 14px 17px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,253,249,.8); font-weight: 700; text-align: left; }
.locked-grid i { filter: grayscale(1); font-style: normal; opacity: .58; }
.result-button { margin-top: 24px; }
.placeholder-note { display: block; margin-top: 12px; color: #827982; opacity: 0; transition: opacity .2s ease; }.placeholder-note.visible { opacity: 1; }
.result-v2 { max-width:860px; }
.result-v2 > h1 { max-width:800px; }
.personal-summary { max-width:700px; margin:24px auto; padding:22px; border-left:3px solid var(--rose); border-radius:0 14px 14px 0; background:#f1e7eb; text-align:left; }
.personal-summary p { margin:0; color:#4f4650; line-height:1.65; }
.style-direction { max-width:720px; margin:28px auto; padding:30px; border:1px solid #d2c0c9; border-radius:20px; background:linear-gradient(145deg,#fffdf9,#eee2e7); box-shadow:var(--shadow); }
.style-direction > small { color:#81747c; font-weight:800; letter-spacing:.12em; }
.style-direction h2 { margin:10px 0 12px; color:var(--plum); font-family:"Fraunces",serif; font-size:clamp(34px,6vw,52px); line-height:1; }
.style-direction h2 span { color:var(--rose); }
.style-direction p { margin:0 auto; max-width:620px; color:var(--ink-soft); line-height:1.55; }
.direction-meta { margin-top:16px; }
.detected { max-width:700px; margin:34px auto; text-align:left; }
.detected h2,.preview-section h2 { font-family:"Fraunces",serif; font-size:28px; text-align:center; }
.detected p { display:flex; gap:11px; margin:9px 0; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--paper); line-height:1.4; }
.detected p span { color:#718267; font-weight:900; }
.preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.preview-card { position:relative; min-height:145px; overflow:hidden; padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--paper); text-align:left; }
.preview-card:first-child { grid-column:1/-1; }
.preview-card small { display:block; margin-bottom:5px; color:#8a8087; font-size:9px; font-weight:800; letter-spacing:.1em; }
.preview-card strong { font-family:"Fraunces",serif; font-size:20px; }
.preview-lock { position:absolute; top:14px; right:14px; filter:grayscale(1); opacity:.62; }
.blur-swatches,.mini-shapes,.outfit-lines,.capsule-rail { display:flex; align-items:flex-end; gap:8px; height:66px; margin-top:14px; filter:blur(2px); opacity:.7; }
.blur-swatches i { width:62px; height:62px; border-radius:50%; background:#c09a7d; }.blur-swatches i:nth-child(2){background:#6a4b3c}.blur-swatches i:nth-child(3){background:#d6b98f}
.mini-shapes i { width:28px; height:58px; background:#8c7484; clip-path:polygon(34% 0,66% 0,72% 16%,88% 40%,73% 63%,80% 100%,20% 100%,27% 63%,12% 40%,28% 16%); }
.outfit-lines i,.capsule-rail i { width:42px; height:58px; border-radius:18px 18px 4px 4px; background:#80747c; }.outfit-lines i:nth-child(2){height:45px;background:#b8a899}.outfit-lines i:nth-child(3){height:52px;background:#58414d}
.check-lines { margin-top:14px; color:#9a8e96; line-height:1.8; filter:blur(1px); }
.capsule-rail { align-items:flex-start; border-top:2px solid #9b8e96; }.capsule-rail i{height:50px;border-radius:3px;background:#c5b49e}

noscript { display: block; padding: 20px; color: #fff; background: #792f38; text-align: center; }

@media (min-width: 720px) {
  .page-shell { padding-right: 36px; padding-left: 36px; }
  .style-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .style-visual { height: 155px; }
  .color-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .silhouette-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .option-grid:not(.multi-grid) { width: min(100%, 650px); }
}

@media (max-width: 560px) {
  .page-shell { padding-right: 16px; padding-left: 16px; }
  .site-header { min-height: 40px; }
  .back-label { display: none; }
  .wordmark { font-size: 12px; }
  .quiz-shell { margin-top: 24px; }
  .progress-wrap { margin-bottom: 28px; }
  h1 { font-size: clamp(32px, 10.5vw, 43px); }
  .start-screen { margin-top: 1vh; }
  .start-screen h1 { font-size: clamp(39px, 12vw, 50px); }
  .start-screen > p { font-size: 16px; }
  .editorial-mark { margin-bottom: 26px; }
  .question-heading { margin-bottom: 24px; }
  .question-heading h1 { font-size: clamp(29px, 9vw, 38px); }
  .question-heading p { font-size: 14px; }
  .multi-grid { grid-template-columns: 1fr; }
  .age-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .age-card:last-child { grid-column:1/-1; width:50%; justify-self:center; }
  .age-text-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .editorial-person { height:130px; }
  .option { min-height: 58px; padding: 14px 15px; font-size: 14px; }
  .style-card strong { font-size: 18px; }
  .style-card small { display: none; }
  .style-visual { height: 115px; }
  .color-grid { gap: 10px 7px; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-swatch { width: 64px; height: 64px; }
  .range-card { padding: 28px 20px 22px; }
  .processing-item { font-size: 13px; }
  .insight-style-row { overflow-x:auto; justify-content:flex-start; padding-bottom:8px; }
  .insight-style-row article { min-width:145px; }
  .answer-summary { grid-template-columns:1fr 1fr; }
  .answer-summary > span:nth-child(3),.answer-summary > .wide { grid-column:1/-1; }
  .preview-grid { grid-template-columns:1fr; }
  .preview-card:first-child { grid-column:auto; }
  .style-direction { padding:24px 16px; }
}

@media (max-width: 370px) {
  .style-grid { gap: 8px; }
  .style-visual { height: 100px; }
  .style-card strong { margin-right: 10px; margin-left: 10px; font-size: 16px; }
  .color-card strong { font-size: 11px; }
  .color-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
/* Commercial continuation: independent from the quiz layout */
.commercial-mode .quiz-shell{width:100%;max-width:none;margin-top:0}.commercial-mode .page-shell{padding-left:0;padding-right:0}.commercial-mode .site-header{width:min(1180px,calc(100% - 40px));margin:0 auto;padding-top:18px}
.sales-page{width:min(1180px,calc(100% - 40px));margin:0 auto;color:#252126}.sales-page h1,.sales-page h2,.sales-page h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}.sales-page h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;margin:.4rem 0 1rem}.sales-page p{line-height:1.7}.sales-kicker{display:block;color:#8e6254;font-size:.72rem;font-weight:800;letter-spacing:.16em;margin-bottom:1rem}.sales-hero{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(30px,7vw,90px);padding:65px 0 90px}.sales-hero h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.98;margin:0 0 24px;max-width:800px}.sales-hero h1 em{color:#8e6254;font-weight:400}.sales-hero p{font-size:1.14rem;max-width:640px;margin:0 0 30px;color:#625a5c}.sales-section{padding:105px 0;border-top:1px solid #e5ddd5}.section-lead{max-width:620px;margin:0 auto 40px;color:#655d5f}.product-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.product-section>div:last-child{max-width:600px}.guide-mockup{position:relative;height:480px;max-width:430px;margin:auto}.guide-page{position:absolute;width:270px;height:390px;border-radius:3px;box-shadow:0 25px 60px #392a2630;padding:35px;display:flex;flex-direction:column}.guide-page.front{right:25px;top:25px;background:linear-gradient(145deg,#7d4e43,#b98270);color:#fff;z-index:2}.guide-page.front small{letter-spacing:.18em}.guide-page.front strong{font:3rem/1 Georgia,serif;margin:auto 0 12px}.guide-page.front>span{font-size:.9rem}.guide-page.front em{margin-top:auto;font-style:normal;font-size:.65rem;letter-spacing:.18em}.cover-line{height:1px;background:#ffffff88;margin:22px 0}.guide-page.back{left:20px;top:65px;background:#f7f0e8;color:#6b5048;transform:rotate(-7deg)}.guide-page.back span{font:1.6rem Georgia,serif}.mock-swatches{display:flex;gap:8px;margin-top:auto}.mock-swatches i,.large-swatches i{display:block;flex:1;aspect-ratio:1;border-radius:50%;background:#322a2a}.mock-swatches i:nth-child(2),.large-swatches i:nth-child(2){background:#9b6d5b}.mock-swatches i:nth-child(3),.large-swatches i:nth-child(3){background:#d9bb9d}.mock-swatches i:nth-child(4),.large-swatches i:nth-child(4){background:#9c8d76}.benefit-list,.plan-card ul{list-style:none;padding:0;margin:28px 0}.benefit-list li,.plan-card li{display:flex;gap:12px;padding:8px 0}.benefit-list span,.plan-card li span{color:#9b6a59;font-weight:800}.chapters-section,.steps-section,.pricing-section,.bonus-section,.faq-section,.proof-section{text-align:center}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px;text-align:left}.chapter-grid article{background:#f6f0e9;padding:28px;min-height:230px}.chapter-grid article:first-child{grid-column:span 2;background:#81574b;color:#fff}.chapter-grid article span{font-size:.72rem;letter-spacing:.14em}.chapter-grid h3{font-size:1.45rem;margin:42px 0 8px}.chapter-grid p{font-size:.92rem;margin:0;color:inherit;opacity:.8}.proof-section{padding-top:80px;padding-bottom:80px}.proof-pending{max-width:640px;margin:18px auto 0;padding:20px;border:1px dashed #cdbfb4;color:#756b6d}.step-grid,.plan-grid,.bonus-grid,.objection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.step-grid article{padding:35px;border:1px solid #ddd4cc}.step-grid b{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 24px;border-radius:50%;background:#81574b;color:#fff}.step-grid h3,.bonus-grid h3{font-size:1.5rem}.experience-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.editorial-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.editorial-preview article{min-height:210px;padding:25px;background:#f2e9df}.editorial-preview article:last-child{grid-column:span 2;background:#4a4141;color:#fff}.editorial-preview small{font-weight:800;letter-spacing:.15em}.large-swatches{display:flex;gap:10px;margin-top:75px}.look-formulas{height:125px;display:flex;justify-content:space-around;align-items:flex-end}.look-formulas span{width:24%;height:90%;background:linear-gradient(#8f6d61 0 35%,#312c2d 35%);border-radius:40% 40% 4px 4px}.look-formulas span:nth-child(2){height:75%;background:linear-gradient(#d4c2ae 0 35%,#74564c 35%)}.look-formulas span:nth-child(3){height:85%;background:linear-gradient(#40393a 0 35%,#ab8b73 35%)}.plan-grid{align-items:stretch}.plan-card{position:relative;text-align:left;border:1px solid #d8cec5;padding:34px;display:flex;flex-direction:column;background:#fff}.plan-card.featured{background:#4b4141;color:#fff;transform:translateY(-12px);box-shadow:0 25px 55px #352b2924}.plan-card h3{font-size:1.75rem;margin:12px 0}.plan-card>p{min-height:76px}.plan-price{font:2.2rem Georgia,serif;margin:10px 0}.plan-card ul{flex:1}.popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#b47c67;color:#fff;padding:7px 15px;font-size:.65rem;font-weight:800;letter-spacing:.13em}.checkout-status{display:none;text-align:center;margin-top:12px}.checkout-status.visible{display:block}.bonus-grid{grid-template-columns:repeat(2,1fr);max-width:800px;margin-left:auto;margin-right:auto;text-align:left}.bonus-grid article{padding:34px;background:#f6f0e9}.bonus-grid span{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#8e6254}.guarantee-section{display:flex;align-items:center;justify-content:center;gap:45px;background:#ede3d8;padding-left:40px;padding-right:40px}.guarantee-section>div:last-child{max-width:650px}.guarantee-seal{flex:0 0 145px;aspect-ratio:1;border:1px solid #9d7769;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#81574b}.guarantee-seal strong{font:3rem Georgia,serif}.guarantee-seal span{font-size:.7rem;letter-spacing:.15em}.objections-section{text-align:center}.objection-grid{text-align:left}.objection-grid p{padding:28px;border-left:3px solid #a97866;background:#faf7f3}.faq-list{max-width:820px;margin:42px auto 0;text-align:left}.faq-list details{border-top:1px solid #d8cec5}.faq-list details:last-child{border-bottom:1px solid #d8cec5}.faq-list summary{cursor:pointer;list-style:none;padding:23px 4px;font-weight:750;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list summary span{transition:.2s}.faq-list details p{padding:0 30px 24px 4px;margin:0;color:#6e6567}.sales-final{text-align:center;padding:120px max(20px,6vw);margin:0 0 60px;background:#352f30;color:#fff}.sales-final h2{font-size:clamp(2.2rem,5vw,4.5rem);max-width:900px;margin:0 auto 25px}.sales-final p{max-width:680px;margin:0 auto 30px;color:#ddd3d1}.style-photo.asset-fallback{aspect-ratio:auto!important;min-height:0!important;height:auto!important;padding:10px 8px!important;background:#eee7df!important;display:grid!important;place-items:center;color:#705f5b;font-size:.68rem;font-weight:800;letter-spacing:.08em}.style-photo.asset-loaded{display:block}.style-photo.asset-loaded img{display:block;width:100%;height:100%;object-fit:cover}.style-card .style-photo.asset-fallback+strong{margin-top:10px}
@media(max-width:900px){.sales-hero,.product-section,.experience-section{grid-template-columns:1fr}.sales-hero{padding-top:50px}.sales-hero>.guide-mockup{order:-1;height:350px;transform:scale(.78);margin-top:-45px;margin-bottom:-40px}.product-section .guide-mockup{height:420px}.chapter-grid{grid-template-columns:repeat(2,1fr)}.chapter-grid article:first-child{grid-column:span 1}.plan-grid,.step-grid,.objection-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.experience-section{gap:35px}}
@media(max-width:600px){.sales-page{width:min(100% - 28px,1180px)}.sales-section{padding:72px 0}.sales-hero{min-height:auto;padding:35px 0 75px}.sales-hero h1{font-size:2.65rem}.guide-mockup{height:350px}.guide-page{width:220px;height:320px;padding:26px}.guide-page.front{right:8px}.guide-page.back{left:5px}.guide-page.front strong{font-size:2.3rem}.chapter-grid,.bonus-grid{grid-template-columns:1fr}.chapter-grid article{min-height:190px}.editorial-preview{grid-template-columns:1fr}.editorial-preview article:last-child{grid-column:auto}.guarantee-section{flex-direction:column;text-align:center}.guarantee-seal{flex-basis:130px}.sales-final{padding:80px 20px}.sales-final h2{font-size:2.4rem}}
.plan-installments{display:block;margin-top:-2px;color:inherit;font-size:.78rem;opacity:.72}.pricing-section .plan-card>p{min-height:50px}.pricing-section .plan-price{margin-bottom:8px}.bonus-section .bonus-grid article{display:flex;min-height:150px;flex-direction:column;justify-content:space-between}

/* Estilo Propio commercial experience */
.app-hero-mockup{position:relative;min-height:520px;display:grid;place-items:center}.phone-shell,.mini-phone{position:relative;border:8px solid #30282d;border-radius:38px;background:#30282d;box-shadow:0 28px 65px rgba(50,36,44,.25)}.phone-shell{width:285px;height:540px;transform:rotate(3deg)}.phone-speaker{position:absolute;z-index:2;top:9px;left:50%;width:76px;height:19px;border-radius:0 0 14px 14px;background:#30282d;transform:translateX(-50%)}.phone-screen,.mini-phone-screen{height:100%;overflow:hidden;border-radius:29px;background:linear-gradient(155deg,#f9f4ee,#eaded6);color:#382f34}.phone-screen{padding:56px 24px 22px}.phone-screen>small,.mini-phone-screen>small{font-size:8px;font-weight:800;letter-spacing:.13em;color:#8e6254}.phone-screen>span{display:block;margin-top:42px;font-size:14px}.phone-screen h3{font:2rem/1.05 Georgia,serif;margin:8px 0 28px}.daily-look,.mini-outfits{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:17px;border-radius:18px;background:#fff9}.daily-look i,.mini-outfits i{display:block;width:27%;height:135px;border-radius:42% 42% 5px 5px;background:linear-gradient(#aa7968 0 34%,#342d31 34%)}.daily-look i:nth-child(2),.mini-outfits i:nth-child(2){height:112px;background:linear-gradient(#d6bea4 0 34%,#79584f 34%)}.daily-look i:nth-child(3),.mini-outfits i:nth-child(3){height:125px;background:linear-gradient(#4b4044 0 34%,#b39378 34%)}.phone-screen>p{font-size:12px;text-align:center}.phone-screen nav{position:absolute;right:15px;bottom:15px;left:15px;display:flex;justify-content:space-around;padding:13px 7px;border-radius:15px;background:#fff;font-size:8px}.app-note{position:absolute;right:0;bottom:40px;z-index:3;width:235px;padding:18px;border-radius:16px;background:#5b3d52;color:#fff;box-shadow:0 18px 35px #34262e33}.app-note strong,.app-note span{display:block}.app-note span{margin-top:5px;font-size:12px;opacity:.8}
.locked-offer,.evolution-section{text-align:center}.locked-offer>h2,.evolution-section>h2{max-width:760px;margin-left:auto;margin-right:auto}.locked-offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.locked-offer-card{position:relative;overflow:hidden;min-height:245px;padding:23px;border:1px solid #ded4cb;border-radius:18px;background:#faf6f1;text-align:left}.locked-offer-card:nth-child(1),.locked-offer-card:nth-child(7){grid-column:span 2}.lock-icon{position:absolute;z-index:2;top:16px;right:16px;display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:#fff;box-shadow:0 5px 15px #35282f20}.locked-visual{height:135px;display:flex;align-items:flex-end;gap:8px;margin:-2px -2px 18px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#ddc9ba,#eee4db);filter:blur(1.7px);opacity:.7}.locked-visual i{display:block;flex:1;aspect-ratio:1;border-radius:50%;background:#553f49}.locked-visual i:nth-child(2){background:#a97765}.locked-visual i:nth-child(3){background:#d6b997}.locked-visual i:nth-child(4){background:#8b826e}.locked-visual b{display:block;flex:1;height:80%;border-radius:40% 40% 5px 5px;background:linear-gradient(#a97866 0 35%,#453a3f 35%)}.locked-visual b:nth-child(2){height:65%;background:linear-gradient(#dac5ac 0 35%,#7d5c52 35%)}.locked-visual p{align-self:center;padding:12px;border-radius:13px;background:#fff;font-size:11px}.locked-offer-card h3{font-size:1.25rem;margin:0}.evolution-grid{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;max-width:900px;margin:42px auto 0;text-align:left}.evolution-grid article{padding:34px;border:1px solid #ded4cb;background:#faf6f1}.evolution-grid article.after{background:#544047;color:#fff}.evolution-grid small{display:block;margin-bottom:20px;font-weight:800;letter-spacing:.15em}.evolution-grid p{display:grid;grid-template-columns:110px 1fr;gap:15px;margin:0;padding:12px 0;border-bottom:1px solid currentColor}.evolution-grid p:last-child{border:0}.evolution-grid p span{font-weight:800}.evolution-arrow{font:2rem Georgia,serif;text-align:center}
.testimonial-carousel,.phone-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 22px;scrollbar-width:thin}.testimonial-placeholder{flex:1 0 calc(25% - 12px);min-width:235px;scroll-snap-align:start;padding:28px;border:1px dashed #cbbdb4;border-radius:16px;background:#faf7f3;text-align:left}.testimonial-placeholder>span{font-size:.65rem;font-weight:800;letter-spacing:.12em;color:#8e6254}.testimonial-placeholder p{font:1.25rem/1.4 Georgia,serif}.testimonial-placeholder small{color:#786e70}.app-showcase{text-align:center;overflow:hidden}.phone-carousel{margin-top:35px}.phone-carousel>article{flex:0 0 210px;scroll-snap-align:center}.mini-phone{width:190px;height:390px;margin:0 auto 15px;border-width:6px;border-radius:30px}.mini-phone-screen{padding:38px 17px 18px;border-radius:23px;text-align:left}.mini-phone-screen h4{font:1.45rem/1.05 Georgia,serif;margin:20px 0}.mini-phone-screen .mini-outfits{height:190px;padding:10px}.mini-phone-screen .mini-outfits i{height:125px}.mini-phone-screen .mini-outfits i:nth-child(2){height:105px}.mini-phone-screen .mini-outfits i:nth-child(3){height:115px}.profile-lines{display:grid;gap:12px;margin-top:60px}.profile-lines i{height:42px;border-radius:12px;background:#e0cec0}.profile-lines i:nth-child(2){width:75%;background:#8e6254}.app-swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:55px}.app-swatches i{aspect-ratio:1;border-radius:50%;background:#3c3035}.app-swatches i:nth-child(2){background:#9e715f}.app-swatches i:nth-child(3){background:#d7bc9c}.app-swatches i:nth-child(4){background:#8e8871}.garment-row{display:flex;align-items:flex-end;gap:9px;height:210px}.garment-row i{flex:1;height:75%;border-radius:42% 42% 5px 5px;background:#56454d}.garment-row i:nth-child(2){height:95%;background:#b18876}.garment-row i:nth-child(3){height:65%;background:#d1bda7}.closet-rail{display:flex;gap:8px;margin-top:70px;padding-top:5px;border-top:3px solid #5b3d52}.closet-rail i{flex:1;height:145px;border-radius:5px;background:#a87967}.closet-rail i:nth-child(2){height:120px;background:#4b4044}.closet-rail i:nth-child(3){height:135px;background:#d5bda3}.closet-rail i:nth-child(4){height:105px;background:#7e7469}.chat-bubble{margin-top:30px;padding:14px;border-radius:16px 16px 4px;background:#fff;font-size:11px}.chat-bubble.answer{margin-top:15px;border-radius:16px 16px 16px 4px;background:#5b3d52;color:#fff}
.pricing-section .plan-card{border:1px solid #d8cec5;background:#fff;color:#302a2e;transform:none;box-shadow:none;text-align:center}.pricing-section .plan-card.featured{border:3px solid #8e6254;background:#fff;color:#302a2e;transform:translateY(-10px);box-shadow:0 24px 50px rgba(82,58,69,.16)}.pricing-section .plan-card>p{min-height:auto;margin-bottom:24px}.pricing-section .plan-installments{margin:12px 0 6px;font:700 clamp(1.45rem,2.5vw,2rem)/1.15 Georgia,serif;opacity:1}.plan-total{font-size:.8rem;color:#746a6d}.pricing-section .plan-card .primary-button{width:100%;margin-top:auto}.pricing-section .popular{background:#8e6254}.premium-benefit{margin:24px 0;padding:18px;border:1px solid #d9c2b6;border-radius:12px;background:#f8eee8;text-align:left}.premium-benefit small,.premium-benefit b,.premium-benefit span{display:block}.premium-benefit small{color:#8e6254;font-weight:800;letter-spacing:.11em}.premium-benefit b{margin:8px 0;font-family:Georgia,serif}.premium-benefit span{font-size:.8rem;line-height:1.45}.pricing-note{margin:25px auto 0;font-size:.75rem;color:#7b7173}.bonus-section .bonus-grid article{position:relative}.bonus-section .bonus-grid article>small{align-self:flex-start;padding:5px 9px;border-radius:20px;background:#e8dbd1;color:#75574d;font-size:.65rem;font-weight:800}.raffle-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-right:55px;padding-left:55px;background:#45363d;color:#fff}.raffle-visual{min-height:430px}.raffle-visual img{width:100%;height:430px;object-fit:cover}.caribbean-scene{position:relative;height:430px;overflow:hidden;background:linear-gradient(#8dc9d2 0 50%,#f0dec0 50% 68%,#2ca4a4 68%)}.caribbean-scene i{position:absolute;top:47%;right:12%;width:170px;height:70px;border-radius:50%;background:#f7e9c8}.caribbean-scene b{position:absolute;right:70px;bottom:90px;width:12px;height:150px;background:#72523f;transform:rotate(-9deg)}.caribbean-scene b:before,.caribbean-scene b:after{position:absolute;right:-55px;top:-25px;width:100px;height:35px;border-radius:100%;background:#477b55;content:"";transform:rotate(20deg)}.caribbean-scene b:after{right:-5px;transform:rotate(-32deg)}.raffle-section h2{font-size:clamp(2.3rem,4.5vw,4rem)}.raffle-section .primary-button{margin-left:0}.raffle-section a,.terms-pending{display:block;margin-top:15px;color:#eaded8;font-size:.78rem}.draft-label{display:inline-block;margin-bottom:18px;padding:6px 9px;background:#f2c47b;color:#4b3427;font-size:.65rem;font-weight:900;letter-spacing:.1em}.offer-bar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 20px;background:#4d3444;color:#fff;font-size:.78rem}.offer-bar strong{letter-spacing:.12em}.offer-bar b{font-size:1.1rem}.checkout-status.visible{display:block;margin-top:10px}
@media(max-width:900px){.locked-offer-grid{grid-template-columns:repeat(2,1fr)}.locked-offer-card:nth-child(1),.locked-offer-card:nth-child(7){grid-column:span 1}.testimonial-placeholder{flex-basis:calc(50% - 8px)}.raffle-section{grid-template-columns:1fr;padding:40px}.raffle-visual{min-height:320px}.caribbean-scene{height:320px}}
@media(max-width:600px){.app-hero-mockup{min-height:400px}.phone-shell{width:220px;height:420px;border-width:6px}.phone-screen{padding:45px 18px 17px}.phone-screen h3{font-size:1.55rem}.daily-look i{height:95px}.daily-look i:nth-child(2){height:80px}.daily-look i:nth-child(3){height:90px}.app-note{right:-4px;bottom:18px;width:190px}.locked-offer-grid{grid-template-columns:1fr}.locked-offer-card{min-height:220px}.evolution-grid{grid-template-columns:1fr}.evolution-arrow{transform:rotate(90deg)}.evolution-grid p{grid-template-columns:90px 1fr}.testimonial-placeholder{flex-basis:86%}.phone-carousel{margin-right:-14px;margin-left:-14px;padding-left:14px}.pricing-section .plan-card.featured{transform:none}.raffle-section{padding:28px 20px}.raffle-visual,.caribbean-scene{min-height:260px;height:260px}.offer-bar{flex-wrap:wrap;gap:5px 10px;text-align:center}.offer-bar span{flex-basis:100%}}

/* Quiz journey V5 */
#progress-percent{display:none!important}.progress-meta{justify-content:flex-start}.asset-status{margin:15px auto 0;color:#8a8087;font-size:11px;text-align:center}.quiz-interstitial{max-width:760px;margin:1vh auto 0;text-align:center}.quiz-interstitial h1{font-size:clamp(34px,6vw,56px);line-height:1.04}.quiz-interstitial>p{max-width:620px;margin:15px auto;color:var(--ink-soft);line-height:1.6}.quiz-interstitial>strong{display:block;max-width:590px;margin:22px auto;font-family:"Fraunces",Georgia,serif;font-size:18px;line-height:1.45}.women-collage{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;height:175px;align-items:end;margin:0 auto 30px;padding:15px;border-radius:20px;background:linear-gradient(135deg,#eadbd2,#f8f1e8)}.women-collage>i{position:relative;display:block;height:80%;overflow:hidden;border-radius:55px 55px 12px 12px;background:#6a4a5b}.women-collage>i:nth-child(2n){height:100%;background:#b77f69}.women-collage>i:nth-child(3n){height:70%;background:#7e846e}.women-collage>i:nth-child(4n){height:90%;background:#d0ac91}.women-collage b{position:absolute;top:10px;left:50%;width:35px;height:42px;border-radius:50%;background:#b87960;box-shadow:0 -8px 0 3px #49363d;transform:translateX(-50%)}.women-collage>i:nth-child(2n) b{background:#d6a07f;box-shadow:0 -8px 0 3px #8a604d}.women-collage>i:nth-child(3n) b{background:#86523e;box-shadow:0 -8px 0 3px #2d2529}.journey-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0 40px}.journey-row span{padding:7px 10px;border-radius:20px;background:#eee4e8;color:var(--plum);font-size:11px;font-weight:700}.journey-row i{color:#aa98a3}.phase-track{display:flex;align-items:center;max-width:430px;margin:26px auto 8px}.phase-track i{display:block;width:18px;height:18px;border:2px solid #a99aa3;border-radius:50%;background:#fff}.phase-track i.done{border-color:var(--plum);background:var(--plum)}.phase-track b{display:block;flex:1;height:2px;background:#cfc4ca}.phase-labels{display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;margin:0 auto 35px;color:#756d78;font-size:10px;font-weight:700}.phase-labels span:nth-child(2){text-align:center}.phase-labels span:last-child{text-align:right}.locked-tease{max-width:430px;margin:24px auto;padding:18px;border:1px solid #d5c9cf;border-radius:15px;background:#f7eff2;font-family:"Fraunces",serif}.completion-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:30px auto}.mini-color-story{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:500px;margin:20px auto 35px;padding:24px;border-radius:20px;background:#f3e9e2}.mini-color-story>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-color-story i{display:block;aspect-ratio:1;border-radius:50%;background:#3e3439}.mini-color-story i:nth-child(2){background:#9b6c59}.mini-color-story i:nth-child(3){background:#d3b792}.mini-color-story i:nth-child(4){background:#85816d}.mini-look-row{display:flex;align-items:flex-end;gap:7px}.mini-look-row b{flex:1;height:85%;border-radius:40% 40% 5px 5px;background:linear-gradient(#a87966 0 35%,#40363b 35%)}.mini-look-row b:nth-child(2){height:70%;background:linear-gradient(#d5bda5 0 35%,#74534d 35%)}.mini-look-row b:nth-child(3){height:90%;background:linear-gradient(#5a4b51 0 35%,#a98a73 35%)}.usage-form{max-width:650px;margin:20px auto;text-align:center}.usage-form output{display:block;margin:0 auto 25px;color:var(--plum);font-family:"Fraunces",serif;font-size:48px;font-weight:700}.usage-form input[type="range"]{width:100%;accent-color:var(--plum)}.range-labels{display:flex;justify-content:space-between;margin-top:10px;color:#817780;font-size:11px}.usage-result{margin:24px 0;padding:22px;border-radius:16px;background:#f4ece7;text-align:left}.usage-result p{margin:6px 0;line-height:1.5}.usage-result strong{color:var(--plum);font-size:1.2em}.result-locked-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-locked-grid .preview-card:first-child{grid-column:auto}
@media(max-width:560px){.quiz-interstitial h1{font-size:34px}.women-collage{grid-template-columns:repeat(4,1fr);height:auto}.women-collage>i{height:105px!important}.journey-row{gap:5px;margin-bottom:28px}.journey-row i{display:none}.phase-labels{font-size:8px}.mini-color-story{padding:16px}.age-text-grid .age-card:last-child{grid-column:auto;width:auto}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{padding:8px 4px}.feature-card strong{font-size:10px}.feature-swatch{width:54px;height:54px}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result-locked-grid{grid-template-columns:1fr}}

/* Commercial landing final — dense editorial treatment */
.sales-page-final{--wine:#573846;--rose:#a66f61;--cream:#f8f1e9;--paper:#fffaf5}.sales-page-final .sales-section{padding:78px 0}.sales-hero-final{min-height:760px;padding:42px 0 70px;grid-template-columns:1fr 1fr;gap:45px}.sales-hero-final h1{font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:1.02;margin-bottom:14px}.hero-style-result{font:italic clamp(3.2rem,6.5vw,6.6rem)/.9 Georgia,serif;color:var(--rose);letter-spacing:-.055em}.hero-style-result span{color:var(--wine);font-style:normal}.sales-hero-final>div:first-child>p{max-width:590px;margin:28px 0 10px;font-size:1.05rem}.sales-hero-final>div:first-child>strong{display:block;font:1.25rem Georgia,serif}.sales-hero-final .primary-button{margin-left:0}.offer-hero-visual{position:relative;min-height:630px}.hero-phone{position:absolute;z-index:3;top:28px;left:50%;width:285px;height:555px;overflow:hidden;padding:54px 25px 24px;border:9px solid #30282d;border-radius:42px;background:linear-gradient(155deg,#f9f4ee,#eaded6);box-shadow:0 35px 75px #3e293535;transform:translateX(-50%) rotate(2deg)}.hero-phone h4{font:2rem Georgia,serif;margin:28px 0}.hero-phone .mini-outfits{height:230px}.floating-card{position:absolute;z-index:4;padding:20px;border:1px solid #e4d8d0;border-radius:16px;background:#fffaf5ee;box-shadow:0 18px 45px #4b354124;backdrop-filter:blur(8px)}.floating-card small,.floating-card strong,.floating-card span{display:block}.floating-card small{font-size:.65rem;font-weight:800;letter-spacing:.13em}.profile-float{top:75px;left:0;width:195px}.profile-float strong{font:1.55rem Georgia,serif}.palette-float{right:-15px;bottom:95px;width:210px}.hero-swatches{display:flex;gap:7px;margin:18px 0}.hero-swatches i{flex:1;aspect-ratio:1;border-radius:50%;background:#342a2f}.hero-swatches i:nth-child(2){background:#a97866}.hero-swatches i:nth-child(3){background:#d9bd9d}.hero-swatches i:nth-child(4){background:#86816f}.outfits-float{bottom:8px;left:4px;width:210px}.tiny-looks{display:flex;align-items:flex-end;gap:5px;height:80px;margin-top:10px}.tiny-looks i{flex:1;height:90%;border-radius:45% 45% 4px 4px;background:linear-gradient(#a77865 0 35%,#44373e 35%)}.tiny-looks i:nth-child(2){height:70%;background:linear-gradient(#d9c1a6 0 35%,#78574e 35%)}.tiny-looks i:nth-child(3){height:82%;background:linear-gradient(#4c4146 0 35%,#af8d75 35%)}.outfits-float>b{position:absolute;right:12px;top:12px}.sales-page-final #analysis-preview{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding:0 max(20px,calc((100vw - 1180px)/2));background:#efe3da}.sales-page-final .locked-offer{border:0}.sales-page-final .locked-offer-card{background:#fffaf5}.sales-page-final .evolution-section{padding-right:30px;padding-left:30px;background:var(--wine);color:#fff}.sales-page-final .evolution-section .sales-kicker{color:#d8b5aa}.sales-page-final .evolution-grid article{color:#332a2e}.sales-page-final .evolution-grid .after{background:#fff;color:#3c3035}.sales-page-final .evolution-arrow{color:#fff}.proof-section{overflow:hidden}.proof-avatar{display:grid;width:52px;height:52px;place-items:center;margin-bottom:12px;border-radius:50%;background:linear-gradient(145deg,#d7b7a2,#7b5868);color:#fff}.proof-stars{color:#b47b62;letter-spacing:.12em}.testimonial-placeholder>strong{display:block;margin:12px 0;color:var(--wine);font-family:Georgia,serif}.app-showcase-final{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding-right:max(20px,calc((100vw - 1180px)/2))!important;padding-left:max(20px,calc((100vw - 1180px)/2))!important;background:#eee2d8}.app-stage{position:relative;min-height:650px;margin-top:35px}.app-stage-tablet{position:absolute;z-index:1;top:55px;left:50%;width:min(820px,70vw);height:490px;overflow:hidden;border:12px solid #332b2f;border-radius:24px;background:#faf5ef;box-shadow:0 35px 75px #4b35412f;transform:translateX(-50%)}.tablet-nav{display:flex;justify-content:space-between;padding:18px 25px;background:#513944;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.1em}.tablet-nav span{font-weight:400;letter-spacing:0}.tablet-content{display:grid;grid-template-columns:1.4fr .6fr;gap:25px;padding:40px;text-align:left}.tablet-content h3{font-size:3rem;margin:12px 0 35px}.tablet-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tablet-cards i{height:180px;border-radius:14px;background:linear-gradient(#aa7968 0 35%,#40353a 35%)}.tablet-cards i:nth-child(2){background:linear-gradient(#dac4aa 0 35%,#76554e 35%)}.tablet-cards i:nth-child(3){background:linear-gradient(#4a3e43 0 35%,#ad8c74 35%)}.tablet-content aside{padding:22px;border-radius:16px;background:#eee0d5}.app-stage-phone{position:absolute;z-index:3;width:205px;height:420px;overflow:hidden;padding:42px 17px 17px;border:7px solid #30282d;border-radius:32px;background:linear-gradient(155deg,#f9f4ee,#eaded6);box-shadow:0 28px 55px #382a3233;text-align:left}.app-stage-phone.primary{bottom:8px;left:4%;transform:rotate(-4deg)}.app-stage-phone.secondary{right:5%;bottom:15px;transform:rotate(5deg)}.app-stage-phone h4{font:1.45rem Georgia,serif}.app-stage-phone .mini-outfits{height:210px}.screen-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.screen-tabs span{padding:8px 12px;border-radius:20px;background:#fff;color:#684c59;font-size:.72rem;font-weight:700}.stylist-feature{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;padding-right:60px!important;padding-left:60px!important;background:#493640;color:#fff}.stylist-feature .sales-kicker{color:#d6b4aa}.stylist-copy h2{font-size:clamp(2.7rem,5vw,4.8rem)}.stylist-copy>p{max-width:620px;color:#e7dad7}.prompt-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.prompt-chips span{padding:9px 12px;border:1px solid #ffffff44;border-radius:22px;background:#ffffff10;font-size:.8rem}.stylist-phone{width:310px;height:580px;margin:auto;padding:12px;border-radius:42px;background:#211c1f;box-shadow:0 35px 70px #160f1338}.stylist-screen{position:relative;height:100%;padding:50px 20px 20px;border-radius:32px;background:#f6eee7;color:#372e33}.stylist-screen>small{font-weight:800;letter-spacing:.12em}.stylist-screen .chat-bubble{margin-top:55px}.stylist-screen .chat-bubble.answer{margin-top:18px}.chat-composer{position:absolute;right:18px;bottom:20px;left:18px;padding:13px;border-radius:22px;background:#fff;color:#8a7e83;font-size:.75rem}.chat-composer b{float:right;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--wine);color:#fff}.components-section{text-align:center}.components-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(245px,auto);gap:15px;margin-top:40px;text-align:left}.component-card{position:relative;overflow:hidden;padding:25px;border-radius:17px;background:#f4eae2}.component-card>span{font-size:.68rem;font-weight:800;letter-spacing:.14em}.component-card h3{font-size:1.55rem;margin:12px 0}.component-card p{font-size:.86rem}.component-3,.component-6{grid-column:span 2}.component-6{background:#503b45;color:#fff}.component-swatches,.component-outfits,.component-garments,.component-closet{display:flex;gap:8px;height:110px;margin:18px 0}.component-swatches i{flex:1;align-self:center;aspect-ratio:1;border-radius:50%;background:#392f34}.component-swatches i:nth-child(2){background:#9d705f}.component-swatches i:nth-child(3){background:#d5b895}.component-swatches i:nth-child(4){background:#89816e}.component-swatches i:nth-child(5){background:#6b464d}.component-outfits,.component-garments,.component-closet{align-items:flex-end}.component-outfits i,.component-garments i,.component-closet i{flex:1;height:90%;border-radius:45% 45% 4px 4px;background:linear-gradient(#aa7968 0 35%,#42373c 35%)}.component-outfits i:nth-child(2),.component-garments i:nth-child(2),.component-closet i:nth-child(2){height:70%;background:linear-gradient(#dac3a8 0 35%,#78574f 35%)}.component-chat{display:grid;gap:10px;margin:30px 0}.component-chat span,.component-chat b{width:75%;padding:13px;border-radius:16px;background:#fff;color:#392e34;font-size:.8rem}.component-chat b{justify-self:end;background:#b27b68;color:#fff}.component-lines{display:grid;gap:9px;margin:25px 0}.component-lines i{height:20px;border-radius:10px;background:#d7c2b5}.component-lines i:nth-child(2){width:75%;background:#98695c}.steps-rich .step-grid article{border:0;border-radius:16px;background:#f4eae2;text-align:left}.steps-rich .step-grid article.complete{background:#563d49;color:#fff}.steps-rich .step-grid b{margin:0 0 22px}.steps-rich small{font-size:.65rem;font-weight:800;letter-spacing:.12em}.rich-bonuses .bonus-grid{max-width:none}.rich-bonuses .bonus-grid article{display:grid;grid-template-columns:120px 1fr;gap:20px;min-height:230px;padding:22px}.bonus-cover{display:flex;flex-direction:column;justify-content:space-between;padding:15px;background:linear-gradient(145deg,#724b59,#b27a68);color:#fff;box-shadow:8px 12px 20px #47343d24}.bonus-cover>small{font-size:.6rem;letter-spacing:.12em}.bonus-cover>strong{font:1.15rem Georgia,serif}.bonus-cover>div{display:flex;gap:4px}.bonus-cover i{width:18px;height:18px;border-radius:50%;background:#ead8c5}.bonus-cover i:nth-child(2){background:#a06e5e}.bonus-cover i:nth-child(3){background:#3f3439}.rich-bonuses article>div:last-child{justify-content:center}.rich-bonuses article>div:last-child>span{font-size:.65rem;font-weight:800;letter-spacing:.12em;color:#8e6254}.rich-bonuses article>div:last-child>small{background:none;padding:0}.pricing-section .plan-grid{margin-top:45px}.pricing-section .plan-card{min-height:480px;padding:38px 32px}.pricing-section .plan-card.featured{transform:translateY(-8px)}.plan-duration{font-size:.9rem;font-weight:800;letter-spacing:.12em}.quota-label{display:block;margin-top:35px;font-size:.9rem}.quota-price{display:block;margin:5px 0;font:700 clamp(3.4rem,5vw,5rem)/1 Georgia,serif;color:var(--wine);letter-spacing:-.05em}.plan-total{font-size:.9rem}.premium-benefit{margin:24px 0 18px}.raffle-section{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding-right:max(30px,calc((100vw - 1100px)/2));padding-left:max(30px,calc((100vw - 1100px)/2))}.guarantee-rich{margin-top:0;padding:70px!important;background:#a87363;color:#fff}.guarantee-rich .guarantee-seal{border-color:#fff;color:#fff}.guarantee-rich .sales-kicker{color:#f2d9d0}.objections-rich{text-align:center}.objections-rich>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px;text-align:left}.objections-rich article{padding:26px;border-radius:16px;background:#f3e8e0}.objections-rich article>b{font:2rem Georgia,serif;color:#b17b68}.objections-rich h3{font-size:1.45rem}.sales-final-rich{margin-right:calc(50% - 50vw);margin-bottom:0;margin-left:calc(50% - 50vw);padding:95px max(20px,calc((100vw - 1000px)/2))}.sales-final-rich>small{display:block;margin-top:16px;color:#d8cacb}.sales-final-rich .primary-button{background:#b47d68;border-color:#b47d68}
@media(max-width:900px){.sales-hero-final{grid-template-columns:1fr;padding-top:35px}.offer-hero-visual{min-height:570px}.stylist-feature{grid-template-columns:1fr;padding:55px 30px!important}.components-mosaic{grid-template-columns:repeat(2,1fr)}.objections-rich>div{grid-template-columns:repeat(2,1fr)}.app-stage-tablet{width:90vw}.app-stage-phone.primary{left:0}.app-stage-phone.secondary{right:0}}
@media(max-width:600px){.sales-page-final .sales-section{padding:58px 0}.sales-hero-final{min-height:auto;padding-bottom:45px}.sales-hero-final h1{font-size:2.65rem}.hero-style-result{font-size:3.6rem}.sales-hero-final>div:first-child>p{margin-top:20px}.offer-hero-visual{min-height:480px}.hero-phone{width:220px;height:430px;padding:42px 18px 18px;border-width:7px}.hero-phone h4{font-size:1.5rem}.hero-phone .mini-outfits{height:175px}.profile-float{top:35px;left:-5px;width:145px;padding:13px}.profile-float strong{font-size:1.15rem}.palette-float{right:-8px;bottom:35px;width:155px;padding:13px}.outfits-float{bottom:0;left:-5px;width:145px;padding:12px}.tiny-looks{height:60px}.sales-page-final #analysis-preview{padding:0 14px}.app-stage{min-height:620px}.app-stage-tablet{top:10px;width:100%;height:350px;border-width:7px}.tablet-nav span{display:none}.tablet-content{padding:22px}.tablet-content h3{font-size:2rem}.tablet-cards i{height:120px}.app-stage-phone{width:165px;height:335px;padding:35px 12px 12px}.app-stage-phone.primary{bottom:15px}.app-stage-phone.secondary{right:-5px;bottom:5px}.screen-tabs{margin-top:10px}.stylist-feature{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding:50px 20px!important}.stylist-copy h2{font-size:2.8rem}.stylist-phone{width:270px;height:520px}.components-mosaic{grid-template-columns:1fr;grid-auto-rows:auto}.component-3,.component-6{grid-column:auto}.component-card{min-height:250px}.rich-bonuses .bonus-grid article{grid-template-columns:105px 1fr}.pricing-section .plan-card{min-height:430px}.quota-price{font-size:4.2rem}.objections-rich>div{grid-template-columns:1fr}.raffle-section{padding:30px 20px}.sales-final-rich{padding:75px 20px}}
.style-grid{gap:10px}.style-card{border-radius:13px;padding-bottom:10px}.style-card strong{margin-top:9px;font-size:15px;letter-spacing:.05em}.style-card small{font-size:10px}.style-photo.asset-fallback{padding:7px!important;font-size:.55rem}.validation-screen .women-collage>i{border-radius:52% 52% 18% 18%}.validation-screen .women-collage>i:nth-child(2),.validation-screen .women-collage>i:nth-child(7){width:80%;justify-self:center}.validation-screen .women-collage>i:nth-child(3),.validation-screen .women-collage>i:nth-child(6){border-radius:48% 48% 28% 28%}.validation-screen .women-collage>i:nth-child(4){width:115%;margin-left:-8%}

/* Quiz-only corrections */
.age-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px}
.age-text-grid .age-card:last-child{grid-column:auto;width:auto;justify-self:stretch}
.age-text-card{grid-template-rows:100px auto;gap:11px;min-height:150px;padding:12px}
.age-portrait{position:relative;display:block;width:100%;height:100px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#eadfd7,#c8b0ad)}
.age-portrait.asset-fallback::before{position:absolute;top:15px;left:50%;width:45px;height:48px;border-radius:50%;background:#bd8069;box-shadow:0 -7px 0 3px #5a424b;content:"";transform:translateX(-50%)}
.age-portrait.asset-fallback::after{position:absolute;right:22%;bottom:-20px;left:22%;height:70px;border-radius:45% 45% 10px 10px;background:#765565;content:""}
.age-portrait.asset-loaded img{width:100%;height:100%;object-fit:cover}
.style-photo.asset-fallback{height:96px!important;min-height:96px!important;padding:0!important}
.result-ready{margin-top:28px}.result-ready h2{margin-bottom:4px}
@media(max-width:560px){.age-text-card{grid-template-rows:82px auto;min-height:132px}.age-portrait{height:82px}.style-photo.asset-fallback{height:82px!important;min-height:82px!important}}

/* Fused locked editorial mosaic */
.unlock-components .component-lock{position:absolute;top:18px;right:18px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#fff;color:#463840;box-shadow:0 5px 15px #35282f20;font-style:normal}
.unlock-components .component-card{background:#fffaf5}
.unlock-components .component-6{background:#503b45;color:#fff}
.unlock-components .component-6 .component-lock{background:#fff;color:#503b45}

/* Commercial landing polish — requested sections only */
.sales-hero-final .profile-float{top:0;left:-45px}
.sales-hero-final .palette-float{right:-38px;bottom:48px}
.sales-hero-final .outfits-float{bottom:-4px;left:-20px}

.unlock-varied{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.unlock-varied .locked-offer-card{min-height:245px}
.unlock-varied .unlock-daily,.unlock-varied .unlock-ai{grid-column:span 2;min-height:300px}
.unlock-varied .unlock-palette{grid-column:span 2}
.daily-ui-preview,.profile-preview,.unlock-swatches,.unlock-clothes,.unlock-looks,.unlock-checks,.unlock-chat{position:relative;display:grid;gap:10px;margin-top:20px;padding:16px;border-radius:15px;background:#f3e7df;overflow:hidden}
.daily-ui-preview::after,.profile-preview::after,.unlock-swatches::after,.unlock-clothes::after,.unlock-looks::after,.unlock-checks::after,.unlock-chat::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#fffaf5d9 100%);content:"";backdrop-filter:blur(1.5px)}
.daily-ui-preview>*,.profile-preview>*,.unlock-swatches>*,.unlock-clothes>*,.unlock-looks>*,.unlock-checks>*,.unlock-chat>*{position:relative;z-index:0}
.daily-ui-preview>span{font-size:.72rem;font-weight:800;letter-spacing:.08em}.daily-ui-preview>div{display:flex;align-items:flex-end;gap:8px;height:95px}.daily-ui-preview i{flex:1;height:90%;border-radius:35px 35px 5px 5px;background:linear-gradient(#aa7968 0 35%,#40353a 35%)}.daily-ui-preview i:nth-child(2){height:70%;background:linear-gradient(#dac4aa 0 35%,#76554e 35%)}.daily-ui-preview i:nth-child(3){height:82%;background:linear-gradient(#4a3e43 0 35%,#ad8c74 35%)}.daily-ui-preview b{padding:9px 11px;border-radius:10px;background:#fff;font-size:.7rem}
.profile-preview{grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.profile-preview strong{padding:13px 8px;border-radius:10px;background:#fff;font-family:Georgia,serif}.profile-preview span{color:var(--rose);font-size:1.2rem}
.unlock-swatches{grid-template-columns:repeat(5,1fr);align-items:center}.unlock-swatches i{aspect-ratio:1;border-radius:50%;background:#3d3036}.unlock-swatches i:nth-child(2){background:#a37462}.unlock-swatches i:nth-child(3){background:#dcc09d}.unlock-swatches i:nth-child(4){background:#85806e}.unlock-swatches i:nth-child(5){background:#734a52}
.unlock-clothes,.unlock-looks{grid-template-columns:repeat(3,1fr);align-items:end;height:105px}.unlock-clothes i,.unlock-looks i{height:85%;border-radius:35px 35px 5px 5px;background:linear-gradient(#a87865 0 35%,#43373d 35%)}.unlock-clothes i:nth-child(2),.unlock-looks i:nth-child(2){height:68%;background:linear-gradient(#dbc5aa 0 35%,#78574f 35%)}.unlock-clothes i:nth-child(3),.unlock-looks i:nth-child(3){height:78%;background:linear-gradient(#55474d 0 35%,#ad8b72 35%)}
.unlock-checks span{padding:8px 10px;border-radius:9px;background:#fff;color:#675961;font-size:.72rem;font-weight:700}
.unlock-chat span,.unlock-chat b{width:80%;padding:11px 12px;border-radius:12px;background:#fff;color:#665761;font-size:.74rem;text-align:left}.unlock-chat b{justify-self:end;background:#6a4858;color:#fff}
.unlock-preview{position:relative;display:grid;gap:10px;margin-top:20px;padding:16px;border-radius:15px;background:#f3e7df;overflow:hidden}
.unlock-preview::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#fffaf5d9 100%);content:"";backdrop-filter:blur(1.5px)}
.unlock-preview span,.unlock-preview b,.unlock-preview i{position:relative;z-index:0}
.unlock-preview-daily{grid-template-columns:78px 1fr;align-items:center}
.unlock-preview-daily b{height:105px;border-radius:38px 38px 8px 8px;background:linear-gradient(#b17b68 0 35%,#493942 35%)}
.unlock-preview-daily span,.unlock-preview-ai span{padding:10px 12px;border-radius:12px;background:#fff;color:#665761;font-size:.74rem}
.unlock-preview-style{grid-template-columns:1fr 1fr}
.unlock-preview-style i{height:70px;border-radius:10px;background:linear-gradient(145deg,#b68470,#5a404c)}
.unlock-preview-style i:nth-child(2){background:linear-gradient(145deg,#ded0bd,#8b6458)}
.unlock-preview-palette{grid-template-columns:repeat(5,1fr);align-items:center}
.unlock-preview-palette i{aspect-ratio:1;border-radius:50%;background:#3d3036}
.unlock-preview-palette i:nth-child(2){background:#a37462}.unlock-preview-palette i:nth-child(3){background:#dcc09d}.unlock-preview-palette i:nth-child(4){background:#85806e}.unlock-preview-palette i:nth-child(5){background:#734a52}
.unlock-preview-garments,.unlock-preview-outfits,.unlock-preview-closet{grid-template-columns:repeat(3,1fr);align-items:end;height:105px}
.unlock-preview-garments i,.unlock-preview-outfits i,.unlock-preview-closet i{height:85%;border-radius:35px 35px 5px 5px;background:linear-gradient(#a87865 0 35%,#43373d 35%)}
.unlock-preview-garments i:nth-child(2),.unlock-preview-outfits i:nth-child(2),.unlock-preview-closet i:nth-child(2){height:68%;background:linear-gradient(#dbc5aa 0 35%,#78574f 35%)}
.unlock-preview-garments i:nth-child(3),.unlock-preview-outfits i:nth-child(3),.unlock-preview-closet i:nth-child(3){height:78%;background:linear-gradient(#55474d 0 35%,#ad8b72 35%)}
.unlock-preview-ai{grid-template-columns:1fr}.unlock-preview-ai span:nth-child(2){justify-self:end;background:#6a4858;color:#fff}

.pricing-brand{display:inline-grid;gap:3px;margin-bottom:18px;color:var(--wine);text-align:center}
.pricing-brand strong{font:700 1.45rem Georgia,serif;letter-spacing:.08em}
.pricing-brand span{font-size:.72rem;font-weight:700;letter-spacing:.08em}
.pricing-trust{display:flex;justify-content:center;gap:10px 24px;flex-wrap:wrap;margin:22px auto 0;color:#62565d;font-size:.82rem;font-weight:700}
.pricing-trust span{color:#62565d}
.single-payment{display:inline-block;margin:20px 0 0;padding:6px 10px;border:1px solid #cdbbc4;border-radius:999px;color:var(--wine);font-size:.66rem;font-weight:900;letter-spacing:.13em}

@media(max-width:900px){
  .unlock-varied{grid-template-columns:repeat(2,minmax(0,1fr))}
  .unlock-varied .unlock-daily,.unlock-varied .unlock-ai,.unlock-varied .unlock-palette{grid-column:span 2}
}
@media(max-width:600px){
  .sales-hero-final .profile-float{top:-16px;left:-8px}
  .sales-hero-final .palette-float{right:-6px;bottom:28px}
  .sales-hero-final .outfits-float{bottom:-8px;left:-5px}
  .unlock-varied{grid-template-columns:1fr}
  .unlock-varied .unlock-daily,.unlock-varied .unlock-ai,.unlock-varied .unlock-palette{grid-column:auto}
  .unlock-varied .locked-offer-card{min-height:225px}
  .unlock-varied .unlock-daily,.unlock-varied .unlock-ai{min-height:260px}
  .pricing-trust{display:grid;gap:9px;text-align:left}
}

/* Final commercial landing order and interactions */
.brand-logo{display:inline-grid;gap:4px;color:var(--wine);text-align:center}.brand-logo img{display:block;max-width:230px;max-height:92px;object-fit:contain}.brand-logo strong{font:700 1.35rem Georgia,serif;letter-spacing:.1em}.brand-logo span{font-size:.67rem;font-weight:700;letter-spacing:.09em}.hero-logo{margin-bottom:18px;text-align:left}.hero-logo img{max-width:190px}.pricing-logo{margin-bottom:18px}
.unlock-components .components-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(245px,auto)}
.unlock-components .component-card{grid-column:auto}
.unlock-components .component-6{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:42px;align-items:center;min-height:280px}
.unlock-components .component-6>span,.unlock-components .component-6>h3{grid-column:1}.unlock-components .component-6>.component-chat{grid-column:2;grid-row:1/4}.unlock-components .component-6>p{grid-column:1}
.testimonial-slot{flex:0 0 calc(33.333% - 11px);min-width:280px;min-height:270px;scroll-snap-align:start;padding:28px;border:1px solid #dfd4cb;border-radius:16px;background:#faf7f3;text-align:left}.testimonial-slot>strong{display:block;margin-top:16px;color:var(--wine);font-family:Georgia,serif}.testimonial-slot>small{display:block;margin-top:4px;color:#786e70}.testimonial-slot p{font:1.15rem/1.5 Georgia,serif}.testimonial-slot.awaiting{background:linear-gradient(145deg,#faf7f3,#f1e6df)}.testimonial-lines{display:grid;gap:12px;margin-top:30px}.testimonial-lines i{display:block;height:13px;border-radius:7px;background:#ddcec5}.testimonial-lines i:nth-child(2){width:88%;background:#c9b5ad}.testimonial-lines i:nth-child(3){width:62%;background:#eadfd7}.carousel-hint{display:flex;justify-content:center;gap:7px;margin-top:7px}.carousel-hint span{width:7px;height:7px;border-radius:50%;background:#b89e95}.carousel-hint span:first-child{width:24px;border-radius:8px;background:var(--wine)}
.testimonial-slot.verified{display:flex;min-height:330px;flex-direction:column}.testimonial-slot.verified p{flex:1;margin:18px 0 4px}.testimonial-slot.verified .proof-avatar{flex:0 0 52px}.testimonial-slot.verified .proof-stars{margin-top:2px}
.testimonial-marquee{overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;touch-action:pan-y;overscroll-behavior-x:contain}.testimonial-marquee::-webkit-scrollbar{display:none}.testimonial-marquee.dragging{cursor:grabbing;user-select:none}.testimonial-track{display:flex;width:max-content;gap:16px;padding:10px 4px 22px}.testimonial-marquee .testimonial-slot{flex:0 0 min(340px,28vw);min-width:290px;min-height:270px;padding:22px 24px}.testimonial-person{display:flex;align-items:baseline;flex-wrap:wrap;color:var(--wine)}.testimonial-person strong{font-family:Georgia,serif}.testimonial-person span{color:#7a6f73;font-size:.82rem}.testimonial-marquee .proof-stars{margin:8px 0 0;color:#b85f4b}.testimonial-marquee .testimonial-slot p{margin:12px 0 0;font-size:1.02rem;line-height:1.5}
.app-showcase-asset{padding-top:55px!important;padding-bottom:55px!important}.app-showcase-asset img{display:block;width:min(100%,1536px);height:auto;margin:0 auto}
@media(max-width:600px){.testimonial-marquee{margin-right:-14px;margin-left:-14px}.testimonial-track{padding-left:14px}.testimonial-marquee .testimonial-slot{flex-basis:82vw;min-width:0;min-height:285px;padding:20px}.app-showcase-asset{padding:34px 0!important}.app-showcase-asset img{width:100%;height:auto}}

/* Continuous social proof and premium CTA attention */
.testimonial-marquee{scroll-behavior:auto;-webkit-overflow-scrolling:touch}
.sales-hero-final .primary-button,.pricing-section .plan-button,.raffle-section .plan-button,.post-faq-cta .primary-button,.sales-final-rich .primary-button{will-change:transform,box-shadow;animation:ctaPremiumPulse 4.2s cubic-bezier(.22,.61,.36,1) infinite;transform-origin:center;transition:transform .22s ease,box-shadow .22s ease}
.pricing-section .plan-card:nth-child(1) .plan-button{animation-delay:.35s}.pricing-section .plan-card:nth-child(2) .plan-button{animation-name:ctaPremiumPulseFeatured;animation-delay:.85s}.pricing-section .plan-card:nth-child(3) .plan-button{animation-delay:1.35s}.raffle-section .plan-button{animation-delay:1.75s}.post-faq-cta .primary-button{animation-delay:.6s}.sales-final-rich .primary-button{animation-delay:1.2s}
@keyframes ctaPremiumPulse{0%,18%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(81,54,69,.12)}8%{transform:scale(1.02);box-shadow:0 14px 30px rgba(132,80,91,.25)}}
@keyframes ctaPremiumPulseFeatured{0%,18%,100%{transform:scale(1);box-shadow:0 11px 25px rgba(81,54,69,.14)}8%{transform:scale(1.024);box-shadow:0 16px 34px rgba(132,80,91,.31)}}
@media(hover:hover){.sales-hero-final .primary-button:hover,.pricing-section .plan-button:hover,.raffle-section .plan-button:hover,.post-faq-cta .primary-button:hover,.sales-final-rich .primary-button:hover{animation-play-state:paused;transform:translateY(-2px) scale(1.02);box-shadow:0 16px 32px rgba(94,59,76,.25)}}
.sales-hero-final .primary-button:active,.pricing-section .plan-button:active,.raffle-section .plan-button:active,.post-faq-cta .primary-button:active,.sales-final-rich .primary-button:active{animation-play-state:paused;transform:scale(.985);transition-duration:.1s}
@media(prefers-reduced-motion:reduce){.sales-hero-final .primary-button,.pricing-section .plan-button,.raffle-section .plan-button,.post-faq-cta .primary-button,.sales-final-rich .primary-button{animation:none!important;will-change:auto}}

/* Final visual refinements: Caribe, hero profile and AI processing */
.raffle-editorial{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#4a3540 0%,#69434a 48%,#a66350 100%)}
.raffle-editorial::before,.raffle-editorial::after{content:none}
.raffle-content{position:relative;z-index:2}
.raffle-sun{position:absolute;z-index:0;top:50%;left:-5%;width:340px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,210,169,.3) 0 30%,rgba(239,166,121,.14) 52%,transparent 72%);transform:translateY(-50%);filter:blur(.2px)}
.raffle-palm{position:absolute;z-index:1;right:-38px;bottom:-92px;width:300px;height:520px;fill:rgba(53,31,42,.25);transform:rotate(-3deg);transform-origin:bottom right;pointer-events:none}
.raffle-horizon{position:absolute;z-index:0;right:0;bottom:22%;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,225,199,.18) 20%,rgba(255,225,199,.3) 72%,transparent)}
.raffle-editorial .sales-kicker{color:#f2cdbb}.raffle-editorial h2,.raffle-editorial p{position:relative}.raffle-editorial .primary-button{position:relative}
.hero-visual-clean .profile-float{top:-52px;left:-58px;background:rgba(255,250,245,.72);border-color:rgba(255,255,255,.68);box-shadow:0 12px 28px rgba(62,42,53,.12);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.stylist-loading{gap:9px;padding-top:20px;padding-bottom:20px}
.stylist-progress{width:min(100%,150px);height:5px;overflow:hidden;border-radius:999px;background:#eaded7}
.stylist-progress i{display:block;width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b3d52,#b85f4b);animation:stylistProgress 1.8s ease-in-out infinite}
.stylist-loading>.loading-dots{margin-top:-2px}
.stylist-loading>small{max-width:180px}
@keyframes stylistProgress{0%{transform:translateX(-105%)}50%{transform:translateX(65%)}100%{transform:translateX(220%)}}
@media(max-width:600px){.raffle-sun{top:36%;left:-32%;width:270px;opacity:.72}.raffle-palm{right:-82px;bottom:-72px;width:230px;height:400px;opacity:.72}.raffle-horizon{bottom:18%}.hero-visual-clean .profile-float{top:-42px;left:-26px;background:rgba(255,250,245,.76)}.stylist-loading{padding:17px 10px}.stylist-loading>small{max-width:175px}}
@media(prefers-reduced-motion:reduce){.stylist-progress i{animation:none!important;transform:none;width:58%}}
.sales-page-final .hero-visual-clean .profile-float{top:-52px;left:-58px;background:rgba(255,250,245,.72);border-color:rgba(255,255,255,.68);box-shadow:0 12px 28px rgba(62,42,53,.12);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
@media(max-width:600px){.sales-page-final .hero-visual-clean .profile-float{top:-42px;left:-26px;background:rgba(255,250,245,.76)}}

/* Editorial personalized hero */
.sales-hero-editorial{min-height:680px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;gap:36px 70px;align-items:center;padding-top:70px;padding-bottom:60px}
.sales-hero-editorial .hero-result-copy{align-self:center}
.sales-hero-editorial .hero-result-copy h1{max-width:560px;margin:0;font-size:clamp(3rem,5.2vw,5.6rem);line-height:.98}
.sales-hero-editorial .hero-brand-line{margin-bottom:28px}
.hero-style-stacked{display:flex;align-self:center;flex-direction:column;align-items:flex-start;margin:0;color:var(--rose);font:italic clamp(4.5rem,8.2vw,8.5rem)/.78 Georgia,serif;letter-spacing:-.06em}
.hero-style-stacked>span{display:block;max-width:100%;overflow-wrap:anywhere}
.hero-style-stacked>i{align-self:center;margin:.12em 0;color:var(--wine);font-size:.48em;font-style:normal;line-height:1}
.hero-result-action{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:30px;border-top:1px solid #dfd2ca}
.hero-result-action>strong{font:1.25rem Georgia,serif}.sales-hero-editorial .hero-result-action .primary-button{flex:0 0 auto;margin:0}
@media(max-width:900px){.sales-hero-editorial{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto;gap:30px;padding-top:54px}.hero-style-stacked{font-size:clamp(4.2rem,13vw,7rem)}.hero-result-action{grid-column:auto}}
@media(max-width:600px){.sales-hero-editorial{gap:24px;padding-top:42px;padding-bottom:46px}.sales-hero-editorial .hero-result-copy h1{font-size:clamp(2.65rem,12vw,4rem)}.sales-hero-editorial .hero-brand-line{margin-bottom:20px}.hero-style-stacked{align-items:center;font-size:clamp(3.7rem,18vw,5.4rem);line-height:.82;text-align:center}.hero-style-stacked>span{overflow-wrap:normal;word-break:normal}.hero-result-action{display:block;padding-top:25px;text-align:left}.hero-result-action>strong{display:block;margin-bottom:22px;font-size:1.12rem}.sales-hero-editorial .hero-result-action .primary-button{width:min(100%,340px);min-height:52px}}
.pricing-section .plan-card,.pricing-section .plan-card.featured{background:#fff;color:#302a2e}.pricing-section .plan-card.featured{border-color:#8e6254;box-shadow:0 20px 42px rgba(82,58,69,.14)}
.terms-link{display:inline-block!important;margin-top:20px!important;text-decoration:underline;text-underline-offset:4px}
.offer-bar{padding:11px 20px;gap:18px;background:#573846;box-shadow:0 6px 20px rgba(48,30,40,.18)}.offer-bar strong{font-size:.76rem;letter-spacing:.15em}.offer-bar b{min-width:70px;font:700 1.45rem/1 Georgia,serif;letter-spacing:.05em}
.final-style-result{margin:-8px auto 22px;color:#d9aa9a;font:italic clamp(2.5rem,5vw,4.6rem)/1 Georgia,serif}.sales-final-rich>p{margin-bottom:24px}
.commercial-pulse{animation:commercialGlow 4.8s ease-in-out infinite}
@keyframes commercialGlow{0%,68%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(81,54,69,.12)}76%{transform:scale(1.012);box-shadow:0 13px 30px rgba(166,111,97,.27)}84%{transform:scale(1);box-shadow:0 10px 24px rgba(81,54,69,.12)}}
.sales-page-final>.sales-section,.sales-page-final>#analysis-preview>.sales-section{scroll-margin-top:58px}
@media(max-width:900px){.unlock-components .components-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.unlock-components .component-6{grid-column:1/-1}.testimonial-slot{flex-basis:calc(50% - 8px)}}
@media(max-width:600px){.hero-logo{text-align:left}.unlock-components .components-mosaic{grid-template-columns:1fr}.unlock-components .component-6{grid-template-columns:1fr;display:block;min-height:300px}.testimonial-slot{flex-basis:86%;min-width:0}.testimonial-carousel{margin-right:-14px;margin-left:-14px;padding-left:14px}.offer-bar{flex-wrap:nowrap;padding:10px 12px}.offer-bar strong{font-size:.66rem}.offer-bar b{font-size:1.3rem}.brand-logo img{max-width:185px}.sales-page-final .sales-section{padding-top:54px;padding-bottom:54px}}
@media(prefers-reduced-motion:reduce){.commercial-pulse{animation:none!important}}

/* Point corrections — commercial landing */
.hero-visual-clean .hero-phone{left:54%}.hero-visual-clean .profile-float{top:38px;left:-8px;width:175px;padding:16px;opacity:.96}
.component-body-cuts{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center;height:115px;margin:16px 0}.component-body-cuts>b{display:block;width:64px;height:110px;margin:auto;background:#8d6f7e;clip-path:polygon(34% 0,66% 0,72% 15%,90% 42%,70% 61%,80% 100%,20% 100%,30% 61%,10% 42%,28% 15%)}.component-body-cuts>span{display:grid;gap:8px}.component-body-cuts i{display:block;height:22px;border-radius:5px;background:#d8bcae}.component-body-cuts i:nth-child(2){width:78%;background:#9d6b5e}.component-body-cuts i:nth-child(3){width:62%;background:#5b4650}
.component-outfit-formulas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:115px;margin:16px 0}.component-outfit-formulas>span{display:grid;grid-template-rows:42px 48px 12px;gap:4px}.component-outfit-formulas i{display:block;border-radius:8px 8px 3px 3px;background:#aa7968}.component-outfit-formulas i:nth-child(2){background:#42373c}.component-outfit-formulas i:nth-child(3){width:70%;height:8px;align-self:center;border-radius:50%;background:#c09c7d}.component-outfit-formulas>span:nth-child(2) i:first-child{background:#d8c0a5}.component-outfit-formulas>span:nth-child(2) i:nth-child(2){background:#78574f}.component-outfit-formulas>span:nth-child(3) i:first-child{background:#55474d}.component-outfit-formulas>span:nth-child(3) i:nth-child(2){background:#ad8b72}
.raffle-editorial{display:block!important;padding:90px max(30px,calc((100vw - 900px)/2))!important;text-align:center}.raffle-editorial>div{max-width:900px;margin:auto}.raffle-editorial p{max-width:700px;margin:20px auto 28px}.raffle-editorial .primary-button{margin-left:auto;margin-right:auto}
.post-faq-cta{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);margin-bottom:0;padding:88px max(20px,calc((100vw - 900px)/2));background:#4b3541}.post-faq-cta h2{font-size:clamp(2.35rem,5vw,4.4rem)}.post-faq-cta .post-faq-intro{margin-bottom:8px}.post-faq-cta .final-style-result{margin-bottom:22px}.post-faq-cta>small{display:block;margin-top:16px;color:#d8cacb}
@media(max-width:600px){.hero-visual-clean .hero-phone{left:50%}.hero-visual-clean .profile-float{top:-8px;left:-5px;width:138px;padding:12px}.component-body-cuts{grid-template-columns:76px 1fr}.raffle-editorial{padding:65px 22px!important}.post-faq-cta{padding:68px 20px}}

/* Header, urgency and lower-section rhythm */
.commercial-mode .site-header{display:none}
.hero-brand-line{white-space:nowrap;margin-bottom:20px;color:var(--wine);font-size:.72rem}
.offer-bar{background:#b85f4b;color:#fffaf2}
.sales-page-final .stylist-feature{background:#f7efe7;color:#392f34}
.sales-page-final .stylist-feature .sales-kicker{color:#986451}
.sales-page-final .stylist-copy>p{color:#665b5f}
.sales-page-final .prompt-chips span{border-color:#cdb9ae;background:#fffaf5;color:#5c4651}
.sales-page-final .objections-rich{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding-right:max(20px,calc((100vw - 1180px)/2));padding-left:max(20px,calc((100vw - 1180px)/2));background:#f1e4df}
.post-faq-cta{background:#4b3541}
.sales-final-rich{background:#352f30}
@media(max-width:600px){.hero-brand-line{white-space:normal;font-size:.62rem;line-height:1.4}.offer-bar{justify-content:center}.offer-bar strong,.offer-bar b{text-align:center}.post-faq-cta .primary-button,.sales-final-rich .primary-button{width:min(100%,340px);min-height:52px}.sales-page-final .stylist-feature{padding-top:58px!important;padding-bottom:58px!important}}

/* Compact AI stylist conversation */
.sales-hero-final>div:first-child>.hero-style-result{margin-bottom:24px}
.stylist-feature-compact{min-height:0;gap:52px;padding-top:58px!important;padding-bottom:58px!important}
.stylist-feature-compact .prompt-chips{margin-top:22px}
.stylist-phone-visual{height:540px}
.stylist-phone-visual .stylist-screen{display:flex;flex-direction:column;padding:42px 18px 18px}
.stylist-phone-visual .chat-bubble{margin-top:22px}
.stylist-phone-visual .chat-bubble.answer{margin-top:10px}
.stylist-outfit-reference{display:flex;flex:1;min-height:175px;align-items:flex-end;gap:8px;margin:12px 0 10px;padding:14px;border:1px solid #e0d2c8;border-radius:16px;background:#fffaf5;overflow:hidden}
.stylist-outfit-reference i{display:block;flex:1;height:88%;border-radius:38% 38% 5px 5px;background:linear-gradient(#d7bca7 0 35%,#45393f 35%)}
.stylist-outfit-reference i:nth-child(2){height:72%;background:linear-gradient(#5a4850 0 35%,#a97865 35%)}
.stylist-outfit-reference i:nth-child(3){height:82%;background:linear-gradient(#ede3d5 0 35%,#76594f 35%)}
.stylist-idea-link{display:block;padding:11px 13px;border-radius:12px;background:#5b3d52;color:#fff;font-size:.76rem;font-weight:800;text-align:center}
@media(max-width:600px){.stylist-feature-compact{gap:34px}.stylist-feature-compact .prompt-chips{gap:7px}.stylist-feature-compact .prompt-chips span{font-size:.72rem}.stylist-phone-visual{width:270px;height:500px}.stylist-outfit-reference{min-height:150px}}

/* AI stylist loading state */
.stylist-loading{display:grid;place-items:center;gap:10px;margin:18px 0 0;padding:24px 14px;border:1px solid #dfd0c7;border-radius:17px;background:#fffaf5;text-align:center}
.stylist-loader{display:block;width:46px;height:46px;border:4px solid #e6d7cf;border-top-color:#8e6254;border-right-color:#5b3d52;border-radius:50%;animation:stylistSpin 1.15s linear infinite}
.stylist-loading strong{color:#4f3b45;font:700 .86rem/1.35 Georgia,serif}
.stylist-loading>small{color:#7a6e73;font-size:.67rem;line-height:1.4}
.loading-dots{display:inline-flex;align-items:flex-end;gap:2px;margin-left:2px}
.loading-dots i{display:block;width:3px;height:3px;border-radius:50%;background:#8e6254;animation:stylistDot 1.35s ease-in-out infinite}
.loading-dots i:nth-child(2){animation-delay:.18s}.loading-dots i:nth-child(3){animation-delay:.36s}
@keyframes stylistSpin{to{transform:rotate(360deg)}}
@keyframes stylistDot{0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:600px){.stylist-loading{margin-top:14px;padding:20px 12px}.stylist-loader{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.stylist-loader,.loading-dots i{animation:none!important}.loading-dots i{opacity:.65}}
/* Hero editorial centrado */
.sales-hero-centered {
  display: block;
  min-height: 0;
  padding: 72px 0 68px;
  text-align: center;
}

.hero-centered-inner {
  width: min(100%, 1000px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sales-hero-centered .hero-brand-line {
  margin: 0 0 24px;
  white-space: nowrap;
}

.sales-hero-centered h1 {
  max-width: 760px;
  margin: 0 auto 24px;
  font-size: clamp(1.85rem, 3.1vw, 3rem);
  line-height: 1.12;
}

.hero-style-inline {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 0.22em;
  max-width: 100%;
  margin: 0 auto 28px;
  color: var(--rose);
  font: italic clamp(3.5rem, 6.7vw, 6.7rem) / 0.95 Georgia, serif;
  letter-spacing: -0.045em;
  text-align: center;
}

.hero-style-inline.is-long {
  font-size: clamp(3.15rem, 5.7vw, 5.8rem);
}

.hero-style-inline > span {
  color: inherit;
  font-style: inherit;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.sales-hero-centered .hero-centered-inner > strong {
  display: block;
  margin: 0 auto 22px;
  font: 1.2rem Georgia, serif;
}

.sales-hero-centered .primary-button {
  margin: 0;
}

@media (max-width: 600px) {
  .sales-hero-centered {
    padding: 48px 0 50px;
  }

  .sales-hero-centered .hero-brand-line {
    margin-bottom: 18px;
    white-space: normal;
  }

  .sales-hero-centered h1 {
    max-width: 340px;
    margin-bottom: 20px;
    font-size: clamp(1.65rem, 7.5vw, 2.25rem);
  }

  .hero-style-inline,
  .hero-style-inline.is-long {
    flex-wrap: wrap;
    gap: 0 0.22em;
    max-width: 350px;
    margin-bottom: 24px;
    font-size: clamp(2.75rem, 13vw, 4.15rem);
    line-height: 1.02;
  }

  .hero-style-inline > span {
    max-width: 100%;
  }

  .sales-hero-centered .hero-centered-inner > strong {
    max-width: 330px;
    margin-bottom: 20px;
    font-size: 1.05rem;
  }

  .sales-hero-centered .primary-button {
    width: min(100%, 340px);
    min-height: 52px;
  }
}

/* Final quiz-only responsive overrides */
.age-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,680px)}
.age-text-card{grid-template-rows:180px auto;min-height:236px;padding:0 0 15px}
.age-portrait{height:180px}
.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.style-photo.asset-loaded{height:auto!important;min-height:0!important;aspect-ratio:4/5!important}
.human-reference.body-asset{height:180px;padding:0}
.usage-form output{font-size:58px}
@media(max-width:560px){
  .age-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .age-text-card{grid-template-rows:120px auto;min-height:170px}.age-portrait{height:120px}
  .style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .style-card strong{margin:9px 9px 0;font-size:14px}.style-card small{min-height:40px;margin:4px 9px 0;font-size:9px}
  .human-reference.body-asset{height:145px}
  .usage-form output{margin-bottom:18px;font-size:54px}
}

/* Text-only age and style cards */
.age-text-only{grid-template-columns:repeat(2,minmax(0,1fr))}
.age-text-only .age-text-card{display:grid;min-height:112px;grid-template-rows:1fr;place-items:center;padding:18px;background:rgba(255,253,249,.88)}
.age-text-only .age-text-card strong{margin:0;font:600 clamp(1.35rem,3vw,1.8rem)/1 "Fraunces",Georgia,serif}
.style-grid-text-only{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.style-card-text-only{display:flex;min-height:132px;flex-direction:column;justify-content:center;padding:25px 12px 18px;text-align:center}
.style-card-text-only strong{margin:0 28px 7px 0;font-size:17px;line-height:1.1}
.style-card-text-only small{min-height:0;margin:0;color:#716a72;font-size:11px;line-height:1.45}
@media(max-width:560px){
  .age-text-only{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .age-text-only .age-text-card{min-height:92px;padding:14px}
  .style-grid-text-only{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .style-card-text-only{min-height:124px;padding:23px 9px 15px}
  .style-card-text-only strong{margin:0 25px 7px 0;font-size:13px}
  .style-card-text-only small{font-size:9px}
}

/* Compact quiz social proof */
.quiz-social-proof{max-width:680px;margin:24px auto 0;text-align:left;overflow:hidden}
.quiz-social-proof h2{margin:0 0 12px;font:600 1rem/1.2 "Fraunces",Georgia,serif;text-align:center}
.quiz-review-rail{overflow-x:auto;scrollbar-width:none;cursor:grab;touch-action:pan-y;overscroll-behavior-x:contain}
.quiz-review-rail::-webkit-scrollbar{display:none}
.quiz-review-rail.dragging{cursor:grabbing;user-select:none}
.quiz-review-track{display:flex;width:max-content;gap:10px;padding:2px 1px 7px}
.quiz-review-card{width:290px;min-height:145px;padding:16px;border:1px solid #dfd4d7;border-radius:14px;background:rgba(255,253,249,.9);box-shadow:0 7px 20px rgba(48,34,43,.055)}
.quiz-review-card strong,.quiz-review-card span{display:block}
.quiz-review-card strong{font-size:11px}.quiz-review-card span,.processing-review>span{margin:7px 0;color:#b17a61;font-size:11px;letter-spacing:.08em}
.quiz-review-card p{display:-webkit-box;overflow:hidden;margin:0;color:#645b62;font:12px/1.45 Georgia,serif;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.phase-complete .quiz-social-proof+.primary-button{margin-top:14px}
.processing-review{max-width:520px;margin:20px auto 0;padding:14px 18px;border-top:1px solid #ded2d5;text-align:center}
.processing-review>span,.processing-review>strong{display:block}.processing-review>p{display:-webkit-box;overflow:hidden;margin:6px auto;color:#655c63;font:italic 12px/1.45 Georgia,serif;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.processing-review>strong{font-size:10px}
@media(max-width:560px){
  .quiz-social-proof{margin-top:18px}.quiz-review-card{width:calc(84vw - 32px);min-height:138px;padding:14px}
  .processing-review{margin-top:14px;padding:11px 12px}.processing-review>p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.quiz-review-rail{scroll-behavior:auto}}

.goals-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,720px)}
.goals-grid .option{min-height:72px}
@media(max-width:370px){.goals-grid{grid-template-columns:1fr}}

/* Mobile-first quiz pass */
.future-style-asset{display:none}
.future-style-asset.is-ready{display:block;width:100%;aspect-ratio:4/5;overflow:hidden;margin-bottom:14px;border-radius:12px 12px 0 0}
.future-style-asset.is-ready img{display:block;width:100%;height:100%;object-fit:cover}
.style-card-text-only:has(.future-style-asset.is-ready){padding-top:0;justify-content:flex-start}
.style-card-text-only:has(.future-style-asset.is-ready) strong{margin-top:0}
.location-confirmation{min-height:0!important;padding:10px 12px;border-radius:10px;background:#edf1e8;color:#53604e!important;line-height:1.4}
.base-complete-screen{max-width:680px}
.photo-optional-screen{max-width:620px}
.photo-optional-screen>small{display:block;margin:15px auto 0;color:#716970;font-size:11px}
.secondary-button{display:flex;width:min(100%,390px);min-height:52px;align-items:center;justify-content:center;margin:12px auto 0;padding:13px 20px;border:1px solid #bdaeb6;border-radius:999px;color:var(--plum);background:#fffaf5;font-weight:700;cursor:pointer}
.text-button{padding:10px;border:0;color:#786b73;background:transparent;text-decoration:underline;cursor:pointer}
.photo-local-preview{width:min(100%,280px);margin:20px auto 10px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.photo-local-preview img{display:block;width:100%;max-height:290px;object-fit:cover}.photo-local-preview strong{display:block;overflow:hidden;padding:9px 12px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.photo-actions{display:flex;align-items:center;justify-content:center;gap:8px}.photo-actions .secondary-button{width:auto;margin:0;padding:10px 16px}
.photo-error{min-height:18px;margin:9px auto 0!important;color:#9b3d45!important;font-size:11px!important}

@media(max-width:600px){
  .page-shell{padding-right:16px;padding-left:16px}.quiz-shell{margin-top:16px}.progress-wrap{margin-bottom:22px}
  .question-heading{margin-bottom:20px}.question-heading h1{font-size:clamp(27px,8vw,35px);line-height:1.08}.question-heading p{font-size:14px}
  .quiz-interstitial h1,.base-complete-screen h1,.photo-optional-screen h1{font-size:clamp(29px,8.5vw,37px);line-height:1.08}
  .start-screen{margin-top:0}.start-screen h1{font-size:clamp(36px,10vw,45px)}.start-screen>p{font-size:15px}.editorial-mark{margin-bottom:22px}
  .primary-button{width:100%;min-height:54px;margin-top:22px}.secondary-button{width:100%}
  .option-grid,.multi-grid,.goals-grid{grid-template-columns:1fr;width:100%;gap:8px}
  .option{min-height:52px;padding:11px 14px;font-size:14px}.goals-grid .option{min-height:56px}
  .age-text-only{grid-template-columns:repeat(2,minmax(0,1fr))}.age-text-only .age-text-card{min-height:88px}
  .feature-grid,.skin-grid,.eyes-grid,.hair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .feature-card{display:flex;min-height:62px;align-items:center;gap:9px;padding:8px;text-align:left}
  .feature-swatch{width:44px;height:44px;flex:0 0 44px;margin:0;border-width:3px}.feature-card strong{font-size:11px;text-align:left}
  .eyes-grid .feature-swatch::before{width:32px;height:18px}.eyes-grid .feature-swatch::after{width:18px;height:18px;border-width:4px}
  .style-grid-text-only{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-card-text-only{min-height:112px;padding:20px 8px 14px}
  .color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 6px}.color-swatch{min-height:47px}.color-card{font-size:10px}
  .silhouette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.silhouette-card{padding:10px 6px}.human-reference{height:134px;transform:scale(.84);transform-origin:center}.silhouette-card strong{margin-top:-10px;font-size:10px}
  .usage-form{width:100%;margin-top:10px}.usage-form output{font-size:52px}.usage-form input[type="range"]{width:100%}
  .name-form,.location-form{width:100%}.name-form input,.location-form input{width:100%;min-height:54px}
  .color-result-visual{margin-top:16px}.tone-sample{min-height:92px}
  .processing-screen{margin-top:0}.processing-screen h1{font-size:clamp(30px,8.5vw,38px)}.processing-chips{margin-top:15px}.processing-list{margin-top:16px}
  .base-complete-screen,.photo-optional-screen{margin-top:0}.base-complete-screen>p,.photo-optional-screen>p{font-size:14px}
}

/* Compact validation interstitial */
.validation-screen{max-width:680px;margin:0 auto;padding:8px 0 16px}
.validation-screen .eyebrow{margin-bottom:10px}
.validation-screen .women-collage{width:min(100%,520px);height:108px;margin:0 auto 14px;padding:9px;gap:5px}
.validation-screen .women-collage>i{min-height:0}
.validation-screen h1{max-width:650px;margin-bottom:10px;font-size:clamp(29px,4.2vw,42px);line-height:1.06}
.validation-screen>p{max-width:540px;font-size:14px;line-height:1.45}
.validation-screen>strong{display:none}
.validation-screen .primary-button{margin-top:18px}
@media(max-width:600px){
  .validation-screen{padding:0 0 10px}
  .validation-screen .eyebrow{margin-bottom:8px}
  .validation-screen .women-collage{grid-template-columns:repeat(8,1fr);width:min(100%,350px);height:82px;margin-bottom:12px;padding:7px;gap:4px}
  .validation-screen .women-collage>i{width:auto!important;height:62px!important;margin:0!important}
  .validation-screen .women-collage b{top:6px;width:20px;height:24px}
  .validation-screen h1{max-width:350px;margin-bottom:9px;font-size:clamp(27px,7.7vw,32px)}
  .validation-screen>p{max-width:340px;font-size:13px;line-height:1.4}
  .validation-screen .primary-button{margin-top:15px}
}

/* Complete mobile-first quiz density pass */
body:not(.commercial-mode) .page-shell{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}
body:not(.commercial-mode) .quiz-shell{width:min(100%,760px);margin-top:18px}
body:not(.commercial-mode) .progress-wrap{margin-bottom:24px}
body:not(.commercial-mode) .question-heading{margin-bottom:20px}
body:not(.commercial-mode) .question-heading h1{font-size:clamp(29px,4.4vw,40px);line-height:1.08;text-wrap:balance}
body:not(.commercial-mode) .question-heading p{font-size:14px;line-height:1.45}
body:not(.commercial-mode) .primary-button{min-height:52px;margin-top:20px;padding:13px 20px}
body:not(.commercial-mode) .option-grid{gap:8px}
body:not(.commercial-mode) .option{min-height:50px;padding:11px 14px;font-size:14px}
body:not(.commercial-mode) .goals-grid .option{min-height:58px}
body:not(.commercial-mode) .age-text-only .age-text-card{min-height:64px;padding:10px 14px}
body:not(.commercial-mode) .age-text-only .age-text-card strong{font-size:clamp(1.18rem,2.4vw,1.45rem)}
body:not(.commercial-mode) .style-card-text-only{min-height:96px;padding:19px 11px 13px;text-align:left}
body:not(.commercial-mode) .style-card-text-only strong{margin:0 30px 5px 0;font-size:15px}
body:not(.commercial-mode) .style-card-text-only small{font-size:10px;line-height:1.35}
body:not(.commercial-mode) .style-card>em{top:8px;right:8px;width:24px;height:24px;font-size:12px;box-shadow:none}
body:not(.commercial-mode) .feature-grid{gap:9px}
body:not(.commercial-mode) .feature-card{display:flex;min-height:60px;align-items:center;gap:10px;padding:8px 10px;text-align:left}
body:not(.commercial-mode) .feature-swatch{width:42px;height:42px;flex:0 0 42px;margin:0;border-width:3px}
body:not(.commercial-mode) .feature-card strong{font-size:11px;text-align:left}
body:not(.commercial-mode) .eyes-grid .feature-swatch::before{width:31px;height:17px}
body:not(.commercial-mode) .eyes-grid .feature-swatch::after{width:17px;height:17px;border-width:4px}
body:not(.commercial-mode) .color-grid{gap:9px 7px}
body:not(.commercial-mode) .color-swatch{min-height:48px;aspect-ratio:1.65;border-radius:10px}
body:not(.commercial-mode) .color-card{font-size:11px}
body:not(.commercial-mode) .silhouette-grid{gap:9px}
body:not(.commercial-mode) .silhouette-card{padding:9px 7px}
body:not(.commercial-mode) .human-reference{height:138px}
body:not(.commercial-mode) .silhouette-card strong{margin-top:5px;font-size:11px}
body:not(.commercial-mode) .name-form input,body:not(.commercial-mode) .location-form input{min-height:52px;padding:11px 15px}
body:not(.commercial-mode) .name-form>p,body:not(.commercial-mode) .location-form>p{min-height:14px;margin-top:4px}
body:not(.commercial-mode) .usage-form{margin-top:10px}
body:not(.commercial-mode) .usage-form output{margin-bottom:16px;font-size:46px}
body:not(.commercial-mode) .range-labels{margin-top:7px}
body:not(.commercial-mode) .quiz-interstitial{margin-top:0}
body:not(.commercial-mode) .quiz-interstitial h1{font-size:clamp(30px,4.8vw,43px);line-height:1.06;text-wrap:balance}
body:not(.commercial-mode) .quiz-interstitial>p{margin:11px auto;font-size:14px;line-height:1.45}
body:not(.commercial-mode) .journey-row{margin:8px 0 22px}
body:not(.commercial-mode) .phase-track{margin-top:15px}
body:not(.commercial-mode) .phase-labels{margin-bottom:20px}
body:not(.commercial-mode) .locked-tease{margin:15px auto;padding:13px}
body:not(.commercial-mode) .completion-chips{margin:17px auto}
body:not(.commercial-mode) .quiz-social-proof{margin-top:15px}
body:not(.commercial-mode) .quiz-social-proof h2{margin-bottom:8px;font-size:.92rem}
body:not(.commercial-mode) .quiz-review-card{width:270px;min-height:112px;padding:12px 14px}
body:not(.commercial-mode) .quiz-review-card span{margin:5px 0}
body:not(.commercial-mode) .quiz-review-card p{-webkit-line-clamp:2;font-size:11px;line-height:1.4}
body:not(.commercial-mode) .phase-complete .quiz-social-proof+.primary-button{margin-top:10px}
body:not(.commercial-mode) .color-result-visual{margin:14px auto 10px}
body:not(.commercial-mode) .tone-sample{min-height:82px;padding:12px 8px}
body:not(.commercial-mode) .selected-color-strip{margin-bottom:12px}
body:not(.commercial-mode) .selected-color-strip i{width:29px;height:29px}
body:not(.commercial-mode) .processing-screen{margin-top:0}
body:not(.commercial-mode) .processing-orbit{width:78px;height:78px;margin-bottom:14px}
body:not(.commercial-mode) .processing-orbit::before{inset:8px}
body:not(.commercial-mode) .processing-orbit i,body:not(.commercial-mode) .processing-orbit b{width:8px;height:8px;animation-name:orbitCompact}
body:not(.commercial-mode) .processing-orbit span{font-size:18px}
@keyframes orbitCompact{from{transform:rotate(0deg) translateX(39px) rotate(0deg)}to{transform:rotate(360deg) translateX(39px) rotate(-360deg)}}
body:not(.commercial-mode) .processing-screen h1{font-size:clamp(29px,4.8vw,40px);line-height:1.06}
body:not(.commercial-mode) .processing-chips{margin:10px auto 12px}
body:not(.commercial-mode) .processing-list{gap:6px;margin-top:12px}
body:not(.commercial-mode) .processing-item{gap:9px;padding:9px 12px;font-size:13px}
body:not(.commercial-mode) .processing-item i{width:19px;height:19px;flex-basis:19px}
body:not(.commercial-mode) .processing-review{margin-top:10px;padding:9px 12px}
body:not(.commercial-mode) .result-v2>h1{font-size:clamp(30px,4.8vw,42px);line-height:1.06}
body:not(.commercial-mode) .personal-summary{margin:15px auto;padding:15px 17px}
body:not(.commercial-mode) .personal-summary p{font-size:14px;line-height:1.45}
body:not(.commercial-mode) .style-direction{margin:16px auto;padding:20px}
body:not(.commercial-mode) .style-direction h2{margin:7px 0 9px;font-size:clamp(30px,5vw,44px)}
body:not(.commercial-mode) .style-direction p{font-size:14px;line-height:1.45}
body:not(.commercial-mode) .direction-meta{margin-top:10px}
body:not(.commercial-mode) .usage-result{margin:14px 0;padding:14px 16px;font-size:14px}
body:not(.commercial-mode) .result-ready{margin-top:16px}
body:not(.commercial-mode) .result-ready h2{font-size:23px}
body:not(.commercial-mode) .base-complete-screen>p,body:not(.commercial-mode) .photo-optional-screen>p{max-width:560px}
body:not(.commercial-mode) .photo-optional-screen>small{margin-top:10px}
body:not(.commercial-mode) .secondary-button{min-height:50px;margin-top:9px;padding:11px 18px}

@media(max-width:600px){
  body:not(.commercial-mode) .page-shell{padding-right:14px;padding-left:14px}
  body:not(.commercial-mode) .site-header{min-height:34px}
  body:not(.commercial-mode) .quiz-shell{margin-top:10px}
  body:not(.commercial-mode) .progress-wrap{margin-bottom:16px}
  body:not(.commercial-mode) .question-heading{margin-bottom:16px}
  body:not(.commercial-mode) .question-heading h1{font-size:clamp(25px,7.2vw,31px);line-height:1.06}
  body:not(.commercial-mode) .question-heading p{font-size:13px;line-height:1.4}
  body:not(.commercial-mode) .primary-button{min-height:50px;margin-top:16px;padding:11px 16px}
  body:not(.commercial-mode) .option{min-height:48px;padding:10px 12px;font-size:13px}
  body:not(.commercial-mode) .goals-grid .option{min-height:52px}
  body:not(.commercial-mode) .age-text-only .age-text-card{min-height:56px;padding:8px}
  body:not(.commercial-mode) .age-text-only .age-text-card strong{font-size:1.16rem}
  body:not(.commercial-mode) .style-card-text-only{min-height:88px;padding:17px 8px 11px}
  body:not(.commercial-mode) .style-card-text-only strong{font-size:12px;line-height:1.05}
  body:not(.commercial-mode) .style-card-text-only small{font-size:8.8px;line-height:1.35}
  body:not(.commercial-mode) .color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 5px}
  body:not(.commercial-mode) .color-swatch{min-height:43px}
  body:not(.commercial-mode) .feature-grid{gap:7px}
  body:not(.commercial-mode) .feature-card{min-height:56px;gap:8px;padding:6px 8px}
  body:not(.commercial-mode) .feature-swatch{width:39px;height:39px;flex-basis:39px}
  body:not(.commercial-mode) .silhouette-card{padding:7px 5px}
  body:not(.commercial-mode) .human-reference{height:122px;transform:scale(.82);transform-origin:center}
  body:not(.commercial-mode) .silhouette-card strong{margin-top:-10px;font-size:9.5px}
  body:not(.commercial-mode) .quiz-interstitial h1,body:not(.commercial-mode) .base-complete-screen h1,body:not(.commercial-mode) .photo-optional-screen h1{font-size:clamp(26px,7.5vw,32px);line-height:1.06}
  body:not(.commercial-mode) .quiz-interstitial>p{font-size:13px;line-height:1.4}
  body:not(.commercial-mode) .journey-row{margin:3px 0 16px}
  body:not(.commercial-mode) .journey-row span{padding:5px 7px;font-size:9px}
  body:not(.commercial-mode) .phase-track{margin-top:11px}
  body:not(.commercial-mode) .phase-labels{margin-bottom:14px}
  body:not(.commercial-mode) .quiz-review-card{width:calc(78vw - 20px);min-height:104px;padding:10px 12px}
  body:not(.commercial-mode) .processing-screen h1{font-size:clamp(27px,7.5vw,32px)}
  body:not(.commercial-mode) .processing-chips .answer-chip{padding:4px 7px;font-size:9px}
  body:not(.commercial-mode) .processing-item{padding:8px 10px;font-size:12px}
  body:not(.commercial-mode) .processing-review>p{margin:4px auto;font-size:10px}
  body:not(.commercial-mode) .personal-summary{padding:12px 14px}
  body:not(.commercial-mode) .style-direction{padding:16px 12px}
  body:not(.commercial-mode) .style-direction>small{font-size:9px;letter-spacing:.08em}
  body:not(.commercial-mode) .style-direction h2{font-size:clamp(27px,8vw,34px)}
  body:not(.commercial-mode) .usage-result{padding:11px 13px}
  body:not(.commercial-mode) .result-ready h2{font-size:21px}
  body:not(.commercial-mode) .start-screen h1{font-size:clamp(33px,9.5vw,40px);line-height:1.03}
  body:not(.commercial-mode) .start-screen>p{font-size:14px;line-height:1.45}
  body:not(.commercial-mode) .editorial-mark{margin-bottom:16px}
}

/* Persistent commercial countdown and premium CTA motion */
.commercial-mode .offer-bar{position:fixed;z-index:1000;top:0;right:0;left:0;width:100%;min-height:47px;box-sizing:border-box;margin:0;padding:11px 20px;background:#b85f4b;color:#fffaf2;box-shadow:0 6px 22px rgba(72,40,48,.22);text-align:center}
.commercial-mode .sales-page-final{padding-top:47px}
.commercial-mode .primary-button:not(:disabled){will-change:transform,box-shadow;transform-origin:center;animation:commercialCtaPulse 4s cubic-bezier(.22,.61,.36,1) infinite;box-shadow:0 12px 28px rgba(87,56,70,.24);transition:transform .22s ease,box-shadow .22s ease}
.commercial-mode .primary-button:not(:disabled)>span{display:inline-block;will-change:transform;animation:commercialArrowNudge 4s ease-in-out infinite}
.commercial-mode .sales-hero-final .primary-button>span{animation-name:commercialArrowDown}
.commercial-mode .pricing-section .plan-card:nth-child(1) .plan-button{animation-delay:.25s}
.commercial-mode .pricing-section .plan-card:nth-child(1) .plan-button>span{animation-delay:.35s}
.commercial-mode .pricing-section .plan-card:nth-child(2) .plan-button{animation-name:commercialCtaPulseFeatured;animation-delay:.7s}
.commercial-mode .pricing-section .plan-card:nth-child(2) .plan-button>span{animation-delay:.8s}
.commercial-mode .pricing-section .plan-card:nth-child(3) .plan-button{animation-delay:1.15s}
.commercial-mode .pricing-section .plan-card:nth-child(3) .plan-button>span{animation-delay:1.25s}
.commercial-mode .raffle-section .plan-button{animation-delay:1.55s}
.commercial-mode .raffle-section .plan-button>span{animation-delay:1.65s}
.commercial-mode .post-faq-cta .primary-button{animation-delay:.5s}
.commercial-mode .post-faq-cta .primary-button>span{animation-delay:.6s}
.commercial-mode .sales-final-rich .primary-button{animation-delay:1s}
.commercial-mode .sales-final-rich .primary-button>span{animation-delay:1.1s}
@keyframes commercialCtaPulse{0%,20%,100%{transform:scale(1);box-shadow:0 12px 28px rgba(87,56,70,.24)}10%{transform:scale(1.025);box-shadow:0 17px 38px rgba(166,97,78,.36),0 0 0 5px rgba(166,97,78,.07)}}
@keyframes commercialCtaPulseFeatured{0%,20%,100%{transform:scale(1);box-shadow:0 13px 30px rgba(87,56,70,.27)}10%{transform:scale(1.03);box-shadow:0 19px 42px rgba(166,97,78,.42),0 0 0 6px rgba(166,97,78,.09)}}
@keyframes commercialArrowNudge{0%,20%,100%{transform:translateX(0)}10%{transform:translateX(4px)}}
@keyframes commercialArrowDown{0%,20%,100%{transform:translateY(0)}10%{transform:translateY(4px)}}
@media(hover:hover){
  .commercial-mode .primary-button:not(:disabled):hover{animation-play-state:paused;transform:translateY(-3px) scale(1.02);box-shadow:0 19px 40px rgba(112,64,78,.36)}
  .commercial-mode .primary-button:not(:disabled):hover>span{animation-play-state:paused;transform:translateX(4px)}
  .commercial-mode .sales-hero-final .primary-button:hover>span{transform:translateY(3px)}
}
.commercial-mode .primary-button:not(:disabled):active{animation-play-state:paused;transform:scale(.98);box-shadow:0 8px 20px rgba(87,56,70,.22);transition-duration:.1s}
.commercial-mode .primary-button:not(:disabled):active>span{animation-play-state:paused}
@media(max-width:600px){
  .commercial-mode .offer-bar{min-height:46px;gap:8px;padding:max(9px,env(safe-area-inset-top)) 12px 9px;flex-wrap:nowrap}
  .commercial-mode .offer-bar strong{font-size:.64rem;line-height:1.2;letter-spacing:.1em}
  .commercial-mode .offer-bar b{min-width:62px;font-size:1.25rem}
  .commercial-mode .sales-page-final{padding-top:calc(46px + env(safe-area-inset-top))}
  .commercial-mode .primary-button:not(:disabled){max-width:calc(100vw - 28px)}
}
@media(prefers-reduced-motion:reduce){
  .commercial-mode .primary-button:not(:disabled),.commercial-mode .primary-button:not(:disabled)>span{animation:none!important;will-change:auto}
}

/* Compact styles selector and slider interaction hint */
body:not(.commercial-mode) .future-style-asset,body:not(.commercial-mode) .future-style-asset.is-ready{display:none!important}
body:not(.commercial-mode) .style-grid-text-only{gap:7px 8px}
body:not(.commercial-mode) .style-card-text-only{box-sizing:border-box;min-height:82px;padding:13px 9px 10px;border:1px solid var(--line);background:var(--paper);transform:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
body:not(.commercial-mode) .style-card-text-only strong{margin:0 27px 4px 0;font-size:14px;line-height:1.08}
body:not(.commercial-mode) .style-card-text-only small{font-size:10px;line-height:1.3}
body:not(.commercial-mode) .style-card-text-only:hover,body:not(.commercial-mode) .style-card-text-only:focus-visible{transform:translateY(-1px);box-shadow:0 7px 18px rgba(63,44,55,.08)}
body:not(.commercial-mode) .style-card-text-only.selected{border:1px solid var(--plum);background:#f5edf1;box-shadow:inset 0 0 0 1px var(--plum),0 6px 16px rgba(91,61,82,.08);transform:none}
body:not(.commercial-mode) .style-card-text-only.selected:hover{transform:none}
body:not(.commercial-mode) .selection-counter{margin-bottom:12px}
.slider-instruction{display:block;margin:0 auto 10px;color:#786f76;font-size:12px;font-weight:700}
.slider-control{position:relative;width:100%}
.usage-form .slider-control input[type="range"]{position:relative;z-index:2;width:100%;min-height:28px;touch-action:pan-y}
.slider-demo-thumb{display:none}
.slider-control.tutorial-active .slider-demo-thumb{position:absolute;z-index:3;top:50%;left:calc(var(--slider-start) - 9px);display:block;width:20px;height:20px;border:3px solid #f8f1e9;border-radius:50%;background:var(--plum);box-shadow:0 4px 12px rgba(91,61,82,.3);pointer-events:none;transform:translateY(-50%);animation:sliderVisualHint 2s ease-in-out 1}
.usage-form input.slider-tutorial::-webkit-slider-thumb{animation:sliderThumbHint 2s ease-in-out 1}
.usage-form input.slider-tutorial::-moz-range-thumb{animation:sliderThumbHint 2s ease-in-out 1}
@keyframes sliderThumbHint{0%,100%{transform:translateX(0)}22%{transform:translateX(48px)}45%{transform:translateX(0)}62%{transform:translateX(38px)}82%{transform:translateX(0)}}
@keyframes sliderVisualHint{0%,100%{transform:translate(0,-50%)}22%{transform:translate(48px,-50%)}45%{transform:translate(0,-50%)}62%{transform:translate(38px,-50%)}82%{transform:translate(0,-50%)}}
@media(max-width:600px){
  body:not(.commercial-mode) .style-grid-text-only{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body:not(.commercial-mode) .style-card-text-only{min-height:76px;padding:11px 8px 9px}
  body:not(.commercial-mode) .style-card-text-only strong{font-size:12px}
  body:not(.commercial-mode) .style-card-text-only small{font-size:8.8px;line-height:1.28}
  .slider-instruction{margin-bottom:7px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  body:not(.commercial-mode) .style-card-text-only{transition:none}
  .usage-form input.slider-tutorial::-webkit-slider-thumb,.usage-form input.slider-tutorial::-moz-range-thumb,.slider-control.tutorial-active .slider-demo-thumb{animation:none!important}
}

/* Point corrections: color result, silhouettes, location and merged phase 3 */
body:not(.commercial-mode) .color-result .tone-sample{display:flex;min-height:112px;align-items:center;justify-content:flex-start;padding:55px 10px 12px;text-align:center}
body:not(.commercial-mode) .color-result .tone-sample::before{top:11px;width:34px;height:34px}
body:not(.commercial-mode) .color-result .tone-sample small{display:block;width:100%;margin:0 0 4px;font-size:8px;line-height:1.2;letter-spacing:.09em}
body:not(.commercial-mode) .color-result .tone-sample strong{display:block;width:100%;font-size:12px;line-height:1.25;overflow-wrap:normal;word-break:normal;hyphens:none}
.chosen-colors{margin:2px auto 13px;text-align:center}
.chosen-colors>small{display:block;margin-bottom:8px;color:#81747d;font-size:9px;font-weight:800;letter-spacing:.1em}
.chosen-colors .selected-color-strip{margin-bottom:0}
body:not(.commercial-mode) .silhouette-card .human-reference{width:80px;height:150px;aspect-ratio:92/172;transform:none}
body:not(.commercial-mode) .silhouette-card strong{margin-top:5px}
.location-microcopy{display:block;margin:8px 0 0;padding-left:18px;color:#70676e;font-size:11px;line-height:1.45;text-align:left}
.location-microcopy::before{margin-left:-18px;margin-right:7px;color:var(--plum);content:"✦"}
.phase-three-complete>p{max-width:590px;margin:12px auto}
.phase-three-complete .completion-chips{margin-bottom:12px}
@media(max-width:600px){
  body:not(.commercial-mode) .color-result-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  body:not(.commercial-mode) .color-result .tone-sample{min-height:106px;padding:52px 7px 10px}
  body:not(.commercial-mode) .silhouette-card .human-reference{width:74px;height:146px;transform:none}
  body:not(.commercial-mode) .silhouette-card{padding-top:7px;padding-bottom:8px}
  body:not(.commercial-mode) .silhouette-card strong{margin-top:3px;font-size:9.5px}
  .location-microcopy{margin-top:6px;font-size:10.5px}
  .phase-three-complete .phase-labels{margin-bottom:12px}
  .phase-three-complete .completion-chips{margin:12px auto 9px}
  .phase-three-complete>p{margin:9px auto;font-size:12px!important}
}

/* Comparative silhouette diagrams */
body:not(.commercial-mode) .silhouette-card .shape-reference{display:grid;width:80px;height:150px;place-items:center;overflow:visible;border-radius:34px 34px 15px 15px;background:linear-gradient(180deg,#eee3dc,#ddcbc8);aspect-ratio:auto}
.shape-diagram{display:block;width:76px;height:142px;overflow:visible;color:#806274}
.shape-diagram .shape-head{fill:#b77f69}
.shape-diagram .shape-body,.shape-diagram .shape-leg-start{fill:currentColor}
.shape-diagram .shape-leg-start{opacity:.82}
.shape-diagram.unsure{color:#a89ca3;opacity:.72}
.shape-diagram text{fill:#fff;font:700 28px/1 "DM Sans",sans-serif;paint-order:stroke;stroke:rgba(74,55,65,.24);stroke-width:2px}
@media(max-width:600px){
  body:not(.commercial-mode) .silhouette-card .shape-reference{width:74px;height:146px}
  .shape-diagram{width:70px;height:138px}
}

/* Final iPhone QA corrections */
body:not(.commercial-mode) .style-card-text-only{height:auto;min-height:84px;padding-top:12px;padding-bottom:11px}
body:not(.commercial-mode) .style-card-text-only small{display:-webkit-box!important;visibility:visible!important;min-height:0;margin:0!important;color:#716a72;opacity:1!important;font-size:11px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body:not(.commercial-mode) .option.selected,body:not(.commercial-mode) .option.choice-confirmed,body:not(.commercial-mode) .age-card.selected,body:not(.commercial-mode) .age-card.choice-confirmed,body:not(.commercial-mode) .feature-card.selected,body:not(.commercial-mode) .feature-card.choice-confirmed,body:not(.commercial-mode) .silhouette-card.selected,body:not(.commercial-mode) .silhouette-card.choice-confirmed{box-sizing:border-box;border:1px solid var(--plum);background:#f3e8ed;box-shadow:inset 0 0 0 1px var(--plum),0 7px 18px rgba(91,61,82,.11);transform:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
body:not(.commercial-mode) .option.selected>i,body:not(.commercial-mode) .option.choice-confirmed>i{border-color:var(--plum);color:#fff;background:var(--plum)}
body:not(.commercial-mode) .color-card.selected .color-swatch{outline:0;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--plum),0 8px 18px rgba(91,61,82,.15)}
.quiz-review-track{padding-left:1px}
.testimonial-track{padding-left:4px}
@media(max-width:600px){
  body:not(.commercial-mode) .style-card-text-only{min-height:82px;padding:11px 8px 10px}
  body:not(.commercial-mode) .style-card-text-only strong{font-size:12px}
  body:not(.commercial-mode) .style-card-text-only small{font-size:11px;line-height:1.25}
  .quiz-review-card{width:calc(82vw - 20px);min-height:112px;padding:11px 13px}
  .quiz-review-card strong{font-size:10.5px}.quiz-review-card span{margin:4px 0}.quiz-review-card p{font-size:11px;line-height:1.4}
  .testimonial-marquee{margin-left:0;margin-right:calc(50% - 50vw)}
  .testimonial-track{padding:6px 0 14px}
  .testimonial-marquee .testimonial-slot{flex-basis:80vw;min-width:0;min-height:0;padding:16px 17px}
  .testimonial-marquee .testimonial-slot .testimonial-person{line-height:1.25}
  .testimonial-marquee .proof-stars{margin-top:5px;font-size:.82rem}
  .testimonial-marquee .testimonial-slot p{margin-top:8px;font-size:.94rem;line-height:1.42}
}
.commercial-mode .primary-button:not(:disabled){animation-name:commercialCtaPulseStrong;animation-duration:3.2s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-iteration-count:infinite}
.commercial-mode .primary-button:not(:disabled)>span{animation-name:commercialArrowNudgeStrong;animation-duration:3.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.commercial-mode .sales-hero-final .primary-button>span{animation-name:commercialArrowDownStrong}
.commercial-mode .pricing-section .plan-card:nth-child(2) .plan-button{animation-name:commercialCtaPulseFeaturedStrong}
@keyframes commercialCtaPulseStrong{0%,30%,100%{transform:scale(1);box-shadow:0 12px 28px rgba(87,56,70,.24)}15%{transform:scale(1.04);box-shadow:0 20px 44px rgba(166,97,78,.5),0 0 0 8px rgba(166,97,78,.12)}}
@keyframes commercialCtaPulseFeaturedStrong{0%,30%,100%{transform:scale(1);box-shadow:0 13px 30px rgba(87,56,70,.28)}15%{transform:scale(1.05);box-shadow:0 22px 48px rgba(166,97,78,.56),0 0 0 9px rgba(166,97,78,.15)}}
@keyframes commercialArrowNudgeStrong{0%,30%,100%{transform:translateX(0)}15%{transform:translateX(6px)}}
@keyframes commercialArrowDownStrong{0%,30%,100%{transform:translateY(0)}15%{transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){
  .commercial-mode .primary-button:not(:disabled),.commercial-mode .primary-button:not(:disabled)>span{animation:none!important;will-change:auto}
}