:root{--ons-sp-blue:#2886be;--ons-sp-dark:#17304f;--ons-sp-red:#e62b38;--ons-sp-yellow:#ffd21f}
.ons-sp{width:100%;max-width:1240px;margin:0 auto;padding:58px 20px 74px;font-family:inherit;color:var(--ons-sp-dark)}.ons-sp__heading{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:50px;margin-bottom:34px}.ons-sp__eyebrow{margin:0 0 10px!important;color:var(--ons-sp-blue);font-size:.82rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ons-sp__heading h2{margin:0;color:var(--ons-sp-dark);font-size:clamp(2.7rem,5.4vw,5.2rem);font-weight:800;line-height:.94;letter-spacing:-.045em}.ons-sp__intro{margin:0;color:#586e7e;font-size:1.12rem;line-height:1.65}
.ons-sp__grid{display:grid;grid-template-columns:repeat(var(--ons-sp-columns),minmax(0,1fr));grid-auto-rows:minmax(330px,auto);gap:22px}.ons-sp-card{position:relative;min-width:0;overflow:hidden;border-radius:30px;background:var(--ons-sp-blue);box-shadow:0 8px 25px rgba(23,48,79,.11);transition:transform .22s ease,box-shadow .22s ease}.ons-sp-card--featured{grid-column:span 2}.ons-sp-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(23,48,79,.19)}.ons-sp-card>a{display:block;position:relative;height:100%;min-height:330px;color:#fff!important;text-decoration:none!important}.ons-sp-card--dark{background:var(--ons-sp-dark)}.ons-sp-card--red{background:var(--ons-sp-red)}.ons-sp-card--yellow{background:var(--ons-sp-yellow)}.ons-sp-card--yellow>a{color:var(--ons-sp-dark)!important}
.ons-sp-card__image{position:absolute;inset:0}.ons-sp-card__image img{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .45s ease}.ons-sp-card:hover .ons-sp-card__image img{transform:scale(1.045)}.ons-sp-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,28,43,.04) 10%,rgba(10,28,43,.84) 100%)}.ons-sp-card:not(:has(.ons-sp-card__image)) .ons-sp-card__shade{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(0,0,0,.12))}.ons-sp-card--yellow .ons-sp-card__shade{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,164,0,.15))}.ons-sp-card--yellow:has(.ons-sp-card__image) .ons-sp-card__shade{background:linear-gradient(180deg,rgba(10,28,43,.03),rgba(10,28,43,.72))}.ons-sp-card--yellow:has(.ons-sp-card__image)>a{color:#fff!important}
.ons-sp-card__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:330px;padding:24px}.ons-sp-card__number{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.96);color:var(--ons-sp-dark);font-size:1rem;font-weight:900;box-shadow:0 5px 18px rgba(0,0,0,.14)}.ons-sp-card h3{max-width:650px;margin:0 0 10px;color:inherit;font-size:clamp(1.65rem,2.6vw,2.6rem);font-weight:800;line-height:1.02;letter-spacing:-.035em}.ons-sp-card p{max-width:650px;margin:0 0 18px;color:inherit;font-size:1rem;line-height:1.5;opacity:.92}.ons-sp-card__more{font-weight:900}.ons-sp-card__more span{display:inline-block;transition:transform .2s ease}.ons-sp-card:hover .ons-sp-card__more span{transform:translateX(5px)}.ons-sp__footer{text-align:center;margin-top:32px}.ons-sp__footer>a{display:inline-flex;align-items:center;gap:8px;padding:14px 23px;border-radius:999px;background:var(--ons-sp-blue);color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 7px 20px rgba(40,134,190,.22);transition:.2s ease}.ons-sp__footer>a:hover{background:var(--ons-sp-dark);transform:translateY(-2px)}
@media(max-width:1024px){.ons-sp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ons-sp-card--featured{grid-column:span 2}}
@media(max-width:680px){.ons-sp{padding:40px 14px 54px}.ons-sp__heading{grid-template-columns:1fr;gap:15px;margin-bottom:25px}.ons-sp__heading h2{font-size:2.75rem}.ons-sp__intro{font-size:1rem}.ons-sp__grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}.ons-sp-card--featured{grid-column:auto}.ons-sp-card,.ons-sp-card>a,.ons-sp-card__content{min-height:310px}.ons-sp-card{border-radius:23px}.ons-sp-card__content{padding:19px}.ons-sp-card h3{font-size:1.75rem}.ons-sp-card__number{width:47px;height:47px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.ons-sp-card,.ons-sp-card__image img,.ons-sp-card__more span,.ons-sp__footer>a{transition:none!important}}