/* Trakcharge Pomotion Page Styles */
/* [Foxtrot Lima] */
.product {
    padding-top: 20px;
}
    .product .container{
      max-width: var(--max-width);
      margin: 28px auto;
      padding: 28px 36px 48px;
      box-sizing:border-box;
    }

    /* two-column grid for features */
    .product .features{
      display:grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 42px 46px;
      align-items:start;
    }

    .product .feature{
      display:flex;
      gap: 18px;
      align-items:flex-start;
      min-height:160px;
    }

    .product .content{
      flex:1;
    }

    .product .feature h3{
      margin:0 0 8px;
      font-size:18px;
      font-weight:700;
      color:var(--black);
    }

    .product .feature p{
      margin:0;
      color:var(--muted);
      line-height:1.5;
      font-size:15px;
    }

    .product .divider{
      height:2px;
      background:linear-gradient(to right, transparent, rgba(0,0,0,0.6), transparent);
      margin:16px 0 0;
    }

    /* responsive */
    @media (max-width:820px){
      .product .features{ grid-template-columns: 1fr; gap:28px; }
      .product .num{ width:76px; font-size: clamp(40px, 9vw, 64px); }
    }


    /* Legacy

        .product .num{
      font-family:"Anton", sans-serif;
      font-size: clamp(48px, 6vw, 88px);
      color:var(--black);
      line-height:1;
      width:98px;
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
      padding-left: 20px;
    } */