:root{
      --xt-primary:#123f8c;
      --xt-primary-2:#1769d2;
      --xt-blue:#0d6efd;
      --xt-teal:#10a88a;
      --xt-dark:#10284f;
      --xt-text:#50627c;
      --xt-soft:#f5f9ff;
      --xt-border:#dfe9f7;
      --xt-shadow:0 18px 55px rgba(24,67,125,.10);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      color:var(--xt-dark);
      background:#fff;
      overflow-x:hidden;
    }

    a{text-decoration:none}

    /* =========================
       HERO / BANNER
    ========================== */
    .xt-hero{
      position:relative;
      background:#f8fbff;
      overflow:hidden;
      z-index: 1;
    }

    .xt-hero img{
      width:100%;
      height:auto;
      display:block;
    }

    /* Real semantic H1 for SEO while keeping the supplied creative as the visual hero */
    .xt-hero-seo{
      padding:28px 20px 10px;
      text-align:center;
      background:#fff;
    }

    .xt-hero-seo h1{
      max-width:1000px;
      margin:0 auto 8px;
      color:var(--xt-primary);
      font-size:clamp(1.7rem,3vw,2.7rem);
      line-height:1.15;
      font-weight:800;
      letter-spacing:-.03em;
    }

    .xt-hero-seo p{
      max-width:900px;
      margin:0 auto;
      color:var(--xt-text);
      font-size:1.02rem;
      line-height:1.7;
    }

    /* =========================
       COMMON
    ========================== */
    .xt-section{
      padding:90px 0;
      position:relative;
    }

    .xt-section-soft{
      background:#f7fbff;
    }

    .xt-section-soft p,h3
    {
      color:#fff
    }

    .xt-section-head{
      max-width:850px;
      margin:0 auto 52px;
      text-align:center;
    }

    .xt-kicker{
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:8px 15px;
      border:1px solid #dce9fb;
      border-radius:50px;
      background:#fff;
      color:var(--xt-primary-2);
      font-size:.76rem;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
      margin-bottom:17px;
    }

    .xt-kicker::before{
      content:"";
      width:7px;
      height:7px;
      border-radius:50%;
      background:var(--xt-teal);
      box-shadow:0 0 0 5px rgba(16,168,138,.10);
    }

    .xt-section-head h2{
      font-size:clamp(2rem,4vw,3.05rem);
      line-height:1.1;
      font-weight:800;
      letter-spacing:-.035em;
      color:var(--xt-dark);
      margin-bottom:15px;
    }

    .xt-section-head h2 span{
      color:var(--xt-primary-2);
    }

    .xt-section-head p{
      color:var(--xt-text);
      line-height:1.8;
      font-size:1.04rem;
      margin:0;
    }

    /* =========================
       AUDIENCE CARDS
    ========================== */
    .xt-audience-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:24px;
    }

    .xt-audience-card{
      position:relative;
      height:100%;
      padding:22px;
      border:1px solid var(--xt-border);
      border-radius:24px;
      background:#fff;
      box-shadow:var(--xt-shadow);
      overflow:hidden;
      transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    }

    .xt-audience-card::after{
      content:"";
      position:absolute;
      left:0;
      bottom:0;
      width:100%;
      height:5px;
      background:linear-gradient(90deg,#1572dc,#17a88c);
      transform:scaleX(.25);
      transform-origin:left;
      transition:transform .35s ease;
    }

    .xt-audience-card:hover{
      transform:translateY(-8px);
      border-color:#c9dcf6;
      box-shadow:0 24px 60px rgba(24,67,125,.15);
    }

    .xt-audience-card:hover::after{transform:scaleX(1)}

    .xt-card-top{
      display:flex;
      align-items:flex-start;
      gap:12px;
      margin-bottom:15px;
          align-items: center;
    }

    .xt-icon{
      width:58px;
      min-width:58px;
      height:58px;
      display:grid;
      place-items:center;
      border-radius:17px;
      background:#eef6ff;
      color:var(--xt-blue);
      font-size:1.65rem;
    }

    .xt-card-number{
      font-size:.72rem;
      font-weight:800;
      color:#8aa0bd;
      letter-spacing:.1em;
      text-transform:uppercase;
      margin-bottom:5px;
    }

    .xt-audience-card h3{
      font-size:1.15rem;
      line-height:1.25;
      margin:0;
      color:var(--xt-primary);
      font-weight:800;
    }

    .xt-audience-card h2{
      font-size:1.35rem;
      line-height:1.25;
      margin:0;
      color:var(--xt-primary);
      font-weight:800;
    }

    .xt-card-tagline{
      font-size:1.03rem;
      color:#1b6bd0;
      font-weight:700;
      margin-bottom:15px;
    }

    .xt-audience-card p{
      color:var(--xt-text);
      line-height:1.75;
      margin-bottom:12px;
    }

    .xt-ideal{
      border-top:1px solid #e9f0f8;
      padding-top:19px;
    }

    .xt-ideal-title{
      color:var(--xt-dark);
      font-size:.82rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.07em;
      margin-bottom:12px;
    }

    .xt-list{
      list-style:none;
      padding:0;
      margin:0;
    }

    .xt-list li{
      position:relative;
      padding-left:25px;
      color:#5c6e86;
      line-height:1.65;
      margin-bottom:7px;
    }

    .xt-list li::before{
      content:"✓";
      position:absolute;
      left:0;
      top:1px;
      color:var(--xt-teal);
      font-weight:900;
    }

    .xt-card-link{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-top:18px;
      color:var(--xt-primary-2);
      font-weight:800;
      transition:gap .25s ease;
    }

    .xt-card-link:hover{gap:13px;color:var(--xt-primary)}

    /* =========================
       WHY XTRATRUST
    ========================== */
    .xt-why-wrap{
      display:grid;
      grid-template-columns:.85fr 1.35fr;
      gap:60px;
      align-items:center;
    }

    .xt-why-intro{
      position:relative;
      padding:42px;
      border-radius:28px;
      background:#edf6ff;
      border:1px solid #d7e8fa;
      overflow:hidden;
    }

    .xt-why-intro::before{
      content:"";
      position:absolute;
      width:180px;
      height:180px;
      right:-70px;
      top:-70px;
      border-radius:50%;
      border:28px solid rgba(13,110,253,.06);
    }

    .xt-why-intro h2{
      font-size:clamp(2rem,3.5vw,3rem);
      line-height:1.08;
      font-weight:800;
      margin-bottom:18px;
    }

    .xt-why-intro h2 span{color:var(--xt-blue)}

    .xt-why-intro p{
      color:var(--xt-text);
      line-height:1.8;
      margin:0;
    }

    .xt-why-list{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:18px;
    }

    .xt-why-item{
      padding:27px;
      background:#fff;
      border:1px solid var(--xt-border);
      border-radius:20px;
      transition:transform .3s ease, box-shadow .3s ease;
    }

    .xt-why-item:hover{
      transform:translateY(-5px);
      box-shadow:0 15px 40px rgba(24,67,125,.10);
    }

    .xt-why-icon{
      width:48px;
      height:48px;
      border-radius:14px;
      display:grid;
      place-items:center;
      background:#eff7ff;
      color:var(--xt-blue);
      font-size:1.35rem;
      margin-bottom:17px;
    }

    .xt-why-item h3{
      font-size:1.05rem;
      line-height:1.35;
      margin:0 0 9px;
      font-weight:800;
      color:var(--xt-primary);
    }

    .xt-why-item p{
      color:var(--xt-text);
      line-height:1.65;
      margin:0;
      font-size:.94rem;
    }

    /* =========================
       SOLUTION CTA
    ========================== */
    .xt-solution{
      padding:78px 0;
      background:#102f69;
      color:#fff;
      position:relative;
      overflow:hidden;
    }

    .xt-solution::before,
    .xt-solution::after{
      content:"";
      position:absolute;
      border:1px solid rgba(255,255,255,.12);
      border-radius:50%;
      pointer-events:none;
    }

    .xt-solution::before{
      width:440px;
      height:440px;
      right:-210px;
      top:-180px;
    }

    .xt-solution::after{
      width:280px;
      height:280px;
      left:-150px;
      bottom:-180px;
    }

    .xt-solution-inner{
      max-width:950px;
      margin:auto;
      text-align:center;
      position:relative;
      z-index:1;
    }

    .xt-solution .xt-kicker{
      background:rgba(255,255,255,.08);
      border-color:rgba(255,255,255,.18);
      color:#dcecff;
    }

    .xt-solution h2{
      font-size:clamp(2rem,4vw,2.15rem);
      line-height:1.12;
      font-weight:800;
      letter-spacing:-.035em;
      margin-bottom:18px;
      color: #fff;
    }

    .xt-solution p{
      color:#d9e7fb;
      line-height:1.8;
      font-size:1.06rem;
      margin:0 auto 28px;
      max-width:780px;
    }

    .xt-solution .xt-small{
      font-weight:800;
      color:#fff;
      margin-bottom:7px;
    }

    .xt-primary-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:14px 24px;
      border-radius:12px;
      border:0;
      background:#fff;
      color:var(--xt-primary);
      font-weight:800;
      transition:transform .25s ease, box-shadow .25s ease;
    }

    .xt-primary-btn:hover{
      transform:translateY(-3px);
      box-shadow:0 12px 28px rgba(0,0,0,.16);
      color:var(--xt-primary);
    }

    /* =========================
       CONTACT FORM
    ========================== */
    .xt-contact{
      background:#f7fbff;
    }

    .xt-contact-shell{
      display:grid;
      grid-template-columns:.72fr 1.28fr;
      gap:28px;
      background:#fff;
      border:1px solid var(--xt-border);
      border-radius:28px;
      box-shadow:var(--xt-shadow);
      overflow:hidden;
    }

    .xt-contact-info{
      padding:48px;
      background:#edf6ff;
      border-right:1px solid #dceaf8;
    }

    .xt-contact-info h2{
      font-size:2.25rem;
      line-height:1.12;
      font-weight:800;
      margin-bottom:18px;
      color:var(--xt-dark);
    }

    .xt-contact-info h2 span{color:var(--xt-blue)}

    .xt-contact-info > p{
      color:var(--xt-text);
      line-height:1.8;
      margin-bottom:30px;
    }

    .xt-contact-points{
      display:grid;
      gap:15px;
    }

    .xt-contact-point{
      display:flex;
      align-items:flex-start;
      gap:13px;
      color:#4d6380;
      line-height:1.55;
    }

    .xt-contact-point i{
      color:var(--xt-teal);
      font-size:1.1rem;
      margin-top:2px;
    }

    .xt-form{
      padding:48px;
    }

    .xt-form h3{
      font-size:1.45rem;
      font-weight:800;
      color:var(--xt-primary);
      margin-bottom:6px;
    }

    .xt-form-sub{
      color:#75869d;
      font-size:.94rem;
      margin-bottom:28px;
    }

    .xt-form .form-label{
      color:#243b60;
      font-size:.9rem;
      font-weight:700;
      margin-bottom:7px;
    }

    .xt-form .form-control,
    .xt-form .form-select{
      min-height:50px;
      border-radius:11px;
      border-color:#dbe6f2;
      padding:12px 14px;
      color:#263e61;
      box-shadow:none;
    }

    .xt-form textarea.form-control{
      min-height:130px;
      resize:vertical;
    }

    .xt-form .form-control:focus,
    .xt-form .form-select:focus{
      border-color:#78aef0;
      box-shadow:0 0 0 4px rgba(13,110,253,.08);
    }

    .xt-submit{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      width:100%;
      min-height:52px;
      border:0;
      border-radius:12px;
      background:var(--xt-primary-2);
      color:#fff;
      font-weight:800;
      transition:transform .25s ease, background .25s ease, box-shadow .25s ease;
    }

    .xt-submit:hover{
      background:var(--xt-primary);
      transform:translateY(-2px);
      box-shadow:0 12px 25px rgba(13,110,253,.20);
    }

    .mdt526 p {
    font-size: 14px;
    margin-bottom: 5px;
        line-height: 21px;
}
.mdt526 h4 {
    font-size: 16px;
    margin-bottom: 1px;
}

