.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<style>
  :root{
    --bg:#070A12;
    --panel:rgba(255,255,255,.06);
    --panel2:rgba(255,255,255,.10);
    --text:rgba(255,255,255,.92);
    --muted:rgba(255,255,255,.72);
    --line:rgba(255,255,255,.14);
    --shadow: 0 20px 70px rgba(0,0,0,.55);
    --r: 22px;

    /* Accent gradient */
    --a1:#ff2aa6;
    --a2:#00c2ff;
    --a3:#ffb703;
  }

  .cyc { color: var(--text); font-family: system-ui, -apple-system, Segoe UI, Inter, Arial, sans-serif; }
  .cyc * { box-sizing: border-box; }
  .cyc a { color: inherit; text-decoration: none; }
  .cyc .wrap { width:min(1180px, calc(100% - 44px)); margin:0 auto; }
  .cyc .grid { display:grid; gap:18px; }
  .cyc .btnrow { display:flex; gap:12px; flex-wrap:wrap; }
  .cyc .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    padding:12px 16px; border-radius:999px; border:1px solid var(--line);
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    font-weight:700; letter-spacing:.2px;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .cyc .btn:hover{ transform: translateY(-2px); border-color: rgba(255,255,255,.25); }
  .cyc .btn.primary{
    border:1px solid rgba(255,255,255,.18);
    background: linear-gradient(90deg, color-mix(in srgb, var(--a1) 60%, transparent),
                                     color-mix(in srgb, var(--a2) 60%, transparent),
                                     color-mix(in srgb, var(--a3) 55%, transparent));
  }
  .cyc .pill{
    display:inline-flex; align-items:center; gap:10px;
    padding:10px 12px; border-radius:999px; border:1px solid var(--line);
    background: rgba(255,255,255,.06);
    color: var(--muted); font-weight:600; font-size:13px;
  }
  .cyc .panel{
    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
    border:1px solid var(--line);
    border-radius: var(--r);
    box-shadow: var(--shadow);
  }
  .cyc .pad{ padding: 22px; }
  .cyc .h-eyebrow{ text-transform: uppercase; letter-spacing: .22em; font-weight: 800; font-size: 12px; color: rgba(255,255,255,.74); }
  .cyc h1{
    font-size: clamp(38px, 6vw, 64px);
    line-height: 1.02;
    margin: 10px 0 10px;
    letter-spacing: -0.02em;
  }
  .cyc h2{
    font-size: clamp(28px, 3.5vw, 42px);
    line-height: 1.1;
    margin: 0 0 12px;
    letter-spacing: -0.02em;
  }
  .cyc h3{
    font-size: 18px;
    margin: 0 0 8px;
    letter-spacing: -0.01em;
  }
  .cyc p{ margin: 0 0 12px; color: var(--muted); font-size: 16px; line-height: 1.55; }
  .cyc .bigline{ font-size: 18px; color: rgba(255,255,255,.80); max-width: 72ch; }

  /* Hero background experience */
  .cyc-hero{
    position: relative;
    padding: 96px 0 70px;
    background: radial-gradient(1200px 600px at 10% 10%, rgba(255,42,166,.35), transparent 60%),
                radial-gradient(900px 600px at 90% 30%, rgba(0,194,255,.28), transparent 60%),
                radial-gradient(900px 700px at 80% 95%, rgba(255,183,3,.22), transparent 62%),
                linear-gradient(180deg, #040510, #070A12 40%, #070A12);
    overflow: hidden;
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 30px 120px rgba(0,0,0,.6);
  }
  .cyc-hero::before{
    content:"";
    position:absolute; inset:-2px;
    background:
      linear-gradient(120deg, rgba(255,42,166,.22), rgba(0,194,255,.18), rgba(255,183,3,.12));
    filter: blur(40px);
    opacity:.65;
    animation: drift 10s ease-in-out infinite alternate;
    pointer-events:none;
  }
  .cyc-hero::after{
    content:"";
    position:absolute; inset:0;
    background-image:
      repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 12px);
    opacity:.10;
    mask-image: radial-gradient(circle at 30% 20%, black 0 50%, transparent 70%);
    pointer-events:none;
  }
  @keyframes drift { from{ transform: translate(-2%, -2%) scale(1.05); } to{ transform: translate(2%, 2%) scale(1.12); } }

  /* Marquee */
  .cyc-marquee{
    border-top:1px solid rgba(255,255,255,.10);
    border-bottom:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    overflow:hidden;
  }
  .cyc-marquee .track{
    display:flex; gap:18px; white-space:nowrap;
    padding:12px 0;
    animation: scrollx 22s linear infinite;
    will-change: transform;
  }
  .cyc-marquee .item{
    color: rgba(255,255,255,.72);
    font-weight:800;
    letter-spacing:.12em;
    text-transform: uppercase;
    font-size: 12px;
  }
  @keyframes scrollx { from{ transform: translateX(0); } to{ transform: translateX(-50%); } }

  /* Cards */
  .cyc-card{
    position: relative;
    border-radius: var(--r);
    border:1px solid var(--line);
    background: rgba(255,255,255,.05);
    overflow: hidden;
    transition: transform .2s ease, border-color .2s ease;
  }
  .cyc-card:hover{ transform: translateY(-4px); border-color: rgba(255,255,255,.22); }
  .cyc-card .glow{
    position:absolute; inset:-2px;
    background: radial-gradient(600px 260px at 20% 20%, rgba(255,42,166,.25), transparent 60%),
                radial-gradient(600px 260px at 80% 40%, rgba(0,194,255,.18), transparent 60%),
                radial-gradient(600px 260px at 50% 90%, rgba(255,183,3,.16), transparent 60%);
    opacity: .55;
    pointer-events:none;
  }

  /* Timeline */
  .cyc-timeline{ display:grid; gap:12px; }
  .cyc-step{
    display:grid; grid-template-columns: 28px 1fr;
    gap:12px; align-items:flex-start;
    padding:14px 14px;
    border:1px solid var(--line);
    border-radius: 16px;
    background: rgba(255,255,255,.04);
  }
  .cyc-dot{
    width: 12px; height: 12px; border-radius: 999px;
    margin-top: 6px;
    background: linear-gradient(90deg, var(--a1), var(--a2), var(--a3));
    box-shadow: 0 0 0 4px rgba(255,255,255,.06);
  }

  /* Reveal on scroll */
  .reveal{ opacity:0; transform: translateY(16px); transition: opacity .65s ease, transform .65s ease; }
  .reveal.in{ opacity:1; transform: translateY(0); }

  /* Responsive */
  @media (min-width: 900px){
    .cyc .cols-2{ grid-template-columns: 1.15fr .85fr; }
    .cyc .cols-3{ grid-template-columns: repeat(3, 1fr); }
    .cyc .cols-4{ grid-template-columns: repeat(4, 1fr); }
  }
</style>

<script>
  (function(){
    const els = document.querySelectorAll('.reveal');
    const io = new IntersectionObserver((entries)=>{
      entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} });
    }, { threshold: 0.12 });
    els.forEach(el=>io.observe(el));
  })();
</script>/* End custom CSS */