.saq-mount,.saq-mount *{box-sizing:border-box}
.saq-mount{width:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:#252a2e;line-height:1.4}
.saq-shell{width:min(1180px,100%);margin:0 auto;border:1px solid #e4e6e8;border-radius:12px;background:#fff;box-shadow:0 18px 55px rgba(20,25,30,.1);overflow:hidden}
.saq-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:560px}
.saq-intro[hidden],.saq-flow[hidden]{display:none}
.saq-intro-media{background:#f1f2f3;overflow:hidden}
.saq-intro-media img{display:block;width:100%;height:100%;object-fit:cover}
.saq-intro-content{display:flex;flex-direction:column;justify-content:center;padding:48px 56px;border-left:1px solid #e4e6e8}
.saq-intro-kicker,.saq-kicker{margin:0 0 14px;color:#777d82;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.saq-intro-content h1{margin:0;color:#171a1c;font-size:clamp(30px,4vw,50px);line-height:1.04;letter-spacing:-.04em}
.saq-intro-lead{max-width:500px;margin:18px 0 0;color:#6c7378;font-size:17px}
.saq-intro-content .saq-primary{align-self:flex-start;margin-top:28px}
.saq-header{display:flex;justify-content:space-between;gap:24px;padding:25px 28px 17px;border-bottom:1px solid #e4e6e8}
.saq-header h2{margin:0;color:#161a1d;font-size:25px;line-height:1.1}
.saq-lead{margin:7px 0 0;color:#747b81;font-size:14px}
.saq-counter{flex:none;padding-top:22px;color:#777d82;font-size:13px;font-weight:800}
.saq-progress{height:5px;background:#eceeef}
.saq-progress i{display:block;width:0;height:100%;background:#161a1d;transition:width .2s ease}
.saq-stage{padding:30px 28px 22px}
.saq-question-title{max-width:850px;margin:0 auto 26px;text-align:center;color:#15191c;font-size:clamp(26px,3.5vw,42px);line-height:1.07;letter-spacing:-.04em}
.saq-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.saq-choice{position:relative;display:block;cursor:pointer}
.saq-choice input{position:absolute;opacity:0;pointer-events:none}
.saq-choice-box{position:relative;display:flex;flex-direction:column;min-height:200px;border:1px solid #e0e3e5;border-radius:10px;background:#fff;overflow:hidden;transition:.18s ease}
.saq-choice:hover .saq-choice-box{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,25,30,.1)}
.saq-choice.is-selected .saq-choice-box{border-color:#161a1d;box-shadow:0 0 0 3px rgba(22,26,29,.12)}
.saq-choice-image{display:block;aspect-ratio:16/10;background:#f1f2f3;overflow:hidden}
.saq-choice-image img{display:block;width:100%;height:100%;object-fit:cover}
.saq-choice-label{display:flex;align-items:center;min-height:62px;padding:12px 43px 12px 14px;color:#171b1e;font-size:15px;font-weight:800}
.saq-choice-mark{position:absolute;right:13px;bottom:19px;width:22px;height:22px;border:1px solid #ccd1d4;border-radius:50%}
.saq-choice-mark:after{content:'';position:absolute;left:7px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.saq-choice.is-selected .saq-choice-mark{background:#161a1d;border-color:#161a1d}
.saq-choice.is-selected .saq-choice-mark:after{opacity:1}
.saq-variants{display:grid;gap:10px;width:min(720px,100%);margin:0 auto}
.saq-variant{display:flex;align-items:center;min-height:56px;padding:13px 15px;border:1px solid #e0e3e5;border-radius:9px;background:#fff;color:#222;cursor:pointer;font-weight:750}
.saq-variant input{width:19px;height:19px;margin:0 12px 0 0;accent-color:#161a1d}
.saq-single-field{display:grid;gap:8px;width:min(620px,100%);margin:0 auto}
.saq-field-label{color:#343a3f;font-size:13px;font-weight:800}
.saq-single-field input,.saq-contact-field input,.saq-contact-field select{width:100%;min-height:50px;padding:11px 13px;border:1px solid #cdd2d5;border-radius:8px;background:#fff;color:#1d2225;font:inherit}
.saq-single-field input:focus,.saq-contact-field input:focus,.saq-contact-field select:focus{outline:2px solid rgba(22,26,29,.16);border-color:#161a1d}
.saq-range-card{width:min(720px,100%);margin:0 auto;padding:25px 28px;border:1px solid #e0e3e5;border-radius:10px;background:#f7f8f8}
.saq-range-value{display:block;margin:0 0 18px;text-align:center;color:#15191c;font-size:33px;font-weight:900}
.saq-range{width:100%;accent-color:#161a1d}
.saq-range-labels{display:flex;justify-content:space-between;margin-top:8px;color:#747b81;font-size:12px;font-weight:700}
.saq-controls{display:flex;align-items:center;gap:12px;padding:16px 28px 25px}
.saq-primary,.saq-secondary{min-height:48px;padding:0 22px;border:0;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}
.saq-primary{background:#161a1d;color:#fff}
.saq-primary:hover{background:#343a3f}
.saq-primary:disabled{opacity:.55;cursor:not-allowed}
.saq-secondary{border:1px solid #d8dcde;background:#fff;color:#646b70}
.saq-secondary:hover{border-color:#161a1d;color:#161a1d}
.saq-error{flex:1;min-height:20px;color:#b42318;font-size:13px;text-align:center}
.saq-contact{width:min(850px,100%);margin:0 auto}
.saq-form-note{margin:-13px auto 20px;color:#747b81;text-align:center;font-size:14px}
.saq-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:15px}
.saq-contact-person{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:15px;border-top:1px solid #e7e9ea}
.saq-contact-field{display:grid;gap:7px}
.saq-consent{display:flex;align-items:flex-start;gap:9px;margin:14px 0 10px;color:#555d63;font-size:12px}
.saq-consent input{width:18px;height:18px;flex:none;margin:0;accent-color:#161a1d}
.saq-consent a{color:#222;text-decoration:underline}
.saq-policy{margin:0 0 17px;color:#737b80;font-size:12px}
.saq-policy summary{cursor:pointer;color:#343a3f;font-weight:700}
.saq-policy p{margin:8px 0 0;padding:10px;border-radius:7px;background:#f7f8f8}
.saq-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.saq-turnstile{min-height:65px;margin:12px 0}
.saq-submit{width:100%}
.saq-form-status{min-height:20px;margin:8px 0 0;color:#2d6a4f;font-size:13px;text-align:center}
.saq-thanks{padding:70px 20px;text-align:center}
.saq-thanks-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#e7f5ec;color:#2d6a4f;font-size:30px;font-weight:900}
.saq-thanks h2{margin:0;color:#15191c;font-size:32px}
.saq-thanks p{color:#747b81}
.saq-modal{position:fixed;z-index:999999;inset:0;display:none;padding:18px;background:rgba(15,18,20,.6)}
.saq-modal.is-open{display:flex;align-items:center;justify-content:center}
.saq-overlay{position:absolute;inset:0}
.saq-dialog{position:relative;z-index:1;width:min(980px,100%);max-height:min(850px,100%);overflow:auto;border-radius:12px;background:#fff;box-shadow:0 24px 90px rgba(0,0,0,.3)}
.saq-modal-content{min-height:100px}
.saq-close{position:absolute;z-index:2;top:12px;right:15px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f2f3;color:#333;font-size:27px;line-height:1;cursor:pointer}
.saq-lock{overflow:hidden!important}
.saq-modal .saq-header{padding-right:76px}
@media (max-width:900px){.saq-intro{grid-template-columns:1fr}.saq-intro-media{min-height:310px}.saq-intro-content{border-top:1px solid #e4e6e8;border-left:0}.saq-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saq-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.saq-shell{border-radius:8px}.saq-intro-content{padding:30px 20px}.saq-intro-content h1{font-size:29px}.saq-header{display:block;padding:18px 16px 12px}.saq-header h2{font-size:21px}.saq-counter{padding-top:8px}.saq-stage{padding:22px 14px 12px}.saq-question-title{font-size:25px;margin-bottom:18px}.saq-choice-grid,.saq-contact-grid,.saq-contact-person{grid-template-columns:1fr;gap:8px}.saq-choice-box{min-height:0}.saq-choice-image{aspect-ratio:16/9}.saq-choice-label{min-height:52px;font-size:13px}.saq-controls{padding:12px 14px 16px}.saq-controls .saq-primary,.saq-controls .saq-secondary{flex:1;padding:0 13px}.saq-error{font-size:11px}.saq-range-card{padding:20px 15px}.saq-range-value{font-size:29px}.saq-modal{padding:8px}.saq-dialog{width:100%;max-height:calc(100dvh - 16px)}.saq-modal .saq-stage{padding:14px 10px 8px}.saq-modal .saq-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.saq-modal .saq-choice-label{min-height:42px;padding:7px 28px 7px 8px;font-size:11px}.saq-modal .saq-choice-mark{right:7px;bottom:10px;width:17px;height:17px}.saq-modal .saq-choice-mark:after{left:5px;top:2px;width:4px;height:8px}.saq-modal .saq-question-title{font-size:20px;margin-bottom:10px}.saq-modal .saq-contact{font-size:12px}.saq-modal .saq-contact-field input,.saq-modal .saq-contact-field select{min-height:38px;padding:7px 9px;font-size:13px}.saq-modal .saq-primary,.saq-modal .saq-secondary{min-height:40px;font-size:13px}.saq-close{top:8px;right:8px;width:34px;height:34px;font-size:23px}}


/* SaEn global popup safe layout */
.saq-modal { padding: 10px !important; overflow: hidden !important; }
.saq-modal.is-open { align-items: center !important; justify-content: center !important; }
.saq-dialog { width: min(1120px, 100%) !important; max-height: calc(100vh - 20px) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; }
.saq-modal-content, .saq-flow, .saq-stage { min-height: 0 !important; overflow: hidden !important; }
.saq-choice-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 12px !important; max-height: none !important; overflow: visible !important; }
.saq-choice-box { min-width: 0 !important; min-height: 0 !important; }
.saq-choice-image { aspect-ratio: 1 / .82 !important; height: auto !important; object-fit: cover !important; }
.saq-choice-label { min-height: 0 !important; padding: 12px 10px !important; font-size: 16px !important; line-height: 1.2 !important; }
.saq-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (max-width: 900px) {
    .saq-choice-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .saq-dialog { max-height: calc(100vh - 14px) !important; }
}
@media (max-width: 620px) {
    .saq-modal { padding: 7px !important; }
    .saq-choice-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; }
    .saq-choice-label { padding: 8px 5px !important; font-size: 12px !important; line-height: 1.15 !important; }
    .saq-contact-grid { grid-template-columns: 1fr !important; }
}


/* SaEn popup mobile overflow fix */
.saq-modal .saq-dialog { overflow-x: hidden !important; overflow-y: auto !important; }
.saq-modal .saq-modal-content, .saq-modal .saq-flow, .saq-modal .saq-stage { overflow: visible !important; }
.saq-modal .saq-controls { position: sticky; bottom: 0; z-index: 4; background: #fff; box-shadow: 0 -8px 18px rgba(20,25,30,.08); }
@media (max-width: 620px) {
    .saq-modal .saq-dialog { max-height: calc(100dvh - 12px) !important; }
    .saq-modal .saq-stage { padding-bottom: 8px !important; }
    .saq-modal .saq-choice-image { aspect-ratio: 1.45 / 1 !important; }
    .saq-modal .saq-choice-label { min-height: 38px !important; padding: 6px 25px 6px 7px !important; font-size: 11px !important; line-height: 1.1 !important; }
}


/* SaEn popup choice control reset */
.saq-modal .saq-choice { margin: 0 !important; align-self: start !important; }
.saq-modal .saq-choice input { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; }


/* SaEn tablet choice grid */
@media (min-width: 621px) and (max-width: 900px) {
    .saq-modal .saq-choice-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; }
    .saq-modal .saq-choice-label { min-height: 38px !important; padding: 7px 28px 7px 9px !important; font-size: 13px !important; line-height: 1.12 !important; }
}


/* SaEn reference mobile quiz layout */
.saq-modal .saq-dialog {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
}
.saq-modal .saq-header {
    padding: 18px 64px 12px 22px !important;
}
.saq-modal .saq-header h2 {
    max-width: 760px !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1.08 !important;
}
.saq-modal .saq-kicker,
.saq-modal .saq-lead,
.saq-modal .saq-counter {
    display: none !important;
}
.saq-modal .saq-progress {
    height: 4px !important;
}
.saq-modal .saq-stage {
    padding-bottom: 112px !important;
}
.saq-modal .saq-close {
    top: 12px !important;
    right: 12px !important;
    width: 44px !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #222b36 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 34px !important;
    box-shadow: 0 5px 14px rgba(20, 25, 30, .2) !important;
}
.saq-modal .saq-controls {
    position: fixed !important;
    left: 50% !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    z-index: 20 !important;
    width: min(520px, calc(100vw - 18px)) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #d8e1e5 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 -5px 20px rgba(20, 25, 30, .15) !important;
    transform: translateX(-50%) !important;
    backdrop-filter: blur(10px) !important;
}
.saq-modal .saq-controls .saq-error {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(100% + 2px) !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    color: #b42318 !important;
    font-size: 12px !important;
    text-align: center !important;
}
.saq-modal .saq-controls .saq-secondary,
.saq-modal .saq-controls .saq-primary {
    min-height: 52px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
}
.saq-modal .saq-controls .saq-secondary {
    flex: 0 0 112px !important;
    border: 2px solid #222b36 !important;
    background: #fff !important;
    color: #222b36 !important;
}
.saq-modal .saq-controls .saq-primary {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border: 2px solid #bcbfc1 !important;
    background: #f1f1f1 !important;
    color: #929292 !important;
    opacity: 1 !important;
}
.saq-modal .saq-controls .saq-primary:not(:disabled) {
    border-color: #222b36 !important;
    background: #222b36 !important;
    color: #fff !important;
}
.saq-modal .saq-controls:has([data-saq-next][hidden]) {
    display: none !important;
}
.saq-modal .saq-contact {
    width: min(850px, 100%) !important;
    padding: 24px 20px 18px !important;
    border: 1px solid #d8e2e5 !important;
    border-radius: 14px !important;
    background: #f5f9fa !important;
}
.saq-modal .saq-contact .saq-question-title {
    max-width: none !important;
    margin: 0 0 22px !important;
    text-align: left !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    letter-spacing: -.02em !important;
}
.saq-modal .saq-form-note {
    display: none !important;
}
.saq-modal .saq-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 17px !important;
    margin-bottom: 17px !important;
}
.saq-modal .saq-contact-person {
    padding-top: 18px !important;
    border-top: 1px solid #d5dfe2 !important;
}
.saq-modal .saq-contact-field {
    gap: 8px !important;
}
.saq-modal .saq-contact-field .saq-field-label {
    color: #252a2e !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.saq-modal .saq-contact-field input,
.saq-modal .saq-contact-field select {
    min-height: 52px !important;
    padding: 12px 16px !important;
    border: 1px solid #cbd2d5 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
}
.saq-modal .saq-contact-range {
    gap: 12px !important;
    padding: 0 0 3px !important;
}
.saq-modal .saq-contact-range .saq-range-value {
    margin: 0 !important;
    text-align: left !important;
    font-size: 36px !important;
}
.saq-modal .saq-contact-range .saq-range {
    height: 20px !important;
}
.saq-modal .saq-consent {
    margin: 16px 0 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}
.saq-modal .saq-consent input {
    width: 24px !important;
    height: 24px !important;
}
.saq-modal .saq-contact .saq-submit {
    min-height: 52px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
}
@media (max-width: 620px) {
    .saq-modal .saq-modal-content,
    .saq-modal .saq-flow,
    .saq-modal .saq-stage {
        overflow: visible !important;
    }
    .saq-modal .saq-header {
        padding: 16px 62px 10px 16px !important;
    }
    .saq-modal .saq-header h2 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    .saq-modal .saq-close {
        top: 10px !important;
        right: 10px !important;
        width: 44px !important;
        height: 34px !important;
    }
    .saq-modal .saq-stage {
        padding: 18px 14px 112px !important;
    }
    .saq-modal .saq-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 16px !important;
    }
    .saq-modal .saq-choice-box {
        min-height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .saq-modal .saq-choice-image {
        aspect-ratio: 1 / 1 !important;
        border: 1px solid #e2e5e7 !important;
        border-radius: 16px !important;
        background: #f7f7f7 !important;
    }
    .saq-modal .saq-choice-label {
        justify-content: center !important;
        min-height: 42px !important;
        padding: 10px 3px 0 !important;
        color: #222b36 !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
    .saq-modal .saq-choice-mark {
        right: 8px !important;
        bottom: 42px !important;
        width: 24px !important;
        height: 24px !important;
    }
    .saq-modal .saq-controls {
        width: calc(100vw - 18px) !important;
        padding: 9px 10px !important;
        border-radius: 17px !important;
    }
    .saq-modal .saq-controls .saq-secondary,
    .saq-modal .saq-controls .saq-primary {
        min-height: 52px !important;
        font-size: 15px !important;
    }
    .saq-modal .saq-controls .saq-secondary {
        flex-basis: 112px !important;
    }
    .saq-modal .saq-contact {
        padding: 22px 14px 16px !important;
        border-radius: 13px !important;
    }
    .saq-modal .saq-contact .saq-question-title {
        margin-bottom: 20px !important;
        font-size: 26px !important;
    }
    .saq-modal .saq-contact-grid {
        gap: 16px !important;
    }
}


/* SaEn reference mobile quiz layout v2 */
.saq-modal .saq-dialog {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
}
.saq-modal .saq-header {
    padding: 18px 64px 12px 22px !important;
}
.saq-modal .saq-header h2 {
    max-width: 760px !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1.08 !important;
}
.saq-modal .saq-kicker,
.saq-modal .saq-lead,
.saq-modal .saq-counter {
    display: none !important;
}
.saq-modal .saq-progress {
    height: 4px !important;
}
.saq-modal .saq-stage {
    padding-bottom: 112px !important;
}
.saq-modal .saq-close {
    top: 12px !important;
    right: 12px !important;
    width: 44px !important;
    height: 34px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #222b36 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 5px 14px rgba(20, 25, 30, .2) !important;
}
.saq-modal .saq-controls {
    position: fixed !important;
    left: 50% !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    z-index: 20 !important;
    width: min(520px, calc(100vw - 18px)) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #d8e1e5 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 -5px 20px rgba(20, 25, 30, .15) !important;
    transform: translateX(-50%) !important;
    backdrop-filter: blur(10px) !important;
}
.saq-modal .saq-controls .saq-error {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(100% + 2px) !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    color: #b42318 !important;
    font-size: 12px !important;
    text-align: center !important;
}
.saq-modal .saq-controls .saq-secondary,
.saq-modal .saq-controls .saq-primary {
    min-height: 52px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
}
.saq-modal .saq-controls .saq-secondary {
    flex: 0 0 112px !important;
    border: 2px solid #222b36 !important;
    background: #fff !important;
    color: #222b36 !important;
}
.saq-modal .saq-controls .saq-primary {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border: 2px solid #bcbfc1 !important;
    background: #f1f1f1 !important;
    color: #929292 !important;
    opacity: 1 !important;
}
.saq-modal .saq-controls .saq-primary:not(:disabled) {
    border-color: #222b36 !important;
    background: #222b36 !important;
    color: #fff !important;
}
.saq-modal .saq-controls:has([data-saq-next][hidden]) {
    display: none !important;
}
.saq-modal .saq-contact {
    width: min(850px, 100%) !important;
    padding: 24px 20px 18px !important;
    border: 1px solid #d8e2e5 !important;
    border-radius: 14px !important;
    background: #f5f9fa !important;
}
.saq-modal .saq-contact .saq-question-title {
    max-width: none !important;
    margin: 0 0 22px !important;
    text-align: left !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    letter-spacing: -.02em !important;
}
.saq-modal .saq-form-note {
    display: none !important;
}
.saq-modal .saq-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 17px !important;
    margin-bottom: 17px !important;
}
.saq-modal .saq-contact-person {
    padding-top: 18px !important;
    border-top: 1px solid #d5dfe2 !important;
}
.saq-modal .saq-contact-field {
    gap: 8px !important;
}
.saq-modal .saq-contact-field .saq-field-label {
    color: #252a2e !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.saq-modal .saq-contact-field input,
.saq-modal .saq-contact-field select {
    min-height: 52px !important;
    padding: 12px 16px !important;
    border: 1px solid #cbd2d5 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
}
.saq-modal .saq-contact-range {
    gap: 12px !important;
    padding: 0 0 3px !important;
}
.saq-modal .saq-contact-range .saq-range-value {
    margin: 0 !important;
    text-align: left !important;
    font-size: 36px !important;
}
.saq-modal .saq-contact-range .saq-range {
    height: 20px !important;
}
.saq-modal .saq-consent {
    margin: 16px 0 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}
.saq-modal .saq-consent input {
    width: 24px !important;
    height: 24px !important;
}
.saq-modal .saq-contact .saq-submit {
    min-height: 52px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
}
@media (max-width: 620px) {
    .saq-modal .saq-modal-content,
    .saq-modal .saq-flow,
    .saq-modal .saq-stage {
        overflow: visible !important;
    }
    .saq-modal .saq-header {
        padding: 16px 62px 10px 16px !important;
    }
    .saq-modal .saq-header h2 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    .saq-modal .saq-close {
        top: 10px !important;
        right: 10px !important;
        width: 44px !important;
        height: 34px !important;
        padding: 0 !important;
    }
    .saq-modal .saq-stage {
        padding: 18px 14px 112px !important;
    }
    .saq-modal .saq-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 16px !important;
    }
    .saq-modal .saq-choice-box {
        min-height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .saq-modal .saq-choice-image {
        aspect-ratio: 1 / 1 !important;
        border: 1px solid #e2e5e7 !important;
        border-radius: 16px !important;
        background: #f7f7f7 !important;
    }
    .saq-modal .saq-choice-label {
        justify-content: center !important;
        min-height: 42px !important;
        padding: 10px 3px 0 !important;
        color: #222b36 !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
    .saq-modal .saq-choice-mark {
        right: 8px !important;
        bottom: 42px !important;
        width: 24px !important;
        height: 24px !important;
    }
    .saq-modal .saq-controls {
        width: calc(100vw - 18px) !important;
        padding: 9px 10px !important;
        border-radius: 17px !important;
    }
    .saq-modal .saq-controls .saq-secondary,
    .saq-modal .saq-controls .saq-primary {
        min-height: 52px !important;
        font-size: 15px !important;
    }
    .saq-modal .saq-controls .saq-secondary {
        flex-basis: 112px !important;
    }
    .saq-modal .saq-contact {
        padding: 22px 14px 16px !important;
        border-radius: 13px !important;
    }
    .saq-modal .saq-contact .saq-question-title {
        margin-bottom: 20px !important;
        font-size: 26px !important;
    }
    .saq-modal .saq-contact-grid {
        gap: 16px !important;
    }
}


/* SaEn reference mobile quiz layout v3 */
.saq-modal .saq-dialog {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
}
.saq-modal .saq-header {
    padding: 18px 64px 12px 22px !important;
}
.saq-modal .saq-header h2 {
    max-width: 760px !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1.08 !important;
}
.saq-modal .saq-kicker,
.saq-modal .saq-lead,
.saq-modal .saq-counter {
    display: none !important;
}
.saq-modal .saq-progress {
    height: 4px !important;
}
.saq-modal .saq-stage {
    padding-bottom: 112px !important;
}
.saq-modal .saq-close {
    top: 12px !important;
    right: 12px !important;
    width: 44px !important;
    height: 34px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #222b36 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 5px 14px rgba(20, 25, 30, .2) !important;
}
.saq-modal .saq-controls {
    position: fixed !important;
    left: 50% !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    z-index: 20 !important;
    width: min(520px, calc(100vw - 18px)) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #d8e1e5 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 -5px 20px rgba(20, 25, 30, .15) !important;
    transform: translateX(-50%) !important;
    backdrop-filter: blur(10px) !important;
}
.saq-modal .saq-controls .saq-error {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(100% + 2px) !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    color: #b42318 !important;
    font-size: 12px !important;
    text-align: center !important;
}
.saq-modal .saq-controls .saq-secondary,
.saq-modal .saq-controls .saq-primary {
    min-height: 52px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
}
.saq-modal .saq-controls .saq-secondary {
    flex: 0 0 112px !important;
    border: 2px solid #222b36 !important;
    background: #fff !important;
    color: #222b36 !important;
}
.saq-modal .saq-controls .saq-primary {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border: 2px solid #bcbfc1 !important;
    background: #f1f1f1 !important;
    color: #929292 !important;
    opacity: 1 !important;
}
.saq-modal .saq-controls .saq-primary:not(:disabled) {
    border-color: #222b36 !important;
    background: #222b36 !important;
    color: #fff !important;
}
.saq-modal .saq-controls:has([data-saq-next][hidden]) {
    display: none !important;
}
.saq-modal .saq-contact {
    width: min(850px, 100%) !important;
    padding: 24px 20px 18px !important;
    border: 1px solid #d8e2e5 !important;
    border-radius: 14px !important;
    background: #f5f9fa !important;
}
.saq-modal .saq-contact .saq-question-title {
    max-width: none !important;
    margin: 0 0 22px !important;
    text-align: left !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    letter-spacing: -.02em !important;
}
.saq-modal .saq-form-note {
    display: none !important;
}
.saq-modal .saq-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 17px !important;
    margin-bottom: 17px !important;
}
.saq-modal .saq-contact-person {
    padding-top: 18px !important;
    border-top: 1px solid #d5dfe2 !important;
}
.saq-modal .saq-contact-field {
    gap: 8px !important;
}
.saq-modal .saq-contact-field .saq-field-label {
    color: #252a2e !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.saq-modal .saq-contact-field input,
.saq-modal .saq-contact-field select {
    min-height: 52px !important;
    padding: 12px 16px !important;
    border: 1px solid #cbd2d5 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
}
.saq-modal .saq-contact-range {
    gap: 12px !important;
    padding: 0 0 3px !important;
}
.saq-modal .saq-contact-range .saq-range-value {
    margin: 0 !important;
    text-align: left !important;
    font-size: 36px !important;
}
.saq-modal .saq-contact-range .saq-range {
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.saq-modal .saq-consent {
    margin: 16px 0 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}
.saq-modal .saq-consent input {
    width: 24px !important;
    height: 24px !important;
}
.saq-modal .saq-contact .saq-submit {
    min-height: 52px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
}
@media (max-width: 620px) {
    .saq-modal .saq-modal-content,
    .saq-modal .saq-flow,
    .saq-modal .saq-stage {
        overflow: visible !important;
    }
    .saq-modal .saq-header {
        padding: 16px 62px 10px 16px !important;
    }
    .saq-modal .saq-header h2 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    .saq-modal .saq-close {
        top: 10px !important;
        right: 10px !important;
        width: 44px !important;
        height: 34px !important;
        padding: 0 !important;
    }
    .saq-modal .saq-stage {
        padding: 18px 14px 112px !important;
    }
    .saq-modal .saq-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 16px !important;
    }
    .saq-modal .saq-choice-box {
        min-height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .saq-modal .saq-choice-image {
        aspect-ratio: 1 / 1 !important;
        border: 1px solid #e2e5e7 !important;
        border-radius: 16px !important;
        background: #f7f7f7 !important;
    }
    .saq-modal .saq-choice-label {
        justify-content: center !important;
        min-height: 42px !important;
        padding: 10px 3px 0 !important;
        color: #222b36 !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
    .saq-modal .saq-choice-mark {
        right: 8px !important;
        bottom: 42px !important;
        width: 24px !important;
        height: 24px !important;
    }
    .saq-modal .saq-controls {
        width: calc(100vw - 18px) !important;
        padding: 9px 10px !important;
        border-radius: 17px !important;
    }
    .saq-modal .saq-controls .saq-secondary,
    .saq-modal .saq-controls .saq-primary {
        min-height: 52px !important;
        font-size: 15px !important;
    }
    .saq-modal .saq-controls .saq-secondary {
        flex-basis: 112px !important;
    }
    .saq-modal .saq-contact {
        padding: 22px 14px 16px !important;
        border-radius: 13px !important;
    }
    .saq-modal .saq-contact .saq-question-title {
        margin-bottom: 20px !important;
        font-size: 26px !important;
    }
    .saq-modal .saq-contact-grid {
        gap: 16px !important;
    }
}


/* SaEn reference mobile quiz layout v4 */
.saq-modal .saq-dialog {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
}
.saq-modal .saq-header {
    padding: 18px 64px 12px 22px !important;
}
.saq-modal .saq-header h2 {
    max-width: 760px !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1.08 !important;
}
.saq-modal .saq-kicker,
.saq-modal .saq-lead,
.saq-modal .saq-counter {
    display: none !important;
}
.saq-modal .saq-progress {
    height: 4px !important;
}
.saq-modal .saq-stage {
    padding-bottom: 112px !important;
}
.saq-modal .saq-close {
    top: 12px !important;
    right: 12px !important;
    width: 44px !important;
    height: 34px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #222b36 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 5px 14px rgba(20, 25, 30, .2) !important;
}
.saq-modal .saq-controls {
    position: fixed !important;
    left: 50% !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    z-index: 20 !important;
    width: min(520px, calc(100vw - 18px)) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #d8e1e5 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 -5px 20px rgba(20, 25, 30, .15) !important;
    transform: translateX(-50%) !important;
    backdrop-filter: blur(10px) !important;
}
.saq-modal .saq-controls .saq-error {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(100% + 2px) !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    color: #b42318 !important;
    font-size: 12px !important;
    text-align: center !important;
}
.saq-modal .saq-controls .saq-secondary,
.saq-modal .saq-controls .saq-primary {
    min-height: 52px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
}
.saq-modal .saq-controls .saq-secondary {
    flex: 0 0 112px !important;
    border: 2px solid #222b36 !important;
    background: #fff !important;
    color: #222b36 !important;
}
.saq-modal .saq-controls .saq-primary {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border: 2px solid #bcbfc1 !important;
    background: #f1f1f1 !important;
    color: #929292 !important;
    opacity: 1 !important;
}
.saq-modal .saq-controls .saq-primary:not(:disabled) {
    border-color: #222b36 !important;
    background: #222b36 !important;
    color: #fff !important;
}
.saq-modal .saq-controls:has([data-saq-next][hidden]) {
    display: none !important;
}
.saq-modal .saq-contact {
    width: min(850px, 100%) !important;
    padding: 24px 20px 18px !important;
    border: 1px solid #d8e2e5 !important;
    border-radius: 14px !important;
    background: #f5f9fa !important;
}
.saq-modal .saq-contact .saq-question-title {
    max-width: none !important;
    margin: 0 0 22px !important;
    text-align: left !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    letter-spacing: -.02em !important;
}
.saq-modal .saq-form-note {
    display: none !important;
}
.saq-modal .saq-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 17px !important;
    margin-bottom: 17px !important;
}
.saq-modal .saq-contact-person {
    padding-top: 18px !important;
    border-top: 1px solid #d5dfe2 !important;
}
.saq-modal .saq-contact-field {
    gap: 8px !important;
}
.saq-modal .saq-contact-field .saq-field-label {
    color: #252a2e !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.saq-modal .saq-contact-field input,
.saq-modal .saq-contact-field select {
    min-height: 52px !important;
    padding: 12px 16px !important;
    border: 1px solid #cbd2d5 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
}
.saq-modal .saq-contact-range {
    gap: 12px !important;
    padding: 0 0 3px !important;
}
.saq-modal .saq-contact-range .saq-range-value {
    margin: 0 !important;
    text-align: left !important;
    font-size: 36px !important;
}
.saq-modal .saq-contact-range .saq-range {
    height: 5px !important;
    min-height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #e0e4e6 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
.saq-modal .saq-contact-range .saq-range::-webkit-slider-runnable-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: #e0e4e6 !important;
}
.saq-modal .saq-contact-range .saq-range::-webkit-slider-thumb {
    width: 24px !important;
    height: 24px !important;
    margin-top: -9px !important;
    border: 1px solid #d6dadd !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(20, 25, 30, .14) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.saq-modal .saq-contact-range .saq-range::-moz-range-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: #e0e4e6 !important;
}
.saq-modal .saq-contact-range .saq-range::-moz-range-thumb {
    width: 22px !important;
    height: 22px !important;
    border: 1px solid #d6dadd !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(20, 25, 30, .14) !important;
}
.saq-modal .saq-consent {
    margin: 16px 0 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}
.saq-modal .saq-consent input {
    width: 24px !important;
    height: 24px !important;
}
.saq-modal .saq-contact .saq-submit {
    min-height: 52px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
}
@media (max-width: 620px) {
    .saq-modal .saq-modal-content,
    .saq-modal .saq-flow,
    .saq-modal .saq-stage {
        overflow: visible !important;
    }
    .saq-modal .saq-header {
        padding: 16px 62px 10px 16px !important;
    }
    .saq-modal .saq-header h2 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    .saq-modal .saq-close {
        top: 10px !important;
        right: 10px !important;
        width: 44px !important;
        height: 34px !important;
        padding: 0 !important;
    }
    .saq-modal .saq-stage {
        padding: 18px 14px 112px !important;
    }
    .saq-modal .saq-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 16px !important;
    }
    .saq-modal .saq-choice-box {
        min-height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .saq-modal .saq-choice-image {
        aspect-ratio: 1 / 1 !important;
        border: 1px solid #e2e5e7 !important;
        border-radius: 16px !important;
        background: #f7f7f7 !important;
    }
    .saq-modal .saq-choice-label {
        justify-content: center !important;
        min-height: 42px !important;
        padding: 10px 3px 0 !important;
        color: #222b36 !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
    .saq-modal .saq-choice-mark {
        right: 8px !important;
        bottom: 42px !important;
        width: 24px !important;
        height: 24px !important;
    }
    .saq-modal .saq-controls {
        width: calc(100vw - 18px) !important;
        padding: 9px 10px !important;
        border-radius: 17px !important;
    }
    .saq-modal .saq-controls .saq-secondary,
    .saq-modal .saq-controls .saq-primary {
        min-height: 52px !important;
        font-size: 15px !important;
    }
    .saq-modal .saq-controls .saq-secondary {
        flex-basis: 112px !important;
    }
    .saq-modal .saq-contact {
        padding: 22px 14px 16px !important;
        border-radius: 13px !important;
    }
    .saq-modal .saq-contact .saq-question-title {
        margin-bottom: 20px !important;
        font-size: 26px !important;
    }
    .saq-modal .saq-contact-grid {
        gap: 16px !important;
    }
}


/* SaEn reference mobile quiz layout v5 */
.saq-modal .saq-dialog {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
}
.saq-modal .saq-header {
    padding: 18px 64px 12px 22px !important;
}
.saq-modal .saq-header h2 {
    max-width: 760px !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1.08 !important;
}
.saq-modal .saq-kicker,
.saq-modal .saq-lead,
.saq-modal .saq-counter {
    display: none !important;
}
.saq-modal .saq-progress {
    height: 4px !important;
}
.saq-modal .saq-stage {
    padding-bottom: 112px !important;
}
.saq-modal .saq-close {
    top: 12px !important;
    right: 12px !important;
    width: 44px !important;
    height: 34px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #222b36 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 5px 14px rgba(20, 25, 30, .2) !important;
}
.saq-modal .saq-controls {
    position: fixed !important;
    left: 50% !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    z-index: 20 !important;
    width: min(520px, calc(100vw - 18px)) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #d8e1e5 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 -5px 20px rgba(20, 25, 30, .15) !important;
    transform: translateX(-50%) !important;
    backdrop-filter: blur(10px) !important;
}
.saq-modal .saq-controls .saq-error {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(100% + 2px) !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    color: #b42318 !important;
    font-size: 12px !important;
    text-align: center !important;
}
.saq-modal .saq-controls .saq-secondary,
.saq-modal .saq-controls .saq-primary {
    min-height: 52px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
}
.saq-modal .saq-controls .saq-secondary {
    flex: 0 0 112px !important;
    border: 2px solid #222b36 !important;
    background: #fff !important;
    color: #222b36 !important;
}
.saq-modal .saq-controls .saq-primary {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border: 2px solid #bcbfc1 !important;
    background: #f1f1f1 !important;
    color: #929292 !important;
    opacity: 1 !important;
}
.saq-modal .saq-controls .saq-primary:not(:disabled) {
    border-color: #222b36 !important;
    background: #222b36 !important;
    color: #fff !important;
}
.saq-modal .saq-controls:has([data-saq-next][hidden]) {
    display: none !important;
}
.saq-modal .saq-contact {
    width: min(850px, 100%) !important;
    padding: 24px 20px 18px !important;
    border: 1px solid #d8e2e5 !important;
    border-radius: 14px !important;
    background: #f5f9fa !important;
}
.saq-modal .saq-contact .saq-question-title {
    max-width: none !important;
    margin: 0 0 22px !important;
    text-align: left !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    letter-spacing: -.02em !important;
}
.saq-modal .saq-form-note {
    display: none !important;
}
.saq-modal .saq-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 17px !important;
    margin-bottom: 17px !important;
}
.saq-modal .saq-contact-person {
    padding-top: 18px !important;
    border-top: 1px solid #d5dfe2 !important;
}
.saq-modal .saq-contact-field {
    gap: 8px !important;
}
.saq-modal .saq-contact-field .saq-field-label {
    color: #252a2e !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.saq-modal .saq-contact-field input,
.saq-modal .saq-contact-field select {
    min-height: 52px !important;
    padding: 12px 16px !important;
    border: 1px solid #cbd2d5 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
}
.saq-modal .saq-contact-range {
    gap: 12px !important;
    padding: 0 0 3px !important;
}
.saq-modal .saq-contact-range .saq-range-value {
    margin: 0 !important;
    text-align: left !important;
    font-size: 36px !important;
}
.saq-modal .saq-contact-range .saq-range {
    height: 5px !important;
    min-height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #e0e4e6 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
.saq-modal .saq-contact-range .saq-range::-webkit-slider-runnable-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: #e0e4e6 !important;
}
.saq-modal .saq-contact-range .saq-range::-webkit-slider-thumb {
    width: 24px !important;
    height: 24px !important;
    margin-top: -9px !important;
    border: 1px solid #d6dadd !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(20, 25, 30, .14) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.saq-modal .saq-contact-range .saq-range::-moz-range-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: #e0e4e6 !important;
}
.saq-modal .saq-contact-range .saq-range::-moz-range-thumb {
    width: 22px !important;
    height: 22px !important;
    border: 1px solid #d6dadd !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(20, 25, 30, .14) !important;
}
.saq-modal .saq-consent {
    margin: 16px 0 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}
.saq-modal .saq-consent input {
    width: 24px !important;
    height: 24px !important;
}
.saq-modal .saq-contact .saq-submit {
    min-height: 52px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
}
@media (max-width: 620px) {
    .saq-modal .saq-modal-content,
    .saq-modal .saq-flow,
    .saq-modal .saq-stage {
        overflow: visible !important;
    }
    .saq-modal .saq-header {
        padding: 16px 62px 10px 16px !important;
    }
    .saq-modal .saq-header h2 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    .saq-modal .saq-close {
        top: 10px !important;
        right: 10px !important;
        width: 44px !important;
        height: 34px !important;
        padding: 0 !important;
    }
    .saq-modal .saq-stage {
        padding: 18px 14px 112px !important;
    }
    .saq-modal .saq-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 16px !important;
    }
    .saq-modal .saq-choice-box {
        min-height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .saq-modal .saq-choice-image {
        aspect-ratio: 1 / 1 !important;
        border: 1px solid #e2e5e7 !important;
        border-radius: 16px !important;
        background: #f7f7f7 !important;
    }
    .saq-modal .saq-choice-label {
        justify-content: center !important;
        min-height: 42px !important;
        padding: 10px 3px 0 !important;
        color: #222b36 !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
    .saq-modal .saq-choice-mark {
        right: 8px !important;
        bottom: 42px !important;
        width: 24px !important;
        height: 24px !important;
    }
    .saq-modal .saq-controls {
        width: calc(100vw - 18px) !important;
        padding: 9px 10px !important;
        border-radius: 17px !important;
    }
    .saq-modal .saq-controls .saq-secondary,
    .saq-modal .saq-controls .saq-primary {
        min-height: 52px !important;
        font-size: 15px !important;
    }
    .saq-modal .saq-controls .saq-secondary {
        flex-basis: 112px !important;
    }
    .saq-modal .saq-contact {
        padding: 22px 14px 16px !important;
        border-radius: 13px !important;
    }
    .saq-modal .saq-contact .saq-question-title {
        margin-bottom: 20px !important;
        font-size: 26px !important;
    }
    .saq-modal .saq-contact-grid {
        gap: 16px !important;
    }
}


/* SaEn reference mobile quiz layout v6 */
.saq-modal .saq-dialog {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 0 !important;
}
.saq-modal .saq-header {
    padding: 18px 64px 12px 22px !important;
}
.saq-modal .saq-header h2 {
    max-width: 760px !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1.08 !important;
}
.saq-modal .saq-kicker,
.saq-modal .saq-lead,
.saq-modal .saq-counter {
    display: none !important;
}
.saq-modal .saq-progress {
    height: 4px !important;
}
.saq-modal .saq-stage {
    padding-bottom: 112px !important;
}
.saq-modal .saq-close {
    top: 12px !important;
    right: 12px !important;
    width: 44px !important;
    height: 34px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #222b36 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 5px 14px rgba(20, 25, 30, .2) !important;
}
.saq-modal .saq-controls {
    position: fixed !important;
    left: 50% !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    z-index: 20 !important;
    width: min(520px, calc(100vw - 18px)) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #d8e1e5 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 -5px 20px rgba(20, 25, 30, .15) !important;
    transform: translateX(-50%) !important;
    backdrop-filter: blur(10px) !important;
}
.saq-modal .saq-controls .saq-error {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(100% + 2px) !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    color: #b42318 !important;
    font-size: 12px !important;
    text-align: center !important;
}
.saq-modal .saq-controls .saq-secondary,
.saq-modal .saq-controls .saq-primary {
    min-height: 52px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
}
.saq-modal .saq-controls .saq-secondary {
    flex: 0 0 112px !important;
    border: 2px solid #222b36 !important;
    background: #fff !important;
    color: #222b36 !important;
}
.saq-modal .saq-controls .saq-primary {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    border: 2px solid #bcbfc1 !important;
    background: #f1f1f1 !important;
    color: #929292 !important;
    opacity: 1 !important;
}
.saq-modal .saq-controls .saq-primary:not(:disabled) {
    border-color: #222b36 !important;
    background: #222b36 !important;
    color: #fff !important;
}
.saq-modal .saq-controls:has([data-saq-next][hidden]) {
    display: none !important;
}
.saq-modal .saq-contact {
    width: min(850px, 100%) !important;
    padding: 24px 20px 18px !important;
    border: 1px solid #d8e2e5 !important;
    border-radius: 14px !important;
    background: #f5f9fa !important;
}
.saq-modal .saq-contact .saq-question-title {
    max-width: none !important;
    margin: 0 0 22px !important;
    text-align: left !important;
    font-size: clamp(25px, 3vw, 34px) !important;
    letter-spacing: -.02em !important;
}
.saq-modal .saq-form-note {
    display: none !important;
}
.saq-modal .saq-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 17px !important;
    margin-bottom: 17px !important;
}
.saq-modal .saq-contact-person {
    padding-top: 18px !important;
    border-top: 1px solid #d5dfe2 !important;
}
.saq-modal .saq-contact-field {
    gap: 8px !important;
}
.saq-modal .saq-contact-field .saq-field-label {
    color: #252a2e !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.saq-modal .saq-contact-field input,
.saq-modal .saq-contact-field select {
    min-height: 52px !important;
    padding: 12px 16px !important;
    border: 1px solid #cbd2d5 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
}
.saq-modal .saq-contact-range {
    gap: 12px !important;
    padding: 0 0 3px !important;
}
.saq-modal .saq-contact-range .saq-range-value {
    margin: 0 !important;
    text-align: left !important;
    font-size: 36px !important;
}
.saq-modal .saq-contact-range .saq-range {
    height: 5px !important;
    min-height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #e0e4e6 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
.saq-modal .saq-contact-range .saq-range::-webkit-slider-runnable-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: #e0e4e6 !important;
}
.saq-modal .saq-contact-range .saq-range::-webkit-slider-thumb {
    width: 24px !important;
    height: 24px !important;
    margin-top: -9px !important;
    border: 1px solid #d6dadd !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(20, 25, 30, .14) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.saq-modal .saq-contact-range .saq-range::-moz-range-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: #e0e4e6 !important;
}
.saq-modal .saq-contact-range .saq-range::-moz-range-thumb {
    width: 22px !important;
    height: 22px !important;
    border: 1px solid #d6dadd !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(20, 25, 30, .14) !important;
}
.saq-modal .saq-consent {
    margin: 16px 0 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}
.saq-modal .saq-consent input {
    width: 24px !important;
    height: 24px !important;
}
.saq-modal .saq-contact .saq-submit {
    min-height: 52px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
}
@media (max-width: 620px) {
    .saq-modal .saq-modal-content,
    .saq-modal .saq-flow,
    .saq-modal .saq-stage {
        overflow: visible !important;
    }
    .saq-modal .saq-header {
        padding: 16px 62px 10px 16px !important;
    }
    .saq-modal .saq-header h2 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    .saq-modal .saq-close {
        top: 10px !important;
        right: 10px !important;
        width: 44px !important;
        height: 34px !important;
        padding: 0 !important;
    }
    .saq-modal .saq-stage {
        padding: 18px 14px 112px !important;
    }
    .saq-modal .saq-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 16px !important;
    }
    .saq-modal .saq-choice-box {
        min-height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .saq-modal .saq-choice-image {
        aspect-ratio: 1 / 1 !important;
        border: 1px solid #e2e5e7 !important;
        border-radius: 16px !important;
        background: #f7f7f7 !important;
    }
    .saq-modal .saq-choice-label {
        justify-content: center !important;
        min-height: 42px !important;
        padding: 10px 3px 0 !important;
        color: #222b36 !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }
    .saq-modal .saq-choice-mark {
        right: 8px !important;
        bottom: 42px !important;
        width: 24px !important;
        height: 24px !important;
    }
    .saq-modal .saq-controls {
        width: calc(100vw - 18px) !important;
        padding: 9px 10px !important;
        border-radius: 17px !important;
    }
    .saq-modal .saq-controls .saq-secondary,
    .saq-modal .saq-controls .saq-primary {
        min-height: 52px !important;
        font-size: 15px !important;
    }
    .saq-modal .saq-controls .saq-secondary {
        flex-basis: 112px !important;
    }
    .saq-modal .saq-contact {
        padding: 22px 14px 16px !important;
        border-radius: 13px !important;
    }
    .saq-modal .saq-contact .saq-question-title {
        margin-bottom: 20px !important;
        font-size: 26px !important;
    }
    .saq-modal .saq-contact-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}