.credit-choice-dossier #main .cc-hero-motion{min-width:0;padding:28px 28px 20px;border:1px solid #bbd7c4;border-radius:24px;background:linear-gradient(150deg,#fffef8 20%,#e8f2e9);box-shadow:0 24px 70px -45px #183c2a55;isolation:isolate}
.credit-choice-dossier #main .cc-motion-heading>span{display:block;color:#176d40;font-size:var(--text-scale-11);font-weight:800;letter-spacing:.12em;line-height:1.5;margin-bottom:12px}
.credit-choice-dossier #main .cc-motion-heading>div{display:flex;align-items:center;justify-content:space-between;gap:16px}
.credit-choice-dossier #main .cc-motion-heading strong{font:800 var(--text-scale-28)/1.2 var(--font-heading);letter-spacing:-.03em}
.credit-choice-dossier #main .cc-motion-count{color:#176d40;font:750 var(--text-scale-12)/1.4 var(--font-body);white-space:nowrap;border:1px solid #c4d9c9;border-radius:30px;padding:7px 10px}
.credit-choice-dossier #main .cc-motion-heading p{font-size:var(--text-scale-16);line-height:1.55;min-height:3.1em;max-width:47ch;margin:12px 0 0;color:var(--cc-muted)}
.credit-choice-dossier #main .cc-motion-stage{position:relative;margin:0 -12px}
.credit-choice-dossier #main .cc-motion-drawing{display:block;width:100%;height:auto;max-width:none;overflow:visible;vertical-align:initial}
.credit-choice-dossier #main :is(.cc-motion-linked,.cc-motion-renewable,.cc-motion-car,.cc-motion-card){display:none}
.credit-choice-dossier #main .cc-hero-motion[data-phase="linked"] .cc-motion-personal,.credit-choice-dossier #main .cc-hero-motion[data-phase="renewable"] .cc-motion-personal{display:none}
.credit-choice-dossier #main .cc-hero-motion[data-phase="linked"] .cc-motion-home,.credit-choice-dossier #main .cc-hero-motion[data-phase="renewable"] .cc-motion-home{display:none}
.credit-choice-dossier #main .cc-hero-motion[data-phase="linked"] :is(.cc-motion-linked,.cc-motion-car),.credit-choice-dossier #main .cc-hero-motion[data-phase="renewable"] :is(.cc-motion-renewable,.cc-motion-card){display:initial}
.credit-choice-dossier #main .cc-motion-annotation{display:none;min-height:65px;text-align:center;padding:0 10px 14px}
.credit-choice-dossier #main .cc-hero-motion[data-phase="personal"] .cc-motion-annotation-personal,.credit-choice-dossier #main .cc-hero-motion[data-phase="linked"] .cc-motion-annotation-linked,.credit-choice-dossier #main .cc-hero-motion[data-phase="renewable"] .cc-motion-annotation-renewable{display:block}
.credit-choice-dossier #main .cc-motion-annotation>span{display:flex;gap:9px;justify-content:center;align-items:center;font-size:var(--text-scale-16);font-weight:800;line-height:1.4;color:var(--cc-ink)}
.credit-choice-dossier #main .cc-motion-annotation svg{color:#176d40}
.credit-choice-dossier #main .cc-motion-annotation small{display:block;color:var(--cc-muted);font-size:var(--text-scale-13);line-height:1.5;margin-top:6px}
.credit-choice-dossier #main .cc-motion-controls{padding-top:17px;border-top:1px solid #c5dacb}
.credit-choice-dossier #main .cc-motion-tabs{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:6px}
.credit-choice-dossier #main .cc-motion-tabs button{position:relative;min-width:0;min-height:44px;padding:11px 5px 13px;overflow:hidden;border:1px solid #c3d9ca;border-radius:8px;background:#fffef8;color:var(--cc-ink);font:750 var(--text-scale-13)/1.3 var(--font-body);cursor:pointer}
.credit-choice-dossier #main .cc-motion-tabs button[aria-pressed="true"]{background:#183c2a;border-color:#183c2a;color:#fff}
.credit-choice-dossier #main .cc-motion-tabs button:hover{border-color:#176d40}
.credit-choice-dossier #main .cc-motion-tabs button::after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:#7fe09e;transform:scaleX(0);transform-origin:left}
.credit-choice-dossier #main .cc-motion-actions{display:flex;justify-content:flex-end;gap:20px;margin-top:8px}
.credit-choice-dossier #main .cc-motion-actions button{display:inline-flex;align-items:center;gap:7px;min-height:40px;border:0;padding:5px 0;background:transparent;color:#176d40;font:650 var(--text-scale-12)/1.4 var(--font-body);cursor:pointer}
.credit-choice-dossier #main .cc-motion-actions button:hover{color:var(--cc-ink)}
.credit-choice-dossier #main .cc-motion-actions svg{width:16px;height:16px}
.credit-choice-dossier #main .cc-motion-actions i{display:inline-flex}
.credit-choice-dossier #main [data-motion-pause] .cc-motion-play-icon,.credit-choice-dossier #main [data-motion-pause][aria-pressed="true"] .cc-motion-pause-icon{display:none}
.credit-choice-dossier #main [data-motion-pause][aria-pressed="true"] .cc-motion-play-icon{display:inline-flex}
.credit-choice-dossier #main .cc-hero-motion>figcaption{font-size:var(--text-scale-12);line-height:1.55;font-weight:400;color:var(--cc-muted);margin:10px 0 0;padding-top:14px;border-top:1px solid #c5dacb}

