@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#05050d;
  --bg2:#090a16;
  --line:rgba(255,255,255,.12);
  --text:#f7f7fb;
  --muted:#aeb3c4;
  --green:#8dff00;
  --purple:#8a2eff;
  --radius:30px;
  --shadow:0 40px 120px rgba(0,0,0,.48);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  background:
    radial-gradient(circle at 15% 10%, rgba(141,255,0,.12), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(138,46,255,.18), transparent 30%),
    linear-gradient(180deg,#05050d 0%,#080916 54%,#04040a 100%);
  color:var(--text);
  min-height:100vh;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.hidden{display:none!important}

#binaryCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-4;opacity:.18}
.grid-overlay{
  pointer-events:none;position:fixed;inset:0;z-index:-3;opacity:.12;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.82) 42%,transparent 92%);
}
.orb{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(92px);z-index:-2;opacity:.35}
.orb--green{background:var(--green);top:12%;left:-8%}
.orb--purple{background:var(--purple);right:-10%;top:24%}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(141,255,0,.10),rgba(138,46,255,.07),transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease}

.preloader{position:fixed;inset:0;background:#05050d;z-index:999;display:grid;place-items:center;gap:18px;transition:opacity .55s ease,visibility .55s ease}
.preloader.hidden-loader{opacity:0;visibility:hidden}
.preloader__mark{width:90px;height:90px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--purple));color:#05050d;font-size:34px;font-weight:900;box-shadow:0 0 48px rgba(141,255,0,.25)}
.preloader__bar{width:210px;height:4px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}
.preloader__bar span{display:block;width:45%;height:100%;background:linear-gradient(90deg,var(--green),var(--purple));border-radius:99px;animation:load 1.2s ease-in-out infinite}
@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}

