/* Optimus CyberX site styles */
body{margin:0;background:#f7f9fd;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#151a3b}
h1,h2,h3,h4{font-family:'Space Grotesk','Plus Jakarta Sans',sans-serif;margin:0}
a{color:inherit;text-decoration:none}
a:hover{opacity:.8}
@keyframes sweep{to{transform:rotate(360deg)}}
@keyframes ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.8);opacity:0}}
@keyframes travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes dash{to{stroke-dashoffset:-30}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes blink{50%{opacity:.3}}
.sweep{animation:sweep 5s linear infinite}
.ping{animation:ping 2.4s ease-out infinite}
.pkt{animation:travel 3.4s linear infinite;offset-rotate:0deg}
.arc{stroke-dasharray:4 7;animation:dash 1.6s linear infinite}
.floaty{animation:floaty 5.5s ease-in-out infinite}
.blink{animation:blink 1.2s steps(2) infinite}
@media (prefers-reduced-motion:reduce){.sweep,.ping,.pkt,.arc,.floaty,.blink{animation:none}}
.fw img{max-width:100%;max-height:44px;object-fit:contain}
.fw.has-logo .fb{display:none}
.svcard{transition:transform .25s,box-shadow .25s}
.svcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(21,26,59,.4)}
@keyframes hm{0%{opacity:0;transform:translateX(48px);pointer-events:none}2%{pointer-events:auto}3%,18%{opacity:1;transform:none;pointer-events:auto}20%{opacity:0;transform:translateX(-48px);pointer-events:none}100%{opacity:0;pointer-events:none}}
@keyframes hmd{0%,19%{width:46px;background:var(--accent)}20%,100%{width:10px;background:#c7cfe3}}
.hm{position:absolute;inset:0;opacity:0;pointer-events:none;animation:hm 25s linear infinite}
.hmd{width:10px;height:10px;border-radius:99px;background:#c7cfe3;animation:hmd 25s linear infinite}
.hm1,.hmd1{animation-delay:5s}.hm2,.hmd2{animation-delay:10s}.hm3,.hmd3{animation-delay:15s}.hm4,.hmd4{animation-delay:20s}
@media (prefers-reduced-motion:reduce){.hm,.hmd{animation:none}.hm0{opacity:1;pointer-events:auto}.hmd0{width:46px;background:var(--accent)}}
.hscar:hover .hm,.hscar:hover .hmd{animation-play-state:paused}
@keyframes ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.4);opacity:0}}
@keyframes slide{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}
.ping{animation:ping 2.2s ease-out infinite}
.slide{animation:slide .5s ease-out}
@media (prefers-reduced-motion:reduce){.ping,.blink,.slide{animation:none}}
.faq summary{list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq-ic{transition:transform .25s}
.faq[open] .faq-ic{transform:rotate(45deg)}
.faq[open]{border-color:var(--accent)!important;box-shadow:0 18px 40px -24px rgba(79,70,229,.45)}
@keyframes drop{0%{top:0;opacity:0}25%{opacity:1}100%{top:100%;opacity:0}}
@keyframes ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.drop{animation:drop 1.8s linear infinite}
@media (prefers-reduced-motion:reduce){.drop,.blink,.ping{animation:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes floaty{50%{transform:translateY(-8px)}}
@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.spin{animation:spin 24s linear infinite}.spin2{animation:spin 40s linear infinite reverse}.floaty{animation:floaty 5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.spin,.spin2,.floaty{animation:none}}
@keyframes hs{0%{opacity:0;transform:translateX(48px);pointer-events:none}3%{pointer-events:auto}5%,22%{opacity:1;transform:none;pointer-events:auto}26%{opacity:0;transform:translateX(-48px);pointer-events:none}100%{opacity:0;pointer-events:none}}
@keyframes hd{0%,24%{width:46px;background:var(--accent)}25%,100%{width:10px;background:#c7cfe3}}
.hs{position:absolute;inset:0;opacity:0;pointer-events:none;animation:hs 28s linear infinite}
.hs1{animation-delay:7s}.hs2{animation-delay:14s}.hs3{animation-delay:21s}
.hd{width:10px;height:10px;border-radius:99px;background:#c7cfe3;animation:hd 28s linear infinite}
.hd1{animation-delay:7s}.hd2{animation-delay:14s}.hd3{animation-delay:21s}
@media (prefers-reduced-motion:reduce){.hs,.hd{animation:none}.hs0{opacity:1;pointer-events:auto}.hd0{width:46px;background:var(--accent)}}
.topic-r:checked + .topic{border-color:var(--accent)!important;background:var(--soft)!important;box-shadow:0 10px 26px -16px rgba(79,70,229,.5)}
.topic-r:focus-visible + .topic{outline:2px solid var(--accent);outline-offset:2px}
input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
button{font-family:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #818cf8;outline-offset:2px}
.cx-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#151a3b;color:#fff;font:600 14px 'Plus Jakarta Sans',sans-serif;padding:14px 22px;border-radius:14px;box-shadow:0 20px 50px rgba(21,26,59,.35);opacity:0;pointer-events:none;transition:.3s;z-index:100;max-width:90vw;text-align:center}
.cx-toast.on{opacity:1;transform:translate(-50%,0)}
.cx-empty{text-align:center;padding:48px;color:#5b6585;font-weight:600}
.cx-menu-btn{display:none;position:fixed;top:14px;right:14px;z-index:60;width:48px;height:48px;border-radius:50%;border:1px solid #dbe1ee;background:#fff;color:#151a3b;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(21,26,59,.12)}
.cx-menu{position:fixed;top:70px;right:14px;z-index:60;background:#fff;border:1px solid #dbe1ee;border-radius:20px;padding:10px;min-width:220px;box-shadow:0 24px 60px rgba(21,26,59,.2);display:grid;gap:2px;font-family:'Plus Jakarta Sans',sans-serif}
.cx-menu[hidden]{display:none}
.cx-menu a{padding:12px 14px;border-radius:12px;font-weight:600;font-size:15px;color:#151a3b}
.cx-menu a.on{background:#4f46e5;color:#fff}
.cx-menu button{margin-top:6px;font:700 14px 'Plus Jakarta Sans',sans-serif;background:#151a3b;color:#fff;border:0;border-radius:12px;padding:13px;cursor:pointer}
@media (max-width:1100px){
  header nav,header>div>div:last-child{display:none !important}
  .cx-menu-btn{display:inline-flex}
  header{height:70px !important}
}
@media (max-width:1000px){
  [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
  [style*="repeat(3"],[style*="repeat(4"],[style*="repeat(5"],[style*="repeat(6"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  [style*="position:sticky"]{position:static !important}
  section[style*="min-height"]{min-height:0 !important}
  div[style*="max-width:1200px"],div[style*="max-width:1000px"],div[style*="max-width:820px"]{padding-left:22px !important;padding-right:22px !important}
  [style*="position:relative;height:520px"]{display:none !important}
  [style*="min-width:380px"],[style*="min-width:280px"]{min-width:0 !important}
}
@media (max-width:700px){
  [style*="repeat(3"],[style*="repeat(4"],[style*="repeat(5"],[style*="repeat(2"]{grid-template-columns:minmax(0,1fr) !important}
  [style*="repeat(6"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  h1{font-size:38px !important;line-height:1.05 !important}
  h2{font-size:28px !important;line-height:1.15 !important}
  [style*="font-size:56px"],[style*="font-size:52px"],[style*="font-size:44px"]{font-size:34px !important}
  div[style*="height:40px"][style*="font-size:13px"]{display:none !important}
  div[style*="padding:48px 52px"],div[style*="padding:44px 52px"],div[style*="padding:52px"]{padding:28px !important}
  [style*="display:flex"][style*="justify-content:space-between"]{flex-wrap:wrap}
  footer div[style*="grid"]{gap:28px !important}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}
@media (max-width:900px){
.hscar{height:640px!important}
.hscar .hm>div>div:nth-child(2){display:none!important}
.hscar .hm>div{padding-top:24px!important;padding-bottom:70px!important}
.hscar h1,.hscar h2{font-size:40px!important}
}