/* Lighter columns, layered campaign assets and a more expressive editor. */
body.mode-site .v-etapes{background:var(--v-bg);padding:1.8rem 0 2rem}
body.mode-site .v-etapes ol{gap:24px}
body.mode-site .v-etapes ol>li{padding:10px 8px 12px;border:0;border-right:1px solid #e5effb;border-radius:0;background:none;box-shadow:none}
body.mode-site .v-etapes ol>li:nth-child(3){background:none}
body.mode-site .v-etapes ol>li:last-child{border:0}
body.mode-site .v-etapes li:not(:last-child)::after{right:-16px;top:27px}
body.mode-site .v-etapes li>b{min-height:0}
body.mode-site .v-etapes li>p{min-height:3.4em}
body.mode-site .v-etapes .m-illustration{height:250px;min-height:250px;margin-top:16px}
body.mode-site .v-etapes .m-form{background:var(--v-card);border:1px solid #dceaff;box-shadow:0 7px 20px #0672ff1c;border-radius:16px;gap:0;padding:12px}
body.mode-site .v-etapes .m-form>span{padding:5px 9px;margin-bottom:8px}
body.mode-site .v-etapes .m-form>strong{padding:8px}
body.mode-site .v-etapes .w-campaign{overflow:visible;background:linear-gradient(130deg,#eef7ff,#f4f9ff);border-radius:48px;padding:0;position:relative}
.w-campaign::before,.w-editor::before{content:'';position:absolute;top:-10px;left:33px;width:4px;height:16px;border-radius:3px;background:#0672ff;transform:rotate(-25deg);box-shadow:-14px 6px 0 -1px #0672ff}
.w-campaign .w-output-label,.w-campaign .w-ready{display:none}
.w-campaign .w-ad-stack{height:100%;margin:0}
.w-campaign .w-social-ad{position:absolute;left:31px;top:11px;width:51%;transform:rotate(-6deg);box-shadow:0 9px 20px #1265b52a;border:4px solid white;padding:0;z-index:3;transition:transform .25s}
.w-campaign:hover .w-social-ad{transform:rotate(-3deg) translateY(-3px)}
.w-campaign .w-social-header{padding:4px}.w-campaign .w-social-footer{padding:4px;font-size:10px}
.w-campaign .w-creative{height:165px}
.w-campaign .w-creative>strong{font-size:19px;left:7px;bottom:42px}
.w-campaign .w-pill{font-size:4px;left:5px;padding:3px}
.w-campaign .w-ad-cta{font-size:7px}
.w-campaign .w-story{display:none}
.en-platforms{position:absolute;left:7px;top:44px;display:grid;gap:8px;z-index:4}
.en-platforms svg{width:20px!important;height:20px!important}
.en-landing,.en-copy,.en-formats{position:absolute;background:white;border:1px solid #e0edff;border-radius:9px;padding:7px;box-shadow:0 6px 16px #1766a81a;color:#101a46}
.en-landing{right:12px;top:7px;width:39%;transform:rotate(3deg);z-index:1}
.en-landing b,.en-copy b,.en-formats b{font-size:8px;display:block;margin-bottom:5px;font-weight:700}
body.mode-site .v-etapes .en-landing b,body.mode-site .v-etapes .en-copy b,body.mode-site .v-etapes .en-formats b{font-size:8px;line-height:1.2;margin:0 0 5px;grid-column:auto}
.en-landing img{width:100%;height:54px;object-fit:cover;border-radius:4px}
.en-landing i,.en-copy i{display:block;height:4px;background:#e0eaf8;border-radius:4px;margin-top:5px}.en-landing i:last-child,.en-copy i:last-child{width:70%}
.en-copy{right:-4px;top:113px;width:42%;z-index:4;transform:rotate(2deg)}
.en-copy span{font-size:6px;display:block;line-height:1.35}
.en-formats{right:7px;bottom:0;width:43%;z-index:4}
.en-formats>div{display:flex;align-items:end;gap:5px}
.en-formats img{height:34px;width:45%;object-fit:cover;border-radius:3px}.en-formats img:nth-child(2){width:23%;height:42px}
.en-formats>div>span{display:grid;place-items:center;background:#e6f2ff;border-radius:4px;color:#6aa7f6;width:23%;height:32px;font-size:21px}
body.mode-site .v-etapes .w-editor{position:relative;overflow:visible;display:grid;grid-template-columns:33% minmax(0,1fr);grid-template-rows:23px 1fr 20px 15px;gap:6px 7px;padding:12px;background:white;border:1px solid #deebff;box-shadow:0 8px 24px #0672ff20;border-radius:16px;transform:rotate(1deg)}
.w-editor::before{left:auto;right:2px;top:-16px;transform:rotate(25deg);box-shadow:14px 5px 0 -1px #0672ff}
.w-editor-top{grid-column:1/-1;font-size:9px}
.w-edit-toolbar{grid-column:1;grid-row:2;flex-direction:column;margin:0;align-self:start;gap:8px}
.w-edit-toolbar button{padding:8px 4px;text-align:left;border:0;flex:none;font-size:12px}.w-edit-toolbar button>span{font-size:8px}
.w-edit-stage{grid-column:2;grid-row:2;height:auto;min-height:160px}
.w-before,.w-transform-arrow{display:none}
.w-after{width:100%;height:100%;right:0;border:0;box-shadow:none;border-radius:7px;overflow:visible}
.w-after-label{font-size:5px}
.w-selected-text{font-size:19px;bottom:36px;left:3px;right:3px;padding:5px 3px}
.w-after-cta{font-size:8px;bottom:7px;padding:5px}
.w-cursor{right:-12px;bottom:37px;font-size:29px;color:#0b1641}
.en-palette{grid-column:2;grid-row:3;display:flex;gap:7px;justify-content:center;align-items:center}
.en-palette span{width:15px;height:15px;border-radius:50%;background:#0672ff;box-shadow:0 0 0 2px #fff}
.en-palette span:nth-child(2){background:#ff7b00}.en-palette span:nth-child(3){background:#2dbf46}.en-palette span:nth-child(4){background:#9750e8}
.w-edit-status{grid-column:1/-1;grid-row:4;margin:0;font-size:7px;justify-content:center}
.w-demo-hint{display:none}
body.mode-site .v-etapes .m-launch{position:relative;gap:12px}
.m-launch::after{content:'OU';position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;width:35px;height:35px;border:3px solid white;border-radius:50%;background:#0672ff;color:#fff;font-weight:700;font-size:12px}
body.mode-site .v-etapes .m-launch>a{padding:14px 7px 12px;border:0;gap:10px;box-shadow:0 5px 18px #0672ff06}
body.mode-site .v-etapes .m-launch>a:last-child{border:0;background:linear-gradient(150deg,#fff4e7,#ffebda)}
body.mode-site .v-etapes .m-launch svg{height:38px;width:38px}
body.mode-site .v-etapes .m-launch strong{font-size:13px;color:#080e47}
body.mode-site .v-etapes .m-launch em{padding:7px 5px;font-size:8px}
@media(max-width:1150px){body.mode-site .v-etapes ol>li:nth-child(2){border-right:0}.w-campaign .w-social-ad{width:49%;left:36px}.en-platforms{left:9px}.w-selected-text{font-size:21px}}
@media(max-width:640px){body.mode-site .v-etapes ol>li{border-right:0;border-bottom:1px solid #e5effb;padding:12px 8px 23px}body.mode-site .v-etapes li>p{min-height:0}body.mode-site .v-etapes .m-illustration{max-width:330px;margin-top:19px}.w-campaign .w-social-ad{width:50%}.w-creative>strong{font-size:19px}.w-selected-text{font-size:20px}}
@media(prefers-reduced-motion:reduce){.w-campaign .w-social-ad{transition:none}}