/* Pages métiers : artisans, garages, coiffure, restaurants, immobilier, autres métiers */
.trade-intro{padding-bottom:40px}
.trade-intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.trade-intro .breadcrumbs{margin-bottom:26px}
.trade-intro h1{font-size:clamp(36px,3.8vw,56px)}
.trade-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}
.trade-actions .button{padding:16px 23px;font-size:14px}
.trade-who{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.trade-who li{padding:6px 12px;border-radius:99px;background:#eef3ff;border:1px solid #d6e2fb;color:#1f3f8f;font-size:12px;font-weight:650}
.trade-visual{position:relative}
.trade-visual .after-scene{position:relative;padding:0 0 44px}
.trade-visual .after-toast{right:-10px}

.trade-title{margin:0 0 26px;font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.045em;color:#14244a}
.trade-title span{color:#2f63ec}
.trade-pains{padding:40px 0 30px}
.trade-pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.trade-pain{padding:24px 22px;border-radius:22px;background:#ffffffd9;border:1px solid #dce5f6;box-shadow:0 14px 34px #1d3d800a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.trade-pain:hover{transform:translateY(-3px);border-color:#bcd0f7;box-shadow:0 20px 40px #1d3d8014}
.trade-pain-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef3ff;border:1px solid #d6e2fb;color:#2f63ec}
.trade-pain-icon .icon{width:20px;height:20px}
.trade-pain h3{margin:16px 0 8px;font-size:16.5px;line-height:1.35;letter-spacing:-.02em;color:#14244a}
.trade-pain p{margin:0;font-size:14px;line-height:1.7;color:#5f7290}

.trade-example,.trade-steps{padding:30px 0}
.trade-example-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:44px 48px;border-radius:30px;border:1px solid #1b3d80;color:#fff;background:radial-gradient(55% 80% at 100% 0%,#4f7bff4d,transparent 60%),radial-gradient(50% 70% at 0% 110%,#3ccf8e1f,transparent 60%),linear-gradient(#ffffff0b 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,#ffffff0b 1px,transparent 1px) 0 0/44px 44px,linear-gradient(120deg,#101e48,#173a7d 60%,#2a4d9b);box-shadow:0 30px 70px #10225526}
.trade-example-copy .section-kicker{color:#a9bff7}
.trade-example-copy h2{margin:12px 0 0;font-size:clamp(30px,3.2vw,42px);line-height:1.12;letter-spacing:-.045em;color:#fff}
.trade-example-copy h2 span{color:#b3c6ff}
.trade-example-panel .trade-tasks{margin-top:24px}
.trade-tasks{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.trade-tasks li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.5}
.trade-tasks .icon{flex:none;width:20px;height:20px;padding:3px;border-radius:50%;background:#3ccf8e;color:#fff;margin-top:1px}
.trade-example-panel .trade-tasks li{color:#dbe6ff}
.trade-call{margin:0;padding:18px;border-radius:24px;background:#ffffff0f;border:1px solid #ffffff1f;backdrop-filter:blur(6px)}
.trade-call-head{display:flex;align-items:center;gap:12px;padding:2px 2px 14px;border-bottom:1px solid #ffffff1a}
.trade-call-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#6f9bff,#2f63ec);box-shadow:0 8px 20px #2f63ec66}
.trade-call-icon .icon{width:19px;height:19px;color:#fff}
.trade-call-head strong{display:block;font-size:14px}.trade-call-head div>span{display:block;font-size:12px;color:#b9c9ec}
.trade-thread{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.trade-msg{max-width:84%;display:grid;gap:4px}
.trade-msg.is-client{justify-self:end;text-align:right}
.trade-speaker{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a9bff7}
.trade-msg p{margin:0;padding:11px 14px;border-radius:15px;font-size:13.5px;line-height:1.55;text-align:left}
.trade-msg.is-votelia p{background:#ffffff14;border:1px solid #ffffff1f;color:#eaf0ff;border-top-left-radius:6px}
.trade-msg.is-client p{background:linear-gradient(135deg,#3b74f6,#2f63ec);color:#fff;border-top-right-radius:6px}
.trade-result{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:16px;background:#3ccf8e1f;border:1px solid #3ccf8e4d}
.trade-result-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#3ccf8e,#1f9e68)}
.trade-result-icon .icon{width:18px;height:18px;color:#fff}
.trade-result strong{display:block;font-size:14px}.trade-result div>span{display:block;font-size:12.5px;color:#9fe6c3}
.trade-call figcaption{margin-top:12px;text-align:center;font-size:11px;color:#9fb1d6}

.trade-faq{padding:50px 0 30px}
.trade-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.trade-faq-intro h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.045em}
.trade-faq-intro>p:last-child{margin:14px 0 0;font-size:14px;color:#5f7290}

.trade-final{padding:30px 0 56px}
.trade-final-card{position:relative;overflow:hidden;text-align:center;padding:48px 28px;border-radius:30px;background:#fff;border:1px solid #dce5f6;box-shadow:0 24px 60px #173a7d14}
.trade-final-card::before,.trade-final-card::after{content:"";position:absolute;border-radius:50%;border:1px solid #c9d8f5;box-shadow:0 0 0 30px #eef3fd80,0 0 0 60px #eef3fd4d;pointer-events:none}
.trade-final-card::before{width:260px;height:260px;left:-70px;bottom:-110px}
.trade-final-card::after{width:220px;height:220px;right:-90px;top:-120px}
.trade-final-card>*{position:relative;z-index:1}
.trade-final-card h2{margin:0 auto;max-width:820px;font-size:clamp(26px,2.8vw,36px);letter-spacing:-.04em;line-height:1.2;text-wrap:balance}
.trade-final-card p{margin:12px 0 0;color:#5c6f8d;font-size:15px}
.trade-final-actions{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}
.trade-others{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:13px;color:#5f7290}
.trade-others span{font-weight:650;margin-right:4px}
.trade-others a{padding:7px 13px;border-radius:99px;background:#ffffffcc;border:1px solid #d6e2fb;color:#355d9b;font-weight:650;transition:border-color .2s,background-color .2s}
.trade-others a:hover{border-color:#9fbcff;background:#fff}

/* Autres métiers */
.other-base{padding:28px 30px;border-radius:26px;background:#fff;border:1px solid #dce5f6;box-shadow:0 24px 50px #1d3d8014}
.other-base-title{margin:0 0 16px;font-size:15px;font-weight:750;color:#14244a}
.other-base .trade-tasks li{color:#3d5078}
.other-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.other-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:20px;background:#ffffffd9;border:1px solid #dce5f6;transition:transform .3s ease,border-color .3s ease}
.other-card:hover{transform:translateY(-2px);border-color:#bcd0f7}
.other-card .trade-pain-icon{flex:none;width:38px;height:38px}
.other-card h3{margin:2px 0 4px;font-size:15px;color:#14244a}
.other-card p{margin:0;font-size:13px;line-height:1.6;color:#5f7290}
.other-mains{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;font-size:13px;color:#5f7290}
.other-mains>span{font-weight:650;margin-right:4px}
.other-main{padding:8px 14px;border-radius:99px;background:#eef3ff;border:1px solid #d6e2fb;color:#1f3f8f;font-weight:650}
.other-main:hover{background:#fff;border-color:#9fbcff}
.trade-step-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.trade-step-list li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:#ffffff0f;border:1px solid #ffffff1f}
.trade-step-list li>span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#6f9bff,#2f63ec);font-weight:800;font-size:14px}
.trade-step-list strong{display:block;font-size:15px}
.trade-step-list p{margin:4px 0 0;font-size:13.5px;line-height:1.6;color:#c4d3f2}

@media(prefers-reduced-motion:no-preference){
  .trade-msg{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
  .is-visible .trade-msg{opacity:1;transform:none}
  .is-visible .trade-msg:nth-child(2){transition-delay:.35s}.is-visible .trade-msg:nth-child(3){transition-delay:.7s}.is-visible .trade-msg:nth-child(4){transition-delay:1.05s}.is-visible .trade-msg:nth-child(5){transition-delay:1.4s}
  .trade-result{opacity:0;transform:translateY(8px) scale(.98);transition:opacity .5s ease 1.8s,transform .5s cubic-bezier(.34,1.56,.64,1) 1.8s}
  .is-visible .trade-result{opacity:1;transform:none}
}
.motion-reduced .trade-msg,.motion-reduced .trade-result{opacity:1!important;transform:none!important;transition:none!important}
.motion-reduced .trade-pain,.motion-reduced .other-card{transition:none!important}

@media(max-width:1100px){.trade-intro-grid{grid-template-columns:1fr;gap:36px}.trade-visual{max-width:620px}.trade-example-panel{grid-template-columns:1fr;gap:30px;padding:32px 26px}.trade-faq-grid{grid-template-columns:1fr;gap:24px}.other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.trade-pain-grid{grid-template-columns:1fr}}
@media(max-width:560px){.trade-intro h1{font-size:34px}.trade-example-panel{padding:24px 16px;border-radius:24px}.trade-call{padding:14px}.trade-msg{max-width:92%}.other-grid{grid-template-columns:1fr}.other-base{padding:22px 18px}.trade-visual .after-toast{right:0}.trade-final-card{padding:36px 18px}}
.trade-tasks-title{margin:22px 0 0;font-size:13px;font-weight:700;letter-spacing:.02em;color:#a9bff7}
.trade-example-panel .trade-tasks-title+.trade-tasks{margin-top:12px}
/* Espacement entre sections aligné sur le reste du site (~50 px) */
.trade-page .trade-intro{padding-bottom:28px}
.trade-page .trade-pains{padding:24px 0}
.trade-page .trade-example,.trade-page .trade-steps{padding:24px 0}
.trade-page .trade-faq{padding:28px 0}
.trade-page .trade-final{padding:24px 0 56px}
.trade-guide{display:flex;flex-direction:column;gap:4px;margin-top:20px;padding:14px 16px;border-radius:16px;background:#ffffffd9;border:1px solid #dce5f6;font-size:14px;font-weight:650;line-height:1.45;color:#14244a;transition:border-color .2s}
.trade-guide>span:first-child{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2f63ec}
.trade-guide:hover{border-color:#9fbcff}
/* Page 404 */
.notfound{padding:70px 0 90px;text-align:center}
.notfound-inner{max-width:760px}
.notfound-code{margin:0;font-size:clamp(90px,14vw,160px);font-weight:800;line-height:1;letter-spacing:-.06em;background:linear-gradient(135deg,#2f63ec,#a28bee);-webkit-background-clip:text;background-clip:text;color:transparent}
.notfound h1{font-size:clamp(32px,4vw,52px);margin:12px 0 18px}
.notfound .page-lead{margin-inline:auto}
.notfound-actions{justify-content:center}
.notfound-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:34px}
.notfound-links a{padding:8px 14px;border-radius:99px;background:#ffffffcc;border:1px solid #d6e2fb;color:#355d9b;font-size:13px;font-weight:650;transition:border-color .2s,background-color .2s}
.notfound-links a:hover{border-color:#9fbcff;background:#fff}

/* Réservation directe de la démo (agenda Google) à côté du bouton principal */
.trade-final-actions .button.booking-cta{gap:8px;border:1px solid #c9d8f5;background:#fff;color:#2453d6;box-shadow:none}.trade-final-actions .button.booking-cta .icon{width:17px;height:17px}
.trade-final-actions .button.booking-cta:hover{border-color:#8fb2ff;background:#f3f7ff}

/* Pages métiers : les 3 guides conseillés sur une seule ligne */
@media(min-width:801px){.trade-page .guide-more .guide-narrow{max-width:1040px}.trade-page .guide-more-grid{grid-template-columns:repeat(3,1fr)}}