.cc-hero-motion.is-animated{--cc-motion-duration:4.8s}
.cc-hero-motion.is-animated .cc-motion-car{animation:cc-car-arrive .8s cubic-bezier(.2,.8,.2,1) both}
.cc-hero-motion.is-animated .cc-motion-sofa{animation:cc-sofa-arrive .9s cubic-bezier(.2,.8,.2,1) both}
.cc-hero-motion.is-animated .cc-motion-lamp{animation:cc-document-arrive .7s .35s both}
.cc-hero-motion.is-animated .cc-motion-plant{animation:cc-plant-arrive .7s .6s both}
.cc-hero-motion.is-animated .cc-motion-card-body{animation:cc-card-arrive 1s cubic-bezier(.2,.8,.2,1) both}
.cc-hero-motion.is-animated .cc-motion-shopping{animation:cc-document-arrive .8s .3s both}
.cc-hero-motion.is-animated .cc-motion-personal .cc-motion-debt{animation:cc-document-arrive .65s both}
.cc-hero-motion.is-animated .cc-motion-debt>g rect{animation:cc-debt-repaid .45s both;animation-delay:1s}
.cc-hero-motion.is-animated .cc-motion-debt>g rect:nth-child(2){animation-delay:1.55s}
.cc-hero-motion.is-animated .cc-motion-debt>g rect:nth-child(3){animation-delay:2.1s}
.cc-hero-motion.is-animated .cc-motion-debt>g rect:nth-child(4){animation-delay:2.65s}
.cc-hero-motion.is-animated .cc-motion-debt>g rect:nth-child(5){animation-delay:3.2s}
.cc-hero-motion.is-animated .cc-motion-paid{animation:cc-paid-appear .4s 3.65s both}
.cc-hero-motion.is-animated .cc-motion-euro{animation:cc-euro-trip 3.7s .4s both}
.cc-hero-motion.is-animated .cc-motion-order{animation:cc-order-arrive .9s .15s both}
.cc-hero-motion.is-animated .cc-motion-contract{animation:cc-contract-arrive .9s .45s both}
.cc-hero-motion.is-animated .cc-motion-link-line{stroke-dasharray:100;animation:cc-contract-link 1.2s 1.2s both}
.cc-hero-motion.is-animated .cc-motion-clasp{animation:cc-clasp-appear .65s 2.15s both}
.cc-hero-motion.is-animated .cc-motion-reserve{animation:cc-reserve-cycle var(--cc-motion-duration) both}
.cc-hero-motion.is-animated .cc-motion-return{transform-box:fill-box;transform-origin:center;animation:cc-capital-return 1.3s 2s both}
.cc-hero-motion.is-animated .cc-motion-capital{animation:cc-capital-appear .7s 2.15s both}
.credit-choice-dossier #main .cc-hero-motion.is-animated .cc-motion-tabs button[aria-pressed="true"]::after{animation:cc-contract-progress var(--cc-motion-duration) linear both}
.cc-hero-motion.is-paused *,.cc-hero-motion.is-paused *::after{animation-play-state:paused!important}

@keyframes cc-car-arrive{from{transform:translateX(35px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes cc-sofa-arrive{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes cc-plant-arrive{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes cc-card-arrive{from{transform:translateX(-28px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes cc-document-arrive{from{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes cc-debt-repaid{from{opacity:1}to{opacity:.12}}
@keyframes cc-paid-appear{from{opacity:0}to{opacity:1}}
@keyframes cc-euro-trip{0%{transform:translate(0,0);opacity:0}8%{opacity:1}32%{transform:translate(70px,-96px)}60%{transform:translate(220px,-104px)}85%{transform:translate(321px,4px);opacity:1}100%{transform:translate(321px,4px);opacity:0}}
@keyframes cc-order-arrive{from{transform:translate(-45px,10px);opacity:0}to{transform:translate(0,0);opacity:1}}
@keyframes cc-contract-arrive{from{transform:translate(45px,10px);opacity:0}to{transform:translate(0,0);opacity:1}}
@keyframes cc-contract-link{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes cc-clasp-appear{from{opacity:0}to{opacity:1}}
@keyframes cc-reserve-cycle{0%,12%{stroke-dasharray:76 100}40%,48%{stroke-dasharray:34 100}78%,100%{stroke-dasharray:66 100}}
@keyframes cc-capital-return{from{transform:rotate(-130deg);opacity:.2}to{transform:rotate(0);opacity:1}}
@keyframes cc-capital-appear{from{transform:translate(12px,-12px);opacity:0}to{transform:translate(0,0);opacity:1}}
@keyframes cc-contract-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(max-width:1100px){.credit-choice-dossier #main .cc-hero-motion{padding:24px 20px 18px}}
@media(max-width:850px){.credit-choice-dossier #main .cc-hero-motion{width:100%;max-width:660px;margin-inline:auto}}
@media(max-width:420px){.credit-choice-dossier #main .cc-hero-motion{padding:22px 14px 16px;border-radius:18px}.credit-choice-dossier #main .cc-motion-heading>div{gap:8px;min-height:4.2em;align-items:flex-start}.credit-choice-dossier #main .cc-motion-count{margin-top:3px}.credit-choice-dossier #main .cc-motion-stage{margin:6px -8px 0}.credit-choice-dossier #main .cc-motion-tabs{gap:4px}.credit-choice-dossier #main .cc-motion-tabs button{padding-inline:3px}.credit-choice-dossier #main .cc-motion-annotation{min-height:80px}}
@media(prefers-reduced-motion:reduce){.cc-hero-motion *,.cc-hero-motion *::after{animation:none!important;transition:none!important}}