:root{
    --bg-0:#0a0a0a;
    --bg-1:#111113;
    --bg-2:#16161a;
    --bg-3:#1c1c22;
    --line:#26262c;
    --line-strong:#34343a;
    --ink:#f5f5f4;
    --ink-2:#d4d4d2;
    --ink-3:#9ca0a4;
    --ink-4:#71717a;
    --lime:#c9f53d;
    --lime-deep:#a4cf1e;
    --lime-fade:rgba(201,245,61,0.10);
    --positive:#4ade80;
    --negative:#ff4d6d;
    --warning:#fbbf24;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:'Geist',ui-sans-serif,system-ui,sans-serif;
    background:var(--bg-0);
    color:var(--ink);
    line-height:1.55;
    font-feature-settings:"ss01","cv11";
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  .serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;letter-spacing:.005em}
  .mono{font-family:'Geist Mono',ui-monospace,monospace;font-feature-settings:"tnum","zero"}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}

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

  /* ===== Header ===== */
  header.nav{
    position:sticky;top:0;z-index:100;
    backdrop-filter:blur(14px);
    background:rgba(10,10,10,0.72);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
  .brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.015em;font-size:18px}
  .brand-mark{
    width:32px;height:32px;border-radius:8px;
    display:grid;place-items:center;overflow:hidden;
    box-shadow:0 0 24px rgba(201,245,61,0.2);
  }
  .brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
  nav.menu{display:flex;gap:30px;font-size:14px;color:var(--ink-3)}
  nav.menu a{transition:color .15s}
  nav.menu a:hover{color:var(--ink)}
  .nav-ctas{display:flex;align-items:center;gap:10px}
  .btn-nav-ghost{
    color:var(--ink-2);font-weight:500;font-size:13px;
    padding:8px 14px;border-radius:8px;
    transition:color .15s,background .15s;
  }
  .btn-nav-ghost:hover{color:var(--ink);background:var(--bg-2)}
  .btn-cta-nav{
    background:var(--lime);color:#0a0a0a;font-weight:600;
    padding:8px 16px;border-radius:8px;font-size:13px;
    transition:transform .15s,box-shadow .15s;
  }
  .btn-cta-nav:hover{transform:translateY(-1px);box-shadow:0 8px 24px -4px rgba(201,245,61,0.35)}

  /* ===== Hero asymmetric ===== */
  .hero{
    position:relative;
    padding:64px 0 60px;
    overflow:hidden;
  }
  .hero::before{
    content:"";
    position:absolute;inset:0;
    background:
      radial-gradient(ellipse 900px 500px at 30% 10%,rgba(201,245,61,0.13),transparent 60%),
      radial-gradient(ellipse 700px 400px at 85% 50%,rgba(201,245,61,0.06),transparent 70%);
    pointer-events:none;
  }
  .hero-grid{
    position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%);
    -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%);
    pointer-events:none;
  }
  .hero-row{
    position:relative;z-index:2;
    display:grid;grid-template-columns:1.05fr 1fr;
    gap:60px;align-items:center;
  }
  .hero-left{padding-right:8px}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 14px;border-radius:99px;
    background:var(--lime-fade);
    border:1px solid rgba(201,245,61,0.25);
    color:var(--lime);font-size:12px;font-weight:500;letter-spacing:.02em;
    margin-bottom:24px;
  }
  .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);animation:pulse 1.8s infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
  h1.hero-title{
    font-size:clamp(38px,5.4vw,68px);
    font-weight:600;
    letter-spacing:-.035em;
    line-height:1.02;
    margin-bottom:22px;
  }
  h1.hero-title .accent{color:var(--lime)}
  h1.hero-title .serif{font-weight:400;color:var(--ink-2)}
  .hero-sub{
    font-size:clamp(15px,1.4vw,18px);
    color:var(--ink-3);
    max-width:560px;margin:0 0 32px;
    line-height:1.55;
  }
  .hero-sub strong{color:var(--ink);font-weight:600}
  .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
  .btn-primary{
    background:var(--lime);color:#0a0a0a;font-weight:600;font-size:15px;
    padding:14px 24px;border-radius:10px;
    transition:transform .15s,box-shadow .15s;
    display:inline-flex;align-items:center;gap:8px;
  }
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px -8px rgba(201,245,61,0.4)}
  .btn-secondary{
    background:var(--bg-2);color:var(--ink);font-weight:500;font-size:15px;
    padding:14px 22px;border-radius:10px;
    border:1px solid var(--line-strong);
    transition:border-color .15s,background .15s;
    display:inline-flex;align-items:center;gap:8px;
  }
  .btn-secondary:hover{border-color:var(--lime);background:var(--bg-3)}

  .trust-bar{
    display:flex;align-items:center;gap:22px;
    color:var(--ink-4);font-size:12.5px;flex-wrap:wrap;
  }
  .trust-bar .item{display:flex;align-items:center;gap:7px}
  .trust-bar svg{flex-shrink:0;color:var(--lime)}

  /* Hero right — demo + floating cards */
  .hero-right{
    position:relative;min-height:520px;
  }
  .demo-card{
    position:relative;
    background:linear-gradient(180deg,var(--bg-1),var(--bg-0));
    border:1px solid var(--line);
    border-radius:14px;
    padding:20px;
    box-shadow:
      0 0 0 1px rgba(255,255,255,0.02) inset,
      0 40px 80px -20px rgba(0,0,0,0.7),
      0 0 60px rgba(201,245,61,0.06);
    transform:rotate(-1.2deg);
  }
  .demo-header{
    display:flex;align-items:center;justify-content:space-between;
    padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px;
  }
  .demo-header h3{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
  .demo-badge{font-size:10px;background:var(--lime-fade);color:var(--lime);padding:3px 8px;border-radius:99px;font-weight:500;border:1px solid rgba(201,245,61,0.2)}
  .demo-table{width:100%;border-collapse:collapse;font-size:12px}
  .demo-table th{
    text-align:left;color:var(--ink-4);font-weight:500;font-size:9.5px;
    text-transform:uppercase;letter-spacing:.08em;
    padding:6px 8px;border-bottom:1px solid var(--line);
  }
  .demo-table td{padding:10px 8px;border-bottom:1px solid rgba(38,38,44,0.5);vertical-align:middle}
  .demo-table tr:last-child td{border-bottom:0}
  .demo-mlb{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-4)}
  .price-row{display:flex;flex-direction:column;gap:1px}
  .price-old{text-decoration:line-through;color:var(--ink-4);font-size:10px}
  .price-new{color:var(--lime);font-weight:600;font-family:'Geist Mono',monospace;font-size:12px}
  .badge{display:inline-block;padding:3px 7px;border-radius:5px;font-size:10px;font-weight:500}
  .badge-win{background:rgba(74,222,128,0.12);color:var(--positive);border:1px solid rgba(74,222,128,0.25)}
  .badge-pos{background:var(--bg-3);color:var(--ink-2);font-family:'Geist Mono',monospace}
  .pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);margin-right:6px;animation:pulse 1.8s infinite}

  /* Floating mini-cards */
  .float-card{
    position:absolute;
    background:linear-gradient(180deg,var(--bg-2),var(--bg-1));
    border:1px solid var(--line-strong);
    border-radius:12px;
    padding:14px 16px;
    box-shadow:0 20px 48px -16px rgba(0,0,0,0.85);
    z-index:3;
  }
  .float-card .fc-label{font-size:10px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
  .float-card .fc-value{font-family:'Geist Mono',monospace;font-weight:600;font-size:20px;color:var(--ink);line-height:1}
  .float-card .fc-delta{font-size:11px;margin-top:4px;display:flex;align-items:center;gap:4px}
  .float-card .fc-delta.up{color:var(--positive)}
  .float-card .fc-delta.lime{color:var(--lime)}
  .fc-1{top:-26px;right:-18px;transform:rotate(2.5deg)}
  .fc-2{bottom:-30px;left:-30px;transform:rotate(-2deg)}
  .fc-3{bottom:42%;right:-50px;transform:rotate(1.8deg)}

  /* ===== Section base ===== */
  section.block{padding:96px 0;position:relative}
  section.block.tight{padding:72px 0}
  .section-eyebrow{
    text-align:center;color:var(--lime);font-size:13px;font-weight:600;
    letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;
  }
  .section-title{
    text-align:center;font-size:clamp(30px,4.6vw,48px);
    font-weight:600;letter-spacing:-.025em;line-height:1.08;
    margin-bottom:14px;
  }
  .section-title .serif{color:var(--lime);font-weight:400}
  .section-sub{
    text-align:center;color:var(--ink-3);font-size:17px;
    max-width:620px;margin:0 auto 56px;line-height:1.5;
  }

  /* ===== Stats inline ===== */
  .stats-strip{
    margin-top:0;padding:36px 0;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    background:linear-gradient(180deg,rgba(201,245,61,0.025),transparent);
  }
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
  .stat{text-align:center}
  .stat-value{
    font-family:'Geist Mono',monospace;font-size:30px;font-weight:600;
    letter-spacing:-.025em;color:var(--lime);line-height:1;margin-bottom:6px;
  }
  .stat-value .small{font-size:16px;color:var(--ink-3);font-weight:500;margin-left:3px}
  .stat-label{font-size:11.5px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;font-weight:500}

  /* ===== Pain points ===== */
  .pain-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:14px;
    max-width:980px;margin:0 auto;
  }
  .pain-item{
    background:var(--bg-1);border:1px solid var(--line);
    border-radius:12px;padding:18px 22px;
    display:flex;gap:14px;align-items:flex-start;
    transition:border-color .2s,background .2s;
  }
  .pain-item:hover{border-color:rgba(201,245,61,0.3);background:var(--bg-2)}
  .pain-item .check{
    flex-shrink:0;width:24px;height:24px;border-radius:50%;
    background:var(--lime-fade);border:1px solid rgba(201,245,61,0.3);
    display:grid;place-items:center;margin-top:2px;
    color:var(--lime);
  }
  .pain-item p{color:var(--ink-2);font-size:14.5px;line-height:1.5}
  .pain-item p strong{color:var(--ink);font-weight:600}

  /* ===== Benefits 3-up ===== */
  .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto}
  .benefit-card{
    background:linear-gradient(180deg,var(--bg-1),var(--bg-0));
    border:1px solid var(--line);
    border-radius:16px;padding:34px 28px 30px;
    position:relative;overflow:hidden;
    transition:transform .25s,border-color .25s;
  }
  .benefit-card:hover{transform:translateY(-4px);border-color:rgba(201,245,61,0.35)}
  .benefit-card::after{
    content:"";position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,transparent,var(--lime),transparent);
    opacity:0;transition:opacity .25s;
  }
  .benefit-card:hover::after{opacity:1}
  .benefit-num{
    font-family:'Instrument Serif',serif;font-style:italic;
    font-size:48px;color:var(--lime);opacity:.55;line-height:1;margin-bottom:14px;
  }
  .benefit-card h3{font-size:22px;font-weight:600;letter-spacing:-.018em;margin-bottom:10px;line-height:1.15}
  .benefit-card h3 .accent{color:var(--lime)}
  .benefit-card p{color:var(--ink-3);font-size:14.5px;line-height:1.55}

  /* ===== Agents grid ===== */
  .agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .agent{
    background:var(--bg-1);padding:30px 26px;
    transition:background .2s;position:relative;
    min-height:200px;display:flex;flex-direction:column;
  }
  .agent:hover{background:var(--bg-2)}
  .agent-tag{
    font-family:'Geist Mono',monospace;font-size:10.5px;
    color:var(--lime);text-transform:uppercase;letter-spacing:.06em;
    margin-bottom:10px;display:inline-flex;align-items:center;gap:6px;
  }
  .agent-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px var(--lime)}
  .agent h3{font-size:18px;font-weight:600;letter-spacing:-.012em;margin-bottom:8px;line-height:1.2}
  .agent p{color:var(--ink-3);font-size:13.5px;line-height:1.55}
  .agent p code{
    font-family:'Geist Mono',monospace;font-size:11px;
    color:var(--lime);background:rgba(201,245,61,0.06);
    padding:1px 6px;border-radius:4px;
  }

  /* ===== Chart showcase ===== */
  .chart-card{
    background:linear-gradient(180deg,var(--bg-1),var(--bg-0));
    border:1px solid var(--line);
    border-radius:18px;padding:28px;
    max-width:1100px;margin:0 auto;
    box-shadow:
      0 0 0 1px rgba(255,255,255,0.02) inset,
      0 40px 80px -30px rgba(0,0,0,0.6),
      0 0 60px rgba(201,245,61,0.05);
  }
  .chart-header{
    display:flex;align-items:flex-start;justify-content:space-between;
    gap:24px;flex-wrap:wrap;margin-bottom:22px;
  }
  .chart-header h3{font-size:17px;font-weight:600;letter-spacing:-.012em;margin-bottom:6px}
  .chart-header p.chart-meta{color:var(--ink-4);font-size:12.5px;font-family:'Geist Mono',monospace}
  .chart-tabs{display:flex;gap:6px;align-items:center}
  .chart-tab{
    padding:6px 12px;border-radius:7px;
    background:var(--bg-2);border:1px solid var(--line);
    color:var(--ink-3);font-size:12px;font-weight:500;
    transition:color .15s,border-color .15s;
  }
  .chart-tab:hover{color:var(--ink)}
  .chart-tab.active{background:var(--bg-3);color:var(--ink);border-color:var(--line-strong)}
  .chart-tab.muted{color:var(--ink-4);font-size:11.5px}
  .chart-svg-wrap{position:relative}
  .chart-svg{width:100%;height:auto;display:block;margin-bottom:18px;cursor:crosshair}
  .chart-grid line{stroke:var(--line);stroke-width:1;stroke-dasharray:0}
  .chart-label{font-family:'Geist Mono',monospace;font-size:10px;fill:var(--ink-4)}
  .chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke-opacity .15s,stroke-width .15s}
  .chart-line.dim{stroke-opacity:.25}
  .chart-dot{r:3.5}
  .chart-cursor{stroke:var(--lime);stroke-width:1;stroke-dasharray:3,4;opacity:0;transition:opacity .15s;pointer-events:none}
  .chart-cursor.on{opacity:.5}

  .chart-tooltip{
    position:absolute;
    background:linear-gradient(180deg,var(--bg-2),var(--bg-1));
    border:1px solid var(--line-strong);
    border-radius:10px;padding:12px 14px;
    font-family:'Geist Mono',monospace;
    box-shadow:0 24px 48px -10px rgba(0,0,0,0.75);
    pointer-events:none;
    z-index:5;
    min-width:230px;
    opacity:0;transition:opacity .12s;
  }
  .chart-tooltip.on{opacity:1}
  .ct-date{color:var(--ink-4);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
  .ct-row{display:flex;align-items:center;gap:8px;font-size:11.5px;padding:3px 0}
  .ct-row .ct-sw{width:8px;height:8px;border-radius:50%;flex-shrink:0}
  .ct-row .ct-name{color:var(--ink-2)}
  .ct-row .ct-price{color:var(--ink);font-weight:600;margin-left:auto}
  .ct-row.lowest .ct-price{color:var(--lime)}

  .chart-legend{
    display:grid;grid-template-columns:repeat(4,1fr);gap:10px 18px;
    padding-top:18px;border-top:1px solid var(--line);
  }
  .chart-legend-item{
    display:flex;align-items:center;gap:8px;
    font-size:11.5px;color:var(--ink-2);
    font-family:'Geist Mono',monospace;
    cursor:pointer;user-select:none;
    transition:opacity .15s;
    padding:4px 6px;border-radius:6px;
  }
  .chart-legend-item:hover{background:var(--bg-2)}
  .chart-legend-item .swatch{
    width:14px;height:3px;border-radius:2px;flex-shrink:0;
  }
  .chart-legend-item em{color:var(--ink-4);font-style:normal;margin-left:auto}
  .chart-legend-item.off{opacity:.35}
  .chart-legend-item.off .swatch{background:var(--line-strong)!important}

  @media (max-width:780px){
    .chart-card{padding:18px 14px}
    .chart-svg{height:320px;min-height:320px}
    .chart-legend{grid-template-columns:1fr;gap:4px 10px;padding-top:14px}
    .chart-legend-item{padding:6px 4px}
    .chart-header{flex-direction:column;align-items:stretch}
    .chart-header h3{font-size:15px}
    .chart-header p.chart-meta{font-size:11px;line-height:1.4}
    .chart-tabs{gap:5px;flex-wrap:wrap}
    .chart-tab{padding:5px 9px;font-size:11px}
    .chart-tooltip{min-width:180px;font-size:11px;padding:10px 12px}
    .ct-row{font-size:10.5px}
    .ct-row .ct-name{font-size:10.5px}
  }

  /* ===== Philosophy section ===== */
  .philosophy{
    background:linear-gradient(180deg,var(--bg-0),var(--bg-1) 50%,var(--bg-0));
    padding:120px 0;text-align:center;
  }
  .philosophy h2{
    font-size:clamp(34px,5.2vw,56px);
    font-weight:500;letter-spacing:-.03em;line-height:1.06;
    max-width:900px;margin:0 auto 28px;
  }
  .philosophy h2 .serif{color:var(--lime);font-weight:400}
  .philosophy p{
    color:var(--ink-3);font-size:18px;max-width:680px;margin:0 auto 36px;line-height:1.55;
  }
  .philosophy .accent-quote{
    font-family:'Instrument Serif',serif;font-style:italic;
    font-size:22px;color:var(--lime);
  }

  /* ===== How it works ===== */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}
  .step{
    background:var(--bg-1);border:1px solid var(--line);
    border-radius:14px;padding:30px 26px;position:relative;
    transition:border-color .2s,transform .2s;
  }
  .step:hover{border-color:var(--lime);transform:translateY(-3px)}
  .step-num{
    position:absolute;top:24px;right:24px;
    font-family:'Instrument Serif',serif;font-style:italic;
    font-size:48px;color:var(--lime);opacity:.28;line-height:1;
  }
  .step h3{font-size:18px;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}
  .step p{color:var(--ink-3);font-size:14px;line-height:1.55}

  /* ===== Comparison ===== */
  .compare-table{
    background:var(--bg-1);border:1px solid var(--line);border-radius:14px;
    overflow:hidden;max-width:960px;margin:0 auto;
  }
  .compare-row{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:1px solid var(--line)}
  .compare-row:last-child{border-bottom:0}
  .compare-cell{padding:18px 22px;font-size:14px}
  .compare-cell:nth-child(1){color:var(--ink-2);font-weight:500}
  .compare-cell:nth-child(2){text-align:center;background:rgba(255,255,255,0.015);border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--ink-4)}
  .compare-cell:nth-child(3){text-align:center;background:rgba(201,245,61,0.04);color:var(--lime);font-weight:500;position:relative}
  .compare-head{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-2)!important;color:var(--ink-2)!important}
  .compare-head:nth-child(3){background:linear-gradient(180deg,rgba(201,245,61,0.12),rgba(201,245,61,0.04))!important}

  /* ===== CTA Final ===== */
  .cta-final{
    background:
      radial-gradient(ellipse 900px 450px at 50% 50%,rgba(201,245,61,0.16),transparent 70%),
      var(--bg-1);
    border:1px solid var(--line);border-radius:24px;
    padding:80px 40px;text-align:center;
    margin:0 24px;max-width:1100px;
    margin-left:auto;margin-right:auto;
    position:relative;overflow:hidden;
  }
  .cta-final::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,transparent,rgba(201,245,61,0.04));
    pointer-events:none;
  }
  .cta-final h2{font-size:clamp(32px,5vw,52px);font-weight:600;letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;position:relative}
  .cta-final h2 .serif{color:var(--lime);font-weight:400}
  .cta-final p{color:var(--ink-3);font-size:17px;max-width:560px;margin:0 auto 32px;position:relative}
  .cta-contact{
    display:flex;gap:18px;justify-content:center;margin-top:30px;flex-wrap:wrap;
    font-size:13.5px;color:var(--ink-4);
  }
  .cta-contact a{color:var(--ink-2);transition:color .15s;display:inline-flex;align-items:center;gap:6px}
  .cta-contact a:hover{color:var(--lime)}

  /* ===== Footer ===== */
  footer{
    border-top:1px solid var(--line);
    padding:48px 0 28px;color:var(--ink-4);font-size:13px;
  }
  .footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}
  .footer-brand{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:600}
  .footer-links{display:flex;gap:24px}
  .footer-links a{transition:color .15s}
  .footer-links a:hover{color:var(--lime)}

  /* ===== Reveals ===== */
  .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:translateY(0)}

  /* ===== Responsive ===== */
  @media (max-width:1080px){
    .hero-row{grid-template-columns:1fr;gap:60px}
    .hero-right{min-height:auto;margin-top:20px}
    .fc-1,.fc-2,.fc-3{display:none}
  }
  @media (max-width:980px){
    .agents-grid{grid-template-columns:1fr 1fr}
    .benefit-grid{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr}
    .stats-grid{grid-template-columns:1fr 1fr;gap:20px}
    .pain-grid{grid-template-columns:1fr}
    nav.menu{display:none}
  }
  @media (max-width:600px){
    .agents-grid{grid-template-columns:1fr}
    section.block{padding:64px 0}
    .demo-table th:nth-child(3),.demo-table td:nth-child(3){display:none}
    .compare-row{grid-template-columns:1.4fr 1fr 1fr}
    .compare-cell{padding:14px 12px;font-size:13px}
    .hero{padding:40px 0 40px}
    h1.hero-title{font-size:36px}
  }

