.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1020px; margin:0 auto; }
        .why-card {
            background:#fff; border-radius:22px; padding:0; position:relative;
            box-shadow:0 4px 24px rgba(0,0,0,0.05); transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
            overflow:hidden; border:1px solid rgba(0,0,0,0.04);
        }
        .why-card-top {
            height:6px; transition:height 0.4s;
        }
        .why-card:nth-child(1) .why-card-top { background:linear-gradient(90deg, #0097A7, #26C6DA); }
        .why-card:nth-child(2) .why-card-top { background:linear-gradient(90deg, #E65100, #FF8F00); }
        .why-card:nth-child(3) .why-card-top { background:linear-gradient(90deg, #6A1B9A, #AB47BC); }
        .why-card:nth-child(4) .why-card-top { background:linear-gradient(90deg, #2E7D32, #66BB6A); }
        .why-card:nth-child(5) .why-card-top { background:linear-gradient(90deg, #C62828, #EF5350); }
        .why-card:nth-child(6) .why-card-top { background:linear-gradient(90deg, #0064D8, #42A5F5); }
        .why-card:hover .why-card-top { height:10px; }
        .why-card-body { padding:30px 28px 32px; }
        .why-card:hover {
            transform:translateY(-10px); box-shadow:0 24px 60px rgba(0,0,0,0.1);
            border-color:transparent;
        }
        .why-head { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
        .why-icon {
            width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center;
            font-size:1.2rem; flex-shrink:0; transition:all 0.4s;
        }
        .why-card:nth-child(1) .why-icon { background:rgba(0,151,167,0.1); color:#0097A7; }
        .why-card:nth-child(2) .why-icon { background:rgba(230,81,0,0.1); color:#E65100; }
        .why-card:nth-child(3) .why-icon { background:rgba(106,27,154,0.1); color:#6A1B9A; }
        .why-card:nth-child(4) .why-icon { background:rgba(46,125,50,0.1); color:#2E7D32; }
        .why-card:nth-child(5) .why-icon { background:rgba(198,40,40,0.1); color:#C62828; }
        .why-card:nth-child(6) .why-icon { background:rgba(0,100,216,0.1); color:#0064D8; }
        .why-card:nth-child(1):hover .why-icon { background:#0097A7; color:#fff; box-shadow:0 8px 24px rgba(0,151,167,0.3); transform:scale(1.12); }
        .why-card:nth-child(2):hover .why-icon { background:#E65100; color:#fff; box-shadow:0 8px 24px rgba(230,81,0,0.3); transform:scale(1.12); }
        .why-card:nth-child(3):hover .why-icon { background:#6A1B9A; color:#fff; box-shadow:0 8px 24px rgba(106,27,154,0.3); transform:scale(1.12); }
        .why-card:nth-child(4):hover .why-icon { background:#2E7D32; color:#fff; box-shadow:0 8px 24px rgba(46,125,50,0.3); transform:scale(1.12); }
        .why-card:nth-child(5):hover .why-icon { background:#C62828; color:#fff; box-shadow:0 8px 24px rgba(198,40,40,0.3); transform:scale(1.12); }
        .why-card:nth-child(6):hover .why-icon { background:#0064D8; color:#fff; box-shadow:0 8px 24px rgba(0,100,216,0.3); transform:scale(1.12); }
        .why-card h4 { font-family:'Quicksand',sans-serif; font-size:1.06rem; font-weight:700; color:var(--dark); line-height:1.3; }
        .why-card p { font-family:Georgia,serif; font-size:0.88rem; color:#777; line-height:1.9; margin:0; }
        .why-num {
            position:absolute; bottom:12px; right:18px; font-family:'Quicksand',sans-serif;
            font-size:3rem; font-weight:800; line-height:1; opacity:0.04; pointer-events:none;
            transition:all 0.4s;
        }
        .why-card:hover .why-num { opacity:0.1; transform:scale(1.15); }
        @media(max-width:900px){ .why-grid { grid-template-columns:1fr 1fr; } }
        @media(max-width:600px){ .why-grid { grid-template-columns:1fr; } }