:root{
  --brand:#2b6cff; --muted:#667085; --ink:#0f172a;
  --ring:#e7ecff; --card:#ffffff;
  --grad: linear-gradient(90deg,#2b6cff 0%, #7b61ff 45%, #ff6ec7 100%);
}

/* layout */
#fenizo-features.fancy .container.split{
  display:grid; gap:38px; align-items:center;
  grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);
}
@media (max-width: 980px){ #fenizo-features .container.split{ grid-template-columns:1fr; } }

/* LEFT visual + animated glow layers */
#fenizo-features .feature-visual{ position:relative; margin:0; }
#fenizo-features .feature-visual img{
  width:100%; height:auto; display:block; border-radius:22px;
  box-shadow:0 28px 70px -38px rgba(43,108,255,.45);
}
#fenizo-features .feature-visual .glow{
  position:absolute; inset:-14% -10% -18% -10%; z-index:-1; filter: blur(60px);
}
#fenizo-features .feature-visual .glow-a{
  background: radial-gradient(60% 60% at 20% 30%, rgba(123,97,255,.35), transparent 60%),
              radial-gradient(50% 50% at 80% 10%, rgba(43,108,255,.35), transparent 60%);
  animation: floatA 12s ease-in-out infinite alternate;
}
#fenizo-features .feature-visual .glow-b{
  background: radial-gradient(50% 50% at 40% 80%, rgba(255,110,199,.28), transparent 60%);
  animation: floatB 10s ease-in-out infinite alternate;
}
@keyframes floatA{ to { transform: translateY(24px) scale(1.03); } }
@keyframes floatB{ to { transform: translateY(-18px) scale(1.02); } }

/* floating badges */
#fenizo-features .feature-visual .badge{
  position:absolute; display:grid; place-items:center; font-weight:800;
  width:54px; height:54px; border-radius:16px; color:#0b2554;
  background:#fff; border:1px solid var(--ring);
  box-shadow:0 10px 30px -14px rgba(43,108,255,.45);
  animation: bob 5.5s ease-in-out infinite;
}
#fenizo-features .badge.coin{ left:-12px; top:14%; background:#fff7d6; }
#fenizo-features .badge.flag{ right:-12px; bottom:14%; background:#e9f2ff; }
#fenizo-features .badge.flag:nth-of-type(3){ right:22%; bottom:-16px; animation-delay:1.3s; }
@keyframes bob{ 0%{ transform: translateY(0)} 50%{ transform: translateY(-10px)} 100%{ transform: translateY(0)} }

/* RIGHT rail (auto vertical slider) */
#fenizo-features .feature-rail{
  height:460px; border-radius:22px; position:relative; overflow:hidden;
  background: radial-gradient(120% 120% at 0% 0%, #ffffff 0%, #f7f9ff 60%, #f1f5ff 100%);
  border:1px dashed var(--ring);
  box-shadow: 0 28px 70px -40px rgba(43,108,255,.4);
}
#fenizo-features .rail-track{
  display:flex; flex-direction:column; gap:16px; padding:18px;
  animation: railUp var(--speed,26s) linear infinite;
}
#fenizo-features .feature-rail:hover .rail-track,
#fenizo-features .feature-rail:focus-within .rail-track{ animation-play-state: paused; }
@keyframes railUp { from{ transform: translateY(0) } to{ transform: translateY(-50%) } }

/* Cards */
#fenizo-features .fcard{
  background: var(--card);
  border-radius:16px; padding:16px 16px 14px 16px;
  border:1px solid var(--ring);
  position:relative; overflow:hidden;
  box-shadow:0 20px 36px -32px rgba(2,6,23,.5);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
#fenizo-features .fcard::after{
  content:""; position:absolute; inset:0; border-radius:16px; pointer-events:none;
  background: linear-gradient(180deg, rgba(43,108,255,.25), rgba(255,110,199,.25));
  opacity:.0; transition: opacity .22s ease;
}
#fenizo-features .fcard:hover{
  transform: translateY(-3px);
  border-color: #d6ddff;
  box-shadow:0 30px 44px -30px rgba(43,108,255,.55);
}
#fenizo-features .fcard:hover::after{ opacity:.25; }

