/* Aggressive SEO content blocks for colocation */
.seo-breadcrumb{
    padding:14px 0;
    background:rgba(2,8,15,.72);
    border-top:1px solid rgba(255,255,255,.04);
    border-bottom:1px solid rgba(255,255,255,.04);
}
.seo-breadcrumb .container{
    display:flex;
    align-items:center;
    gap:10px;
    color:#8fa0ad;
    font-size:13px;
    font-weight:800;
}
.seo-breadcrumb a{
    color:#00ffd0;
    text-decoration:none;
}
.seo-breadcrumb span:last-child{
    color:#dce8f3;
}
.seo-colo-section{
    padding:90px 0;
    position:relative;
    overflow:hidden;
}
.seo-colo-box{
    position:relative;
    overflow:hidden;
    padding:42px;
    border-radius:36px;
    background:
        radial-gradient(circle at 0% 0%,rgba(0,255,208,.10),transparent 34%),
        radial-gradient(circle at 100% 0%,rgba(0,168,255,.10),transparent 34%),
        linear-gradient(180deg,rgba(8,20,31,.92),rgba(2,6,12,.98));
    border:1px solid rgba(0,255,208,.15);
    box-shadow:0 30px 100px rgba(0,0,0,.30);
}
.seo-colo-box h2{
    font-family:"Orbitron",sans-serif;
    color:#fff;
    font-size:clamp(30px,4vw,58px);
    line-height:1.05;
    margin-bottom:18px;
}
.seo-colo-box h2 span{
    color:#00ffd0;
}
.seo-colo-box p{
    color:#aeb7c2;
    line-height:1.85;
    font-size:16px;
    margin-bottom:18px;
}
.seo-keyword-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin-top:26px;
}
.seo-keyword-card{
    padding:22px;
    border-radius:22px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
}
.seo-keyword-card h3{
    color:#fff;
    font-family:"Orbitron",sans-serif;
    font-size:18px;
    margin-bottom:10px;
}
.seo-keyword-card p{
    font-size:14px;
    margin:0;
}
.seo-internal-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}
.seo-internal-links a{
    padding:12px 15px;
    border-radius:999px;
    background:rgba(0,255,208,.08);
    border:1px solid rgba(0,255,208,.16);
    color:#dffff8;
    text-decoration:none;
    font-weight:900;
    font-size:13px;
}
.seo-faq-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-top:26px;
}
.seo-faq-item{
    padding:22px;
    border-radius:22px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
}
.seo-faq-item h3{
    color:#fff;
    font-size:17px;
    margin-bottom:10px;
}
.seo-faq-item p{
    font-size:14px;
    margin:0;
}
@media(max-width:900px){
    .seo-keyword-grid,
    .seo-faq-grid{
        grid-template-columns:1fr;
    }
    .seo-colo-box{
        padding:24px;
    }
}

