  .fta-section *{ box-sizing:border-box; }

  .fta-section{
    --rust: #c0583e;
    --rust-deep: #74280c;
    --rust-light: #d97a4a;
    --rust-pale: #e8a374;
    --rust-soft: rgba(144,51,28,0.28);
    --bg-grad: linear-gradient(135deg,#c58373b6 0%,#fbe3d6 45%,#a672657f 100%);
    --line: rgba(144,51,28,0.10);
    --ink: #2b1710;
    --body-text: #6e5850;
    --dim: #a89088;
    --card-bg: #3d150a;
    --card-border: rgba(244,236,231,0.08);

    position:relative;
    background: #fefdfc;
    color:var(--ink);
    padding: 90px 24px 90px;
    overflow:hidden;
  }

  /* ---- right side visual, scaled down ---- */
  .fta-visual-wrap{
    --size: clamp(280px, 26vw, 440px);
    --r: calc(var(--size) * 0.40);
    --chip-size: clamp(46px, 5vw, 64px);
    position:relative;
    width:var(--size);
    height:var(--size);
    flex:0 0 auto;
    margin:0 auto;
    pointer-events:none;
  }

  .fta-visual-wrap::before{
    content:"";
    position:absolute;
    top:50%; left:50%;
    width:calc(var(--size) * 1.15);
    height:calc(var(--size) * 1.15);
    transform:translate(-50%,-50%);
    border-radius:50%;
    filter: blur(18px);
    z-index:-1;
  }

  .fta-orbit-ring{
    position:absolute;
    top:50%; left:50%;
    border-radius:50%;
    border:1px dashed rgba(144,51,28,0.32);
    transform:translate(-50%,-50%);
  }
  .fta-orbit-ring.r-outer{ width:calc(var(--r) * 2); height:calc(var(--r) * 2); }
  .fta-orbit-ring.r-inner{
    width:calc(var(--r) * 1.28);
    height:calc(var(--r) * 1.28);
    border-color:rgba(144,51,28,0.18);
  }

  .fta-orbit-rotor{
    position:absolute;
    inset:0;
    animation: fta-spin 34s linear infinite;
  }

  .fta-orbit-item{
    position:absolute;
    top:50%; left:50%;
    width:0;
    height:0;
    transform: rotate(var(--angle)) translateY(calc(-1 * var(--r)));
  }

  .fta-orbit-counter{
    position:absolute;
    top:0;
    left:0;
    width:var(--chip-size);
    height:var(--chip-size);
    margin:calc(var(--chip-size) / -2) 0 0 calc(var(--chip-size) / -2);
    animation: fta-orbit-counter 34s linear infinite;
  }

 .fta-chip{
    position:relative;
    width:100%;
    min-height:var(--chip-size);
    border-radius:14px;
    background: linear-gradient(160deg, var(--accent, var(--rust-deep)), var(--accent-dark, var(--rust)));
    border:1px solid rgba(217,122,74,0.4);
    box-shadow: 0 10px 24px -12px rgba(144,51,28,0.55);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:8px 6px;
}

  /* ---- individual, distinct color per orbit chip ---- */
  .fta-orbit-item:nth-child(1) .fta-chip{ --accent:#ff8a3d; --accent-dark:#e8631a; } /* VAT — orange */
  .fta-orbit-item:nth-child(2) .fta-chip{ --accent:#22c98e; --accent-dark:#0ea273; } /* Corporate Tax — green */
  .fta-orbit-item:nth-child(3) .fta-chip{ --accent:#f2b93b; --accent-dark:#d99a10; } /* E-Invoice — gold */
  .fta-orbit-item:nth-child(4) .fta-chip{ --accent:#3b8ff2; --accent-dark:#1c67c9; } /* Audit Ready — blue */
  .fta-orbit-item:nth-child(5) .fta-chip{ --accent:#ff5a45; --accent-dark:#e02f1c; } /* Business Growth — red */
  .fta-orbit-item:nth-child(6) .fta-chip{ --accent:#a463e8; --accent-dark:#7d3ac4; } /* Reports — purple */

  .fta-chip i{
    font-size: 94%;
    color: #f3d9cd;
    line-height: 1;
}

.fta-chip p{
    margin:0;
    font-size:9.5px;
    font-weight:600;
    letter-spacing:0.02em;
    color:#f3d9cd;
    text-align:center;
    white-space:nowrap;
    line-height:1.2;
}

  /* ---- center badge holds an image, scaled down and truly centered ---- */
  .fta-badge-center{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:calc(var(--size) * 0.30);
    height:calc(var(--size) * 0.30);
    /* width:160px;
    height: 160px; */
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
  }

  .fta-badge-center::after{
    content:"";
    position:absolute;
    inset:-26px;
    border-radius:34px;
    filter: blur(10px);
    animation: fta-pulse 3.4s ease-in-out infinite;
    z-index:-1;
    -webkit-animation: fta-pulse 3.4s ease-in-out infinite;
}

  .fta-badge-center img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
  }

  @keyframes fta-pulse{
    0%,100%{ opacity:.5; transform:scale(0.94); }
    50%{ opacity:1; transform:scale(1.06); }
  }

  @keyframes fta-spin{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
  }

  @keyframes fta-orbit-counter{
    from{ transform: rotate(calc(-1 * var(--angle))); }
    to{ transform: rotate(calc(-1 * var(--angle) - 360deg)); }
  }

  .fta-inner{
    position:relative;
    z-index:2;
    max-width:1240px;
    margin:0 auto;
  }


  .fta-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:48px;
  }

  .fta-header{ max-width:900px; flex:1 1 480px; }

  .fta-header-sub{
    max-width:700px;
  }

  .fta-header h2{
    /* font-family:'Sora', sans-serif; */
    font-size: clamp(26px, 3.2vw, 38px);
    line-height:1.25;
    font-weight:800;
    margin:0 0 20px;
    color:var(--ink);
  }

  .fta-header h2 .fta-accent{
    background:linear-gradient(100deg, var(--rust-deep), var(--rust) 60%);
    -webkit-background-clip:text;
    font-size: 45px;
    background-clip:text;
    color:transparent;
  }

  .fta-header p{
    font-size: 17px;
    line-height:1.75;
    color:var(--body-text);
    margin:0;
  }

  .fta-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:28px;
    /* font-family:'Sora', sans-serif; */
    font-weight:600;
    font-size:17px;
    color:var(--ink);
    text-decoration:none;
    padding-bottom:2px;
    border-bottom:2px solid rgba(144,51,28,0.25);
    transition: color .25s ease, border-color .25s ease, gap .25s ease;
  }
  .fta-cta:hover{ color:var(--rust-deep); border-color:var(--rust-deep); gap:16px; text-decoration: none; }
  .fta-cta svg{ width:18px; height:12px; }
  .fta-cta line, .fta-cta polyline{ stroke:currentColor; }

  .fta-cards{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap:16px;
    margin-top:64px;
  }

  .fta-card{
    position:relative;
    border:1px solid var(--card-border);
    border-left:3px solid var(--accent, var(--rust-light));
    border-radius:10px;
    padding:20px 20px 22px;
    box-shadow: 0 10px 24px -14px rgba(41,18,10,0.45);
    transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
  }

  .fta-card:hover{
    transform:translateY(-4px);
    box-shadow: 0 16px 30px -14px rgba(41,18,10,0.55);
  }

  .fta-card .fta-card-label{
    display:block;
    /* font-family:'Sora', sans-serif; */
    font-size:11px;
    font-weight:700;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color: var(--accent, var(--rust-light));
    margin-bottom:10px;
  }

  .fta-card p{
    margin:0;
    font-size:14.5px;
    line-height:1.55;
    color:#000000;
    opacity:.92;
  }

  .fta-cards .fta-card:nth-child(1){ --accent: #ff8a3d; }
  .fta-cards .fta-card:nth-child(2){ --accent: #22c98e; }
  .fta-cards .fta-card:nth-child(3){ --accent: #f2b93b; }
  .fta-cards .fta-card:nth-child(4){ --accent: #3b8ff2; }
  .fta-cards .fta-card:nth-child(5){ --accent: #ff5a45; }

  @media (max-width: 1080px){
    .fta-cards{ grid-template-columns: repeat(3, 1fr); }
  }

  @media (max-width: 900px){
    .fta-top{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 40px;
    }
    .fta-header{ max-width: 100%; }
    .fta-header-sub{ margin: 0 auto; }
    .fta-visual-wrap{
        --size: clamp(220px, 55vw, 320px);
        margin: 0 auto;
    }
    .fta-header h2 .fta-accent{
      font-size: 40px;
    }
  }

  @media (max-width: 700px){
    .fta-section{ padding: 64px 20px 72px; }
    .fta-cards{ grid-template-columns: 1fr; margin-top:44px; }
    .fta-visual-wrap{
        --size: clamp(200px, 62vw, 260px);
        --chip-size: clamp(38px, 9vw, 48px);
    }
    .fta-chip p{ font-size: 8.5px; }
    .fta-header h2 .fta-accent{
      font-size: 30px;
    }
  }

  @media (max-width: 420px){
    .fta-visual-wrap{
        --size: clamp(180px, 68vw, 220px);
        --chip-size: clamp(34px, 10vw, 42px);
    }
    .fta-chip{ border-radius: 10px; padding: 6px 4px; }
    .fta-chip i{ font-size: 85%; }
    .fta-chip p{ font-size: 7.5px; }
    .fta-header h2 .fta-accent{
      font-size: 30px;
    }
}

  @media (prefers-reduced-motion: reduce){
    .fta-orbit-rotor, .fta-orbit-counter, .fta-badge-center::after{ animation:none; }
    .fta-card{ transition:none; }
  }
