.creation-steps{position:relative;isolation:isolate;padding:52px 38px 35px;margin-top:30px;margin-bottom:55px;border:1px solid #eee8f5;border-radius:28px;background:#fff;overflow:hidden;scroll-margin-top:95px}.creation-steps:before{content:'';position:absolute;z-index:-2;inset:0;background:#fff url('/assets/habillage/creation-etapes.webp') right center/auto 100% no-repeat}.creation-steps-heading{width:59%;max-width:700px}.creation-steps-heading .eyebrow{color:#9163ac;font-size:10px;letter-spacing:.18em}.creation-steps-heading h2{font-size:clamp(32px,3.5vw,51px);letter-spacing:-.05em;line-height:1.08;margin:18px 0}.creation-steps-heading>p{font-size:17px;color:#7c7187;line-height:1.6;margin-bottom:28px}.creation-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;width:59%;list-style:none;padding:0;margin:0}.creation-step-grid li{border:1px solid #e8dff0;border-radius:18px;padding:21px;background:#fffffff0;box-shadow:0 10px 28px #6b3f8c07;transition:transform .25s,box-shadow .25s}.creation-step-grid li:hover{transform:translateY(-5px);box-shadow:0 15px 32px #6b3f8c13}.creation-step-top{display:flex;justify-content:space-between;align-items:center}.creation-step-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eee6fc;color:#7742a6}.creation-step-icon svg{width:24px;height:24px}.creation-step-grid li:nth-child(2) .creation-step-icon{background:#eff6cf;color:#6c7e20}.creation-step-grid li:nth-child(3) .creation-step-icon{background:#fce5ef;color:#ae4a78}.creation-step-grid li:nth-child(4) .creation-step-icon{background:#e4f2fa;color:#3e7b9a}.creation-step-number{font-size:12px;color:#c0b0cc;font-weight:700}.creation-step-grid h3{font-size:18px;line-height:1.25;margin:16px 0 10px;letter-spacing:-.025em}.creation-step-grid p{font-size:13px;color:#7c7187;line-height:1.7;margin:0 0 17px}.creation-step-grid a{font-size:11px;font-weight:750;color:#6e438e;display:flex;justify-content:space-between;gap:8px;text-decoration:none}.creation-step-grid a:hover{text-decoration:underline}.creation-steps-footer{display:flex;align-items:center;gap:20px;margin-top:25px}.creation-steps-footer .btn{font-size:12px;gap:20px}.creation-steps-footer>span{font-size:11px;color:#93879e}.creation-step-grid li.is-revealed{animation:step-enter .55s both;animation-delay:var(--step-delay)}@keyframes step-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.journal-guide-callout{display:flex;align-items:center;gap:22px;margin-top:28px;padding:25px 30px;border-radius:18px;background:#eee8f8;color:#24192e;text-decoration:none;border:1px solid #e1d5f0;transition:background .2s,transform .2s}.journal-guide-callout:hover{background:#e8def6;transform:translateY(-2px)}.guide-callout-icon{display:grid;place-items:center;width:60px;height:60px;background:white;border-radius:16px;flex-shrink:0;color:#8555a6;transform:rotate(-6deg)}.guide-callout-icon svg{width:30px;height:30px}.journal-guide-callout small{display:block;font-size:9px;letter-spacing:.14em;color:#8c66a1;margin-bottom:7px}.journal-guide-callout strong{display:block;font-size:22px;letter-spacing:-.035em;margin-bottom:6px}.journal-guide-callout>span>span{font-size:12px;color:#84718e}.guide-callout-arrow{margin-left:auto;width:40px;height:40px;background:#24192e;color:white;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:24px}.guide-callout-label{font-size:11px;font-weight:700;max-width:110px;line-height:1.5}@media(max-width:1000px){.creation-steps{padding:35px 25px}.creation-step-grid,.creation-steps-heading{width:65%}.creation-steps:before{background-position:calc(100% + 130px) center}.creation-steps-footer>span{display:none}}@media(max-width:650px){.creation-steps{padding:26px 18px 24px}.creation-steps:before{background-size:auto 340px;background-position:right top}.creation-steps-heading{width:67%;min-height:300px}.creation-steps-heading h2{font-size:30px}.creation-steps-heading>p{font-size:14px;max-width:160px}.creation-step-grid{width:100%;gap:10px}.creation-step-grid li{padding:15px}.creation-step-grid h3{font-size:17px}.creation-step-grid p{font-size:12px}.creation-step-grid a{font-size:10px}.creation-steps-footer{margin-top:20px}.journal-guide-callout{padding:20px 16px;gap:13px}.guide-callout-icon{width:44px;height:44px}.journal-guide-callout strong{font-size:18px}.journal-guide-callout>span>span{font-size:11px}.guide-callout-label{display:none}.guide-callout-arrow{width:30px;height:30px;font-size:20px}}@media(prefers-reduced-motion:reduce){.creation-step-grid li.is-revealed{animation:none}.creation-step-grid li,.journal-guide-callout{transition:none}.creation-step-grid li:hover,.journal-guide-callout:hover{transform:none}}
@media(min-width:1001px){.creation-steps:before{background-size:auto 85%;background-position:calc(100% + 55px) center}.creation-steps-heading{width:54%}.creation-steps-heading h2{font-size:clamp(32px,3.5vw,47px)}}