/* FEATURE BLOCKS */
    .fb-s {
      padding: 90px 0;
      position: relative;
    }

    .fb-s::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--border-s), transparent);
    }

    .fb-s.alt {
      background: var(--bg2);
    }

    .fb-g {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
    }

    .fb-g.rev {
      direction: rtl;
    }

    .fb-g.rev>* {
      direction: ltr;
    }

    .fb-num {
      font-family: var(--fd);
      font-size: 90px;
      line-height: 1;
      color: rgba(201, 24, 74, .07);
      margin-bottom: -26px;
    }

    .fb-icon {
      font-size: 40px;
      margin-bottom: 16px;
    }

    .fb-title {
      font-family: var(--fd);
      font-size: clamp(28px, 3.5vw, 48px);
      line-height: 1;
      color: var(--text);
      margin-bottom: 14px;
    }

    .fb-title em {
      font-style: normal;
      color: var(--crimson);
    }

    .fb-desc {
      font-size: 16px;
      line-height: 1.9;
      color: var(--muted);
      margin-bottom: 20px;
    }

    .fl {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .fl li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 14px;
      color: var(--text2);
      line-height: 1.6;
    }

    .fl li::before {
      content: '';
      width: 6px;
      height: 6px;
      background: var(--crimson);
      border-radius: 50%;
      flex-shrink: 0;
      margin-top: 7px;
    }

    .fb-img {
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid var(--border-s);
      box-shadow: 0 28px 70px rgba(0, 0, 0, .5);
      transition: all .4s;
    }

    .fb-img:hover {
      box-shadow: 0 36px 90px rgba(0, 0, 0, .6), 0 0 50px rgba(201, 24, 74, .1);
      transform: translateY(-5px);
    }

    .fb-img img {
      width: 100%;
      display: block;
    }

    /* TOOLS GRID */
    .tools-s {
      padding: 90px 0;
      background: var(--bg2);
    }

    .tools-s::before {
      content: '';
      display: block;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--border), transparent);
      margin-bottom: 90px;
    }

    .tools-h {
      text-align: center;
      margin-bottom: 56px;
    }

    .tools-h .ss {
      margin: 0 auto;
    }

    .tg {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }

    .tc-card {
      background: var(--bg3);
      border: 1px solid var(--border-s);
      border-radius: 12px;
      padding: 26px 22px;
      transition: all .35s;
      position: relative;
      overflow: hidden;
    }

    .tc-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--crimson), transparent);
      transform: scaleX(0);
      transform-origin: center;
      transition: transform .4s;
    }

    .tc-card:hover::after {
      transform: scaleX(1);
    }

    .tc-card:hover {
      background: var(--card);
      border-color: var(--border);
      transform: translateY(-4px);
    }

    .ti {
      font-size: 30px;
      margin-bottom: 12px;
    }

    .tt {
      font-family: var(--fc);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: var(--text);
      margin-bottom: 7px;
    }

    .td {
      font-size: 13px;
      line-height: 1.7;
      color: var(--muted);
    }

    /* ── RESPONSIVE ── */
    @media(max-width:900px) {

      .fb-g,
      .fb-g.rev {
        grid-template-columns: 1fr;
        direction: ltr;
        gap: 40px;
      }

      .tg {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media(max-width:540px) {
      .tg {
        grid-template-columns: 1fr;
      }

      .fb-s {
        padding: 60px 0;
      }
    }