.commerce-route-quiz{background:radial-gradient(circle at 8% 12%,rgba(255,209,53,.28),transparent 34%),radial-gradient(circle at 92% 16%,rgba(49,210,194,.22),transparent 34%),var(--jl-color-lightest-blue,#f7f9ff);padding:clamp(42px,6vw,86px) 0}.commerce-route-quiz__shell{align-items:center;background:#fff;border:2px solid var(--jl-color-light-blue,#e6edff);border-radius:34px;box-shadow:0 22px 58px rgba(31,47,107,.12);display:grid;gap:clamp(22px,4vw,54px);grid-template-columns:minmax(0,1fr) auto;padding:clamp(28px,4vw,54px)}.commerce-route-quiz__copy{max-width:780px}.commerce-route-quiz__copy h2,.commerce-route-quiz__header h2{color:var(--jl-color-dark-blue,#1f2f6b);font-family:var(--jl-font-heading,"Lexend",Arial,sans-serif);font-size:clamp(38px,5vw,72px);letter-spacing:-.04em;line-height:.96;margin:0}.commerce-route-quiz__description,.commerce-route-quiz__modal-description{color:var(--jl-color-body-grey,#56575e);font-family:var(--jl-font-body,"Mulish",Arial,sans-serif);font-size:clamp(17px,1.5vw,22px);line-height:1.55;max-width:680px}.commerce-route-quiz__open{cursor:pointer;white-space:nowrap}.commerce-route-quiz__subtitle{color:var(--jl-color-body-grey,#56575e);font-family:var(--jl-font-heading,"Quicksand","Lexend",Arial,sans-serif);font-size:clamp(22px,2vw,24px);font-weight:700;line-height:1.33;margin:0}.commerce-route-quiz__launch-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.commerce-route-quiz__secondary{cursor:pointer;min-width:188px}.commerce-route-quiz__media{border-radius:20px;overflow:hidden}.commerce-route-quiz__media img{border-radius:inherit;display:block;height:360px;object-fit:cover;width:100%}.commerce-route-quiz--hero{background:#fff;padding:50px 0}.commerce-route-quiz--hero .commerce-container{--commerce-container-max-width:1280px}.commerce-route-quiz--hero .commerce-route-quiz__shell{align-items:flex-start;background:transparent;border:0;border-radius:0;box-shadow:none;gap:clamp(32px,5vw,77px);grid-template-columns:minmax(0,660px) minmax(320px,540px);min-height:383px;padding:0}.commerce-route-quiz--hero .commerce-route-quiz__copy{align-items:flex-start;display:flex;flex-direction:column;gap:20px;max-width:660px;min-height:306px}.commerce-route-quiz--hero .commerce-eyebrow{display:none}.commerce-route-quiz--hero .commerce-route-quiz__copy h2{color:var(--jl-color-bright-blue,#4065d1);font-family:var(--jl-font-heading,"Quicksand","Lexend",Arial,sans-serif);font-size:clamp(42px,4.2vw,50px);font-weight:700;letter-spacing:0;line-height:1.16;max-width:660px}.commerce-route-quiz--hero .commerce-route-quiz__description{color:var(--jl-color-body-grey,#56575e);font-size:16px;line-height:1.69;max-width:640px}.commerce-route-quiz--hero .commerce-route-quiz__description p{margin:0}.commerce-route-quiz--hero .commerce-route-quiz__open,.commerce-route-quiz--hero .commerce-route-quiz__secondary{border-radius:24px;font-family:var(--jl-font-heading,"Quicksand","Lexend",Arial,sans-serif);font-size:16px;font-weight:700;line-height:1.25;min-height:44px}.commerce-route-quiz--hero .commerce-route-quiz__open{min-width:265px;padding:12px 20px}.commerce-route-quiz--hero .commerce-route-quiz__secondary{background:#fff;border:1.5px solid var(--jl-color-dark-grey,#3c3e48);color:var(--jl-color-body-grey,#56575e);min-width:188px;padding:0 20px}.commerce-route-quiz--hero .commerce-route-quiz__secondary:focus-visible,.commerce-route-quiz--hero .commerce-route-quiz__secondary:hover{border-color:var(--jl-color-bright-blue,#4065d1);color:var(--jl-color-bright-blue,#4065d1)}.commerce-route-quiz--hero .commerce-route-quiz__media{height:360px;width:540px}.commerce-route-quiz--hero .commerce-route-quiz__media img{height:100%}.commerce-route-quiz__modal[hidden]{display:none}.commerce-route-quiz__modal{display:grid;inset:0;padding:clamp(16px,3vw,40px);place-items:center;position:fixed;z-index:1000}.commerce-route-quiz__backdrop{backdrop-filter:blur(8px);background:rgba(31,47,107,.48);inset:0;position:absolute}.commerce-route-quiz__dialog{background:#fff;border:2px solid var(--jl-color-light-blue,#e6edff);border-radius:34px;box-shadow:0 26px 80px rgba(31,47,107,.24);display:flex;flex-direction:column;max-height:min(860px,calc(100vh - 32px));overflow:hidden;position:relative;width:min(980px,100%);z-index:1}.commerce-route-quiz__header{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto;padding:clamp(26px,4vw,44px) clamp(24px,4vw,50px) 18px}.commerce-route-quiz__close{background:var(--jl-color-lightest-blue,#f7f9ff);border:0;border-radius:50%;color:var(--jl-color-dark-blue,#1f2f6b);cursor:pointer;display:grid;font-size:30px;height:44px;line-height:1;place-items:center;width:44px}.commerce-route-quiz__progress{background:var(--jl-color-lightest-blue,#f7f9ff);border-radius:999px;height:10px;margin:0 clamp(24px,4vw,50px);overflow:hidden}.commerce-route-quiz__progress span{background:var(--jl-color-cta-yellow,#ffd135);border-radius:inherit;display:block;height:100%;transition:width .18s ease;width:var(--route-quiz-progress,0)}.commerce-route-quiz__body{overflow:auto;padding:clamp(24px,4vw,46px) clamp(24px,4vw,50px)}.commerce-route-quiz__email-copy h3,.commerce-route-quiz__result h3,.commerce-route-quiz__step h3{color:var(--jl-color-dark-grey,#3c3e48);font-family:var(--jl-font-heading,"Lexend",Arial,sans-serif);font-size:clamp(28px,3.4vw,46px);line-height:1.08;margin:0 0 12px}.commerce-route-quiz__step-copy{color:var(--jl-color-body-grey,#56575e);font-size:18px;line-height:1.55;margin:0 0 24px;max-width:680px}.commerce-route-quiz__options{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-route-quiz__option{background:#fff;border:2px solid var(--jl-color-light-blue,#e6edff);border-radius:24px;color:var(--jl-color-dark-grey,#3c3e48);cursor:pointer;display:grid;gap:8px;min-height:136px;padding:22px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.commerce-route-quiz__option:focus-visible,.commerce-route-quiz__option:hover{border-color:var(--jl-color-bright-blue,#4065d1);box-shadow:0 16px 34px rgba(31,47,107,.12);transform:translateY(-2px)}.commerce-route-quiz__option strong{color:var(--jl-color-dark-blue,#1f2f6b);font-family:var(--jl-font-heading,"Lexend",Arial,sans-serif);font-size:22px;line-height:1.15}.commerce-route-quiz__option span{color:var(--jl-color-body-grey,#56575e);font-size:15px;line-height:1.45}.commerce-route-quiz__result-card{align-items:center;background:radial-gradient(circle at 0 0,rgba(255,209,53,.22),transparent 40%),radial-gradient(circle at 100% 0,rgba(49,210,194,.18),transparent 40%),#fff;border:2px solid var(--jl-color-light-blue,#e6edff);border-radius:30px;display:grid;gap:clamp(22px,4vw,46px);grid-template-columns:minmax(0,.72fr) minmax(260px,.44fr);padding:clamp(22px,4vw,38px)}.commerce-route-quiz__result-media{background:var(--jl-color-lightest-blue,#f7f9ff);border-radius:24px;display:grid;min-height:260px;place-items:center}.commerce-route-quiz__result-media img{display:block;max-height:260px;object-fit:contain;width:min(260px,80%)}.commerce-route-quiz__result-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.commerce-route-quiz__pill{align-items:center;background:var(--jl-color-lightest-blue,#f7f9ff);border-radius:999px;display:inline-flex;font-size:12px;letter-spacing:.04em;min-height:30px;padding:6px 12px;text-transform:uppercase}.commerce-route-quiz__pill,.commerce-route-quiz__price{color:var(--jl-color-bright-blue,#4065d1);font-weight:800}.commerce-route-quiz__price{font-family:var(--jl-font-heading,"Lexend",Arial,sans-serif);font-size:30px;margin:16px 0 0}.commerce-route-quiz__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.commerce-route-quiz__email{background:#fff;border:2px solid var(--jl-color-light-blue,#e6edff);border-radius:24px;margin-top:24px;padding:24px}.commerce-route-quiz__email form{display:grid;gap:14px}.commerce-route-quiz__email label{color:var(--jl-color-dark-blue,#1f2f6b);display:grid;font-weight:800;gap:8px}.commerce-route-quiz__email input[type=email]{border:2px solid var(--jl-color-light-blue,#e6edff);border-radius:18px;color:var(--jl-color-dark-grey,#3c3e48);font:inherit;min-height:54px;padding:0 18px;width:100%}.commerce-route-quiz__consent{align-items:start;color:var(--jl-color-body-grey,#56575e);display:grid;font-size:14px;gap:10px;grid-template-columns:auto minmax(0,1fr);line-height:1.45}.commerce-route-quiz__message{color:var(--jl-color-body-grey,#56575e);font-weight:700;margin:0}.commerce-route-quiz__message--error{color:#b42318}.commerce-route-quiz__message--success{color:#08746f}.commerce-route-quiz__footer{display:flex;gap:14px;justify-content:space-between;padding:0 clamp(24px,4vw,50px) clamp(24px,4vw,42px)}@media (max-width:900px){.commerce-route-quiz--hero .commerce-route-quiz__shell{gap:30px;grid-template-columns:1fr;min-height:0}.commerce-route-quiz--hero .commerce-route-quiz__copy{min-height:0}.commerce-route-quiz--hero .commerce-route-quiz__media{height:auto;width:100%}.commerce-route-quiz__media img{aspect-ratio:3/2;height:auto}}@media (max-width:820px){.commerce-route-quiz__header,.commerce-route-quiz__result-card,.commerce-route-quiz__shell{grid-template-columns:1fr}.commerce-route-quiz__close,.commerce-route-quiz__open{justify-self:start}.commerce-route-quiz__options{grid-template-columns:1fr}}@media (max-width:520px){.commerce-route-quiz{padding:28px 0}.commerce-route-quiz__dialog,.commerce-route-quiz__result-card,.commerce-route-quiz__shell{border-radius:24px}.commerce-route-quiz__modal{padding:10px}.commerce-route-quiz__dialog{max-height:calc(100vh - 20px)}}