.site-header{
  position:fixed;top:18px;left:50%;transform:translateX(-50%);
  width:min(1180px,calc(100% - 28px));min-height:78px;padding:12px 18px;
  display:flex;align-items:center;justify-content:space-between;
  border:1px solid var(--line);border-radius:30px;background:rgba(5,5,13,.74);
  backdrop-filter:blur(24px);z-index:100;box-shadow:0 20px 80px rgba(0,0,0,.38);
  transition:background .25s ease,border-color .25s ease;
}
.site-header.scrolled{background:rgba(5,5,13,.9);border-color:rgba(141,255,0,.22)}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand__logoWrap{
  width:96px;height:56px;border-radius:18px;overflow:hidden;display:grid;place-items:center;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);flex:0 0 auto;
}
.brand__logo{width:100%;height:100%;object-fit:cover}
.brand__fallback{display:none;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,var(--green),var(--purple));color:#05050d;font-weight:900;font-size:24px}
.brand__copy{display:flex;flex-direction:column;line-height:1.02}
.brand__copy strong{font-size:17px;letter-spacing:-.03em}
.brand__copy small{font-size:13px;color:var(--muted)}
.nav{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:14px}
.nav a{transition:color .2s ease}
.nav a:hover{color:var(--text)}
.nav__cta{padding:12px 18px;border-radius:999px;color:#05050d!important;font-weight:800;background:linear-gradient(135deg,var(--green),var(--purple))}
.menu-button{display:none;width:46px;height:46px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:16px}
.menu-button span{display:block;width:18px;height:2px;background:#fff;margin:4px auto;border-radius:99px}

.section{width:min(1180px,calc(100% - 32px));margin:0 auto}
.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;padding-top:140px;padding-bottom:28px;position:relative}
.label{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.label span{width:34px;height:1px;background:linear-gradient(90deg,var(--green),var(--purple))}
h1{font-size:clamp(52px,7.7vw,104px);line-height:.88;letter-spacing:-.075em;max-width:800px}
h1 em{display:block;font-style:normal;background:linear-gradient(90deg,var(--green),#eaffd1 45%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(34px,5.2vw,68px);line-height:.98;letter-spacing:-.06em}
.hero__lead,.section-heading p,.methodology__panel p,.split__copy p,.contact-panel p{color:var(--muted);font-size:18px;line-height:1.75}
.hero__lead{max-width:660px;margin-top:28px}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border-radius:17px;font-weight:900;border:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button--primary{background:linear-gradient(135deg,var(--green),var(--purple));color:#05050d;box-shadow:0 0 44px rgba(141,255,0,.19)}
.button--secondary{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text)}
.hero__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:42px;max-width:620px}
.hero__metrics div{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.045)}
.hero__metrics strong{display:block;font-size:30px;color:var(--green);letter-spacing:-.04em}
.hero__metrics span{display:block;margin-top:6px;color:var(--muted);font-size:13px}

.hero__visual{position:relative}
.terminal-card{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));box-shadow:var(--shadow);padding:18px;overflow:hidden;transform-style:preserve-3d}
.terminal-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,transparent 24%,rgba(141,255,0,.28),rgba(138,46,255,.28),transparent 72%);opacity:.6;z-index:0}
.terminal-card__top,.logo-wrap,.terminal-lines{position:relative;z-index:1}
.terminal-card__top{height:44px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:9px;padding:0 14px;background:rgba(0,0,0,.35);color:var(--muted);font-size:12px}
.terminal-card__top span{width:10px;height:10px;border-radius:50%;background:var(--green)}
.terminal-card__top span:nth-child(2){background:#fff}
.terminal-card__top span:nth-child(3){background:var(--purple)}
.terminal-card__top p{margin-left:auto}
.logo-wrap{margin-top:14px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#06060d;min-height:330px;display:grid;place-items:center}
.logo-wrap img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center;filter:contrast(1.03) saturate(1.05)}
.logo-fallback{display:none;width:100%;min-height:330px;place-items:center;font-size:140px;font-weight:900;background:radial-gradient(circle,rgba(141,255,0,.14),transparent 55%),#05050d;color:var(--green)}
.terminal-lines{margin-top:14px;display:grid;gap:8px;color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.terminal-lines p{padding:11px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.28)}
.terminal-lines b{color:var(--green)}

.marquee{
  width:100%;overflow:hidden;border-block:1px solid var(--line);background:rgba(255,255,255,.035);
  padding:17px 0;margin-top:34px;
}
.marquee__track{display:flex;gap:38px;white-space:nowrap;animation:marquee 26s linear infinite;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:12px}
.marquee__track span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:20px;box-shadow:0 0 18px var(--green)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.services,.methodology,.split,.team,.contact{padding:102px 0}
.section-heading{max-width:860px;margin-bottom:46px}
.section-heading h2{margin-bottom:22px}
.section-heading--compact{margin:0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{
  min-height:420px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026)),radial-gradient(circle at top right,rgba(138,46,255,.18),transparent 35%);
  box-shadow:0 28px 90px rgba(0,0,0,.18);transition:border-color .22s ease,box-shadow .22s ease;transform-style:preserve-3d
}
.service-card:hover{border-color:rgba(141,255,0,.42);box-shadow:0 38px 110px rgba(0,0,0,.33),0 0 48px rgba(141,255,0,.09)}
.service-card--featured{grid-column:span 2;background:linear-gradient(135deg,rgba(141,255,0,.11),rgba(255,255,255,.055) 40%,rgba(138,46,255,.12))}
.service-card__visual{
  height:170px;border:1px solid rgba(255,255,255,.08);border-radius:24px;
  margin-bottom:20px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at top left,rgba(141,255,0,.18),transparent 34%),
    radial-gradient(circle at top right,rgba(138,46,255,.18),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
}
.service-card__visual:after{
  content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 40%,transparent 100%);
}
.service-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.service-card__number{color:var(--green);font-weight:900;letter-spacing:.12em}
.service-card__tag{font-size:12px;padding:8px 11px;border:1px solid rgba(141,255,0,.25);border-radius:999px;color:var(--green);background:rgba(141,255,0,.07)}
.service-card h3{font-size:25px;line-height:1.08;letter-spacing:-.046em;margin-bottom:14px}
.service-card p,.service-card li{color:var(--muted);line-height:1.65}
.service-card ul{margin-top:18px;padding-left:18px;display:grid;gap:8px}
.service-card li::marker{color:var(--green)}

