/* Braintech v64 — Impeccable-informed, conservative responsive polish.
   Inherits the v63 brand, text, assets, links, and behavior unchanged. */
:root { color-scheme: dark; --bt-focus: #ff9b61; }
html { -webkit-text-size-adjust: 100%; }
img, svg { max-width: 100%; }
img { height: auto; }
a, button { -webkit-tap-highlight-color: rgba(255,106,31,.12); }
:where(a, button, [role="button"], input, select, textarea):focus-visible {
  outline: 2px solid var(--bt-focus);
  outline-offset: 4px;
}
::selection { background: rgba(255,106,31,.36); color: #fff; }
:where(h1,h2,h3,p,li) { overflow-wrap: break-word; }
:where(.copy-panel p,.section-heading p,.copy p,.hero-subtitle,.lead,.resource-card p,.guide-card p) { text-wrap: pretty; }
@media (hover: hover) and (pointer: fine) {
  :where(.section-link,.home-link,.back-link,.button,.hero-cta,.private-card-cta) { transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
}
@media (max-width: 980px) {
  /* The section grid collapses early enough to avoid squeezed copy at tablet widths. */
  :where(.section-grid,.hero-grid,.private-grid,.resource-grid,.edition-grid,.guide-grid) > * { min-width: 0; }
  :where(.section-panel,.hero-panel,.partner-card,.resource-card,.feature-card,.edition-card,.guide-card) { max-width: 100%; }
}
/* Home: retain the original hero artwork and understated link language. */
@media (max-width: 680px) {
  .home-v58-shell { width: min(calc(100% - 40px),1320px); padding-top: 22px; padding-bottom: max(26px,env(safe-area-inset-bottom)); }
  .home-v58-brand img { width: min(230px,70vw); max-width: 100%; }
  .home-v58-hero { padding-top: clamp(55px,9vh,82px); padding-bottom: 28px; }
  .home-v58-eyebrow { margin-bottom: 15px; font-size: 11px; letter-spacing: .155em; }
  .home-v58-title { font-size: clamp(43px,12.7vw,64px); line-height: .99; letter-spacing: -.038em; }
  .home-v58-intro { max-width: 36ch; margin-top: 23px; font-size: clamp(17px,4.3vw,19px); line-height: 1.5; text-wrap: pretty; }
  .home-v58-navigation { gap: 9px; padding-top: 18px; margin-top: 8px; }
  .home-v58-navigation a { display:flex; align-items:center; justify-content:flex-start; width: 100%; min-height: 62px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(9,13,20,.56); color: #f0f3f7; font-size: clamp(14px,3.7vw,16px); line-height:1.2; font-weight:600; letter-spacing:0; }
  .home-v58-navigation a::after { left:15px; right:15px; bottom:9px; }
  .home-v58-navigation a:nth-child(1) { border-color: rgba(255,106,31,.34); }
  .home-v58-navigation a:nth-child(2) { border-color: rgba(208,181,138,.30); }
  .home-v58-navigation a:last-child { color:rgba(244,247,251,.75); }
}
@media (max-width: 360px) {
  .home-v58-title { font-size: clamp(40px,12.3vw,47px); }
  .home-v58-navigation a { padding:12px; font-size:14px; }
}
/* Investment and Wealth pages — two-row touch navigation without changing the IA. */
@media (max-width: 680px) {
  .site .wrap { width: min(calc(100% - 28px),var(--max,1200px)); }
  .site .topbar { padding: 11px 14px 12px !important; gap: 10px !important; border-bottom: 1px solid rgba(255,255,255,.09); }
  .site .section-nav { width: 100%; }
  .site .section-link { min-height: 43px !important; font-size: 12px !important; line-height: 1.15; letter-spacing: 0 !important; padding: 7px 8px !important; text-align: center; white-space: normal; }
  .site .hero-panel { border-radius: 20px; }
  .site h1 { letter-spacing: -.036em; }
  .site h2 { letter-spacing: -.032em; line-height: 1.045; }
  .site h3 { letter-spacing: -.02em; }
  .site :where(.hero-subtitle,.copy-panel p,.copy-panel li,.section-heading p,.copy p) { line-height: 1.48; }
  .site .hero-cta { min-height: 45px; padding-inline: 17px; box-shadow: none; }
  .site .footer { line-height: 1.55; }
  .site :where(.hero-summary img,.visual-panel img,.wealth-section-visual img) { object-fit: contain; }
}
@media (max-width: 680px) {
  body:has(.private-investors) .topbar .section-nav { display:grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 7px !important; }
  body:has(.private-investors) .hero { padding-top: 187px !important; }
  body:has(.private-investors) :where(#esperienza,#tecnologia,#filosofia,#privati,#team) { scroll-margin-top: 174px !important; }
  body:has(.private-investors) .hero-panel { padding: 30px 23px 25px; }
  body:has(.private-investors) .hero-panel h1 { font-size: clamp(36px,10.65vw,49px); line-height: 1.015; }
  body:has(.private-investors) .hero-subtitle { font-size: clamp(17px,4.5vw,19px); line-height:1.45; margin-top: 22px; }
  body:has(.private-investors) .hero-summary { margin: 18px auto 0; max-width: 100%; }
  body:has(.private-investors) .section { padding-block: 22px; }
  body:has(.private-investors) .section-panel { padding: clamp(22px,6.6vw,30px) !important; }
  body:has(.private-investors) .copy-panel p,
  body:has(.private-investors) .copy-panel li { font-size: 17px; }
  body:has(.private-investors) .private-heading h2 { font-size: clamp(31px,8.7vw,42px); }
  body:has(.private-investors) .private-card { padding: 23px; }
  body:has(.private-investors) .private-card-cta { min-height: 46px; }
  body:has(.private-investors) .partner-card h3 { line-height: 1.17; }
}
@media (max-width: 680px) {
  body:has(.wealth-brand) .topbar .section-nav { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; }
  body:has(.wealth-brand) .topbar .section-link { min-height: 43px !important; font-size: 12.5px !important; }
  body:has(.wealth-brand) .hero { padding-top: 186px !important; }
  body:has(.wealth-brand) :where(#metodo,#indipendenza,#network) { scroll-margin-top: 173px !important; }
  body:has(.wealth-brand) .hero-panel { padding: 29px 23px 26px !important; }
  body:has(.wealth-brand) .hero-panel h1 { font-size: clamp(35px,10.25vw,48px); line-height: 1.025; }
  body:has(.wealth-brand) .hero-subtitle { font-size: clamp(17px,4.45vw,19px); line-height: 1.47; margin-top: 22px; }
  body:has(.wealth-brand) .hero-summary.wealth-visual { margin: 14px 0 2px; }
  body:has(.wealth-brand) .section { padding-block: 22px; }
  body:has(.wealth-brand) .section-panel { padding: clamp(22px,6.6vw,30px) !important; }
  body:has(.wealth-brand) .copy-panel p,
  body:has(.wealth-brand) .copy-panel li { font-size: 17px; }
  body:has(.wealth-brand) .partner-card { overflow:hidden; }
  body:has(.wealth-brand) .partner-card h3 { font-size: clamp(20px,5.6vw,25px); line-height:1.15; }
  body:has(.wealth-brand) .partner-card :where(p,li) { line-height:1.48; }
}
/* X-Ray: the dashboard takes priority, with a comfortable horizontal touch menu. */
@media (max-width: 900px) {
  body:has(.dashboard-frame) .topbar { gap: 9px; }
  body:has(.dashboard-frame) .section-nav-wrap { scrollbar-width:thin; scrollbar-color:rgba(255,106,31,.45) transparent; }
  body:has(.dashboard-frame) .section-link { min-height: 44px !important; font-size: 13px !important; padding-inline: 14px !important; white-space:nowrap; }
  body:has(.dashboard-frame) .hero { padding-top: 150px; }
  body:has(.dashboard-frame) :where(#analisi,#dashboard,#processo,#contatto) { scroll-margin-top: 139px; }
}
@media (max-width: 560px) {
  body:has(.dashboard-frame) .hero-grid { padding: 27px 23px; gap: 24px; }
  body:has(.dashboard-frame) h1 { font-size: clamp(34px,10.25vw,44px); line-height: 1.02; letter-spacing: -.036em; }
  body:has(.dashboard-frame) h2 { font-size: clamp(31px,8.9vw,43px); line-height:1.045; }
  body:has(.dashboard-frame) .hero-subtitle { font-size: 17px; line-height: 1.48; }
  body:has(.dashboard-frame) .section-heading p,
  body:has(.dashboard-frame) .copy p,
  body:has(.dashboard-frame) .cta-panel p { font-size: 17px; line-height:1.47; }
  body:has(.dashboard-frame) .hero-actions { display:grid; grid-template-columns:1fr; gap:9px; }
  body:has(.dashboard-frame) .button { min-height: 46px; padding: 11px 16px; font-size: 14px; }
  body:has(.dashboard-frame) .section { padding-block: 12px; }
  body:has(.dashboard-frame) .section-panel { padding: 26px 22px; border-radius: 20px; }
  body:has(.dashboard-frame) .card-grid, body:has(.dashboard-frame) .process, body:has(.dashboard-frame) .audience-grid { gap: 11px; }
  body:has(.dashboard-frame) .feature-card,
  body:has(.dashboard-frame) .step,
  body:has(.dashboard-frame) .audience-card { padding: 21px; border-radius: 16px; min-height: auto; }
  body:has(.dashboard-frame) .screenshot-card { border-radius: 18px; }
  body:has(.dashboard-frame) .caption { font-size: 13px; color:#b4bbc6; }
}
/* Resources and publications: consistent readable article and library spacing. */
@media (max-width: 680px) {
  body:has(.resource-grid) .wrap, body:has(.edition-grid) .wrap { width: min(calc(100% - 28px),1180px); }
  body:has(.resource-grid) .topbar,body:has(.edition-grid) .topbar { gap: 10px; }
  body:has(.resource-grid) .home-link, body:has(.edition-grid) .back-link { min-height: 44px; padding-inline: 13px; font-size: 13px; }
  body:has(.resource-grid) .hero,body:has(.edition-grid) .hero { padding-top: 114px; }
  body:has(.resource-grid) .hero-panel,body:has(.edition-grid) .hero-panel { padding: 30px 23px; border-radius: 20px; }
  body:has(.resource-grid) h1,body:has(.edition-grid) h1 { font-size: clamp(39px,11.1vw,51px); line-height:1.025; letter-spacing:-.035em; }
  body:has(.resource-grid) .lead,body:has(.edition-grid) .lead { font-size:18px; line-height:1.49; letter-spacing:0; }
  body:has(.resource-grid) .resource-grid,body:has(.edition-grid) .edition-grid,body:has(.edition-grid) .guide-grid { gap: 13px; }
  body:has(.resource-grid) .resource-card,body:has(.edition-grid) .edition-card,body:has(.edition-grid) .guide-card { padding: 23px; border-radius: 18px; min-height:auto; }
  body:has(.edition-grid) .section { padding-bottom:30px; }
  body:has(.edition-grid) .section-panel { padding: 26px 22px; border-radius:20px; }
  body:has(.edition-grid) .section-head h2 { font-size: clamp(30px,8vw,41px); line-height:1.06; letter-spacing:-.03em; }
}
@media (max-width: 360px) {
  .site .wrap { width:calc(100% - 22px); }
  .site .topbar { padding-inline: 11px !important; }
  .site .section-link { font-size: 11.5px !important; padding-inline: 5px !important; }
  :where(.hero-panel,.section-panel,.resource-card,.guide-card,.edition-card) { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }
}
/* Final responsive QA corrections */
@media (max-width: 680px) {
  .home-v58-page { overflow-x: clip; }
  .site .section-link { min-height: 44px !important; }
  body:has(.wealth-brand) .topbar .section-link { min-height: 44px !important; }
  body:has(.private-investors) .team-profile-open { min-height: 44px; padding-block: 10px; display:inline-flex; align-items:center; }
}
@media (max-width: 560px) {
  body:has(.dashboard-frame) .topbar { width: min(calc(100% - 28px),var(--max)); }
  body:has(.dashboard-frame) .section-nav-wrap { overflow: visible; padding-bottom: 0; }
  body:has(.dashboard-frame) .section-nav { display:grid; width:100%; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
  body:has(.dashboard-frame) .section-link { min-height:44px !important; grid-column:span 2; white-space:normal; padding:6px 5px !important; font-size:12px !important; text-align:center; line-height:1.1; }
  body:has(.dashboard-frame) .section-link:nth-child(4), body:has(.dashboard-frame) .section-link:nth-child(5) { grid-column:span 3; }
  body:has(.dashboard-frame) .hero { padding-top: 203px; }
  body:has(.dashboard-frame) :where(#analisi,#dashboard,#processo,#contatto) { scroll-margin-top: 190px; }
}


/* Braintech v65 — selective refinements from v64.
   No visible copy, indexing text, metadata, structured data or source graphics changed. */

/* Home: a richer, more energetic orange without altering the word or hero composition. */
.home-v58-focus {
  color: #ff7200; /* fallback for browsers without background clipping */
  background: linear-gradient(108deg, #ff9c00 0%, #ff7600 32%, #ff5600 63%, #ff8300 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
@media (forced-colors: active) {
  .home-v58-focus { background: none; -webkit-text-fill-color: currentColor; }
}

/* Wealth mark: correct optical size of its custom wordmark against the Investments raster. */
body:has(.wealth-brand) .topbar .wealth-brand-copy strong { font-size: 50px !important; line-height: .84 !important; letter-spacing: -.065em; }
body:has(.wealth-brand) .topbar .wealth-brand-copy small { font-size: 15px !important; line-height: 1.05 !important; letter-spacing: .015em; }
body:has(.wealth-brand) .topbar .wealth-brand-symbol { flex-basis: 91px !important; width: 91px !important; max-width: 91px !important; height: 76px !important; }
body:has(.wealth-brand) .topbar .wealth-brand { max-width: 350px !important; gap: 12px !important; height: 76px !important; }

/* Portfolio X-Ray: align the explanatory typography with Investments / Wealth.
   Text and semantic HTML remain exactly as in v64. */
body:has(.dashboard-frame) .hero-subtitle {
  font-weight: 400; font-size: clamp(18px,1.55vw,22px);
  line-height: 1.46; letter-spacing: -.013em; color: #cbd0d8;
  max-width: 68ch;
}
body:has(.dashboard-frame) .accent-underline {
  color: #e89a65; font-weight: inherit;
  text-decoration: none;
}
body:has(.dashboard-frame) .section-heading { max-width: 74ch; margin-bottom: 30px; }
body:has(.dashboard-frame) .section-heading > p:not(.eyebrow) {
  max-width: 67ch; line-height: 1.55; font-weight: 400;
}
body:has(.dashboard-frame) .copy > p:not(.eyebrow),
body:has(.dashboard-frame) .cta-panel > p:not(.eyebrow) {
  max-width: 67ch; line-height: 1.55; font-weight: 400;
}
body:has(.dashboard-frame) .feature-card strong { font-size: 19px; font-weight: 650; line-height:1.18; }
body:has(.dashboard-frame) .feature-card p { font-size: 16px; line-height: 1.53; margin-top: 11px; }
body:has(.dashboard-frame) .step h3 { line-height: 1.22; }
body:has(.dashboard-frame) .step p,
body:has(.dashboard-frame) .audience-card p { line-height: 1.53; }
body:has(.dashboard-frame) .copy ul { display: grid; gap: 9px; margin-block: 18px 0; padding: 0; }
body:has(.dashboard-frame) .copy li { font-size: 16px; line-height: 1.48; }

/* Mobile: the visible nav pills are leaner than their full 44px touch targets.
   Keep all six Investments and four Wealth section links discoverable. */
@media (max-width: 680px) {
  body:has(.private-investors) .site .topbar,
  body:has(.wealth-brand) .site .topbar {
    width: min(calc(100% - 12px),var(--max,1200px));
    padding: 7px 8px 8px !important;
    gap: 3px !important;
    align-items: flex-start !important;
    background: rgba(7,11,17,.70) !important;
    border: 1px solid rgba(255,255,255,.075);
    border-top: 0; border-radius: 0 0 14px 14px;
    -webkit-backdrop-filter: blur(15px) saturate(115%) !important;
    backdrop-filter: blur(15px) saturate(115%) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
  }
  body:has(.private-investors) .topbar .brand-link { height: 42px !important; }
  body:has(.private-investors) .topbar .brand-link img { width: 200px !important; max-width: 62vw !important; height: auto !important; }
  body:has(.wealth-brand) .topbar .wealth-brand { height: 45px !important; max-width: 235px !important; gap: 7px !important; }
  body:has(.wealth-brand) .topbar .wealth-brand-symbol { flex-basis: 53px !important; width: 53px !important; max-width: 53px !important; height: 45px !important; }
  body:has(.wealth-brand) .topbar .wealth-brand-copy strong { font-size: 35px !important; line-height: .86 !important; }
  body:has(.wealth-brand) .topbar .wealth-brand-copy small { font-size: 11px !important; }
  body:has(.private-investors) .topbar .section-nav,
  body:has(.wealth-brand) .topbar .section-nav {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(3,max-content) !important;
    justify-content: center; align-items: center;
    gap: 0 2px !important;
    padding: 0 !important; margin: 0 auto !important;
  }
  body:has(.wealth-brand) .topbar .section-nav { grid-template-columns:repeat(2,max-content) !important; gap: 0 7px !important; }
  body:has(.private-investors) .topbar .section-link,
  body:has(.wealth-brand) .topbar .section-link {
    position: relative; isolation:isolate;
    height: 44px; min-height: 44px !important;
    padding: 0 10px !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important;
    font-size: 12px !important; letter-spacing: 0 !important;
    line-height: 1.1 !important; white-space: nowrap;
  }
  body:has(.wealth-brand) .topbar .section-link { font-size: 12.5px !important; padding-inline: 11px !important; }
  body:has(.private-investors) .topbar .section-link::before,
  body:has(.wealth-brand) .topbar .section-link::before {
    content: ''; position: absolute; inset: 5px 2px; z-index: -1;
    border: 1px solid rgba(255,106,31,.40); border-radius: 999px;
    background: rgba(8,12,17,.20);
    transition: background-color .2s ease,border-color .2s ease;
  }
  body:has(.wealth-brand) .topbar .section-link::before { border-color:rgba(212,182,128,.36); border-radius: 9px; }
  body:has(.private-investors) .topbar .section-link:is(:hover,.active)::before { border-color: #ff873d; background: rgba(255,106,31,.11); }
  body:has(.wealth-brand) .topbar .section-link:is(:hover,.active)::before { border-color:#d4b680; background:rgba(212,182,128,.10); }
  body:has(.private-investors) .hero,
  body:has(.wealth-brand) .hero { padding-top: 153px !important; }
  body:has(.private-investors) :where(#esperienza,#tecnologia,#filosofia,#privati,#team),
  body:has(.wealth-brand) :where(#metodo,#indipendenza,#network) { scroll-margin-top: 143px !important; }
  /* Sticky X-Ray header adopts the same delicate translucent surface. */
  body:has(.dashboard-frame) .site .topbar {
    width: min(calc(100% - 12px), var(--max,1180px));
    padding: 7px 10px 8px; gap: 5px;
    background: rgba(7,11,17,.70);
    border: 1px solid rgba(255,255,255,.075); border-top:0;
    border-radius: 0 0 14px 14px;
    -webkit-backdrop-filter: blur(15px) saturate(115%);
    backdrop-filter: blur(15px) saturate(115%);
  }
  body:has(.dashboard-frame) .topbar .brand-link img { height: 48px; max-width: 58vw; width: auto; }
  body:has(.dashboard-frame) .section-nav { gap: 0 3px !important; }
  body:has(.dashboard-frame) .section-link {
    min-height: 44px !important; height:44px; padding: 7px 9px !important;
    border-radius:999px; font-size:12px !important;
    border-color:rgba(255,106,31,.32);
  }
  body:has(.dashboard-frame) .hero { padding-top: 179px !important; }
  body:has(.dashboard-frame) :where(#analisi,#dashboard,#processo,#contatto) { scroll-margin-top: 164px; }
}
@media (max-width: 560px) {
  body:has(.dashboard-frame) .hero-subtitle { font-size: 17px; line-height:1.53; letter-spacing: -.008em; }
  body:has(.dashboard-frame) .section-heading h2 { line-height: 1.1; }
  body:has(.dashboard-frame) .section-heading > p:not(.eyebrow),
  body:has(.dashboard-frame) .copy > p:not(.eyebrow),
  body:has(.dashboard-frame) .cta-panel > p:not(.eyebrow) { font-size: 16px; line-height:1.56; }
  body:has(.dashboard-frame) .feature-card,
  body:has(.dashboard-frame) .step,
  body:has(.dashboard-frame) .audience-card { padding: 20px; }
  body:has(.dashboard-frame) .feature-card p { font-size:16px; line-height:1.54; }
  body:has(.dashboard-frame) .section-panel { padding-block: 29px; }
  body:has(.dashboard-frame) .section-heading { margin-bottom: 23px; }
}
@media (max-width: 360px) {
  body:has(.private-investors) .topbar .section-link { font-size: 11.5px !important; padding-inline: 7px !important; }
  body:has(.wealth-brand) .topbar .section-link { font-size: 11.8px !important; padding-inline: 7px !important; }
  body:has(.private-investors) .topbar .brand-link img { width:187px !important; }
}

/* X-Ray mobile navigation uses the same compact visual pills and full touch targets. */
@media (max-width: 680px) {
  body:has(.dashboard-frame) .topbar .section-nav {
    display: flex !important; flex-wrap: wrap !important;
    justify-content: center; align-items: center;
    width: 100% !important; gap: 0 2px !important;
    margin: 0 auto !important;
  }
  body:has(.dashboard-frame) .topbar .section-link {
    position: relative; isolation: isolate;
    flex: 0 0 auto; min-height: 44px !important; height:44px !important;
    padding: 0 11px !important;
    border:0 !important; border-radius:0 !important;
    background:transparent !important; box-shadow:none !important;
  }
  body:has(.dashboard-frame) .topbar .section-link::before {
    content: ''; position:absolute; inset:5px 2px; z-index:-1;
    border:1px solid rgba(255,106,31,.38); border-radius:999px;
    background:rgba(8,12,17,.2);
    transition:background-color .2s ease,border-color .2s ease;
  }
  body:has(.dashboard-frame) .topbar .section-link:is(.active,:hover)::before {
    border-color:#ff873d; background:rgba(255,106,31,.1);
  }
  /* Long informational phrases do not need to compete with the action color. */
  body:has(.dashboard-frame) .hero-subtitle .accent-underline { color:#e1e4e9; }
  body:has(.dashboard-frame) .hero-subtitle .accent-underline:last-of-type { color:#e89a65; }
}
@media (max-width: 360px) {
  body:has(.dashboard-frame) .topbar .section-link { padding-inline:7px !important; font-size:11.6px !important; }
}


/* Braintech v66 — stable, evenly distributed mobile menus. No scroll resize. */
@media (max-width: 680px) {
  /* All section links stay visible at their original size while scrolling. */
  body:has(.private-investors) .topbar .section-nav-wrap,
  body:has(.wealth-brand) .topbar .section-nav-wrap,
  body:has(.dashboard-frame) .topbar .section-nav-wrap {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    mask-image: none !important;
  }
  body:has(.private-investors) .topbar .section-nav,
  body:has(.wealth-brand) .topbar .section-nav,
  body:has(.dashboard-frame) .topbar .section-nav {
    display: grid !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch;
    justify-content: stretch !important;
    gap: 4px !important;
  }
  body:has(.private-investors) .topbar .section-nav {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
  body:has(.wealth-brand) .topbar .section-nav {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  /* X-Ray's five buttons form a fully justified 3+2 grid. */
  body:has(.dashboard-frame) .topbar .section-nav {
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  }
  body:has(.dashboard-frame) .topbar .section-link {
    grid-column: span 2 !important;
  }
  body:has(.dashboard-frame) .topbar .section-link:nth-child(4),
  body:has(.dashboard-frame) .topbar .section-link:nth-child(5) {
    grid-column: span 3 !important;
  }
  body:has(.private-investors) .topbar .section-link,
  body:has(.wealth-brand) .topbar .section-link,
  body:has(.dashboard-frame) .topbar .section-link {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0;
    min-height: 42px !important;
    height: 42px !important;
    padding: 4px 5px !important;
    white-space: normal !important;
    text-align: center;
    line-height: 1.13 !important;
    font-size: clamp(11.3px,3.05vw,12.3px) !important;
  }
  body:has(.wealth-brand) .topbar .section-link { font-size: clamp(11.7px,3.2vw,12.5px) !important; }
  body:has(.dashboard-frame) .topbar .section-link { font-size: clamp(11.3px,3.0vw,12px) !important; }
  body:has(.private-investors) .topbar .section-link::before,
  body:has(.wealth-brand) .topbar .section-link::before,
  body:has(.dashboard-frame) .topbar .section-link::before {
    inset: 2px 0 !important;
  }
  /* Maintain the restrained translucent sticky surface from v65. */
  body:has(.private-investors) .hero,
  body:has(.wealth-brand) .hero { padding-top: 150px !important; }
  body:has(.dashboard-frame) .hero { padding-top: 176px !important; }
}

/* X-Ray 'Per chi': consistent editorial scale rather than oversized card type. */
@media (max-width: 680px) {
  body:has(.dashboard-frame) .audience-grid { gap: 11px !important; }
  body:has(.dashboard-frame) .audience-card {
    padding: 20px 21px !important;
    min-height: 0 !important;
    border-radius: 16px !important;
  }
  body:has(.dashboard-frame) .audience-card h3 {
    font-size: clamp(19px,5.1vw,21px) !important;
    line-height: 1.22 !important;
    letter-spacing: -.021em !important;
    margin-bottom: 9px !important;
  }
  body:has(.dashboard-frame) .audience-card p {
    font-size: 15.5px !important;
    line-height: 1.5 !important;
    font-weight: 400;
    letter-spacing: 0;
  }
  /* The regulatory note remains fully legible, visually secondary to the CTA. */
  body:has(.dashboard-frame) .cta-panel > p.note {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #a7b0bc !important;
    margin-top: 17px;
    max-width: 68ch;
  }
}
@media (max-width: 360px) {
  body:has(.dashboard-frame) .audience-card h3 { font-size: 19px !important; }
  body:has(.dashboard-frame) .audience-card p { font-size: 15px !important; }
}