:root{--wine:#742446;--rose:#c96688;--blush:#fbe0e9;--cream:#fff8fa;--ink:#3e2732;--muted:#846070;--gold:#d4af37;--line:#e8b6c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 "DM Sans",Arial,sans-serif}.header{width:min(1160px,calc(100% - 44px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;color:var(--wine);font-size:20px;font-weight:700;text-decoration:none}.brand span{display:grid;place-items:center;width:31px;height:31px;background:var(--rose);color:#fff;border-radius:50% 50% 50% 8px;font:700 19px "Playfair Display",serif}.brand em{font:600 20px "Playfair Display",serif}.text-link,.back,.restart{border:0;background:none;color:var(--wine);font:600 14px "DM Sans";cursor:pointer}.text-link b{margin-left:6px;color:var(--rose);font-size:20px}.hero{max-width:1160px;margin:auto;min-height:590px;padding:42px 22px 88px;display:grid;grid-template-columns:1fr .88fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--rose);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;margin:0 0 18px}.eyebrow span{width:27px;height:2px;background:currentColor}.eyebrow.center{justify-content:center}.hero h1,.intro h2,.offer h2,.quiz-card h2,.loading-card h2,.result-card h2{font-family:"Playfair Display",serif;letter-spacing:-1.4px;line-height:1.05;margin:0}.hero h1{font-size:clamp(43px,5.2vw,71px)}.hero h1 i{color:var(--rose);font-weight:600}.lead{color:var(--muted);font-size:18px;line-height:1.65;max-width:530px;margin:25px 0}.button{border:0;border-radius:999px;padding:16px 22px;display:inline-flex;justify-content:center;gap:15px;align-items:center;font:700 15px "DM Sans";cursor:pointer;text-decoration:none;transition:.2s transform}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--wine);color:#fff;box-shadow:0 12px 28px #74244633}.button b{font-size:21px}.micro{font-size:12px;color:var(--muted);margin:14px 0}.hero-image{height:500px;position:relative}.hero-image:before{content:"";position:absolute;background:var(--gold);border-radius:999px;inset:-28px -28px 28px 44px}.hero-image img{width:100%;height:100%;position:relative;object-fit:cover;border-radius:210px 210px 24px 24px}.quote-card{position:absolute;bottom:28px;left:-34px;background:#fffafd;padding:15px 18px;border-radius:14px;box-shadow:0 15px 30px #3e273221;font-size:12px}.quote-card b{color:var(--wine);font-size:14px}.intro{text-align:center;padding:88px 24px 93px;background:var(--blush)}.intro h2{max-width:800px;margin:0 auto 15px;font-size:clamp(31px,4.1vw,52px)}.intro>p:not(.eyebrow){max-width:675px;margin:auto;color:var(--muted);font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:left;max-width:1040px;margin:56px auto 0}.steps article{border-right:1px solid #d9a6b7;padding-right:25px}.steps article:last-child{border:0}.steps b{font:italic 24px "Playfair Display";color:var(--wine)}.steps h3{margin:10px 0 5px;font-size:17px}.steps p{margin:0;color:var(--muted);font-size:14px}.offer{max-width:1050px;margin:98px auto;display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:center;padding:0 24px}.offer h2{font-size:54px}.offer>div>p:not(.eyebrow){color:var(--muted);font-size:17px}.offer ul{list-style:none;padding:0;margin:26px 0}.offer li{margin:10px 0;padding-left:24px;position:relative}.offer li:before{content:"✦";position:absolute;left:0;color:var(--gold)}.offer aside{background:var(--wine);padding:37px 32px;border-radius:28px;text-align:center;color:#fff;box-shadow:0 20px 35px #7424462e}.offer aside p,.offer aside span{margin:0;color:#f4dfe7;font-size:13px}.offer aside strong{display:block;font:700 48px "Playfair Display";margin:6px 0}.button-light{width:100%;margin-top:25px;background:#fff;color:var(--wine)}footer{padding:34px max(24px,calc((100% - 1100px)/2));border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer p{margin:0;color:var(--muted);font-size:13px}.overlay{position:fixed;inset:0;z-index:9;display:none;overflow-y:auto;overscroll-behavior:contain;padding:20px;background:#3e2732a8;backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch}.overlay.active{display:grid;place-items:center}.quiz-card,.loading-card,.result-card{width:min(650px,100%);margin:auto;background:var(--cream);border-radius:28px;padding:42px 48px;box-shadow:0 25px 80px #2d122944;position:relative}.close{position:absolute;right:18px;top:8px;border:0;background:none;color:var(--muted);font-size:31px;cursor:pointer}.quiz-head{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.quiz-head span{font-weight:700;color:var(--wine)}.quiz-head em{font-family:"Playfair Display"}.progress{height:5px;border-radius:9px;background:var(--blush);overflow:hidden;margin:17px 0 36px}.progress i{display:block;background:var(--rose);height:100%;width:20%;border-radius:inherit;transition:.3s width}.quiz-card h2{font-size:clamp(30px,4.5vw,46px)}.help{color:var(--muted);margin:14px 0 22px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:11px}.answers button{min-height:72px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;text-align:left;font:600 14px "DM Sans";color:var(--ink);cursor:pointer}.answers button:hover{border-color:var(--rose);background:#fff4f7}.back{margin-top:14px}.loading-card,.result-card{text-align:center}.flower{display:grid;place-items:center;width:76px;height:76px;margin:auto auto 22px;border:2px solid var(--gold);border-radius:50%;color:var(--rose);font-size:29px;animation:spin 1.3s linear infinite}.loading-card h2{font-size:37px}.load-line{display:none;text-align:left;color:var(--muted);margin:9px 0}.load-line.active{display:block}.load-line.active:before{content:"✓";color:var(--rose);font-weight:700;margin-right:8px}.loading .progress{margin-top:23px}.result-card h2{font-size:clamp(43px,6vw,65px);color:var(--wine)}.kicker{color:var(--muted);font-size:14px;margin:16px 0 5px}.result-desc{color:var(--muted);font-size:16px;max-width:500px;margin:14px auto}.glimpse{margin:22px auto;background:#fff1f5;border-radius:16px;padding:16px;text-align:left}.glimpse span{display:block;text-transform:uppercase;letter-spacing:1px;color:var(--rose);font-size:10px;font-weight:700}.glimpse strong{display:block;margin-top:5px;color:var(--wine)}.locked{background:var(--blush);border-radius:18px;padding:21px 24px;text-align:left}.locked-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.locked-head span{font-size:9px;color:var(--rose);font-weight:700;letter-spacing:.8px}.locked p{font-size:13px;color:var(--muted);margin:8px 0 13px}.locked ul{padding:0;margin:0;list-style:none}.locked li{display:grid;grid-template-columns:24px 1fr 18px;gap:9px;align-items:center;border-top:1px solid #e5c5cf;padding:11px 0;font-size:13px;font-weight:600}.locked li b{display:grid;place-items:center;background:#fff;border-radius:50%;width:22px;height:22px;color:var(--rose);font-size:11px}.locked li i{font-style:normal;filter:grayscale(1);font-size:12px}.price{margin:20px 0 15px;display:flex;gap:7px;justify-content:center;align-items:baseline}.price span,.price small{font-size:12px;color:var(--muted)}.price strong{font:700 31px "Playfair Display";color:var(--wine)}.buy{width:100%}.restart{display:block;margin:16px auto 0;text-decoration:underline;color:var(--muted);font-size:12px}.notice{font-size:10px;line-height:1.4;color:var(--muted);margin:18px 0 0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.header{height:70px;width:calc(100% - 32px)}.text-link{display:none}.hero{grid-template-columns:1fr;padding:35px 22px 68px;gap:37px}.hero h1{font-size:47px}.hero-image{height:410px;width:91%;justify-self:center}.steps{grid-template-columns:1fr;gap:24px;margin-top:40px}.steps article{padding:0 0 22px;border-right:0;border-bottom:1px solid #d9a6b7}.offer{margin:70px auto;grid-template-columns:1fr;gap:33px}.offer h2{font-size:46px}.quiz-card,.loading-card,.result-card{padding:34px 22px;border-radius:23px}.answers{grid-template-columns:1fr}.overlay{padding:13px}.result.active{display:block}.result-card{margin:0 auto}.locked-head{align-items:flex-start;flex-direction:column;gap:3px}footer{display:block}footer p{margin-top:10px}}
