* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; overflow-x: hidden; }

body { background:#000; color:#fff; font-family: Arial, sans-serif; }

.page-container { width:100%; position: relative; }
.main-content { width:100%; position: relative; }


.hero-section {
  position: relative;
  width: 100%;
  min-height: 60vh;
  background-color: #000;
  display: flex; align-items: center; justify-content: center;
  overflow: visible;
  padding: 60px 0;
  z-index: 5;
}
.plants-left, .plants-right {
  position: absolute; top: 0;
  height: 100%; width: auto; object-fit: contain; z-index: 6;
}
.plants-left { left: 0; }
.plants-right { right: 0; }
.two-minds-logo {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 60%; max-width: 1000px; height: auto; z-index: 10; object-fit: contain;
}


.presents-text {
  position: relative; width:100%; text-align:center; z-index:10;
  margin: 2rem auto 0; font-size: 2rem; font-weight: 700; letter-spacing: .3em; color:#fff;
}


.content-section {
  position: relative; width: 90%; max-width:1400px; margin: 3rem auto;
  display: flex; justify-content: space-between; gap: 4rem; z-index:10;
}
.text-block { flex:1; color:#fff; }
.text-block h2 { font-size: 2rem; font-weight:700; margin-bottom: 2rem; text-align:center; }
.text-block p { font-size: 1.125rem; line-height: 1.8; text-align:justify; }


.space-placeholder {
  position: relative; width:90%; max-width:1400px; margin: 48px auto; min-height: 240px;
  background:#0a0a0a; border:2px dashed #333; display:flex; align-items:center; justify-content:center; z-index:10;
}
.space-placeholder::before { content:"Space/Stars Image Placeholder"; color:#666; font-size:1.2rem; letter-spacing:.1em; }


.section2-plants-left, .section2-plants-right { display:none; }


.content-section-2 {
  position: relative; width:90%; max-width:1400px; margin: 3rem auto 4rem;
  display:flex; justify-content:space-between; gap:4rem; z-index:10;
}
.audience-block, .solution-block { text-align:justify; }


.scroll-space { height: 200px; }


.mobile-warning { display:none; position:fixed; inset:0; background:rgba(0,0,0,.95); z-index:9999; justify-content:center; align-items:center; }
.mobile-warning-content { text-align:center; padding:2rem; background:#1a1a1a; border-radius:10px; box-shadow:0 4px 20px rgba(0,0,0,.5); max-width:90%; }
.mobile-warning h2 { color:#fff; font-size:1.5rem; margin-bottom:1rem; font-weight:600; }
.mobile-warning p { color:#bdbdbd; font-size:1rem; line-height:1.5; }

@media screen and (max-width:1024px){
  .mobile-warning { display:flex !important; }
  .page-container { display:none; }
}
@media screen and (min-width:1025px){ .mobile-warning { display:none !important; } }