.mdt526 {
    background: #f6faff;
    padding: 6px 10px;
    margin-bottom: 5px;
    border-radius: 6px;
}

.xt-cta-wrap {
    background: #1746a2;
    border-radius: 28px;
    padding: 45px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.xt-form {
    background: #fff;
    border-radius: 22px;
    padding: 30px;
    color: #18243a;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .16);
}

.xt-title {
    font-size: clamp(30px, 4vw, 45px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.3px;
    margin: 0 0 15px;
}

.footr--bottm526 {
    background: #061735;
    color: #b9c8dd;
    padding: 26px 0;
}

    /* =========================
       RESPONSIVE
    ========================== */
    @media (max-width:1199px){
      .xt-section{padding:75px 0}
      .xt-why-wrap{gap:35px}
      .xt-audience-card{padding:28px}
    }

    @media (max-width:991px){
      .xt-audience-grid{grid-template-columns:1fr}
      .xt-why-wrap{grid-template-columns:1fr}
      .xt-why-list{grid-template-columns:repeat(2,1fr)}
      .xt-contact-shell{grid-template-columns:1fr}
      .xt-contact-info{border-right:0;border-bottom:1px solid #dceaf8}
    }

    @media (max-width:767px){
      .xt-hero img{min-height:230px;object-fit:cover;object-position:center}
      .xt-hero-seo{padding:22px 16px 5px}
      .xt-section{padding:60px 0}
      .xt-section-head{margin-bottom:35px}
      .xt-why-list{grid-template-columns:1fr}
      .xt-contact-info,.xt-form{padding:30px 24px}
      .xt-solution{padding:60px 0}
      .xt-audience-card{padding:25px}
    }

    @media (max-width:575px){
      .xt-hero img{min-height:200px;object-fit: fill;}
      .xt-section-head h2{font-size:2rem}
      .xt-contact-info h2{font-size:1.9rem}
      .xt-solution h2{font-size:2rem}
    }