@layer components{.matter .why-head{text-align:center;justify-items:center;margin-bottom:clamp(40px,5vw,64px);display:grid}.matter .why-head .t-l{max-width:52ch;margin-top:18px}.matter .bn{grid-template-columns:repeat(2,1fr)}.matter .bn-card{min-height:300px;padding:32px}.matter .bn-card h3{font-size:1.5rem}.matter .bn-navy h3{letter-spacing:-.02em;color:#fff;font-size:1.5rem;font-weight:520}.matter .bn-navy>p{color:#c3c9e4}.matter .bn-checks{z-index:1;gap:8px;margin:auto 0 0;padding:0;list-style:none;display:grid;position:relative}.matter .bn-checks li{background:rgb(var(--card-rgb) / .08);border:1px solid rgb(var(--edge-rgb) / .12);color:#eef1fb;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:.9rem;display:flex}.matter .bn-checks svg{color:#9fe3c2;flex:none}.matter .ask-sec{background:radial-gradient(60% 60% at 30%,#c7dafc73,#0000 70%)}@media (max-width:760px){.matter .bn{grid-template-columns:minmax(0,1fr)}.matter .bn-card{min-height:0;padding:24px}}}