/* START CREER UN CV AVEC L'IA */
.top-cv-ia, .rewrite-cv-ia, .how-cv-ia, .compare-cv-ia, .redac-cv-ia, .templates-cv-ia, .control-cv-ia, .faq-cv-ia, .cta-cv-ia {overflow: hidden;}
.how-cv-ia .intro, .compare-cv-ia .intro, .redac-cv-ia .intro, .templates-cv-ia .intro, .cta-cv-ia .intro {color: var(--color-text-gray); margin: 10px 0 0 0;}

/* Eléments communs */
.icon-cv-ia {display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: var(--color-blue-bg);}
.icon-cv-ia svg {display: block; height: 18px; fill: var(--color-primary);}
.check-cv-ia {display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--color-blue-bg);}
.check-cv-ia svg {display: block; height: 13px; fill: var(--color-primary);}
.note-cv-ia {background: white; border: solid 1px var(--color-border); border-radius: 10px; padding: 12px 15px; font-size: 14px; margin: 20px 0 0 0;}
.link-cv-ia {display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; text-decoration: none !important;}
.link-cv-ia svg {display: block; height: 14px; fill: var(--color-primary); transition: .3s;}
.link-cv-ia:hover svg {transform: translateX(4px);}

/* Hero */
.top-cv-ia {background: linear-gradient(135deg, var(--color-bg) 0%, var(--color-block) 100%); padding-top: 40px; padding-bottom: 60px;}
.top-cv-ia .disp-flex {align-items: center; gap: 50px;}
.top-cv-ia .col50:first-child {width: 45%;}
.top-cv-ia .col50:last-child {width: 55%;}
.top-cv-ia .breadcrumb-metier {margin-bottom: 15px;}
.badge-cv-ia {display: inline-flex; align-items: center; gap: 8px; background: white; border: solid 1px var(--color-primary); border-radius: 50px; padding: 4px 12px; margin: 0 0 15px 0; color: var(--color-primary) !important; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;}
.badge-cv-ia svg {display: block; height: 14px; fill: var(--color-primary);}
.top-cv-ia h1 {font-size: 52px !important; line-height: 1.1 !important;}
.top-cv-ia h1 .color-blue {display: block;}
.top-cv-ia .intro {color: var(--color-title); margin: 20px 0 25px 0;}
.top-cv-ia .btn1 {padding: 14px 24px; box-shadow: 0 6px 16px rgb(80 110 247 / 30%);}

