/* ═══════════════════════════════════════════════════════════
   CLEVER FEED — Combined Stylesheet
   ═══════════════════════════════════════════════════════════
   Sections:
     1. Switcher shell (used by index.html)
     2. Main page  (scoped under body.page-main)
     3. IT page    (scoped under body.page-it)
   ═══════════════════════════════════════════════════════════ */


/* ───────────────────────────────────────────────────────────
   1. SWITCHER SHELL
   ─────────────────────────────────────────────────────────── */
* { margin:0; padding:0; box-sizing:border-box; }
  html, body { width:100%; height:100%; overflow:hidden; background:#070c18; }

  .frame-wrapper {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    transition: opacity 0.55s cubic-bezier(.16,1,.3,1), transform 0.55s cubic-bezier(.16,1,.3,1);
  }

  iframe.active {
    opacity: 1;
    transform: translateX(0);
    pointer-events: all;
    z-index: 2;
  }
  iframe.inactive-left {
    opacity: 0;
    transform: translateX(-60px);
    pointer-events: none;
    z-index: 1;
  }
  iframe.inactive-right {
    opacity: 0;
    transform: translateX(60px);
    pointer-events: none;
    z-index: 1;
  }

  /* ── SWITCH PILL ── */
  .switcher {
    position: fixed;
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 0;
    background: rgba(7,12,24,0.88);
    border: 1px solid rgba(91,156,246,0.22);
    border-radius: 60px;
    padding: 6px;
    backdrop-filter: blur(24px) saturate(1.6);
    box-shadow: 0 8px 48px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.04), 0 0 40px rgba(91,156,246,0.08);
    font-family: 'Manrope', sans-serif;
  }

  .sw-btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2px;
    cursor: pointer;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.38);
    transition: color 0.3s;
    white-space: nowrap;
    user-select: none;
    z-index: 1;
  }

  .sw-btn.active {
    color: #fff;
  }

  .sw-btn .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.5;
    transition: opacity 0.3s, transform 0.3s;
    flex-shrink: 0;
  }
  .sw-btn.active .dot {
    opacity: 1;
    transform: scale(1.3);
  }

  /* Sliding highlight */
  .sw-highlight {
    position: absolute;
    top: 6px;
    left: 6px;
    height: calc(100% - 12px);
    border-radius: 50px;
    transition: transform 0.42s cubic-bezier(.16,1,.3,1), width 0.42s cubic-bezier(.16,1,.3,1), background 0.42s;
    pointer-events: none;
    z-index: 0;
  }

  .sw-highlight.page-main {
    background: linear-gradient(135deg, #3b7dd8, #5b9cf6);
    box-shadow: 0 0 22px rgba(91,156,246,0.45);
  }
  .sw-highlight.page-it {
    background: linear-gradient(135deg, #00b8d9, #00e5ff);
    box-shadow: 0 0 22px rgba(0,229,255,0.45);
  }

  /* divider */
  .sw-div {
    width: 1px;
    height: 22px;
    background: rgba(255,255,255,0.08);
    margin: 0 2px;
    border-radius: 1px;
    flex-shrink: 0;
  }

  /* badge */
  .sw-badge {
    position: absolute;
    top: -8px;
    right: -6px;
    background: #5b9cf6;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 20px;
    pointer-events: none;
    transition: background 0.4s;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .page-it ~ * .sw-badge,
  .sw-badge.it-mode {
    background: #00e5ff;
    color: #04080f;
  }

  /* keyboard hint */
  .sw-hint {
    position: fixed;
    bottom: 96px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9998;
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    color: rgba(255,255,255,0.2);
    letter-spacing: 0.5px;
    pointer-events: none;
    transition: opacity 0.5s;
  }
  .sw-hint kbd {
    display: inline-block;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 10px;
    font-family: inherit;
    color: rgba(255,255,255,0.3);
  }


/* ───────────────────────────────────────────────────────────
   2. MAIN PAGE — body.page-main
   ─────────────────────────────────────────────────────────── */
body.page-main {
  --bg:     #070c18;
  --bg2:    #0b1120;
  --blue:   #5b9cf6;
  --blue2:  #3b7dd8;
  --glow:   rgba(91,156,246,0.18);
  --dim:    rgba(91,156,246,0.10);
  --border: rgba(91,156,246,0.18);
  --white:  #f4f6ff;
  --muted:  rgba(255,255,255,0.44);
  --card:   rgba(255,255,255,0.025);
  --cb:     rgba(255,255,255,0.065);
}
body.page-main *, body.page-main *::before, body.page-main *::after { margin:0; padding:0; box-sizing:border-box; }
body.page-main { scroll-behavior:smooth; }
body.page-main {
  background: var(--bg);
  color: var(--white);
  font-family: 'Manrope', sans-serif;
  font-weight: 300;
  overflow-x: hidden;
  cursor: none;
  -webkit-font-smoothing: antialiased;
}
body.page-main /* CURSOR */
.cur { position:fixed; top:0; left:0; z-index:9999; pointer-events:none; }
body.page-main .cdot { width:7px; height:7px; background:var(--blue); border-radius:50%; transform:translate(-50%,-50%); }
body.page-main .cring { position:fixed; top:0; left:0; width:30px; height:30px; border:1.5px solid rgba(91,156,246,0.5); border-radius:50%; transform:translate(-50%,-50%); transition:all 0.1s ease; pointer-events:none; z-index:9998; }
body.page-main /* CANVAS */
#nc { position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; opacity:0.28; }
body.page-main body::after { content:''; position:fixed; inset:0; background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.01) 2px,rgba(0,0,0,0.01) 4px); pointer-events:none; z-index:1; }
body.page-main /* LAYOUT */
.w { max-width:1160px; margin:0 auto; padding:0 48px; position:relative; z-index:2; }
body.page-main /* TYPOGRAPHY SYSTEM */
.display {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-optical-sizing: auto;
}
body.page-main h1, body.page-main h2, body.page-main h3 { font-family: 'Bricolage Grotesque', sans-serif; font-optical-sizing:auto; }
body.page-main /* REVEAL */
.rv { opacity:0; transform:translateY(28px); transition:opacity 0.75s cubic-bezier(.16,1,.3,1), transform 0.75s cubic-bezier(.16,1,.3,1); }
body.page-main .rv.in { opacity:1; transform:none; }
body.page-main .d1 {transition-delay:.08s}
body.page-main .d2 {transition-delay:.16s}
body.page-main .d3 {transition-delay:.25s}
body.page-main .d4 {transition-delay:.34s}
body.page-main /* LABEL PILL */
.label {
  display:inline-flex; align-items:center; gap:7px;
  background:var(--dim); border:1px solid var(--border);
  border-radius:30px; padding:5px 14px;
  font-size:11.5px; font-weight:600; letter-spacing:0.8px;
  text-transform:uppercase; color:var(--blue);
}
body.page-main .pulse { width:5px; height:5px; border-radius:50%; background:var(--blue); animation:pulse 2s infinite; }
body.page-main /* MARQUEE */
.mqs { padding:28px 0; border-top:1px solid rgba(255,255,255,0.05); border-bottom:1px solid rgba(255,255,255,0.05); overflow:hidden; position:relative; z-index:2; }
body.page-main .mq-t { display:flex; gap:48px; animation:marquee 24s linear infinite; width:max-content; }
body.page-main .mq-i { display:flex; align-items:center; gap:9px; font-size:12px; color:rgba(255,255,255,0.2); white-space:nowrap; font-weight:400; letter-spacing:0.3px; }
body.page-main .mq-d { width:3px; height:3px; border-radius:50%; background:var(--blue); opacity:0.5; }
body.page-main /* BUTTONS */
.btn {
  display:inline-flex; align-items:center; gap:9px;
  background:var(--blue); color:#fff;
  text-decoration:none; padding:13px 28px; border-radius:50px;
  font-family:'Manrope',sans-serif; font-size:14px; font-weight:600;
  border:none; cursor:none;
  box-shadow:0 0 32px rgba(91,156,246,0.35);
  transition:all 0.25s cubic-bezier(.16,1,.3,1);
  position:relative; overflow:hidden; letter-spacing:0.2px;
}
body.page-main .btn::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,transparent,rgba(255,255,255,0.14),transparent); transform:translateX(-100%); transition:transform 0.4s; }
body.page-main .btn:hover::before { transform:translateX(100%); }
body.page-main .btn:hover { transform:translateY(-2px); box-shadow:0 10px 40px rgba(91,156,246,0.5); }
body.page-main .btn .arr { transition:transform 0.2s; }
body.page-main .btn:hover .arr { transform:translateX(4px); }
body.page-main .btn-ghost {
  display:inline-flex; align-items:center; gap:7px;
  color:var(--muted); text-decoration:none;
  font-family:'Manrope',sans-serif; font-size:14px; font-weight:500;
  transition:color 0.2s; cursor:none;
}
body.page-main .btn-ghost:hover { color:#fff; }
body.page-main /* ═══════════════ NAV ═══════════════ */
nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:20px 0; transition:all 0.4s;
}
body.page-main nav.on {
  background:rgba(7,12,24,0.9);
  backdrop-filter:blur(24px) saturate(1.5);
  border-bottom:1px solid rgba(91,156,246,0.1);
  padding:14px 0;
}
body.page-main .nav-in { display:flex; align-items:center; justify-content:space-between; }
body.page-main .logo { display:flex; align-items:center; gap:11px; text-decoration:none; }
body.page-main .logo-name {
  font-family:'Bricolage Grotesque',sans-serif;
  font-optical-sizing:auto;
  font-size:18px; font-weight:700; color:var(--white);
  letter-spacing:-0.3px;
}
body.page-main .nl { display:flex; align-items:center; gap:28px; list-style:none; }
body.page-main .nl a { color:var(--muted); text-decoration:none; font-size:14px; font-weight:400; transition:color 0.2s; letter-spacing:0.1px; }
body.page-main .nl a:hover { color:#fff; }
body.page-main .nl .cta {
  background:var(--blue); color:#fff!important;
  padding:9px 22px; border-radius:30px;
  font-weight:600!important; letter-spacing:0.2px;
  box-shadow:0 0 22px rgba(91,156,246,0.3);
}
body.page-main .nl .cta:hover { transform:translateY(-2px); box-shadow:0 6px 28px rgba(91,156,246,0.48)!important; }
body.page-main /* ═══════════════ HERO ═══════════════ */
.hero { min-height:100vh; display:flex; align-items:center; padding:130px 0 90px; position:relative; }
body.page-main .hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
body.page-main .hero-eyebrow {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--dim); border:1px solid var(--border);
  border-radius:30px; padding:7px 16px;
  font-size:12.5px; color:var(--blue); font-weight:600;
  letter-spacing:0.4px; margin-bottom:26px;
  opacity:0; animation:fadeUp 0.8s 0.2s forwards;
}
body.page-main h1 {
  font-size: clamp(36px, 4.2vw, 54px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -1.8px;
  margin-bottom: 20px;
  opacity:0; animation:fadeUp 0.8s 0.35s forwards;
}
body.page-main h1 .ac { color:var(--blue); }
body.page-main .hero-sub {
  font-size: 16px;
  color: var(--muted);
  line-height: 1.85;
  margin-bottom: 36px;
  max-width: 460px;
  font-weight: 400;
  opacity:0; animation:fadeUp 0.8s 0.5s forwards;
}
body.page-main .hero-acts { display:flex; align-items:center; gap:18px; flex-wrap:wrap; opacity:0; animation:fadeUp 0.8s 0.65s forwards; }
body.page-main .hero-stats {
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:0;
  margin-top:44px; padding-top:32px;
  border-top:1px solid rgba(255,255,255,0.07);
  opacity:0; animation:fadeUp 0.8s 0.8s forwards;
}
body.page-main .hs { padding:0 20px; border-right:1px solid rgba(255,255,255,0.07); }
body.page-main .hs:first-child { padding-left:0; }
body.page-main .hs:last-child { border-right:none; }
body.page-main .hs-n {
  font-family:'Bricolage Grotesque',sans-serif;
  font-optical-sizing:auto;
  font-size:26px; font-weight:800; letter-spacing:-0.8px; color:#fff;
}
body.page-main .hs-n em { color:var(--blue); font-style:normal; }
body.page-main .hs-l { font-size:12px; color:var(--muted); margin-top:4px; font-weight:400; }
body.page-main /* Hero phone */
.hero-vis { position:relative; opacity:0; animation:fadeLeft 1s 0.5s forwards; }
body.page-main .hp-wrap { position:relative; display:flex; justify-content:center; }
body.page-main .hp-glow { position:absolute; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle,rgba(91,156,246,0.14) 0%,transparent 68%); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; }
body.page-main .hp-img {
  width:230px; border-radius:38px;
  border:2px solid var(--border);
  box-shadow:0 40px 90px rgba(0,0,0,0.65), 0 0 50px rgba(91,156,246,0.1), inset 0 1px 0 rgba(255,255,255,0.07);
  display:block; position:relative; z-index:2;
  animation:float 6s ease-in-out infinite;
}
body.page-main .fb { position:absolute; background:rgba(7,12,24,0.94); border:1px solid var(--border); backdrop-filter:blur(16px); border-radius:14px; padding:10px 14px; display:flex; align-items:center; gap:10px; z-index:3; }
body.page-main .fb.f1 { top:60px; left:-24px; animation:fb1 4s ease-in-out infinite; }
body.page-main .fb.f2 { bottom:80px; right:-20px; animation:fb2 5s ease-in-out infinite; }
body.page-main .fb-icon { font-size:16px; }
body.page-main .fb-t { font-size:12px; font-weight:700; color:#fff; font-family:'Bricolage Grotesque',sans-serif; }
body.page-main .fb-s { font-size:11px; color:var(--muted); margin-top:2px; }
body.page-main /* ═══════════════ HOW IT WORKS ═══════════════ */
.how { padding:110px 0; }
body.page-main .how-hd { text-align:center; margin-bottom:86px; }
body.page-main .how-hd h2 {
  font-size:clamp(24px,2.8vw,36px);
  font-weight:800; letter-spacing:-1px;
  margin:12px 0 14px; line-height:1.15;
}
body.page-main .how-hd p { font-size:15.5px; color:var(--muted); line-height:1.85; max-width:520px; margin:0 auto; font-weight:400; }
body.page-main /* STEP 1 */
.s1 { margin-bottom:100px; }
body.page-main .s1-top { text-align:center; max-width:640px; margin:0 auto 52px; }
body.page-main .s1-top h3 { font-size:clamp(20px,2.4vw,28px); font-weight:800; letter-spacing:-0.7px; margin:12px 0 14px; line-height:1.2; }
body.page-main .s1-top p { font-size:15px; color:var(--muted); line-height:1.85; font-weight:400; }
body.page-main .s1-img-wrap { position:relative; max-width:700px; margin:0 auto; }
body.page-main .s1-img {
  width:100%;
  border-radius:28px;
  border:2px solid var(--border);
  display:block;
  box-shadow:
    0 40px 90px rgba(0,0,0,0.65),
    0 0 60px rgba(91,156,246,0.09),
    inset 0 1px 0 rgba(255,255,255,0.07);
  transition:transform 0.4s cubic-bezier(.16,1,.3,1), box-shadow 0.4s;
  position:relative; z-index:1;
}
body.page-main .s1-img:hover {
  transform:translateY(-7px) scale(1.005);
  box-shadow:
    0 56px 110px rgba(0,0,0,0.75),
    0 0 80px rgba(91,156,246,0.15),
    inset 0 1px 0 rgba(255,255,255,0.08);
}
body.page-main .s1-img-top-line { display:none; }
body.page-main .s1-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:36px; }
body.page-main .tag {
  display:inline-flex; align-items:center; gap:6px;
  background:var(--card); border:1px solid var(--cb);
  border-radius:30px; padding:8px 16px;
  font-size:13px; color:rgba(255,255,255,0.65);
  font-weight:500; transition:all 0.25s;
}
body.page-main .tag:hover { border-color:var(--border); background:var(--dim); color:#fff; }
body.page-main /* STEP 2 */
.s2 { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; margin-bottom:100px; }
body.page-main .s2-phone { display:flex; justify-content:flex-end; }
body.page-main .s2-phone-in { position:relative; }
body.page-main .s2-img {
  width:290px; border-radius:36px;
  border:2px solid var(--border);
  box-shadow:0 40px 90px rgba(0,0,0,0.6), 0 0 60px rgba(91,156,246,0.08), inset 0 1px 0 rgba(255,255,255,0.06);
  display:block;
  transition:transform 0.4s cubic-bezier(.16,1,.3,1), box-shadow 0.4s;
}
body.page-main .s2-img:hover { transform:translateY(-8px) scale(1.01); box-shadow:0 56px 110px rgba(0,0,0,0.7), 0 0 80px rgba(91,156,246,0.14); }
body.page-main .pg { position:absolute; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle,rgba(91,156,246,0.1) 0%,transparent 68%); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; z-index:-1; }
body.page-main .s2-txt { display:flex; flex-direction:column; gap:24px; }
body.page-main .s2-txt h3 { font-size:clamp(20px,2.4vw,28px); font-weight:800; letter-spacing:-0.7px; line-height:1.2; margin-top:8px; }
body.page-main .s2-txt p { font-size:15px; color:var(--muted); line-height:1.85; font-weight:400; }
body.page-main .ffs { display:flex; flex-direction:column; gap:12px; }
body.page-main .ff {
  display:flex; align-items:flex-start; gap:14px;
  background:var(--card); border:1px solid var(--cb);
  border-radius:16px; padding:16px 18px;
  transition:all 0.3s cubic-bezier(.16,1,.3,1);
}
body.page-main .ff:hover { border-color:var(--border); background:var(--dim); transform:translateX(4px); }
body.page-main .ff-ic { width:34px; height:34px; border-radius:10px; background:var(--dim); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; }
body.page-main .ff-tit { font-size:13.5px; font-weight:700; color:#fff; margin-bottom:3px; font-family:'Bricolage Grotesque',sans-serif; }
body.page-main .ff-dsc { font-size:12.5px; color:var(--muted); line-height:1.55; font-weight:400; }
body.page-main /* STEP 3 */
.s3 { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
body.page-main .s3-txt { display:flex; flex-direction:column; gap:22px; }
body.page-main .s3-txt h3 { font-size:clamp(20px,2.4vw,28px); font-weight:800; letter-spacing:-0.7px; line-height:1.2; margin-top:8px; }
body.page-main .s3-txt p { font-size:15px; color:var(--muted); line-height:1.85; font-weight:400; }
body.page-main .sg { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.page-main .sc {
  background:var(--card); border:1px solid var(--cb);
  border-radius:16px; padding:18px;
  transition:all 0.3s cubic-bezier(.16,1,.3,1);
}
body.page-main .sc:hover { border-color:var(--border); background:var(--dim); transform:translateY(-3px); }
body.page-main .sc-n { font-family:'Bricolage Grotesque',sans-serif; font-optical-sizing:auto; font-size:26px; font-weight:800; color:var(--blue); letter-spacing:-1px; line-height:1; }
body.page-main .sc-l { font-size:12px; color:var(--muted); margin-top:5px; font-weight:400; line-height:1.4; }
body.page-main .ai-quote {
  font-size:13.5px; color:rgba(255,255,255,0.55); font-style:italic;
  padding:14px 18px;
  background:var(--card);
  border-left:2px solid var(--blue);
  border-radius:0 12px 12px 0;
  font-weight:400; line-height:1.6;
}
body.page-main .s3-phone { display:flex; justify-content:flex-start; }
body.page-main .s3-img {
  width:270px; border-radius:36px;
  border:2px solid var(--border);
  box-shadow:0 40px 90px rgba(0,0,0,0.6), 0 0 60px rgba(91,156,246,0.08), inset 0 1px 0 rgba(255,255,255,0.06);
  display:block;
  transition:transform 0.4s cubic-bezier(.16,1,.3,1), box-shadow 0.4s;
}
body.page-main .s3-img:hover { transform:translateY(-8px) scale(1.01); box-shadow:0 56px 110px rgba(0,0,0,0.7), 0 0 80px rgba(91,156,246,0.14); }
body.page-main /* STEP DIVIDER */
.sdiv { display:flex; flex-direction:column; align-items:center; margin:-24px auto -24px; z-index:3; position:relative; }
body.page-main .sd-l { width:1px; height:52px; background:linear-gradient(to bottom,rgba(91,156,246,0.3),transparent); }
body.page-main .sd-d { width:9px; height:9px; border-radius:50%; background:var(--blue); box-shadow:0 0 14px rgba(91,156,246,0.8); }
body.page-main /* ═══════════════ FEATURES ═══════════════ */
.feat { padding:0 0 110px; }
body.page-main .feat-hd { margin-bottom:48px; }
body.page-main .feat-hd h2 { font-size:clamp(22px,2.5vw,34px); font-weight:800; letter-spacing:-1px; margin-top:12px; line-height:1.15; }
body.page-main .bg { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }
body.page-main .bc {
  background:var(--card); border:1px solid var(--cb);
  border-radius:22px; padding:28px;
  position:relative; overflow:hidden;
  transition:all 0.3s cubic-bezier(.16,1,.3,1);
}
body.page-main .bc::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transition:opacity 0.3s; }
body.page-main .bc:hover { border-color:var(--border); background:rgba(91,156,246,0.03); transform:translateY(-4px); }
body.page-main .bc:hover::before { opacity:1; }
body.page-main .bc.s2c { grid-column:span 2; }
body.page-main .bi { width:38px; height:38px; border-radius:12px; background:var(--dim); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:17px; margin-bottom:16px; }
body.page-main .bt { font-family:'Bricolage Grotesque',sans-serif; font-optical-sizing:auto; font-size:17px; font-weight:700; margin-bottom:8px; letter-spacing:-0.2px; }
body.page-main .bd { font-size:13.5px; color:var(--muted); line-height:1.7; font-weight:400; }
body.page-main .bn { font-family:'Bricolage Grotesque',sans-serif; font-optical-sizing:auto; font-size:50px; font-weight:800; color:var(--blue); letter-spacing:-3px; line-height:1; margin:14px 0 4px; opacity:0.85; }
body.page-main /* ═══════════════ WAITLIST ═══════════════ */
.wls { padding:0 0 110px; text-align:center; }
body.page-main .wl-card {
  background:linear-gradient(135deg,rgba(91,156,246,0.06),transparent);
  border:1px solid var(--border); border-radius:28px;
  padding:70px 56px; position:relative; overflow:hidden;
  max-width:700px; margin:0 auto;
}
body.page-main .wl-card::before { content:''; position:absolute; top:-1px; left:22%; right:22%; height:1px; background:linear-gradient(90deg,transparent,var(--blue),transparent); }
body.page-main .wl-glow { position:absolute; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle,rgba(91,156,246,0.07) 0%,transparent 65%); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; }
body.page-main .wl-title { font-size:clamp(26px,3.2vw,40px); font-weight:800; letter-spacing:-1.5px; margin:12px 0 12px; line-height:1.12; }
body.page-main .wl-sub { font-size:15px; color:var(--muted); margin-bottom:36px; line-height:1.8; font-weight:400; }
body.page-main .plat { display:flex; gap:10px; justify-content:center; margin-bottom:22px; }
body.page-main .pb { display:flex; align-items:center; gap:7px; padding:9px 20px; border-radius:30px; border:1px solid rgba(255,255,255,0.1); background:transparent; color:var(--muted); font-family:'Manrope',sans-serif; font-size:13.5px; font-weight:500; cursor:none; transition:all 0.2s; }
body.page-main .pb.on { border-color:var(--blue); background:var(--dim); color:#fff; }
body.page-main .pb:hover { border-color:rgba(91,156,246,0.4); color:#fff; }
body.page-main .wl-form { display:flex; gap:10px; max-width:440px; margin:0 auto 14px; }
body.page-main .wl-in { flex:1; padding:13px 20px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:50px; color:#fff; font-family:'Manrope',sans-serif; font-size:14px; font-weight:400; outline:none; cursor:none; transition:border-color 0.2s; }
body.page-main .wl-in::placeholder { color:rgba(255,255,255,0.28); }
body.page-main .wl-in:focus { border-color:rgba(91,156,246,0.5); }
body.page-main .wl-note { font-size:12px; color:rgba(255,255,255,0.22); font-weight:400; }
body.page-main /* FOOTER */
footer { border-top:1px solid rgba(255,255,255,0.06); padding:40px 0 28px; position:relative; z-index:2; }
body.page-main .fi { display:flex; align-items:center; justify-content:space-between; }
body.page-main .fl { display:flex; gap:22px; list-style:none; }
body.page-main .fl a { font-size:13.5px; color:var(--muted); text-decoration:none; transition:color 0.2s; font-weight:400; }
body.page-main .fl a:hover { color:#fff; }
body.page-main .fc { font-size:12.5px; color:rgba(255,255,255,0.18); font-weight:400; }
body.page-main /* ANIMATIONS */
@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }
@keyframes fadeLeft { from{opacity:0;transform:translateX(30px)} to{opacity:1;transform:none} }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
@keyframes fb1 { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-7px) rotate(0)} }
@keyframes fb2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(7px)} }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media(max-width:960px) {
body.page-main .hero-grid, body.page-main .s2, body.page-main .s3 {grid-template-columns:1fr}
body.page-main .hero-vis {display:none}
body.page-main .s2-phone, body.page-main .s3-phone {justify-content:center}
body.page-main .bg {grid-template-columns:1fr}
body.page-main .bc.s2c {grid-column:span 1}
body.page-main .fi {flex-direction:column;gap:16px;text-align:center}
body.page-main .wl-form {flex-direction:column}
body.page-main .hero-stats {grid-template-columns:1fr}
body.page-main .sg {grid-template-columns:1fr 1fr}
}
body.page-main /* ═══════════════ LOADER ═══════════════ */
#loader {
  position:fixed; inset:0; z-index:99999;
  background: var(--bg);
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  gap:28px;
  transition: opacity 0.7s ease, visibility 0.7s ease;
}
body.page-main #loader.hidden { opacity:0; visibility:hidden; pointer-events:none; }
body.page-main .loader-logo-wrap {
  position:relative; width:120px; height:120px;
  display:flex; align-items:center; justify-content:center;
}
body.page-main /* Spinning neon ring around logo */
.loader-ring {
  position:absolute; inset:-12px;
  border-radius:50%;
  border:2px solid transparent;
  background:
    linear-gradient(var(--bg),var(--bg)) padding-box,
    conic-gradient(from 0deg, #5b9cf6, #a78bfa, #38bdf8, #5b9cf6) border-box;
  animation: spinRing 2s linear infinite;
  box-shadow: 0 0 20px rgba(91,156,246,0.4), inset 0 0 20px rgba(91,156,246,0.05);
}
body.page-main .loader-ring2 {
  position:absolute; inset:-24px;
  border-radius:50%;
  border:1px solid transparent;
  background:
    linear-gradient(var(--bg),var(--bg)) padding-box,
    conic-gradient(from 180deg, transparent 60%, #5b9cf6 80%, transparent 100%) border-box;
  animation: spinRing 3s linear infinite reverse;
  opacity:0.5;
}
body.page-main /* Pulsing neon glow behind logo */
.loader-glow {
  position:absolute; width:180px; height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(91,156,246,0.3) 0%, transparent 70%);
  animation: loaderGlow 2s ease-in-out infinite;
}
body.page-main .loader-logo-img {
  width:80px; height:80px; object-fit:contain;
  position:relative; z-index:2;
  animation: loaderLogoPulse 2s ease-in-out infinite;
  filter: drop-shadow(0 0 20px rgba(91,156,246,0.8));
}
body.page-main .loader-text {
  font-family:'Bricolage Grotesque',sans-serif;
  font-optical-sizing:auto;
  font-size:22px; font-weight:800; letter-spacing:-0.5px;
  color:var(--white); opacity:0;
  animation: loaderText 0.6s 0.4s forwards;
}
body.page-main .loader-text em { color:var(--blue); font-style:normal; }
body.page-main .loader-bar-wrap {
  width:180px; height:2px;
  background:rgba(255,255,255,0.08); border-radius:2px;
  overflow:hidden;
}
body.page-main .loader-bar {
  height:100%; width:0%;
  background:linear-gradient(90deg, #3b7dd8, #5b9cf6, #a78bfa);
  border-radius:2px;
  animation: loaderBar 1.8s cubic-bezier(.4,0,.2,1) forwards;
  box-shadow: 0 0 12px rgba(91,156,246,0.8);
}
body.page-main /* ═══════════════ NEON LOGO IN NAV ═══════════════ */
.logo-img-nav {
  width:34px; height:34px; object-fit:contain;
  animation: navLogoFloat 4s ease-in-out infinite;
  filter: drop-shadow(0 0 8px rgba(91,156,246,0.6));
  transition: filter 0.3s;
}
body.page-main .logo:hover .logo-img-nav {
  filter: drop-shadow(0 0 18px rgba(91,156,246,1)) drop-shadow(0 0 36px rgba(91,156,246,0.5));
}
body.page-main /* ═══════════════ CLICK CURSOR BURST ═══════════════ */
.click-burst {
  position:fixed; pointer-events:none; z-index:99998;
  transform:translate(-50%,-50%);
  animation: burstAnim 0.7s cubic-bezier(.16,1,.3,1) forwards;
}
body.page-main .click-burst img {
  width:36px; height:36px; object-fit:contain;
  filter: drop-shadow(0 0 12px rgba(91,156,246,0.9));
}
body.page-main .click-ripple {
  position:fixed; pointer-events:none; z-index:99997;
  transform:translate(-50%,-50%);
  width:40px; height:40px; border-radius:50%;
  border:2px solid rgba(91,156,246,0.8);
  animation: rippleAnim 0.7s cubic-bezier(.16,1,.3,1) forwards;
}
body.page-main /* ═══════════════ NEON GLOW LINES ═══════════════ */
/* Animated neon border on section dividers */
.neon-line {
  width:100%; height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(91,156,246,0.6) 20%, #5b9cf6 50%, rgba(91,156,246,0.6) 80%, transparent 100%);
  position:relative; overflow:hidden;
}
body.page-main .neon-line::after {
  content:'';
  position:absolute; top:0; left:-100%; width:60%; height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent);
  animation: neonSweep 3s ease-in-out infinite;
}
body.page-main /* Neon glow on hero title */
.ac {
  text-shadow: 0 0 30px rgba(91,156,246,0.5), 0 0 60px rgba(91,156,246,0.2);
  animation: acGlow 3s ease-in-out infinite;
}
body.page-main /* Neon pulse on the hero badge */
.hero-eyebrow {
  box-shadow: 0 0 16px rgba(91,156,246,0.2);
  animation: badgePulse 3s ease-in-out infinite !important;
}
body.page-main /* Neon animated border on step images */
.s1-img-wrap { position:relative; max-width:680px; margin:0 auto; }
body.page-main .s1-img-wrap::before {
  content:'';
  position:absolute; top:0; left:15%; right:15%; height:1px;
  background:linear-gradient(90deg,transparent,var(--blue),transparent);
  z-index:2; border-radius:2px;
}
body.page-main .s1-img-wrap::after {
  content:'';
  position:absolute; inset:-1px;
  border-radius:29px;
  background:linear-gradient(135deg, rgba(91,156,246,0.3) 0%, transparent 50%, rgba(56,189,248,0.2) 100%);
  z-index:-1;
  opacity:0;
  transition: opacity 0.4s;
}
body.page-main .s1-img-wrap:hover::after { opacity:1; }
body.page-main /* Floating neon orbs in background */
.neon-orb {
  position:fixed; border-radius:50%; pointer-events:none; z-index:0;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
body.page-main .neon-orb-1 {
  width:400px; height:400px; top:-100px; right:-80px;
  background:radial-gradient(circle, rgba(91,156,246,0.06) 0%, transparent 70%);
  animation: orbFloat1 8s ease-in-out infinite alternate;
}
body.page-main .neon-orb-2 {
  width:300px; height:300px; bottom:20%; left:-60px;
  background:radial-gradient(circle, rgba(167,139,250,0.05) 0%, transparent 70%);
  animation: orbFloat2 11s ease-in-out infinite alternate;
}
body.page-main .neon-orb-3 {
  width:250px; height:250px; top:40%; right:10%;
  background:radial-gradient(circle, rgba(56,189,248,0.04) 0%, transparent 70%);
  animation: orbFloat3 9s ease-in-out infinite alternate;
}
body.page-main /* Neon glow on feature cards hover */
.bc::after {
  content:'';
  position:absolute; inset:0; border-radius:22px;
  box-shadow: 0 0 0 0 rgba(91,156,246,0);
  transition: box-shadow 0.4s;
  pointer-events:none;
}
body.page-main .bc:hover::after {
  box-shadow: 0 0 24px rgba(91,156,246,0.12), inset 0 0 24px rgba(91,156,246,0.04);
}
body.page-main /* Neon animated dots on waitlist card */
.wl-card {
  box-shadow: 0 0 40px rgba(91,156,246,0.08) !important;
  animation: wlCardGlow 4s ease-in-out infinite;
}
body.page-main /* Electric neon CTA button */
.btn {
  box-shadow: 0 0 32px rgba(91,156,246,0.35), 0 0 0 0 rgba(91,156,246,0) !important;
  animation: btnNeon 3s ease-in-out infinite;
}
body.page-main /* ═══════════════ NEON KEYFRAMES ═══════════════ */
@keyframes spinRing {
  from { transform:rotate(0deg); }
  to   { transform:rotate(360deg); }
}
@keyframes loaderGlow {
  0%,100% { transform:scale(1); opacity:0.6; }
  50%      { transform:scale(1.3); opacity:1; }
}
@keyframes loaderLogoPulse {
  0%,100% { transform:scale(1) rotate(0deg);    filter:drop-shadow(0 0 16px rgba(91,156,246,0.8)); }
  33%     { transform:scale(1.08) rotate(-3deg); filter:drop-shadow(0 0 28px rgba(91,156,246,1)); }
  66%     { transform:scale(1.05) rotate(3deg);  filter:drop-shadow(0 0 24px rgba(167,139,250,0.9)); }
}
@keyframes loaderText {
  from { opacity:0; transform:translateY(10px); }
  to   { opacity:1; transform:none; }
}
@keyframes loaderBar {
  0%   { width:0%; }
  30%  { width:40%; }
  70%  { width:75%; }
  100% { width:100%; }
}
@keyframes navLogoFloat {
  0%,100% { transform:translateY(0) rotate(-2deg); }
  50%     { transform:translateY(-4px) rotate(2deg); }
}
@keyframes burstAnim {
  0%   { opacity:1; transform:translate(-50%,-50%) scale(0.3) rotate(-20deg); }
  40%  { opacity:1; transform:translate(-50%,-50%) scale(1.2) rotate(10deg); }
  100% { opacity:0; transform:translate(-50%,-50%) scale(0.8) rotate(0deg) translateY(-30px); }
}
@keyframes rippleAnim {
  0%   { opacity:0.8; transform:translate(-50%,-50%) scale(0.3); }
  100% { opacity:0;   transform:translate(-50%,-50%) scale(3.5); }
}
@keyframes neonSweep {
  0%   { left:-100%; }
  100% { left:200%; }
}
@keyframes acGlow {
  0%,100% { text-shadow:0 0 30px rgba(91,156,246,0.5),0 0 60px rgba(91,156,246,0.2); }
  50%     { text-shadow:0 0 40px rgba(91,156,246,0.8),0 0 80px rgba(91,156,246,0.4),0 0 120px rgba(91,156,246,0.2); }
}
@keyframes badgePulse {
  0%,100% { box-shadow:0 0 12px rgba(91,156,246,0.2); }
  50%     { box-shadow:0 0 24px rgba(91,156,246,0.45), 0 0 40px rgba(91,156,246,0.2); }
}
@keyframes neonBorderSpin {
  0%   { background-position:0% 50%; }
  100% { background-position:100% 50%; }
}
@keyframes orbFloat1 {
  from { transform:translate(0,0) scale(1); }
  to   { transform:translate(-40px,60px) scale(1.2); }
}
@keyframes orbFloat2 {
  from { transform:translate(0,0) scale(1); }
  to   { transform:translate(50px,-40px) scale(0.85); }
}
@keyframes orbFloat3 {
  from { transform:translate(0,0) scale(1); }
  to   { transform:translate(-30px,50px) scale(1.15); }
}
@keyframes wlCardGlow {
  0%,100% { box-shadow:0 0 40px rgba(91,156,246,0.06); }
  50%     { box-shadow:0 0 60px rgba(91,156,246,0.14), 0 0 100px rgba(91,156,246,0.06); }
}
@keyframes btnNeon {
  0%,100% { box-shadow:0 0 28px rgba(91,156,246,0.35), 0 0 0 0 rgba(91,156,246,0); }
  50%     { box-shadow:0 0 40px rgba(91,156,246,0.55), 0 0 60px rgba(91,156,246,0.2); }
}
body.page-main /* IT Services overlay extras */
@keyframes gridShift {from{background-position:0 0}to{background-position:60px 60px}}
@keyframes orbF1 {from{transform:translate(0,0) scale(1)}to{transform:translate(-50px,70px) scale(1.2)}}
@keyframes orbF2 {from{transform:translate(0,0)}to{transform:translate(60px,-50px) scale(0.85)}}
@keyframes cyanGlow {0%,100%{text-shadow:0 0 30px rgba(0,229,255,0.6),0 0 60px rgba(0,229,255,0.3)}50%{text-shadow:0 0 50px rgba(0,229,255,0.9),0 0 90px rgba(0,229,255,0.5)}}
@keyframes sweep {0%{left:-100%}100%{left:200%}}
@keyframes spinR {from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes aiIconPulse {0%,100%{filter:drop-shadow(0 0 20px rgba(0,229,255,1)) drop-shadow(0 0 40px rgba(0,229,255,0.5))}50%{filter:drop-shadow(0 0 30px rgba(0,229,255,1)) drop-shadow(0 0 60px rgba(0,229,255,0.7))}}
body.page-main /* IT overlay open/close */
#it-overlay.open {opacity:1;visibility:visible}
body.page-main.it-open {overflow:hidden}


/* ───────────────────────────────────────────────────────────
   3. IT SERVICES PAGE — body.page-it
   ─────────────────────────────────────────────────────────── */
body.page-it {
  --bg:     #04080f;
  --bg2:    #070d18;
  --cyan:   #00e5ff;
  --cyan2:  #00b8d9;
  --orange: #ff6b2b;
  --purple: #7c3aed;
  --green:  #00ff88;
  --white:  #f0f8ff;
  --muted:  rgba(240,248,255,0.44);
  --card:   rgba(0,229,255,0.03);
  --cb:     rgba(0,229,255,0.1);
  --glow:   rgba(0,229,255,0.25);
}
body.page-it *, body.page-it *::before, body.page-it *::after {margin:0;padding:0;box-sizing:border-box}
body.page-it {scroll-behavior:smooth}
body.page-it {background:var(--bg);color:var(--white);font-family:'Manrope',sans-serif;font-weight:300;overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased}
body.page-it /* CURSOR */
.cur {position:fixed;top:0;left:0;z-index:9999;pointer-events:none}
body.page-it .cdot {width:7px;height:7px;background:var(--cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--cyan)}
body.page-it .cring {position:fixed;top:0;left:0;width:32px;height:32px;border:1.5px solid rgba(0,229,255,0.55);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.1s ease;pointer-events:none;z-index:9998}
body.page-it /* CANVAS */
#nc {position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.35}
body.page-it /* SCAN LINES */
body::after {content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,229,255,0.008) 2px,rgba(0,229,255,0.008) 4px);pointer-events:none;z-index:1}
body.page-it /* GRID OVERLAY */
body::before {content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,229,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,0.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;animation:gridShift 20s linear infinite}
body.page-it /* LOADER */
#loader {position:fixed;inset:0;z-index:99999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;transition:opacity 0.7s,visibility 0.7s}
body.page-it #loader.hidden {opacity:0;visibility:hidden;pointer-events:none}
body.page-it .lr-wrap {position:relative;width:130px;height:130px;display:flex;align-items:center;justify-content:center}
body.page-it .lr-ring {position:absolute;inset:-14px;border-radius:50%;border:2px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from 0deg,#ff2050,#ff6b2b,#ff2050,#a855f7,#ff2050) border-box;animation:spinR 2.5s linear infinite;box-shadow:0 0 28px rgba(255,32,80,0.55)}
body.page-it .lr-ring2 {position:absolute;inset:-26px;border-radius:50%;border:1px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from 90deg,transparent 60%,#ff2050 82%,transparent) border-box;animation:spinR 3.8s linear infinite reverse;opacity:0.5}
body.page-it .lr-ring3 {position:absolute;inset:-40px;border-radius:50%;border:1px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from 200deg,transparent 70%,#ff4070 92%,transparent) border-box;animation:spinR 5.5s linear infinite;opacity:0.3}
body.page-it .lr-glow {position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,32,80,0.28) 0%,transparent 70%);animation:loaderGl 2s ease-in-out infinite}
body.page-it /* AI Icon - the big neon icon */
.lr-ai-icon {position:relative;z-index:2;width:90px;height:90px;display:flex;align-items:center;justify-content:center;animation:aiIconPulse 2s ease-in-out infinite}
body.page-it .lr-ai-svg {filter:drop-shadow(0 0 20px rgba(0,229,255,1)) drop-shadow(0 0 40px rgba(0,229,255,0.6))}
body.page-it .lr-text {font-family:'Bricolage Grotesque',sans-serif;font-optical-sizing:auto;font-size:20px;font-weight:800;letter-spacing:-0.3px;color:var(--white);opacity:0;animation:fadeT 0.6s 0.4s forwards}
body.page-it .lr-text em {color:var(--cyan);font-style:normal}
body.page-it .lr-sub {font-size:12px;color:var(--muted);letter-spacing:3px;text-transform:uppercase;opacity:0;animation:fadeT 0.6s 0.7s forwards}
body.page-it .lr-bar-w {width:200px;height:2px;background:rgba(0,229,255,0.1);border-radius:2px;overflow:hidden}
body.page-it .lr-bar {height:100%;width:0%;background:linear-gradient(90deg,#7c3aed,#00e5ff,#00ff88);animation:ldrBar 1.8s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 0 14px rgba(0,229,255,0.9)}
body.page-it /* CONTAINER */
.w {max-width:1160px;margin:0 auto;padding:0 48px;position:relative;z-index:2}
body.page-it /* REVEAL */
.rv {opacity:0;transform:translateY(28px);transition:opacity 0.75s cubic-bezier(.16,1,.3,1),transform 0.75s cubic-bezier(.16,1,.3,1)}
body.page-it .rv.in {opacity:1;transform:none}
body.page-it .d1 {transition-delay:.08s}
body.page-it .d2 {transition-delay:.16s}
body.page-it .d3 {transition-delay:.25s}
body.page-it .d4 {transition-delay:.34s}
body.page-it .d5 {transition-delay:.42s}
body.page-it .d6 {transition-delay:.5s}
body.page-it /* NEON ORBS */
.orb {position:fixed;border-radius:50%;pointer-events:none;z-index:0}
body.page-it .orb1 {width:500px;height:500px;top:-120px;right:-100px;background:radial-gradient(circle,rgba(0,229,255,0.07) 0%,transparent 70%);animation:orbF1 10s ease-in-out infinite alternate}
body.page-it .orb2 {width:400px;height:400px;bottom:10%;left:-80px;background:radial-gradient(circle,rgba(124,58,237,0.07) 0%,transparent 70%);animation:orbF2 13s ease-in-out infinite alternate}
body.page-it .orb3 {width:300px;height:300px;top:45%;right:5%;background:radial-gradient(circle,rgba(0,255,136,0.05) 0%,transparent 70%);animation:orbF3 11s ease-in-out infinite alternate}
body.page-it /* NAV */
nav {position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:all 0.4s}
body.page-it nav.on {background:rgba(4,8,15,0.92);backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,229,255,0.12);padding:13px 0}
body.page-it .nav-in {display:flex;align-items:center;justify-content:space-between}
body.page-it .logo {display:flex;align-items:center;gap:12px;text-decoration:none}
body.page-it .logo-n {font-family:'Bricolage Grotesque',sans-serif;font-optical-sizing:auto;font-size:17px;font-weight:700;color:var(--white)}
body.page-it .logo-sub {font-size:11px;color:var(--cyan);letter-spacing:2.5px;text-transform:uppercase;font-weight:600}
body.page-it .nl {display:flex;align-items:center;gap:28px;list-style:none}
body.page-it .nl a {color:var(--muted);text-decoration:none;font-size:14px;font-weight:400;transition:color 0.2s}
body.page-it .nl a:hover {color:var(--cyan)}
body.page-it .back-btn {display:flex;align-items:center;gap:8px;background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.25);color:var(--cyan)!important;padding:9px 20px;border-radius:30px;font-weight:600!important;font-size:13px;letter-spacing:0.3px;transition:all 0.25s!important}
body.page-it .back-btn:hover {background:rgba(0,229,255,0.15)!important;box-shadow:0 0 20px rgba(0,229,255,0.25)!important}
body.page-it /* BTNS */
.btn {display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#00b8d9,#00e5ff);color:#04080f;text-decoration:none;padding:14px 30px;border-radius:50px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;border:none;cursor:none;box-shadow:0 0 32px rgba(0,229,255,0.45),0 0 60px rgba(0,229,255,0.2);transition:all 0.25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;letter-spacing:0.2px}
body.page-it .btn::before {content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,0.2),transparent);transform:translateX(-100%);transition:transform 0.4s}
body.page-it .btn:hover::before {transform:translateX(100%)}
body.page-it .btn:hover {transform:translateY(-2px);box-shadow:0 10px 44px rgba(0,229,255,0.6),0 0 80px rgba(0,229,255,0.25)}
body.page-it .btn .arr {transition:transform 0.2s}
body.page-it .btn:hover .arr {transform:translateX(4px)}
body.page-it /* HERO */
.hero {min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;text-align:center}
body.page-it .hero-in {max-width:900px;margin:0 auto}
body.page-it /* BIG AI ICON */
.hero-ai-icon {
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:120px;height:120px;margin:0 auto 40px;
  opacity:0;animation:fadeUp 0.8s 0.3s forwards;
}
body.page-it .ai-icon-ring {position:absolute;inset:-16px;border-radius:50%;border:1.5px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from 0deg,#00e5ff,#7c3aed,#00e5ff) border-box;animation:spinR 4s linear infinite;box-shadow:0 0 24px rgba(0,229,255,0.3)}
body.page-it .ai-icon-ring2 {position:absolute;inset:-30px;border-radius:50%;border:1px solid rgba(0,229,255,0.12);animation:spinR 7s linear infinite reverse}
body.page-it .ai-icon-glow {position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,0.2) 0%,transparent 70%);animation:loaderGl 3s ease-in-out infinite}
body.page-it .ai-icon-svg {position:relative;z-index:2;filter:drop-shadow(0 0 24px rgba(0,229,255,1)) drop-shadow(0 0 48px rgba(0,229,255,0.5));animation:aiIconPulse 3s ease-in-out infinite}
body.page-it .hero-eyebrow {display:inline-flex;align-items:center;gap:8px;background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.2);border-radius:30px;padding:7px 16px;font-size:12px;color:var(--cyan);font-weight:600;letter-spacing:0.8px;text-transform:uppercase;margin-bottom:24px;opacity:0;animation:fadeUp 0.8s 0.5s forwards;box-shadow:0 0 20px rgba(0,229,255,0.15)}
body.page-it h1 {font-family:'Bricolage Grotesque',sans-serif;font-optical-sizing:auto;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.06;letter-spacing:-2px;margin-bottom:20px;opacity:0;animation:fadeUp 0.8s 0.65s forwards}
body.page-it .ac1 {color:var(--cyan);text-shadow:0 0 30px rgba(0,229,255,0.6),0 0 60px rgba(0,229,255,0.3);animation:cyanGlow 3s ease-in-out infinite}
body.page-it .ac2 {color:var(--orange)}
body.page-it .hero-sub {font-size:17px;color:var(--muted);line-height:1.85;margin-bottom:38px;max-width:600px;margin-left:auto;margin-right:auto;font-weight:400;opacity:0;animation:fadeUp 0.8s 0.8s forwards}
body.page-it .hero-acts {display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;opacity:0;animation:fadeUp 0.8s 0.95s forwards}
body.page-it /* TECH STACK PILLS */
.tech-pills {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:52px;opacity:0;animation:fadeUp 0.8s 1.1s forwards}
body.page-it .tp {display:flex;align-items:center;gap:7px;background:rgba(0,229,255,0.05);border:1px solid rgba(0,229,255,0.15);border-radius:30px;padding:8px 18px;font-size:12.5px;color:rgba(240,248,255,0.65);font-weight:500;transition:all 0.25s;cursor:default}
body.page-it .tp:hover {background:rgba(0,229,255,0.12);border-color:rgba(0,229,255,0.35);color:var(--cyan);box-shadow:0 0 14px rgba(0,229,255,0.2)}
body.page-it /* DIVIDER */
.neon-div {width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,0.5) 30%,rgba(0,229,255,0.8) 50%,rgba(0,229,255,0.5) 70%,transparent);position:relative;overflow:hidden;margin:0}
body.page-it .neon-div::after {content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);animation:sweep 3s ease-in-out infinite 1s}
body.page-it /* SERVICES SECTION */
.services {padding:100px 0}
body.page-it .s-hd {text-align:center;margin-bottom:72px}
body.page-it .s-hd h2 {font-family:'Bricolage Grotesque',sans-serif;font-optical-sizing:auto;font-size:clamp(26px,3.2vw,42px);font-weight:800;letter-spacing:-1.2px;margin:12px 0 16px;line-height:1.1}
body.page-it .s-hd p {font-size:15.5px;color:var(--muted);line-height:1.85;max-width:560px;margin:0 auto;font-weight:400}
body.page-it /* SERVICES GRID */
.sg {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-it /* Each service card */
.sc {
  background:linear-gradient(145deg,rgba(0,229,255,0.03),rgba(4,8,15,0.8));
  border:1px solid rgba(0,229,255,0.1);
  border-radius:24px;padding:32px 28px;
  position:relative;overflow:hidden;
  transition:all 0.4s cubic-bezier(.16,1,.3,1);
  cursor:default;
}
body.page-it .sc::before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,0.6),transparent);opacity:0;transition:opacity 0.4s}
body.page-it .sc::after {content:'';position:absolute;inset:0;border-radius:24px;box-shadow:0 0 0 0 rgba(0,229,255,0);transition:box-shadow 0.4s;pointer-events:none}
body.page-it .sc:hover {border-color:rgba(0,229,255,0.3);background:linear-gradient(145deg,rgba(0,229,255,0.06),rgba(4,8,15,0.9));transform:translateY(-6px)}
body.page-it .sc:hover::before {opacity:1}
body.page-it .sc:hover::after {box-shadow:0 0 30px rgba(0,229,255,0.1),inset 0 0 30px rgba(0,229,255,0.03)}
body.page-it .sc:hover .sc-icon {box-shadow:0 0 28px rgba(0,229,255,0.5);border-color:rgba(0,229,255,0.5)}
body.page-it .sc:hover .sc-svg {filter:drop-shadow(0 0 12px rgba(0,229,255,0.9))}
body.page-it /* Card highlight variation colours */
.sc.c-orange:hover {border-color:rgba(255,107,43,0.3)}
body.page-it .sc.c-orange::before {background:linear-gradient(90deg,transparent,rgba(255,107,43,0.6),transparent)}
body.page-it .sc.c-orange:hover .sc-icon {box-shadow:0 0 28px rgba(255,107,43,0.5);border-color:rgba(255,107,43,0.5)}
body.page-it .sc.c-orange:hover .sc-svg {filter:drop-shadow(0 0 12px rgba(255,107,43,0.9))}
body.page-it .sc.c-orange:hover::after {box-shadow:0 0 30px rgba(255,107,43,0.1),inset 0 0 30px rgba(255,107,43,0.03)}
body.page-it .sc.c-purple:hover {border-color:rgba(124,58,237,0.3)}
body.page-it .sc.c-purple::before {background:linear-gradient(90deg,transparent,rgba(124,58,237,0.6),transparent)}
body.page-it .sc.c-purple:hover .sc-icon {box-shadow:0 0 28px rgba(124,58,237,0.5);border-color:rgba(124,58,237,0.5)}
body.page-it .sc.c-purple:hover .sc-svg {filter:drop-shadow(0 0 12px rgba(124,58,237,0.9))}
body.page-it .sc.c-purple:hover::after {box-shadow:0 0 30px rgba(124,58,237,0.1),inset 0 0 30px rgba(124,58,237,0.03)}
body.page-it .sc.c-green:hover {border-color:rgba(0,255,136,0.3)}
body.page-it .sc.c-green::before {background:linear-gradient(90deg,transparent,rgba(0,255,136,0.6),transparent)}
body.page-it .sc.c-green:hover .sc-icon {box-shadow:0 0 28px rgba(0,255,136,0.5);border-color:rgba(0,255,136,0.5)}
body.page-it .sc.c-green:hover .sc-svg {filter:drop-shadow(0 0 12px rgba(0,255,136,0.9))}
body.page-it .sc.c-green:hover::after {box-shadow:0 0 30px rgba(0,255,136,0.1),inset 0 0 30px rgba(0,255,136,0.03)}
body.page-it .sc-num {font-family:'Bricolage Grotesque',sans-serif;font-optical-sizing:auto;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(0,229,255,0.4);margin-bottom:18px}
body.page-it .sc.c-orange .sc-num {color:rgba(255,107,43,0.5)}
body.page-it .sc.c-purple .sc-num {color:rgba(124,58,237,0.5)}
body.page-it .sc.c-green .sc-num {color:rgba(0,255,136,0.5)}
body.page-it .sc-icon {width:52px;height:52px;border-radius:16px;background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all 0.4s}
body.page-it .sc.c-orange .sc-icon {background:rgba(255,107,43,0.08);border-color:rgba(255,107,43,0.2)}
body.page-it .sc.c-purple .sc-icon {background:rgba(124,58,237,0.08);border-color:rgba(124,58,237,0.2)}
body.page-it .sc.c-green .sc-icon {background:rgba(0,255,136,0.08);border-color:rgba(0,255,136,0.2)}
body.page-it .sc-svg {transition:filter 0.4s}
body.page-it .sc-title {font-family:'Bricolage Grotesque',sans-serif;font-optical-sizing:auto;font-size:20px;font-weight:700;margin-bottom:10px;letter-spacing:-0.3px;color:var(--white)}
body.page-it .sc-desc {font-size:13.5px;color:var(--muted);line-height:1.75;font-weight:400}
body.page-it .sc-tag {display:inline-flex;align-items:center;gap:5px;background:rgba(0,229,255,0.06);border:1px solid rgba(0,229,255,0.12);border-radius:20px;padding:4px 12px;font-size:11px;color:rgba(0,229,255,0.6);font-weight:600;letter-spacing:0.5px;margin-top:16px}
body.page-it .sc.c-orange .sc-tag {background:rgba(255,107,43,0.06);border-color:rgba(255,107,43,0.12);color:rgba(255,107,43,0.7)}
body.page-it .sc.c-purple .sc-tag {background:rgba(124,58,237,0.06);border-color:rgba(124,58,237,0.12);color:rgba(124,58,237,0.7)}
body.page-it .sc.c-green .sc-tag {background:rgba(0,255,136,0.06);border-color:rgba(0,255,136,0.12);color:rgba(0,255,136,0.7)}
body.page-it /* FEATURED WIDE CARD */
.sc.wide {grid-column:span 2}
body.page-it .sc.wide .sc-inner {display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
body.page-it .sc.wide .sc-visual {display:flex;align-items:center;justify-content:center}
body.page-it .ai-visual {position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}
body.page-it .av-ring {position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(0,229,255,0.2);animation:spinR 8s linear infinite}
body.page-it .av-ring2 {position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(0,229,255,0.08);animation:spinR 12s linear infinite reverse}
body.page-it .av-glow {position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,0.15) 0%,transparent 70%);animation:loaderGl 3s ease-in-out infinite}
body.page-it /* CTA SECTION */
.cta-sec {padding:80px 0 100px;text-align:center}
body.page-it .cta-card {background:linear-gradient(135deg,rgba(0,229,255,0.06),rgba(4,8,15,0));border:1px solid rgba(0,229,255,0.18);border-radius:28px;padding:70px 56px;position:relative;overflow:hidden;max-width:680px;margin:0 auto}
body.page-it .cta-card::before {content:'';position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
body.page-it .cta-glow {position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,0.08) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:loaderGl 4s ease-in-out infinite}
body.page-it .cta-title {font-family:'Bricolage Grotesque',sans-serif;font-optical-sizing:auto;font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-1.5px;margin:12px 0 14px;line-height:1.12}
body.page-it .cta-sub {font-size:15px;color:var(--muted);margin-bottom:36px;line-height:1.8;font-weight:400}
body.page-it .cta-contact {display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
body.page-it .contact-chip {display:flex;align-items:center;gap:8px;background:rgba(0,229,255,0.06);border:1px solid rgba(0,229,255,0.15);border-radius:30px;padding:10px 20px;font-size:13px;color:var(--muted);font-weight:500;transition:all 0.25s;text-decoration:none}
body.page-it .contact-chip:hover {border-color:rgba(0,229,255,0.4);color:var(--cyan);box-shadow:0 0 16px rgba(0,229,255,0.2)}
body.page-it /* FOOTER */
footer {border-top:1px solid rgba(0,229,255,0.08);padding:36px 0 24px;position:relative;z-index:2}
body.page-it .fi {display:flex;align-items:center;justify-content:space-between}
body.page-it .fc {font-size:12.5px;color:rgba(255,255,255,0.18);font-weight:400}
body.page-it /* CLICK BURST */
.cb {position:fixed;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);animation:burstA 0.7s cubic-bezier(.16,1,.3,1) forwards}
body.page-it .cb-r {position:fixed;pointer-events:none;z-index:99997;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,229,255,0.8);animation:rippleA 0.7s cubic-bezier(.16,1,.3,1) forwards}
body.page-it /* KEYFRAMES */
@keyframes spinR {from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes loaderGl {0%,100%{transform:scale(1);opacity:0.6}50%{transform:scale(1.3);opacity:1}}
@keyframes aiIconPulse {0%,100%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(0,229,255,1)) drop-shadow(0 0 40px rgba(0,229,255,0.5))}50%{transform:scale(1.06);filter:drop-shadow(0 0 30px rgba(0,229,255,1)) drop-shadow(0 0 60px rgba(0,229,255,0.7)) drop-shadow(0 0 90px rgba(0,229,255,0.3))}}
@keyframes fadeT {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fadeUp {from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes ldrBar {0%{width:0%}30%{width:40%}70%{width:78%}100%{width:100%}}
@keyframes gridShift {from{background-position:0 0}to{background-position:60px 60px}}
@keyframes cyanGlow {0%,100%{text-shadow:0 0 30px rgba(0,229,255,0.6),0 0 60px rgba(0,229,255,0.3)}50%{text-shadow:0 0 50px rgba(0,229,255,0.9),0 0 90px rgba(0,229,255,0.5),0 0 130px rgba(0,229,255,0.2)}}
@keyframes sweep {0%{left:-100%}100%{left:200%}}
@keyframes orbF1 {from{transform:translate(0,0) scale(1)}to{transform:translate(-50px,70px) scale(1.2)}}
@keyframes orbF2 {from{transform:translate(0,0)}to{transform:translate(60px,-50px) scale(0.85)}}
@keyframes orbF3 {from{transform:translate(0,0)}to{transform:translate(-30px,50px) scale(1.15)}}
@keyframes burstA {0%{opacity:1;transform:translate(-50%,-50%) scale(0.2) rotate(-30deg)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(10deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(0.8) translateY(-28px)}}
@keyframes rippleA {0%{opacity:0.9;transform:translate(-50%,-50%) scale(0.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}
@keyframes pulse {0%,100%{opacity:1}50%{opacity:0.4}}
@media(max-width:960px) {
body.page-it .sg {grid-template-columns:1fr 1fr}
body.page-it .sc.wide {grid-column:span 2}
body.page-it .fi {flex-direction:column;gap:14px;text-align:center}
}
@media(max-width:640px) {
body.page-it .sg {grid-template-columns:1fr}
body.page-it .sc.wide {grid-column:span 1}
body.page-it .sc.wide .sc-inner {grid-template-columns:1fr}
body.page-it .sc.wide .sc-visual {display:none}
}
body.page-it /* ═══════════════ MOBILE RESPONSIVE ═══════════════ */

/* Hamburger */
.ham {
  display:none; flex-direction:column; gap:5px;
  cursor:none; padding:8px; z-index:200; background:none; border:none;
}
body.page-it .ham span {
  display:block; width:24px; height:2px;
  background:var(--white); border-radius:2px;
  transition:all 0.3s cubic-bezier(.16,1,.3,1);
}
body.page-it .ham.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
body.page-it .ham.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
body.page-it .ham.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
body.page-it .mob-menu {
  display:none;
  position:fixed; inset:0; z-index:99;
  background:rgba(4,8,15,0.98);
  backdrop-filter:blur(24px);
  flex-direction:column;
  align-items:center; justify-content:center;
  gap:8px;
  opacity:0; transform:translateY(-10px);
  transition:opacity 0.3s, transform 0.3s;
}
body.page-it .mob-menu.open { opacity:1; transform:none; }
body.page-it .mob-menu a {
  font-family:'Bricolage Grotesque',sans-serif;
  font-optical-sizing:auto;
  font-size:26px; font-weight:700;
  color:rgba(255,255,255,0.75);
  text-decoration:none; letter-spacing:-0.5px;
  padding:14px 32px; border-radius:16px;
  transition:all 0.25s; width:100%; text-align:center;
}
body.page-it .mob-menu a:hover { color:var(--cyan); }
body.page-it .mob-menu .mob-back {
  font-size:18px !important; color:rgba(0,229,255,0.7) !important;
  border:1px solid rgba(0,229,255,0.2);
}
body.page-it .mob-menu .mob-cta {
  background:linear-gradient(135deg,#00b8d9,#00e5ff) !important;
  color:#04080f !important; font-size:20px !important;
  box-shadow:0 0 28px rgba(0,229,255,0.4);
}
@media (max-width: 768px) {
body.page-it .ham { display:flex; }
body.page-it .nl { display:none !important; }
body.page-it .mob-menu { display:flex; }
body.page-it /* Container */
  .w { padding:0 20px; }
body.page-it /* Cursor off on touch */
  .cur, body.page-it .cring { display:none; }
body.page-it { cursor:auto; }
body.page-it * { cursor:auto !important; }
body.page-it /* Hero */
  .hero { padding:110px 0 60px; }
body.page-it .hero-in { max-width:100%; }
body.page-it .hero-ai-icon { width:90px; height:90px; margin-bottom:28px; }
body.page-it .hero-ai-icon .ai-icon-svg { width:54px; height:54px; }
body.page-it h1 { font-size:clamp(28px,8vw,42px); letter-spacing:-1px; }
body.page-it .hero-sub { font-size:15px; }
body.page-it .hero-acts { flex-direction:column; gap:12px; }
body.page-it .hero-acts .btn { width:100%; justify-content:center; }
body.page-it .tech-pills { gap:8px; margin-top:36px; }
body.page-it .tp { font-size:12px; padding:7px 14px; }
body.page-it /* Services grid */
  .sg { grid-template-columns:1fr; }
body.page-it .sc.wide { grid-column:span 1; }
body.page-it .sc.wide .sc-inner { grid-template-columns:1fr; }
body.page-it .sc.wide .sc-visual { display:none; }
body.page-it .sc { padding:26px 22px; border-radius:20px; }
body.page-it .s-hd h2 { font-size:clamp(22px,6vw,30px); }
body.page-it /* CTA */
  .cta-sec { padding:60px 0 80px; }
body.page-it .cta-card { padding:44px 24px; border-radius:22px; }
body.page-it .cta-title { font-size:clamp(24px,6vw,34px); }
body.page-it .cta-sub { font-size:14px; }
body.page-it .cta-contact { flex-direction:column; gap:10px; align-items:center; }
body.page-it .contact-chip { width:100%; justify-content:center; max-width:280px; }
body.page-it /* Footer */
  footer { padding:30px 0 20px; }
body.page-it .fi { flex-direction:column; gap:14px; text-align:center; }
body.page-it /* Neon div */
  .neon-div { margin:0; }
}
@media (max-width: 480px) {
body.page-it h1 { font-size:clamp(24px,9vw,36px); }
body.page-it .hero { padding:100px 0 50px; }
body.page-it .cta-card { padding:36px 18px; }
}
@keyframes redLogoPulse {
  0%,100% {
    box-shadow:0 0 14px rgba(255,32,80,0.7),0 0 28px rgba(255,32,80,0.35);
    border-color:#ff2050;
  }
  50% {
    box-shadow:0 0 24px rgba(255,32,80,1),0 0 50px rgba(255,32,80,0.55),0 0 80px rgba(255,32,80,0.2);
    border-color:#ff4070;
  }
}
body.page-it /* IT Services loader logo */
.it-loader-logo {
  border:2.5px solid #ff2050;
  box-shadow:
    0 0 20px rgba(255,32,80,0.85),
    0 0 48px rgba(255,32,80,0.4),
    0 0 80px rgba(255,32,80,0.15);
  animation:itLoaderGlow 2.5s ease-in-out infinite;
}
@keyframes itLoaderGlow {
  0%,100% {
    box-shadow:0 0 18px rgba(255,32,80,0.8),0 0 40px rgba(255,32,80,0.35);
    border-color:#ff2050;
    transform:scale(1);
    filter:drop-shadow(0 0 0px rgba(255,32,80,0));
  }
  50% {
    box-shadow:0 0 30px rgba(255,32,80,1),0 0 70px rgba(255,32,80,0.55),0 0 110px rgba(255,32,80,0.2);
    border-color:#ff4070;
    transform:scale(1.06);
    filter:drop-shadow(0 0 16px rgba(255,32,80,0.6));
  }
}