/* ================================================================
   CYBERRAKSHAM — AIOTICS PRODUCT PAGE
   All styles are scoped to .cyberraksham-page
   ================================================================ */

.cyberraksham-page {
  --cr-blue:#1688ff;
  --cr-cyan:#25c9f3;
  --cr-navy:#06111d;
  --cr-navy2:#091a29;
  --cr-text:#edf8ff;
  --cr-muted:#92aabc;
  --cr-border:rgba(71,167,222,.22);
  --cr-shadow:0 25px 70px rgba(0,0,0,.28);
  overflow:hidden;
  color:var(--cr-text);
  background:#fff;
}
.cyberraksham-page *{box-sizing:border-box}
.cyberraksham-page .cr-container{width:min(1180px,calc(100% - 40px));margin:auto}
.cyberraksham-page .cr-section{position:relative;padding:105px 0;overflow:hidden}
.cyberraksham-page .cr-heading{max-width:820px;margin-bottom:55px}
.cyberraksham-page .cr-heading.centered{text-align:center;margin-left:auto;margin-right:auto}
.cyberraksham-page .cr-heading>span,
.cyberraksham-page .cr-final-content>span{
  display:inline-block;margin-bottom:14px;color:var(--cr-blue);
  font-size:.73rem;font-weight:850;letter-spacing:.17em
}
.cyberraksham-page .cr-heading h2{
  margin:0 0 17px;font-size:clamp(2.25rem,4.5vw,4.15rem);
  line-height:1.02;letter-spacing:-.05em;color:inherit
}
.cyberraksham-page .cr-heading h2 strong{color:var(--cr-blue)}
.cyberraksham-page .cr-heading p{margin:0;color:var(--cr-muted);line-height:1.8;font-size:1.02rem}

