/* Real Estate Investment Club - Global Styles */
:root {
  /* Light theme palette */
  --bg: #f5f7fb;          /* app background */
  --bg-elev: #ffffff;     /* surfaces */
  --text: #0f172a;        /* primary text */
  --muted: #475569;       /* secondary text */
  --primary: #2563eb;     /* blue */
  --primary-2: #22c55e;   /* green */
  --accent: #7c3aed;      /* purple */
  --success: #16a34a;     /* green */
  --ring: 0 0 0 3px rgba(37, 99, 235, 0.25);
  --radius: 14px;
  --shadow-1: 0 12px 24px rgba(15, 23, 42, 0.08);
  --shadow-2: 0 8px 18px rgba(15, 23, 42, 0.08);
  --border: #e5e7eb;

  /* Brand colors */
  --brand-primary: #0B5FFF; /* main brand color — logo / CTA */
  --brand-primary-600: #0649E0; /* hover / active */
  --brand-primary-300: #9CC3FF; /* subtle/bg tint / decorative */
  --brand-dark: #0B1B2B; /* primary text for small copy */
  --brand-accent: #00B37E; /* success / accent */
  --bg-neutral: #F6F8FA; /* page background */
  --muted: #6B7280; /* captions and placeholders */
  --white: #FFFFFF;
}

