:root{
    --yellow:#FFC107;
    --yellow-dark:#E6A800;
    --yellow-soft:#FFF4D1;
    --black:#111111;
    --black-soft:#1c1c1c;
    --grey-dark:#333333;
    --grey:#6b6b6b;
    --grey-mid:#9a9a9a;
    --grey-line:#e4e4e4;
    --grey-bg:#f6f6f6;
    --grey-bg2:#efefef;
    --white:#ffffff;
    --radius:14px;
    --shadow:0 10px 40px rgba(0,0,0,.08);
    --shadow-strong:0 18px 50px rgba(0,0,0,.18);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:poppinsregular,Poppins,sans-serif;
    font-size:18px;
    color:var(--grey-dark);
    background:var(--white);
    line-height:1.65;
  }
  p{font-size:18px;}
  h1,h2,h3{font-family:poppinsbold,Poppins,sans-serif;color:var(--black);line-height:1.2;font-weight:700}
  h4{color:var(--black);line-height:1.2;font-weight:700}
  a{text-decoration:none;color:inherit}
  img{max-width:100%;display:block}

  /* ---- Page Wrapper ---- */
  .ai-integration-page .wrap{max-width:1320px;margin:0 auto;padding:0 22px}
  .ai-integration-page .section{padding:50px 0}

  .ai-integration-page .eyebrow{display:inline-block;background:var(--yellow-soft);color:var(--black);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-radius:30px;margin-bottom:18px}
  .ai-integration-page .eyebrow.dark{background:rgba(255,193,7,.16);color:var(--yellow)}
.ai-integration-page h2.title {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 16px;
    text-align: center;
}
  .ai-integration-page h2.title span{color:var(--yellow-dark)}
  .ai-integration-page .lead {
    font-size: 17px;
    color: var(--grey);
    max-width: 1120px;
    margin: 0 auto;
    text-align: center;
}.centerr {
    text-align: center;
}.ai-integration-page .cta-banner .wrap {
    justify-content: center !important;
}
  .ai-integration-page .lead.left{margin:0}

  /* Buttons */
  .ai-integration-page .btn{display:inline-block;background:var(--yellow);color:var(--black);font-weight:700;font-size:15px;padding:15px 32px;border-radius:50px;border:none;cursor:pointer;transition:.25s;box-shadow:0 8px 22px rgba(255,193,7,.4)}
  .ai-integration-page .btn:hover{background:var(--black);color:var(--yellow);transform:translateY(-2px)}
  .ai-integration-page .btn-outline{display:inline-block;background:transparent;color:var(--black);font-weight:700;font-size:15px;padding:14px 30px;border-radius:50px;border:2px solid var(--black);cursor:pointer;transition:.25s}
  .ai-integration-page .btn-outline:hover{background:var(--black);color:var(--yellow)}

  /* Hero */
  .ai-integration-page .hero{background:var(--black);color:var(--white);position:relative;overflow:hidden}
  .ai-integration-page .hero:before{content:"";position:absolute;top:-120px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(255,193,7,.22),transparent 70%);border-radius:50%}
  .ai-integration-page .hero-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 50px;
    align-items: center;
    padding: 0px 0;
    position: relative;
    z-index: 2;
}
  
  
  .ai-integration-page .hero h2{color:var(--white);font-size:46px;font-weight:800;line-height:1.12;margin-bottom:20px}
  .ai-integration-page .hero h2 span{color:var(--yellow)}
  .ai-integration-page .hero p.sub{color:#cfcfcf;font-size:18px;margin-bottom:26px;max-width:560px}
  .ai-integration-page .hero-cta-row{display:flex;gap:14px;flex-wrap:wrap}
  .ai-integration-page .hero-cta-row .btn-outline{color:var(--white);border-color:rgba(255,255,255,.4)}
  .ai-integration-page .hero-cta-row .btn-outline:hover{background:var(--white);color:var(--black);border-color:var(--white)}

  /* Form card */
  .ai-integration-page .form-card{background:var(--white);border-radius:18px;padding:30px;box-shadow:var(--shadow-strong);color:var(--grey-dark)}
  .ai-integration-page .form-card h3{font-size:21px;margin-bottom:6px}
  .ai-integration-page .form-card .fc-sub{font-size:13px;color:var(--grey);margin-bottom:20px}
  .ai-integration-page .form-card .field{margin-bottom:13px}
  .ai-integration-page .form-card label{display:block;font-size:12px;font-weight:600;color:var(--grey-dark);margin-bottom:5px}
  .ai-integration-page .form-card input,.ai-integration-page .form-card select,.ai-integration-page .form-card textarea{width:100%;padding:12px 14px;border:1px solid var(--grey-line);border-radius:10px;font-family:inherit;font-size:14px;background:var(--grey-bg);transition:.2s}
  .ai-integration-page .form-card input:focus,.ai-integration-page .form-card select:focus,.ai-integration-page .form-card textarea:focus{outline:none;border-color:var(--yellow);background:var(--white);box-shadow:0 0 0 3px rgba(255,193,7,.18)}
  .ai-integration-page .form-card textarea{resize:vertical;min-height:70px}
  .ai-integration-page .form-card .btn{width:100%;margin-top:6px}
  .ai-integration-page .form-card .micro{font-size:11px;color:var(--grey-mid);text-align:center;margin-top:11px;display:flex;align-items:center;justify-content:center;gap:5px}
  .ai-integration-page .two-col{display:grid;grid-template-columns:1fr 1fr;gap:11px}

  /* Trust strip */
  .ai-integration-page .trust{background:var(--yellow);padding:22px 0}
  .ai-integration-page .trust-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;text-align:center}
  .ai-integration-page .trust-item b{display:block;font-size:30px;font-weight:800;color:var(--black)}
  .ai-integration-page .trust-item span{font-size:13px;color:var(--black-soft);font-weight:500}

  /* Why / problem */
  .ai-integration-page .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
  .ai-integration-page .why-card{background:var(--grey-bg);border-radius:var(--radius);padding:30px 26px;border-left:4px solid var(--yellow);transition:.25s}
  .ai-integration-page .why-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);background:var(--white)}
  .ai-integration-page .why-card .ic

 {
    width: 46px;
    height: 46px;
    background: var(--black);
    color: var(--yellow);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
   
}
  .ai-integration-page .why-card h3{font-size:18px;margin-bottom:9px}
  .ai-integration-page .why-card p{font-size:14.5px;color:var(--grey)}

  /* What's included */
  .ai-integration-page .included{background:var(--grey-bg)}
  .ai-integration-page .inc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px}
  .ai-integration-page .inc-card{background:var(--white);border-radius:var(--radius);padding:26px 22px;box-shadow:0 4px 18px rgba(0,0,0,.05);transition:.25s;border-top:3px solid transparent}
  .ai-integration-page .inc-card:hover{border-top-color:var(--yellow);transform:translateY(-4px);box-shadow:var(--shadow)}
  .ai-integration-page .inc-card .ic {
    width: 52px;
    height: 52px;
    background: var(--yellow-soft);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border: 1px solid #f3e4ad;
  
}
  .ai-integration-page .inc-card .ic svg{width:26px;height:26px;stroke:var(--yellow-dark);fill:none}
  .ai-integration-page .inc-card h3{font-size:16.5px;margin-bottom:8px}
  .ai-integration-page .inc-card p{font-size:13.5px;color:var(--grey)}
