/* HostKeel Colocation Page */
.colocation-hero{
    position:relative;
    overflow:hidden;
    padding:130px 0 100px;
    background:
    linear-gradient(90deg,rgba(1,8,28,.96) 0%,rgba(1,8,28,.90) 35%,rgba(1,8,28,.75) 55%,rgba(1,8,28,.45) 75%,rgba(1,8,28,.20) 100%),
    url('../img/colocation-dc.jpg') center center/cover no-repeat;
}
.colocation-hero .container{position:relative;z-index:2;}
.hk-badge{display:inline-flex;align-items:center;background:rgba(47,124,255,.20);color:#dbeafe;border:1px solid rgba(96,165,250,.28);border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;margin-bottom:26px;}
.colocation-hero h1{font-size:72px;line-height:1.02;font-weight:800;letter-spacing:-2px;color:#fff;max-width:760px;margin:0 0 28px;}
.colocation-hero h1 span{color:#2f7cff;}
.colocation-hero p{font-size:22px;line-height:1.8;color:rgba(255,255,255,.82);max-width:760px;margin:0 0 40px;}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:34px;}
.hk-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font-weight:800;border-radius:14px;padding:17px 32px;transition:.2s ease;}
.hk-btn-primary{background:#2f7cff;color:#fff!important;border:1px solid #2f7cff;box-shadow:0 14px 30px rgba(47,124,255,.25);}
.hk-btn-outline{color:#fff!important;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04);backdrop-filter:blur(8px);}
.hero-trust{display:flex;gap:30px;flex-wrap:wrap;margin-top:12px;}
.hero-trust span{color:rgba(255,255,255,.86);font-size:15px;font-weight:600;}
.colo-feature-strip{margin-top:-48px;position:relative;z-index:5;}
.colo-strip-card{background:#fff;border-radius:18px;box-shadow:0 22px 60px rgba(15,23,42,.16);display:grid;grid-template-columns:repeat(5,1fr);padding:28px 30px;gap:18px;border:1px solid #e8eef8;}
.colo-strip-card div{border-right:1px solid #e6edf6;padding-right:16px;}
.colo-strip-card div:last-child{border-right:none;}
.colo-strip-card strong{display:block;color:#071734;font-size:15px;margin-bottom:8px;}
.colo-strip-card span{color:#5b6981;font-size:14px;line-height:1.6;}
.colo-section{padding:86px 0;background:#fff;}
.soft-bg{background:#f6f9ff;}
.section-heading{text-align:center;max-width:780px;margin:0 auto 45px;}
.section-heading span,.eyebrow{display:block;text-transform:uppercase;letter-spacing:.08em;color:#2f7cff;font-weight:800;font-size:13px;margin-bottom:12px;}
.section-heading h2,.colo-split h2{color:#071734;font-size:38px;line-height:1.18;font-weight:800;margin:0 0 14px;}
.section-heading p,.colo-split p{color:#5b6981;font-size:17px;line-height:1.75;margin:0;}
.colo-grid{display:grid;gap:24px;}
.colo-grid.three{grid-template-columns:repeat(3,1fr);}
.colo-grid.four{grid-template-columns:repeat(4,1fr);}
.colo-card,.mini-card,.faq-item,.colo-info-box{background:#fff;border:1px solid #e7edf7;border-radius:20px;padding:30px;box-shadow:0 12px 34px rgba(15,23,42,.06);}
.colo-card h3,.mini-card h3,.faq-item h3,.colo-info-box h3{color:#071734;font-size:22px;font-weight:800;margin:0 0 14px;}
.colo-card p,.mini-card p,.faq-item p,.colo-info-box p{color:#5b6981;line-height:1.7;margin:0 0 18px;}
.colo-card ul,.colo-info-box ul{margin:0;padding-left:18px;color:#334155;line-height:1.9;}
.colo-split{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;}
.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;}
.check-list span{background:#fff;border:1px solid #e7edf7;border-radius:14px;padding:14px 16px;color:#0f2447;font-weight:700;}
.colo-info-box{background:#071734;color:#fff;border:none;}
.colo-info-box h3{color:#fff;}
.colo-info-box p,.colo-info-box ul{color:rgba(255,255,255,.76);}
.colo-cta{padding:80px 0;background:#071734;}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#102b5c,#071734);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:44px;}
.cta-box span{color:#93c5fd;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.08em;}
.cta-box h2{color:#fff;font-size:36px;font-weight:800;line-height:1.2;margin:12px 0;}
.cta-box p{color:rgba(255,255,255,.74);font-size:17px;margin:0;}
.faq-section{background:#fff;}
.faq-list{max-width:900px;margin:0 auto;display:grid;gap:18px;}
.faq-item{box-shadow:none;}

@media(max-width:991px){
    .colocation-hero{padding:95px 0 80px;background-position:center right;}
    .colocation-hero h1{font-size:48px;}
    .colocation-hero p{font-size:18px;}
    .colo-strip-card,.colo-grid.three,.colo-grid.four,.colo-split{grid-template-columns:1fr;}
    .colo-strip-card div{border-right:none;border-bottom:1px solid #e6edf6;padding-bottom:14px;}
    .colo-strip-card div:last-child{border-bottom:none;}
    .cta-box{flex-direction:column;align-items:flex-start;}
    .check-list{grid-template-columns:1fr;}
}
@media(max-width:575px){
    .colocation-hero h1{font-size:38px;letter-spacing:-1px;}
    .colocation-hero p{font-size:16px;}
    .section-heading h2,.colo-split h2,.cta-box h2{font-size:30px;}
    .hk-btn{width:100%;}
}