*{margin:0;padding:0;box-sizing:border-box;font-family:Arial;}
body{background:#f7f7f7;color:#222;}
.container{max-width:1100px;margin:auto;padding:15px;}
a{text-decoration:none}

/* HEADER */
header{background:#000;color:#fff;position:sticky;top:0;z-index:1000;}
.nav{display:flex;align-items:center;justify-content:space-between;}
.logo{font-size:28px;font-weight:700;}
.logo span{color:#ffb400;}
#menu{display:flex;gap:20px;list-style:none;}
#menu li a{color:#fff;}
.call-btn{background:#ffb400;padding:8px 16px;border-radius:6px;color:#000;}
.menu-btn{display:none;background:none;border:none;font-size:30px;color:#fff;cursor:pointer}

/* HERO */
.hero{
background:url('https://cableinthesky.online/images/logo/banner.png') center/cover no-repeat;
height:430px;display:flex;align-items:center}
.hero-box{color:#fff;max-width:700px}
.hero h1{font-size:38px;margin-bottom:10px;}
.hero p{font-size:18px;margin-bottom:20px}

/* COMMON */
.section{padding:60px 0;text-align:center;}
.highlight{background:#fff8e6;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.card{background:#fff;padding:20px;border-radius:10px;}
.card.featured{border:2px solid #ffb400;}
.feature-box{background:#fff;padding:20px;border-radius:10px;}
.primary-btn,.secondary-btn{
padding:10px 18px;border-radius:6px;margin-top:10px;display:inline-block}
.primary-btn{background:#ffb400;color:#000;font-weight:bold}
.secondary-btn{background:#000;color:#fff}

/* AVAILABILITY */
.availability-box{
display:flex;gap:10px;justify-content:center;margin:20px 0}
.availability-box input{
padding:10px;width:260px;border-radius:8px;border:1px solid #aaa}
.availability-box button{
background:#ffb400;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}

/* TABLE */
.table-box{overflow-x:auto;margin-top:20px;}
table{width:100%;background:#fff;border-radius:10px;border-collapse:collapse;}
table th, table td{
padding:12px;border-bottom:1px solid #ddd;text-align:center}

/* FAQ */
.faq-item{background:#fff;margin:10px 0;border-radius:6px;padding:15px;cursor:pointer;}
.faq-item h3{display:flex;justify-content:space-between;align-items:center;}
.faq-item p{max-height:0;overflow:hidden;transition:.4s;}

/* FOOTER */
footer{background:#000;color:#fff;text-align:center;padding:25px;}
.footer-links{margin-top:10px;font-size:14px;}
.footer-links a{color:#ffb400;margin:0 8px;text-decoration:underline}

/* Sticky Call Button */
.sticky-call{
position:fixed;bottom:10px;right:10px;background:#ffb400;
padding:12px 18px;border-radius:50px;color:#000;font-weight:bold;
box-shadow:0 5px 20px rgba(0,0,0,0.3);}

/* RESPONSIVE */
@media(max-width:800px){
.grid{grid-template-columns:1fr;}
#menu{display:none;flex-direction:column;background:#000;
position:absolute;top:60px;right:10px;padding:15px;border-radius:10px}
.menu-btn{display:block}
.hero{height:380px}
}