.investors-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  inset: 0;
}

.hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.32);
}

.investors-hero-content {
  position: relative;
  z-index: 2;
  max-width: 860px;
}

.investors-hero h1 {
  font-size: clamp(58px, 8vw, 110px);
  line-height: .95;
  margin-top: 20px;
}

.gradient-text {
  display: block;
  background: linear-gradient(90deg, #ffd166, #f6b93b);
  -webkit-background-clip: text;
  color: transparent;
}

.investors-hero p {
  margin-top: 26px;
  font-size: 22px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .76);
}

.investors-actions {
  display: flex;
  gap: 16px;
  margin-top: 36px;
}

.split-layout,
.business-layout,
.opportunity-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  align-items: center;
}

.reverse {
  direction: rtl;
}

.reverse>* {
  direction: ltr;
}

.content-card,
.image-card,
.glass-banner,
.data-card,
.contact-card,
.defense-card {
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, .08);
  background:
    linear-gradient(180deg,
      rgba(255, 255, 255, .05),
      rgba(255, 255, 255, .02));
  backdrop-filter: blur(14px);
}

.content-card,
.glass-banner,
.contact-card {
  padding: 34px;
}

.content-card p,
.glass-banner p {
  margin-top: 18px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.75;
}

.image-card img,
.opportunity-image img,
.data-visual img,
.projection-card img,
.full-banner img,
.defense-images img {
  width: 100%;
  display: block;
  border-radius: 30px;
  object-fit: cover;
}

.feature-list {
  margin-top: 22px;
  padding-left: 18px;
  display: grid;
  gap: 10px;
}

.feature-list li {
  color: rgba(255, 255, 255, .78);
}

.mini-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 28px 0;
}

.mini-grid div {
  padding: 14px;
  border-radius: 16px;
  text-align: center;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
}

.tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.tag-row span {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .08);
}

.section-header.center {
  text-align: center;
  max-width: 760px;
  margin-inline: auto;
}

.projection-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 48px;
}

.projection-card {
  overflow: hidden;
  border-radius: 28px;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .08);
}

.projection-content {
  padding: 22px;
}

.data-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}

.data-copy {
  padding: 40px;
}

.data-copy p {
  margin-top: 18px;
  line-height: 1.75;
  color: rgba(255, 255, 255, .74);
}

.full-banner {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
}

.full-banner img {
  min-height: 560px;
  filter: brightness(.45);
}

.overlay-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.overlay-content h2 {
  font-size: clamp(48px, 7vw, 92px);
  margin-top: 16px;
}

.defense-card {
  padding: 34px;
}

.defense-copy p {
  margin-top: 18px;
  color: rgba(255, 255, 255, .74);
  line-height: 1.75;
}

.defense-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 34px;
}

.invest-section {
  position: relative;
}

.invest-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 34px;
  align-items: center;
}

.invest-content {
  padding: 40px;
  border-radius: 34px;
  border: 1px solid rgba(255, 255, 255, .08);
  background:
    linear-gradient(180deg,
      rgba(255, 255, 255, .05),
      rgba(255, 255, 255, .02));
  backdrop-filter: blur(14px);
}

.invest-content h2 {
  max-width: 760px;
}

.invest-content p {
  margin-top: 20px;
  color: rgba(255, 255, 255, .74);
  line-height: 1.8;
  font-size: 17px;
}

.invest-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.invest-tags span {
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .82);
  font-size: 14px;
}

.invest-note {
  margin-top: 34px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  border-radius: 20px;
  background:
    linear-gradient(90deg,
      rgba(246, 185, 59, .12),
      rgba(255, 209, 102, .04));
  border: 1px solid rgba(255, 209, 102, .18);
}

.invest-note i {
  margin-top: 4px;
  color: #ffd166;
  font-size: 18px;
}

.invest-note p {
  margin: 0;
  line-height: 1.65;
}

.invest-visual {
  position: relative;
}

.invest-visual::before {
  content: "";
  position: absolute;
  inset: -20px;
  background:
    radial-gradient(circle,
      rgba(246, 185, 59, .18),
      transparent 70%);
  filter: blur(30px);
  z-index: 0;
}

.invest-visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  border-radius: 34px;
  border: 1px solid rgba(255, 255, 255, .08);
  object-fit: cover;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
}

.investor-form {
  display: grid;
  gap: 18px;
  margin-top: 34px;
}

.form-group {
  display: grid;
  gap: 8px;
}

.form-group label {
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
}

.form-group input,
.form-group textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .03);
  color: white;
  border-radius: 16px;
  padding: 16px;
  outline: none;
}

.form-group textarea {
  resize: vertical;
}

