/* About Page — Cloudasys */
:root{
  --cld-bg:#04042c;
  --cld-accent:#9243f9;
}

/* HERO */
.about-hero{
  background:#04042c;
  color:#fff;
  padding:48px 0 36px;
}
.about-hero .lead{ color:#e6e6e6; max-width: 900px; }
.about-hero h1{color:#ff7854;}

/* STORY */
.story-note{
  margin-top:12px;
  padding:12px 14px;
  border-left:4px solid var(--cld-accent);
  background:#faf7ff;
  color:#333;
  border-radius:6px;
}

/* MISSION */
.about-mission{
  background:#f9f9f9;
  padding:36px 0;
}
.mission-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  padding:24px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.mission-card h3{ margin-bottom:8px; }

/* LOCATIONS */
.loc-card{
  border:1px solid #eee;
  border-radius:12px;
  padding:18px;
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.05);
}
.loc-card h4{ color:#04042c; margin-bottom:6px; }
.loc-card small{ color:#666; }

/* WHY CHOOSE */
.about-why .text-primary{ color: var(--cld-accent) !important; }
.why-footnotes{
  margin-top:18px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
  color:#444;
}
.why-footnotes i{ color:var(--cld-accent); margin-right:6px; }
@media (max-width: 767px){
  .why-footnotes{ grid-template-columns:1fr; }
}

/* CTA */
.about-cta{
  background:#fff;
  padding:40px 0 60px;
}
.cta-card{
  text-align:center;
  background:#04042c;
  color:#fff;
  border-radius:14px;
  padding:30px 22px;
  box-shadow:0 16px 36px rgba(0,0,0,.18);
}
.cta-card h3{color:#ff7854;}
.cta-card .btn-default{
  border-color: rgba(255,255,255,.35);
  color:#fff;
  background:transparent;
}
.cta-card .btn-default:hover{
  background: rgba(255,255,255,.12);
}