/* service visuals */
.visual{display:grid;place-items:center}
.laptop{position:relative;width:74%;max-width:350px}
.laptop__screen{height:98px;border:2px solid rgba(255,255,255,.18);border-radius:12px;background:linear-gradient(180deg,#0f1121,#090b13);padding:16px;box-shadow:0 0 30px rgba(141,255,0,.12)}
.code-line{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(141,255,0,.9),rgba(141,255,0,.15));margin-bottom:10px}
.code-line--short{width:48%}
.code-line--mid{width:68%}
.code-line--purple{width:56%;background:linear-gradient(90deg,rgba(138,46,255,.95),rgba(138,46,255,.18))}
.laptop__base{width:106%;height:13px;border-radius:0 0 20px 20px;background:linear-gradient(90deg,rgba(141,255,0,.65),rgba(138,46,255,.65));transform:translateX(-3%)}

.mail-card{width:72%;max-width:290px;height:118px;border:2px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(10,11,20,.9);overflow:hidden;position:relative}
.mail-card__header{height:24px;background:linear-gradient(90deg,rgba(141,255,0,.75),rgba(138,46,255,.75))}
.mail-card__body{padding:18px;position:relative}
.mail-line{height:8px;border-radius:999px;background:rgba(255,255,255,.18);margin-bottom:10px}
.mail-line--short{width:56%}
.mail-hook{position:absolute;right:24px;bottom:10px;width:34px;height:34px;border:3px solid var(--purple);border-top-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(38deg)}
.mail-hook:after{content:"";position:absolute;bottom:-6px;right:0;width:10px;height:10px;background:var(--purple);border-radius:50%}

.presentation{display:grid;place-items:center;width:72%}
.presentation__screen{width:100%;height:82px;border-radius:14px;border:2px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#101221,#090a12);position:relative}
.presentation__screen:before{content:"";position:absolute;inset:18px;border-radius:12px;background:linear-gradient(90deg,rgba(141,255,0,.7) 0 35%,rgba(138,46,255,.7) 35% 60%,rgba(255,255,255,.12) 60%)}
.presentation__stand{width:10px;height:24px;background:rgba(255,255,255,.3)}
.presentation__stand:after{content:"";display:block;width:68px;height:8px;border-radius:999px;background:rgba(255,255,255,.2);transform:translateX(-29px) translateY(18px)}
.presentation__people{display:flex;gap:10px;margin-top:18px}
.presentation__people span{display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--purple));box-shadow:0 0 18px rgba(141,255,0,.15)}

.dashboard{width:72%;display:grid;gap:16px}
.dashboard__chart{height:76px;border-radius:18px;border:2px solid rgba(255,255,255,.16);background:
 radial-gradient(circle at 25% 62%, rgba(141,255,0,.55) 0 7px, transparent 9px),
 radial-gradient(circle at 50% 40%, rgba(138,46,255,.6) 0 7px, transparent 9px),
 radial-gradient(circle at 72% 24%, rgba(141,255,0,.55) 0 7px, transparent 9px),
 linear-gradient(135deg, transparent 46%, rgba(141,255,0,.6) 46% 48%, transparent 48% 60%, rgba(138,46,255,.7) 60% 62%, transparent 62%);
 background-color:#0b0d16;
}
.dashboard__bars{display:flex;align-items:flex-end;gap:10px;height:40px}
.dashboard__bars span{display:block;width:22%;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--green),rgba(141,255,0,.18))}
.dashboard__bars span:nth-child(2){height:70%}
.dashboard__bars span:nth-child(1){height:40%}
.dashboard__bars span:nth-child(3){height:58%;background:linear-gradient(180deg,var(--purple),rgba(138,46,255,.18))}
.dashboard__bars span:nth-child(4){height:88%}

