body>header #navigation>a{transition:opacity .3s ease}
@media(hover:hover){body>header #navigation>a:hover{opacity:.65}}
.flexd-nav-panel{position:absolute;top:calc(100% - 1px);left:4%;right:4%;display:grid;grid-template-columns:minmax(220px,.85fr) 1.5fr;gap:50px;padding:35px 40px 40px;background:#fff;color:#111;border:1px solid #e8e8ed;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 22px 35px #11111112;animation:flexd-nav-in .18s ease;z-index:100}
.flexd-nav-panel[hidden]{display:none}
.flexd-nav-intro{padding:9px 0;max-width:330px}
.flexd-nav-label{display:block;font:700 10px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 17px;color:#626269}
.flexd-nav-title{font:600 29px/1.15 Arial,sans-serif;letter-spacing:-1px;margin:0 0 14px}
.flexd-nav-description{font:14px/1.7 Arial,sans-serif;margin:0;color:#626269}
.flexd-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.flexd-nav-card{display:block;padding:20px;border-radius:10px;background:#f7f7fa;transition:background .2s ease}
.flexd-nav-card:hover,.flexd-nav-card:focus-visible{background:#fce7f5;outline:2px solid transparent}
.flexd-nav-card:focus-visible{outline-color:#111;outline-offset:2px}
.flexd-nav-card strong{display:flex;justify-content:space-between;gap:15px;font:600 14px/1.4 Arial,sans-serif;letter-spacing:0}
.flexd-nav-card strong span{color:#111;font-size:17px;transition:transform .2s ease}
.flexd-nav-card:hover strong span{transform:translate(2px,-2px)}
.flexd-nav-card small{display:block;font:12px/1.6 Arial,sans-serif;color:#626269;margin-top:8px}
@keyframes flexd-nav-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.flexd-nav-panel{display:none!important}}
@media(prefers-reduced-motion:reduce){.flexd-nav-panel{animation:none}body>header #navigation>a,.flexd-nav-card,.flexd-nav-card strong span{transition:none}}
