#mq-why.mq-why{--blue-700:#1e56b5;--navy:#0e4f78;--mint:#dff9f1;--sun:#ffd857;--r:18px;padding:clamp(28px,6vw,64px) 16px;background:transparent;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#0f2333;position:relative;isolation:isolate}#mq-why .wrap{max-width:1160px;margin:0 auto;display:grid;gap:clamp(16px,2.4vw,24px)}#mq-why .head{text-align:center;display:grid;gap:10px;justify-items:center}#mq-why h2{margin:0;font-weight:900;letter-spacing:.2px;line-height:1.15;color:var(--blue-700);font-size:clamp(22px,3.1vw,36px)}#mq-why .u{width:min(160px,26%);height:8px;border-radius:999px;background:linear-gradient(90deg,var(--sun),#f4b73e);box-shadow:0 10px 20px rgba(244,183,62,.26);animation:mw-bar .6s ease-out both .05s}#mq-why .grid{display:grid;gap:clamp(14px,2vw,20px);grid-template-columns:repeat(3,1fr);align-items:stretch}#mq-why .card{position:relative;isolation:isolate;height:100%;display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;background:#fff;border-radius:var(--r);border:1px solid #deebfc;box-shadow:0 8px 18px rgba(0,0,0,.06);padding:clamp(16px,2vw,22px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;animation:mw-rise .45s ease-out both}#mq-why .card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.10);border-color:#c9defa}#mq-why .card::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:var(--r) 0 0 var(--r);background:var(--rail,var(--mint))}#mq-why .card:nth-child(1){--rail:linear-gradient(180deg,var(--mint),#78d3c0)}#mq-why .card:nth-child(2){--rail:linear-gradient(180deg,var(--sun),#f4b73e);animation-delay:.05s}#mq-why .card:nth-child(3){--rail:linear-gradient(180deg,#f0f7ff,var(--mint));animation-delay:.1s}#mq-why .ico{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;align-self:start;background:radial-gradient(120% 100% at 30% 20%,#fff,#f6fafc 70%) padding-box,linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.2)) border-box;border:1px solid #deebfc;box-shadow:inset 0 0 0 6px rgba(255,255,255,.55),0 10px 18px rgba(0,0,0,.08);transition:transform .25s ease}#mq-why .card:hover .ico{transform:translateY(-2px) rotate(-1deg)}#mq-why .ico svg{width:28px;height:28px;display:block}#mq-why .ico .d1{fill:#e9fbf5;opacity:.22}#mq-why .ico .d2{stroke:#0e4f78;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}#mq-why .card:nth-child(2) .ico .d1{fill:#ffe9a4}#mq-why .card:nth-child(2) .ico .d2{stroke:#4b3000}#mq-why .card:nth-child(3) .ico .d1{fill:#f3f9ff}#mq-why .title{margin:2px 0 4px;font-weight:900;color:var(--navy);font-size:clamp(18px,1.9vw,22px);line-height:1.25;text-align:center}#mq-why p{margin:0;color:#2a3d4a;font-size:clamp(15px,1.05vw,17px);line-height:1.75}@keyframes mw-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mw-bar{from{transform:scaleX(.6);opacity:.4}to{transform:scaleX(1);opacity:1}}@media (max-width:980px){#mq-why .grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){#mq-why .card,#mq-why .u,#mq-why .ico{animation:none;transition:none}#mq-why .card:hover .ico{transform:none}}