:root{--ub-blue:#146cff;--ub-blue2:#5570fa;--ub-ink:#14213d;--ub-muted:#5b6475;--ub-soft:#f3f6ff}
.ub-hero{background:linear-gradient(135deg,var(--ub-blue) 0%,var(--ub-blue2) 100%);color:#fff;padding:56px 0 64px;text-align:center}
.ub-eyebrow{display:inline-block;background:rgba(255,255,255,.18);border-radius:999px;padding:6px 16px;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.ub-hero__title{font-size:clamp(2.6rem,6vw,4.4rem);line-height:1.15;margin:18px auto 12px;max-width:820px;color:#fff;font-weight:800}
.ub-hero__sub{font-size:1.7rem;line-height:1.5;max-width:640px;margin:0 auto 26px;opacity:.95}
.ub-btn{display:inline-block;background:#fff;color:var(--ub-blue);font-weight:700;border-radius:999px;padding:14px 28px;font-size:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}
.ub-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.ub-btn--blue{background:var(--ub-blue);color:#fff}
.ub-wrap{padding-top:44px;padding-bottom:56px}
.ub-feature{display:grid;grid-template-columns:1fr;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(20,33,61,.12);margin-bottom:40px;text-decoration:none;color:inherit}
@media(min-width:850px){.ub-feature{grid-template-columns:1.15fr 1fr}}
.ub-media{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--ub-blue),var(--ub-blue2));overflow:hidden}
.ub-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.ub-feature:hover .ub-media img,.ub-card:hover .ub-media img{transform:scale(1.05)}
.ub-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.2rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:20px;text-align:center}
.ub-feature__body{padding:30px 28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.ub-tag{display:inline-block;align-self:flex-start;background:var(--ub-soft);color:var(--ub-blue);font-size:1.2rem;font-weight:700;border-radius:999px;padding:5px 14px;text-transform:uppercase;letter-spacing:.06em}
.ub-feature__title{font-size:clamp(2.2rem,3.4vw,3rem);line-height:1.2;margin:0;color:var(--ub-ink);font-weight:800}
.ub-excerpt{color:var(--ub-muted);font-size:1.5rem;line-height:1.55;margin:0}
.ub-meta{font-size:1.3rem;color:var(--ub-muted)}
.ub-more{font-weight:700;color:var(--ub-blue);font-size:1.5rem}
.ub-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:650px){.ub-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:990px){.ub-grid{grid-template-columns:repeat(3,1fr)}}
.ub-card{display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 22px rgba(20,33,61,.1);text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s}
.ub-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,33,61,.16)}
.ub-card__body{padding:20px 20px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.ub-card__title{font-size:1.9rem;line-height:1.3;margin:0;color:var(--ub-ink);font-weight:800}
.ub-card .ub-more{margin-top:auto}
.ub-cta{margin-top:56px;background:var(--ub-soft);border-radius:22px;padding:38px 24px;text-align:center}
.ub-cta h2{font-size:clamp(2.2rem,4vw,3rem);color:var(--ub-ink);margin:0 0 10px;font-weight:800}
.ub-cta p{color:var(--ub-muted);font-size:1.6rem;margin:0 0 22px}
.article-template__content.rte{font-size:1.7rem;line-height:1.75;color:var(--ub-ink)}
.article-template__title{font-weight:800;line-height:1.2;color:var(--ub-ink)}
.article-template__content h2{font-size:2.6rem;margin:2.2em 0 .6em;padding-left:14px;border-left:5px solid var(--ub-blue);font-weight:800}
.article-template__content h3{font-size:1.9rem;margin:1.4em 0 .3em;color:var(--ub-blue);font-weight:700}
.article-template__content a{color:var(--ub-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.article-template__content ul{list-style:none;padding:0}
.article-template__content ul li{background:var(--ub-soft);border-radius:12px;padding:12px 16px;margin:10px 0}
.article-template__content>p:first-child{background:linear-gradient(135deg,var(--ub-blue),var(--ub-blue2));color:#fff;border-radius:16px;padding:20px 22px;font-size:1.65rem;line-height:1.6}
.article-template__content>p:first-child strong{color:#fff}
.article-template__content hr{border:0;border-top:1px dashed #c8d3f2;margin:2.4em 0 1.2em}
.article-template__content hr+p{font-size:1.4rem;color:var(--ub-muted);background:#fafbff;border-radius:10px;padding:12px 16px}