*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:#000;
  color:#fff;
  font-family:"Montserrat", system-ui, sans-serif;
}

/* Layout */
.section-wrapper{
  max-width:1100px;
  margin:90px auto;
  padding:70px;
  border:3px solid #fff;
}

/* Typography */
.main-title{
  font-size:34px;
  font-weight:600;
  margin-bottom:18px;
}

.section-title{
  font-size:28px;
  font-weight:600;
  margin-bottom:22px;
  text-decoration:underline;
}

.section-text{
  max-width:900px;
  font-size:17px;
  line-height:1.7;
  color:#e6e6e6;
}

/* Divider */
.divider{
  height:2px;
  background:#fff;
  margin:50px 0 40px;
}

/* Founder */
.founder-grid{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:60px;
}

.founder-image img{
  width:100%;
  filter:grayscale(100%);
}

.founder-name{
  font-size:24px;
  margin-bottom:16px;
}

/* Content boxes */
.content-box{
  background:#1a1a1a;
  padding:26px 30px;
  margin-bottom:18px;
  font-size:16px;
  line-height:1.6;
  border-left:4px solid #fff;
  color:#dcdcdc;
}

/* Services */
.service-list{
  padding-left:22px;
  font-size:17px;
}

.service-list li{
  margin-bottom:12px;
}

/* Scroll animation */
.fade-section{
  opacity:0;
  transform:translateY(40px);
  transition:opacity 0.9s ease, transform 0.9s ease;
}

.fade-section.visible{
  opacity:1;
  transform:translateY(0);
}

/* Responsive */
@media(max-width:900px){
  .section-wrapper{
    padding:40px 30px;
  }

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