:root{ --void:#ffffff; --deep:#F8F9FB; }
  header.top h1{ font-size:clamp(2.3rem,4.4vw,3.75rem); line-height:1.03; letter-spacing:-.025em; }
  header.top p.lead{ font-size:1.25rem; line-height:1.6; max-width:44ch; }
  .eyebrow{ font-size:.76rem; letter-spacing:.22em; }
  .nav{ background:#0a0918; backdrop-filter:blur(10px); }
  .nav.nav--scrolled{ background:#0a0918; backdrop-filter:blur(10px); }
  @media (min-width:1181px) and (max-width:1260px){ .nav__links{ gap:.85rem; } .nav__links a{ font-size:.78rem; } }
  @media (min-width:1181px){ .nav__links{ gap:1.1rem; } }
  .nav:has(.nav__flyout:hover), .nav:has(.nav__flyout.is-open){ overflow:visible; }
  .nav__flyout{ position:relative; }
  .nav__flyout-trigger{
    display:flex; align-items:center; gap:.45rem;
    font-family:var(--mono); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
    color:rgba(255,255,255,.75); background:transparent; border:1px solid rgba(255,255,255,.2);
    border-radius:999px; padding:.55rem 1rem; cursor:pointer; white-space:nowrap;
    transition:border-color .2s ease, color .2s ease;
  }
  .nav__flyout-trigger svg{ width:13px; height:13px; transition:transform .25s ease; }
  .nav__flyout-trigger:hover{ border-color:rgba(255,255,255,.4); color:#fff; }
  .nav__flyout:hover .nav__flyout-trigger svg,
  .nav__flyout.is-open .nav__flyout-trigger svg{ transform:rotate(180deg); }
  .nav__flyout .nav__links{
    display:flex; flex-direction:column; gap:.15rem; list-style:none; margin:0;
    position:absolute; top:calc(100% + .7rem); right:0; z-index:20; min-width:240px;
    background:#0a0918; border:1px solid rgba(255,255,255,.12); border-radius:1rem;
    padding:.5rem; box-shadow:0 24px 60px -20px rgba(0,0,0,.55);
    opacity:0; visibility:hidden; transform:translateY(-6px);
    transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
  }
  .nav__flyout:hover .nav__links,
  .nav__flyout.is-open .nav__links{
    opacity:1; visibility:visible; transform:translateY(0); transition-delay:0s;
  }
  .nav__flyout .nav__links li{ display:block; }
  .nav__flyout .nav__links a{
    display:block; padding:.65rem .85rem; border-radius:.6rem; font-size:.85rem;
    color:rgba(255,255,255,.75); white-space:nowrap; transition:background .15s ease, color .15s ease;
  }
  .nav__flyout .nav__links a:hover{ background:rgba(255,255,255,.07); color:#fff; }
  .nav .wrap{ z-index:10; }
  @media (prefers-reduced-motion:reduce){ .nav__flyout .nav__links{ transition:none; } }
  @media (max-width:1180px){ .nav__flyout{ display:none; } }
  section.block h2, #pipeline h2{ font-size:clamp(2rem,3.4vw,2.6rem) !important; line-height:1.12; letter-spacing:-.015em; max-width:24ch; }
  section.block p.sub, #pipeline .sub{ font-size:1.08rem; line-height:1.65; max-width:62ch; margin:1.25rem 0 3rem; }
  section.block{ padding:5rem 0; }
  .cta{ padding:8rem 0 10rem; }
  header.top{ margin-bottom:-2px; }
  .platform-cta{ font-size:.78rem; padding:.85rem 1.3rem; }
  /* Industry tile grid: base rules (this chrome's own about.html-style stylesheet only
     ships a v2 override for .ind/.ind-grid/.ind__icn — the base shape lives on the
     homepage's stylesheet instead — so both are included here for this hub page. */
  .ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
  @media (max-width:860px){.ind-grid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:560px){.ind-grid{grid-template-columns:1fr}}
  .ind{display:flex;align-items:center;gap:.85rem;border:1px solid var(--hair);border-radius:.6rem;padding:1rem 1.15rem;background:#fff;transition:border-color .2s ease,transform .2s ease}
  .ind:hover{border-color:var(--brand-magenta-tint);transform:translateY(-2px)}
  .ind__icn{width:34px;height:34px;flex:none}
  .ind span{font-family:var(--display);font-weight:600;font-size:.85rem;color:var(--bone);line-height:1.3}
  .ind{ border-radius:1.2rem; padding:1.4rem 1.5rem;
    box-shadow:0 1px 2px rgba(18,19,42,.04), 0 20px 40px -22px rgba(18,19,42,.12), 0 24px 48px -26px rgba(46,155,255,.12);
    transition:transform .25s cubic-bezier(.22,.7,.2,1), box-shadow .25s ease, border-color .25s ease;
    gap:1.05rem; border:1px solid transparent; background:var(--deep); }
  .ind:hover{ border-color:rgba(228,86,154,.3); transform:translateY(-4px);
    box-shadow:0 1px 2px rgba(18,19,42,.05), 0 26px 46px -22px rgba(18,19,42,.16), 0 28px 56px -24px rgba(46,155,255,.2); }
  .ind__icn{ width:38px; height:38px; }
  .ind span{ font-size:.98rem; }
  .ind-grid{ gap:1.5rem; }
  .ind__blurb{ display:block; font-family:var(--body); font-weight:400; font-size:.78rem; color:var(--mute); margin-top:.25rem; line-height:1.4; }