/* Palette (from brief) */
:root{
    --deep:#08316B;
    --royal:#0D4CAC;
    --chart:#0C4FC7;
    --cyan:#2093FA;
    --sky1:#B5DEFD;
    --sky2:#CBF1FE;
    --violet:#985FD0;
    --peri:#6666DC;
    --warm:#EA8A5B;
    --coral:#EE7361;
  }
  
  .investor-hero{
    max-width: 1100px;
    margin: 26px auto 16px;
    padding: 0 16px;
  }
  .investor-frame{
    position: relative;
    padding: 18px 20px;
    border-radius: 16px;
    background: #fff;
    border: 2px solid transparent;
    background:
      linear-gradient(#fff,#fff) padding-box,
      linear-gradient(135deg,var(--royal),var(--chart) 45%,var(--cyan)) border-box;
    box-shadow: 0 10px 28px rgba(13,76,172,.10);
    text-align: center;
  }
  .investor-title{
    margin: 0 0 6px;
    font-weight: 900;
    color: var(--royal);
    font-size: clamp(1.4rem,2.4vw,1.9rem);
  }
  .investor-sub{
    margin: 0;
    color: #243b6b;
  }
  
  .investor-summary{
    max-width: 1100px;
    margin: 16px auto;
    padding: 0 16px;
  }
  .summary-inner .lead{
    margin: 0 0 12px;
    line-height: 1.65;
    color: #1a2a4d;
  }
  .metrics-grid{
    display:grid;
    grid-template-columns: repeat(3,minmax(180px,1fr));
    gap:12px;
    margin: 12px 0;
  }
  @media (max-width: 900px){ .metrics-grid{ grid-template-columns: 1fr 1fr; } }
  @media (max-width: 560px){ .metrics-grid{ grid-template-columns: 1fr; } }
  
  .metric{
    background:#fff;
    border:1px solid #e3ecfb;
    border-radius:12px;
    padding:12px;
    box-shadow: 0 6px 16px rgba(0,84,166,.08);
  }
  .metric .val{
    font-weight: 900;
    font-size: 1.3rem;
    color: var(--deep);
    font-variant-numeric: tabular-nums;
  }
  .metric .val .unit{ margin-left: 2px; font-weight: 800; }
  .metric .val .prefix{ margin-right: 1px; }
  .metric .label{
    margin-top: 4px;
    color:#314b7d;
    line-height:1.35;
    font-size: .96rem;
  }
  
  .opportunity{
    margin: 10px 0 0;
    color:#20345f;
    line-height:1.6;
  }
  
  .investor-form-wrap{
    max-width: 900px;
    margin: 18px auto;
    padding: 0 16px;
  }
  .investor-form{
    background: #fbfdff;
    border: 1px solid #e3ecfb;
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 8px 22px rgba(0,84,166,.08);
  }
  .investor-form .form-row{
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
  }
  .investor-form .form-row.two{ grid-template-columns: 1fr 1fr; }
  @media (max-width: 680px){ .investor-form .form-row.two{ grid-template-columns: 1fr; } }
  
  .investor-form .field label{
    display:block;
    font-weight: 700;
    color:#0b4aa2;
    margin-bottom:6px;
  }
  .investor-form .field input,
  .investor-form .field select,
  .investor-form .field textarea{
    width:100%;
    border:1px solid #e5e7eb;
    border-radius: 10px;
    background:#fff;
    padding: 10px 12px;
    font-size: 1rem;
    outline: none;
  }
  .investor-form .field input:focus,
  .investor-form .field select:focus,
  .investor-form .field textarea:focus{
    border-color:#cfe0ff;
    box-shadow: 0 0 0 3px rgba(32,147,250,.14);
  }
  
  .investor-form .form-actions{
    display:flex; justify-content:flex-end; margin-top:6px;
  }
  .investor-form .btn-primary{
    appearance: none;
    border: 1px solid var(--chart);
    background: linear-gradient(120deg,var(--royal),var(--chart));
    color:#fff; font-weight:800;
    padding: 10px 16px; border-radius: 999px;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .22s ease, filter .2s ease;
  }
  .investor-form .btn-primary:hover{
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(12,79,199,.24);
    filter: brightness(1.03);
  }
  .investor-form .btn-primary[aria-busy="true"]{ opacity: .8; cursor: default; }
  
  .investor-cta{
    max-width: 900px;
    margin: 8px auto 26px;
    padding: 0 16px;
  }
  .investor-cta .cta-text{
    margin: 0;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px dashed #cfe0ff;
    background: #f6fbff;
    color:#163061;
  }