:root{
    --paper:#F5F4F0;
    --ink:#14161A;
    --ink-soft:#4B4F58;
    --signal:#2F5DFF;
    --signal-tint:#E4EAFF;
    --line:#D6D3CB;
    --mark:#FF5A36;
    --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    --sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  }
  @font-face{font-family:'IBM Plex Mono';src:local('IBM Plex Mono');}
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:var(--sans);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  a{color:var(--signal);}

  .wrap{max-width:1040px;margin:0 auto;padding:0 24px;}

  header.top{
    display:flex;justify-content:space-between;align-items:center;
    padding:24px;border-bottom:1px solid var(--line);
    position:sticky;top:0;background:rgba(245,244,240,0.92);backdrop-filter:blur(6px);z-index:10;
  }
  .logo{font-family:var(--mono);font-weight:600;font-size:18px;letter-spacing:0.02em;}
  .logo b{color:var(--signal);}
  nav a{margin-left:22px;font-size:14px;text-decoration:none;color:var(--ink-soft);font-family:var(--mono);}
  nav a:hover{color:var(--ink);}

  .eyebrow{
    font-family:var(--mono);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;
    color:var(--signal);display:inline-block;margin-bottom:14px;
  }

  /* HERO — console simulée */
  .hero{padding:72px 0 56px;}
  .hero h1{
    font-family:var(--mono);font-size:clamp(28px,4.4vw,46px);
    line-height:1.12;margin:0 0 20px;max-width:820px;font-weight:600;letter-spacing:-0.01em;
  }
  .hero p.sub{font-size:18px;color:var(--ink-soft);max-width:600px;margin:0 0 36px;}

  .console{
    border:1px solid var(--line);border-radius:10px;background:#0F1115;
    color:#E7E9EE;font-family:var(--mono);font-size:14px;overflow:hidden;
    box-shadow:0 20px 50px -25px rgba(0,0,0,0.4);
  }
  .console-bar{
    display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid #23262E;
  }
  .dot{width:10px;height:10px;border-radius:50%;background:#3A3E48;}
  .console-body{padding:22px 24px 28px;}
  .console-line{margin-bottom:14px;white-space:pre-wrap;}
  .console-prompt{color:#7C8494;}
  .console-query{color:#E7E9EE;}
  .console-answer{color:#B9C2FF;}
  .console-answer .hl{
    background:var(--signal);color:#fff;padding:1px 6px;border-radius:4px;font-weight:600;
  }
  .caret{display:inline-block;width:8px;height:16px;background:#B9C2FF;vertical-align:text-bottom;
    animation:blink 1s steps(1) infinite;}
  @keyframes blink{50%{opacity:0;}}

  /* SECTIONS */
  section{padding:56px 0;border-top:1px solid var(--line);}
  h2{font-family:var(--mono);font-size:26px;margin:0 0 28px;font-weight:600;}

  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .card{
    border:1px solid var(--line);border-radius:8px;padding:22px;background:#fff;
  }
  .card .num{font-family:var(--mono);font-size:12px;color:var(--signal);margin-bottom:10px;}
  .card h3{font-size:17px;margin:0 0 8px;}
  .card p{font-size:14.5px;color:var(--ink-soft);margin:0;}

  .stats{display:flex;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;}
  .stat{flex:1;padding:26px 20px;text-align:center;border-right:1px solid var(--line);}
  .stat:last-child{border-right:none;}
  .stat .n{font-family:var(--mono);font-size:30px;font-weight:600;color:var(--signal);}
  .stat .l{font-size:13px;color:var(--ink-soft);margin-top:6px;}

  table.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
  table.compare th, table.compare td{
    padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:14.5px;
  }
  table.compare th{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);background:#FAFAF8;}
  table.compare td.yes{color:var(--signal);font-weight:600;}
  table.compare tr:last-child td{border-bottom:none;}
  .batiiz-col{background:var(--signal-tint);}

  .faq-item{border-bottom:1px solid var(--line);padding:20px 0;}
  .faq-item h3{font-size:16.5px;margin:0 0 8px;}
  .faq-item p{margin:0;color:var(--ink-soft);font-size:14.5px;}

  footer{padding:40px 0;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft);}
  footer .logo{margin-bottom:10px;display:block;}

  @media (max-width:720px){
    .grid{grid-template-columns:1fr;}
    .stats{flex-direction:column;}
    .stat{border-right:none;border-bottom:1px solid var(--line);}
    .stat:last-child{border-bottom:none;}
  }