/* ============================================================
   INVESTMENT OPPORTUNITIES PAGE — page-specific layout only.
   Reuses tokens + shared components from style.css
   (.grid-4, .info-card, .whychoose-grid/.whychoose-card/.wc-icon,
   .cta-band, .faq-item, .page-hero, etc). Nothing here redefines
   those selectors.
   ============================================================ */

/* investment disclaimer notice */
.notice-card{max-width:820px;margin:0 auto;display:flex;gap:18px;align-items:flex-start;background:#FFF8ED;border:1px solid #FBE4B8;border-radius:16px;padding:26px 28px;}
.notice-icon{width:46px;height:46px;border-radius:12px;background:#FBF3DC;color:#B08A1F;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.notice-card h3{font-size:15px;font-weight:800;margin:0 0 8px;}
.notice-card p{font-size:13px;color:var(--gray);line-height:1.7;margin:0;}

/* investment process timeline */
.process-timeline{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:0;}
.timeline-step{display:flex;gap:20px;position:relative;padding-bottom:32px;}
.timeline-step:last-child{padding-bottom:0;}
.timeline-step:not(:last-child)::before{content:'';position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--border);}
.timeline-num{width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;}
.timeline-content h4{font-size:14.5px;font-weight:800;margin:0 0 6px;}
.timeline-content p{font-size:13px;color:var(--gray);margin:0;line-height:1.6;}

/* compliance strip */
.compliance-strip{max-width:760px;margin:24px auto 0;display:flex;gap:12px;align-items:flex-start;background:#F5F5F5;border-radius:12px;padding:16px 20px;}
.compliance-strip i{color:var(--gray);font-size:15px;margin-top:2px;flex-shrink:0;}
.compliance-strip p{font-size:12px;color:var(--gray);line-height:1.6;margin:0;}
.compliance-strip strong{color:var(--black);}

@media(max-width:700px){
  .notice-card{flex-direction:column;text-align:center;align-items:center;}
  .timeline-step:not(:last-child)::before{left:19px;}
}