/* ================= Contact Page (Snappy-like layout) ================ */
.contact-hero{padding:48px 0;background:linear-gradient(180deg,#eaf0ff,#eaf0ff);}
.contact-wrap{width:min(1120px,92%);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.contact-info{background:#eaf0ff;border-radius:18px;padding:28px 24px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.contact-info h1{font-size:48px;line-height:2.05;margin:0 0 12px;color:#0f172a}
.contact-info p{color:#475569}
.contact-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.contact-columns h3{margin:0 0 6px;font-size:16px}
.contact-card{background:#ffffff;border-radius:18px;box-shadow:0 14px 40px rgba(9,17,28,.08);padding:22px;position:relative}
.contact-card h3{margin:0 0 6px}
.contact-form{display:grid;gap:12px}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-form input,.contact-form textarea, .contact-form select{width:100%;padding:12px 12px;border:1px solid #e5e7eb;border-radius:12px;font:inherit}
.contact-form textarea{min-height:110px}
.contact-form .submit{background:#2563eb;color:#fff;border:none;padding:12px 14px;border-radius:12px;cursor:pointer}
.contact-note{font-size:12px;color:#64748b;margin-top:6px}
@media (max-width:980px){
  .contact-wrap{grid-template-columns:1fr}
}
/* Home page footer design (matches reference image) */
.watermark{position:absolute;width:100%;height:400px;bottom:0;left:0;font-size:280px;font-weight:900;color:rgba(15,23,42,.05);font-family:Inter,sans-serif;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;transform:translateY(50px);z-index:-1}

.home-footer{background:#f7f7f8;padding:48px 0;position:relative}
.home-footer .footer-card{max-width:1200px;margin:0 auto;background:#ffffff;border-radius:20px;padding:40px 48px;box-shadow:0 30px 60px rgba(15,15,15,.06);position:relative}
.home-footer .footer-content{display:grid;grid-template-columns:40% 20% 40%;gap:32px;margin-bottom:24px}
.home-footer .footer-left .brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.home-footer .footer-left .brand .logo{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:14px}
.home-footer .footer-left .brand div:last-child{font-weight:600;font-size:16px;color:#222225}
.home-footer .footer-left p{font-size:14px;line-height:1.6;color:#6d6e72;margin-bottom:18px}
.home-footer .footer-left .social{display:flex;gap:16px}
.home-footer .footer-left .social a{color:#3b3c3f;font-size:14px;text-decoration:none;transition:color .15s ease}
.home-footer .footer-left .social a:hover{color:#0b0b0b}
.home-footer .footer-middle,.home-footer .footer-right{text-align:left}
.home-footer .footer-middle{margin-left:0}
.home-footer .footer-right{text-align:right}
.home-footer h4{font-size:14px;font-weight:600;color:#222225;margin-bottom:12px}
.home-footer a{font-size:14px;color:#3b3c3f;text-decoration:none;transition:color .15s ease, text-decoration .15s ease}
.home-footer a:hover{color:#0b0b0b;text-decoration:underline}
.home-footer hr{border:0;border-top:1px solid #ededed;margin:24px 0 18px}
.home-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.home-footer .footer-bottom .copyright{font-size:13px;color:#9b9c9e}
.home-footer .footer-bottom .policies{display:flex;gap:16px}
.home-footer .footer-bottom .policies a{font-size:13px;color:#9b9c9e;text-decoration:none}
.home-footer .footer-bottom .policies a:hover{color:#0b0b0b}

/* Responsive for home footer */
@media (max-width:1199px){
  .home-footer .footer-content{grid-template-columns:1fr 1fr;gap:24px}
  .home-footer .footer-left{grid-column:1/2}
  .home-footer .footer-middle{grid-column:1/2}
  .home-footer .footer-right{grid-column:2/3;text-align:right}
}
/* CTA card to match footer (home page) */
:root {
  --card-radius: 20px;
  --card-shadow: 0 30px 60px rgba(15,15,15,0.06);
  --card-padding: 36px 44px;
  --max-width: 1120px;
}

.home-footer .footer-card{max-width:var(--max-width);margin:0 auto;background:#ffffff;border-radius:var(--card-radius);padding:40px 48px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}
.cta-card-wrapper{background:transparent;padding:0px 0}
.cta-card-wrapper .cta-card{max-width:var(--max-width);margin:0 auto;background:#ffffff;border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow)}
.cta-card-wrapper .cta-card .container.row{display:flex;justify-content:space-between;align-items:center}

/* Responsive for CTA card */
@media (max-width:1199px){
  .cta-card-wrapper .cta-card{max-width:960px}
}
@media (max-width:767px){
  .cta-card-wrapper .cta-card{margin:0 20px;border-radius:14px}
  .cta-card-wrapper .cta-card .container.row{flex-direction:column;gap:16px;text-align:center}
}
/* Premium footer inspired by reference */
.pro-footer{background:#eaf0f8;padding:32px 0}
.pro-footer .pro-panel{background:#0e1a2b;color:#eaf3f1;border-radius:18px;box-shadow:0 14px 40px rgba(9,17,28,.18);padding:28px 22px;position:relative;overflow:hidden;/* full-bleed */width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.pro-footer .pro-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:#c8a66a;border-bottom-left-radius:18px;border-bottom-right-radius:18px}
/* geometric line accents */
.pro-footer .pro-panel:before{content:"";position:absolute;inset:0;background:
  linear-gradient(135deg, rgba(255,255,255,.08) 1px, transparent 1px) 0 0/160px 160px,
  linear-gradient(45deg, rgba(255,255,255,.05) 1px, transparent 1px) 0 0/180px 180px;
  pointer-events:none;}
.pro-footer .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;position:relative}
.pro-footer h4{margin:0 0 10px;font-weight:700;color:#f3f8f7}
.pro-footer p,.pro-footer a{color:#cdd8e6;text-decoration:none}
.pro-footer a:hover{color:#ffffff}
.pro-footer .brand{display:flex;align-items:center;gap:10px}
.pro-footer .back-top{margin-top:14px;border:1px solid rgba(255,255,255,.35);color:#eaf3f1;background:transparent;border-radius:8px;padding:8px 12px;cursor:pointer}
.pro-footer .social{display:flex;gap:10px;margin-top:10px}
.pro-footer .legal{margin-top:8px;color:#cdd8e6;font-size:13px}
@media (max-width:980px){
  .pro-footer .cols{grid-template-columns:1fr}
  .pro-footer .pro-panel{border-radius:0}
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
}

/* Avoid horizontal shift when navigating between pages with/without scrollbar */
html { scrollbar-gutter: stable; }

/* Ensure in-page anchors scroll below sticky header */
.section, [id] { scroll-margin-top: 96px; }

img { max-width: 100%; display: block; }

.container { width: min(1120px, 92%); margin: 0 auto; }

/* Navigation */
.header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: saturate(1.2) blur(8px);
  background: rgba(255,255,255,0.88);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 2px 8px rgba(15,23,42,0.06);
}
.nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 0;
}
.brand {
  display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text);
}
.brand .logo {
  width: 42px; height: 42px; border-radius: 12px;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  display: grid; place-items: center;
  box-shadow: var(--shadow-2);
}
.brand .logo span { font-weight: 800; }
.brand .name { font-weight: 700; letter-spacing: 0.2px; }
.brand .tag { color: var(--muted); font-size: 13px; margin-left: 6px; }

.nav-links { display: flex; gap: 18px; align-items: center; }
.nav-links a {
  color: var(--muted);
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 10px;
}
.nav-links a:hover { color: var(--text); background: rgba(15,23,42,0.06); }
.nav-auth { display: flex; gap: 8px; }
.nav .right { display: flex; gap: 16px; align-items: center; }

.btn, button, input[type="submit"] {
  appearance: none; cursor: pointer;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  color: white; border: 0; border-radius: 12px;
  padding: 10px 16px; font-weight: 600; letter-spacing: 0.2px;
  box-shadow: var(--shadow-2);
}
.btn.ghost {
  background: transparent; color: var(--text);
  border: 1px solid var(--border);
}
.btn:hover { filter: brightness(1.03); }

/* Mobile menu button */
.menu-btn { display: none; background: transparent; border: 1px solid rgba(255,255,255,0.18); padding: 8px 10px; border-radius: 10px; }

/* Hero */
.hero { padding: 120px 0 56px; position: relative; }
.hero .bg {
  position: absolute; inset: 0; z-index: -2;
  /* Use ONLY the uploaded image */
  background: url('Images/reic-background.jpg') center/cover no-repeat;
}
.hero .overlay {
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.4));
}
.hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: center; }

.kicker { color: var(--success); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; }
.h1 { font-size: clamp(38px, 6.5vw, 58px); line-height: 1.08; margin: 12px 0 10px; font-weight: 800; color: #fff; }
.subhead { color: #e5edff; font-size: clamp(15px, 1.8vw, 18px); }

.hero-card {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.18);
  padding: 18px; border-radius: var(--radius);
  display: grid; gap: 12px; grid-template-columns: 48px 1fr;
  align-items: center;
}
.hero-card .icon {
  width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center;
  background: linear-gradient(135deg, rgba(108, 123, 255, 0.2), rgba(142, 84, 233, 0.2));
}
.hero-cta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 12px; }
.rotator { margin-top: 14px; font-weight: 600; color: #e8ecff; }
.rotator .dot { color: var(--accent); margin: 0 6px; }
.hero-tags {
  display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px;
}
.tag { padding: 8px 12px; border-radius: 999px; font-size: 13px; color: #e8ecff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.22); }

/* Section */
.section { padding: 56px 0; }
.section .head { text-align: center; margin-bottom: 24px; }
.section .head h2 { font-size: clamp(26px, 4.5vw, 36px); margin: 0 0 8px; }
.section .head p { color: var(--muted); margin: 0 auto; max-width: 760px; }

.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.card { background: var(--bg-elev); border: 1px solid var(--border); padding: 18px; border-radius: var(--radius); box-shadow: var(--shadow-1); }
.card h3 { margin: 8px 0 8px; color: var(--text); }
.card p { color: var(--muted); margin: 0; }
.card .emph { color: var(--text); }

/* Property-style layout (mockup) */
.metrics {
  margin-top: 16px;
  background: var(--bg-elev);
  border: 1px solid var(--border);
  border-radius: 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 14px;
}
.metric { background: #fafbff; border: 1px solid var(--border); border-radius: 12px; padding: 12px; }
.metric .title { font-size: 13px; color: var(--muted); }
.metric .num { font-size: 22px; font-weight: 800; color: var(--text); }
.metric .note { font-size: 12px; color: var(--muted); }

.tabs { margin-top: 18px; border-bottom: 1px solid var(--border); display: flex; gap: 12px; flex-wrap: wrap; }
.tab { padding: 10px 14px; border-radius: 10px 10px 0 0; color: var(--muted); cursor: pointer; border: 1px solid transparent; background: transparent; }
.tab.active { color: var(--text); background: var(--bg-elev); border-color: var(--border); border-bottom-color: transparent; }

.layout-2col { display: grid; grid-template-columns: 240px 1fr; gap: 24px; margin-top: 18px; }
.sidebar { position: sticky; top: 76px; align-self: start; }
.sidebar .snav { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.sidebar .snav a { display: block; padding: 8px 10px; border-radius: 10px; color: var(--muted); text-decoration: none; }
.sidebar .snav a:hover, .sidebar .snav a.active { color: var(--text); background: #eef2ff; }

.tabpanel { display: none; padding: 18px 0; }
.tabpanel.active { display: block; }
.prose h3 { margin: 16px 0 8px; }
.prose p { color: var(--muted); }
.badge { display: inline-block; padding: 6px 10px; border-radius: 999px; font-size: 12px; background: rgba(34,197,94,0.18); color: #a7f3d0; border: 1px solid rgba(34,197,94,0.28); }

.map-placeholder { height: 360px; border-radius: 16px; background: #eef2ff; display: grid; place-items: center; color: #334155; border: 1px dashed var(--border); }

.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.gallery img { width: 100%; height: 180px; object-fit: cover; border-radius: 12px; }

/* Stats bar */
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; }
.stat {
  background: linear-gradient(135deg, rgba(124,58,237,0.9), rgba(37,99,235,0.9));
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px; padding: 16px; color: #fff; box-shadow: var(--shadow-2);
}
.stat .label { opacity: 0.9; font-weight: 600; }
.stat .value { font-size: 28px; font-weight: 800; margin: 8px 0; }
.stat .delta { font-size: 12px; opacity: 0.9; }

/* Program list */
.checklist { display: grid; gap: 10px; }
.checkitem { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; }
.checkitem .check { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: rgba(54, 211, 153, 0.18); color: #9ff1d1; }

/* CTA Section */
.cta {
  background: linear-gradient(135deg, rgba(108, 123, 255, 0.15), rgba(142, 84, 233, 0.12));
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius);
  padding: 24px;
}
.cta .row { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; }

/* Form */
.form {
  display: grid; gap: 12px;
}
.input, select, textarea {
  width: 100%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 10px 12px; color: var(--text);
}
.input:focus, select:focus, textarea:focus { outline: none; box-shadow: var(--ring); }
.helper { color: var(--muted); font-size: 13px; }

/* Footer */
.footer { padding: 34px 0 48px; border-top: 1px solid var(--border); color: #e2e8f0; background: #0f172a; }
.footer .cols { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 20px; }
.footer a { color: #cbd5e1; text-decoration: none; }
.footer a:hover { color: #fff; }
.legal { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-top: 22px; font-size: 14px; }

/* Utilities */
.muted { color: var(--muted); }
.center { text-align: center; }

/* Responsive */
@media (max-width: 980px) {
  .hero-grid { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr 1fr; }
  .footer .cols { grid-template-columns: 1fr 1fr; }
  .nav .right { display: none; }
  .menu-btn { display: inline-flex; }
}
@media (max-width: 640px) {
  .nav-links { display: none; }
  .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr; }
}

/* Header Redesign - Glassy Pill Style */
:root {
  --header-height: 80px;
  --header-radius: 28px;
  --header-bg: rgba(255,255,255,0.72);
  --header-shadow: 0 10px 30px rgba(10,10,10,0.08);
  --header-shadow-hover: 0 18px 40px rgba(10,10,10,0.12);
  --header-border: 1px solid rgba(255,255,255,0.6);
}

.oi-header {
  position: relative;
  top: 0;
  z-index: 60;
  height: var(--header-height);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-radius: var(--header-radius);
  box-shadow: none;
  margin-bottom: 0;
  border: 1px solid rgba(255,255,255,0.6);
}

.header-container {
  max-width: 1200px;
  margin: 24px auto 0;
  padding-inline: 16px;
  background: transparent;
}

.oi-nav {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.oi-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--text);
}

.oi-brand .mark {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(135deg, #c8a66a, #e2c792);
  display: grid;
  place-items: center;
  color: var(--brand-dark);
  font-weight: 800;
  font-size: 16px;
}

.oi-brand .name {
  font-weight: 700;
  font-size: 14px;
  color: var(--brand-primary);
  letter-spacing: 0;
  line-height: 1.1;
  max-width: 180px;
  word-wrap: break-word;
  text-align: center;
}

.oi-brand div:last-child {
  font-size: 10px;
  opacity: 0.85;
}

.oi-nav-links {
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 0 auto;
  margin-left: 60px;
}

.oi-nav-links a {
  color: rgba(31,31,33,0.85);
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  padding: 8px 0;
  position: relative;
  transition: color 180ms ease;
}

.oi-nav-links a:hover {
  color: #0B0B0B;
}

.oi-nav-links a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: #0B5FFF;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: transform 180ms ease;
}

.oi-nav-links a:hover::after {
  transform: translateX(-50%) scaleX(1);
}

.oi-nav-links a:focus {
  outline: 3px solid rgba(55,56,63,0.08);
  outline-offset: 2px;
}

.oi-menu-btn {
  display: none;
  background: transparent;
  border: none;
  padding: 8px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 180ms ease;
  position: relative;
}

.oi-menu-btn:hover {
  background: rgba(0,0,0,0.05);
}

.oi-menu-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(31,31,33,0.08);
  opacity: 0;
  transition: opacity 120ms ease;
}

.oi-menu-btn:hover::before {
  opacity: 1;
}

.oi-menu-btn:focus {
  outline: 3px solid rgba(55,56,63,0.08);
}

.oi-mobile {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--header-bg);
  border-radius: 0 0 var(--header-radius) var(--header-radius);
  border: var(--header-border);
  border-top: none;
  backdrop-filter: blur(10px);
  box-shadow: var(--header-shadow-hover);
  padding: 16px 28px;
  z-index: 50;
}

.oi-mobile .wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.oi-mobile a {
  color: rgba(31,31,33,0.85);
  text-decoration: none;
  padding: 12px 0;
  font-weight: 500;
  font-size: 16px;
  transition: color 180ms ease;
}

.oi-mobile a:hover {
  color: #0B0B0B;
}

/* Responsive */
@media (max-width:1024px) {
  .oi-nav-links {
    display: none;
  }
  .oi-menu-btn {
    display: block;
  }
  .oi-mobile.open {
    display: block;
  }
}

@media (max-width:640px) {
  :root {
    --header-height: 64px;
  }
  .oi-nav {
    padding: 8px 16px;
  }
  .oi-mobile {
    padding: 12px 16px;
  }
}

/* Glassmorphism Header Styles */
:root{
  --glass-bg: rgba(255,255,255,0.65);
  --glass-solid: rgba(255,255,255,0.92);
  --text: #111827;
  --text-2: #1F2937;
  --shadow: 0 8px 24px rgba(0,0,0,0.08);
  --radius-pill: 28px;
  --gap-lg: 28px;
  --gap-md: 20px;
}

#site-header{ position: relative; z-index: 50; }

.header-container{ max-width:1200px; margin:24px auto 0; padding-inline:16px; }

.nav-pill{
  display:flex;
  align-items:center;
  height:clamp(64px, 7vh, 72px);
  padding-inline:20px;
  background: var(--glass-bg);
  color: var(--text);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  border-top:1px solid rgba(255,255,255,0.6);
  background-clip: padding-box;
}

.nav-left, .nav-center, .nav-right{ display:flex; align-items:center; gap: var(--gap-lg); }

.nav-center{ flex:1; justify-content:center; }

.nav-right .icon-btn{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  background: rgba(255,255,255,0.45);
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: var(--text-2);
  transition: background 180ms ease;
}

.nav-right .icon-btn:hover{ background: rgba(255,255,255,0.6); }

.nav-right .cta-pill{
  padding:12px 20px;
  border-radius:9999px;
  background:#FFF8F0;
  color:var(--text);
  font-weight:600;
  border: none;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
  transition: background 180ms ease, box-shadow 180ms ease;
}

.nav-right .cta-pill:hover{
  background: #f3f4f6;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.nav-center a{
  color: var(--text-2);
  font-weight:500;
  text-decoration:none;
  padding:8px 10px;
  border-radius:10px;
  transition: color 180ms ease, background 180ms ease;
}

.nav-center a:hover{ background: rgba(255,255,255,0.3); color: var(--text); }

.nav-pill :focus-visible{ outline:2px solid #111827; outline-offset:3px; }

/* Fallback when blur unsupported */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .nav-pill{ background: var(--glass-solid); }
}

/* Desktop optimizations */
@media (min-width: 1024px) {
  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  /* Hero desktop */
  .oi-hero .content {
    grid-template-columns: 1.2fr 0.8fr;
    gap: 32px;
    align-items: center;
  }
  
  .oi-hero h1 {
    font-size: clamp(48px, 8vw, 72px);
    line-height: 1.05;
  }
  
  .oi-hero p {
    font-size: 18px;
    margin: 16px 0 24px;
  }
  
  /* Stats desktop */
  .oi-stat-row {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  
  /* Cards desktop */
  .oi-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  
  /* Performance desktop */
  .oi-perf .box {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  
  /* Section padding desktop */
  .oi-section {
    padding: 60px 0;
  }
  
  /* CTA band desktop */
  .oi-cta-band .row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

/* Tablet */
@media (max-width:1023.98px) and (min-width:768px){
  .nav-left, .nav-center, .nav-right{ gap: var(--gap-md); }
  .nav-right .cta-pill{ padding:10px 18px; }
  
  /* Header tablet */
  .header-container {
    margin: 20px auto 0;
    padding-inline: 14px;
  }
  
  .nav-pill {
    padding-inline: 18px;
    height: 66px;
  }
  
  .oi-brand .name {
    font-size: 13px;
  }
  
  /* Tagline bar tablet */
  .tagline-bar {
    max-width: calc(100vw - 32px);
    margin: 12px 16px 0;
    padding: 12px 18px;
    min-height: 60px;
    font-size: 15px;
  }
  
  /* Hero tablet */
  .oi-hero {
    padding: 70px 0 35px;
  }
  
  .oi-hero .content {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 16px;
  }
  
  .oi-hero .content > div {
    padding: 18px;
  }
  
  .oi-hero h1 {
    font-size: clamp(36px, 7vw, 56px);
    text-align: center;
  }
  
  .oi-hero p {
    font-size: 17px;
    text-align: center;
  }
  
  /* Stats tablet */
  .oi-stat-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
  
  /* Cards tablet */
  .oi-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
  
  /* Performance tiles tablet */
  .oi-perf .box {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  /* Section padding tablet */
  .oi-section {
    padding: 50px 0;
  }
}

/* Mobile */
@media (max-width:767.98px){
  .nav-center{ display:none; }
  .nav-right{ margin-left:auto; }
  
  /* Header adjustments */
  .header-container {
    margin: 12px auto 0;
    padding-inline: 12px;
  }
  
  .nav-pill {
    padding-inline: 16px;
    height: 60px;
  }
  
  .oi-brand .name {
    font-size: 11px;
  }
  
  .oi-brand div:last-child {
    font-size: 9px;
  }
  
  /* Tagline bar mobile */
  .tagline-bar {
    max-width: calc(100vw - 24px);
    margin: 8px 12px 0;
    padding: 10px 16px;
    min-height: 50px;
    font-size: 14px;
  }
  
  /* Hero mobile */
  .oi-hero {
    padding: 60px 0 30px;
  }
  
  .oi-hero .content {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 12px;
  }
  
  .oi-hero .content > div {
    padding: 16px;
  }
  
  .oi-hero h1 {
    font-size: clamp(28px, 6vw, 44px);
    line-height: 1.1;
  }
  
  .oi-hero p {
    font-size: 16px;
    margin: 12px 0 18px;
  }
  
  /* Stats mobile */
  .oi-stat-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  /* Cards mobile */
  .oi-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  /* Grid mobile */
  .oi-grid-2, .grid-2 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  /* Section padding mobile */
  .oi-section {
    padding: 40px 0;
  }
  
  /* Performance tiles mobile */
  .oi-perf .box {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  
  /* CTA band mobile */
  .oi-cta-band .row {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
}
.oi-hero .scroll{position:absolute;left:10px;bottom:-22px;color:#e7d9bc;border:1px solid #e7d9bc;border-radius:999px;padding:8px 12px;font-size:12px;backdrop-filter:blur(4px)}

/* Mockup right mission card */
.mission{backdrop-filter:saturate(1.1) blur(2px); background: rgba(14,26,43,.55); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:18px 20px; box-shadow:0 8px 30px rgba(0,0,0,.2)}
.mission .bar{height:2px; width:100%; background:#c8a66a; opacity:.9; margin:8px 0 14px}
.mission p{color:#e6ebff; margin:0}

/* Scroll indicator circle */
.scroll-circle{position:absolute; left:24px; bottom:18px; width:70px; height:70px; border-radius:50%; border:2px solid rgba(255,255,255,.6); color:#e5edff; display:grid; place-items:center; font-size:12px}
.scroll-circle:after{content:"\2193"; display:block; font-size:18px; margin-top:2px}

.tagline-bar{
  max-width: 1160px;
  margin: 0 auto;
  min-height: clamp(64px,7vh,72px);
  height: auto;
  padding: 12px 20px;
  background: rgba(255,255,255,0.65);
  color: #2b1e0e;
  border-radius: 28px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  background-clip: padding-box;
  border-top: 1px solid rgba(255,255,255,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border-bottom: none;
}

/* Fallback for tagline-bar */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .tagline-bar{ background: rgba(255,255,255,0.92); }
}

/* Reduced transparency for tagline-bar */
@media (prefers-reduced-transparency: reduce){
  .tagline-bar{ backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(255,255,255,0.92); }
}

.oi-ticker{background:#c8a66a;color:#2b1e0e;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.oi-ticker .row{display:flex;gap:28px;overflow:auto;white-space:nowrap}
.oi-ticker .item{font-weight:700}

.oi-stats{background:#f1f5f9;padding:28px 0}
.oi-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.oi-stat{background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;text-align:center;box-shadow:0 12px 24px rgba(15,23,42,.08)}
.oi-stat .num{font-size:32px;font-weight:800}
.oi-stat .label{color:#4b5563}

.oi-section{padding:60px 0}
.oi-section .head{text-align:center;margin-bottom:24px}
.oi-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 12px 24px rgba(15,23,42,.08)}
.oi-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.oi-perf .box{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.oi-perf .tile{border-radius:14px;padding:18px}
.oi-perf .tile.gold{background:#c8a66a;color:#2b1e0e}
.oi-perf .tile.navy{background:#0e1a2b;color:#fff}
.oi-perf .tile .big{font-size:34px;font-weight:800}

.oi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.oi-project{overflow:hidden}
.oi-project img{width:100%;height:200px;object-fit:cover;border-radius:12px}
.oi-project .meta{display:flex;justify-content:space-between;color:#4b5563;margin-top:8px}

.oi-testi{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 12px 24px rgba(15,23,42,.08)}
.oi-testi .quote{color:#111827;font-size:18px}
.oi-testi .by{color:#4b5563;margin-top:8px}

/* Testimonial avatar layout */
.oi-testi{display:flex;gap:14px;align-items:flex-start}
.oi-testi .avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 64px;border:2px solid #e5e7eb}
.oi-testi .quote{line-height:1.6}

/* Testimonial Slider Styles */
.testimonial-slider{position:relative;max-width:800px;margin:0 auto}
.testimonial-container{position:relative;overflow:hidden;border-radius:16px}
.testimonial-slide{display:none;opacity:0;transition:opacity 0.5s ease-in-out}
.testimonial-slide.active{display:block;opacity:1}
.testimonial-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}
.testimonial-prev,.testimonial-next{background:#0e1a2b;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}
.testimonial-prev:hover,.testimonial-next:hover{background:#1e293b;transform:scale(1.1)}
.testimonial-dots{display:flex;gap:8px}
.testimonial-dots .dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:all 0.3s ease}
.testimonial-dots .dot.active{background:#0e1a2b;transform:scale(1.2)}
.testimonial-dots .dot:hover{background:#64748b}

.oi-cta-band{background:#f5f7fb;color:#2b1e0e;padding:36px 0}
.oi-cta-band .row{display:flex;justify-content:space-between;align-items:center;gap:16px}

/* Final override to ensure hero background shows the uploaded image */
.oi-hero > .bg{
  background-image: url('Images/reic-background.jpg') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Updated body background for new hero */
body {
  background-color: #EAF3F9;
}
.praise-section{background:radial-gradient(1200px 400px at 50% -200px, rgba(15,23,42,.08), transparent) #fff;padding:56px 0}
.praise-section .head.center{text-align:center;margin-bottom:24px}
.t-slider{position:relative;overflow:hidden}
.t-row{display:flex;gap:18px;transition:transform .5s ease;justify-content:flex-start}
.upper-row .t-card{flex:0 0 calc(25% - 13.5px)}
.lower-row .t-card{flex:0 0 calc(25% - 13.5px)}
.t-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 8px 20px rgba(2,6,23,.06);min-width:280px}
.t-quote-mark{font-size:26px;color:#3b82f6;line-height:1}
.t-text{color:#111827;margin:10px 0 14px}
.t-meta{display:flex;align-items:center;gap:10px}
.t-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}
.t-name{font-weight:600}
.t-role{color:#6b7280;font-size:13px}
.t-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}
.t-prev,.t-next{background:#0e1a2b;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}
.t-prev:hover,.t-next:hover{background:#1e293b;transform:scale(1.1)}
.t-dots{display:flex;gap:8px}
.t-dots .t-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:all 0.3s ease}
.t-dots .t-dot.active{background:#0e1a2b;transform:scale(1.2)}
.t-dots .t-dot:hover{background:#64748b}

@media (max-width: 1200px){
  .upper-row .t-card,.lower-row .t-card{flex:0 0 calc(33.333% - 12px)}
}
@media (max-width: 980px){
  .t-slider{overflow-x:auto}
  .t-row{flex-wrap:nowrap;gap:16px}
  .upper-row .t-card,.lower-row .t-card{min-width:260px;flex:0 0 auto}
}
@media (max-width: 640px){
  .upper-row .t-card,.lower-row .t-card{min-width:240px}
}

/* YouTube Testimonials video slider */
.video-slider{max-width:980px;margin:0 auto;overflow:hidden}
.video-container{position:relative}
.video-slide{display:none;opacity:0;transition:opacity .4s ease, transform .4s ease}
.video-slide.active{display:block;opacity:1;transform:translateX(0)}
.video-card{padding:0;overflow:hidden;border-radius:12px}
.video-wrap{position:relative;padding-top:35%;background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-caption{padding:12px 14px;color:#334155;background:#fff}
.video-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}
.video-prev,.video-next{background:#0e1a2b;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}
.video-prev:hover,.video-next:hover{background:#1e293b;transform:scale(1.06)}
.video-dots{display:flex;gap:8px}
.video-dots .v-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:all .25s}
.video-dots .v-dot.active{background:#0e1a2b;transform:scale(1.2)}
/* Make oi-hero behave like Founder theme */
.oi-hero{position:relative}
.oi-hero .overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg, rgba(255,255,255,0.6), rgba(0,0,0,0.45))}

.oi-hero .content > div {
  background: #f1f5f9;
  border-radius: 28px;
  padding: 20px;
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  background-clip: padding-box;
  border: 1px solid rgba(255,255,255,0.6);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* Section spacing polish */
.section{padding:48px 0}
@media (max-width:640px){.section{padding:36px 0}}

/* Mobile menu (oi) */
.oi-menu-btn{display:none;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}
.oi-mobile{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(14,26,43,.98);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1)}
.oi-mobile .wrap{width:min(1120px,92%);margin:0 auto;padding:12px 0;display:grid;gap:6px}
.oi-mobile a{color:#e5edff;text-decoration:none;padding:10px 12px;border-radius:10px}
.oi-mobile a:hover{background:rgba(255,255,255,.08)}
.oi-mobile.open{display:block}

/* Responsive grids for oi sections */
@media (max-width: 980px){
  .oi-nav{position:relative}
  .oi-nav-links{display:none}
  .oi-menu-btn{display:inline-flex}
  .oi-stat-row{grid-template-columns:repeat(2,1fr)}
  .oi-cards{grid-template-columns:1fr}
  .oi-grid-2,.grid-2{grid-template-columns:1fr}
  .oi-hero .content{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .oi-stat-row{grid-template-columns:1fr}
}

/* Simple header: solid bar always, no scroll effects */
.oi-header{position:sticky;top:0;z-index:60;background:transparent;box-shadow:none;backdrop-filter:none;transition:none}
.oi-header.is-top{background:transparent;box-shadow:none}
.oi-header.scrolled{background:transparent;box-shadow:none}
.oi-header .oi-nav-links a{color:#1f2937}
.oi-header .oi-nav-links a:hover{background:rgba(255,255,255,.3)}
.oi-header .oi-menu-btn{color:#1f2937;border-color:rgba(31,31,33,.25)}

/* Reveal animations */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .3s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1)}
.reveal.in-view{opacity:1;transform:none}

/* Dark theme removed as requested */

/* ================= Invest Page (pixel-perfect) ================ */
:root{
  --site-max-width: 1140px;
  --header-height: 80px;
  --hero-height-desktop: 560px;
  --spacing-lg: 96px; --spacing-md: 64px; --spacing-sm: 48px;
  --radius: 12px;
  --shadow-default: 0 8px 24px rgba(15,15,15,0.06);
  --shadow-hover: 0 18px 48px rgba(15,15,15,0.12);
  --transition-fast: 180ms cubic-bezier(.2,.8,.2,1);
  --page-bg: #FEFEFE; --surface: #E6E6E6; --text: #37383F; --muted-mid: #767B82; --muted-alt:#777B7D; --accent-warm:#BAAFA9; --accent-warm-2:#92786B; --btn-dark:#37383F; --btn-text:#FEFEFE;
}

.invest { background:#FEFEFE; color:#37383F; font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }
.invest .container { width:min(var(--site-max-width), 92%); margin:0 auto; }

/* Header */
.invest-header { position:sticky; top:0; height:var(--header-height); display:flex; align-items:center; z-index:60; transition:background .22s ease, box-shadow .22s ease, backdrop-filter .22s ease; background:transparent; }
.invest-header.is-scrolled { background:#ffffff; backdrop-filter:blur(10px); box-shadow:0 6px 20px rgba(10,10,10,0.04); }
.invest-nav { display:flex; align-items:center; justify-content:space-between; width:min(var(--site-max-width), 92%); margin:0 auto; }
.invest-brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:#37383F; }
.invest-brand svg { height:40px; width:auto; }
.invest-links { display:flex; gap:32px; align-items:center; }
.invest-links a { color:#37383F; text-decoration:none; position:relative; padding:6px 2px; }
.invest-links a:after { content:""; position:absolute; left:50%; transform:translateX(-50%) scaleX(0); transform-origin:center; bottom:-3px; height:2px; width:100%; background:#37383F; transition:transform var(--transition-fast); }
.invest-links a:hover:after { transform:translateX(-50%) scaleX(1); }
.invest-cta { background:#37383F; color:#FEFEFE; border:0; border-radius:8px; padding:12px 20px; font-weight:600; transition:transform var(--transition-fast), box-shadow var(--transition-fast); }
.invest-cta:hover { transform:scale(1.02); box-shadow:0 10px 24px rgba(15,15,15,0.12); }
.invest-menu { display:none; background:transparent; border:1px solid #E6E6E6; border-radius:8px; padding:8px 12px; }

/* Hero */
.invest-hero { height:var(--hero-height-desktop); display:flex; align-items:center; }
.invest-hero .grid { display:grid; grid-template-columns:52% 44%; column-gap:4%; align-items:center; }
.invest-hero h1 { font-size:64px; font-weight:700; line-height:1.05; letter-spacing:-0.2px; margin:0 0 12px; color:#37383F; }
.invest-hero .sub { font-size:18px; color:#767B82; margin:0 0 18px; }
.btn { font-size:16px; font-weight:600; }
.invest-btn-primary { background:#37383F; color:#FEFEFE; border-radius:8px; padding:12px 24px; border:0; transition:transform var(--transition-fast), box-shadow var(--transition-fast); }
.invest-btn-primary:hover { transform:scale(1.02); box-shadow:0 10px 24px rgba(15,15,15,0.12) }
.invest-btn-secondary { background:transparent; color:#37383F; border:1px solid #E6E6E6; border-radius:8px; padding:12px 24px; margin-left:16px; transition:transform var(--transition-fast), box-shadow var(--transition-fast); }
.invest-btn-secondary:hover { transform:scale(1.02); box-shadow:0 10px 24px rgba(15,15,15,0.06) }
.invest-visual { border-radius:12px; overflow:hidden; box-shadow:var(--shadow-default); background:#E6E6E6; display:grid; place-items:center; }
.invest-visual img { width:100%; height:100%; object-fit:cover; }

/* Content grid */
.invest-section { margin-top:var(--spacing-lg); }
.invest-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:32px; }
.invest-card { background:#fff; border:1px solid #E6E6E6; border-radius:12px; padding:24px; box-shadow:var(--shadow-default); transition:transform var(--transition-fast), box-shadow var(--transition-fast); }
.invest-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-hover); }
.invest-card .img { height:220px; border-radius:8px; overflow:hidden; background:#E6E6E6; margin-bottom:14px }
.about-hero .portrait img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform: translateY(var(--y,0)); transition: transform .2s ease-out; border:none; padding: 0px 0px 230px 0px;} 
.invest-card h3 { font-size:18px; font-weight:600; margin:6px 0 6px; color:#37383F }
.invest-card p { font-size:14px; color:#777B7D; margin:0 0 10px }
.invest-card .meta { display:flex; align-items:center; gap:8px; color:#767B82; font-size:14px }
.invest-link { text-decoration:none; color:#37383F; font-weight:600; }

/* Footer */
.invest-footer .cols { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px }
.invest-footer h4 { margin:0 0 10px; font-weight:600; }
.invest-footer a { color:#37383F; text-decoration:none }

/* Animations */
.fade-in { animation:fadeIn .22s ease both }
.slide-up { animation:slideUp .3s cubic-bezier(.2,.8,.2,1) both }
@keyframes fadeIn { from { opacity:0 } to { opacity:1 } }
@keyframes slideUp { from { opacity:0; transform:translateY(16px) } to { opacity:1; transform:none } }

/* Responsive */
@media (max-width:1024px){
  .invest-menu{display:inline-flex}
  .invest-links{display:none}
  .invest-hero{height:420px;}
  .invest-hero .grid{grid-template-columns:1fr; row-gap:24px}
  .invest-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .invest-header{height:64px}
  .invest-hero h1{font-size:32px}
  .invest-grid{grid-template-columns:1fr}
}