/* Investor page, revised around the supplied Invest in OCTO brief.
   Fixed responsive tracks keep tile and FAQ geometry stable in every state. */
.investors-page { --investors-blue: #014bd0; --investors-ink: #0a1740; --investors-muted: #52617a; color: var(--investors-ink); font: 16px/1.65 "Noto Sans", Arial, sans-serif; }
.investors-nav-short { display: none; }
.investors-shell { width: min(1440px, calc(100% - var(--wire-gutter) * 2)); margin: 28px auto 0; }
.investors-shell:focus { outline: none; }
.investors-shell h1, .investors-shell h2, .investors-shell p { margin: 0; }
.investors-shell h1, .investors-tile h2 { font-family: "Sora", Arial, sans-serif; font-weight: 700; letter-spacing: -.045em; line-height: 1.15; text-wrap: balance; }
.investors-shell a:focus-visible { outline: 3px solid var(--investors-blue); outline-offset: 3px; border-radius: 8px; }
.investors-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: 380px 360px; gap: var(--wire-gutter); }
.investors-tile { min-width: 0; min-height: 0; padding: 32px 36px; border-radius: var(--wire-radius); overflow: hidden; }
.investors-content { display: flex; flex-direction: column; height: calc(100% + 10px); min-height: 0; margin: -5px; padding: 5px; overflow: auto; scrollbar-width: thin; }
.investors-content > * { flex-shrink: 0; }
.investors-shell .investors-eyebrow { margin-bottom: 18px; color: var(--investors-blue); font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.investors-tile h2 { font-size: clamp(28px, 2.5vw, 36px); }
.investors-tile p:not(.investors-eyebrow) { max-width: 52ch; margin-top: 16px; color: var(--investors-muted); font-size: 14px; line-height: 1.65; }
.investors-intro { grid-area: 1 / 1 / 2 / 8; padding: 36px 40px; background-color: var(--investors-ink); background-image: linear-gradient(90deg, rgba(10, 23, 64, .22), transparent), url('assets/investors-navy-motif.svg'); background-size: 100% 100%; background-position: center; color: #fff; }
.investors-intro-brand { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.investors-intro-brand .investors-eyebrow { margin: 0; white-space: nowrap; }
.investors-intro-logo { display: block; width: 144px; height: auto; flex: 0 0 auto; }
.investors-intro .investors-eyebrow { color: #b9d2ff; }
.investors-intro h1 { font-size: clamp(44px, 4.3vw, 62px); line-height: 1.06; }
.investors-period { color: #f9c21d; }
.investors-intro p.investors-lead { max-width: 54ch; margin-top: 14px; color: #fff; font-size: 15px; }
.investors-intro p.investors-purpose { margin-top: 14px; color: #b9d2ff; }
.investors-pitch { grid-area: 1 / 8 / 2 / 13; background-color: var(--investors-blue); background-image: url('assets/investors-blue-motif.svg'); background-size: 100% 100%; background-position: center; color: #fff; }
.investors-pitch .investors-eyebrow { color: #d6e4ff; }
.investors-pitch h2 { font-size: clamp(34px, 3vw, 44px); }
.investors-pitch p:not(.investors-eyebrow) { max-width: 37ch; color: #fff; }
.investors-pitch-actions { margin-top: auto; padding-top: 22px; }
.investors-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; max-width: 100%; padding: 6px 6px 6px 18px; border-radius: 999px; background: #fff; color: var(--investors-blue); font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; transition: background-color .18s ease, box-shadow .18s ease; }
.investors-button:hover { background: #eaf0ff; }
.investors-button:active, .investors-text-link:active { background: #e3ecfc; box-shadow: inset 0 1px 3px rgba(10, 23, 64, .12); }
.investors-button .investors-arrow { flex-basis: 36px; height: 36px; border: 0; background: var(--investors-blue); color: #fff; }
.investors-button svg { transition: transform .18s ease; }
.investors-button:is(:hover, :focus-visible) svg { transform: translate(1px, -1px); }
.investors-pitch p.investors-response { max-width: none; margin-top: 12px; color: #fff; font-size: 14px; line-height: 1.5; }
.investors-pitch a:focus-visible { outline: 2px solid #f9c21d; outline-offset: 2px; border-radius: 999px; }
.investors-stage { grid-area: 2 / 1 / 3 / 6; background: #e3ecfc; }
.investors-stage h2 { color: var(--investors-blue); }
.investors-stage p.investors-proof { color: var(--investors-ink); font-weight: 700; }
.investors-stage p.investors-company-stage { margin-top: 10px; }
.investors-text-link { display: inline-flex; align-self: flex-start; align-items: center; gap: 16px; min-height: 48px; max-width: 100%; margin-top: auto; padding: 6px 6px 6px 18px; border-radius: 999px; background: #fff; color: var(--investors-blue); font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; transition: background-color .18s ease, box-shadow .18s ease; }
.investors-text-link:hover { background: #f7faff; box-shadow: 0 3px 12px rgba(1, 75, 208, .1); }
.investors-shell .investors-text-link:focus-visible { outline-width: 2px; outline-offset: 2px; border-radius: 999px; }
.investors-arrow { display: grid; flex: 0 0 32px; height: 32px; place-items: center; border: 1px solid #b0c6ed; border-radius: 50%; font-size: 18px; line-height: 1; }
.investors-text-link .investors-arrow { flex-basis: 36px; height: 36px; border: 0; background: var(--investors-blue); color: #fff; }
.investors-text-link svg { transition: transform .18s ease; }
.investors-text-link:is(:hover, :focus-visible) svg { transform: translateX(2px); }
@media (prefers-reduced-motion: reduce) {
  .investors-button, .investors-button svg, .investors-text-link, .investors-text-link svg { transition: none; }
  .investors-button:is(:hover, :focus-visible) svg, .investors-text-link:is(:hover, :focus-visible) svg { transform: none; }
}
.investors-support { grid-area: 2 / 6 / 3 / 13; background: #eef1f8; }
.investors-support h2 { font-size: clamp(26px, 2.2vw, 32px); }
.investors-ways { display: grid; flex: 1; grid-template-rows: repeat(3, minmax(min-content, 1fr)); gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.investors-ways li { display: flex; min-width: 0; }
.investors-ways a { display: flex; width: 100%; align-items: center; align-content: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 10px 14px; border: 1px solid rgba(10, 23, 64, .07); border-radius: 18px; background: #fff; color: var(--investors-ink); text-decoration: none; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease; }
.investors-way-copy { min-width: 0; }
.investors-ways strong { display: block; color: var(--investors-blue); font-size: 15px; line-height: 1.45; }
.investors-ways strong + span { display: block; max-width: 60ch; margin-top: 3px; color: var(--investors-muted); font-size: 13px; line-height: 1.55; text-wrap: pretty; }
.investors-ways .investors-arrow { flex-basis: 36px; height: 36px; border: 0; background: var(--investors-blue); color: #fff; }
.investors-ways svg { transition: transform .18s ease; }
.investors-ways a:hover { border-color: #b8ccf4; background: #f8faff; box-shadow: 0 3px 10px rgba(10, 23, 64, .06); }
.investors-ways a:is(:hover, :focus-visible) svg { transform: translate(1px, -1px); }
.investors-ways a:active { background: #eaf1ff; box-shadow: inset 0 1px 3px rgba(10, 23, 64, .08); }
.investors-ways a:focus-visible { outline: 2px solid var(--investors-blue); outline-offset: 2px; border-radius: 18px; }
@media (prefers-reduced-motion: reduce) {
  .investors-ways a, .investors-ways svg { transition: none; }
  .investors-ways a:is(:hover, :focus-visible) svg { transform: none; }
}
.investors-faq { margin-top: 36px; }
.investors-faq .faq-answer a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 8px; color: var(--investors-blue); font-weight: 700; text-underline-offset: 4px; }
.investors-faq .faq-answer a svg { flex-shrink: 0; }
.investors-page .legal-footer { width: min(1440px, calc(100% - var(--wire-gutter) * 2)); margin: 24px auto; padding: 16px 0; border-top: 1px solid #d6dcea; }
.investors-page .legal-footer nav { gap: 8px 24px; }
.investors-page .legal-footer a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; border-radius: 6px; }
.investors-page .legal-footer a:hover { color: var(--investors-ink); }
.investors-page .legal-footer a:focus-visible { outline: 2px solid var(--investors-blue); outline-offset: 2px; }
@media (max-width: 1100px) {
  .investors-grid { grid-template-rows: 410px 390px; }
  .investors-tile { padding: 28px; }
  .investors-intro h1 { font-size: clamp(42px, 4.8vw, 52px); }
  .investors-ways a { gap: 16px; }
}
@media (max-width: 800px) {
  .investors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 360px 390px 330px; }
  .investors-intro { grid-area: 1 / 1 / 2 / 3; padding: 32px 36px; }
  .investors-intro h1 { font-size: 52px; }
  .investors-pitch { grid-area: 2 / 2 / 3 / 3; }
  .investors-stage { grid-area: 2 / 1 / 3 / 2; }
  .investors-support { grid-area: 3 / 1 / 4 / 3; }
}
@media (max-width: 700px) {
  .investors-shell { margin-top: 24px; }
  .investors-grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: 390px 340px 350px 450px; }
  .investors-intro, .investors-pitch, .investors-stage, .investors-support { grid-area: auto; padding: 24px; }
  .investors-intro h1 { font-size: clamp(42px, 10vw, 52px); }
  .investors-intro-brand { gap: 12px; margin-bottom: 6px; }
  .investors-intro-logo { width: 120px; }
  .investors-intro p.investors-lead { margin-top: 20px; font-size: 14px; }
  .investors-tile h2 { font-size: 30px; }
  .investors-pitch h2 { font-size: 36px; }
  .investors-pitch-actions { padding-top: 8px; }
  .investors-button { gap: 16px; padding: 6px 6px 6px 18px; }
  .investors-support h2 { max-width: 15ch; font-size: 28px; }
  .investors-ways { gap: 8px; margin-top: 16px; }
  .investors-ways a { display: grid; grid-template-columns: minmax(0, 1fr) 32px; gap: 3px 12px; padding: 8px 12px; }
  .investors-way-copy { display: contents; }
  .investors-ways strong { font-size: 14px; }
  .investors-ways strong + span { grid-column: 1 / -1; grid-row: 2; margin-top: 0; }
  .investors-ways .investors-arrow { grid-column: 2; grid-row: 1; width: 32px; height: 32px; }
  .investors-faq { margin-top: 28px; }
}
@media (max-width: 600px) {
  .investors-nav-full { display: none; }
  .investors-nav-short { display: inline; }
}
@media (max-width: 360px) {
  .investors-intro h1 { font-size: 38px; }
  .investors-shell .investors-eyebrow { font-size: 10px; margin-bottom: 16px; }
  .investors-intro-brand .investors-eyebrow { margin: 0; }
  .investors-tile h2 { font-size: 27px; }
  .investors-pitch h2 { font-size: 32px; }
  .investors-button { gap: 12px; padding: 6px 6px 6px 16px; font-size: 13px; }
  .investors-ways { flex: 0 0 auto; grid-template-rows: none; margin-top: 14px; }
  .investors-ways a { column-gap: 10px; padding: 6px 10px; }
}
@media print {
  .investors-grid { display: block; }
  .investors-tile { margin-bottom: 20px; break-inside: avoid; }
  .investors-content { height: auto; overflow: visible; }
}