:root{--blue:#3c58e5;--navy:#1a2d73;--ink:#1b2947;--muted:#66748f;--soft:#f0f2ff;--border:#e4e9f5}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:white;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}
    a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(35px,4.5vw,57px)}h2{font-size:clamp(27px,3vw,39px)}h3{font-size:21px}p{font-size:15px;line-height:1.75}
    .wrap{max-width:1120px;margin:auto;padding:0 24px}
    .top{background:white;border-bottom:1px solid #e9edf4}.topin{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:15px}
    .brand{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.05;font-weight:800;letter-spacing:-.04em;text-decoration:none}
    .brandmark{height:36px;width:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#6881ff,#273bbb);color:white;font-size:23px}
    .btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;background:var(--blue);border-radius:9px;padding:14px 22px;color:white;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s}
    .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a1b4ff;outline-offset:2px}
    .hero{background:radial-gradient(circle at 85% 90%,#6e83fb 0,transparent 45%),linear-gradient(125deg,#172970,#314bd3 60%,#526be7);color:white;padding:70px 0 82px}
    .hero-layout,.bottom-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:54px}
    .overline{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c3d0ff;margin:0 0 18px}.hero h1{margin-bottom:17px}.hero h1 em{font-style:normal;color:#c5d0ff}.hero .lede{color:#e2e8ff;max-width:580px;font-size:16px}
    .photo{overflow:hidden;border-radius:17px;position:relative;aspect-ratio:16/9;background:#dde4f5;box-shadow:0 16px 35px #15245c1f}.photo img{width:100%;height:100%;object-fit:cover;display:block}.hero .photo{margin-top:26px;box-shadow:0 18px 42px #08184766}.caption-overlay{position:absolute;bottom:0;left:0;right:0;color:white;font-size:12px;padding:28px 15px 13px;background:linear-gradient(transparent,#141e3cdd)}.smallnote{font-size:11px;color:#d2dcff;margin-top:12px}
    .form-card{background:#fff;border-radius:17px;padding:29px;color:var(--ink);box-shadow:0 22px 60px #111d6647}.form-card h3{text-align:center;margin-bottom:10px;font-size:24px}.form-card>p{text-align:center;color:var(--muted);font-size:12px;margin:0 0 18px}
    .form-card label.field{display:block;font-size:11px;font-weight:700;margin:12px 0 5px;color:#53617b}.form-card input:not([type=checkbox]){width:100%;display:block;padding:12px 13px;border-radius:7px;border:1px solid #dce3f1;background:#f9faff;font-size:13px;color:var(--ink);min-height:43px}.form-card .consent{display:flex;align-items:flex-start;gap:8px;color:#68758d;font-size:10.5px;line-height:1.5;margin:16px 0 14px}.form-card .consent input{margin-top:2px;accent-color:var(--blue);flex:none}.form-card .btn{width:100%}.form-card .micro{margin:10px 0 0;text-align:center;color:#8993a6;font-size:10px}.form-message{display:none;background:#fff2df;color:#825417;padding:10px;border-radius:7px;margin-top:13px;font-size:12px;line-height:1.5}
    .ribbon{background:#f0f2ff;color:#304abf;text-align:center;font-weight:800;font-size:11px;letter-spacing:.06em;padding:14px 24px}.section{padding:88px 0}.grid-two{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#4563d4;margin-bottom:13px}.muted{color:var(--muted)}.section h2{margin-bottom:22px}.section p{color:var(--muted)}.section .btn{margin-top:16px}.stat{background:#f0f2ff;border-radius:14px;padding:19px 21px;display:flex;align-items:center;gap:15px;justify-content:space-between;margin-top:15px}.stat b{font-size:40px;letter-spacing:-.04em;color:var(--blue)}.stat span{max-width:190px;font-size:12px;color:#66748f;line-height:1.5}
    .lavender{background:#f0f0ff;padding:75px 0}.lavender .photo{aspect-ratio:1.22}.feature{display:flex;gap:13px;margin-top:20px}.feature-badge{flex:none;border-radius:10px;background:#dfe6ff;color:var(--blue);width:37px;height:37px;display:grid;place-items:center;font-weight:800;font-size:13px}.feature strong{font-size:14px}.feature p{margin:4px 0 0;font-size:12px}
    .center{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:40px}.step{border:1px solid var(--border);border-radius:16px;padding:27px;box-shadow:0 10px 28px #1c2e5d0b}.step-no{background:#e7edff;border-radius:11px;color:var(--blue);font-size:19px;font-weight:800;width:44px;height:44px;display:grid;place-items:center;margin-bottom:20px}.step h3{font-size:18px;margin-bottom:10px}.step p{font-size:13px;margin-bottom:0}
    .story{background:#fafbff;border-top:1px solid var(--border)}
    .story-heading{margin-bottom:26px}.story-heading h2{margin-bottom:0}
    .story-intro{display:grid;grid-template-columns:138px minmax(0,1fr);gap:25px;align-items:start}
    .story .story-portrait{width:138px;aspect-ratio:1/1.12;border-radius:15px;box-shadow:0 8px 20px #24366e18;overflow:hidden;background:#e8ebf6}
    .story-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%}
    .story blockquote{border-left:4px solid #4860da;padding-left:18px;margin:0 0 16px;color:#364868;font-weight:700;font-size:17px;line-height:1.6}
    .story .tiny{font-size:11px;color:#79869d}
    .story-chart{margin:30px 0 0;background:#fff;border:1px solid var(--border);border-radius:17px;padding:16px;box-shadow:0 10px 30px #1c2e5d10}
    .story-chart img{width:100%;height:auto;display:block;border-radius:9px;object-fit:contain}
    .story-chart figcaption{font-size:11px;color:#79869d;line-height:1.6;margin:13px 5px 1px}
    .story-chart img::selection{background:transparent}
    .bottom{background:linear-gradient(120deg,#1e3389,#435ddd);color:white;padding:80px 0}.bottom h2{font-size:clamp(30px,3.5vw,45px)}.bottom p{color:#e0e7ff}.bottom .photo{margin-top:25px;aspect-ratio:16/7.5}.risk{background:#f8f9fd;padding:26px 0}.risk p{margin:0;font-size:11px;color:#66748f}.footer{background:#f0f2fb;padding:34px 0}.footer p{font-size:11px;color:#7a86a0}
    @media(max-width:800px){.hero-layout,.bottom-layout,.grid-two{grid-template-columns:1fr;gap:30px}.hero{padding:46px 0 54px}.hero .form-card,.bottom .form-card{max-width:540px;width:100%;margin:auto}.steps{gap:12px}.step{padding:19px}.section{padding:62px 0}.story-intro{grid-template-columns:112px minmax(0,1fr);gap:18px}.story .story-portrait{width:112px}}
    @media(max-width:570px){.wrap{padding:0 18px}.topin{min-height:67px}.brand{font-size:15px}.brandmark{height:32px;width:32px}.top .btn{font-size:11px;padding:10px 12px}.hero h1{font-size:36px}.hero .lede{font-size:14px}.form-card{padding:23px}.lavender{padding:56px 0}.steps{grid-template-columns:1fr;gap:12px}.step{display:grid;grid-template-columns:46px 1fr;column-gap:13px}.step-no{grid-row:span 2;margin-bottom:0}.step p{margin-top:0}.story-intro{grid-template-columns:86px minmax(0,1fr);gap:14px}.story .story-portrait{width:86px;border-radius:11px}.story blockquote{font-size:15px;margin-bottom:12px;padding-left:12px}.story-chart{padding:8px;margin-top:23px}.bottom{padding:52px 0}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
  
    /* Existing Idźmy naprzód razem page: remove the large duplicate photo and keep a text-first editorial layout */
    .lavender .grid-two{display:block;max-width:920px}
    .lavender .editorial-copy{max-width:820px}
    .lavender .indicator{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #e0e5f7;border-radius:15px;padding:19px 24px;margin:24px 0;max-width:480px}
    .lavender .indicator b{font-size:37px;color:var(--blue)}
    .lavender .indicator span{font-size:13px;color:var(--muted)}
    .story-intro p{margin-bottom:13px}
    .story-followup{margin:25px 0 0;font-size:inherit;line-height:1.8}
    .story-chart{margin-top:26px}
    @media(max-width:570px){.lavender .indicator b{font-size:30px}.story-intro{align-items:start}}

    /* Questionnaire shown only in the second (lower) contact form */
    .data-notice{font-size:10.5px!important;line-height:1.55!important;color:#74809a!important;margin:14px 0 13px!important;text-align:left!important}
    .quiz-card{padding:28px 26px}.quiz-card h3{margin-bottom:6px}.quiz-card .quiz-card-intro{margin-bottom:18px}
    .quiz-progress{margin:0 0 23px}.quiz-progress-line{width:100%;height:6px;border-radius:100px;background:#e7ebf7;overflow:hidden}.quiz-progress-line span{display:block;width:25%;height:100%;background:#425de4;border-radius:100px;transition:width .22s ease}
    .quiz-progress-text{display:block;text-align:right;color:#7a86a0;font-size:11px;margin-top:8px}
    .quiz-step{border:0;padding:0;margin:0;min-width:0}.quiz-step[hidden],.quiz-contact[hidden],.quiz-back[hidden]{display:none!important}
    .quiz-step legend{font-size:17px;color:#1b2947;font-weight:750;line-height:1.4;margin:0 0 15px;padding:0;width:100%}
    .quiz-option{cursor:pointer;display:flex;align-items:center;gap:12px;border:1px solid #dee5f3;border-radius:10px;background:#fafbff;padding:13px 14px;margin-bottom:10px;font-size:13px;line-height:1.45;color:#283756;transition:border-color .15s,background .15s}
    .quiz-option:hover{border-color:#9cadf5}.quiz-option:has(input:checked){background:#ecf0ff;border-color:#5269e9;box-shadow:0 0 0 1px #5269e9}
    .quiz-option input{width:17px;height:17px;margin:0;accent-color:#425de4;flex:none}.quiz-option span{flex:1}
    .quiz-actions{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-top:17px}.quiz-actions .btn{width:auto;flex:1}.quiz-actions .btn:disabled{background:#b7c1d8;cursor:not-allowed;filter:none;transform:none}
    .quiz-back{background:none;color:#5369c6;border:0;padding:12px 9px;cursor:pointer;font-weight:700;font-size:13px}
    .quiz-contact-intro{font-size:13px!important;text-align:left!important;color:#526581!important;margin-bottom:18px!important}
    @media(max-width:570px){.quiz-card{padding:23px 19px}.quiz-step legend{font-size:16px}.quiz-option{padding:12px}}

    /* Polish flag replaces the decorative logo, keeping the original blue design. */
    .brandmark.polish-flag{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;width:39px;height:27px;min-width:39px;border-radius:3px;background:none;overflow:hidden;border:1px solid rgba(18,39,78,.12);box-shadow:0 2px 6px rgba(17,33,74,.10)}
    .polish-flag .flag-white{display:block;width:100%;height:50%;background:#fff}
    .polish-flag .flag-red{display:block;width:100%;height:50%;background:#dc143c}


/* Quiz: restrained editorial styling, responsive and accessible */
.quiz-outer{padding:82px 0 104px;background:#f5f5f0;border-top:1px solid #e1e4df}
.quiz-wrap{max-width:800px;margin:auto;padding:0 22px}
.quiz-wrap>h2{font:800 clamp(32px,4.4vw,49px)/1.13 Georgia,serif;letter-spacing:-.035em;margin:12px 0 20px;color:#13292b}
.quiz-lead{font-size:18px;color:#40555a;line-height:1.67;max-width:720px;margin:0 0 30px}
.quiz-surface,.quiz-result{background:#fff;border:1px solid #e2e7e2;border-radius:18px;padding:32px;box-shadow:0 13px 34px rgba(23,44,42,.06)}
.quiz-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;font-weight:750;color:#355d5b}
.quiz-caption{color:#788784;font-weight:500}
.quiz-progress{width:100%;height:5px;background:#ecf1ec;border-radius:4px;overflow:hidden;margin:15px 0 30px}
.quiz-progress span{display:block;height:100%;width:33.333%;background:#207862;transition:width .28s ease}
.quiz-question{font:800 clamp(24px,3.2vw,33px)/1.24 Georgia,serif;letter-spacing:-.025em;color:#142b2f;margin:0 0 8px}
.quiz-description{font-size:14px;color:#64736d;margin:0 0 20px;line-height:1.6}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.quiz-option{display:flex;gap:12px;align-items:center;border:1.5px solid #dfe6df;border-radius:11px;padding:15px 16px;background:#fff;cursor:pointer;min-height:65px;line-height:1.35;font-size:16px;transition:background .15s,border-color .15s}
.quiz-option:hover{background:#f5f9f6;border-color:#aac6b8}
.quiz-option input{appearance:none;flex:0 0 18px;height:18px;border-radius:50%;border:2px solid #a4b9ae;position:relative;margin:0}
.quiz-option input:checked{border-color:#12765f}
.quiz-option input:checked:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#12765f}
.quiz-option:has(input:checked){background:#eaf5ef;border-color:#16795d}
.quiz-option:focus-within{outline:2px solid #ba9561;outline-offset:2px}
.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:26px}
.quiz-back,.quiz-textbutton{border:0;background:transparent;color:#475e59;font-size:15px;font-weight:750;padding:12px;cursor:pointer}
.quiz-actions .quiz-next{margin-left:auto}
.quiz-next{appearance:none;background:#143f3b;color:#fff;border:0;padding:13px 23px;border-radius:10px;font-size:16px;font-weight:750;cursor:pointer;min-height:50px;transition:opacity .15s}
.quiz-next[disabled]{opacity:.35;cursor:not-allowed}
.quiz-footnote{font-size:13px;color:#738078;line-height:1.65;margin:18px 0 0}
.quiz-loader{text-align:center;padding:22px 0 33px}
.quiz-loader h3{font:800 26px/1.25 Georgia,serif;margin:12px 0 10px}
.quiz-loader p{font-size:15px;color:#60716d;margin:0}
.quiz-spinner{width:39px;height:39px;border-radius:50%;border:4px solid #e1e9e2;border-top-color:#136e5a;animation:quizspin .95s linear infinite;margin:0 auto 15px}
@keyframes quizspin{to{transform:rotate(360deg)}}
.quiz-result-eyebrow{color:#397365;letter-spacing:.11em;text-transform:uppercase;font-weight:850;font-size:12px}
.quiz-result-symbol{width:50px;height:50px;display:grid;place-items:center;background:#e1f1e8;color:#1b7660;font:700 21px Georgia,serif;border-radius:14px;margin:20px 0}
.quiz-result h3{font:800 34px/1.12 Georgia,serif;color:#183a36;margin:14px 0}
.quiz-result p{font-size:17px;color:#334943;line-height:1.65;margin:12px 0}
.quiz-result-note{padding:16px 18px;background:#f4f6f2;border-radius:10px;font-size:14px!important}
.quiz-result-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px}
.contact-modal{border:0;padding:30px;width:min(570px,calc(100vw - 26px));max-height:calc(100dvh - 26px);overflow:auto;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.30);background:#fff;color:#142b2e}
.contact-modal::backdrop{background:rgba(5,23,26,.65);backdrop-filter:blur(2px)}
.modal-head{display:flex;justify-content:space-between;align-items:start;gap:16px}
.modal-head h2{font:800 clamp(26px,4vw,34px)/1.16 Georgia,serif;letter-spacing:-.035em;margin:10px 0 0}
.modal-close{background:#f3f5f2;border:none;border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer}
.modal-intro{font-size:15px;line-height:1.6;color:#556563;margin:20px 0}
.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.modal-fields label{display:block;font-size:13px;font-weight:750;margin:0 0 6px}
.modal-fields input{width:100%;border:1px solid #cad7ce;border-radius:9px;padding:10px 12px;font-size:16px;min-height:47px;background:#fff}
.modal-fields input:focus{outline:2px solid #6da78e;outline-offset:1px}
.modal-legal{font-size:12px;color:#64746e;line-height:1.6;margin:20px 0}
.contact-send{width:100%}
.modal-status{font-size:14px;color:#385a4c;margin-top:12px;line-height:1.5}
.modal-status:empty{display:none}
@media(max-width:620px){.quiz-outer{padding:52px 0 65px}.quiz-surface,.quiz-result{padding:23px 16px}.quiz-options,.modal-fields{grid-template-columns:1fr}.quiz-option{min-height:56px;font-size:15px}.quiz-lead{font-size:16px}.quiz-result h3{font-size:28px}.contact-modal{padding:22px 18px}}

/* Wynik quizu i formularz we wspólnym, automatycznym oknie */
.contact-modal{width:min(620px,calc(100vw - 26px));}
.modal-summary{background:#f2f7f3;border:1px solid #dce9df;border-radius:13px;padding:18px 20px;margin-top:19px}
.modal-profile-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#187358;font-weight:850}
.modal-summary h3{font:800 27px/1.2 Georgia,serif;letter-spacing:-.025em;color:#17352e;margin:8px 0 10px}
.modal-summary p{font-size:14px;line-height:1.58;color:#38514a;margin:0}
.modal-summary .modal-goal{margin-top:12px;padding-top:12px;border-top:1px solid #d8e5dd;font-size:13px}
.modal-intro{margin:19px 0 16px}
@media(max-width:620px){.modal-summary{padding:15px 16px;margin-top:13px}.modal-summary h3{font-size:23px}.modal-summary p{font-size:13px}.modal-intro{font-size:14px}}


/* Match the existing blue Idźmy naprzód razem landing page; quiz content/logic is unchanged. */
#kontakt-dol .quiz-host{min-width:0}
#kontakt-dol .quiz-surface,#kontakt-dol .quiz-result{padding:24px 18px;border-radius:16px}
#kontakt-dol .quiz-options{grid-template-columns:1fr}
#kontakt-dol .quiz-question{font-family:inherit;font-size:21px;line-height:1.32;color:#192949}
#kontakt-dol .quiz-option{font-family:inherit;font-size:13px;min-height:52px;padding:12px 14px;border-color:#dde4f3;color:#283956}
#kontakt-dol .quiz-caption,#kontakt-dol .quiz-description{color:#6f7a91}
#kontakt-dol .quiz-topline{color:#3153cc}
#kontakt-dol .quiz-progress{background:#e6ebfb}
#kontakt-dol .quiz-progress span{background:#3f59dc}
#kontakt-dol .quiz-option input:checked{border-color:#425de4}
#kontakt-dol .quiz-option input:checked:after{background:#425de4}
#kontakt-dol .quiz-option:has(input:checked){background:#edf1ff;border-color:#425de4}
#kontakt-dol .quiz-option:hover{background:#f4f6ff;border-color:#a2b1e8}
#kontakt-dol .quiz-next,.contact-modal .quiz-next{background:#3f59dc;color:#fff}
#kontakt-dol .quiz-back{color:#4560cb}
#kontakt-dol .quiz-result-eyebrow{color:#3658d3}
#kontakt-dol .quiz-result-symbol{background:#e6ecff;color:#304dc0}
#kontakt-dol .quiz-result h3{color:#20366d;font-family:inherit;font-size:24px}
#kontakt-dol .quiz-result-note{background:#eef2ff}
.contact-modal .modal-summary{background:#f1f4ff;border-color:#dee6ff}
.contact-modal .modal-profile-label,.contact-modal .step{color:#3858c6}
.contact-modal .modal-summary h3,.contact-modal .modal-head h2{color:#20366d;font-family:inherit}
.contact-modal .modal-fields input:focus{outline-color:#93a8ee}
.contact-modal .modal-summary .modal-goal{border-color:#dce5ff}
.contact-modal .modal-legal a{color:#3958d4}
@media(max-width:620px){#kontakt-dol .quiz-surface,#kontakt-dol .quiz-result{padding:20px 16px}}

.confirmation-modal{box-sizing:border-box;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px;border:0;border-radius:18px;background:#fff;color:#17352e;box-shadow:0 26px 80px rgba(0,0,0,.28);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.confirmation-modal::backdrop{background:rgba(5,23,26,.58);backdrop-filter:blur(2px)}
.confirmation-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e4f2e9;color:#126b54;font-size:27px;font-weight:800;margin-bottom:18px}
.confirmation-label{font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#167257}
.confirmation-modal h2{font:800 clamp(25px,6vw,31px)/1.15 Georgia,serif;margin:9px 0 13px;color:#17352e}
.confirmation-modal p{font-size:16px;line-height:1.6;color:#465d55;margin:0 0 23px}
.confirmation-close{width:100%;font-family:inherit}
@media(max-width:560px){.confirmation-modal{padding:24px 21px}.confirmation-modal p{font-size:15px}}
@media(max-width:620px){.quiz-outer{padding:52px 0 65px}.quiz-surface,.quiz-result{padding:23px 16px}.quiz-options,.modal-fields{grid-template-columns:1fr}.quiz-option{min-height:56px;font-size:15px}.quiz-lead{font-size:16px}.quiz-result h3{font-size:28px}.contact-modal{padding:22px 18px}}

/* Wynik quizu i formularz we wspólnym, automatycznym oknie */
.contact-modal{width:min(620px,calc(100vw - 26px));}
.modal-summary{background:#f2f7f3;border:1px solid #dce9df;border-radius:13px;padding:18px 20px;margin-top:19px}
.modal-profile-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#187358;font-weight:850}
.modal-summary h3{font-family:inherit;font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#17352e;margin:8px 0 10px}
.modal-summary p{font-size:14px;line-height:1.58;color:#38514a;margin:0}
.modal-summary .modal-goal{margin-top:12px;padding-top:12px;border-top:1px solid #d8e5dd;font-size:13px}
.modal-summary .modal-qualification{margin-top:14px;padding:14px 15px;background:#e5f1ea;border:1px solid #c9dfd2;border-left:4px solid #0f7a62;border-radius:9px;font-size:17px;line-height:1.45;font-weight:700;color:#173d34}
.qualification-mobile,.intro-mobile{display:none}
.modal-intro{margin:19px 0 16px}
@media(max-width:620px){.modal-summary{padding:15px 16px;margin-top:13px}.modal-summary h3{font-size:23px}.modal-summary p{font-size:13px}.modal-intro{font-size:14px}}
/* Fenêtre de résultat optimisée pour les écrans mobiles de type iPhone 11 */
@media(max-width:620px){
  .contact-modal{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:11px 12px;border-radius:14px}
  .modal-head{gap:8px}
  .modal-head .step{font-size:9px;margin-bottom:2px}
  .modal-head h2{font-size:22px;line-height:1.08;margin-top:2px}
  .modal-close{width:28px;height:28px;flex:0 0 28px;font-size:20px}
  .modal-summary{padding:9px 11px;margin-top:7px}
  .modal-profile-label{font-size:10px}
  .modal-summary h3{font-size:19px;line-height:1.12;margin:4px 0 5px}
  .modal-summary p{font-size:11.5px;line-height:1.32}
  .modal-summary .modal-goal{margin-top:6px;padding-top:6px;font-size:11.5px}
  .modal-summary .modal-qualification{margin-top:7px;padding:9px 10px;font-size:15px;line-height:1.3;font-weight:750}
  .qualification-desktop,.intro-desktop{display:none}
  .qualification-mobile,.intro-mobile{display:inline}
  .modal-intro{margin:7px 0;font-size:11.5px;line-height:1.3}
  .modal-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}
  .modal-fields label{margin-bottom:2px;font-size:11px}
  .modal-fields input{height:38px;min-height:38px;padding:6px 8px;font-size:16px}
  .contact-send{min-height:42px;padding:8px 12px;font-size:15px}
}


/* Presentation adapters for the existing functional components. */
[hidden]{display:none!important}
.form-card #contact-content>h3{text-align:center;margin-bottom:10px;font-size:24px}
.form-card #contact-content>p:not(#status){text-align:center;color:var(--muted);font-size:12px;margin:0 0 18px}
#contact-form .fields{display:flex;flex-direction:column;gap:12px}
#contact-form label{display:block;font-size:11px;font-weight:700;margin:0 0 5px;color:#53617b}
#contact-form input:not([type=checkbox]){font-family:inherit}
#contact-form small{display:block;font-size:10px;color:#74809a;margin-top:4px}
.trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#submit,#check-status{width:100%;border:0;background:var(--blue);border-radius:9px;padding:14px 16px;color:#fff;font:700 14px Arial,sans-serif;cursor:pointer;margin-top:18px;min-height:46px}
#submit:disabled{opacity:.55;cursor:default}
#check-status{background:#edf1ff;color:#304dc0;font-size:12px;margin-top:10px}
#status{font-size:13px;color:#53617b;margin:14px 0 0;line-height:1.6}
#status:empty{display:none}
#status[data-error=true]{color:#9c3d32}
#confirmation{text-align:center;padding:22px 0}
#confirmation h2{font-size:27px;color:var(--navy)}
#confirmation p{color:var(--muted);font-size:14px}
#confirmation .success-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#edf1ff;color:var(--blue);font-size:28px;margin:0 auto 20px}
.contact-modal .modal-head .step{display:block;background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:0;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.contact-modal .modal-qualification{background:#edf1ff;border-color:#dce5ff;border-left-color:#425de4;color:#20366d}
.contact-modal .modal-summary{background:#f1f4ff;border-color:#dee6ff}
.contact-modal .modal-profile-label,.contact-modal .modal-head .step{color:#3858c6}
.contact-modal .modal-summary h3,.contact-modal .modal-head h2{color:#20366d;font-family:inherit}
.contact-modal .modal-fields input:focus{outline-color:#93a8ee}
.contact-modal .modal-summary .modal-goal{border-color:#dce5ff}
.contact-modal .quiz-next,.confirmation-modal .quiz-next{background:#3f59dc;color:#fff}
.confirmation-modal{color:#20366d}
.confirmation-modal h2{font-family:Arial,Helvetica,sans-serif;color:#20366d}
.confirmation-icon{color:#3f59dc;background:#edf1ff}
.confirmation-label{color:#3858c6}
.privacy-link{display:inline-block;font-size:11px;color:#53617b;text-underline-offset:3px}
@media(max-width:570px){.form-card input:not([type=checkbox]){font-size:16px}.modal-fields input{font-size:16px}}