/* N26-led first pass: an open site, generous feature surfaces, selective depth. */
body.flat-blue { padding: 0 !important; background: #fff !important; --section-y: 88px; }
body.flat-blue main, body.flat-blue .balance-footer { border-radius: 0 !important; }
body.flat-blue .container { width: calc(100% - 112px) !important; max-width: 1280px !important; }
/* One opaque surface across the bar and every menu state. */
body.flat-blue .nav-wrapper { --nav-surface: #f7f9fb; --navy-900: var(--nav-surface); }
body.flat-blue .nav-wrapper,
body.flat-blue .nav-wrapper.nav-overlay { top: 0; left: 0; right: 0; border-radius: 0 !important; background: var(--nav-surface) !important; }
body.flat-blue .nav-wrapper .balance-nav { background: var(--nav-surface) !important; border-radius: 0 !important; height: 88px; }
html body.flat-blue .nav-wrapper:has(.nav-dropdown.is-open) > nav.balance-nav,
html body.flat-blue .nav-wrapper.nav-overlay:has(.nav-dropdown.is-open) > nav.balance-nav,
html body.flat-blue .nav-wrapper.menu-open > nav.balance-nav { background: var(--nav-surface) !important; }
body.flat-blue .nav-wrapper :is(.svcmenu,#mobile-menu) { background: var(--nav-surface) !important; }
body.flat-blue .nav-dropdown,
body.flat-blue .nav-wrapper .svcmenu { border-radius: 0 0 24px 24px !important; }
body.flat-blue .nav-wrapper .svcmenu { border-bottom: 0 !important; }
body.flat-blue .nav-dropdown.is-open { box-shadow: 0 12px 28px rgba(21,41,62,.1) !important; }
body.flat-blue .balance-nav .nav-trigger[data-active] { color: var(--ink) !important; }
body.flat-blue .nav-wrapper a.svcmenu-item:hover { background: var(--bg-alt); }
body.flat-blue .btn { border-radius: 999px !important; min-height: 56px; padding: 17px 28px; }
body.flat-blue .btn-ghost { background: #eaf2fa !important; border: 1px solid #c6d9ea !important; }
body.flat-blue :is(.hero-band h1,.cat-hero h1,.about-hero h1,.svh-h1,.cs-h1) { font-size: clamp(64px,5.65vw,80px) !important; font-weight: 700 !important; line-height: 1.07 !important; letter-spacing: -.035em !important; }
body.flat-blue main > .hero-band { min-height: 0 !important; border-radius: 0 !important; background: #fff !important; }
body.flat-blue .hero-inner { padding-block: 86px 56px !important; text-align: center; }
body.flat-blue .hero-band h1 { max-width: 22ch !important; margin-inline: auto; }
body.flat-blue .hero-sub { max-width: 55ch !important; margin-inline: auto; }
body.flat-blue .hero-kicker { justify-content: center; }
body.flat-blue .hero-cta { justify-content: center; }
body.flat-blue .proof-inner { padding-block: 24px 56px; }
body.flat-blue :is(.section-title,.industry-heading,.section-header > h2,.cs-h2,.cta-title,.cs-closer-h) { font-weight: 680 !important; }
body.flat-blue :is(.section-title,.industry-heading) { font-size: clamp(42px,4vw,56px) !important; }
body.flat-blue .home-section { padding-block: 88px !important; }
body.flat-blue main > :is(.alternate,.assessment,.closing),
body.flat-pages :is(.tint-band,.night-sheet,.cs-closer) { margin: 24px; border-radius: 40px !important; }
body.flat-blue main > :is(.alternate,.assessment,.closing) > .container,
body.flat-pages :is(.tint-band,.night-sheet,.cs-closer) > .container { width: calc(100% - 96px) !important; }
body.flat-blue main > .alternate { background: #dfeef9 !important; }
body.flat-blue main > .assessment { background: #ecf4fa !important; }
body.flat-blue .work-media { border-radius: 28px !important; }
body.flat-blue :is(.capability,.insight) { border-radius: 24px !important; background: #f1f6fa !important; padding: 32px !important; }
body.flat-blue .insight { background: #e5f0f8 !important; }
body.flat-blue main > .closing,
body.flat-pages #cta-band,
body.flat-pages .cs-closer { background: #15293e !important; color: #fff !important; border-radius: 40px !important; }
body.flat-blue main > .closing :is(h2,p,.micro,.intro),
body.flat-pages #cta-band :is(h2,p,.micro,.cta-title,.cta-sub,.cta-kicker),
body.flat-pages .cs-closer :is(h2,p,.cs-closer-h,.cs-label,.cs-next) { color: #fff !important; }
body.flat-blue main > .closing .btn,
body.flat-pages :is(#cta-band,.cs-closer) .btn { background: #fff !important; color: #15293e !important; border-color: #fff !important; }
body.flat-pages .cs-closer :is(.cs-art-square,.cs-art-circle) { border-color: #a6cbe8 !important; }
body.flat-pages #cta-band { margin: 24px; padding-block: 72px !important; }
body.flat-pages #cta-band .cta-sub { font-size: 22px !important; }
body.flat-pages .cat-inner { padding-block: 80px 64px !important; }
body.flat-pages .cat-hero :is(h1,.cat-sub) { margin-inline: auto; text-align: center; }
body.flat-pages .cat-hero h1 { max-width: 20ch; }
body.flat-pages .cat-cta { justify-content: center; }
body.flat-pages .cat-sub { max-width: 58ch; }
body.flat-pages .cat-kicker { margin-bottom: 40px; }
body.flat-pages .cat-motif { opacity: .1; }
body.flat-pages .about-hero .container { padding-block: 80px 64px !important; }
body.flat-pages .about-hero :is(h1,.ah-sub) { margin-inline: auto; text-align: center; }
body.flat-pages .about-hero h1 { max-width: 20ch; }
body.flat-pages .svh-fig { background: #deedf8 !important; border-radius: 36px !important; padding: 28px; }
body.flat-pages :is(.svs-figure,.svf-row,.vo-stack,.cs-panel) { border-radius: 24px !important; }
body.flat-pages .svf-row { background: #edf5fa !important; }
body.flat-pages .night-sheet { background: #deedf8 !important; }
body.flat-pages .night-sheet.cs-closer { background: #15293e !important; }
body.flat-pages main .night-sheet.cs-closer p,
body.flat-pages main .night-sheet.cs-closer .cs-next,
body.flat-pages main .night-sheet.cs-closer .cs-next * { color: #fff !important; }
body.flat-pages .tr-stage { border-radius: 40px; background: #e6f1f9; padding-block: 64px; }
body.flat-pages .cs-cover { padding-block: 72px 48px; }
body.flat-pages .cs-h1 { max-width: 23ch; }
body.flat-pages .cs-facts { background: #e6f1f9; border-radius: 28px; }
body.flat-pages .cs-cover-media { margin-bottom: 32px; }
body.flat-pages .cs-section { padding-block: 48px; }
body.flat-pages main > section > .container,
body.flat-pages main > section.container { padding-block: 72px !important; }
body.flat-blue .balance-footer { background: #f7f9fb !important; }
@media (max-width: 1100px) {
  body.flat-blue .container { width: calc(100% - 64px) !important; }
  body.flat-blue #mobile-menu { top: 88px; left: 0; right: 0; bottom: 0; border-radius: 0; }
  body.flat-blue .nav-wrapper.menu-open { top: 0; left: 0; right: 0; }
  body.flat-blue :is(.hero-band h1,.cat-hero h1,.about-hero h1,.svh-h1,.cs-h1) { font-size: 60px !important; }
  body.flat-blue main > :is(.alternate,.assessment,.closing),body.flat-pages :is(.tint-band,.night-sheet,.cs-closer,#cta-band) { margin-inline: 16px; }
}
@media (max-width: 600px) {
  body.flat-blue .container { width: calc(100% - 40px) !important; }
  body.flat-blue .nav-wrapper .balance-nav { height: 76px; }
  body.flat-blue #mobile-menu { top: 76px; }
  body.flat-blue .hero-band { padding-top: 76px; }
  body.flat-blue .hero-inner { padding-block: 52px 40px !important; }
  body.flat-blue :is(.hero-band h1,.cat-hero h1,.about-hero h1,.svh-h1,.cs-h1) { font-size: 40px !important; }
  body.flat-blue .hero-sub { font-size: 20px !important; }
  body.flat-blue :is(.section-title,.industry-heading) { font-size: 36px !important; }
  body.flat-blue .home-section { padding-block: 56px !important; }
  body.flat-blue main > :is(.alternate,.assessment,.closing),body.flat-pages :is(.tint-band,.night-sheet,.cs-closer,#cta-band) { margin: 16px 10px; border-radius: 28px !important; }
  body.flat-blue main > :is(.alternate,.assessment,.closing) > .container,
  body.flat-pages :is(.tint-band,.night-sheet,.cs-closer) > .container { width: calc(100% - 40px) !important; }
  body.flat-blue :is(.capability,.insight) { padding: 24px !important; }
  body.flat-pages main > section > .container,body.flat-pages main > section.container,
  body.flat-pages .about-hero .container,body.flat-pages .cat-inner { padding-block: 48px !important; }
  body.flat-pages .tr-stage { border-radius: 28px; }
  body.flat-pages #cta-band { padding-block: 48px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.flat-blue :is(.btn,.nav-link) { transition: none !important; }
}