.roadmap{display:flex;align-items:flex-end;gap:10px;width:74%;height:110px}
.roadmap__step{flex:1;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,rgba(141,255,0,.9),rgba(141,255,0,.16));height:34%}
.roadmap__step:nth-child(2){height:52%}
.roadmap__step:nth-child(3){height:74%;background:linear-gradient(180deg,rgba(138,46,255,.9),rgba(138,46,255,.16))}
.roadmap__step--final{height:100%;background:linear-gradient(180deg,#fff,rgba(255,255,255,.18))}

.strategy{position:relative;width:72%;height:110px}
.strategy__shield{
  position:absolute;left:10px;top:10px;width:72px;height:86px;
  clip-path:polygon(50% 0%,90% 16%,90% 54%,50% 100%,10% 54%,10% 16%);
  background:linear-gradient(180deg,var(--green),var(--purple));filter:drop-shadow(0 0 22px rgba(138,46,255,.26))
}
.strategy__shield:after{content:"";position:absolute;inset:12px;clip-path:inherit;background:#090a12}
.strategy__nodes{position:absolute;right:6px;top:22px;width:120px;height:66px}
.strategy__nodes span{position:absolute;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--purple));box-shadow:0 0 16px rgba(141,255,0,.18)}
.strategy__nodes span:nth-child(1){left:0;top:52px}
.strategy__nodes span:nth-child(2){left:46px;top:24px}
.strategy__nodes span:nth-child(3){right:0;top:0}
.strategy__nodes:before,.strategy__nodes:after{content:"";position:absolute;height:2px;background:linear-gradient(90deg,var(--green),var(--purple))}
.strategy__nodes:before{left:10px;top:58px;width:50px;transform:rotate(-24deg);transform-origin:left center}
.strategy__nodes:after{left:56px;top:28px;width:54px;transform:rotate(-24deg);transform-origin:left center}

.methodology__panel,.contact-panel{border:1px solid var(--line);border-radius:42px;background:linear-gradient(135deg,rgba(141,255,0,.10),transparent 26%),linear-gradient(315deg,rgba(138,46,255,.14),transparent 30%),rgba(255,255,255,.045);box-shadow:var(--shadow);padding:clamp(28px,5vw,58px)}
.process{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.process__item{border:1px solid var(--line);border-radius:24px;background:rgba(0,0,0,.25);padding:22px}
.process__item strong{display:block;color:var(--purple);font-size:30px;margin-bottom:24px}
.process__item h3{font-size:20px;margin-bottom:12px;letter-spacing:-.035em}
.process__item p{font-size:15px;color:var(--muted);line-height:1.6}

.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:start}
.split__copy{border-left:2px solid var(--green);padding-left:26px}
.split__copy h2{margin-bottom:24px}
.split__copy p+p{margin-top:18px}
.values{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.values div{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.045);padding:28px}
.values b{display:block;font-size:22px;margin-bottom:12px}
.values span{color:var(--muted);line-height:1.6}

.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.team-card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.045);padding:30px}
.team-card__avatar{width:96px;height:96px;border-radius:30px;background:linear-gradient(135deg,var(--green),var(--purple));color:#05050d;display:grid;place-items:center;font-size:28px;font-weight:900;margin-bottom:24px}
.team-card h3{font-size:30px;letter-spacing:-.05em;margin-bottom:10px}
.team-card p{color:var(--muted);margin-bottom:18px}
.team-card a{color:var(--green);word-break:break-word}

.contact-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}
.contact-links{display:grid;gap:14px}
.contact-links a{border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.25);padding:20px;transition:border-color .2s ease}
.contact-links a:hover{border-color:rgba(141,255,0,.4)}
.contact-links span{display:block;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}
.contact-links strong{font-size:20px;word-break:break-word}
.contact-form{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:56px;border:1px solid var(--line);border-radius:17px;background:rgba(0,0,0,.34);color:var(--text);padding:0 16px;outline:none;font:inherit}
.contact-form textarea{grid-column:1/-1;min-height:124px;padding:16px;resize:vertical}
.contact-form button{justify-self:start}

