.about-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.about-visual{
  min-height:430px;border-radius:26px;background:
  linear-gradient(rgba(10,37,64,.35),rgba(10,37,64,.55)),
  url('https://images.unsplash.com/photo-1544197150-b99a580bb7a8?auto=format&fit=crop&w=1200&q=80');
  background-size:cover;background-position:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden
}
.about-visual::after{
  content:"Red FTTH · NOC · Backbone";position:absolute;left:22px;bottom:22px;color:#fff;font-weight:900;
  padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.35);backdrop-filter:blur(10px)
}
.service-card .service-top{height:170px;border-radius:14px;margin:-8px -8px 20px;background-size:cover;background-position:center}
.service-card:nth-child(1) .service-top{background-image:url('https://images.unsplash.com/photo-1544197150-b99a580bb7a8?auto=format&fit=crop&w=900&q=80')}
.service-card:nth-child(2) .service-top{background-image:url('https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=900&q=80')}
.service-card:nth-child(3) .service-top{background-image:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=900&q=80')}
.service-card:nth-child(4) .service-top{background-image:url('https://images.unsplash.com/photo-1629654297299-c8506221ca97?auto=format&fit=crop&w=900&q=80')}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}
.contact-stack{display:grid;gap:16px}
.contact-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.contact-item .icon-box{margin:0}
.referral-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.referral-card{background:#fff;border-radius:20px;padding:28px;box-shadow:var(--shadow);border-top:5px solid var(--green)}
.policy-box{display:grid;gap:12px;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--border)}
@media(max-width:900px){
  .about-split,.contact-layout,.referral-layout{grid-template-columns:1fr}
}


.legal-index{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px
}
.legal-card{
  background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;
  box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:100%
}
.legal-card h3{font-size:1.2rem;margin-bottom:10px}
.legal-card p{color:var(--muted);margin-bottom:16px}
.legal-card .btn{margin-top:auto}
.legal-document{
  background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px;
  box-shadow:var(--shadow)
}
.legal-document h2{margin:28px 0 12px;font-size:1.6rem}
.legal-document h3{margin:22px 0 10px;font-size:1.2rem}
.legal-document p,.legal-document li{color:var(--text)}
.legal-document ul,.legal-document ol{padding-left:24px;margin:10px 0 18px}
.legal-document li+li{margin-top:8px}
.legal-alert{
  border-left:5px solid var(--warning);background:#fff9eb;border-radius:12px;padding:16px;
  margin:18px 0;color:#5f4b17
}
.legal-ok{
  border-left:5px solid var(--success);background:#effbf5;border-radius:12px;padding:16px;
  margin:18px 0
}
.source-list{display:grid;gap:10px;list-style:none;padding:0!important}
.source-list a{color:#075985;font-weight:700;word-break:break-word}
.download-box{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:18px;border-radius:14px;background:#f7f9fc;border:1px solid var(--border);margin:14px 0
}
.compliance-table td:first-child{font-weight:700;color:var(--heading)}
@media(max-width:960px){.legal-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .legal-index{grid-template-columns:1fr}
  .legal-document{padding:22px 18px}
  .download-box{flex-direction:column;align-items:flex-start}
}