.ico {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: -0.2em;
    flex-shrink: 0;
}
.ico-sm { width: 16px; height: 16px; }
.ico-md { width: 20px; height: 20px; }
.ico-lg { width: 28px; height: 28px; }
.ico-xl { width: 36px; height: 36px; }
.ico-box {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--accent-soft, rgba(0, 229, 193, 0.14));
    color: var(--accent, #00E5C1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ico-box .ico, .ico-box svg { width: 22px; height: 22px; }
.ico-glass {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 20px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ico-glass .ico, .ico-glass svg { width: 32px; height: 32px; }
.set-row .row-ico { width: 18px; height: 18px; color: var(--muted, rgba(245,247,246,.58)); flex-shrink: 0; }
.chip .ico, .au-row .ico { width: 14px; height: 14px; margin-right: 4px; }
.method .ico { width: 22px; height: 22px; color: var(--accent); }
.eyebrow .ico { width: 14px; height: 14px; }
.illus-svg {
    position: absolute;
    right: 6px;
    bottom: 4px;
    width: 72px;
    height: 72px;
    color: var(--accent);
    opacity: .95;
    pointer-events: none;
}
.illus-svg svg { width: 100%; height: 100%; }
.dot-on, .dot-off {
    display: inline-block;
    width: 8px; height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: 1px;
}
.dot-on { background: #00E5C1; box-shadow: 0 0 8px rgba(0,229,193,.6); }
.dot-off { background: rgba(255,255,255,.28); }