/* Pocket Intake: a restrained navy-and-blue extension of the existing pi brand.
   Load after network.css. All visible brand text is preserved; the SVG is an
   optional standalone asset, never a CSS replacement for the accessible name. */
.network-brand {
  gap: 10px;
  font-weight: 760;
  letter-spacing: -.035em;
  text-decoration: none;
}
.network-brand .brand-dot {
  color: var(--pi-accent);
}
.mark {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  box-sizing: border-box;
  border: 1px solid #263d50;
  border-radius: 9px;
  background: var(--pi-navy);
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.065em;
  box-shadow: 0 2px 4px #1423330d;
}
.network-brand:focus-visible {
  outline: 3px solid var(--pi-accent);
  outline-offset: 5px;
  border-radius: 4px;
}
@media (forced-colors: active) {
  .mark {
    background: Canvas;
    color: CanvasText;
    border-color: CanvasText;
    box-shadow: none;
  }
  .network-brand .brand-dot {
    color: LinkText;
  }
  .network-brand:focus-visible {
    outline-color: Highlight;
  }
}
/* One vector mark across the current workspace, public pages and sign-in. */
.brand-mark{display:block;flex:0 0 auto;width:34px;height:34px;max-width:none;border-radius:9px}
.network-brand,.brand,.compact-brand{align-items:center;gap:10px}
.mark{display:none}
.marketing{background:var(--pi-surface)}
.marketing .public-header{border-bottom:1px solid var(--pi-line)}
.marketing .hero h1{font-weight:720;letter-spacing:-.055em;line-height:1.06}
.marketing .hero h1 em{font-style:normal;color:var(--pi-accent)}
.marketing .lead{max-width:34rem;color:var(--pi-muted)}
.marketing .hero-note{font-size:.875rem;color:var(--pi-muted)}
.marketing .hero-visual{border:1px solid var(--pi-line);box-shadow:0 18px 44px -28px #14233366}
.marketing .feature .number{font-size:.8125rem;letter-spacing:.11em}
.marketing .feature h3{font-size:1.25rem;line-height:1.3}
.marketing .feature p,.marketing .section-head p,.marketing .boundary-list span{font-size:1rem;line-height:1.65}
.marketing .public-footer{font-size:.875rem}
.legal-wrap{max-width:800px;padding-bottom:72px}
.legal-wrap h2{font-size:1.25rem;line-height:1.35;margin-top:36px;margin-bottom:12px}
.legal-wrap p,.legal-wrap li{line-height:1.75}
.legal-wrap .callout{line-height:1.65}
body:not(.marketing) .intro-steps span{font-size:.875rem;line-height:1.45}
.referral-next,.referral-next strong,.referral-next p,.tools-menu,.tools-menu summary{font-size:.875rem}
.dialog-close{min-width:44px;min-height:44px}
.account-surface .brand-mark{width:38px;height:38px}
@media(max-width:800px){.marketing .hero{padding-top:38px}.marketing .hero h1{font-size:clamp(2.5rem,9vw,3.8rem)}.marketing .hero-actions{gap:10px}.marketing .hero-actions .button{min-height:48px}.legal-wrap{padding-inline:22px}.network-brand.mobile-brand{gap:8px}.mobile-brand .brand-mark{width:28px;height:28px}.intro-steps span{overflow-wrap:anywhere}.topbar-actions{min-width:0}}
@media(max-width:360px){.public-header .network-brand{font-size:.9375rem}.public-header .brand-mark{width:28px;height:28px}.public-header .header-actions .button{padding:10px 12px}.mobile-brand{font-size:.875rem}.tools-menu summary{font-size:.8125rem}.topbar{gap:8px}.topbar-actions .avatar{display:none}.dialog-head{padding:16px}.dialog-body{padding:16px}.intro-steps span{font-size:.8125rem!important}}
@media(forced-colors:active){.brand-mark{forced-color-adjust:none}.marketing .hero-visual{box-shadow:none;border-color:CanvasText}}
.tools-menu a[hidden]{display:none!important}
.legacy-workspace-note{margin:16px 0 22px;padding:18px 20px;border:1px solid var(--pi-line);border-radius:12px;background:var(--pi-accent-soft);color:var(--pi-ink);font-size:.875rem;line-height:1.6}
.legacy-workspace-note p{margin:7px 0 10px}.legacy-workspace-note a{font-weight:650;color:var(--pi-accent)}