:root{--ink:#17343a;--muted:#64777b;--teal:#0f766e;--teal2:#15968a;--pale:#edf7f4;--line:#dce7e4;--gold:#d99a2b;--bad:#dc5a5a;--warn:#e6a23c;--good:#46a47b;--great:#0f766e;--shadow:0 18px 50px rgba(20,55,58,.09)}*{box-sizing:border-box}body{margin:0;background:#f7faf9;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}.container{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{background:#fff;border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;color:var(--ink);font-size:20px;font-weight:900}.brand small{display:block;color:var(--muted);font-size:12px}.hero{padding:68px 0;background:linear-gradient(135deg,#e9f7f3,#fff)}.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center}.eyebrow,.step-kicker{display:inline-block;color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.eyebrow.danger{color:var(--bad)}h1{font-size:clamp(38px,6vw,68px);line-height:1.02;margin:12px 0 18px;letter-spacing:-.045em}h2{margin:0 0 12px;font-size:clamp(24px,3vw,34px);line-height:1.15}.lead{font-size:20px;color:#49666b;max-width:740px}.signature-line{font-weight:900;color:var(--teal)}.hero-orbit{width:250px;height:250px;border-radius:50%;margin:auto;background:conic-gradient(var(--teal) 0 24%,#dbece7 24% 28%,var(--teal2) 28% 48%,#dbece7 48% 52%,#4bab87 52% 72%,#dbece7 72% 76%,#d99a2b 76% 96%,#dbece7 96%);display:grid;place-items:center;position:relative;box-shadow:var(--shadow)}.hero-orbit:after{content:"";position:absolute;inset:54px;border-radius:50%;background:#fff}.hero-orbit div,.hero-orbit span{position:absolute;z-index:1;text-align:center}.hero-orbit div{top:23px;color:#fff;font-weight:900}.hero-orbit span{font-size:22px;font-weight:900}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.intro{margin-top:-28px;position:relative}.mode-grid,.g2,.signature-layout,.metric-grid,.kpi-grid{display:grid;gap:16px}.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-card{display:flex;flex-direction:column;gap:6px;padding:20px;border:2px solid var(--line);border-radius:18px;cursor:pointer}.mode-card input{position:absolute;opacity:0}.mode-card.active{border-color:var(--teal);background:var(--pale)}.mode-card strong{font-size:18px}.mode-card span{color:var(--muted)}.form-card{margin:24px auto 60px;max-width:960px}.progress{display:flex;gap:8px;margin-bottom:28px}.progress span{height:8px;flex:1;border-radius:999px;background:#e7eeec;font-size:0}.progress span.active{background:var(--teal)}.step{display:none}.step.active{display:block}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:22px}.g2{grid-template-columns:repeat(2,1fr)}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-weight:800;font-size:14px}input,select{width:100%;border:1px solid #cbdad6;border-radius:12px;padding:13px 14px;font:inherit;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(15,118,110,.12);border-color:var(--teal)}.unit{position:relative}.unit input{padding-right:65px}.unit span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:800}.notice,.error{padding:15px 18px;border-radius:14px;margin:18px 0}.notice{background:#edf7f4;color:#315f5b}.error{background:#fff0f0;color:#9e3434;border:1px solid #f2cccc}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;text-decoration:none;font-weight:900;border:1px solid transparent;cursor:pointer;font:inherit}.btn.primary{background:var(--teal);color:#fff}.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn.gold{background:var(--gold);color:#fff}.btn:disabled{opacity:.7;cursor:not-allowed}.hp{position:absolute!important;left:-9999px!important}.result-wrap{padding:38px 0 70px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.result-head h1{font-size:42px;margin:8px 0}.result-head p{color:var(--muted)}.signature-layout{grid-template-columns:1fr 1fr;margin-bottom:22px}.signature-card{text-align:center}.radar-signature{width:min(100%,460px);height:auto}.sig-label{font-size:13px;font-weight:800;fill:#40595e}.sig-score{font-size:28px;font-weight:950;fill:var(--ink)}.sig-state{font-size:11px;font-weight:800;fill:var(--muted)}.signature-help{color:var(--muted);font-size:14px}.metric-grid{grid-template-columns:repeat(2,1fr);margin-top:22px}.metric-grid div{padding:16px;background:#f6f9f8;border-radius:14px}.metric-grid span{display:block;color:var(--muted);font-size:13px}.metric-grid strong{font-size:20px}.positive{color:var(--teal)}.negative{color:var(--bad)}.kpi-grid{grid-template-columns:repeat(5,1fr)}.kpi{border:1px solid var(--line);border-radius:16px;padding:16px}.kpi-top{display:flex;justify-content:space-between;gap:8px}.kpi h3{margin:0;font-size:15px}.kpi p{font-size:13px;color:var(--muted)}.bar{height:8px;background:#edf1f0;border-radius:999px;overflow:hidden;margin:12px 0}.bar span{display:block;height:100%;border-radius:999px}.kpi.bad .bar span{background:var(--bad)}.kpi.warn .bar span{background:var(--warn)}.kpi.good .bar span{background:var(--good)}.kpi.great .bar span{background:var(--great)}.gap-card,.pro-box{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;align-items:center;margin-top:22px}.gap-card{background:linear-gradient(135deg,#fff,#fff4f1)}.gap-card p{font-size:18px}.gap-card small{color:var(--muted)}.potential{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:22px;background:#fff;border-radius:18px;text-align:right}.potential span{color:var(--muted)}.potential strong{font-size:25px}.potential i{grid-column:1/-1;color:var(--teal);font-size:28px}.pro-box{background:linear-gradient(135deg,#0d625c,#123d42);color:#fff}.pro-box .eyebrow{color:#a9ece3}.pro-box ul{padding-left:20px}.price{text-align:center;background:rgba(255,255,255,.09);padding:22px;border-radius:20px}.price span,.price small{display:block}.price strong{font-size:54px}.price .btn{margin-top:14px;width:100%}@media(max-width:850px){.hero-grid,.signature-layout,.gap-card,.pro-box{grid-template-columns:1fr}.hero-orbit{width:190px;height:190px}.hero-orbit:after{inset:42px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.container{width:min(100% - 20px,1120px)}.hero{padding:42px 0}.hero-grid{grid-template-columns:1fr}.hero-orbit{display:none}.mode-grid,.g2,.metric-grid,.kpi-grid{grid-template-columns:1fr}.card{padding:20px;border-radius:18px}.result-head{align-items:flex-start}.result-head h1{font-size:34px}.form-actions{position:sticky;bottom:8px;background:rgba(255,255,255,.93);padding:10px;border-radius:999px;z-index:3}.btn{padding:11px 16px}.nav{align-items:center}.nav .btn{font-size:13px}}@media print{.topbar,.btn,.pro-box{display:none!important}body{background:#fff}.card{box-shadow:none}.result-wrap{padding:0}.gap-card{break-inside:avoid}}


/* Correctif UX — bouton final et aide de champ */
.optional {
    color: var(--muted);
    font-weight: 650;
}

.field-help {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 12.5px;
    line-height: 1.45;
}

.final-submit-wrap {
    margin-top: 28px;
    padding: 22px;
    border: 1px solid rgba(217, 154, 43, .35);
    border-radius: 18px;
    background: linear-gradient(135deg, #fffaf0, #fff4d9);
    text-align: center;
}

.final-submit-copy {
    margin: 0 0 15px;
    color: #65460d;
}

.btn.gold {
    background: linear-gradient(135deg, #f6c95d, var(--gold));
    color: #2d1b00;
    border-color: rgba(128, 81, 0, .15);
    box-shadow: 0 14px 30px rgba(217, 154, 43, .28);
}

.btn.gold:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(217, 154, 43, .34);
}

.btn-analyse {
    width: min(100%, 460px);
    min-height: 54px;
    font-size: 16px;
}

.btn-analyse.is-loading {
    cursor: wait;
}

.submit-status {
    min-height: 1.4em;
    margin: 10px 0 0;
    color: #76500b;
    font-size: 13px;
}

.input-error {
    border-color: var(--bad) !important;
    outline: 3px solid rgba(220, 90, 90, .12) !important;
}

.field-error {
    color: #9e3434;
    font-size: 12.5px;
    font-weight: 700;
}

@media (max-width: 620px) {
    .final-submit-wrap {
        padding: 18px 14px;
    }

    .btn-analyse {
        width: 100%;
    }
}


.final-error {
    margin: 22px 0 0;
    border: 2px solid rgba(220, 90, 90, .45);
    box-shadow: 0 12px 28px rgba(158, 52, 52, .12);
}


/* Masquage garanti du bouton Continuer à l'étape 4 */
#next[hidden] {
    display: none !important;
}

.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.check-grid div{padding:12px 14px;border-radius:14px;background:#f6f9f8;border:1px solid var(--line);font-weight:800}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.insight-grid>div{padding:18px;border-radius:18px;background:#f7faf9}.radarimmo-box{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:center;margin-top:22px;background:linear-gradient(135deg,#fff9ea,#fff)}.legal-note{margin:22px 0 0;padding:16px 18px;border-radius:16px;background:#f7f7f5;color:#5d6b6e;font-size:13px;border:1px solid var(--line)}.warning-text{color:var(--warn)}@media(max-width:850px){.insight-grid,.radarimmo-box{grid-template-columns:1fr}}
.metric-note{margin-top:6px;font-size:.86rem;font-weight:800;color:#15803d}
.metric-help{margin-top:5px;font-size:.78rem;line-height:1.45;color:#64748b}

.notice{padding:14px 16px;border-radius:14px;margin:0 0 18px;font-weight:750}.notice.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.notice.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.unlock-box,.dossierbeton-box{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#0b3d39,#0f766e);color:#fff}.unlock-box p,.dossierbeton-box p{color:rgba(255,255,255,.84)}.unlock-box .eyebrow,.dossierbeton-box .eyebrow{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.2)}.unlock-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.unlock-list span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.11);font-size:.88rem;font-weight:800}.price-line{font-size:1.05rem}.modal-backdrop{position:fixed;inset:0;background:rgba(5,20,25,.68);display:none;place-items:center;padding:18px;z-index:100}.modal-backdrop.is-open{display:grid}.capture-modal{position:relative;width:min(580px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.28)}.modal-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:2rem;cursor:pointer;color:#64748b}.capture-form{display:grid;gap:15px;margin-top:20px}.capture-form label:not(.consent){display:grid;gap:6px;font-weight:800}.capture-form input[type=text],.capture-form input[type=email]{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:12px;font:inherit}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:#475569}.consent input{margin-top:4px}.field-error{color:#b91c1c}.privacy{color:#64748b;line-height:1.4}.hp{position:absolute;left:-9999px}.wide{width:100%}.detailed-card{padding:clamp(20px,4vw,38px)}.detail-intro{margin-bottom:22px}.detail-axis{padding:24px 0;border-top:1px solid #e2e8f0}.detail-axis:first-of-type{border-top:0}.detail-axis-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.axis-kicker{font-weight:900;color:#0f766e}.detail-axis-head h3{margin-top:7px;font-size:1.18rem;letter-spacing:-.025em}.axis-score{font-size:1.4rem;white-space:nowrap}.detail-rule,.detail-analysis,.detail-reco{padding:14px 16px;border-radius:14px;margin-top:12px}.detail-rule{background:#f8fafc}.detail-analysis{background:#eff6ff}.detail-reco{background:#edf8f5}.detail-rule p,.detail-analysis p,.detail-reco p{margin:5px 0 0}.metric-note{margin-top:6px;font-size:.84rem;font-weight:850}.positive-note{color:#15803d}.negative-note{color:#b91c1c}.metric-help{margin-top:5px;font-size:.76rem;line-height:1.4;color:#64748b}@media(max-width:760px){.unlock-box,.dossierbeton-box,.detail-axis-head{flex-direction:column;align-items:stretch}.unlock-box .btn,.dossierbeton-box .btn{width:100%}}


/* CTA distinctifs RadarCrédit */
.btn.radarimmo-cta{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff;
    border-color:#1d4ed8;
    box-shadow:0 14px 28px rgba(37,99,235,.22);
}
.btn.radarimmo-cta:hover{
    background:linear-gradient(135deg,#1d4ed8,#1e40af);
    color:#fff;
}
.btn.dossierbeton-cta{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#dc2626 0%,#b91c1c 52%,#991b1b 100%);
    color:#fff;
    border:2px solid #7f1d1d;
    box-shadow:
        0 16px 34px rgba(185,28,28,.34),
        inset 0 1px 0 rgba(255,255,255,.20);
    font-weight:950;
    letter-spacing:-.01em;
    transform:translateY(0);
}
.btn.dossierbeton-cta::before{
    content:"";
    position:absolute;
    top:-60%;
    left:-35%;
    width:28%;
    height:220%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
    transform:rotate(18deg);
    transition:left .55s ease;
    pointer-events:none;
}
.btn.dossierbeton-cta:hover{
    background:linear-gradient(135deg,#ef4444 0%,#c81e1e 48%,#991b1b 100%);
    color:#fff;
    border-color:#7f1d1d;
    transform:translateY(-2px) scale(1.015);
    box-shadow:
        0 20px 42px rgba(185,28,28,.44),
        inset 0 1px 0 rgba(255,255,255,.24);
}
.btn.dossierbeton-cta:hover::before{left:120%;}

.dossierbeton-price{color:#fde047;font-weight:950;text-shadow:0 1px 0 rgba(0,0,0,.18);}

.dossierbeton-box .dossierbeton-price-line{color:#fde047;font-weight:800;}
.dossierbeton-box .dossierbeton-price-line strong{color:#fde047;}