/* ===== WHY TGPROFS (dark) ===== */
  .why{
    background:linear-gradient(180deg,var(--bg-dark2),#0a0e22);
    color:#fff;padding:100px var(--pad-x);
    position:relative;overflow:hidden;
  }
  .why-glow-blob{
    position:absolute;z-index:0;pointer-events:none;
    width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle,rgba(107,92,248,.25),transparent 70%);
    filter:blur(30px);
  }
  .why-glow-blob.wgb1{bottom:-120px;right:-80px;}
  .why-glow-blob.wgb2{top:-100px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);}
  .why .container{position:relative;z-index:1;}
  .why-grid{
    display:grid;grid-template-columns:1fr 440px;gap:60px;align-items:center;
  }
  .why h2{font-size:34px;font-weight:800;margin-bottom:36px;line-height:1.25;}
  .why h2 .grad{background:linear-gradient(90deg,#7c9bff,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .feature-card{
    background:var(--card-dark);border:1px solid var(--card-dark-border);
    border-radius:var(--radius-lg);padding:26px;
  }
  .feature-card .ic{
    width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;font-size:19px;
  }
  .feature-card:nth-child(1) .ic{background:rgba(255,176,32,.15);}
  .feature-card:nth-child(2) .ic{background:rgba(244,63,94,.15);}
  .feature-card:nth-child(3) .ic{background:rgba(59,130,246,.15);}
  .feature-card:nth-child(4) .ic{background:rgba(139,92,246,.15);}
  .feature-card h4{font-size:15.5px;font-weight:700;margin-bottom:8px;}
  .feature-card p{font-size:13px;color:var(--text-muted);}

  .journey{position:relative;height:420px;display:flex;align-items:center;justify-content:center;perspective:900px;}
  .journey-label{
    position:absolute;top:0;left:10px;font-size:13px;color:var(--text-muted);font-style:italic;
    z-index:3;line-height:1.3;
  }
  .journey-arrow{
    position:absolute;top:34px;left:40px;width:90px;height:90px;
    color:#8aa5ff;opacity:.8;pointer-events:none;z-index:3;
  }
  .stairs-3d{
    display:flex;align-items:flex-end;position:relative;z-index:2;
    transform:rotateX(6deg) rotateY(-8deg);transform-style:preserve-3d;
  }
  .stair{position:relative;width:108px;}
  .stair + .stair{margin-left:-14px;}
  .stair-front{
    position:relative;width:100%;border-radius:10px 10px 4px 4px;
    display:flex;align-items:flex-end;justify-content:center;
    padding-bottom:16px;color:#fff;font-weight:700;font-size:14.5px;
    font-family:'Baloo 2',sans-serif;
    box-shadow:inset -10px 0 18px rgba(0,0,0,.28), inset 0 -10px 14px rgba(0,0,0,.2), 0 18px 30px rgba(10,10,30,.45);
  }
  .stair-top{
    position:absolute;top:-11px;left:3px;right:3px;height:22px;
    border-radius:7px;transform:skewX(-38deg);
    box-shadow:0 4px 10px rgba(0,0,0,.25);
  }
  .stair1 .stair-front{height:88px;background:linear-gradient(160deg,#4a6ef5,#2a4fc0);}
  .stair1 .stair-top{background:linear-gradient(135deg,#8aa5ff,#5a7cf0);}
  .stair2{z-index:1;}
  .stair2 .stair-front{height:142px;background:linear-gradient(160deg,#6a6ef8,#4257d6);}
  .stair2 .stair-top{background:linear-gradient(135deg,#a0a6ff,#7a82f5);}
  .stair3{z-index:2;}
  .stair3 .stair-front{height:196px;background:linear-gradient(160deg,#9a5cf6,#6a3fd8);}
  .stair3 .stair-top{background:linear-gradient(135deg,#c6a4ff,#a06af0);}
  .runner{
    position:absolute;top:-56px;right:14px;width:42px;height:42px;border-radius:50%;
    background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;
    font-size:19px;box-shadow:0 8px 20px rgba(0,0,0,.35);z-index:3;
    animation:runner-bob 2.4s ease-in-out infinite;
  }
  @keyframes runner-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}