.ag-content-box{margin:20px auto;padding:24px;border-radius:16px;background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 30px rgba(0,0,0,0.06);position:relative;overflow:hidden;max-width:1200px;font-family:inherit;box-sizing:border-box;contain:paint}
.ag-content-title{font-size:22px;font-weight:700;color:#000;margin:0 0 24px;padding:0;text-align:center;background:none;border:none;box-shadow:none}
.ag-features-grid{column-count:3;column-gap:16px;width:100%}
.ag-feature-card{background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.25);border-radius:12px;padding:16px;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);width:100%;box-sizing:border-box;break-inside:avoid;margin-bottom:16px;display:inline-block;contain:paint}
.ag-feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,0.12)}
.ag-feature-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,0.06)}
.ag-feature-header h3{margin:0;font-size:16px;font-weight:700;color:#000;text-align:right}
.ag-header-only{margin-bottom:0;padding-bottom:0;border-bottom:none}
.ag-feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.ag-feature-list li{position:relative;padding-right:16px;font-size:13px;color:#333;line-height:1.6;transition:color 0.2s ease}
.ag-feature-list li::before{content:"";position:absolute;right:0;top:8px;width:5px;height:5px;border-radius:50%;background:rgba(0,0,0,0.35);transition:background 0.2s ease}
.ag-feature-list li:hover{color:#000}
.ag-feature-list li:hover::before{background:#000}

@media (min-width: 769px) {
    .ag-features-grid:has(> .ag-feature-card:only-child) {
        display: flex;
        justify-content: center;
    }
    .ag-features-grid:has(> .ag-feature-card:only-child) .ag-feature-card {
        max-width: 600px;
        width: 100%;
        margin-bottom: 0;
    }
    .ag-features-grid:has(> .ag-feature-card:nth-child(2):last-child) {
        display: flex;
        justify-content: center;
        gap: 16px;
    }
    .ag-features-grid:has(> .ag-feature-card:nth-child(2):last-child) .ag-feature-card {
        flex: 1;
        max-width: 580px;
        margin-bottom: 0;
    }
}

@media (max-width:992px){
    .ag-features-grid{column-count:2}
}
@media (max-width:768px){
    .ag-content-box{padding:16px;border-radius:12px}
    .ag-content-title{font-size:18px;margin-bottom:16px}
    .ag-features-grid{column-count:1;column-gap:0}
    .ag-feature-card{padding:14px;margin-bottom:12px;box-shadow:0 4px 15px rgba(0,0,0,0.06);backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
    .ag-feature-header h3{font-size:15px}
    .ag-feature-list li{font-size:12px}
}

body.dark-mode .ag-content-box{background:rgba(15,23,42,0.4);border-color:rgba(255,255,255,0.05);box-shadow:0 8px 30px rgba(0,0,0,0.25)}
body.dark-mode .ag-content-title{color:#f8fafc}
body.dark-mode .ag-feature-card{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.06);box-shadow:0 5px 20px rgba(0,0,0,0.25)}
body.dark-mode .ag-feature-card:hover{box-shadow:0 10px 25px rgba(0,0,0,0.35)}
body.dark-mode .ag-feature-header{border-bottom-color:rgba(255,255,255,0.05)}
body.dark-mode .ag-feature-header h3{color:#f8fafc}
body.dark-mode .ag-feature-list li{color:#cbd5e1}
body.dark-mode .ag-feature-list li::before{background:rgba(255,255,255,0.25)}
body.dark-mode .ag-feature-list li:hover{color:#fff}
body.dark-mode .ag-feature-list li:hover::before{background:#fff}