:root{
  --ink:#1A1A17; --cream:#F7F5EF; --white:#FFFFFF;
  --indigo:#3B49DF; --indigo-soft:#6B78F0; --indigo-tint:#EDEEFB;
  --grey:#8A8880; --line:#E5E2D8;
  --r:12px; --r-pill:100px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--cream);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
.wrap{max-width:980px;margin:0 auto;padding:0 32px;}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.82);backdrop-filter:blur(18px);border-bottom:.5px solid var(--line);}
.nav-inner{max-width:1120px;margin:0 auto;padding:0 32px;height:70px;display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.05rem;}
.brand svg{width:30px;height:30px;flex-shrink:0;display:block;}
.brand-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:-.2px;}
.nav-links{display:flex;align-items:center;gap:30px;list-style:none;font-size:.92rem;color:#4a4a44;}
.nav-links a{color:#4a4a44;transition:color .15s;}
.nav-links a:hover{color:var(--indigo);}
.nav-sep{border-left:1px solid var(--line);padding-left:20px;}
.nav-cta{font-family:'JetBrains Mono',monospace;font-size:.82rem;background:var(--indigo);color:#fff;padding:10px 18px;border-radius:9px;transition:background .18s;}
.nav-cta:hover{background:#2c39c4;}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;-webkit-tap-highlight-color:transparent;}
.burger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;}

/* BREADCRUMB */
.crumb{border-bottom:.5px solid var(--line);}
.crumb-inner{max-width:980px;margin:0 auto;padding:18px 32px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--grey);display:flex;gap:8px;align-items:center;}
.crumb a:hover{color:var(--ink);}
.crumb .sep{color:var(--line);}
.crumb .cur-page{color:var(--ink);}

/* PROJECT HERO */
.phero{padding:56px 0 0;border-bottom:.5px solid var(--line);}
.phero-meta{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap;}
.ptag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.4px;color:var(--indigo);background:var(--indigo-tint);padding:5px 12px;border-radius:var(--r-pill);}
.pdate{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--grey);}
.phero h1{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(30px,4.4vw,52px);letter-spacing:-1.5px;line-height:1.06;max-width:740px;margin-bottom:18px;}
.phero-sub{font-size:18px;color:var(--grey);line-height:1.7;max-width:600px;margin-bottom:40px;}

