.features{padding:40px 0 110px}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.card{position:relative;background:#fff;border-radius:var(--r);padding:28px;border:1px solid var(--line);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(14,27,61,.35)}
.card h3{font-size:22px;margin-bottom:8px}
.card p{color:var(--ink-2);font-size:16px}
.card.s2{grid-column:span 2}.card.s3{grid-column:span 3}.card.s4{grid-column:span 4}.card.s6{grid-column:span 6}
.card.k-stats{grid-row:span 2;background:var(--ink);color:#fff;border:0}
.card.k-stats p{color:#C9D2F5}
.card.k-chips{display:flex;flex-wrap:wrap;align-items:center;gap:24px;justify-content:space-between;background:linear-gradient(120deg,#EAF0FF,#FFF4E3)}
@media (max-width:980px){.bento{grid-template-columns:1fr 1fr}.card.s2{grid-column:span 1}.card.s3,.card.s4,.card.s6,.card.k-stats{grid-column:span 2}.card.k-stats{grid-row:auto}}
@media (max-width:620px){.bento{grid-template-columns:1fr}.card.s2,.card.s3,.card.s4,.card.s6,.card.k-stats{grid-column:span 1}}
.mini-list{margin:20px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.mini-list li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;background:var(--cream);border-radius:12px;padding:10px 12px}
.toggle{display:inline-flex;width:40px;height:22px;border-radius:99px;background:var(--green);position:relative;flex:none}
.toggle::after{content:"";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.kpi{display:flex;flex-wrap:wrap;gap:12px 26px;margin:24px 0 18px}
@media (max-width:420px){.kpi b{font-size:28px}}
.kpi b{display:block;font-size:34px;font-weight:800;letter-spacing:-.02em}
.kpi small{color:#9AA7D6;font-size:13px;font-weight:700}
.chart{display:flex;align-items:flex-end;gap:7px;height:150px;margin-top:8px}
.chart i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#6F8BFF,var(--blue));height:4%;transition:height 1s var(--ease)}
.chart i:nth-child(odd){background:linear-gradient(180deg,#5C79F5,#2E4CD0)}
.flags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
.flags span{font-size:13px;font-weight:800;background:rgba(255,255,255,.1);border-radius:8px;padding:6px 10px}
.mini-banner{margin-top:20px;background:var(--cream);border-radius:16px;padding:16px;display:grid;gap:10px;max-width:360px}
.mini-banner b{font-size:15px}
.mini-banner>span{font-size:13px;color:var(--ink-2)}
.mini-banner .two{display:flex;gap:8px}
.mini-banner .two span{flex:1;text-align:center;background:var(--ink);color:#fff;border-radius:10px;padding:9px;font-size:13px;font-weight:800}
.log-wrap{margin-top:16px}
.log-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:13.5px;padding:9px 0;border-bottom:1px dashed var(--line);font-family:var(--mono)}
.log-row:last-child{border:0}
.yes{color:var(--green-d);font-weight:700}.no{color:#A3301F;font-weight:700}
.lang-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.lang-chips li{background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px;box-shadow:0 2px 8px -4px rgba(14,27,61,.25)}