.footer{width:min(1180px,calc(100% - 32px));margin:0 auto 28px;border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:22px;color:var(--muted)}
.footer strong{display:block;color:var(--text);margin-bottom:8px}
.footer span{color:var(--green)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:980px){
  .site-header{min-height:74px;border-radius:26px}
  .menu-button{display:block}
  .nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:16px;border:1px solid var(--line);border-radius:24px;background:rgba(5,5,13,.96);backdrop-filter:blur(22px)}
  .nav.open{display:flex}
  .nav a{padding:13px 10px}
  .hero,.split,.contact-panel{grid-template-columns:1fr}
  .hero{padding-top:142px;gap:38px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .service-card--featured{grid-column:span 2}
  .process{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .brand__copy{display:none}
  .brand__logoWrap{width:78px;height:50px}
  h1{font-size:54px}
  .services-grid,.process,.values,.team-grid,.contact-form{grid-template-columns:1fr}
  .service-card--featured{grid-column:span 1}
  .service-card{min-height:unset}
  .hero__metrics{grid-template-columns:1fr}
  .footer{flex-direction:column}
}


/* V3 dynamic service visuals */
.service-card__visual {
  isolation: isolate;
}
.service-card__visual::before {
  content:"";
  position:absolute;
  inset:-60%;
  background: conic-gradient(from 90deg, transparent, rgba(141,255,0,.12), transparent, rgba(138,46,255,.14), transparent);
  animation: visualOrbit 8s linear infinite;
  z-index:-1;
}
@keyframes visualOrbit {
  to { transform: rotate(360deg); }
}

.laptop {
  animation: laptopFloat 4.8s ease-in-out infinite;
}
@keyframes laptopFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.laptop__screen {
  position: relative;
  overflow: hidden;
}
.scanline {
  position:absolute;
  left:0;
  right:0;
  top:-18px;
  height:18px;
  background: linear-gradient(180deg, transparent, rgba(141,255,0,.55), transparent);
  filter: blur(.4px);
  animation: scanlineMove 2.8s linear infinite;
}
@keyframes scanlineMove {
  to { transform: translateY(130px); }
}
.code-line {
  animation: codePulse 2.5s ease-in-out infinite;
}
.code-line:nth-child(3) { animation-delay: .2s; }
.code-line:nth-child(4) { animation-delay: .4s; }
.code-line:nth-child(5) { animation-delay: .6s; }
.code-line:nth-child(6) { animation-delay: .8s; }
@keyframes codePulse {
  0%,100% { opacity: .42; transform: scaleX(.82); transform-origin: left; }
  50% { opacity: 1; transform: scaleX(1); }
}

.mail-card {
  animation: mailFloat 4.2s ease-in-out infinite;
}
@keyframes mailFloat {
  0%,100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-7px) rotate(1deg); }
}
.mail-warning {
  position:absolute;
  right:14px;
  top:12px;
  width:18px;
  height:18px;
  border-radius:50%;
  background: var(--green);
  box-shadow: 0 0 0 rgba(141,255,0,.5);
  z-index:2;
  animation: warningPing 1.7s ease-out infinite;
}
.mail-warning::after {
  content:"!";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#05050d;
  font-size:12px;
  font-weight:900;
}
@keyframes warningPing {
  0% { box-shadow: 0 0 0 0 rgba(141,255,0,.45); }
  80%,100% { box-shadow: 0 0 0 16px rgba(141,255,0,0); }
}
.mail-hook {
  animation: hookSwing 2.8s ease-in-out infinite;
}
@keyframes hookSwing {
  0%,100% { transform: rotate(28deg); }
  50% { transform: rotate(48deg); }
}

