.hero-slim { padding: 8px 0 28px; } /* same as homepage */
.hero-inner-slim { grid-template-columns: 1fr; padding-top: 34px; } /* gap above the title only */

.feat-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
@media (max-width: 860px){ .feat-grid { grid-template-columns: 1fr; } }
@media (min-width: 1400px){ .feat-grid { grid-template-columns: repeat(3, 1fr); } }

.feat-card{
  position: relative;
  border-radius: 20px;
  border: 1px solid var(--line);
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(0,214,200,.10), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  box-shadow: var(--shadow);
  padding: 28px 24px;
  display: grid;
  gap: 14px;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease;
  overflow: hidden;
}
.feat-card::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background: linear-gradient(90deg, rgba(0,214,200,.0), rgba(0,214,200,.65), rgba(83,109,254,.6), rgba(0,214,200,.0));
  opacity:.6;
}
.feat-card:hover{
  transform: translateY(-3px);
  border-color: rgba(0,214,200,.32);
  box-shadow: 0 16px 40px rgba(0,0,0,.32), 0 0 0 1px rgba(0,214,200,.15) inset;
  filter: brightness(1.02);
}

.feat-top{ display:grid; place-items:center; padding: 4px 0 4px; }
.feat-emblem{
  width: 150px; height: 150px; object-fit: contain;
  filter: drop-shadow(0 10px 26px rgba(0,0,0,.45));
}
.code-chip{
  margin-top:10px;
  display:inline-flex; align-items:center; height:26px; padding:0 11px;
  border-radius:999px; font-weight:700; letter-spacing:.2px; font-size:.82rem;
  color:#dff5ff; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10);
}

.feat-title{
  margin: 2px 0 0;
  font-size: clamp(1.02rem, 1.8vw, 1.32rem);
  line-height: 1.25; letter-spacing:.15px;
}
.thin-title{ font-family:"Inter Tight",system-ui,sans-serif; font-weight:300; }

.feat-spec{
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.16)),
    radial-gradient(600px 240px at 100% -40%, rgba(0,214,200,.08), transparent 70%);
  border-radius: 14px;
  padding: 10px 12px;
  display:grid; gap: 8px;
}
.spec-row{ display:grid; grid-template-columns: 1fr auto; align-items:center; }
.spec-label{ color:#c3d5f9; font-size:.8rem; letter-spacing:.15px; text-transform:uppercase; font-weight:500; }
.spec-value{ color:#e9f4ff; font-weight:500; }
.price-val{ color:#9af6e6; font-weight:600; }

.shield-rack{ display:inline-flex; gap:6px; vertical-align:middle; margin-right:8px; }
.shield{ font-size:18px; line-height:1; filter:drop-shadow(0 1px 2px rgba(0,0,0,.25)) }
.shield.filled{ color: rgba(102,255,230,.85); }
.shield.outline{ color: rgba(200,220,255,.7); }
.diff-text{ font-weight:700; color:#dffaf6; letter-spacing:.2px; }

.spec-row.time .spec-label-normal,
.spec-row.time .spec-value-normal{
  font-size:.95rem; font-weight:600; letter-spacing:.15px;
  color:#e9f4ff; text-transform:none;
}

.feat-cta{
  display:flex; gap:12px; align-items:center; margin-top:8px;
}
.btn-cta{
  flex:1; text-align:center; min-height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:12px; font-weight:700; letter-spacing:.2px;
}
.btn-equal{ padding: 10px 14px; }
.btn-outline{ border:1px solid rgba(255,255,255,.28); color:var(--ink); text-decoration:none; background:transparent; }
.btn-outline:hover{ transform: translateY(-1px); filter:brightness(1.05); box-shadow:0 0 0 1px rgba(0,214,200,.18) inset; }
.btn-soft{ border:1px solid var(--line); background:rgba(255,255,255,.05); color:var(--ink); cursor:pointer; text-decoration: none;}
.btn-soft:hover{ transform: translateY(-1px); filter:brightness(1.05); box-shadow:0 0 0 1px rgba(0,214,200,.14) inset; }

.syl-modal { width:min(760px, 96vw); border:1px solid var(--line); border-radius:16px; padding:0; background:linear-gradient(180deg, rgba(19,28,45,.98), rgba(19,28,45,.96)); color:var(--ink); }
.syl-modal::backdrop { background:rgba(0,0,0,.6); }
.syl-body { padding:18px; }
.syl-close { position:absolute; right:8px; top:8px; border:none; background:transparent; color:#fff; font-size:22px; cursor:pointer; }