/* HERO : grille texte + visuel */
.phero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,400px);gap:52px;align-items:center;}
.phero-copy{min-width:0;}
.phero-copy h1{max-width:none;}
.phero-copy .phero-sub{max-width:none;margin-bottom:0;}
.phero-visual{width:100%;max-width:400px;justify-self:end;min-height:300px;border-radius:16px;overflow:hidden;border:.5px solid var(--line);display:flex;flex-direction:column;box-shadow:0 34px 64px -34px rgba(26,26,23,.3);}
.phero-visual-col{justify-self:end;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:stretch;}
.pv-card{background:#fff;}
.pvh{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:.5px solid var(--line);flex-shrink:0;}
.pvh-t{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--grey);}
.pvh-dot{width:8px;height:8px;border-radius:50%;background:#2E9E5B;box-shadow:0 0 0 3px rgba(46,158,91,.15);}
.pv-chip{align-self:flex-start;font-family:'JetBrains Mono',monospace;font-size:10.5px;padding:6px 11px;border-radius:100px;}
.pv-chip-ok{background:rgba(46,158,91,.12);color:#218049;}
.pv-rh-body{padding:18px;display:flex;flex-direction:column;gap:15px;flex:1;justify-content:center;}
.pv-rh-row{display:flex;align-items:center;gap:11px;}
.pv-ava{width:40px;height:40px;border-radius:50%;background:var(--indigo-tint);color:var(--indigo);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:13px;flex-shrink:0;}
.pv-rh-id{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;}
.pv-l1{height:8px;width:62%;border-radius:4px;background:#d9d8ce;}
.pv-l2{height:7px;width:42%;border-radius:4px;background:#e7e6dd;}
.pv-score{display:flex;align-items:baseline;gap:1px;flex-shrink:0;}
.pv-score-n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:26px;color:var(--indigo);letter-spacing:-1px;}
.pv-score-d{font-size:12px;color:var(--grey);}
.pv-brow{display:flex;align-items:center;gap:10px;font-size:10.5px;color:var(--grey);font-family:'JetBrains Mono',monospace;}
.pv-brow>span{width:86px;flex-shrink:0;}
.pv-track{flex:1;height:6px;border-radius:3px;background:#ece9df;overflow:hidden;}
.pv-track i{display:block;height:100%;background:var(--indigo-soft);border-radius:3px;animation:pvBar 1.1s cubic-bezier(.2,.8,.2,1) both;}
@keyframes pvBar{from{width:0!important;}}
.pv-call{background:linear-gradient(160deg,#2A2F8A,#3B49DF);color:#fff;padding:18px;justify-content:space-between;}
.pv-call-status{font-family:'JetBrains Mono',monospace;font-size:11px;color:#cfd4ff;display:inline-flex;align-items:center;gap:7px;}
.pv-call-status i{width:8px;height:8px;border-radius:50%;background:#6fe0a0;animation:pvBlink 1.4s infinite;}
.pv-call-mid{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0;}
.pv-call-ava{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;}
.pv-call-ava svg{width:26px;height:26px;stroke:#fff;}
.pv-wave{display:flex;align-items:center;gap:3px;height:36px;}
.pv-wave span{width:3px;height:100%;border-radius:2px;background:#9aa5ff;transform:scaleY(.3);animation:pvWave 1s ease-in-out infinite;}
.pv-cap{background:rgba(255,255,255,.12);border-radius:10px;padding:10px 13px;font-size:12.5px;color:#eef0ff;line-height:1.4;}
@keyframes pvWave{0%,100%{transform:scaleY(.25);}50%{transform:scaleY(1);}}
@keyframes pvBlink{0%,100%{opacity:1;}50%{opacity:.3;}}
.pv-dash-body{padding:16px;display:flex;flex-direction:column;gap:14px;flex:1;justify-content:center;}
.pv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.pv-kpi{background:var(--cream);border:.5px solid var(--line);border-radius:9px;padding:10px 11px;}
.pv-kpi b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;letter-spacing:-.5px;}
.pv-kpi span{font-size:10px;color:var(--grey);}
.pv-chart{display:flex;align-items:flex-end;gap:7px;height:82px;}
.pv-chart i{flex:1;border-radius:4px 4px 0 0;background:var(--indigo-soft);display:block;transform-origin:bottom;animation:pvGrow .9s ease both;}
.pv-chart i:last-child{background:var(--indigo);}
@keyframes pvGrow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
.pv-weather-body{padding:16px;display:flex;flex-direction:column;gap:11px;flex:1;justify-content:center;}
.pv-wx{display:flex;align-items:center;gap:12px;background:var(--cream);border:.5px solid var(--line);border-radius:10px;padding:12px 14px;}
.pv-wx-ic{font-size:25px;line-height:1;}
.pv-wx-info{flex:1;min-width:0;}
.pv-wx-info b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;}
.pv-wx-info span{font-size:11px;color:var(--grey);}
.pv-wx-temp{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--indigo);font-size:17px;}
.pv-alert{font-family:'JetBrains Mono',monospace;font-size:11px;padding:9px 12px;border-radius:9px;background:#FBEEDA;color:#9A6B18;line-height:1.4;}
.pv-alert-2{background:rgba(46,158,91,.12);color:#218049;}
.pv-doc{background:#EAE8E0;padding:20px;align-items:center;justify-content:center;}
.pv-page{background:#fff;border:.5px solid var(--line);border-radius:8px;box-shadow:0 16px 32px -20px rgba(0,0,0,.3);width:100%;max-width:240px;padding:16px;display:flex;flex-direction:column;gap:11px;}
.pv-page-head{display:flex;align-items:center;gap:8px;}
.pv-brandmark{width:16px;height:16px;border-radius:5px;background:var(--indigo);flex-shrink:0;}
.pv-page-tag{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.06em;color:var(--grey);text-transform:uppercase;}
.pv-page-title{height:13px;width:72%;border-radius:4px;background:var(--ink);}
.pv-lines{display:flex;flex-direction:column;gap:6px;}
.pv-lines i{height:6px;border-radius:3px;background:#e4e2d9;width:100%;display:block;}
.pv-price{display:flex;align-items:center;justify-content:space-between;background:var(--indigo-tint);border-radius:7px;padding:9px 12px;}
.pv-price span{font-size:10px;color:var(--indigo);font-family:'JetBrains Mono',monospace;}
.pv-price b{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--indigo);font-size:15px;}
.pv-chat{background:#0e1621;}
.pv-chat-head{display:flex;align-items:center;gap:9px;padding:12px 14px;background:#17212b;flex-shrink:0;}
.pv-chat-ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6B78F0,#3B49DF);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:11px;flex-shrink:0;}
.pv-chat-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:13.5px;color:#fff;display:flex;flex-direction:column;line-height:1.3;}
.pv-chat-name b{font-family:'Inter',sans-serif;font-weight:400;font-size:10px;color:#6fd08c;}
.pv-chat-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1;justify-content:center;}
.pv-bub{max-width:84%;padding:9px 12px;border-radius:14px;font-size:12.5px;line-height:1.45;color:#eaeef2;}
.pv-bub.in{align-self:flex-start;background:#1e2c3a;border-bottom-left-radius:4px;}
.pv-bub.out{align-self:flex-end;background:#2b5278;border-bottom-right-radius:4px;color:#fff;}
.pv-bub b{color:#9db8ff;font-weight:600;}
.pv-bub.out b{color:#dfeaff;}
@media (max-width:860px){
  .phero-grid{grid-template-columns:1fr;gap:32px;}
  .phero-visual{justify-self:stretch;max-width:none;min-height:232px;}
  .phero-visual-col{justify-self:stretch;max-width:none;}
}
.pband{background:var(--white);border-top:.5px solid var(--line);margin-top:44px;}
.pstats{display:flex;flex-wrap:wrap;gap:36px;padding:28px 0;}
.pstat .n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:26px;letter-spacing:-1px;}
.pstat .l{font-size:12px;color:var(--grey);margin-top:3px;max-width:150px;}

/* SECTIONS */
.cs{padding:60px 0;border-bottom:.5px solid var(--line);}
.cs.alt{background:var(--white);}
.cs-label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;color:var(--indigo);margin-bottom:14px;display:block;}
.cs h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.7px;line-height:1.15;margin-bottom:20px;max-width:680px;}
.cs p{font-size:16px;color:var(--grey);line-height:1.8;margin-bottom:14px;max-width:680px;}
.cs p strong{color:var(--ink);font-weight:500;}

/* CONTEXT CARDS */
.ctx{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;}
.ctx-card{background:var(--white);border:.5px solid var(--line);border-radius:var(--r);padding:20px;}
.cs.alt .ctx-card{background:var(--cream);}
.ctx-k{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;color:var(--indigo);margin-bottom:8px;}
.ctx-v{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:15px;line-height:1.4;}

/* WORKFLOW */
.wf{display:flex;align-items:stretch;gap:0;overflow-x:auto;margin-top:30px;padding-bottom:6px;}
.wf-step{flex:1;min-width:140px;}
.wf-box{background:var(--white);border:.5px solid var(--line);border-radius:var(--r);padding:18px 14px;height:100%;}
.cs.alt .wf-box{background:var(--cream);}
.wf-n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--indigo);margin-bottom:10px;}
.wf-t{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:14px;margin-bottom:5px;}
.wf-s{font-size:12px;color:var(--grey);line-height:1.45;}
.wf-arr{display:flex;align-items:center;padding:0 8px;color:var(--line);font-family:'JetBrains Mono',monospace;flex-shrink:0;}

/* ANIMATED WORKFLOW PANEL (live, façon home) */
.awf-wrap{margin-top:30px;overflow-x:auto;}
.awf{position:relative;background:#141310;border:1px solid #2a291f;border-radius:16px;box-shadow:0 40px 82px -50px rgba(26,26,23,.5);overflow:hidden;}
.awf-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #26251d;}
.awf-dot{width:9px;height:9px;border-radius:50%;background:#302f24;}
.awf-name{margin-left:6px;font-family:'JetBrains Mono',monospace;font-size:.72rem;color:#a7a59a;}
.awf-run{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#8f8d83;}
.awf-led{width:8px;height:8px;border-radius:50%;background:#4ea56b;animation:awfled 2.4s infinite;}
@keyframes awfled{0%,100%{box-shadow:0 0 0 0 rgba(78,165,107,.5);}55%{box-shadow:0 0 0 5px rgba(78,165,107,0);}}
.awf-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px 22px 0;}
.awf-phases span{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:#6b6960;text-align:center;}
.awf-stage{position:relative;padding:16px 22px 28px;}
.awf-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}
.awf-wire{fill:none;stroke:#4c4b39;stroke-width:2;stroke-linecap:round;}
.awf-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:11px;z-index:2;}
.awf-node{position:relative;background:#1d1c15;border:1px solid #35342b;border-radius:11px;padding:11px 11px;box-shadow:0 12px 24px -16px rgba(0,0,0,.8);transition:border-color .22s ease,box-shadow .24s ease,background .22s ease;}
.awf-node.on{border-color:#6B78F0;background:#25241b;box-shadow:0 0 0 1.5px #6B78F0,0 0 24px 1px rgba(107,120,240,.5),0 12px 24px -16px rgba(0,0,0,.8);}
.awf-node.action.on{border-color:#84e3b0;box-shadow:0 0 0 1.5px #84e3b0,0 0 26px 1px rgba(110,214,159,.5),0 12px 24px -16px rgba(0,0,0,.8);}
.awf-top{display:flex;align-items:center;gap:7px;margin-bottom:6px;}
.awf-ic{width:25px;height:25px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(120,132,255,.2);color:#9aa5ff;}
.awf-node.action .awf-ic{background:rgba(90,190,130,.2);color:#84e3b0;}
.awf-ic svg{width:14px;height:14px;}
.awf-t{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:11.5px;color:#f1f0e8;line-height:1.15;}
.awf-s{font-family:'JetBrains Mono',monospace;font-size:8.5px;color:#8f8d83;margin-top:3px;line-height:1.3;}
.awf-packet{position:absolute;width:10px;height:10px;border-radius:50%;background:#6B78F0;box-shadow:0 0 11px 3px rgba(107,120,240,.75);opacity:0;z-index:1;left:0;top:0;}
@media (max-width:820px){
  .awf-wrap{overflow-x:visible;}
  .awf{min-width:0;}
  .awf-track{grid-auto-flow:row;grid-auto-columns:auto;gap:30px;}
  .awf-node{padding:13px 15px;}
  .awf-t{font-size:13px;}
  .awf-s{font-size:10px;margin-top:2px;}
  .awf-ic{width:28px;height:28px;}
  .awf-ic svg{width:15px;height:15px;}
  .awf-stage{padding:16px 22px 24px;}
}

/* CONDITIONS */
.conds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;}
.cond{border:.5px solid var(--line);border-radius:var(--r);padding:22px;background:var(--white);}
.cs.alt .cond{background:var(--cream);}
.cond-t{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:16px;margin-bottom:10px;}
.cond-th{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--indigo);background:var(--indigo-tint);padding:3px 9px;border-radius:var(--r-pill);margin-bottom:12px;}
.cond-a{font-size:13.5px;color:var(--grey);line-height:1.6;}

/* STEPS LIST */
.steps{border:.5px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:30px;}
.step{display:flex;gap:22px;padding:22px 24px;background:var(--white);border-top:.5px solid var(--line);}
.step:first-child{border-top:none;}
.cs.alt .step{background:var(--cream);}
.step-n{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--indigo);flex-shrink:0;padding-top:2px;}
.step-t{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:15px;margin-bottom:5px;}
.step-d{font-size:14px;color:var(--grey);line-height:1.6;}

/* DIALOGUE */
.dlg{background:var(--white);border:.5px solid var(--line);border-radius:var(--r);padding:28px;margin-top:30px;}
.cs.alt .dlg{background:var(--cream);}
.dlg-h{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.5px;color:var(--grey);margin-bottom:22px;}
.msg{display:flex;gap:12px;margin-bottom:16px;max-width:520px;}
.msg.you{flex-direction:row-reverse;margin-left:auto;}
.msg.you>div:last-child{display:flex;flex-direction:column;align-items:flex-end;}
.msg.you .msg-b{text-align:left;}
.msg-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;margin-top:2px;}
.msg.ai .msg-av{background:var(--indigo-tint);color:var(--indigo);}
.msg.you .msg-av{background:var(--ink);color:var(--cream);}
.msg-b{padding:11px 15px;border-radius:12px;font-size:14px;line-height:1.55;}
.msg.ai .msg-b{background:var(--cream);border:.5px solid var(--line);}
.cs.alt .msg.ai .msg-b{background:var(--white);}
.msg.you .msg-b{background:var(--indigo-tint);color:#2A2F8A;}
.msg-name{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.5px;color:var(--grey);margin-bottom:4px;}

/* DASHBOARD MOCKUP */
.db{background:var(--white);border:.5px solid var(--line);border-radius:var(--r);padding:22px;margin-top:30px;}
.cs.alt .db{background:var(--cream);}
.db-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.db-title{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:14px;}
.db-date{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--grey);}
.db-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;}
.db-kpi{background:var(--cream);border:.5px solid var(--line);border-radius:8px;padding:14px;}
.cs.alt .db-kpi{background:var(--white);}
.db-kn{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.8px;}
.db-kl{font-size:11px;color:var(--grey);margin-top:2px;}
.db-kt{font-family:'JetBrains Mono',monospace;font-size:10px;color:#2E9E5B;margin-top:4px;}
.db-charts{display:grid;grid-template-columns:2fr 1fr;gap:10px;}
.db-c{background:var(--cream);border:.5px solid var(--line);border-radius:8px;padding:14px;}
.cs.alt .db-c{background:var(--white);}
.db-ct{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:12px;margin-bottom:12px;}
.bars{display:flex;align-items:flex-end;gap:5px;height:58px;}
.bar{flex:1;background:var(--line);border-radius:3px 3px 0 0;}
.bar.hi{background:var(--indigo);}
.tps{display:flex;flex-direction:column;gap:9px;}
.tp{display:flex;justify-content:space-between;font-size:12px;}
.tp .v{font-family:'Space Grotesk',sans-serif;font-weight:500;}

/* STACK */
.stack{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px;}
.st-card{background:var(--white);border:.5px solid var(--line);border-radius:var(--r);padding:20px;}
.cs.alt .st-card{background:var(--cream);}
.st-t{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:15px;margin-bottom:6px;}
.st-r{font-size:13px;color:var(--grey);line-height:1.6;}

/* RESULTS */
.res{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;}
.res-card{background:var(--white);border:.5px solid var(--line);border-radius:var(--r);padding:24px;}
.cs.alt .res-card{background:var(--cream);}
.res-n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:30px;letter-spacing:-1.5px;color:var(--indigo);margin-bottom:8px;}
.res-l{font-size:13px;color:var(--grey);line-height:1.55;}

/* CTA */
.pcta{padding:64px 0;background:var(--ink);}
.pcta-box{max-width:980px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.pcta-t{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:24px;letter-spacing:-.6px;color:var(--cream);margin-bottom:8px;}
.pcta-s{font-size:14px;color:#A8A6A0;max-width:420px;}
.pcta-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:13px;padding:13px 24px;border-radius:var(--r-pill);transition:all .2s;border:.5px solid transparent;}
.btn-light{background:var(--cream);color:var(--ink);}
.btn-light:hover{background:var(--indigo-soft);color:var(--cream);}
.btn-out{background:transparent;color:var(--cream);border-color:#3A3A36;}
.btn-out:hover{border-color:var(--cream);}
.btn-primary{background:var(--indigo);color:#fff;}
.btn-primary:hover{background:var(--indigo-soft);}
.demo-note{display:flex;gap:11px;align-items:flex-start;margin-top:22px;padding:15px 17px;border:1px solid var(--indigo-soft);border-radius:12px;background:#fff;font-size:13.5px;line-height:1.55;color:var(--grey);}
.demo-cta{margin-top:24px;}

/* FOOTER */
.footer{background:var(--ink);color:#6B6A64;border-top:.5px solid #2C2C28;padding:30px 0;}
.footer-inner{max-width:1120px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.footer-brand{display:flex;align-items:center;gap:10px;}
.footer-brand svg{height:20px;}
.footer-brand span{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:14px;color:var(--cream);}
.footer-links{display:flex;gap:22px;}
.footer-links a{font-family:'JetBrains Mono',monospace;font-size:12px;color:#6B6A64;transition:color .15s;}
.footer-links a:hover{color:var(--cream);}
.footer-copy{font-family:'JetBrains Mono',monospace;font-size:11px;color:#4A4945;}

@media (max-width:760px){
  .ctx,.stack{grid-template-columns:1fr;}
  .conds,.res,.db-kpis{grid-template-columns:1fr 1fr;}
  .db-charts{grid-template-columns:1fr;}
  .pstats{gap:24px 32px;}
  .brand-name{white-space:nowrap;}
  .nav-cta{display:none;}
  .burger{display:flex;}
  .nav-links{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:0;background:var(--cream);border-bottom:.5px solid var(--line);padding:6px 0;box-shadow:0 14px 30px -18px rgba(0,0,0,.25);font-size:1rem;}
  .nav-links.open{display:flex;}
  .nav-links li{width:100%;list-style:none;}
  .nav-links a{display:block;padding:14px 32px;}
  .nav-sep{border-left:0;border-top:.5px solid var(--line);padding-left:0;margin-top:4px;padding-top:4px;}
}
@media (max-width:480px){
  .conds,.res,.db-kpis{grid-template-columns:1fr;}
}


/* Schéma coulisses : desktop horizontal, mobile vertical */
.diag-mobile{display:none;}
@media(max-width:900px){
  .diag-desktop{display:none;}
  .diag-mobile{display:block;}
}


/* Bouton + lightbox vue n8n réelle */
.n8n-open{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:500;color:var(--indigo);background:#EEF0FE;border:1px solid var(--indigo);border-radius:100px;padding:11px 20px;cursor:pointer;transition:background .18s,transform .18s;}
.n8n-open:hover{background:#E3E6FD;transform:translateY(-1px);}
.n8n-open-ic{width:9px;height:9px;border-radius:50%;background:var(--indigo);box-shadow:0 0 0 3px #C7CCFB;animation:n8nPulse 1.8s ease-in-out infinite;}
@keyframes n8nPulse{0%,100%{box-shadow:0 0 0 3px #C7CCFB;}50%{box-shadow:0 0 0 6px rgba(199,204,251,.4);}}
.n8n-lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(10,10,14,.74);backdrop-filter:blur(4px);padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s;}
.n8n-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.n8n-lb-inner{position:relative;background:#25262E;border:1px solid #3A3B47;border-radius:18px;max-width:1120px;width:100%;max-height:88vh;overflow:auto;padding:26px 26px 20px;transform:scale(.95) translateY(8px);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s ease;}
.n8n-lightbox.is-open .n8n-lb-inner{transform:scale(1) translateY(0);opacity:1;}
.n8n-lb-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid #4A4B57;background:#33343F;color:#C9CAD4;font-size:22px;line-height:1;cursor:pointer;z-index:2;}
.n8n-lb-close:hover{background:#3D3E4A;}
.n8n-lb-canvas svg{width:100%;height:auto;display:block;}
.n8n-lb-cap{margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#8A8C99;text-align:center;}
.n8n-flow{fill:none;stroke:#9AA5FF;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:4 190;stroke-dashoffset:0;opacity:.9;animation:n8nFlow 2s linear infinite;animation-play-state:paused;}
.n8n-lightbox.is-open .n8n-flow{animation-play-state:running;}
@keyframes n8nFlow{to{stroke-dashoffset:-194;}}
@media(prefers-reduced-motion:reduce){.n8n-flow,.n8n-open-ic{animation:none;}.n8n-lb-inner{transition:none;}}


/* Carte-aperçu vers la vue n8n réelle */
.n8n-peek{margin-top:26px;width:100%;display:flex;align-items:center;gap:18px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;cursor:pointer;font:inherit;transition:border-color .2s,transform .2s,box-shadow .2s;}
.n8n-peek:hover{border-color:var(--indigo);transform:translateY(-2px);box-shadow:0 10px 26px rgba(59,73,223,.09);}
.n8n-peek:focus-visible{outline:2px solid var(--indigo);outline-offset:3px;}
.n8n-peek-logos{display:flex;gap:8px;flex-shrink:0;}
.n8n-peek-logos span{width:40px;height:40px;border-radius:10px;background:#F1F1EE;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;}
.n8n-peek-logos img{width:24px;height:24px;display:block;}
.n8n-peek-txt{display:flex;flex-direction:column;gap:3px;flex:1;}
.n8n-peek-t{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;letter-spacing:-.2px;color:var(--ink);}
.n8n-peek-s{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--grey);}
.n8n-peek-exp{flex-shrink:0;color:var(--indigo);display:flex;}
@media(max-width:560px){.n8n-peek{flex-wrap:wrap;gap:14px;}.n8n-peek-txt{flex-basis:100%;order:3;}.n8n-peek-exp{position:absolute;}}


/* ===== CONVERSATION TELEGRAM ANIMÉE (agent institut) ===== */
.tgwrap{margin-top:30px;display:flex;justify-content:center;}
.tg-phone{width:100%;max-width:384px;background:#0e1621;border-radius:36px;padding:12px;box-shadow:0 44px 88px -46px rgba(26,26,23,.6),0 0 0 1px rgba(0,0,0,.05);}
.tg-screen{border-radius:26px;overflow:hidden;background:#0e1621;}
.tg-head{display:flex;align-items:center;gap:11px;padding:14px 16px;background:#17212b;}
.tg-back{color:#5aa7e6;font-size:24px;line-height:1;margin-right:-6px;}
.tg-ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6B78F0,#3B49DF);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;flex-shrink:0;letter-spacing:.5px;}
.tg-meta{display:flex;flex-direction:column;line-height:1.25;flex:1;min-width:0;}
.tg-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;color:#fff;}
.tg-status{font-size:11.5px;color:#6fd08c;}
.tg-menu{color:#6d7d8c;font-size:20px;letter-spacing:1px;}
.tg-body{height:432px;overflow:hidden;padding:18px 13px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;background:#0e1621;background-image:radial-gradient(circle at 20% 12%,rgba(107,120,240,.10),transparent 42%),radial-gradient(circle at 82% 88%,rgba(90,167,230,.08),transparent 46%);}
.tg-msg{display:flex;max-width:84%;opacity:0;transform:translateY(9px);animation:tgIn .3s ease forwards;}
@keyframes tgIn{to{opacity:1;transform:none;}}
.tg-msg.in{align-self:flex-start;}
.tg-msg.out{align-self:flex-end;}
.tg-b{padding:9px 13px;border-radius:15px;font-size:13.5px;line-height:1.5;color:#eaeef2;box-shadow:0 1px 1px rgba(0,0,0,.22);}
.tg-msg.in .tg-b{background:#1e2c3a;border-bottom-left-radius:5px;}
.tg-msg.out .tg-b{background:#2b5278;border-bottom-right-radius:5px;color:#fff;}
.tg-b b{font-weight:600;color:#fff;}
.tg-msg.in .tg-b b{color:#9db8ff;}
.tg-typing .tg-b{display:flex;gap:4px;align-items:center;padding:13px 15px;}
.tg-typing span{width:6px;height:6px;border-radius:50%;background:#7d8e9e;animation:tgDot 1.25s infinite;}
.tg-typing span:nth-child(2){animation-delay:.18s;}
.tg-typing span:nth-child(3){animation-delay:.36s;}
@keyframes tgDot{0%,60%,100%{opacity:.35;transform:translateY(0);}30%{opacity:1;transform:translateY(-3px);}}
.tg-foot{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#17212b;}
.tg-field{flex:1;color:#6d7d8c;font-size:13.5px;}
.tg-send{width:32px;height:32px;border-radius:50%;background:#5aa7e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.tg-cap{text-align:center;margin-top:16px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--grey);}
@media(max-width:420px){.tg-body{height:400px;}}

/* Corrections vue n8n mobile */
.n8n-peek{position:relative;}
@media(max-width:560px){.n8n-peek-exp{position:absolute;top:16px;right:16px;}}
.n8n-lb-canvas{overflow:auto;-webkit-overflow-scrolling:touch;}
.n8n-canvas-svg{width:100%;height:auto;display:block;}
@media(max-width:820px){.n8n-canvas-svg{width:auto;height:auto;max-width:none;}}
.n8n-rotate{display:none;}
@media(max-width:820px) and (orientation:portrait){.n8n-rotate{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 13px;border:1px solid #4A4B57;border-radius:12px;background:#2C2D38;color:#C9CAD4;font-family:'JetBrains Mono',monospace;font-size:12px;line-height:1.45;}.n8n-rotate svg{flex-shrink:0;color:#E7C65A;}}