.presentation__screen {
  overflow:hidden;
}
.presentation__pulse {
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  left:22%;
  top:42%;
  background:var(--green);
  box-shadow:0 0 20px rgba(141,255,0,.35);
  animation: trainingPulse 2s ease-in-out infinite;
}
@keyframes trainingPulse {
  0%,100% { transform: scale(.75); opacity:.65; }
  50% { transform: scale(1.45); opacity:1; }
}
.presentation__people span {
  animation: peopleRise 2.4s ease-in-out infinite;
}
.presentation__people span:nth-child(2){ animation-delay:.2s; }
.presentation__people span:nth-child(3){ animation-delay:.4s; }
@keyframes peopleRise {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.dashboard__chart {
  position:relative;
  background:
    linear-gradient(135deg, transparent 46%, rgba(141,255,0,.35) 46% 48%, transparent 48% 60%, rgba(138,46,255,.45) 60% 62%, transparent 62%),
    #0b0d16;
}
.dashboard__dot {
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--green),var(--purple));
  box-shadow:0 0 18px rgba(141,255,0,.2);
  animation: dotPulse 2.1s ease-in-out infinite;
}
.dashboard__dot--one{ left:25%; top:58%; }
.dashboard__dot--two{ left:50%; top:36%; animation-delay:.25s; }
.dashboard__dot--three{ left:72%; top:20%; animation-delay:.5s; }
@keyframes dotPulse {
  0%,100% { transform:scale(.82); opacity:.65; }
  50% { transform:scale(1.3); opacity:1; }
}
.dashboard__bars span {
  animation: barGrow 2.8s ease-in-out infinite;
  transform-origin: bottom;
}
.dashboard__bars span:nth-child(2){ animation-delay:.2s; }
.dashboard__bars span:nth-child(3){ animation-delay:.4s; }
.dashboard__bars span:nth-child(4){ animation-delay:.6s; }
@keyframes barGrow {
  0%,100% { transform: scaleY(.72); opacity:.68; }
  50% { transform: scaleY(1); opacity:1; }
}

.roadmap__step {
  animation: roadmapStep 3s ease-in-out infinite;
}
.roadmap__step:nth-child(2){ animation-delay:.2s; }
.roadmap__step:nth-child(3){ animation-delay:.4s; }
.roadmap__step:nth-child(4){ animation-delay:.6s; }
@keyframes roadmapStep {
  0%,100% { filter:saturate(.75); transform:translateY(0); }
  50% { filter:saturate(1.35); transform:translateY(-6px); }
}

.strategy__shield {
  animation: shieldBreathe 2.6s ease-in-out infinite;
}
@keyframes shieldBreathe {
  0%,100% { transform: scale(1); filter:drop-shadow(0 0 18px rgba(141,255,0,.16)); }
  50% { transform: scale(1.06); filter:drop-shadow(0 0 26px rgba(138,46,255,.30)); }
}
.strategy__nodes span {
  animation: nodePulse 2s ease-in-out infinite;
}
.strategy__nodes span:nth-child(2){ animation-delay:.2s; }
.strategy__nodes span:nth-child(3){ animation-delay:.4s; }
@keyframes nodePulse {
  0%,100% { opacity:.55; transform:scale(.8); }
  50% { opacity:1; transform:scale(1.25); }
}

.other-service {
  display:none;
  grid-column: 1 / -1;
}
.other-service.is-visible {
  display:block;
}
.other-service input {
  width:100%;
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}


/* V4 form fix */
.form-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}
.form-status {
  grid-column: 1 / -1;
  min-height: 24px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
.form-status.is-success {
  color: var(--green);
}
.form-status.is-error {
  color: #ff5c7a;
}
.button.is-loading {
  opacity: .78;
  pointer-events: none;
}
.success-body {
  min-height: 100vh;
}
.success-page {
  min-height: 100vh;
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  place-items: center;
  padding: 80px 0;
}
.success-card {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 42px;
  padding: clamp(28px, 6vw, 70px);
  background:
    linear-gradient(135deg, rgba(141,255,0,.11), transparent 34%),
    linear-gradient(315deg, rgba(138,46,255,.16), transparent 34%),
    rgba(255,255,255,.045);
  box-shadow: var(--shadow);
}
.success-logo {
  margin-bottom: 28px;
}
.success-label {
  margin-bottom: 18px;
}
.success-card h1 {
  font-size: clamp(44px, 7vw, 86px);
  margin-bottom: 24px;
}
.success-card p {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.75;
  max-width: 720px;
}
.success-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}