#fenizo-features .f-head{
  display:flex; align-items:center; gap:12px; margin-bottom:6px;
}
#fenizo-features .f-icon{
  display:inline-grid; place-items:center; flex:0 0 40px; height:40px; width:40px;
  border-radius:12px; background:#f4f8ff; box-shadow:inset 0 0 0 1px #e0e7ff;
  font-size:18px;
}
#fenizo-features .fcard h3{ margin:0; font-size:18px; color:#0f172a; font-weight:700; }
#fenizo-features .fcard p{ margin:6px 0 0; color:var(--muted); font-size:14.5px; line-height:1.55; }

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  #fenizo-features .rail-track{ animation:none!important; }
  #fenizo-features .feature-visual .glow{ animation:none!important; }
  #fenizo-features .feature-visual .badge{ animation:none!important; }
}

/* Heading block */
#fenizo-features .features-head{
  text-align:center;
  max-width: 920px;
  margin: 0 auto 22px;
  padding: 0 12px;
  margin-bottom: 20px;
}
#fenizo-features .features-head h2{
  margin: 0 0 8px;
  font-size: clamp(26px, 3.4vw, 36px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.015em;
}
#fenizo-features .features-head .accent{
  background: linear-gradient(90deg,#2b6cff 0%,#7b61ff 45%,#ff6ec7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
#fenizo-features .features-head .muted{
  color:#667085;
  margin: 0;
}

#fenizo-features .features-head .overline{
  display:inline-block;
  margin-bottom:8px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b7aff;
  background: #eef2ff;
  border:1px solid #e1e8ff;
  padding:4px 8px;
  border-radius:999px;
}


/* chips under the title */
#fenizo-features .chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
#fenizo-features .chip{
  display:inline-block; font-size:12px; font-weight:700; color:#334155;
  padding:5px 8px; border-radius:999px; background:#eef2ff; border:1px solid #e1e8ff;
}

/* check bullets */
#fenizo-features .bullets{ margin:8px 0 0; padding:0; list-style:none; display:grid; gap:6px; }
#fenizo-features .bullets li{
  position:relative; padding-left:22px; color:var(--muted); font-size:14.5px; line-height:1.5;
}
#fenizo-features .bullets li::before{
  content:""; position:absolute; left:0; top:.45em; width:14px; height:14px; border-radius:4px;
  background:#ecfdf5; border:1px solid #bbf7d0;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23065f46" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') center/12px 12px no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23065f46" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') center/12px 12px no-repeat;
}

/* metrics row */
#fenizo-features .metrics{
  display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:10px 0 6px;
}
#fenizo-features .metrics div{
  background:#f8fafc; border:1px solid #eef2ff; border-radius:10px; padding:8px 10px;
  text-align:center;
}
#fenizo-features .metrics strong{ display:block; font-size:16px; font-weight:800; color:#0f172a; }
#fenizo-features .metrics small{ display:block; font-size:11px; color:#667085; }

/* learn more link */
#fenizo-features .cta-link{
  display:inline-block; margin-top:8px; font-weight:700; text-decoration:none;
  color:#1e40af; border-bottom:1px dashed #c7d2fe; padding-bottom:2px;
}
#fenizo-features .cta-link:hover{ color:#0f172a; border-color:#a5b4fc; }

/* prettier icons */
#fenizo-features .f-icon{
  color:#3353ff; background:linear-gradient(180deg,#f5f7ff 0%,#eef2ff 100%); 
  box-shadow:inset 0 0 0 1px #e0e7ff, 0 6px 14px -10px rgba(43,108,255,.45);
}
#fenizo-features .f-icon::after{
  content:""; position:absolute; inset:-1px; border-radius:12px;
  background:linear-gradient(180deg,rgba(43,108,255,.12),rgba(255,110,199,.12));
  opacity:.0; transition:opacity .22s ease;
}
#fenizo-features .fcard:hover .f-icon::after{ opacity:.6; }

/* subtle 3D lift on card hover */
#fenizo-features .fcard{
  transform: translateZ(0); /* better GPU compositing */
}
#fenizo-features .fcard:hover{
  transform: translateY(-6px) scale(1.02);
}