.investors-submit:disabled {
  background: linear-gradient(90deg, #444, #666);
  color: rgba(255, 255, 255, .4);
  box-shadow: none;
  cursor: not-allowed;
  opacity: .6;
}

.investors-submit {
  transition: all .25s ease;
}

.investors-submit:not(:disabled) {
  transform: scale(1.02);
  background: linear-gradient(90deg, #f6b93b, #ffd166);
  color: #07101d;
  box-shadow: 0 0 36px rgba(246, 185, 59, .36);
}

.investors-hero {
  margin-top: 40px;
}

.investors-hero .container {
  position: relative;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 40px;
  align-items: center;
  padding: 50px;
  border-radius: 34px;
  overflow: hidden;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.04),
      rgba(255,255,255,.015)
    );
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
}

.investors-hero .container::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background:
  linear-gradient(
    90deg,
    transparent,
    rgba(255,209,102,.5),
    transparent
  );
}

.hero-bg{
  position:relative;
  order:2;
  height:100%;
  min-height:420px;
}

.hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.08);
  filter:
    brightness(.85)
    contrast(1.05);
  box-shadow:0 30px 60px rgba(0,0,0,.35);
}

.hero-bg::after{
  content:"";
  position:absolute;
  inset:-50px;
  background:
  radial-gradient(
    circle,
    rgba(246,185,59,.18),
    transparent 70%
  );
  filter:blur(40px);
  z-index:-1;
}

.investors-hero-content{
  position:relative;
  z-index:2;
  max-width:100%;
}

.investors-hero h1{
  margin-top:20px;
  font-size:
  clamp(
    44px,
    5vw,
    72px
  );
  line-height:.95;
  letter-spacing:-.05em;
  max-width:700px;
}

.gradient-text{
  display:inline;
  background:
    linear-gradient(
      90deg,
      #ffd166,
      #f6b93b
    );
  -webkit-background-clip:text;
  color:transparent;
}

.investors-hero p{
  margin-top:24px;
  max-width:650px;
  color:rgba(255,255,255,.72);
  font-size:18px;
  line-height:1.75;
}

.investors-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

@media (max-width: 980px) {
  .invest-grid {
    grid-template-columns: 1fr;
  }

  .split-layout,
  .business-layout,
  .opportunity-grid,
  .projection-grid,
  .data-card {
    grid-template-columns: 1fr;
  }

  .mini-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .defense-images {
    grid-template-columns: 1fr;
  }

  .investors-submit {
    width: 100%;
    padding: 14px;
  }

  .investors-hero .container{
    grid-template-columns:1fr;
    padding:30px;
  }

  .hero-bg{
    order:0;
    min-height:280px;
  }
  .investors-hero {
    min-height: auto;
    margin-top: 30px;
  }

  .investors-hero .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 35px;
    border-radius: 28px;
  }

  .hero-bg {
    order: -1;
    width: 100%;
    min-height: 300px;
  }

  .hero-bg img {
    height: 300px;
    border-radius: 22px;
  }

  .investors-hero-content {
    text-align: center;
    max-width: 100%;
  }

  .investors-hero h1 {
    font-size: clamp(
      42px,
      7vw,
      60px
    );
    max-width: 100%;
  }

  .investors-hero p {
    max-width: 100%;
    font-size: 17px;
  }

  .actions {
    justify-content: center;
  }

}

@media (max-width:620px){
  .invest-content {
    padding: 24px;
  }

  .invest-tags {
    gap: 10px;
  }

  .invest-tags span {
    width: 100%;
    text-align: center;
  }

  .investors-hero h1 {
    font-size: 56px;
  }

  .investors-actions {
    flex-direction: column;
  }

  .mini-grid {
    grid-template-columns: 1fr;
  }

  .content-card,
  .glass-banner,
  .contact-card,
  .defense-card {
    padding: 24px;
  }

  .investors-submit {
    width: 100%;
    padding: 14px;
    font-size: 15px;
    border-radius: 14px;
  }
  
  .investors-hero{
    margin-top:20px;
  }

  .investors-hero .container{
    padding:22px;
  }

  .investors-hero h1{
    font-size:46px;
  }

  .investors-actions{
    flex-direction:column;
  }

  .investors-hero{
    margin-top:20px;
    min-height:auto;
    display: block;
  }

  .investors-hero .container{
    padding:22px;
    gap:24px;
    border-radius:22px;
  }

  .hero-bg{
    min-height:220px;
  }

  .hero-bg img{
    height:220px;
    border-radius:18px;
  }

  .investors-hero h1{
    font-size:34px;
    line-height:1.05;
    letter-spacing:-0.03em;
  }

  .investors-hero p{
    font-size:15px;
    line-height:1.6;
  }

  .actions{
    flex-direction:column;
    width:100%;
  }

  .actions .btn{
    width:100%;
    justify-content:center;
  }

  .actions::after{
    text-align:center;
    font-size:12px;
  }
}