/* Cyclone Hosting V5 - Technology & Infrastructure */

.v5tech-container{width:min(1180px,calc(100% - 40px));margin:0 auto}

.v5tech-hero{
    position:relative;overflow:hidden;padding:170px 22px 105px;
    background:
        radial-gradient(circle at 74% 28%,rgba(19,223,255,.22),transparent 30%),
        radial-gradient(circle at 12% 10%,rgba(57,255,138,.07),transparent 28%),
        linear-gradient(180deg,#061229,#030711)
}

.v5tech-grid-bg{
    position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(126,218,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(126,218,255,.05) 1px,transparent 1px);
    background-size:72px 72px;opacity:.58
}

.v5tech-hero-inner{
    position:relative;z-index:2;width:min(1180px,100%);margin:0 auto;
    display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center
}

.v5tech-hero-copy>span,.v5tech-heading>span,.v5tech-architecture-copy>span,
.v5tech-management-card>div>span,.v5tech-final>div>div>span{
    display:inline-flex;padding:10px 16px;border:1px solid rgba(126,218,255,.22);
    border-radius:999px;color:#bff5ff;background:rgba(19,223,255,.08);
    font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase
}

.v5tech-hero h1{
    margin:23px 0 16px;color:#fff;font-size:clamp(48px,6vw,80px);
    line-height:.94;letter-spacing:-.065em
}

.v5tech-hero p,.v5tech-heading p,.v5tech-architecture-copy p,.v5tech-management-card p,.v5tech-final p{
    max-width:760px;color:#b8cae0;font-size:18px;line-height:1.75
}

.v5tech-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}
.v5tech-primary,.v5tech-secondary{
    min-height:54px;display:inline-flex;align-items:center;justify-content:center;
    padding:0 24px;border-radius:14px;font-weight:950
}
.v5tech-primary{color:#111827;background:linear-gradient(135deg,#ffef4a,#ffc400)}
.v5tech-secondary{color:#dff7ff;border:1px solid rgba(126,218,255,.18);background:rgba(255,255,255,.055)}

.v5tech-points{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:22px}
.v5tech-points span{display:inline-flex;align-items:center;gap:7px;color:#a8bdd4;font-size:13px}
.v5tech-points i{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;color:#071327;background:#13dfff;font-style:normal;font-weight:950}

.v5tech-visual{
    position:relative;min-height:500px;border:1px solid rgba(126,218,255,.18);
    border-radius:32px;background:radial-gradient(circle at 50% 50%,rgba(19,223,255,.12),transparent 45%),linear-gradient(180deg,#0d203b,#071426);
    box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 44px rgba(19,223,255,.10)
}

.v5tech-core{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:190px;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    border:1px solid rgba(126,218,255,.26);border-radius:50%;
    background:radial-gradient(circle,#11385a,#071427 72%);box-shadow:0 0 55px rgba(19,223,255,.18)
}
.v5tech-core small{color:#7894b1;text-transform:uppercase;letter-spacing:.1em}
.v5tech-core strong{margin-top:6px;color:#fff;font-size:22px}
.v5tech-core span{display:inline-flex;align-items:center;margin-top:12px;color:#b9ffdf;font-size:11px}
.v5tech-core span i{width:8px;height:8px;margin-right:6px;border-radius:50%;background:#39ff8a}

.v5tech-orbit article{
    position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;
    border:1px solid rgba(126,218,255,.14);border-radius:14px;background:rgba(7,20,39,.92);color:#dff7ff
}
.v5tech-orbit article i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#071327;background:#13dfff;font-style:normal;font-weight:950}
.v5tech-orbit-one article:first-child{left:34px;top:52px}
.v5tech-orbit-one article:last-child{right:30px;top:72px}
.v5tech-orbit-two article:first-child{left:28px;bottom:85px}
.v5tech-orbit-two article:last-child{right:34px;bottom:60px}
.v5tech-orbit-three article:first-child{left:50%;top:22px;transform:translateX(-50%)}
.v5tech-orbit-three article:last-child{left:50%;bottom:22px;transform:translateX(-50%)}

.v5tech-overview,.v5tech-security{
    padding:105px 0;background:
        radial-gradient(circle at 50% 0,rgba(19,223,255,.08),transparent 34%),
        linear-gradient(180deg,#061229,#040a18)
}
.v5tech-architecture,.v5tech-management{padding:105px 0;background:linear-gradient(180deg,#040a18,#061229)}

.v5tech-heading{width:min(850px,100%);margin:0 auto 43px;text-align:center}
.v5tech-heading h2,.v5tech-architecture-copy h2,.v5tech-management-card h2,.v5tech-final h2{
    margin:20px 0 14px;color:#fff;font-size:clamp(36px,4.8vw,61px);
    line-height:1;letter-spacing:-.055em
}
.v5tech-heading p{margin:0 auto}

.v5tech-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.v5tech-system-card{
    min-height:280px;padding:26px;border:1px solid rgba(126,218,255,.14);border-radius:24px;
    background:radial-gradient(circle at 100% 0,rgba(19,223,255,.08),transparent 38%),rgba(255,255,255,.035);
    box-shadow:0 20px 60px rgba(0,0,0,.20)
}
.v5tech-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;color:#071327;background:linear-gradient(135deg,#7ef0ff,#13dfff);font-weight:950}
.v5tech-system-card h3{margin:20px 0 10px;color:#fff;font-size:22px}
.v5tech-system-card p{color:#91aac4;line-height:1.7}

.v5tech-architecture-layout{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:center}
.v5tech-architecture-copy ol{display:grid;gap:13px;margin:26px 0 0;padding:0;list-style:none}
.v5tech-architecture-copy li{display:flex;gap:14px;padding:16px;border:1px solid rgba(126,218,255,.10);border-radius:17px;background:rgba(255,255,255,.03)}
.v5tech-architecture-copy b{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;color:#071327;background:#13dfff}
.v5tech-architecture-copy strong,.v5tech-architecture-copy small{display:block}
.v5tech-architecture-copy strong{color:#fff}
.v5tech-architecture-copy small{margin-top:4px;color:#7894b1;line-height:1.5}

.v5tech-architecture-panel{padding:26px;border:1px solid rgba(126,218,255,.15);border-radius:28px;background:rgba(255,255,255,.035)}
.v5tech-layer{padding:19px;border:1px solid rgba(126,218,255,.10);border-radius:17px;background:#071529;text-align:center}
.v5tech-layer span,.v5tech-layer strong{display:block}
.v5tech-layer span{color:#6fe7ff;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.v5tech-layer strong{margin-top:6px;color:#fff;font-size:20px}
.v5tech-architecture-panel>i{display:block;margin:10px 0;color:#13dfff;text-align:center;font-style:normal;font-size:24px}

.v5tech-security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.v5tech-security-grid article{min-height:240px;padding:26px;border:1px solid rgba(126,218,255,.14);border-radius:24px;background:rgba(255,255,255,.035);text-align:center}
.v5tech-security-grid i{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 18px;border-radius:17px;color:#071327;background:#13dfff;font-style:normal;font-size:21px}
.v5tech-security-grid h3{margin:0;color:#fff;font-size:20px}
.v5tech-security-grid p{color:#91aac4;line-height:1.65}

.v5tech-management-card{
    display:grid;grid-template-columns:1fr .8fr;gap:35px;align-items:center;padding:38px;
    border:1px solid rgba(126,218,255,.16);border-radius:29px;
    background:radial-gradient(circle at 100% 0,rgba(19,223,255,.10),transparent 38%),rgba(255,255,255,.04)
}
.v5tech-management-card p{margin:0}
.v5tech-management-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v5tech-management-links a{display:flex;align-items:center;justify-content:center;min-height:58px;padding:0 16px;border:1px solid rgba(126,218,255,.12);border-radius:15px;color:#dff7ff;background:rgba(255,255,255,.03);font-weight:900}
.v5tech-management-links a:hover{border-color:rgba(19,223,255,.35);background:rgba(19,223,255,.08)}

.v5tech-final{padding:95px 0 125px;background:#030711}
.v5tech-final>div>div{padding:56px 35px;border:1px solid rgba(126,218,255,.20);border-radius:36px;background:radial-gradient(circle at 50% 0,rgba(19,223,255,.15),transparent 40%),rgba(255,255,255,.05);text-align:center}
.v5tech-final p{margin:0 auto}
.v5tech-final>div>div>div{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin-top:27px}

@media(max-width:1050px){
    .v5tech-hero-inner,.v5tech-architecture-layout,.v5tech-management-card{grid-template-columns:1fr}
    .v5tech-system-grid,.v5tech-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
    .v5tech-container{width:min(100% - 28px,1180px)}
    .v5tech-hero{padding-top:145px}
    .v5tech-system-grid,.v5tech-security-grid,.v5tech-management-links{grid-template-columns:1fr}
    .v5tech-visual{min-height:560px}
    .v5tech-orbit-one article:first-child{left:14px}
    .v5tech-orbit-one article:last-child{right:14px}
    .v5tech-orbit-two article:first-child{left:14px}
    .v5tech-orbit-two article:last-child{right:14px}
    .v5tech-final>div>div{padding:40px 20px}
    .v5tech-primary,.v5tech-secondary{width:100%}
}