:root{--ink:#201724;--cream:#fff9ef;--purple:#7854a7;--deep:#4d306f;--coral:#ff6f5f;--lime:#d8ed84;--line:#d9d0c9}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink)}body{background:radial-gradient(circle at 15% 5%,#fff 0,transparent 25%),var(--cream);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit}button:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #1c77c3}.shell{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid #20172424;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:86px;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:.12em;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:6px;font-weight:900;display:flex}.brandMark{width:32px;height:30px;display:block;position:relative}.brandMark i{background:var(--coral);border-radius:60% 15% 60% 20%;width:14px;height:22px;position:absolute;top:4px;left:8px;transform:rotate(42deg)}.brandMark i:nth-child(2){background:var(--purple);top:3px;left:1px;transform:rotate(162deg)}.brandMark i:nth-child(3){background:var(--lime);top:2px;left:15px;transform:rotate(282deg)}.resetLink,.textButton{cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:10px;font-weight:700;text-decoration:underline}.welcome{grid-template-columns:1fr .9fr;align-items:center;gap:70px;width:100%;max-width:1200px;min-height:650px;margin:auto;padding:64px 48px 80px;display:grid}.kicker{color:var(--deep);text-transform:uppercase;letter-spacing:.18em;margin:0 0 20px;font-size:12px;font-weight:900}h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:.95}.heroCopy h1{font-size:clamp(54px,6vw,82px)}.heroCopy h1 em{color:var(--purple);font-weight:500}.intro{color:#554d55;max-width:520px;margin:28px 0 30px;font-size:19px;line-height:1.55}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:space-between;gap:24px;min-width:230px;padding:17px 22px 17px 26px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 7px #dbccbf}.primary:hover{transform:translateY(-2px);box-shadow:0 9px #dbccbf}.primary span{font-size:20px}.heroCopy>.textButton{margin:12px 0 0 5px;display:block}.trust{color:#5a5059;text-transform:uppercase;letter-spacing:.07em;flex-wrap:wrap;gap:19px;margin-top:36px;font-size:12px;font-weight:800;display:flex}.trust span:first-letter{color:var(--purple)}.heroArt{aspect-ratio:1;justify-self:center;width:100%;max-width:480px;position:relative}.sunburst{background:repeating-conic-gradient(from 10deg,#eee5ff 0deg 12deg,#faf5ec 12deg 24deg);border-radius:50%;position:absolute;inset:9%;transform:rotate(-8deg)}.blob{border-radius:45% 55% 48% 52%;position:absolute}.blobOne{background:var(--lime);width:52%;height:32%;top:17%;right:1%;transform:rotate(28deg)}.blobTwo{background:#ffa39a;width:42%;height:26%;bottom:17%;left:3%;transform:rotate(-27deg)}.tube{border:4px solid var(--ink);border-radius:60px 60px 24px 24px;flex-direction:column;justify-content:center;align-items:center;width:28%;height:64%;display:flex;position:absolute;box-shadow:11px 13px #20172424}.tube b{letter-spacing:.12em;font-size:12px}.tube small{font-family:Georgia;font-size:18px}.tubeOne{background:#f8c7ec;top:16%;left:25%;transform:rotate(-13deg)}.tubeTwo{color:#fff;background:#8e6bb9;height:58%;top:21%;right:19%;transform:rotate(13deg)}.spark{font-size:29px;position:absolute}.s1{color:var(--coral);top:5%;right:15%}.s2{color:var(--purple);bottom:8%;left:25%}.s3{font-size:16px;bottom:27%;right:5%}.quiz{width:100%;max-width:830px;margin:auto;padding:45px 28px 85px}.progressRow{align-items:center;gap:22px;margin-bottom:63px;display:flex}.back{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:44px;height:44px;font-size:20px}.progressWrap{flex:1}.progressLabels{letter-spacing:.16em;justify-content:space-between;margin-bottom:9px;font-size:10px;font-weight:900;display:flex}.progress{background:#e7dfd7;border-radius:5px;height:5px;overflow:hidden}.progress i{background:var(--purple);height:100%;transition:width .3s;display:block}.questionHead{text-align:center;margin-bottom:32px}.questionHead .kicker{margin-bottom:13px}.questionHead h1{max-width:680px;margin:auto;font-size:clamp(40px,6vw,58px)}.questionHead>p:last-child{color:#665c63;margin:16px 0 0}.choices{gap:13px;display:grid}.choice{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fffdf9;border-radius:18px;align-items:center;width:100%;padding:16px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 3px #0000}.choice:hover,.choice.selected{border-color:var(--purple);transform:translateY(-2px);box-shadow:0 5px #e4daec}.choiceIcon{width:58px;height:58px;color:var(--deep);background:#efe5fb;border-radius:15px;place-items:center;margin-right:18px;font-size:24px;display:grid}.choice .icon1{color:#a52f24;background:#ffd3ce}.choice .icon2{color:#526418;background:#e7f3b8}.choiceText{flex-direction:column;gap:5px;display:flex}.choiceText strong{font-family:Georgia;font-size:21px}.choiceText small{color:#6c6269;font-size:13px}.choiceArrow{margin-left:auto;font-size:21px}.autoNote{text-align:center;color:#786d74;margin-top:20px;font-size:12px}.result{width:100%;max-width:880px;margin:auto;padding:56px 28px 85px}.resultTop{text-align:center}.resultTop h1{color:var(--deep);font-size:clamp(49px,7vw,72px)}.resultTop>p:not(.kicker){color:#5f555d;max-width:610px;margin:20px auto;font-size:17px;line-height:1.55}.resultBadges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.resultBadges span{color:var(--deep);text-transform:uppercase;letter-spacing:.08em;border:1px solid #bcaac8;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900}.routineCard{border:1px solid var(--line);background:#fff;border-radius:24px;margin:44px 0 22px;overflow:hidden;box-shadow:0 12px 30px #33202d12}.routineHeading{background:var(--ink);color:#fff;letter-spacing:.14em;justify-content:space-between;padding:18px 24px;font-size:10px;font-weight:900;display:flex}.routineCard ol{margin:0;padding:0;list-style:none}.routineCard li{border-bottom:1px solid #e7dfd8;grid-template-columns:92px 1fr auto;align-items:center;gap:22px;padding:22px 25px;display:grid}.productArt{border-radius:25px 42px 27px 37px;place-items:center;width:82px;height:82px;display:grid;transform:rotate(-3deg)}.productArt b{font-size:30px;transform:rotate(3deg)}.productArt.lilac{color:var(--deep);background:#dfcef4}.productArt.coral{color:#78241d;background:#ffaaa0}.productArt.lime{background:var(--lime);color:#53631e}.routineCard li small{letter-spacing:.16em;color:var(--purple);font-size:9px;font-weight:900}.routineCard h2{margin:4px 0;font-family:Georgia;font-size:24px}.routineCard li p{color:#655b62;margin:0;font-size:13px;line-height:1.4}.number{color:#d4c9c2;font-family:Georgia;font-size:24px}.catalogNote{color:#675e63;background:#f7f1e9;margin:0;padding:16px 25px;font-size:11px;line-height:1.5}.feedback{background:#eee4f6;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:24px 27px;display:flex}.feedback h2,.thanks h2{margin:0 0 5px;font-family:Georgia}.feedback p,.thanks p{color:#625a63;margin:0;font-size:13px}.feedbackButtons{gap:9px;display:flex}.feedbackButtons button{cursor:pointer;background:#fff;border:1px solid #b6a4c1;border-radius:999px;padding:11px 16px;font-weight:800}.feedbackButtons span{margin-right:5px}.thanks{align-items:center;gap:15px;width:100%;display:flex}.thanks>span{color:var(--coral);font-size:25px}.thanks button{cursor:pointer;background:0 0;border:0;margin-left:auto;text-decoration:underline}.resultActions{justify-content:center;align-items:center;gap:12px;margin-top:25px;display:flex}.secondary{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:12px 18px;font-weight:800}footer{background:var(--ink);color:#fff;letter-spacing:.1em;justify-content:space-between;align-items:center;min-height:72px;margin-top:auto;padding:0 max(30px,50vw - 568px);font-size:11px;display:flex}footer span{font-weight:900}footer p{opacity:.7}.loading{border:4px solid #e1d7e9;border-top-color:var(--purple);border-radius:50%;width:40px;height:40px;margin:auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:740px){.topbar{height:70px;padding:0 18px}.welcome{flex-direction:column;gap:45px;padding:42px 22px 60px;display:flex}.heroCopy h1{font-size:54px}.intro{margin:22px 0 25px;font-size:16px}.primary{width:100%}.trust{gap:11px;margin-top:28px;font-size:10px}.heroArt{order:-1;max-width:360px}.quiz{padding:27px 17px 60px}.progressRow{margin-bottom:42px}.questionHead h1{font-size:40px}.choice{padding:13px}.choiceIcon{width:49px;min-width:49px;height:49px;margin-right:13px}.choiceText strong{font-size:18px}.choiceText small{font-size:12px}.result{padding:40px 16px 60px}.resultTop h1{font-size:48px}.routineCard{margin-top:32px}.routineCard li{grid-template-columns:65px 1fr;gap:14px;padding:18px 14px}.productArt{width:64px;height:64px}.number{display:none}.feedback{flex-direction:column;align-items:flex-start}.feedbackButtons{width:100%}.feedbackButtons button{flex:1}.resultActions{flex-direction:column}.resultActions button{width:100%}footer{flex-direction:column;justify-content:center;gap:5px;min-height:90px;padding:18px}footer p{margin:0}.heroCopy>.textButton{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.skipLink{z-index:20;background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;font-weight:800;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skipLink:focus{transform:translateY(0)}h1,h2{text-wrap:balance}button,a{touch-action:manipulation;-webkit-tap-highlight-color:#7854a72e}@supports (padding:max(0px)){.topbar{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}footer{padding-bottom:env(safe-area-inset-bottom)}}