.site-header {
    max-width: none;
    padding-inline: max(28px, calc((100vw - 1144px) / 2));
    border-bottom-color: rgba(255, 255, 255, .18);
    background: linear-gradient(105deg, #0f172a, #2563eb);
    color: #fff;
}
.site-header .brand,
.site-header nav a { color: #fff; }
.site-header .button { background: #fff; color: #0f172a; box-shadow: none; }
.hero {
    max-width: none;
    padding-inline: max(28px, calc((100vw - 1144px) / 2));
    background: radial-gradient(circle at 82% 8%, rgba(6,182,212,.18), transparent 30%), linear-gradient(180deg,#eff6ff,#fff);
}
.final-cta { background: linear-gradient(135deg,#0f172a,#2563eb 70%,#06b6d4 145%); }
.hero-topic-image{overflow:hidden;margin:-14px -14px 20px;border-radius:18px;background:#eff6ff;box-shadow:0 10px 28px rgba(15,23,42,.1)}
.hero-topic-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.seo-locale-control{position:static!important;min-height:40px!important;padding:4px 7px!important;box-shadow:none!important}.seo-locale-control:before{width:28px!important;height:28px!important}.seo-locale-control select{min-width:118px!important}
@media(max-width:760px){.site-header nav>a:not(.button){display:none}.seo-locale-control>span{display:none}}
footer {
    max-width: none;
    padding-inline: max(28px, calc((100vw - 1144px) / 2));
    background: linear-gradient(120deg,#0f172a,#2563eb 76%,#06b6d4 150%);
    color: #e2e8f0;
}
footer strong, footer .brand, footer a { color: #fff; }
@media(max-width:580px){.site-header,.hero,footer{padding-inline:20px}}