/* HERO */
.cyberraksham-page .cr-hero{
  position:relative;min-height:720px;display:flex;align-items:center;
  background:
    radial-gradient(circle at 76% 48%,rgba(22,136,255,.17),transparent 29%),
    radial-gradient(circle at 16% 12%,rgba(37,201,243,.07),transparent 27%),
    linear-gradient(135deg,#030a12,#071827 60%,#04111d);
  isolation:isolate
}
.cyberraksham-page .cr-hero-grid{
  position:relative;z-index:3;display:grid;grid-template-columns:1.08fr .92fr;
  gap:45px;align-items:center
}
.cyberraksham-page .cr-eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:8px 12px;
  border:1px solid rgba(50,177,240,.25);border-radius:999px;
  background:rgba(18,133,198,.06);color:#b5d3e5;
  font-size:.68rem;font-weight:850;letter-spacing:.12em
}
.cyberraksham-page .cr-eyebrow span{
  width:7px;height:7px;border-radius:50%;background:#38caff;
  box-shadow:0 0 16px #38caff;animation:crPulse 1.7s infinite
}
.cyberraksham-page .cr-hero-copy h1{
  margin:24px 0 23px;max-width:760px;font-size:clamp(3.1rem,6.1vw,6.2rem);
  line-height:.95;letter-spacing:-.065em;font-weight:850
}
.cyberraksham-page .cr-hero-copy h1 em{
  font-style:normal;background:linear-gradient(90deg,#fff,#55d4ff,#1688ff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.cyberraksham-page .cr-hero-copy>p{
  max-width:690px;margin:0;color:#a7bece;font-size:1.04rem;line-height:1.82
}
.cyberraksham-page .cr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.cyberraksham-page .cr-btn{
  min-height:50px;padding:0 21px;border-radius:8px;display:inline-flex;
  align-items:center;justify-content:center;gap:10px;font-size:.88rem;
  font-weight:800;transition:.25s ease;text-decoration:none
}
.cyberraksham-page .cr-btn.primary{
  color:#fff;background:linear-gradient(135deg,#1688ff,#18bce9);
  box-shadow:0 13px 35px rgba(22,136,255,.25)
}
.cyberraksham-page .cr-btn.primary:hover{transform:translateY(-2px)}
.cyberraksham-page .cr-btn.secondary{
  color:#e9f5fc;border:1px solid rgba(128,187,220,.27);background:rgba(255,255,255,.035)
}
.cyberraksham-page .cr-btn.secondary:hover{border-color:#1688ff;background:rgba(22,136,255,.08)}
.cyberraksham-page .cr-proof{
  display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:29px;color:#7894a7;font-size:.74rem
}
.cyberraksham-page .cr-proof span{display:flex;align-items:center;gap:7px}
.cyberraksham-page .cr-proof i{color:#36c5ff}

/* Hero animated network */
.cyberraksham-page .cr-bg-network{position:absolute;inset:0;z-index:1;opacity:.72;pointer-events:none}
.cyberraksham-page .cr-dot{
  position:absolute;width:7px;height:7px;border-radius:50%;background:#42cfff;
  box-shadow:0 0 19px #31c4ff;animation:crNode 3s ease-in-out infinite
}
.cyberraksham-page .cr-dot.d1{left:8%;top:22%}.cr-dot.d2{left:31%;top:10%;animation-delay:.5s}
.cyberraksham-page .cr-dot.d3{left:49%;top:74%;animation-delay:1s}.cr-dot.d4{left:72%;top:17%;animation-delay:1.4s}
.cyberraksham-page .cr-dot.d5{left:90%;top:51%;animation-delay:.8s}.cr-dot.d6{left:79%;top:85%;animation-delay:1.8s}
.cyberraksham-page .cr-dot.d7{left:57%;top:20%;animation-delay:1.1s}
.cyberraksham-page .cr-wire{
  position:absolute;height:1px;transform-origin:left center;
  background:linear-gradient(90deg,transparent,rgba(53,191,255,.38),transparent);
  animation:crFade 4s ease-in-out infinite
}
.cyberraksham-page .cr-wire.w1{width:29%;left:8%;top:22%;transform:rotate(-14deg)}
.cyberraksham-page .cr-wire.w2{width:35%;left:31%;top:10%;transform:rotate(10deg)}
.cyberraksham-page .cr-wire.w3{width:29%;left:49%;top:74%;transform:rotate(-34deg)}
.cyberraksham-page .cr-wire.w4{width:27%;left:72%;top:17%;transform:rotate(55deg)}
.cyberraksham-page .cr-wire.w5{width:30%;left:49%;top:74%;transform:rotate(25deg)}
.cyberraksham-page .cr-packet{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 13px #4bd5ff}
.cyberraksham-page .cr-packet.pk1{left:16%;top:20%;animation:crPacket1 3.4s linear infinite}
.cyberraksham-page .cr-packet.pk2{left:54%;top:35%;animation:crPacket2 3.8s linear infinite}
.cyberraksham-page .cr-packet.pk3{left:69%;top:45%;animation:crPacket3 4s linear infinite}
.cyberraksham-page .cr-packet.pk4{left:47%;top:67%;animation:crPacket4 3.2s linear infinite}

/* Hero visual */
.cyberraksham-page .cr-hero-visual{position:relative;min-height:520px;display:grid;place-items:center}
.cyberraksham-page .cr-orbit{position:absolute;border:1px solid rgba(50,188,248,.23);border-radius:50%;animation:crRotate 17s linear infinite}
.cyberraksham-page .cr-orbit.o1{width:455px;height:260px;transform:rotate(22deg)}
.cyberraksham-page .cr-orbit.o2{width:350px;height:350px;border-style:dashed;animation-duration:22s}
.cyberraksham-page .cr-orbit.o3{width:280px;height:180px;transform:rotate(-35deg);opacity:.5;animation-duration:13s}
.cyberraksham-page .cr-core{
  position:relative;z-index:3;width:235px;height:235px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;border-radius:28px;
  border:1px solid rgba(83,195,255,.32);
  background:linear-gradient(145deg,rgba(16,44,68,.96),rgba(3,15,25,.97));
  box-shadow:0 0 75px rgba(15,140,244,.18),inset 0 0 40px rgba(0,174,255,.05)
}
.cyberraksham-page .cr-shield{
  width:76px;height:76px;display:grid;place-items:center;border-radius:20px;
  border:1px solid rgba(62,204,255,.42);color:#45cfff;background:rgba(21,143,218,.1);
  font-size:2rem;margin-bottom:15px;animation:crFloat 3.2s ease-in-out infinite
}
.cyberraksham-page .cr-core>b{font-size:1.02rem}.cyberraksham-page .cr-core>small{
  margin-top:6px;color:#7894a7;font-size:.54rem;letter-spacing:.13em
}
.cyberraksham-page .cr-device{
  position:absolute;z-index:4;display:flex;align-items:center;gap:8px;min-width:100px;
  padding:11px 13px;border:1px solid rgba(77,183,240,.2);border-radius:10px;
  background:rgba(5,19,31,.9);color:#b8d1e0;font-size:.7rem;box-shadow:0 15px 30px rgba(0,0,0,.3);
  animation:crFloat 3.5s ease-in-out infinite
}
.cyberraksham-page .cr-device i{color:#35c7ff}.cyberraksham-page .dev1{left:1%;top:26%}
.cyberraksham-page .dev2{right:0;top:17%;animation-delay:.6s}.cyberraksham-page .dev3{right:2%;bottom:23%;animation-delay:1.1s}
.cyberraksham-page .dev4{left:4%;bottom:16%;animation-delay:1.8s}

/* Product image movement 
.cyberraksham-page .cr-product-strip{padding:20px 0;background:#06111c;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden}
.cyberraksham-page .cr-marquee{overflow:hidden}
.cyberraksham-page .cr-marquee-track{display:flex;width:max-content;gap:18px;animation:crMarquee 34s linear infinite}
.cyberraksham-page .cr-shot{
  width:320px;height:190px;flex:0 0 320px;overflow:hidden;border-radius:10px;
  border:1px solid rgba(100,173,222,.16);background:#0b1a28;box-shadow:0 12px 30px rgba(0,0,0,.25)
}
.cyberraksham-page .cr-shot img{display:block;width:100%;height:100%;object-fit:cover}
*/
/* Light discovery */
.cyberraksham-page .cr-light{color:#0a1825;background:radial-gradient(circle at 10% 30%,rgba(22,136,255,.10),transparent 28%),linear-gradient(135deg,#06111d,#081a29 58%,#061522)}
.cyberraksham-page .cr-discovery{display:grid;grid-template-columns:1.1fr .9fr;gap:44px}
.cyberraksham-page .cr-topology{
  position:relative;min-height:470px;overflow:hidden;border:1px solid rgba(71,167,222,.22);
  border-radius:18px;background:rgba(8,24,39,.78);box-shadow:0 20px 55px rgba(0,0,0,.25)
}
.cyberraksham-page .cr-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(60,143,190,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(60,143,190,.25) 1px,transparent 1px);background-size:34px 34px}
.cyberraksham-page .cr-topology-core{
  position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);
  padding:18px 23px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#087ff0,#15b8df);
  font-size:.7rem;font-weight:850;letter-spacing:.12em;box-shadow:0 13px 30px rgba(13,137,235,.25)
}
.cyberraksham-page .cr-topology svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.cyberraksham-page .cr-topology path{fill:none;stroke:rgba(23,136,255,.35);stroke-width:2;stroke-dasharray:7 7;animation:crDash 2.5s linear infinite}
.cyberraksham-page .cr-node-card{
  position:absolute;z-index:4;min-width:80px;padding:10px;display:flex;flex-direction:column;
  align-items:center;gap:5px;border:1px solid rgba(91,181,232,.24);border-radius:10px;background:rgba(8,28,44,.94);
  color:#c7deeb;box-shadow:0 8px 25px rgba(0,0,0,.22);animation:crDevice 2.7s ease-in-out infinite
}
.cyberraksham-page .cr-node-card i{color:#1688ff}.cyberraksham-page .cr-node-card small{font-size:.62rem;font-weight:750}
.cyberraksham-page .n-router{left:7%;top:15%}.cyberraksham-page .n-switch{right:8%;top:12%;animation-delay:.4s}
.cyberraksham-page .n-server{left:4%;bottom:17%;animation-delay:.8s}.cyberraksham-page .n-endpoint{right:7%;bottom:14%;animation-delay:1.2s}
.cyberraksham-page .n-camera{left:44%;top:5%;animation-delay:1.5s}.cyberraksham-page .n-plc{left:43%;bottom:5%;animation-delay:1.9s}
.cyberraksham-page .cr-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.cyberraksham-page .cr-feature-grid article{padding:25px;border:1px solid rgba(91,169,218,.17);border-radius:14px;background:linear-gradient(145deg,rgba(14,37,55,.84),rgba(7,20,31,.9));box-shadow:0 12px 32px rgba(0,0,0,.18);transition:.25s}
.cyberraksham-page .cr-feature-grid article:hover{transform:translateY(-4px);border-color:rgba(22,136,255,.35)}
.cyberraksham-page .cr-feature-grid article>div{
  width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:rgba(22,136,255,.11);color:#1688ff;margin-bottom:18px
}
.cyberraksham-page .cr-feature-grid h3{margin:0 0 9px;font-size:1.04rem}
.cyberraksham-page .cr-feature-grid p{margin:0;color:#829cad;line-height:1.65;font-size:.87rem}

/* CVE */
.cyberraksham-page .cr-dark{background:radial-gradient(circle at 50% 0,rgba(23,136,255,.12),transparent 36%),#06111c}
.cyberraksham-page .cr-dark .cr-heading p{color:#8fa9bb}
.cyberraksham-page .cr-cve-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:13px;align-items:center}
.cyberraksham-page .cr-cve-flow article{
  position:relative;min-height:180px;padding:24px 15px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;border:1px solid rgba(83,164,218,.2);border-radius:14px;background:rgba(11,30,47,.7)
}
.cyberraksham-page .cr-cve-flow article i{margin:14px 0 11px;color:#3bc5ff;font-size:1.7rem}
.cyberraksham-page .cr-cve-flow article b{font-size:.84rem}.cyberraksham-page .cr-cve-flow article small{margin-top:5px;color:#7994a8;font-size:.68rem}
.cyberraksham-page .cr-cve-flow article label{position:absolute;top:11px;right:13px;color:#4f748c;font-size:.6rem;font-weight:850}
.cyberraksham-page .cr-cve-flow article.risk{border-color:rgba(255,105,105,.27)}.cyberraksham-page .cr-cve-flow article.risk i{color:#ff7373}
.cyberraksham-page .cr-cve-flow .arrow{color:#318dc5;animation:crArrow 1.5s infinite}
.cyberraksham-page .cr-ribbon{
  display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px;padding:18px;
  border:1px solid rgba(83,164,218,.15);border-radius:12px;color:#6fb9e7;background:rgba(255,255,255,.015);
  font-size:.67rem;font-weight:850;letter-spacing:.1em
}
.cyberraksham-page .cr-ribbon i{color:#416d87}

/* GIF */
.cyberraksham-page .cr-gif{color:var(--cr-text);background:radial-gradient(circle at 85% 40%,rgba(22,136,255,.08),transparent 28%),linear-gradient(135deg,#06111d,#081a29 58%,#061522)}
.cyberraksham-page .cr-two-col{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center}
.cyberraksham-page .cr-checks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.cyberraksham-page .cr-checks li{display:flex;gap:11px;align-items:center;color:#b6cbd8;font-size:.89rem;font-weight:650}
.cyberraksham-page .cr-checks i{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:rgba(22,136,255,.11);color:#1688ff;font-size:.6rem}
.cyberraksham-page .cr-gif-frame{padding:9px;border:1px solid rgba(71,167,222,.22);border-radius:18px;background:rgba(8,27,43,.82);box-shadow:0 25px 70px rgba(0,0,0,.25)}
.cyberraksham-page .cr-gif-frame img{display:block;width:100%;height:auto;border-radius:11px}

/* OT */
.cyberraksham-page .cr-ot{background:linear-gradient(rgba(5,16,27,.97),rgba(5,16,27,.97)),radial-gradient(circle at 75% 20%,#0c709f,transparent 32%)}
.cyberraksham-page .cr-ot .cr-heading p{color:#8ea8b8}
.cyberraksham-page .cr-ot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cyberraksham-page .cr-ot-grid article{
  min-height:260px;padding:28px;border:1px solid rgba(91,169,218,.17);border-radius:15px;
  background:linear-gradient(145deg,rgba(14,37,55,.84),rgba(7,20,31,.9));transition:.25s
}
.cyberraksham-page .cr-ot-grid article:hover{transform:translateY(-5px);border-color:rgba(43,178,255,.38)}
.cyberraksham-page .cr-ot-grid i{display:block;color:#32c4ff;font-size:1.8rem;margin:15px 0 24px}
.cyberraksham-page .cr-ot-grid b{font-size:1rem}.cyberraksham-page .cr-ot-grid p{margin:10px 0 0;color:#829cad;font-size:.84rem;line-height:1.7}
.cyberraksham-page .cr-industrial-flow{
  margin-top:30px;display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap
}
.cyberraksham-page .cr-industrial-flow div{
  padding:13px 16px;border:1px solid rgba(79,176,228,.2);border-radius:8px;background:rgba(255,255,255,.03);
  color:#a8c4d4;font-size:.68rem;font-weight:850;letter-spacing:.08em
}
.cyberraksham-page .cr-industrial-flow i{color:#3ec7fa}

/* Purdue / ISA95 */
.cyberraksham-page .cr-model{color:var(--cr-text);background:radial-gradient(circle at 12% 20%,rgba(22,136,255,.09),transparent 28%),linear-gradient(135deg,#06111d,#081a29 58%,#061522)}
.cyberraksham-page .cr-model-wrap{
  display:grid;grid-template-columns:1fr 240px 1fr;align-items:center;gap:25px;padding:25px;
  border:1px solid rgba(71,167,222,.22);border-radius:20px;background:rgba(8,25,40,.78);box-shadow:0 25px 65px rgba(0,0,0,.24)
}
.cyberraksham-page .cr-purdue label,.cyberraksham-page .cr-isa label{
  display:block;margin-bottom:12px;color:#1688ff;font-size:.69rem;font-weight:850;letter-spacing:.14em
}
.cyberraksham-page .cr-purdue div{
  min-height:62px;margin-bottom:7px;padding:12px 15px;display:flex;align-items:center;gap:12px;
  border:1px solid rgba(91,169,218,.17);border-left:4px solid #1688ff;border-radius:8px;background:rgba(9,31,48,.82)
}
.cyberraksham-page .cr-purdue div:nth-child(3){border-left-color:#2498ed}.cyberraksham-page .cr-purdue div:nth-child(4){border-left-color:#25addd}
.cyberraksham-page .cr-purdue div:nth-child(5){border-left-color:#28bdd3}.cyberraksham-page .cr-purdue div:nth-child(6){border-left-color:#37c8c2}
.cyberraksham-page .cr-purdue b{color:#1688ff;font-size:.7rem;min-width:35px}.cyberraksham-page .cr-purdue span{color:#9bb2c2;font-size:.72rem}
.cyberraksham-page .cr-model-center{height:300px;display:grid;place-items:center;position:relative}
.cyberraksham-page .cr-model-center:before{
  content:"";position:absolute;width:235px;height:235px;border:1px dashed rgba(22,136,255,.28);border-radius:50%;animation:crRotate 14s linear infinite
}
.cyberraksham-page .cr-model-center>div{
  position:relative;z-index:2;width:155px;height:155px;border-radius:50%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(135deg,#087ff0,#15b8df);
  box-shadow:0 0 0 15px rgba(22,136,255,.06),0 20px 50px rgba(10,128,225,.2)
}
.cyberraksham-page .cr-model-center i{font-size:2rem;margin-bottom:11px}.cyberraksham-page .cr-model-center b{font-size:.72rem;letter-spacing:.08em}
.cyberraksham-page .cr-model-center small{margin-top:6px;font-size:.47rem;letter-spacing:.1em;opacity:.76}
.cyberraksham-page .cr-isa div{
  min-height:49px;margin-bottom:8px;padding:12px 15px;display:flex;align-items:center;gap:12px;
  border:1px solid rgba(91,169,218,.17);border-radius:8px;background:rgba(9,31,48,.82);color:#9bb2c2;font-size:.77rem
}
.cyberraksham-page .cr-isa i{width:22px;color:#1688ff}

/* Compliance */
.cyberraksham-page .cr-compliance{background:radial-gradient(circle at 90% 40%,rgba(22,136,255,.09),transparent 30%),#06111c}
.cyberraksham-page .cr-compliance .cr-heading p{color:#8fa9bb}
.cyberraksham-page .cr-standards{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.cyberraksham-page .cr-standards span{
  padding:9px 13px;border:1px solid rgba(78,165,218,.25);border-radius:999px;
  color:#a9c5d7;background:rgba(255,255,255,.025);font-size:.69rem;font-weight:750
}
.cyberraksham-page .cr-posture{
  padding:28px;border:1px solid rgba(84,170,221,.2);border-radius:17px;background:rgba(10,29,45,.76);
  box-shadow:0 30px 70px rgba(0,0,0,.22)
}
.cyberraksham-page .cr-posture-head{display:flex;justify-content:space-between;margin-bottom:28px;color:#6f9db8;font-size:.66rem;letter-spacing:.12em}
.cyberraksham-page .cr-posture-head i{color:#31c4ff}
.cyberraksham-page .cr-control{display:grid;grid-template-columns:175px 1fr 42px;align-items:center;gap:14px;margin-bottom:18px}
.cyberraksham-page .cr-control span{color:#a7bdcc;font-size:.72rem}.cyberraksham-page .cr-control strong{color:#61c9f5;font-size:.7rem;text-align:right}
.cyberraksham-page .cr-control>div{height:6px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.07)}
.cyberraksham-page .cr-control b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1688ff,#27c7ee);animation:crBar 1.8s ease both}
.cyberraksham-page .cr-reco{display:flex;gap:13px;align-items:center;margin-top:27px;padding:15px;border:1px solid rgba(39,192,235,.16);border-radius:10px;background:rgba(28,153,204,.055)}
.cyberraksham-page .cr-reco>i{color:#42cdf5;font-size:1.2rem}.cyberraksham-page .cr-reco b{display:block;font-size:.76rem}
.cyberraksham-page .cr-reco small{display:block;margin-top:3px;color:#7895a8;font-size:.67rem}

/* Final */
.cyberraksham-page .cr-final{
  position:relative;min-height:570px;display:grid;place-items:center;text-align:center;overflow:hidden;background:#030b12
}
.cyberraksham-page .cr-final-content{position:relative;z-index:5;max-width:900px}
.cyberraksham-page .cr-final-content h2{
  margin:0 0 20px;font-size:clamp(2.8rem,5.3vw,5.3rem);line-height:1;letter-spacing:-.055em
}
.cyberraksham-page .cr-final-content p{max-width:720px;margin:auto;color:#8da8ba;line-height:1.8}
.cyberraksham-page .cr-final-content .cr-actions{justify-content:center}
.cyberraksham-page .cr-final-network{position:absolute;inset:0;opacity:.58;pointer-events:none}
.cyberraksham-page .final-shield{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;
  display:grid;place-items:center;border:1px solid rgba(51,198,255,.45);border-radius:50%;
  color:#46cbff;background:rgba(14,70,105,.4);box-shadow:0 0 55px rgba(24,153,232,.2)
}
.cyberraksham-page .fc{
  position:absolute;width:8px;height:8px;border-radius:50%;background:#39c9ff;box-shadow:0 0 18px #39c9ff;animation:crNode 2.5s infinite
}
.cyberraksham-page .fc.n1{left:15%;top:25%}.cyberraksham-page .fc.n2{left:29%;top:75%;animation-delay:.4s}
.cyberraksham-page .fc.n3{left:72%;top:20%;animation-delay:.8s}.cyberraksham-page .fc.n4{left:87%;top:62%;animation-delay:1.2s}
.cyberraksham-page .fc.n5{left:50%;top:10%;animation-delay:1.6s}.cyberraksham-page .fc.n6{left:53%;top:88%;animation-delay:2s}
.cyberraksham-page .fl{
  position:absolute;left:50%;top:50%;width:38%;height:1px;transform-origin:left center;
  background:linear-gradient(90deg,rgba(45,198,255,.42),transparent);animation:crFade 3.5s infinite
}
.cyberraksham-page .fl.f1{transform:rotate(214deg)}.cyberraksham-page .fl.f2{transform:rotate(151deg)}
.cyberraksham-page .fl.f3{transform:rotate(331deg)}.cyberraksham-page .fl.f4{transform:rotate(26deg)}
.cyberraksham-page .fl.f5{transform:rotate(278deg)}.cyberraksham-page .fl.f6{transform:rotate(88deg)}

/* Animations */
@keyframes crPulse{50%{transform:scale(1.35);opacity:.65}}
@keyframes crNode{50%{transform:scale(1.7);opacity:.55}}
@keyframes crFade{50%{opacity:.25}}
@keyframes crFloat{50%{transform:translateY(-8px)}}
@keyframes crRotate{to{transform:rotate(360deg)}}
@keyframes crDash{to{stroke-dashoffset:-28}}
@keyframes crArrow{50%{transform:translateX(4px);opacity:.55}}
@keyframes crDevice{50%{box-shadow:0 12px 30px rgba(21,69,103,.1),0 0 0 4px rgba(22,136,255,.035)}}
@keyframes crBar{from{transform:scaleX(0);transform-origin:left}}
@keyframes crMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
@keyframes crPacket1{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:1}100%{transform:translate(160px,-40px)}}
@keyframes crPacket2{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:1}100%{transform:translate(135px,40px)}}
@keyframes crPacket3{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:1}100%{transform:translate(-125px,50px)}}
@keyframes crPacket4{0%,100%{transform:translate(0,0);opacity:0}20%,80%{opacity:1}100%{transform:translate(-100px,-32px)}}

/* Responsive */
@media(max-width:1050px){
  .cyberraksham-page .cr-hero-grid,.cyberraksham-page .cr-discovery,.cyberraksham-page .cr-two-col{grid-template-columns:1fr}
  .cyberraksham-page .cr-hero{padding:80px 0}
  .cyberraksham-page .cr-hero-visual{min-height:440px}
  .cyberraksham-page .cr-cve-flow{grid-template-columns:repeat(2,1fr)}
  .cyberraksham-page .cr-cve-flow .arrow{display:none}
  .cyberraksham-page .cr-ot-grid{grid-template-columns:repeat(2,1fr)}
  .cyberraksham-page .cr-model-wrap{grid-template-columns:1fr}
  .cyberraksham-page .cr-model-center{order:-1;height:220px}
}
@media(max-width:700px){
  .cyberraksham-page .cr-container{width:calc(100% - 28px)}
  .cyberraksham-page .cr-section{padding:75px 0}
  .cyberraksham-page .cr-hero-copy h1{font-size:clamp(2.8rem,14vw,4.2rem)}
  .cyberraksham-page .cr-hero-visual{min-height:380px}
  .cyberraksham-page .cr-orbit.o1{width:310px;height:175px}
  .cyberraksham-page .cr-orbit.o2{width:270px;height:270px}
  .cyberraksham-page .cr-orbit.o3{width:240px;height:150px}
  .cyberraksham-page .cr-core{width:185px;height:185px}
  .cyberraksham-page .cr-shot{width:250px;height:150px;flex-basis:250px}
  .cyberraksham-page .cr-feature-grid,.cyberraksham-page .cr-ot-grid,.cyberraksham-page .cr-cve-flow{grid-template-columns:1fr}
  .cyberraksham-page .cr-topology{min-height:380px}
  .cyberraksham-page .cr-industrial-flow{gap:8px}
  .cyberraksham-page .cr-control{grid-template-columns:1fr 55px}
  .cyberraksham-page .cr-control span{grid-column:1/-1}
  .cyberraksham-page .cr-control>div{grid-column:1}
  .cyberraksham-page .cr-control strong{grid-column:2;grid-row:2}
  .cyberraksham-page .cr-final{min-height:500px}
}
@media(prefers-reduced-motion:reduce){
  .cyberraksham-page *,.cyberraksham-page *:before,.cyberraksham-page *:after{
    animation-duration:.001ms!important;animation-iteration-count:1!important
  }
}
/* =========================================================
   CYBERRAKSHAM — 3D PRODUCT SHOWCASE
   ========================================================= */

.cr-product-showcase {
    position: relative;
    width: 100%;
    padding: 110px 0 90px;
    overflow: hidden;

    background:
        radial-gradient(
            ellipse at center,
            rgba(24, 107, 180, 0.14),
            transparent 55%
        ),
        #061321;
}


/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.cr-showcase-header {
    width: min(900px, calc(100% - 40px));
    margin: 0 auto 50px;
    text-align: center;
}

.cr-showcase-header > span {
    display: block;

    margin-bottom: 14px;

    color: #168cff;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.cr-showcase-header h2 {
    margin: 0;

    color: #f3f8ff;

    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.05;
    font-weight: 800;
}

.cr-showcase-header h2 strong {
    color: #168cff;
}

.cr-showcase-header p {
    max-width: 680px;

    margin: 20px auto 0;

    color: #91abc0;

    font-size: 16px;
    line-height: 1.7;
}


/* ---------------------------------------------------------
   CAROUSEL
   --------------------------------------------------------- */

.cr-carousel {
    position: relative;

    width: 100%;
    height: 560px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.cr-carousel-stage {
    position: relative;

    width: min(1250px, 90vw);
    height: 520px;

    perspective: 1400px;
    perspective-origin: center center;

    overflow: hidden;
}


/* subtle floor / ring */

.cr-carousel-stage::before {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 50px;

    width: 75%;
    height: 120px;

    transform: translateX(-50%);

    border: 1px solid rgba(34, 145, 255, 0.22);

    border-radius: 50%;

    box-shadow:
        0 0 40px rgba(0, 128, 255, 0.08),
        inset 0 0 30px rgba(0, 128, 255, 0.05);

    pointer-events: none;
}


/* rotating track */

.cr-carousel-track {
    position: absolute;

    inset: 0;

    transform-style: preserve-3d;

    transition:
        transform 900ms cubic-bezier(.22, .61, .36, 1);
}


/* ---------------------------------------------------------
   PRODUCT CARDS
   --------------------------------------------------------- */

.cr-product-card {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 430px;
    height: 270px;

    padding: 7px;

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            rgba(30, 91, 130, 0.8),
            rgba(5, 22, 36, 0.95)
        );

    border: 1px solid rgba(67, 169, 232, 0.32);

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.55),
        0 0 30px rgba(0, 136, 255, 0.08);

    cursor: pointer;

    transform-style: preserve-3d;

    transition:
        transform 800ms cubic-bezier(.22, .61, .36, 1),
        opacity 700ms ease,
        filter 700ms ease,
        box-shadow 700ms ease;

    overflow: hidden;
}


.cr-product-card::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            120deg,
            transparent 35%,
            rgba(255,255,255,.12),
            transparent 65%
        );

    transform: translateX(-120%);

    transition: transform 900ms ease;

    pointer-events: none;
}


.cr-product-card:hover::after {
    transform: translateX(120%);
}


.cr-product-card img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: 9px;

    user-select: none;

    pointer-events: none;
}


/* active / center screenshot */

.cr-product-card.is-active {
    box-shadow:
        0 35px 80px rgba(0, 0, 0, 0.7),
        0 0 45px rgba(0, 142, 255, 0.24);

    border-color: rgba(52, 165, 255, 0.65);
}


/* ---------------------------------------------------------
   ARROWS
   --------------------------------------------------------- */

.cr-carousel-btn {
    position: absolute;

    z-index: 20;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(48, 156, 237, 0.35);

    border-radius: 50%;

    background: rgba(5, 24, 40, 0.82);

    color: #dcefff;

    cursor: pointer;

    backdrop-filter: blur(10px);

    transition:
        transform 200ms ease,
        background 200ms ease,
        border-color 200ms ease;
}


.cr-carousel-btn:hover {
    transform: scale(1.1);

    background: rgba(15, 90, 145, 0.85);

    border-color: rgba(70, 180, 255, 0.8);
}


.cr-carousel-prev {
    left: max(20px, calc((100vw - 1400px) / 2));
}


.cr-carousel-next {
    right: max(20px, calc((100vw - 1400px) / 2));
}


/* ---------------------------------------------------------
   HINT
   --------------------------------------------------------- */

.cr-showcase-hint {
    margin-top: -10px;

    text-align: center;

    color: #63839b;

    font-size: 12px;

    letter-spacing: .08em;
}

.cr-showcase-hint i {
    margin-right: 8px;

    color: #168cff;
}


/* =========================================================
   FULL SCREEN VIEWER
   ========================================================= */

.cr-lightbox {
    position: fixed;

    inset: 0;

    z-index: 99999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 50px;

    background:
        radial-gradient(
            circle at center,
            rgba(10, 53, 84, 0.35),
            rgba(1, 7, 13, 0.97) 65%
        );

    backdrop-filter: blur(15px);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 300ms ease,
        visibility 300ms ease;
}


.cr-lightbox.is-open {
    opacity: 1;
    visibility: visible;
}


.cr-lightbox-content {
    position: relative;

    width: min(1400px, 90vw);
    max-height: 90vh;

    display: flex;
    flex-direction: column;
    align-items: center;

    transform: scale(.92);

    transition: transform 350ms cubic-bezier(.22, .61, .36, 1);
}


.cr-lightbox.is-open .cr-lightbox-content {
    transform: scale(1);
}


.cr-lightbox-content img {
    display: block;

    max-width: 100%;
    max-height: 78vh;

    width: auto;
    height: auto;

    object-fit: contain;

    border-radius: 10px;

    border: 1px solid rgba(76, 177, 238, 0.35);

    box-shadow:
        0 40px 100px rgba(0, 0, 0, 0.75),
        0 0 60px rgba(0, 128, 255, 0.12);
}


.cr-lightbox-title {
    margin-bottom: 16px;

    color: #eaf6ff;

    font-size: 17px;
    font-weight: 700;

    letter-spacing: .04em;
}


.cr-lightbox-counter {
    margin-top: 14px;

    color: #7194ac;

    font-size: 12px;

    letter-spacing: .15em;
}


/* close */

.cr-lightbox-close {
    position: absolute;

    top: 25px;
    right: 30px;

    width: 48px;
    height: 48px;

    border: 1px solid rgba(92, 177, 232, 0.35);

    border-radius: 50%;

    background: rgba(8, 27, 43, .8);

    color: white;

    font-size: 20px;

    cursor: pointer;

    z-index: 10;
}


/* navigation */

.cr-lightbox-nav {
    position: absolute;

    top: 50%;

    width: 58px;
    height: 58px;

    transform: translateY(-50%);

    border: 1px solid rgba(71, 167, 222, .35);

    border-radius: 50%;

    background: rgba(8, 27, 43, .85);

    color: white;

    font-size: 18px;

    cursor: pointer;

    z-index: 10;

    transition:
        transform 200ms ease,
        background 200ms ease;
}


.cr-lightbox-nav:hover {
    background: rgba(15, 91, 145, .9);
}


.cr-lightbox-prev {
    left: 30px;
}


.cr-lightbox-next {
    right: 30px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    .cr-product-showcase {
        padding: 80px 0 65px;
    }

    .cr-carousel {
        height: 430px;
    }

    .cr-carousel-stage {
        width: 100%;
        height: 410px;
    }

    .cr-product-card {
        width: 330px;
        height: 210px;
    }

    .cr-carousel-prev {
        left: 12px;
    }

    .cr-carousel-next {
        right: 12px;
    }

}


@media (max-width: 600px) {

    .cr-showcase-header {
        width: calc(100% - 32px);
        margin-bottom: 25px;
    }

    .cr-showcase-header h2 {
        font-size: 34px;
    }

    .cr-showcase-header p {
        font-size: 14px;
    }

    .cr-carousel {
        height: 350px;
    }

    .cr-carousel-stage {
        height: 340px;
    }

    .cr-product-card {
        width: 260px;
        height: 165px;
    }

    .cr-carousel-btn {
        width: 42px;
        height: 42px;
    }

    .cr-lightbox {
        padding: 20px 10px;
    }

    .cr-lightbox-content {
        width: 96vw;
    }

    .cr-lightbox-content img {
        max-height: 70vh;
    }

    .cr-lightbox-nav {
        width: 42px;
        height: 42px;
    }

    .cr-lightbox-prev {
        left: 10px;
    }

    .cr-lightbox-next {
        right: 10px;
    }

    .cr-lightbox-close {
        top: 12px;
        right: 12px;
    }

}