/* V5 premium cybersecurity loader */
.preloader {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    radial-gradient(circle at 20% 15%, rgba(141,255,0,.16), transparent 26%),
    radial-gradient(circle at 80% 22%, rgba(138,46,255,.18), transparent 30%),
    linear-gradient(180deg, #05050d 0%, #080916 58%, #04040a 100%);
  transition: opacity .65s ease, visibility .65s ease;
  overflow: hidden;
}
.preloader::before {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    linear-gradient(rgba(141,255,0,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(138,46,255,.08) 1px, transparent 1px);
  background-size: 52px 52px;
  transform: perspective(700px) rotateX(62deg) translateY(8%);
  opacity: .24;
  animation: loaderGrid 4s linear infinite;
}
.preloader::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: conic-gradient(from 180deg, transparent, rgba(141,255,0,.22), transparent, rgba(138,46,255,.24), transparent);
  filter: blur(18px);
  opacity: .35;
  animation: loaderOrbit 6s linear infinite;
}
.preloader.hidden-loader {
  opacity: 0;
  visibility: hidden;
}
.preloader__panel {
  width: min(620px, 100%);
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  text-align: center;
  padding: clamp(24px, 5vw, 44px);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    rgba(5,5,13,.72);
  backdrop-filter: blur(22px);
  box-shadow: 0 44px 130px rgba(0,0,0,.55), 0 0 60px rgba(141,255,0,.08);
}
.preloader__logoCard {
  width: min(330px, 78vw);
  aspect-ratio: 16 / 9;
  border-radius: 26px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.35);
  box-shadow: 0 0 48px rgba(141,255,0,.12), 0 0 52px rgba(138,46,255,.10);
  animation: loaderLogoFloat 3.2s ease-in-out infinite;
}
.preloader__logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.preloader__copy {
  margin-top: 26px;
}
.preloader__eyebrow {
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.preloader__copy h2 {
  font-size: clamp(30px, 5vw, 48px);
  line-height: .98;
  letter-spacing: -.055em;
  margin: 0 0 14px;
}
.preloader__message {
  min-height: 28px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
}
.preloader__terminal {
  width: 100%;
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 11px;
  color: rgba(255,255,255,.62);
}
.preloader__terminal span {
  min-height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(0,0,0,.28);
  animation: terminalBlink 2.4s ease-in-out infinite;
}
.preloader__terminal span:nth-child(2) { animation-delay: .25s; }
.preloader__terminal span:nth-child(3) { animation-delay: .5s; }
.preloader__bar {
  width: min(420px, 100%);
  height: 6px;
  margin-top: 26px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.08);
}
.preloader__bar span {
  display: block;
  width: 48%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), #fff, var(--purple));
  box-shadow: 0 0 28px rgba(141,255,0,.35);
  animation: load 1.25s ease-in-out infinite;
}
@keyframes loaderGrid {
  from { transform: perspective(700px) rotateX(62deg) translateY(8%); }
  to { transform: perspective(700px) rotateX(62deg) translateY(0%); }
}
@keyframes loaderOrbit {
  to { transform: rotate(360deg); }
}
@keyframes loaderLogoFloat {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8px) scale(1.015); }
}
@keyframes terminalBlink {
  0%,100% { border-color: rgba(255,255,255,.10); color: rgba(255,255,255,.55); }
  50% { border-color: rgba(141,255,0,.35); color: rgba(141,255,0,.88); }
}
@media (max-width: 640px) {
  .preloader__terminal {
    grid-template-columns: 1fr;
  }
  .preloader__logoCard {
    width: min(280px, 84vw);
  }
}