@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{color:#111325;background:#f7f7f5;font-family:DM Sans,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #5d55db;outline-offset:4px}.experience{min-height:100vh;overflow:hidden;position:relative;isolation:isolate;background:#f7f7f5}.orbital-background{background:url(/assets/sound-bubble-field.png) center top / cover no-repeat;inset:0 0 auto;height:min(1080px,100vh);pointer-events:none;position:absolute;transform:translate3d(calc(var(--pointer-x) * -8px),calc(var(--pointer-y) * -7px - var(--scroll-shift) * 1px),0) scale(1.025);transform-origin:center top;transition:transform .26s ease-out;z-index:-2}.site-header{align-items:center;display:flex;justify-content:space-between;padding:30px clamp(32px,5vw,78px);position:relative;z-index:2}.wordmark{color:#101225;font-size:18px;font-weight:600;letter-spacing:-.06em;text-decoration:none}.wordmark span{color:#685ed2;font-family:Playfair Display,Georgia,serif;font-size:16px;font-style:italic;font-weight:500;letter-spacing:-.03em;margin-left:6px}.private-note,.eyebrow{align-items:center;color:#69697a;display:inline-flex;font-size:11px;font-weight:600;gap:7px;letter-spacing:.11em;margin:0;text-transform:uppercase}.progress-rail{display:flex;flex-direction:column;gap:49px;left:clamp(28px,4vw,60px);position:absolute;top:136px;z-index:2}.progress-rail:before{background:#b8bac5;content:"";height:134px;left:9px;position:absolute;top:22px;width:1px;z-index:-1}.progress-rail span{align-items:center;color:#848595;display:flex;font-size:11px;height:22px;letter-spacing:.05em;width:30px}.progress-rail span:not(:first-child):before{background:#f7f7f5;border:1px solid #b8bac5;border-radius:50%;content:"";height:9px;left:5px;position:absolute;width:9px}.progress-rail span.is-done:not(:first-child):before,.progress-rail span.is-active:not(:first-child):before{background:#665cdc;border-color:#665cdc}.progress-rail span.is-active{color:#24233d}.progress-rail span.is-active:after{background:#665cdc;border-radius:50%;content:"";height:8px;left:6px;position:absolute;top:8px;width:8px}.question-stage,.result-stage{margin:0 auto;max-width:1440px;min-height:calc(100vh - 94px);padding:clamp(34px,6vh,82px) clamp(108px,12vw,184px) 78px;position:relative}.question-copy{max-width:750px;position:relative;z-index:1}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(45px,5.1vw,76px);font-weight:500;letter-spacing:-.072em;line-height:.99;margin:17px 0 20px;max-width:780px}.question-copy h1:first-line{letter-spacing:-.077em}.question-copy h1 em,h1 em{color:#625ad6;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:500}.intro,.result-heading>p:not(.eyebrow){color:#5f6070;font-size:16px;line-height:1.55;max-width:470px}.intro-stage{align-items:center;display:flex;margin:0 auto;max-width:1440px;min-height:calc(100vh - 94px);padding:clamp(40px,7vh,98px) clamp(108px,12vw,184px) 78px;position:relative}.intro-stage__copy{max-width:720px;position:relative;z-index:1}.intro-stage h1{font-size:clamp(56px,6vw,88px);margin-bottom:20px;max-width:660px}.intro-stage__lead{color:#47495c;font-size:clamp(17px,1.6vw,21px);line-height:1.45;margin-bottom:30px;max-width:560px}.journey-map{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0 0 28px;max-width:660px;padding:0}.journey-map li{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#ffffff8a;border:1px solid rgba(104,104,137,.18);border-radius:18px;display:grid;grid-template-columns:37px 1fr;min-height:86px;padding:14px 15px}.journey-map span{color:#645bd4;font-size:11px;font-weight:600;letter-spacing:.08em;padding-top:2px}.journey-map strong{color:#22243a;font-size:15px;font-weight:600;letter-spacing:-.03em}.journey-map small{color:#68697a;font-size:11px;grid-column:2;line-height:1.35;margin-top:-11px}.start-button{align-items:center;background:#17182f;border:0;border-radius:999px;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:12px;min-height:53px;padding:0 24px;transition:background .22s ease,transform .22s ease}.start-button:hover{background:#5850ca;transform:translateY(-2px)}.intro-stage__note{color:#6a6b7e;font-size:12px;line-height:1.45;margin:14px 0 0;max-width:510px}.product-orbit{height:min(47vw,530px);min-height:390px;position:relative}.product-preview{margin:0;opacity:.56;position:absolute;transform:translate3d(calc(var(--pointer-x) * 10px),calc(var(--pointer-y) * 10px),0);transition:opacity .36s ease,transform .36s ease}.product-preview img{display:block;height:auto;object-fit:contain;width:100%}.product-preview figcaption{display:none}.product-preview.is-active{opacity:1;transform:translate3d(calc(var(--pointer-x) * -13px),calc(var(--pointer-y) * -15px),0) scale(1.06)}.product-preview--libre{left:1%;top:34%;width:clamp(225px,28vw,410px)}.product-preview--absorbée{left:48%;top:10%;width:clamp(165px,21vw,300px)}.product-preview--sereine{right:-2%;top:42%;width:clamp(190px,24vw,340px)}.choice-list{display:grid;gap:13px;max-width:385px;position:absolute;right:clamp(100px,12vw,184px);top:clamp(278px,34vh,388px);width:min(33vw,385px);z-index:2}.choice-button{align-items:center;background:#ffffffab;border:1px solid rgba(100,102,139,.24);border-radius:18px;color:#1b1d34;display:grid;gap:13px;grid-template-columns:13px 1fr auto;min-height:92px;padding:16px 18px;text-align:left;transition:border-color .22s ease,background .22s ease,transform .22s ease}.choice-button:hover,.choice-button.is-selected{background:#ffffffe8;border-color:#5d55db;transform:translate(-5px)}.choice-button strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.045em;margin-bottom:3px}.choice-button small{color:#626374;display:block;font-size:12px;line-height:1.4}.choice-dot{background:#f7f7f5;border:1px solid #7a7b8d;border-radius:50%;height:11px;width:11px}.choice-button.is-selected .choice-dot{background:#6158d5;border:3px solid #d8d4ff}.stage-actions{align-items:center;bottom:70px;display:flex;justify-content:space-between;left:clamp(108px,12vw,184px);position:absolute;right:clamp(100px,12vw,184px)}.next-button,.save-button{align-items:center;background:#17182f;border:0;border-radius:999px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:13px;justify-content:center;min-height:51px;padding:0 24px;transition:background .22s ease,transform .22s ease}.next-button:hover:not(:disabled),.save-button:hover:not(:disabled){background:#5850ca;transform:translateY(-2px)}.next-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.42}.text-button{background:none;border:0;color:#37384b;font-size:13px;padding:10px 0;text-decoration:underline;text-decoration-color:#8f8aa4;text-underline-offset:5px}.is-first-stage .wordmark{opacity:0;pointer-events:none}.question-stage.is-first{min-height:calc(100vh - 94px);padding-top:18px}.question-stage.is-first .question-copy{margin:0 auto;max-width:800px;text-align:center}.question-stage.is-first .question-copy .eyebrow{display:none}.question-stage.is-first h1{font-size:clamp(48px,5vw,72px);line-height:.98;margin-top:0}.question-stage.is-first h1 em{display:inline-block;font-size:1.07em}.first-stage-note{color:#55566a;font-size:15px;line-height:1.45;margin:17px auto 0;max-width:440px}.question-stage.is-first .product-orbit{height:min(54vw,590px);margin-top:-6px}.question-stage.is-first .product-preview--libre{left:2%;top:41%;width:clamp(235px,27vw,385px)}.question-stage.is-first .product-preview--absorbée{left:59%;top:18%;width:clamp(170px,18vw,270px)}.question-stage.is-first .product-preview--sereine{right:3%;top:54%;width:clamp(180px,21vw,310px)}.question-stage.is-first .choice-list{display:block;height:0;max-width:none;position:static;width:auto}.question-stage.is-first .choice-button{background:none;border:0;border-radius:0;display:grid;gap:14px;grid-template-columns:1fr 38px;min-height:0;padding:0;position:absolute;text-align:left;width:215px}.question-stage.is-first .choice-button:hover,.question-stage.is-first .choice-button.is-selected{background:none;border:0;transform:translateY(-3px)}.question-stage.is-first .choice-button strong{color:#26263a;font-family:Playfair Display,Georgia,serif;font-size:clamp(32px,3vw,48px);font-weight:500;letter-spacing:-.07em;line-height:.92}.question-stage.is-first .choice-button small{color:#636477;font-size:12px;max-width:185px}.question-stage.is-first .choice-button svg{border:1px solid #777a91;border-radius:50%;height:42px;padding:9px;width:42px}.question-stage.is-first .choice-dot{display:none}.question-stage.is-first .choice-button:nth-child(1){left:clamp(108px,13vw,190px);top:clamp(360px,41vh,465px)}.question-stage.is-first .choice-button:nth-child(2){right:clamp(96px,11vw,165px);top:clamp(245px,27vh,340px)}.question-stage.is-first .choice-button:nth-child(2) strong{color:#55399b}.question-stage.is-first .choice-button:nth-child(2) small{color:#654da2}.question-stage.is-first .choice-button:nth-child(3){right:clamp(220px,24vw,375px);top:clamp(560px,62vh,650px)}.question-stage.is-first .choice-button:nth-child(3) strong{color:#2d7275}.question-stage.is-first .choice-button:nth-child(3) small{color:#377f80}.question-stage.is-first .stage-actions{bottom:54px;justify-content:center}.question-stage.is-first .next-button{background:none;border-bottom:2px solid #5f56d2;border-radius:0;color:#17182f;font-size:18px;font-weight:500;min-height:auto;padding:7px 0}.question-stage.is-first .next-button:hover:not(:disabled){background:none;color:#5f56d2;transform:translateY(-2px)}.question-stage.is-first .next-button:disabled{opacity:.48}.text-button:disabled{cursor:wait;opacity:.45}.result-stage{min-height:auto;padding-bottom:96px}.result-heading{max-width:720px;padding-top:20px}.result-heading h1{margin-bottom:18px}.result-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:60px}.result-card{background:#ffffffb8;border:1px solid rgba(104,104,137,.22);border-radius:26px;min-height:590px;overflow:hidden;padding:27px;position:relative;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.result-card.is-picked{border-color:#6158d5;box-shadow:0 20px 48px #32307324;transform:translateY(-7px)}.result-card__pick{background:#16172d;border:0;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:7px;padding:9px 13px;position:absolute;right:20px;top:20px;z-index:1}.result-card.is-picked .result-card__pick{background:#5f56d2}.result-card__top{align-items:center;display:flex;min-height:160px}.result-card__top p,.color-note{color:#6d6e7e;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.result-card__top h3{font-family:Playfair Display,Georgia,serif;font-size:29px;font-weight:500;letter-spacing:-.06em;line-height:.97;margin:7px 0;max-width:150px}.result-card__top img{height:180px;margin-left:auto;object-fit:contain;width:53%}.result-card__summary{color:#343549;font-size:16px;line-height:1.4;min-height:68px}.pros-cons{display:grid;gap:23px}.pros-cons h4{color:#5c5d71;font-size:11px;letter-spacing:.09em;margin-bottom:10px;text-transform:uppercase}.pros-cons ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.pros-cons li{align-items:flex-start;color:#545568;display:flex;font-size:12px;gap:7px;line-height:1.45}.pros-cons li svg{color:#5e55d1;flex:none;margin-top:1px}.color-gallery{border-top:1px solid rgba(104,104,137,.18);margin-top:23px;padding-top:18px}.color-gallery>p{color:#5b5c6f;font-size:12px;line-height:1.4;margin-bottom:13px}.color-gallery__grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-choice{background:#f6f6f8e0;border:1px solid transparent;border-radius:12px;color:#4c4d62;display:block;min-height:105px;overflow:hidden;padding:0 0 8px;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:100%}.color-choice:hover{background:#fff;border-color:#aaa6e8;transform:translateY(-2px)}.color-choice.is-selected{background:#f1f0ff;border-color:#6058d2;box-shadow:0 8px 18px #504ab429}.color-choice img{display:block;height:76px;object-fit:contain;padding:5px;width:100%}.color-choice span{display:block;font-size:10px;line-height:1.15;padding:0 8px}.save-panel{align-items:center;background:#17182f;border-radius:28px;color:#fff;display:flex;justify-content:space-between;margin-top:26px;padding:33px clamp(25px,4vw,56px)}.save-panel .eyebrow{color:#c9c7ef}.save-panel h2{font-family:Playfair Display,Georgia,serif;font-size:31px;font-weight:500;letter-spacing:-.055em;margin:9px 0 7px}.save-panel p:not(.eyebrow){color:#d7d6e6;font-size:13px;line-height:1.5;margin-bottom:0;max-width:500px}.save-button{background:#efeff3;color:#17182f;flex:none}.save-button:hover:not(:disabled){background:#c9c4ff}.save-success{align-items:center;display:flex;font-family:Playfair Display,Georgia,serif;font-size:clamp(24px,3vw,38px);gap:16px;letter-spacing:-.05em;padding:12px 0}.save-success svg{color:#c7c2ff;flex:none}.restart{display:block;margin:24px auto 0}.site-footer{color:#777888;font-size:11px;letter-spacing:.08em;padding:25px;position:relative;text-align:center;text-transform:uppercase}@media(max-width:1020px){.question-stage,.result-stage,.intro-stage{padding-left:92px;padding-right:58px}.choice-list{right:58px}.stage-actions{left:92px;right:58px}.result-grid{grid-template-columns:1fr;max-width:650px}.result-card{min-height:auto}}@media(max-width:720px){.orbital-background{height:680px;background-position:50% 0}.site-header{padding:23px 24px}.private-note{font-size:9px}.progress-rail{display:none}.question-stage,.result-stage{min-height:calc(100vh - 70px);padding:40px 24px 44px}.intro-stage{align-items:flex-start;min-height:calc(100vh - 70px);padding:38px 24px 44px}.intro-stage h1{font-size:clamp(46px,13vw,62px)}.intro-stage__lead{font-size:16px}.journey-map{grid-template-columns:1fr}h1{font-size:clamp(40px,12.2vw,58px)}.intro{font-size:14px;max-width:340px}.product-orbit{height:292px;min-height:0}.product-preview--libre{left:-6%;top:37%;width:175px}.product-preview--absorbée{left:34%;top:3%;width:145px}.product-preview--sereine{right:-8%;top:39%;width:170px}.is-first-stage .wordmark{opacity:1;pointer-events:auto}.question-stage.is-first{min-height:calc(100vh - 70px);padding-top:18px}.question-stage.is-first .question-copy{text-align:left}.question-stage.is-first h1{font-size:clamp(42px,11.5vw,56px);text-align:left}.question-stage.is-first .product-orbit{height:276px}.question-stage.is-first .product-preview--libre{left:-7%;top:42%;width:175px}.question-stage.is-first .product-preview--absorbée{left:37%;top:12%;width:135px}.question-stage.is-first .product-preview--sereine{right:-9%;top:46%;width:162px}.question-stage.is-first .choice-list{height:auto;position:relative}.question-stage.is-first .choice-button{background:#ffffffa8;border:1px solid rgba(100,102,139,.24);border-radius:16px;display:grid;grid-template-columns:13px 1fr auto;min-height:75px;padding:13px 15px;position:relative;width:100%}.question-stage.is-first .choice-button:hover,.question-stage.is-first .choice-button.is-selected{background:#ffffffe8;border-color:#5d55db;transform:translate(-3px)}.question-stage.is-first .choice-button strong{font-family:DM Sans,Arial,sans-serif;font-size:17px;line-height:1}.question-stage.is-first .choice-button svg{border:0;border-radius:0;height:25px;padding:0;width:25px}.question-stage.is-first .choice-dot{display:block}.question-stage.is-first .choice-button:nth-child(n){left:auto;right:auto;top:auto}.question-stage.is-first .stage-actions{bottom:auto;justify-content:flex-end}.question-stage.is-first .next-button{background:#17182f;border:0;border-radius:999px;color:#fff;font-size:14px;min-height:51px;padding:0 24px}.choice-list{margin-top:0;position:relative;right:auto;top:auto;width:100%}.choice-button{min-height:78px;padding:13px 15px}.choice-button strong{font-size:17px}.stage-actions{bottom:auto;left:auto;margin-top:22px;position:relative;right:auto}.result-heading{padding-top:0}.result-grid{margin-top:36px}.result-card{padding:22px}.color-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.save-panel{align-items:flex-start;flex-direction:column;gap:25px;margin-top:18px}.save-button{width:100%}}