
.fms-section{
  --fms-blue:#0b3b78;
  --fms-blue-2:#1d67b1;
  --fms-ink:#101820;
  --fms-muted:#6d7881;
  --fms-line:#e4ebf0;
  width:100%;
  padding:52px 0 60px;
  background:
    radial-gradient(circle at 8% 0%,rgba(29,103,177,.08),transparent 25%),
    linear-gradient(180deg,#fff,#f7fafc);
  box-sizing:border-box;
}
.fms-section *{box-sizing:border-box}
.fms-shell{
  width:min(1800px,calc(100% - 28px));
  margin:0 auto;
}
.fms-head{text-align:center;max-width:820px;margin:0 auto 28px}
.fms-eyebrow{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 12px;border:1px solid rgba(11,59,120,.18);
  background:rgba(11,59,120,.06);border-radius:999px;
  color:var(--fms-blue);font-size:11px;font-weight:800;letter-spacing:1.5px
}
.fms-head h2{
  margin:13px 0 8px;color:var(--fms-ink);
  font-size:clamp(28px,3vw,43px);line-height:1.1;letter-spacing:-1.1px
}
.fms-head p{margin:0;color:var(--fms-muted);font-size:15px;line-height:1.7}
.fms-tabs{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:22px
}
.fms-tab{
  display:inline-flex;align-items:center;gap:9px;border:1px solid #dce5ee;background:#fff;color:#344451;
  border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s ease
}
.fms-tab span{
  min-width:24px;height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:#eef4f9;color:#506a80;font-size:11px;font-weight:800
}
.fms-tab:hover,.fms-tab.is-active{border-color:var(--fms-blue);background:var(--fms-blue);color:#fff}
.fms-tab:hover span,.fms-tab.is-active span{background:rgba(255,255,255,.16);color:#fff}
.fms-toolbar{display:flex;justify-content:center;margin-bottom:24px}
.fms-search{
  width:min(100%,620px);height:52px;display:flex;align-items:center;gap:10px;padding:0 15px;
  border:1px solid #dce5ee;background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(14,48,78,.05)
}
.fms-search-icon{width:20px;height:20px;color:#617181;flex:0 0 20px}
.fms-search-icon svg{width:20px;height:20px;fill:currentColor}
.fms-input{
  width:100%;height:100%;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;color:#16232d!important;font-size:14px!important
}
.fms-input::placeholder{color:#94a1aa}
.fms-panel{display:none}
.fms-panel.is-active{display:block}
.fms-grid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch;
}
.fms-grid > *{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  float:none !important;
}
.fms-card{
  position:relative;display:flex !important;flex-direction:column;
  overflow:hidden;border:1px solid var(--fms-line);background:#fff;border-radius:16px;
  color:inherit!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(17,40,51,.05);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-width:0;
}
.fms-card:hover{
  transform:translateY(-4px);border-color:rgba(11,59,120,.30);box-shadow:0 18px 44px rgba(17,40,51,.10)
}
.fms-card.is-hidden{display:none!important}
.fms-visual{
  position:relative;overflow:hidden;aspect-ratio:1.58/1;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff,#fbfdff)
}
.fms-visual img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center center;
  padding:8px 8px 2px;transition:transform .28s ease
}
.fms-card:hover .fms-visual img{transform:scale(1.03)}
.fms-foot{
  min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 12px 13px;border-top:1px solid #eef2f4
}
.fms-foot strong{
  display:block;margin:0 0 4px;color:#152029;font-size:14px;line-height:1.2
}
.fms-foot small{
  display:block;color:#78858e;font-size:10px;text-transform:uppercase;letter-spacing:.9px;font-weight:700
}
.fms-arrow{
  flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;
  background:#edf4fa;color:var(--fms-blue);font-size:18px;transition:.22s ease
}
.fms-card:hover .fms-arrow{background:var(--fms-blue);color:#fff;transform:translateX(2px)}
.fms-actions{text-align:center;margin-top:24px}
.fms-more{
  min-width:220px;height:46px;border:1px solid var(--fms-blue);background:#fff;color:var(--fms-blue);
  border-radius:12px;padding:0 22px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s ease
}
.fms-more:hover{background:var(--fms-blue);color:#fff}
.fms-more[hidden]{display:none!important}
.fms-empty{
  margin-top:18px;padding:16px;border:1px dashed #d8e2e6;border-radius:14px;background:#fff;text-align:center;color:#69767f
}
.fms-note{
  margin:18px auto 0;max-width:820px;text-align:center;color:#89959d;font-size:11px;line-height:1.6
}
@media (min-width:1680px){
  .fms-grid{grid-template-columns:repeat(8,minmax(0,1fr)) !important;}
}
@media (max-width:1399px){
  .fms-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
}
@media (max-width:1120px){
  .fms-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media (max-width:820px){
  .fms-section{padding:42px 0 48px}
  .fms-shell{width:min(100% - 20px,1800px)}
  .fms-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;}
}
@media (max-width:590px){
  .fms-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  .fms-card{border-radius:14px}
  .fms-foot{min-height:62px;padding:10px}
  .fms-foot strong{font-size:13px}
  .fms-foot small{font-size:9px}
  .fms-arrow{width:30px;height:30px;flex-basis:30px;font-size:16px}
}
