.container{
  max-width:var(--container);
  width:clamp(92%, 88vw, var(--container));
  margin-inline:auto;
  padding-inline: min(2.5vw, 20px);
  padding-block: 20px;
}

/* Header: left big title, right eyebrow + copy */
.landowners-head{
  display:grid;
  grid-template-columns: 1fr 480px;
  gap: clamp(20px, 4.5vw, 48px);
  align-items:start;
  margin-bottom: 28px;
}

/* right eyebrow + paragraph */
.head-copy{ padding-top:6px }
.eyebrow{
  display:inline-block;
  color:var(--brand);
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:12px;
}
.lead{
  margin:6px 0 0 0;
  color:var(--muted);
  line-height:1.7;
  font-size:15px;
}

/* features grid */
.features-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  margin-top: 18px;
}

/* single card */
.feature-card{
  background: var(--paper);
  border-radius: var(--card-radius);
  border: 1px solid var(--card-border);
  padding: 26px 22px 36px 22px;
  position: relative;
  overflow: visible;
  box-shadow: 0 6px 18px rgba(12,22,40,0.04);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

/* card hover */
.feature-card:hover{
  transform: translateY(-6px);
  box-shadow: var(--shadow);
  border-color: rgba(255,79,15,0.12); /* subtle orange on hover */
}

/* circular icon bubble (top-left inside card) */
.feature-icon{
  width:46px;
  height:46px;
  border-radius:50%;
  background: var(--dark);
  color: var(--paper);
  display:inline-grid;
  place-items:center;
  margin-bottom: 18px;
  box-shadow: 0 6px 18px rgba(12,22,40,0.08);
  flex-shrink:0;
}

/* keep icon stroke white if using inline SVG */
.feature-icon svg{ width:20px;height:20px; color:var(--paper); stroke:var(--paper) }

/* Info panel anchored lower-left inside the card */
.feature-body{
  margin-top: 8px;
  align-self: end;
}

/* small light-blue panel for title + desc */
.feature-title{
  margin: 0 0 10px 0;
  font-size: 16px;
  color: var(--dark);
  background: #e6f5fb;
  border-radius: 10px;
}
/* description inside the light panel style (smaller text under title) */
.feature-desc{
  margin: 10px 0 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
  max-width: 310px;
}

/* make the light panel visually sit at lower-left by ensuring the card has breathing room */
.feature-card .feature-body {
   margin-top: 70px; 
   background-color: #EEF3FD;
   border-radius: 10px;
   padding: 15px;
  }

/* small visual spacing on very long cards so the panel aligns visually */
.feature-card::after{
  content: "";
  display:block;
  height:8px;
  width:100%;
}
.work{
 text-align: center;
}
.owner{
  text-align: center;
  background: #e6f5fb;
}
.c-container{
  width: 94%;
  margin: 0 auto;
}
.card-grid{
      background: #e6f5fb;
      display: grid;                     
      grid-template-columns: repeat(3, 1fr); 
      gap: 20px;
}
.card img{
    width: 100%;
    height: 250px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.badge{
  display:inline-block;
  background:#0f172a;
  color:#fff;
  padding:4px 15px ;
  border-radius:999px;
  font-size:16px;
}
.work-btn{
  display: flex;
}
.work-btn a{
  display: inline-block;
  gap: 10px;
  background: rgb(25, 25, 45);
  color: #fff;
  padding: 12px 18px;
  border-radius: 999px;
  transition: background 0.2s;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 40px;
}

.work-btn-arrow{
  transform: rotate(0deg);
  transition: transform .25s;
}
.owner{
  margin-bottom: 40px;
}