.site-shell-header {
    height: 78px;
    padding: 0 clamp(22px, 4vw, 64px);
    display: flex;
    align-items: center;
    gap: 38px;
    border-bottom: 1px solid #dbe2ec;
    background: rgba(255, 255, 255, .97);
    position: sticky;
    top: 0;
    z-index: 1000;
    font-family: 'Manrope', sans-serif;
}

.site-shell-brand { display: flex; align-items: center; gap: 11px; color: #101f3d; font-size: 16px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.site-shell-brand img { width: 36px; height: 36px; }
.site-shell-header nav { display: flex; gap: 30px; margin-left: auto; font-size: 14px; font-weight: 600; }
.site-shell-header nav a { color: #101f3d; }
.site-shell-header nav a:hover { color: #1259e8; }
.site-shell-cta { min-width: 180px; padding: 12px 18px; color: #fff; background: #1259e8; border: 1px solid #1259e8; border-radius: 8px; text-align: center; font-size: 14px; font-weight: 700; }
.site-shell-cta:hover { color: #fff; background: #101f3d; border-color: #101f3d; }

body { font-family: 'Manrope', sans-serif !important; color: #101f3d; }
.hero { margin-top: 0 !important; background: #f4f7fb !important; border-bottom: 1px solid #dbe2ec; }
.hero .hero-content { min-height: 420px; padding-top: clamp(64px, 7vw, 100px) !important; padding-bottom: clamp(64px, 7vw, 100px) !important; }
.hero .hero-text > .brand { display: none !important; }
.hero-title { max-width: 850px; font-size: clamp(44px, 5vw, 70px) !important; line-height: 1.03 !important; letter-spacing: -.05em !important; }
.highlight { color: #1259e8 !important; }
.blog-card,
.faq-card,
.faq-category,
.article-card { border: 1px solid #dbe2ec !important; border-radius: 10px !important; box-shadow: none !important; }
.blog-card:hover { box-shadow: 0 18px 45px rgba(16, 31, 61, .1) !important; transform: translateY(-3px); }
.hero-cta,
.cta-button { border-radius: 8px !important; }
.article-main { max-width: 900px !important; }

@media (max-width: 920px) {
    .site-shell-header nav,
    .site-shell-cta { display: none; }
    .hero .hero-content { min-height: 0; padding: 58px 24px !important; }
}

@media (max-width: 520px) {
    .site-shell-header { height: 68px; }
    .site-shell-brand span { font-size: 14px; }
}