.ai-integration-page .inc-cta {
    margin-top: 42px;
    text-align: center;
}

  /* Who */
  .ai-integration-page .who-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px}
  .ai-integration-page .who-item{display:flex;gap:16px;align-items:flex-start;background:var(--grey-bg);padding:24px;border-radius:var(--radius);transition:.2s}
  .ai-integration-page .who-item:hover{background:var(--yellow-soft)}
  .ai-integration-page .who-item .chk{flex:0 0 auto;width:30px;height:30px;background:var(--yellow);color:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
  .ai-integration-page .who-item h4{font-size:16px;margin-bottom:4px}
  .ai-integration-page .who-item p{font-size:14px;color:var(--grey)}

  /* Platforms */
  .ai-integration-page .platforms{background:var(--black);color:var(--white)}
  .ai-integration-page .platforms h2.title{color:var(--white)}
  .ai-integration-page .platforms .lead{color:#bdbdbd}
  .ai-integration-page .plat-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
  .ai-integration-page .plat-cat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:24px;transition:.25s}
  .ai-integration-page .plat-cat:hover{border-color:var(--yellow);background:rgba(255,193,7,.07)}
  .ai-integration-page .plat-cat h4{color:var(--yellow);font-size:15px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
  .ai-integration-page .plat-cat h4 svg{width:18px;height:18px;stroke:var(--yellow);fill:none;flex:none}
  .ai-integration-page .plat-cat ul{list-style:none}
  .ai-integration-page .plat-cat li{font-size:13.5px;color:#dadada;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
  .ai-integration-page .plat-cat li:last-child{border-bottom:none}
  .ai-integration-page .plat-footer-note{margin-top:30px;color:#9a9a9a;font-size:14px;text-align:center}

  /* Packages */
  .ai-integration-page .pkg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  .ai-integration-page .pkg{background:var(--white);border:1px solid var(--grey-line);border-radius:16px;padding:30px 24px;transition:.3s;position:relative;display:flex;flex-direction:column}
  .ai-integration-page .pkg:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong)}
  .ai-integration-page .pkg.featured{border:2px solid var(--yellow);box-shadow:var(--shadow)}
  .ai-integration-page .pkg-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--yellow);color:var(--black);font-size:11px;font-weight:700;padding:5px 16px;border-radius:30px;letter-spacing:.04em;text-transform:uppercase}
  .ai-integration-page .pkg h3{font-size:20px;margin-bottom:6px}
  .ai-integration-page .pkg .pkg-for{font-size:12.5px;color:var(--yellow-dark);font-weight:600;margin-bottom:18px;min-height:34px}
  .ai-integration-page .pkg ul{list-style:none;flex-grow:1}
  .ai-integration-page .pkg li{font-size:13.5px;color:var(--grey-dark);padding:8px 0 8px 24px;position:relative;border-bottom:1px solid var(--grey-line)}
  .ai-integration-page .pkg li:before{content:"\2713";position:absolute;left:0;top:8px;color:var(--yellow-dark);font-weight:800}
  .ai-integration-page .pkg .btn,.ai-integration-page .pkg .btn-outline{width:100%;text-align:center;margin-top:20px}

  /* Tracking */
  .ai-integration-page .track{background:var(--grey-bg)}
  .ai-integration-page .track-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:40px}
  .ai-integration-page .track-list{list-style:none}
  .ai-integration-page .track-list li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--grey-line)}
  .ai-integration-page .track-list .num{flex:0 0 auto;width:34px;height:34px;background:var(--black);color:var(--yellow);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
  .ai-integration-page .track-list h4{font-size:16px;margin-bottom:3px}
  .ai-integration-page .track-list p{font-size:13.5px;color:var(--grey)}
  .ai-integration-page .track-visual{background:var(--black);border-radius:18px;padding:34px;color:var(--white)}
  .ai-integration-page .track-visual h4{color:var(--white);font-size:18px;margin-bottom:20px}
  .ai-integration-page .metric{margin-bottom:20px}
  .ai-integration-page .metric .mtop{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px;color:#d8d8d8}
  .ai-integration-page .metric .mtop b{color:var(--yellow)}
  .ai-integration-page .bar{height:9px;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden}
  .ai-integration-page .bar span{display:block;height:100%;background:var(--yellow);border-radius:10px}
  .ai-integration-page .bw-74{width:74%}
  .ai-integration-page .bw-61{width:61%}
  .ai-integration-page .bw-88{width:88%}
  .ai-integration-page .bw-92{width:92%}
  .ai-integration-page .track-note{font-size:11.5px;color:#8f8f8f;margin-top:14px}

  /* Case studies */
  .ai-integration-page .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
  .ai-integration-page .case{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(0,0,0,.06);border:1px solid var(--grey-line);transition:.25s;display:flex;flex-direction:column}
  .ai-integration-page .case:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}
  .ai-integration-page .case-head{background:var(--black);color:var(--white);padding:22px 24px}
  .ai-integration-page .case-head .tag{display:inline-block;background:var(--yellow);color:var(--black);font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}
  .ai-integration-page .case-head h3{color:var(--white);font-size:17px;line-height:1.35}
  .ai-integration-page .case-body{padding:24px;flex-grow:1;display:flex;flex-direction:column}
  .ai-integration-page .case-body .label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--grey-mid);margin-bottom:5px}
  .ai-integration-page .case-body p{font-size:13.5px;color:var(--grey);margin-bottom:16px}
  .ai-integration-page .case-results{display:flex;gap:14px;margin-top:auto;padding-top:16px;border-top:1px solid var(--grey-line)}
  .ai-integration-page .case-results div{flex:1}
  .ai-integration-page .case-results b{display:block;font-size:24px;font-weight:800;color:var(--yellow-dark)}
  .ai-integration-page .case-results span{font-size:11.5px;color:var(--grey)}
  .ai-integration-page .cases-cta {
    margin-top: 42px;
    text-align: center;
}

  /* Mid CTA banner */
  .ai-integration-page .cta-banner{background:var(--yellow);padding:60px 0}
  .ai-integration-page .cta-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
  .ai-integration-page .cta-banner h2

 {
    font-size: 44px;
    font-weight: 800;
    color: var(--black);
    max-width: 100%;
    text-align: center;
    margin: 0;
}
  .ai-integration-page .cta-banner p{font-size:15px;color:var(--black-soft);margin-top:8px}
  .ai-integration-page .cta-banner .btn{background:var(--black);color:var(--yellow);box-shadow:none}
  .ai-integration-page .cta-banner .btn:hover{background:var(--white);color:var(--black)}
