.rtv-section{
    padding:34px 4vw 24px;
    background:linear-gradient(135deg,#04111f,#071827 48%,#11132a);
    position:relative;
    overflow:hidden;
}
.rtv-section:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(41,216,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(41,216,255,.055) 1px, transparent 1px);
    background-size:42px 42px;
    pointer-events:none;
    opacity:.8;
}
.rtv-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:.96fr 1.04fr;
    gap:22px;
}
.rtv-card{
    min-height:540px;
    border:1px solid rgba(41,216,255,.22);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(11,28,52,.86),rgba(4,10,22,.66));
    box-shadow:0 30px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08);
    overflow:hidden;
    position:relative;
}
.rtv-card:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 18%,rgba(41,216,255,.18),transparent 30%),
        radial-gradient(circle at 88% 82%,rgba(32,245,154,.13),transparent 35%);
    pointer-events:none;
}
.rtv-copy{
    position:relative;
    z-index:2;
    padding:48px;
}
.rtv-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 14px;
    border:1px solid rgba(32,245,154,.30);
    background:rgba(32,245,154,.08);
    color:#c6ffe5;
    border-radius:999px;
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.rtv-dot{
    width:9px;
    height:9px;
    border-radius:999px;
    background:#20f59a;
    box-shadow:0 0 18px #20f59a;
    animation:rtvPulse 1.7s ease-in-out infinite;
}
.rtv-copy h2{
    color:#ffffff;
    font-size:clamp(2.9rem,5vw,5.7rem);
    line-height:.94;
    letter-spacing:-.055em;
    margin:28px 0 22px;
    text-shadow:0 0 34px rgba(41,216,255,.22);
}
.rtv-copy p{
    color:#a9bfd4;
    font-size:1.22rem;
    line-height:1.65;
    max-width:660px;
}
.rtv-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin:32px 0;
}
.rtv-btn{
    border:0;
    border-radius:15px;
    padding:15px 22px;
    color:#fff;
    font-weight:900;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.rtv-btn.primary{background:linear-gradient(135deg,#29d8ff,#1677ff);box-shadow:0 16px 34px rgba(41,216,255,.24)}
.rtv-btn.secondary{background:rgba(255,255,255,.07);border:1px solid rgba(190,237,255,.18)}
.rtv-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.rtv-stat{
    border:1px solid rgba(122,218,255,.16);
    border-radius:20px;
    padding:20px;
    background:rgba(3,12,24,.42);
}
.rtv-stat strong{
    display:block;
    color:#fff;
    font-size:2.05rem;
    text-shadow:0 0 18px rgba(41,216,255,.35);
}
.rtv-stat span{
    display:block;
    color:#a9bfd4;
    margin-top:8px;
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.rtv-topology{
    position:relative;
    z-index:2;
    min-height:540px;
}
.rtv-topology-label{
    position:absolute;
    top:24px;
    left:28px;
    z-index:4;
    color:#c9efff;
    font-size:.82rem;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.rtv-chip{
    position:absolute;
    top:20px;
    right:28px;
    z-index:4;
    padding:9px 14px;
    border-radius:999px;
    background:rgba(32,245,154,.08);
    color:#c6ffe5;
    border:1px solid rgba(32,245,154,.28);
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.rtv-svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.rtv-link-soft{fill:none;stroke:rgba(41,216,255,.16);stroke-width:10;stroke-linecap:round}
.rtv-link{fill:none;stroke:rgba(41,216,255,.78);stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(41,216,255,.9))}
.rtv-box{rx:14;stroke-width:2}
.rtv-cpe{fill:rgba(126,149,173,.22);stroke:rgba(222,241,255,.55)}
.rtv-bridge{fill:rgba(32,245,154,.16);stroke:rgba(32,245,154,.82)}
.rtv-switch{fill:rgba(255,159,45,.18);stroke:rgba(255,159,45,.86)}
.rtv-server{fill:rgba(74,163,255,.17);stroke:rgba(74,163,255,.88)}
.rtv-svg text{fill:#effaff;font-size:12px;font-weight:900;letter-spacing:.05em;text-anchor:middle;dominant-baseline:middle}
.rtv-svg .sub{fill:rgba(217,243,255,.68);font-size:8px;letter-spacing:.12em}
.rtv-device{filter:drop-shadow(0 16px 22px rgba(0,0,0,.35));animation:rtvFloat 4.8s ease-in-out infinite;transform-origin:center}
.rtv-device.alt{animation-delay:-1.4s}
.rtv-packet{r:5;fill:#29d8ff;filter:url(#rtvPacketGlow)}
.rtv-packet.green{fill:#20f59a}
.rtv-packet.orange{fill:#ff9f2d}
.rtv-logo-node image{filter:drop-shadow(0 0 10px rgba(32,245,154,.35))}
.rtv-second{
    margin-top:22px;
}
.rtv-service-list{
    display:grid;
    gap:10px;
    margin-top:22px;
}
.rtv-service{
    display:flex;
    align-items:center;
    gap:10px;
    color:#c9efff;
    font-size:.88rem;
    font-weight:800;
}
.rtv-service b{
    width:34px;
    height:34px;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(41,216,255,.08);
    border:1px solid rgba(41,216,255,.22);
}
.rtv-threat-wrap{
    position:relative;
    z-index:2;
    height:100%;
    min-height:540px;
    padding:28px;
}
.rtv-threat-title{
    color:#29d8ff;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.rtv-3d-appliance{
    position:absolute;
    left:70px;
    top:150px;
    width:260px;
    height:150px;
    border-radius:30px;
    background:linear-gradient(145deg,#101820,#04070c);
    border:1px solid rgba(41,216,255,.28);
    box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 45px rgba(41,216,255,.22);
    transform:perspective(700px) rotateX(58deg) rotateZ(-18deg);
}
.rtv-3d-appliance:before{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:22px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.06),transparent),
        repeating-linear-gradient(45deg,rgba(41,216,255,.07) 0 2px,transparent 2px 9px);
}
.rtv-3d-appliance img{
    position:absolute;
    width:70px;
    left:95px;
    top:45px;
    transform:rotateZ(18deg);
}
.rtv-nic{
    position:absolute;
    bottom:-8px;
    width:26px;
    height:18px;
    border-radius:4px;
    background:#071827;
    border:1px solid rgba(222,241,255,.4);
}
.rtv-nic.one{left:70px}
.rtv-nic.two{left:108px}
.rtv-usb{
    position:absolute;
    right:-32px;
    top:58px;
    width:54px;
    height:18px;
    border-radius:999px;
    background:#111827;
    border:1px solid rgba(255,255,255,.38);
    transform:rotateZ(18deg);
}
.rtv-ant{
    position:absolute;
    right:-62px;
    width:4px;
    height:74px;
    background:#222;
    border-radius:999px;
    box-shadow:0 0 12px rgba(41,216,255,.3);
}
.rtv-ant.a{top:2px;transform:rotateZ(-18deg)}
.rtv-ant.b{top:72px;transform:rotateZ(28deg)}
.rtv-threat-svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.rtv-threat-node{
    position:absolute;
    z-index:4;
    text-align:center;
    color:#fff;
    font-size:.82rem;
    font-weight:900;
}
.rtv-threat-node .cube{
    width:58px;
    height:58px;
    margin:0 auto 8px;
    border-radius:12px;
    background:linear-gradient(145deg,#243548,#071827);
    border:1px solid rgba(74,163,255,.7);
    box-shadow:0 18px 26px rgba(0,0,0,.32),0 0 20px rgba(74,163,255,.28);
}
.rtv-node-mail{left:56%;top:24%}
.rtv-node-db{left:68%;top:25%}
.rtv-node-web{left:80%;top:25%}
.rtv-node-dc{left:91%;top:25%}
.rtv-node-nas{left:52%;top:66%}
.rtv-node-pbx{left:64%;top:66%}
.rtv-node-erp{left:76%;top:66%}
.rtv-node-backup{left:88%;top:66%}
.rtv-analytics{
    position:absolute;
    left:28px;
    right:28px;
    bottom:28px;
    z-index:4;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
}
.rtv-analytics div{
    border:1px solid rgba(41,216,255,.18);
    background:rgba(3,12,24,.55);
    border-radius:14px;
    padding:12px;
    color:#bfeeff;
    font-size:.72rem;
    font-weight:800;
    text-align:center;
}
@keyframes rtvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes rtvPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.35);opacity:1}}
body.landing-light .rtv-section{background:linear-gradient(135deg,#eaf7ff,#f8fbff 45%,#f4eaff)}
body.landing-light .rtv-card{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,247,255,.82))}
body.landing-light .rtv-copy h2{color:#071827}
body.landing-light .rtv-copy p,.landing-light .rtv-stat span{color:#415a75}
body.landing-light .rtv-stat strong{color:#071827}
@media(max-width:1100px){
    .rtv-grid{grid-template-columns:1fr}
    .rtv-card,.rtv-topology,.rtv-threat-wrap{min-height:720px}
}
@media(max-width:700px){
    .rtv-section{padding:20px 14px}
    .rtv-copy{padding:30px}
    .rtv-stats,.rtv-analytics{grid-template-columns:1fr}
    .rtv-card,.rtv-topology,.rtv-threat-wrap{min-height:760px}
}