/* features.css — Portfolio bento for VanguardBot */
        .features-list{ display:flex; flex-direction:column; gap:18px; padding-bottom:40px; }
        .feat-section{
            display:grid; grid-template-columns:1.05fr 0.95fr;
            gap:22px; align-items:stretch;
            padding:22px;
            background:rgba(12,12,12,0.92);
            border:1px solid rgba(255,255,255,0.06);
            border-radius:20px;
            position:relative; overflow:hidden;
            transition:border-color 0.25s, transform 0.25s, box-shadow 0.25s;
        }
        .feat-section:hover{ border-color:var(--red-border); box-shadow:0 14px 40px rgba(0,0,0,0.5); }
        .feat-section::before{
            content:''; position:absolute; top:0; left:0; right:0; height:1px;
            background:linear-gradient(90deg, transparent, rgba(122,0,0,0.5), transparent);
            opacity:0; transition:opacity 0.25s;
        }
        .feat-section:hover::before{ opacity:1; }
        .feat-section.reverse{ direction:ltr; }
        .feat-text{
            display:flex; flex-direction:column; justify-content:center;
            padding:8px 6px;
        }
        @media(max-width:860px){
            .feat-section{ grid-template-columns:1fr; padding:18px; }
        }
        .feat-title-small{
            display:inline-flex; align-items:center; gap:6px;
            font-family:var(--font-mono); font-size:10px; font-weight:700;
            letter-spacing:1.8px; text-transform:uppercase;
            color:var(--red); background:var(--red-dim);
            border:1px solid var(--red-border);
            padding:4px 8px; border-radius:999px;
            width:fit-content; margin-bottom:10px;
        }
        .feat-title-big{
            font-family:var(--font-display); font-size:28px; font-weight:700;
            line-height:1.05; letter-spacing:-0.6px; margin-bottom:6px;
            color:#fff;
        }
        .feat-title-reflect{ display:none; }
        .feat-desc{
            font-family:var(--font-body); font-size:13.5px; color:#838383; line-height:1.65; max-width:460px;
        }
        /* cards */
        .feat-cards{ display:flex; flex-direction:column; gap:10px; justify-content:center; }
        .feat-cards.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
        @media(max-width:600px){ .feat-cards.grid-2{ grid-template-columns:1fr; } }
        .fcard{
            background:rgba(8,8,8,0.96);
            border:1px solid rgba(255,255,255,0.06);
            border-radius:14px; padding:14px 14px;
            position:relative; overflow:hidden;
            transition:all 0.22s;
        }
        .fcard:hover{ border-color:rgba(255,255,255,0.10); transform:translateY(-2px); }
        .fcard::after{
            content:''; position:absolute; bottom:0; left:0; right:0; height:1px;
            background:linear-gradient(90deg, transparent, rgba(255,255,255,0.07), transparent);
        }
        .fcard-title{
            font-family:var(--font-mono); font-size:11px; font-weight:700;
            letter-spacing:1px; text-transform:uppercase; color:#9a9a9a; margin-bottom:10px;
            display:flex; align-items:center; gap:8px;
        }
        .fcard-title::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--red); box-shadow:0 0 8px var(--red-glow); }
        .fcard-stats{ display:flex; flex-wrap:wrap; gap:10px; justify-content:space-around; }
        .fstat{ display:flex; flex-direction:column; align-items:center; gap:2px; min-width:64px; }
        .fstat-label{ font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#555; }
        .fstat-val{ font-family:var(--font-display); font-size:14px; font-weight:700; color:#fff; }
        .fcard-tags{ display:flex; flex-wrap:wrap; gap:6px; }
        .ftag{
            font-family:var(--font-mono); font-size:11px; font-weight:600;
            background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06);
            border-radius:999px; padding:5px 10px; color:#9a9a9a;
        }
        .ftag:hover{ background:var(--red-dim); color:#fff; border-color:var(--red-border); }
        /* single feature view */
        .feat-section.feat-single{ grid-template-columns:1fr; max-width:720px; margin:0 auto; text-align:center; padding:28px; }
        .feat-section.feat-single .feat-desc{ max-width:100%; text-align:center; margin-left:auto; margin-right:auto; }
        .feat-section.feat-single .fcard{ text-align:left; }