.ai-integration-page .cta-banner .wrap {
    justify-content: center !important;
    gap: 0 !important;
}.ai-integration-page .cta-banner .wrap {
    justify-content: center !important;
    gap: 0 !important;
    flex-direction: column !important;
}
  /* Competitor table */
  .ai-integration-page .comp{background:var(--grey-bg)}
  .ai-integration-page .table-scroll{overflow-x:auto;margin-top:44px;border-radius:16px;box-shadow:var(--shadow)}
  .ai-integration-page table.comp-table{width:100%;border-collapse:collapse;background:var(--white);min-width:760px}
  .ai-integration-page table.comp-table th,.ai-integration-page table.comp-table td{padding:18px 20px;text-align:left;font-size:14px;border-bottom:1px solid var(--grey-line)}
  .ai-integration-page table.comp-table thead th{background:var(--black);color:var(--white);font-weight:600;font-size:14px}
  .ai-integration-page table.comp-table thead th.ez{background:var(--yellow);color:var(--black);font-weight:800}
  .ai-integration-page table.comp-table td:first-child{font-weight:600;color:var(--black);background:var(--grey-bg)}
  .ai-integration-page table.comp-table td.ez{background:var(--yellow-soft);font-weight:600;color:var(--black)}
  .ai-integration-page table.comp-table .yes{color:#1a7a3c;font-weight:700}
  .ai-integration-page table.comp-table .no{color:#b33;font-weight:600}
  .ai-integration-page table.comp-table tr:hover td{background:#fafafa}
  .ai-integration-page table.comp-table tr:hover td.ez{background:#fff0c2}
  .ai-integration-page .comp-note{margin-top:26px;font-size:14px;text-align:center;color:var(--grey)}

  /* Why EZ */
  .ai-integration-page .whyez-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
  .ai-integration-page .whyez-card{padding:28px;border-radius:var(--radius);background:var(--grey-bg);transition:.25s}
  .ai-integration-page .whyez-card:hover{background:var(--black);transform:translateY(-4px)}
  .ai-integration-page .whyez-card:hover h3,.ai-integration-page .whyez-card:hover p{color:var(--white)}
  .ai-integration-page .whyez-card .ic{width:48px;height:48px;background:var(--yellow);color:var(--black);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
  .ai-integration-page .whyez-card .ic svg{width:24px;height:24px;stroke:var(--black);fill:none}
  .ai-integration-page .whyez-card h3{font-size:17px;margin-bottom:8px}
  .ai-integration-page .whyez-card p{font-size:14px;color:var(--grey)}

  /* FAQ */
  .ai-integration-page .faq-list{max-width:100%;margin:44px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .ai-integration-page .faq-item{background:var(--grey-bg);border-radius:12px;padding:24px 26px;border-left:4px solid var(--yellow)}
  .ai-integration-page .faq-item h3{font-size:17px;margin-bottom:9px;color:var(--black)}
  .ai-integration-page .faq-item p{font-size:14.5px;color:var(--grey-dark)}

  /* Final CTA */
  .ai-integration-page .final{background:var(--black);color:var(--white)}
  .ai-integration-page .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
  .ai-integration-page .final h2{color:var(--white);font-size:34px;font-weight:800;margin-bottom:16px}
  .ai-integration-page .final h2 span{color:var(--yellow)}
  .ai-integration-page .final p{color:#cfcfcf;font-size:16px;margin-bottom:24px}
  .ai-integration-page .final-list{list-style:none;margin-top:20px}
  .ai-integration-page .final-list li{display:flex;gap:12px;align-items:center;font-size:15px;color:#e6e6e6;padding:8px 0}
  .ai-integration-page .final-list li:before{content:"\2713";color:var(--black);background:var(--yellow);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:0 0 auto}

  /* Responsive */
  @media(max-width:960px){
    .ai-integration-page .hero-grid,.ai-integration-page .track-grid,.ai-integration-page .final-grid{grid-template-columns:1fr}
    .ai-integration-page .inc-grid,.ai-integration-page .plat-cats,.ai-integration-page .pkg-grid{grid-template-columns:repeat(2,1fr)}
    .ai-integration-page .why-grid,.ai-integration-page .case-grid,.ai-integration-page .whyez-grid{grid-template-columns:1fr 1fr}
    .ai-integration-page h2.title{font-size:30px}
    .ai-integration-page .hero h2{font-size:36px}
  }
  @media(max-width:640px){
    .ai-integration-page .inc-grid,.ai-integration-page .plat-cats,.ai-integration-page .pkg-grid,.ai-integration-page .who-grid,.ai-integration-page .why-grid,.ai-integration-page .case-grid,.ai-integration-page .whyez-grid{grid-template-columns:1fr}
    .ai-integration-page .two-col{grid-template-columns:1fr}
    .ai-integration-page .section{padding:50px 0}
    .ai-integration-page .hero h2{font-size:30px}
    .ai-integration-page .cta-banner h2{font-size:24px}
    .ai-integration-page .faq-list{grid-template-columns:1fr}
  }