/* === END BLOCK === */

/* ========= Trial section ========= */
  .trial-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;margin-top:24px}
  @media(max-width:880px){.trial-grid{grid-template-columns:1fr;gap:40px}}
  .trial-bullets{display:flex;flex-direction:column;gap:12px;margin-top:8px}
  .trial-bullet{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink-2);line-height:1.5}
  .trial-bullet svg{flex-shrink:0;margin-top:3px}
  .trial-screens{position:relative;perspective:1200px}
  .trial-demo-card{
    background:linear-gradient(180deg,#0f0f0f,#0a0a0a);border:1px solid rgba(201,245,61,0.18);
    border-radius:14px;padding:0;overflow:hidden;
    box-shadow:0 30px 80px -20px rgba(0,0,0,0.65),0 0 0 1px rgba(201,245,61,0.06);
    transform:rotate(-1.5deg) scale(1);transition:transform .4s ease;
  }
  .trial-demo-card:hover{transform:rotate(0) scale(1.02)}
  .trial-demo-header{padding:14px 18px;background:linear-gradient(90deg,rgba(74,140,255,0.18),rgba(99,102,241,0.12));border-bottom:1px solid rgba(201,245,61,0.08)}
  .trial-demo-banner{font-size:12px;color:#fff;font-weight:600}
  .trial-demo-list{display:flex;flex-direction:column}
  .trial-demo-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.04)}
  .trial-demo-item:last-child{border-bottom:none}
  .trial-demo-thumb{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
  .trial-demo-info{flex:1;min-width:0}
  .trial-demo-name{font-size:13px;color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .trial-demo-meta{font-size:11px;color:var(--ink-3);margin-top:2px;display:flex;gap:6px;align-items:center}
  .trial-demo-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:4px 8px;border-radius:5px;white-space:nowrap}
  .status-ok{background:rgba(16,185,129,0.18);color:#34d399}
  .status-warn{background:rgba(245,158,11,0.18);color:#fbbf24}
  .status-neutral{background:rgba(148,163,184,0.15);color:#94a3b8}
  .status-pma{background:rgba(167,139,250,0.18);color:#c4b5fd}
  .status-block{background:rgba(14,165,233,0.18);color:#7dd3fc}
  .badge-win{background:rgba(16,185,129,0.15);color:#34d399;padding:2px 6px;border-radius:3px;font-weight:600;font-size:10px}
  .badge-loss{background:rgba(239,68,68,0.15);color:#fca5a5;padding:2px 6px;border-radius:3px;font-weight:600;font-size:10px}
  .badge-pma{background:rgba(245,158,11,0.18);color:#fbbf24;padding:2px 6px;border-radius:3px;font-weight:600;font-size:10px}
  .trial-demo-footer{padding:12px 18px;background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.04);text-align:center}
  .trial-cta-tip{font-size:11.5px;color:var(--ink-3);font-style:italic}
  .trial-floating-chip{
    position:absolute;bottom:-24px;right:-20px;
    background:#0a0a0a;border:1px solid var(--lime);
    border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;
    box-shadow:0 14px 40px -8px rgba(201,245,61,0.3);
    max-width:260px;
    transform:rotate(2deg);
  }
  @media(max-width:880px){.trial-floating-chip{position:relative;bottom:auto;right:auto;margin-top:18px;max-width:none;transform:none}}