/* ======================================
GLOBAL BASE
====================================== */

body{
margin:0;
background:#050b14;
font-family:Poppins,sans-serif;
}


/* ======================================
HERO SECTION
====================================== */

.lx9z_hero_wrap_9921{
position:relative;
padding:140px 0;
overflow:hidden;
perspective:1200px;

background:
radial-gradient(circle at 20% 30%, #7a3cff22, transparent 40%),
radial-gradient(circle at 80% 70%, #00cfff22, transparent 40%),
linear-gradient(135deg, #050b14 0%, #0b0f1f 40%, #1a0f2e 100%);
}


/* AI CANVAS */

.lx9z_ai_bg_canvas{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
}


/* KEYS LAYER */

.lx9z_keys_layer_7711{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

transform-style:preserve-3d;
transition:transform 0.2s ease-out;

z-index:1;
}


/* CONTAINER */

.lx9z_container_1299{
position:relative;
z-index:2;

width:90%;
max-width:1300px;
margin:auto;

display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
}


/* LEFT CONTENT */

.lx9z_heading_9911{
font-size:64px;
color:#fff;
line-height:1.1;
font-weight:600;
}

.lx9z_typo_highlight_8811{
background:linear-gradient(45deg,#f5b942,#ff8c42);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.lx9z_typing_wrap{
display:inline-block;
min-width:180px;
}

.lx9z_desc_9912{
color:#a1a1aa;
margin-top:20px;
line-height:1.7;
max-width:520px;
}


/* BUTTONS */

.lx9z_cta_wrap_2211{
margin-top:30px;
display:flex;
gap:20px;
}

.lx9z_btn_primary_9911{
background:linear-gradient(45deg,#f5b942,#ff8c42);
padding:14px 26px;
border-radius:30px;
color:#000;
text-decoration:none;
font-weight:600;
}

.lx9z_btn_secondary_9911{
border:1px solid rgba(255,255,255,0.2);
padding:14px 26px;
border-radius:30px;
color:#fff;
text-decoration:none;
}


/* ======================================
MONITOR
====================================== */

.lx9z_monitor_ultimate_9911{
width:520px;
height:340px;
background:#0b0f17;
border-radius:14px;
position:relative;

box-shadow:
0 0 60px rgba(122,60,255,0.2),
0 0 40px rgba(255,180,0,0.15);
}

.lx9z_monitor_screen_8811{
position:absolute;
top:12px;
left:12px;
right:12px;
bottom:40px;

background:#02040a;
border-radius:10px;
padding:15px;
overflow:hidden;

box-shadow:inset 0 0 20px rgba(255,180,0,0.1);
}

.lx9z_monitor_base{
position:absolute;
bottom:-18px;
left:50%;
transform:translateX(-50%);
width:120px;
height:20px;
background:#111;
border-radius:4px;
}

#lx9z_code_terminal{
color:#f5b942;
font-family:monospace;
font-size:13px;
line-height:1.5;
white-space:pre-wrap;
}


/* ======================================
FLOATING KEYS
====================================== */

.lx9z_key_7711{
position:absolute;

padding:10px 16px;
border-radius:10px;

font-size:13px;
font-weight:500;

color:#f5b942;

background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.12);

backdrop-filter:blur(8px);

opacity:0.7;

box-shadow:
0 0 25px rgba(255,180,0,0.4),
inset 0 0 10px rgba(255,180,0,0.15);

transition:transform 0.2s ease;
}


/* TRAIL */

.lx9z_trail_7711{
position:absolute;
width:6px;
height:6px;
border-radius:50%;

background:rgba(255,180,0,0.6);

pointer-events:none;
filter:blur(6px);

animation:trailFade 0.8s linear forwards;
}

@keyframes trailFade{
0%{opacity:0.8;}
100%{opacity:0;transform:scale(2);}
}


/* ======================================
FEATURE SECTION (FIXED)
====================================== */

.lz_wd_feat_wrap_7781{
position:relative;
padding:120px 0;
overflow:hidden;
background:#050b14;
}


/* SVG BACKGROUND */

.lz_wd_svg_bg_9911{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

z-index:0;
pointer-events:none;

opacity:0.7;
mix-blend-mode:screen;
}

.lz_wd_svg_bg_9911 svg{
width:100%;
height:100%;
display:block;
}


/* CONTAINER */

.lz_wd_feat_container_9912{
position:relative;
z-index:2;

width:90%;
max-width:1300px;
margin:auto;

display:flex;
justify-content:space-between;
align-items:flex-start;
gap:80px;
}


/* LEFT */

.lz_wd_feat_left_4411{
max-width:420px;
}


/* TITLE */

.lz_wd_feat_title_8811{
font-size:42px;
color:#fff;
font-weight:600;
margin-bottom:20px;
}

.lz_wd_feat_title_8811 span{
background:linear-gradient(45deg,#f5b942,#ff8c42);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}


/* DESC */

.lz_wd_feat_desc_6611{
color:#a1a1aa;
line-height:1.7;
margin-bottom:30px;
}


/* BUTTON */

.lz_wd_feat_btn_9911{
display:inline-block;
padding:14px 26px;
border-radius:30px;

border:1px solid rgba(255,255,255,0.2);
color:#fff;
text-decoration:none;

transition:0.3s;
}

.lz_wd_feat_btn_9911:hover{
background:#fff;
color:#000;
}


/* GRID */

.lz_wd_feat_grid_8811{
flex:1;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}


/* CARD */

.lz_wd_feat_card_2211{
background:rgba(11,15,23,0.7);
backdrop-filter:blur(10px);

padding:25px;
border-radius:16px;

border:1px solid rgba(255,255,255,0.05);

transition:0.3s;
}

.lz_wd_feat_card_2211:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.6);
}


/* ICON */

.lz_wd_icon_9911{
width:48px;
height:48px;
border-radius:12px;

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

margin-bottom:15px;

font-size:18px;
color:#fff;

box-shadow:
0 0 20px rgba(255,255,255,0.1),
inset 0 0 10px rgba(255,255,255,0.1);

transition:0.3s;
}

.lz_wd_feat_card_2211:hover .lz_wd_icon_9911{
transform:scale(1.1);
box-shadow:
0 0 25px rgba(255,180,0,0.4),
inset 0 0 12px rgba(255,255,255,0.2);
}


/* COLORS */

.blue{ background:#1e3a8a; }
.pink{ background:#be185d; }
.gold{ background:#a16207; }
.purple{ background:#5b21b6; }


/* TEXT */

.lz_wd_feat_card_2211 h3{
color:#fff;
margin-bottom:10px;
font-size:18px;
}

.lz_wd_feat_card_2211 p{
color:#a1a1aa;
font-size:14px;
line-height:1.6;
}


/* ======================================
RESPONSIVE
====================================== */

@media(max-width:900px){

.lx9z_container_1299{
flex-direction:column;
text-align:center;
}

.lz_wd_feat_container_9912{
flex-direction:column;
}

.lz_wd_feat_grid_8811{
grid-template-columns:1fr;
}

.lx9z_heading_9911{
font-size:42px;
}

}


/*Nodes Travelling section CSS by Rishabh Starts*/
.ultra9_wrap{
  background:#050505;
  padding:120px 20px;
  color:#fff;
  font-family:Poppins,sans-serif;
}

.ultra9_container{
  max-width:1100px;
  margin:auto;
}

.ultra9_heading{
  text-align:center;
  font-size:42px;
  margin-bottom:100px;
  background:linear-gradient(90deg,#ffb347,#ffcc33);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* TIMELINE */
.ultra9_timeline{
  position:relative;
}

/* CENTER LINE */
.ultra9_line{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:2px;
  height:100%;
  background:#222;
}

.ultra9_progress{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:3px;
  height:0;
  background:linear-gradient(#ffb347,#ffcc33);
  z-index:2;
}

/* ITEM */
.ultra9_item{
  position:relative;
  margin:120px 0;
}

/* CIRCLE */
.ultra9_circle{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:70px;
  height:70px;
  border-radius:50%;
  background:#111;
  border:1px solid #333;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
  transition:0.4s;
}

/* CONTENT */
.ultra9_content{
  width:45%;
}

.ultra9_content.left{
  margin-right:auto;
  text-align:right;
}

.ultra9_content.right{
  margin-left:auto;
  text-align:left;
}

/* ACTIVE */
.ultra9_item.active .ultra9_circle{
  background:linear-gradient(135deg,#ffb347,#ffcc33);
  box-shadow:0 0 30px rgba(255,180,50,0.6);
  transform:translateX(-50%) scale(1.1);
}

/* MOBILE */
@media(max-width:768px){

  .ultra9_line,
  .ultra9_progress{
    left:20px;
    transform:none;
  }

  .ultra9_circle{
    left:20px;
    transform:none;
  }

  .ultra9_content{
    width:100%;
    margin-left:80px !important;
    text-align:left !important;
  }
}

/* SVG CURVE */
.ultra9_svg{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:200px;
  height:100%;
  pointer-events:none;
}

/*#ultra9_curve{
  fill:none;
  stroke:#333;
  stroke-width:2;
  stroke-dasharray:6;
}*/

#ultra9_curve{
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-dasharray:6 10;
  opacity:0.7;
}

/* PROGRESS ON CURVE (overlay) */
.ultra9_progress{
  background:linear-gradient(#ffb347,#ffcc33);
}

/* GRADIENT PER NODE */
.ultra9_item:nth-of-type(1).active .ultra9_circle {
  background: linear-gradient(135deg,#ff7a18,#ffb347);
}

.ultra9_item:nth-of-type(2).active .ultra9_circle {
  background: linear-gradient(135deg,#00c6ff,#0072ff);
}

.ultra9_item:nth-of-type(3).active .ultra9_circle {
  background: linear-gradient(135deg,#7f00ff,#e100ff);
}

.ultra9_item:nth-of-type(4).active .ultra9_circle {
  background: linear-gradient(135deg,#00ff87,#60efff);
}

.ultra9_item:nth-of-type(5).active .ultra9_circle {
  background: linear-gradient(135deg,#f7971e,#ffd200);
}

.ultra9_item:nth-of-type(6).active .ultra9_circle {
  background: linear-gradient(135deg,#ff416c,#ff4b2b);
}

.ultra9_item:nth-of-type(7).active .ultra9_circle {
  background: linear-gradient(135deg,#11998e,#38ef7d);
}

.ultra9_item:nth-of-type(8).active .ultra9_circle {
  background: linear-gradient(135deg,#fc466b,#3f5efb);
}

.ultra9_item.active .ultra9_circle{
  box-shadow: 0 0 30px rgba(255,255,255,0.2),
              0 0 60px rgba(255,180,50,0.4);
}

/* SVG CURVE POSITION */
.ultra9_svg{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:200px;
  height:100%;
  pointer-events:none;
}

/* WHITE DOTTED CURVE */
#ultra9_curve{
  fill:none;
  stroke:#ffffff;
  stroke-width:2;
  stroke-dasharray:6 10;
  opacity:0.6;
}
/*Nodes Travelling section CSS by Rishabh Ends*/

/*Faq + Contact Form Section CSS by Rishabh Starts*/
.lx9faq_wrap_7821{
  background:#050505;
  padding:100px 20px;
  font-family:Poppins,sans-serif;
  color:#fff;
}

.lx9faq_container_7821{
  max-width:1200px;
  margin:auto;
  display:flex;
  gap:40px;
}

/* LEFT FORM */
.lx9faq_formBox_7821{
  width:50%;
  background:linear-gradient(135deg,#0b1a3a,#1d4ed8);
  padding:40px;
  border-radius:16px;
}

.lx9faq_formBox_7821 h2{
  margin-bottom:10px;
}

.lx9faq_row_7821{
  display:flex;
  gap:20px;
  margin-bottom:20px;
}

.lx9faq_row_7821 input,
.lx9faq_row_7821 select,
.lx9faq_formBox_7821 textarea{
  width:100%;
  background:transparent;
  border:none;
  border-bottom:1px solid #aaa;
  padding:10px;
  color:#fff;
}

.lx9faq_formBox_7821 textarea{
  margin:20px 0;
  height:80px;
}

.lx9faq_note_7821{
  background:#f5e7a1;
  color:#000;
  padding:10px;
  border-radius:8px;
  margin-bottom:20px;
}

.lx9faq_formBox_7821 button{
  width:100%;
  padding:12px;
  border:none;
  border-radius:30px;
  background:linear-gradient(90deg,#ffb347,#ffcc33);
  font-weight:bold;
}

/* RIGHT FAQ */
.lx9faq_faqBox_7821{
  width:50%;
  background:#111;
  border-radius:16px;
  padding:20px;
}

.lx9faq_scroll_7821{
  max-height:500px;
  overflow-y:auto;
}

/* FAQ ITEM */
.lx9faq_item_7821{
  border-bottom:1px solid #333;
  padding:15px 0;
  cursor:pointer;
}

.lx9faq_q_7821{
  font-weight:600;
}

.lx9faq_a_7821{
  max-height:0;
  overflow:hidden;
  color:#aaa;
  transition:0.4s;
}

.lx9faq_item_7821.active .lx9faq_a_7821{
  max-height:200px;
  margin-top:10px;
}

/* RESPONSIVE */
@media(max-width:768px){

  .lx9faq_container_7821{
    flex-direction:column;
  }

  .lx9faq_formBox_7821,
  .lx9faq_faqBox_7821{
    width:100%;
  }
}
/*Faq + Contact Form Section CSS by Rishabh Ends*/