/* OXXY 2.145 — solid pop surfaces and editorial images throughout the choices. */
.header.header-minimal{background:#161616;backdrop-filter:none}
.menu-toggle,.menu-close{background:#242424;border-color:#585858}
.site-menu{background:#171c2b;border-color:#464c60}
.menu-offers>a{background:#242c40;border-color:#404a63}.menu-offers>a:hover{background:#303b54}
.menu-feed{background:#ffe15b}.menu-training{background:#a7b4ff}
.menu-offer-icon{overflow:hidden;width:54px;height:54px;border-radius:10px;background:#ffe15b}
.menu-offer-icon img{width:100%;height:100%;object-fit:cover}
.content-dialog:has([data-explorer]){background:#f5f2e9;border:1px solid #fff;color:#222531;width:min(1020px,calc(100% - 48px));max-width:1020px;box-shadow:0 28px 100px #0009}
.content-dialog:has([data-explorer])::backdrop{background:#0b1020d9;backdrop-filter:blur(8px)}
.content-dialog:has([data-explorer]) .dialog-close{background:#242a3b;color:#fff;border:0;width:40px;height:40px;top:24px;right:24px}
.explorer-pop{padding:36px}
.explorer-pop .explorer-top{color:#616677;margin-bottom:25px}
.explorer-pop .explorer-progress{color:#383f58}
.explorer-pop .mini-orb{background:#ffdb39;box-shadow:inset -3px -4px 5px #dba710}
.explorer-pop .detail-title{color:#222531;font-size:42px;font-weight:500;margin-bottom:26px}
.explorer-pop .explorer-choices{gap:16px}
.explorer-pop .explorer-choices button{display:grid;grid-template-columns:1fr 34px;grid-template-rows:auto 1fr;gap:0;padding:0;overflow:hidden;min-height:0;border:1px solid #20253412;border-radius:17px;box-shadow:0 4px 0 #2025340b;color:#202534}
.explorer-pop .explorer-choices button[data-need=learn]{background:#ffe15b}
.explorer-pop .explorer-choices button[data-need=practice]{background:#ffad8e}
.explorer-pop .explorer-choices button[data-need=build]{background:#a9b8ff}
.explorer-pop .explorer-choices button[data-profile=solo]{background:#a9b8ff}
.explorer-pop .explorer-choices button[data-profile=team]{background:#a4d8b5}
.choice-photo{grid-column:1/-1;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#deddd5}
.choice-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.explorer-pop .choice-copy{padding:22px 0 24px 20px;min-width:0}
.explorer-pop .choice-copy strong{font-size:23px;line-height:1.12;letter-spacing:-.045em}
.explorer-pop .choice-copy small{font-size:11px;margin-top:9px;opacity:1;line-height:1.5}
.explorer-pop .explorer-choices b{width:30px;height:30px;background:#fff;border:0;color:#252c43;align-self:center;justify-self:center;margin:0 18px 0 0;font-size:18px}
.explorer-pop .explorer-choices button:hover{transform:translateY(-4px);box-shadow:0 10px 20px #20253420}
.explorer-pop .explorer-choices button:hover .choice-photo img{transform:scale(1.04)}
.explorer-pop .explorer-choices button:focus-visible{outline:3px solid #344aba;outline-offset:4px}
.profile-choices .choice-photo{aspect-ratio:16/9}
.explorer-pop .explorer-back{color:#4a5163;font-size:12px;margin-top:18px}
.explorer-image-note{color:#777b85;font-size:9px;line-height:1.4;margin:19px 0 0}
.explorer-pop .explorer-result{display:grid;grid-template-columns:36% 1fr;gap:0;padding:0;background:#fff;border:1px solid #deded8;overflow:hidden}
.result-photo{min-height:270px;background:#dcded6}.result-photo img{width:100%;height:100%;object-fit:cover;display:block}
.result-copy{padding:28px}.explorer-pop .explorer-result h3{color:#252c43;font-size:29px}
.explorer-pop .explorer-result p{color:#555d6e;font-size:14px}
.explorer-pop .explorer-result .result-format{color:#4a5266;font-size:11px;margin:18px 0 22px}
.explorer-pop .explorer-result .button{background:#ffe15b;color:#242b3e;border:1px solid #e2c744}
body.mode-home .start-section{background:#f3f1e9}
.start-offer{padding:0;overflow:hidden;border-radius:17px;border:1px solid #20253416;min-height:0}
.offer-photo{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#deddd5}
.offer-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.offer-image-note{position:absolute;bottom:8px;right:8px;background:#242b3e;color:#fff;padding:4px 6px;border-radius:5px;font-size:7px;letter-spacing:.01em}
.start-offer h3{padding:23px 20px 0;margin-bottom:20px;font-size:23px}
.start-offer .offer-caption{padding:0 20px 21px}.offer-caption small{color:#343d48;font-size:11px}
.start-offer .offer-caption>span{background:#fff;border:0;color:#252c43}
.start-coaching,.start-coaching:hover{background:#ffe15b;border-color:#e4c64d}
.start-suivi,.start-suivi:hover{background:#ffad8e;border-color:#e1977c}
.start-ia,.start-ia:hover{background:#a4d8b5;border-color:#8dbd9e}
.start-vibe,.start-vibe:hover{background:#a9b8ff;border-color:#8e9ede}
.start-offer:hover .offer-photo img{transform:scale(1.04)}
.post-brand,.post-image-note{background:#202636;backdrop-filter:none}
@media(max-width:760px){
 .content-dialog:has([data-explorer]){width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:20px}
 .content-dialog:has([data-explorer]) .dialog-close{top:16px;right:16px;width:35px;height:35px}
 .explorer-pop{padding:27px 18px 20px}.explorer-pop .explorer-top{font-size:7px;margin-bottom:24px;padding-right:38px}
 .explorer-pop .detail-title{font-size:31px;max-width:15ch;margin-bottom:22px}
 .explorer-pop .explorer-choices{grid-template-columns:1fr;gap:12px}
 .explorer-pop .explorer-choices button{grid-template-columns:105px 1fr 23px;grid-template-rows:1fr;min-height:120px;border-radius:13px}
 .choice-photo,.profile-choices .choice-photo{grid-column:1;aspect-ratio:auto;height:100%;min-height:120px}
 .explorer-pop .choice-copy{padding:17px 8px 17px 14px;align-self:center}
 .explorer-pop .choice-copy strong{font-size:19px;line-height:1.15}
 .explorer-pop .choice-copy small{font-size:9px;margin-top:8px}
 .explorer-pop .explorer-choices b{width:23px;height:23px;font-size:15px;margin-right:12px}
 .explorer-pop .profile-choices button{min-height:145px;grid-template-columns:122px 1fr 23px}
 .explorer-pop .profile-choices .choice-photo{min-height:145px}
 .explorer-pop .explorer-result{grid-template-columns:1fr}
 .result-photo{min-height:0;height:140px}.result-copy{padding:22px}
 .explorer-pop .explorer-result h3{font-size:25px}.explorer-pop .explorer-result p{font-size:13px}
 .explorer-image-note{font-size:8px;margin-top:17px}
 .start-offer{padding:0;min-height:0;border-radius:13px}.start-offer h3{padding:16px 13px 0;font-size:19px;margin-bottom:16px;max-width:none}
 .start-offer .offer-caption{padding:0 13px 16px;gap:6px}.offer-caption small{font-size:9px}
 .offer-image-note{font-size:6px;bottom:6px;right:6px;padding:3px 5px}
}
@media(max-width:370px){
 .explorer-pop{padding:26px 15px 18px}.explorer-pop .detail-title{font-size:28px}
 .explorer-pop .explorer-choices button{grid-template-columns:82px 1fr 20px;min-height:115px}
 .choice-photo{min-height:115px}.explorer-pop .choice-copy{padding-left:11px}
 .explorer-pop .choice-copy strong{font-size:17px}.explorer-pop .choice-copy small{font-size:8px}
 .explorer-pop .explorer-choices b{width:20px;height:20px;font-size:13px;margin-right:10px}
 .explorer-pop .profile-choices button{grid-template-columns:92px 1fr 20px}
 .start-offer h3{font-size:17px;padding-inline:11px}.start-offer .offer-caption{padding-inline:11px}
}
@media(prefers-reduced-motion:reduce){
 .choice-photo img,.offer-photo img{transition:none}
 .explorer-pop .explorer-choices button:hover,.explorer-pop .explorer-choices button:hover .choice-photo img,.start-offer:hover .offer-photo img{transform:none}
}