@media (max-width: 900px) {
  html:not([data-audience="investor"]) > body > primary-menu { margin-bottom: -72px; }
  .logged-hero { height: 650px; }
  .logged-hero::after { background-position: 62% center; }
  .logged-hero::before { background: radial-gradient(ellipse 64% 66% at 18% 35%,rgba(250,253,255,.76),rgba(247,252,255,.58) 52%,rgba(245,251,255,.24) 78%,transparent); }
  .logged-hero-inner { left: 28px; max-width: 540px; padding: 88px 0 50px; width: 58%; }
  .logged-layout { grid-template-columns: 1fr; }
  .journey-summary { display: none; }
  
  
  
  
  
  .guest-explainer { grid-template-columns: 1fr; }
  .explainer-intro { border: 0; padding-right: 18px; }
  .explainer-points { margin-top: 25px; padding-left: 18px; }
  .product-flow { gap: 20px; grid-template-columns: 1fr; }
  .flow-arrow { display: none; }
  .site-header nav { gap: 20px; }
  .hero { height: 410px; }
  .hero-copy { padding-top: 56px; }
  .hero h1 { font-size: 58px; }
  .process { padding-top: 40px; }
  .step-card { grid-template-columns: 180px 1fr; }
  .process-step.reverse .step-card { grid-template-columns: 1fr 180px; }
  .footer-grid { gap: 28px; grid-template-columns: 1.2fr repeat(3, .7fr); }
  .newsletter { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  .logged-hero { height: 820px; }
  .logged-hero::after { background-position: 68% center; background-size: auto 100%; }
  .logged-hero-inner { left: 20px; max-width: calc(100% - 40px); padding: 48px 0 30px; width: 88%; }
  .logged-hero h1 { font-size: 39px; }
  .logged-hero-inner > p { font-size: 12px; }
  .logged-products { grid-template-columns: 1fr; max-width: 340px; width: 100%; }
  .logged-section-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .logged-section-heading h2 { font-size: 38px; }
  .logged-layout { display: block; }
  .logged-step { grid-template-columns: 42px 1fr; }
  .logged-step::before { left: 17px; }
  .step-index { height: 35px; width: 35px; }
  .logged-step-card { display: block; padding: 14px; }
  .step-symbol { height: 50px; margin-bottom: 10px; width: 50px; }
  .step-content h3 { font-size: 18px; padding-right: 20px; }
  .two-columns { columns: 1; }
  .guardrail-grid { grid-template-columns: 1fr 1fr; }
  .outcome-grid, .outcome-grid.five { gap: 12px 0; grid-template-columns: 1fr 1fr; }
  .outcome-grid > span:nth-child(odd) { border-left: 0; }
  .step-content aside br { display: none; }
  .logged-bottom-note { align-items: flex-start; flex-wrap: wrap; }
  .logged-bottom-note p { margin-left: 36px; margin-top: -15px; }
  .guest-how-it-works { padding: 0 12px; }
  
  
  
  
  
  
  
  
  .explainer-intro h2 { font-size: 42px; }
  .explainer-points { padding-left: 8px; }
  .flow-card { padding: 22px 16px; }
  .flow-copy { margin-left: 50px; }
  .studio-inputs { flex-wrap: wrap; gap: 18px; }
  .studio-inputs > span { width: 28%; }
  .monitor-tiles { grid-template-columns: 1fr; }
  .monitor-tiles div { min-height: 145px; }
  .site-header { height: 64px; padding: 0 16px; }
  .site-header nav { display: none; }
  .site-header .brand span { font-size: 14px; }
  .site-header .primary-button { margin-left: auto; padding: 0 15px; }
  .hero { height: 390px; }
  .hero-copy { padding: 52px 20px 0; }
  .hero h1 { font-size: 47px; }
  .hero p { font-size: 15px; }
  .process { padding: 36px 14px 32px; }
  .section-heading h2 { font-size: 30px; }
  .section-heading p { font-size: 14px; }
  .journey { margin-top: 32px; }
  .process-step { grid-template-columns: 45px 1fr; min-height: auto; }
  .process-step:not(:last-child)::before { left: 18px; }
  .step-number { font-size: 12px; height: 38px; width: 38px; }
  .step-card, .process-step.reverse .step-card { display: flex; flex-direction: column; min-height: 0; padding: 16px; }
  .step-visual, .reverse .step-visual { height: 150px; margin: 0 0 20px; order: 0; width: 100%; }
  .step-copy, .process-step.reverse .step-copy { order: 1; }
  .step-copy h3 { font-size: 24px; }
  .step-copy p { font-size: 14px; }
  .step-copy ul { gap: 8px 15px; }
  .step-copy li { font-size: 12px; }
  .closing-callout { grid-template-columns: 68px 1fr; margin: 0 14px 40px; padding: 20px; }
  .values-icon { height: 58px; width: 58px; }
  .values-icon span { font-size: 27px; }
  .closing-callout h2 { font-size: 24px; }
  .closing-callout p br { display: none; }
  .closing-callout .primary-button { grid-column: 1 / -1; width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-about, .newsletter { grid-column: 1 / -1; }
  .legal { flex-direction: column; gap: 12px; }
  .legal span:last-child { flex-wrap: wrap; gap: 12px 20px; }
}