/* Démo du parcours */
.demo-cv-ia {background: white; border: solid 1px var(--color-border); border-radius: 14px; box-shadow: 0 20px 50px rgb(41 41 41 / 12%); overflow: hidden;}
.demo-cv-ia-bar {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 10px 15px; background: var(--color-bg); border-bottom: solid 1px var(--color-border); font-size: 11px; letter-spacing: 1px; text-transform: uppercase;}
.demo-cv-ia-dots {display: flex; gap: 5px;}
.demo-cv-ia-dots span {width: 8px; height: 8px; border-radius: 50%; background: #F6A6A0;}
.demo-cv-ia-dots span:nth-child(2) {background: var(--color-yellow);}
.demo-cv-ia-dots span:nth-child(3) {background: #9ADBB6;}
.demo-cv-ia-title {display: flex; align-items: center; gap: 6px; font-weight: 600; color: var(--color-title);}
.demo-cv-ia-title svg {display: block; height: 13px; fill: var(--color-primary);}
.demo-cv-ia-count {color: var(--color-text-gray);}
.demo-cv-ia-content {padding: 22px;}
.demo-cv-ia-surtitre {margin: 0 0 5px 0; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--color-text-gray) !important;}
.demo-cv-ia-intro {margin: 0 0 15px 0; font-size: 14px;}
.demo-cv-ia input[type=radio] {position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none;}
.demo-cv-ia-choices {display: flex; gap: 12px;}
.demo-cv-ia-choice {flex: 1; display: block; padding: 15px; border: solid 1px var(--color-border); border-radius: 12px; cursor: pointer; transition: .3s;}
.demo-cv-ia-choice:hover {border-color: var(--color-primary);}
.demo-cv-ia-choice .title {display: block; margin-top: 12px; font-weight: 700; color: var(--color-title);}
.demo-cv-ia-choice .desc {display: block; font-size: 13px; color: var(--color-text-gray);}
.demo-cv-ia-panel {display: none; margin-top: 15px; padding: 18px; background: var(--color-bg); border-radius: 12px;}
.demo-cv-ia-panel p {margin: 0 0 12px 0; font-size: 13px;}
.demo-cv-ia-panel .title {margin-bottom: 5px; font-size: 14px; font-weight: 700; color: var(--color-title);}
.demo-cv-ia-panel .btn1 {padding: 10px 18px; font-size: 14px;}
#demo-cv-ia-import:checked ~ .demo-cv-ia-panel-import, #demo-cv-ia-scratch:checked ~ .demo-cv-ia-panel-scratch {display: block;}
#demo-cv-ia-import:checked ~ .demo-cv-ia-choices .demo-cv-ia-choice-import, #demo-cv-ia-scratch:checked ~ .demo-cv-ia-choices .demo-cv-ia-choice-scratch {background: var(--color-blue-bg); border-color: var(--color-primary);}
#demo-cv-ia-import:checked ~ .demo-cv-ia-choices .demo-cv-ia-choice-import .icon-cv-ia, #demo-cv-ia-scratch:checked ~ .demo-cv-ia-choices .demo-cv-ia-choice-scratch .icon-cv-ia {background: var(--color-primary);}
#demo-cv-ia-import:checked ~ .demo-cv-ia-choices .demo-cv-ia-choice-import .icon-cv-ia svg, #demo-cv-ia-scratch:checked ~ .demo-cv-ia-choices .demo-cv-ia-choice-scratch .icon-cv-ia svg {fill: white;}
#demo-cv-ia-import:focus-visible ~ .demo-cv-ia-choices .demo-cv-ia-choice-import, #demo-cv-ia-scratch:focus-visible ~ .demo-cv-ia-choices .demo-cv-ia-choice-scratch {outline: solid 2px var(--color-primary); outline-offset: 2px;}

/* Réassurance */
.trust-cv-ia {border-bottom: solid 1px var(--color-border);}
.list-trust-cv-ia {display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 20px 0;}
.list-trust-cv-ia li {flex: 1; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 13px; color: var(--color-text-gray) !important; line-height: 1.3 !important;}
.list-trust-cv-ia li + li {border-left: solid 1px var(--color-border);}
.list-trust-cv-ia strong {display: block; font-size: 15px; color: var(--color-title);}

/* Réécrire un CV existant */
.rewrite-cv-ia .intro {color: var(--color-text-gray); margin: 15px 0 20px 0;}
.list-rewrite-cv-ia {list-style: none; margin: 0 0 25px 0; padding: 0; counter-reset: step;}
.list-rewrite-cv-ia li {display: flex; align-items: center; gap: 12px; padding: 6px 0; font-weight: 600; font-size: 15px; color: var(--color-title) !important; counter-increment: step;}
.list-rewrite-cv-ia li:before {content: "0" counter(step); display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: var(--color-blue-bg); color: var(--color-primary); font-size: 11px; font-weight: 700;}
.rewrite-cv-ia .btn1 {padding: 12px 24px;}
.rewrite-cv-ia .sous-btn {display: flex; gap: 8px; font-size: 13px; color: var(--color-text-gray) !important; margin: 12px 0 0 0;}
.rewrite-cv-ia .sous-btn svg {display: block; flex-shrink: 0; height: 14px; margin-top: 3px; fill: var(--color-text-gray);}
.schema-cv-ia {background: var(--color-block); border: solid 1px var(--color-border); border-radius: 14px; padding: 22px;}
.schema-cv-ia-surtitre {margin: 0 0 15px 0; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--color-text-gray) !important;}
.schema-cv-ia-steps {display: flex; gap: 18px;}
.schema-cv-ia-step {position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; background: white; border-radius: 10px; padding: 12px;}
.schema-cv-ia-step + .schema-cv-ia-step:before {content: "\f054"; font-family: "Font Awesome 6 Pro"; font-size: 9px; position: absolute; left: -22px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: white; border: solid 1px var(--color-border); color: var(--color-text-gray); z-index: 1;}
.schema-cv-ia-head {display: flex; align-items: center; justify-content: space-between; margin: 0; font-size: 11px; font-weight: 700; color: var(--color-primary) !important;}
.schema-cv-ia-head svg {display: block; height: 13px; fill: var(--color-primary);}
.schema-cv-ia-page {flex: 1; display: flex; flex-direction: column; gap: 7px; min-height: 130px; padding: 12px 10px; border: solid 1px var(--color-border); border-radius: 3px; box-shadow: 0 2px 8px rgb(0 0 0 / 8%);}
.schema-cv-ia-page i, .schema-cv-ia-part i {display: block; height: 3px; border-radius: 3px; background: var(--color-border);}
.schema-cv-ia-page i:first-child {height: 6px; width: 50%; background: #98A1AE;}
.schema-cv-ia-page i:nth-child(3n) {width: 70%;}
.schema-cv-ia-page-new {border-left: solid 5px var(--color-primary);}
.schema-cv-ia-page-new i {background: #C9D3FC;}
.schema-cv-ia-page-new i:first-child {background: var(--color-primary);}
.schema-cv-ia-part {display: flex; flex-direction: column; gap: 5px; padding: 8px; background: var(--color-bg); border-radius: 6px; font-size: 11px;}
.schema-cv-ia-part b {font-weight: 600; color: var(--color-title);}
.schema-cv-ia-part i {background: #C9D3FC;}
.schema-cv-ia-part i:last-child {width: 70%;}
.schema-cv-ia-step .title {margin: auto 0 0 0; text-align: center; font-size: 13px; font-weight: 700; color: var(--color-title) !important;}

/* Comment ça marche */
.list-how-cv-ia {margin-top: 30px; border-top: solid 1px var(--color-border);}
.bloc-how-cv-ia {padding: 25px 25px 0 25px;}
.bloc-how-cv-ia:first-child {padding-left: 0;}
.bloc-how-cv-ia:last-child {padding-right: 0;}
.bloc-how-cv-ia + .bloc-how-cv-ia {border-left: solid 1px var(--color-border);}
.bloc-how-cv-ia-head {display: flex; align-items: center; justify-content: space-between; margin: 0;}
.bloc-how-cv-ia-head .number {font-size: 12px; font-weight: 700; color: var(--color-primary);}
.bloc-how-cv-ia h3 {font-size: 17px !important;}
.bloc-how-cv-ia p:last-child {font-size: 14px; color: var(--color-text-gray); margin: 5px 0 0 0;}

/* Avant / après */
.list-check-cv-ia {list-style: none; margin: 20px 0 0 0; padding: 0;}
.list-check-cv-ia li {display: flex; align-items: center; gap: 10px; padding: 4px 0; font-size: 15px; font-weight: 600; color: var(--color-title) !important;}
.list-check-cv-ia li:before {content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 10px; display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 18px; height: 18px; border: solid 1px var(--color-primary); border-radius: 50%; color: var(--color-primary);}
.bloc-compare-cv-ia {display: flex; border: solid 1px var(--color-border); border-radius: 14px; overflow: hidden;}
.bloc-compare-cv-ia-col {flex: 1; display: flex; flex-direction: column; padding: 22px; background: var(--color-bg);}
.bloc-compare-cv-ia-after {background: var(--color-blue-bg); border-left: solid 1px var(--color-border);}
.bloc-compare-cv-ia .surtitre {display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px 0; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--color-text-gray) !important;}
.bloc-compare-cv-ia-after .surtitre {color: var(--color-primary) !important;}
.bloc-compare-cv-ia .surtitre svg {display: block; height: 15px; fill: var(--color-primary);}
.bloc-compare-cv-ia .quote {margin: 0 0 15px 0; color: var(--color-text-gray) !important;}
.bloc-compare-cv-ia-after .quote {font-weight: 600; color: var(--color-title) !important;}
.bloc-compare-cv-ia .legend {display: flex; align-items: center; gap: 6px; margin: auto 0 0 0; font-size: 13px; color: var(--color-text-gray) !important;}
.bloc-compare-cv-ia .legend svg {display: block; flex-shrink: 0; height: 14px; fill: var(--color-text-gray);}
.bloc-compare-cv-ia-after .legend {font-weight: 600; color: #15803D !important;}
.bloc-compare-cv-ia-after .legend svg {fill: #15803D;}
.warning-cv-ia {display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 30px; padding: 12px 20px; background: var(--color-advice-bg); border: solid 1px var(--color-yellow); border-radius: 12px;}
.warning-cv-ia p {display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px;}
.warning-cv-ia p svg {display: block; flex-shrink: 0; height: 16px; fill: var(--color-title);}
.warning-cv-ia .btn1 {flex-shrink: 0; font-size: 14px; padding: 10px 18px;}

/* Ce que l'IA peut rédiger */
.list-redac-cv-ia {margin-top: 30px;}
.bloc-redac-cv-ia {display: flex; flex-direction: column; align-items: flex-start; background: white; border: solid 1px var(--color-border); border-radius: 14px; padding: 22px;}
.bloc-redac-cv-ia .number {margin: 0; font-size: 12px; font-weight: 700; color: var(--color-primary) !important;}
.bloc-redac-cv-ia h3 {padding-top: 10px; font-size: 18px !important;}
.bloc-redac-cv-ia > p:not(.number) {margin: 5px 0 15px 0; font-size: 14px; color: var(--color-text-gray);}
.example-cv-ia {width: 100%; margin-bottom: 18px; padding: 12px 15px; background: var(--color-bg); border: solid 1px var(--color-border); border-radius: 10px;}
.example-cv-ia p {margin: 0; font-size: 14px;}
.example-cv-ia .surtitre {margin-bottom: 4px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--color-text-gray) !important;}
.bloc-redac-cv-ia .link-cv-ia {margin-top: auto;}

/* Modèles */
.templates-cv-ia-intro {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.list-templates-cv-ia {margin-top: 25px;}
.bloc-template-cv-ia {background: white; border: solid 1px var(--color-border); border-radius: 14px; overflow: hidden;}
.bloc-template-cv-ia-img {display: block; height: 280px; padding: 30px 50px 0 50px; background: var(--color-blue-bg); overflow: hidden;}
.bloc-template-cv-ia-img img {display: block; width: 100%; box-shadow: 0 4px 16px rgb(0 0 0 / 12%); transition: .3s;}
.bloc-template-cv-ia:hover .bloc-template-cv-ia-img img {transform: translateY(-6px);}
.bloc-template-cv-ia-footer {display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px;}
.bloc-template-cv-ia-footer p {margin: 0; font-weight: 700; color: var(--color-title) !important;}
.bloc-template-cv-ia-footer p span {display: block; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: var(--color-text-gray);}
.bloc-template-cv-ia-footer .btn1 {padding: 8px 14px; font-size: 13px; white-space: nowrap;}
.bloc-template-cv-ia-black .btn1 {background: var(--color-dark);}
.bloc-template-cv-ia-black .btn1:hover {background: var(--color-primary);}
.bloc-template-cv-ia-navy .btn1 {background: #1E3A8A;}
.bloc-template-cv-ia-navy .btn1:hover {background: var(--color-dark);}

/* Le dernier mot */
.list-control-cv-ia {display: grid; grid-template-columns: 1fr 1fr; gap: 25px 30px;}
.bloc-control-cv-ia {display: flex; gap: 12px;}
.bloc-control-cv-ia .check-cv-ia {background: var(--color-primary);}
.bloc-control-cv-ia .check-cv-ia svg {fill: white;}
.bloc-control-cv-ia p {margin: 0; font-size: 14px; color: #BDBDBD !important;}
.bloc-control-cv-ia a {color: white !important;}
.bloc-control-cv-ia .title {margin-bottom: 4px; font-size: 15px; font-weight: 700; color: white !important;}

/* FAQ */
.faq-cv-ia.style-accordion .accordion-content {background: none; padding: 0; margin: 0; border-radius: 0; border-bottom: solid 1px var(--color-border);}
.faq-cv-ia.style-accordion .accordion-content .titre-accordion {display: flex; justify-content: space-between; gap: 15px; padding: 18px 0;}
.faq-cv-ia .titre-accordion:before {order: 2; flex-shrink: 0; margin: 0; padding: 0; background: none; color: var(--color-text-gray);}
.faq-cv-ia.style-accordion .accordion-content .txt-accordion {padding-top: 0;}
.faq-cv-ia .txt-accordion p {margin: 0 0 15px 0; font-size: 15px; color: var(--color-text-gray);}

/* CTA final */
.cta-cv-ia .max-width {display: flex; flex-direction: column; align-items: center;}
.cta-cv-ia-icon {display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: 20px; border-radius: 12px; background: var(--color-primary); box-shadow: 0 6px 16px rgb(80 110 247 / 30%);}
.cta-cv-ia-icon svg {display: block; height: 22px; fill: white;}
.cta-cv-ia .intro {max-width: 600px; margin: 10px auto 25px auto;}
.cta-cv-ia .btn1 {padding: 14px 24px; box-shadow: 0 6px 16px rgb(80 110 247 / 30%);}
.cta-cv-ia .note-cv-ia {max-width: 600px;}

@media (max-width: 1022px) {
    .top-cv-ia .disp-flex, .rewrite-cv-ia .disp-flex, .compare-cv-ia .disp-flex.gap50, .control-cv-ia .disp-flex {flex-direction: column; align-items: stretch; gap: 30px;}
    .top-cv-ia .disp-flex .col50:first-child, .top-cv-ia .disp-flex .col50:last-child, .rewrite-cv-ia .disp-flex .col50, .compare-cv-ia .disp-flex .col40, .compare-cv-ia .disp-flex .col60, .control-cv-ia .disp-flex .col40, .control-cv-ia .disp-flex .col60 {width: 100%;}
    .list-redac-cv-ia, .list-templates-cv-ia {flex-wrap: wrap;}
    .list-redac-cv-ia .col33, .list-templates-cv-ia .col33 {width: calc(50% - 10px);}
}

@media (max-width: 767px) {
    .top-cv-ia {padding-top: 20px;}
    .top-cv-ia h1 {font-size: 38px !important;}
    .rewrite-cv-ia h2, .how-cv-ia h2, .compare-cv-ia h2, .redac-cv-ia h2, .templates-cv-ia h2, .control-cv-ia h2, .cta-cv-ia h2 {font-size: 26px;}
    .top-cv-ia .btn1, .rewrite-cv-ia .col50 > .btn1, .cta-cv-ia .btn1 {width: 100%; justify-content: center;}
    .demo-cv-ia-content {padding: 15px;}
    .demo-cv-ia-count {display: none;}
    .demo-cv-ia-choice {padding: 12px;}
    .list-trust-cv-ia {flex-direction: column; gap: 12px;}
    .list-trust-cv-ia li {justify-content: flex-start;}
    .list-trust-cv-ia li + li {border-left: none;}
    .schema-cv-ia {padding: 15px;}
    .schema-cv-ia-steps {flex-direction: column;}
    .schema-cv-ia-step + .schema-cv-ia-step:before {left: 50%; top: -22px; transform: translateX(-50%) rotate(90deg);}
    .schema-cv-ia-page {min-height: 100px;}
    .list-how-cv-ia {flex-direction: column;}
    .list-how-cv-ia .bloc-how-cv-ia {width: 100%; padding: 20px 0; border-left: none;}
    .list-how-cv-ia .bloc-how-cv-ia + .bloc-how-cv-ia {border-top: solid 1px var(--color-border); border-left: none;}
    .bloc-compare-cv-ia {flex-direction: column;}
    .bloc-compare-cv-ia-after {border-left: none; border-top: solid 1px var(--color-border);}
    .warning-cv-ia {flex-direction: column; align-items: stretch; padding: 15px;}
    .warning-cv-ia .btn1 {width: 100%; justify-content: center;}
    .list-redac-cv-ia .col33, .list-templates-cv-ia .col33 {width: 100%;}
    .templates-cv-ia-intro {flex-direction: column; align-items: flex-start; gap: 10px;}
    .bloc-template-cv-ia-img {height: 300px;}
    .list-control-cv-ia {grid-template-columns: 1fr;}
}
/* END CREER UN CV AVEC L'IA */