.assist-page{--assist-ink:#0b2349;--assist-blue:#194bea;color:var(--assist-ink)}
.assist-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 80%,#fff0e2 0,transparent 43%),radial-gradient(ellipse at 65% 10%,#eaf0ff 0,transparent 55%),#fff;padding:78px 32px 86px}
.assist-layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.04fr 1fr;gap:62px;align-items:center}.assist-copy{padding-bottom:15px}
.assist-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--assist-ink);margin:0 0 27px}.assist-label>span{width:11px;height:11px;background:#ff742b;border:1px solid var(--assist-ink);border-radius:50%;box-shadow:0 0 0 5px #fff0e5}.assist-label b{background:#edf2ff;padding:3px 9px;border-radius:6px;color:var(--assist-blue);font-size:12px;letter-spacing:.07em}
.assist-copy h1{font-size:clamp(40px,4.1vw,58px);line-height:1.09;letter-spacing:-.042em;font-weight:700;margin:0 0 25px}.assist-copy h1 em{color:var(--assist-blue);position:relative;display:inline-block;isolation:isolate}.assist-copy h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:5px;background:#ffac78;border-radius:50%;transform:rotate(-1deg);z-index:-1}.assist-lead{font-size:18px;line-height:1.7;max-width:530px;margin:0 0 31px}
.assist-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;color:white;background:var(--assist-ink);padding:17px 20px 17px 24px;border-radius:12px;border:1px solid var(--assist-ink);box-shadow:0 5px 0 #91abd2;text-decoration:none;font-weight:700;font-size:17px;transition:transform .2s,background .2s,box-shadow .2s}.assist-cta>span{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;background:#ff742b;border:1px solid #ffbc8f;color:var(--assist-ink);border-radius:50%;transition:transform .2s}.assist-cta svg{width:22px;height:22px}.assist-cta:hover{background:var(--assist-blue);color:white;transform:translateY(-3px);box-shadow:0 8px 0 #c3d2f4}.assist-cta:hover>span{transform:rotate(7deg)}.assist-terms{margin:22px 0 0;font-size:13px;line-height:1.8}.assist-terms strong{color:var(--assist-ink);font-weight:600}.assist-terms>span{display:inline-flex;align-items:center;gap:6px;margin-top:3px}.assist-terms svg{width:15px;height:15px;color:var(--assist-blue)}
.assist-demo{position:relative;margin:0;background:#fff;border:1.5px solid var(--assist-ink);border-radius:23px;box-shadow:8px 9px 0 #dbe6fb;transform:rotate(1deg)}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf2ff;border-radius:21px 21px 0 0;border-bottom:1px solid #c4d3ee;padding:17px 22px}.demo-brand{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.04em}.demo-brand b{color:var(--assist-blue);font-weight:600}.demo-status{font-size:11px;color:#526580;display:flex;gap:7px;align-items:center}.demo-status i{width:7px;height:7px;background:#368266;border-radius:50%}.demo-content{display:flex;gap:14px;padding:22px 22px 18px;background:linear-gradient(120deg,#fff,#f8faff)}.demo-timeline{display:flex;flex-direction:column;align-items:center;padding-top:18px;flex:0 0 26px}.demo-timeline span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #b9ccec;border-radius:50%;font-size:10px;font-weight:700;background:#fff}.demo-timeline span:first-child{background:#ffebda;border-color:#efb38e}.demo-timeline i{width:1px;height:91px;background:#c7d7f1}.demo-timeline i:nth-of-type(2){height:190px}.demo-cards{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.demo-call{display:flex;align-items:center;gap:11px;background:#fff3e9;border:1px solid #f2c6a5;border-radius:13px;padding:14px;position:relative}.call-icon{color:#bc501c;flex:0 0 30px}.call-icon svg{width:27px;height:27px}.demo-call small,.request-top small{display:block;letter-spacing:.08em;font-size:9px;font-weight:700;color:#a1461e}.demo-call strong{display:block;font-size:12px;line-height:1.4;margin:3px 0}.demo-call p{font-size:11px;line-height:1.4;margin:0}.demo-call time{position:absolute;top:12px;right:12px;color:#8d6b53;font-size:9px}.demo-message{border:1px solid #c4d4ef;border-radius:14px;padding:16px;background:#fff;box-shadow:0 4px 0 #edf2ff}.message-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.message-avatar{width:29px;height:29px;border-radius:9px;background:var(--assist-ink);color:white;font:600 17px 'Bricolage Grotesque',sans-serif;display:grid;place-items:center}.message-heading strong{display:block;font-size:11px}.message-heading small{font-size:8px;color:#526580;letter-spacing:.06em;display:block}.sent-check{margin-left:auto;color:var(--assist-blue)}.sent-check svg{width:16px;height:16px}.sms-out,.sms-in{padding:12px 14px;font-size:12px;line-height:1.55;margin:0 0 10px;max-width:94%}.sms-out{background:#eaf0ff;color:var(--assist-ink);border-radius:12px 12px 3px 12px;margin-left:auto}.sms-in{border:1px solid #dce4ef;border-radius:12px 12px 12px 3px;color:var(--assist-ink);background:#fafbfe;margin-right:auto}.message-note{display:block;text-align:center;font-size:9px;color:#76849a}.demo-request{background:#edf3ff;border:1px solid #9eb8ed;border-radius:13px;padding:14px}.request-top{display:flex;gap:9px;align-items:center}.request-check{width:28px;height:28px;background:var(--assist-blue);border-radius:50%;color:white;display:grid;place-items:center}.request-check svg{width:18px;height:18px}.request-top small{color:var(--assist-blue)}.request-top strong{font-size:13px;display:block;margin-top:2px}.request-details{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid #c8d7f2;margin-top:12px;padding-top:10px}.request-details small{display:block;font-size:8px;color:#647794;letter-spacing:.05em}.request-details b{font-size:11px;font-weight:600}.request-details>span{font-size:9px;margin-left:auto;display:flex;gap:5px;align-items:center;color:var(--assist-blue)}.request-details svg{width:12px;height:12px}.assist-demo figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #dbe4f3;padding:12px 18px;font-size:10px;font-weight:600}.assist-demo figcaption b{color:#ff742b;margin:0 4px}.demo-replay{border:1px solid #c7d6ef;background:white;border-radius:50%;width:30px;height:30px;cursor:pointer;color:var(--assist-ink);font-size:22px;line-height:1}.demo-replay:hover{background:#edf2ff}.demo-example{position:absolute;bottom:-30px;right:12px;font-size:10px;color:#708099;font-style:italic}
.demo-animate .demo-step{animation:assist-arrive .55s both}.demo-animate .demo-call{animation-delay:.15s}.demo-animate .demo-message{animation-delay:1.1s}.demo-animate .sms-in{animation:assist-arrive .5s 2s both}.demo-animate .demo-request{animation-delay:2.9s}@keyframes assist-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.assist-hero{padding-top:95px;padding-bottom:100px}}@media(max-width:1050px){.assist-layout{gap:30px;grid-template-columns:1fr 1fr}.assist-copy h1{font-size:44px}.demo-content{padding:18px 14px;gap:8px}.demo-timeline{display:none}.assist-lead{font-size:16px}.assist-cta{font-size:15px;gap:15px}}
@media(max-width:760px){.assist-hero{padding:42px 22px 65px}.assist-layout{grid-template-columns:1fr;gap:38px;max-width:540px}.assist-copy h1{font-size:clamp(37px,8.7vw,52px);max-width:520px}.assist-copy{padding:0}.assist-label{margin-bottom:21px}.assist-lead{font-size:17px;margin-bottom:25px}.assist-demo{transform:none}.demo-content{padding:20px}.assist-cta{font-size:16px}.assist-demo figcaption{font-size:10px}.demo-call strong{font-size:13px}.sms-out,.sms-in{font-size:13px}.message-heading strong{font-size:12px}.assist-hero .assist-terms{font-size:12px}}
@media(prefers-reduced-motion:reduce){.assist-page *{scroll-behavior:auto!important}.demo-animate .demo-step,.demo-animate .sms-in{animation:none}.assist-cta,.assist-cta>span{transition:none}.assist-cta:hover{transform:none}}

.assist-brand-lockup{display:flex;flex-direction:column;align-items:center;width:184px;gap:11px}.assist-copy>.assist-brand-lockup{margin-bottom:27px}.assist-brand-lockup .original-logo-crop{width:100%}.assist-brand-name{font:700 21px/1 'Bricolage Grotesque',sans-serif;letter-spacing:3px;padding-left:3px;color:#194bea}.demo-heading .assist-brand-lockup{width:126px;gap:7px}.demo-heading .assist-brand-name{font-size:14px;letter-spacing:2px;padding-left:2px}

/* Parcours réel : SMS unique, formulaire, demande structurée. */
.demo-content{padding:18px}.demo-cards{gap:10px}.flow-number{flex:0 0 23px;width:23px;height:23px;display:grid;place-items:center;border:1px solid #b9ccec;border-radius:50%;background:#fff;color:#0b2349;font-size:9px;font-weight:700}.demo-call{padding:11px}.demo-call .call-icon{flex-basis:23px}.demo-call .call-icon svg{width:22px;height:22px}.demo-message{padding:12px}.demo-message .message-heading{margin-bottom:9px}.demo-message .sms-out{max-width:100%;margin:0;padding:10px 12px;font-size:12px;border-radius:10px;color:#0b2349}.sms-link{color:#194bea;text-decoration:underline;white-space:nowrap}.demo-form{padding:12px;border:1px solid #c4d4ef;background:white;border-radius:14px;box-shadow:0 3px 0 #edf2ff}.demo-form .message-heading{margin-bottom:9px}.form-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-preview small{display:block;font-size:9px;color:#526580;margin-bottom:3px}.form-preview>div>span{display:block;border:1px solid #d0ddf2;border-radius:5px;padding:6px 8px;font-size:11px;background:#f8faff;color:#0b2349}.form-preview b{float:right}.form-preview .photo-preview{color:#194bea;border-style:dashed;background:#edf3ff}.form-sent{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:#194bea;margin-top:9px}.demo-request{padding:12px}.request-details{gap:12px;margin-top:8px;padding-top:8px}.demo-animate .demo-form{animation-delay:2.1s}.demo-animate .demo-request{animation-delay:3.2s}