/* Colocation dedicated port traffic monitor section */
.port-traffic-section{
    padding:90px 0;
    position:relative;
    overflow:hidden;
}
.port-traffic-box{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:36px;
    align-items:center;
    padding:42px;
    border-radius:36px;
    background:
        radial-gradient(circle at 0% 0%,rgba(0,255,208,.12),transparent 34%),
        radial-gradient(circle at 100% 15%,rgba(0,168,255,.12),transparent 36%),
        linear-gradient(180deg,rgba(8,20,31,.94),rgba(2,6,12,.98));
    border:1px solid rgba(0,255,208,.16);
    box-shadow:0 30px 100px rgba(0,0,0,.32);
}
.port-traffic-content .badge{margin-bottom:18px}
.port-traffic-content h2{
    font-family:"Orbitron",sans-serif;
    color:#fff;
    font-size:clamp(30px,4vw,56px);
    line-height:1.05;
    margin-bottom:18px;
}
.port-traffic-content h2 span{color:#00ffd0}
.port-traffic-content p{
    color:#aeb7c2;
    line-height:1.85;
    font-size:16px;
    margin-bottom:18px;
}
.port-traffic-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:26px;
}
.port-traffic-point{
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    color:#dce8f3;
    font-weight:900;
    font-size:13px;
}
.port-traffic-point strong{
    display:block;
    color:#00ffd0;
    font-family:"Orbitron",sans-serif;
    font-size:15px;
    margin-bottom:6px;
}
.port-traffic-visual{position:relative}
.port-traffic-visual:before{
    content:"";
    position:absolute;
    inset:-18px;
    border-radius:34px;
    background:radial-gradient(circle,rgba(0,255,208,.16),transparent 62%);
    filter:blur(8px);
    opacity:.9;
}
.port-traffic-visual img{
    position:relative;
    width:100%;
    display:block;
    border-radius:26px;
    border:1px solid rgba(0,255,208,.20);
    box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 45px rgba(0,255,208,.10);
    background:#07111c;
}
.port-traffic-caption{
    position:relative;
    margin-top:14px;
    padding:14px 16px;
    border-radius:18px;
    background:rgba(0,255,208,.08);
    border:1px solid rgba(0,255,208,.16);
    color:#dffff8;
    font-size:13px;
    font-weight:900;
}
@media(max-width:950px){
    .port-traffic-box{grid-template-columns:1fr;padding:26px}
    .port-traffic-points{grid-template-columns:1fr}
}


/* Colocation rDNS section */
.rdns-section{
    padding:0 0 90px;
    position:relative;
    overflow:hidden;
}
.rdns-box{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:34px;
    align-items:center;
    padding:42px;
    border-radius:36px;
    background:
        radial-gradient(circle at 100% 0%,rgba(0,255,208,.12),transparent 34%),
        radial-gradient(circle at 0% 20%,rgba(0,168,255,.12),transparent 36%),
        linear-gradient(180deg,rgba(8,20,31,.94),rgba(2,6,12,.98));
    border:1px solid rgba(0,255,208,.16);
    box-shadow:0 30px 100px rgba(0,0,0,.32);
}
.rdns-terminal{
    position:relative;
    padding:22px;
    border-radius:26px;
    background:#07111c;
    border:1px solid rgba(0,255,208,.20);
    box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 45px rgba(0,255,208,.10);
}
.rdns-terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:14px;
    margin-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#dffff8;
    font-weight:900;
}
.rdns-dots{
    display:flex;
    gap:7px;
}
.rdns-dots span{
    width:10px;
    height:10px;
    display:block;
    border-radius:999px;
    background:#00ffd0;
    box-shadow:0 0 16px rgba(0,255,208,.45);
}
.rdns-code{
    display:grid;
    gap:12px;
    font-family:"Inter",monospace;
}
.rdns-line{
    padding:13px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    color:#aeb7c2;
    font-size:13px;
    font-weight:800;
}
.rdns-line strong{
    color:#00ffd0;
}
.rdns-content .badge{
    margin-bottom:18px;
}
.rdns-content h2{
    font-family:"Orbitron",sans-serif;
    color:#fff;
    font-size:clamp(30px,4vw,54px);
    line-height:1.05;
    margin-bottom:18px;
}
.rdns-content h2 span{
    color:#00ffd0;
}
.rdns-content p{
    color:#aeb7c2;
    line-height:1.85;
    font-size:16px;
    margin-bottom:18px;
}
.rdns-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:26px;
}
.rdns-point{
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    color:#dce8f3;
    font-weight:900;
    font-size:13px;
}
.rdns-point strong{
    display:block;
    color:#00ffd0;
    font-family:"Orbitron",sans-serif;
    font-size:15px;
    margin-bottom:6px;
}
@media(max-width:950px){
    .rdns-box{
        grid-template-columns:1fr;
        padding:26px;
    }
    .rdns-points{
        grid-template-columns:1fr;
    }
}
