/* ============================================================
   Q9BOT custom styles — layered on top of the Axino home-4 theme
   Palette: bg #070C0F, lime #AEE317, cyan #1ED3F3
   ============================================================ */

:root{
  --q9-lime:#AEE317;
  --q9-cyan:#1ED3F3;
  --q9-bg:#070C0F;
  --q9-panel:#0D141A;
  --q9-panel-2:#111A22;
  --q9-border:rgba(174,227,23,.14);
  --q9-text:#C9D3DA;
}

/* ---------- Text wordmark logo ---------- */
.q9-wordmark{
  font-family:"Plus Jakarta Sans","Inter",sans-serif;
  font-weight:800;
  font-size:30px;
  letter-spacing:-.5px;
  line-height:1;
  display:inline-block;
  text-decoration:none;
}
.q9-wordmark .q9{
  background:linear-gradient(180deg,#1ED3F3 0%,#3055EB 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.q9-wordmark .bot{color:#AEE317;}
.q9-wordmark.footer-logo{font-size:32px;}
.sticky-header .q9-wordmark{font-size:26px;}

/* ---------- Generic helpers ---------- */
.q9-body{background:var(--q9-bg);}
.q9-section{padding:100px 0;}
.q9-section.pt0{padding-top:0;}
.q9-muted{color:var(--q9-text);}
.q9-center{text-align:center;}

.q9-sec-title{margin-bottom:50px;}
.q9-sec-title .sub-title{
  display:inline-block;color:var(--q9-lime);font-weight:600;
  letter-spacing:1px;text-transform:uppercase;font-size:14px;margin-bottom:14px;
}
.q9-sec-title h2{
  color:#fff;font-size:42px;line-height:1.15;font-weight:700;margin:0 0 16px;
}
.q9-sec-title p{color:var(--q9-text);max-width:680px;}
.q9-center .q9-sec-title p{margin-left:auto;margin-right:auto;}

/* ---------- Page title fallback ---------- */
.q9-page-title{background-color:#070C0F;}

/* ---------- Bot / feature cards grid ---------- */
.q9-grid{display:grid;gap:24px;}
.q9-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.q9-grid.cols-3{grid-template-columns:repeat(3,1fr);}
.q9-grid.cols-4{grid-template-columns:repeat(4,1fr);}
@media(max-width:991px){.q9-grid.cols-3,.q9-grid.cols-4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575px){.q9-grid.cols-2,.q9-grid.cols-3,.q9-grid.cols-4{grid-template-columns:1fr;}}

.q9-card{
  background:linear-gradient(180deg,var(--q9-panel) 0%,#0a1014 100%);
  border:1px solid var(--q9-border);
  border-radius:18px;padding:34px 30px;position:relative;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
  height:100%;
}
.q9-card:hover{
  transform:translateY(-8px);
  border-color:rgba(30,211,243,.5);
  box-shadow:0 24px 60px -30px rgba(30,211,243,.5);
}
.q9-card .q9-ico{
  width:62px;height:62px;border-radius:14px;display:flex;align-items:center;
  justify-content:center;font-size:26px;color:#070C0F;margin-bottom:22px;
  background:linear-gradient(135deg,var(--q9-lime),var(--q9-cyan));
}
.q9-card h4{color:#fff;font-size:22px;margin:0 0 12px;font-weight:700;}
.q9-card h4 a{color:#fff;}
.q9-card h4 a:hover{color:var(--q9-cyan);}
.q9-card p{color:var(--q9-text);margin:0 0 18px;font-size:15px;line-height:1.7;}
.q9-card .q9-badge{
  position:absolute;top:22px;right:22px;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.5px;padding:5px 11px;border-radius:30px;
  background:rgba(174,227,23,.12);color:var(--q9-lime);
}
.q9-card .q9-list{list-style:none;padding:0;margin:0 0 22px;}
.q9-card .q9-list li{color:var(--q9-text);font-size:14px;padding:6px 0 6px 26px;position:relative;}
.q9-card .q9-list li:before{
  content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
  position:absolute;left:0;color:var(--q9-lime);font-size:12px;
}
.q9-link{color:var(--q9-cyan);font-weight:600;text-decoration:none;}
.q9-link:hover{color:var(--q9-lime);}
.q9-link i{margin-left:6px;}

/* ---------- Stats band ---------- */
.q9-stats{background:var(--q9-panel-2);border-top:1px solid var(--q9-border);border-bottom:1px solid var(--q9-border);padding:60px 0;}
.q9-stats .q9-grid{gap:30px;}
.q9-stat{text-align:center;}
.q9-stat .num{font-size:46px;font-weight:800;color:#fff;line-height:1;}
.q9-stat .num span{
  background:linear-gradient(135deg,var(--q9-lime),var(--q9-cyan));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.q9-stat .lbl{color:var(--q9-text);margin-top:10px;font-size:14px;text-transform:uppercase;letter-spacing:1px;}

/* ---------- Steps / how it works ---------- */
.q9-step{background:var(--q9-panel);border:1px solid var(--q9-border);border-radius:16px;padding:32px 28px;height:100%;position:relative;}
.q9-step .step-num{font-size:50px;font-weight:800;color:rgba(174,227,23,.18);line-height:1;}
.q9-step h4{color:#fff;font-size:20px;margin:10px 0 12px;}
.q9-step p{color:var(--q9-text);font-size:15px;margin:0;line-height:1.7;}

/* ---------- Split feature rows ---------- */
.q9-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
@media(max-width:991px){.q9-split{grid-template-columns:1fr;gap:30px;}}
.q9-split .q9-panel-box{background:var(--q9-panel);border:1px solid var(--q9-border);border-radius:20px;padding:40px;}
.q9-split h3{color:#fff;font-size:30px;font-weight:700;margin:0 0 18px;}
.q9-split p{color:var(--q9-text);line-height:1.8;}
.q9-feature-list{list-style:none;padding:0;margin:22px 0 0;}
.q9-feature-list li{color:#dfe6eb;padding:10px 0 10px 32px;position:relative;border-bottom:1px solid rgba(255,255,255,.05);}
.q9-feature-list li:last-child{border-bottom:0;}
.q9-feature-list li:before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:var(--q9-cyan);}

/* ---------- Risk strip ---------- */
.q9-risk-strip{padding:0 0 60px;}
.q9-risk-strip__inner{
  display:flex;gap:16px;align-items:flex-start;
  background:rgba(255,77,79,.06);border:1px solid rgba(255,77,79,.35);
  border-radius:14px;padding:22px 26px;
}
.q9-risk-strip__inner i{color:#ff6b6b;font-size:22px;margin-top:3px;}
.q9-risk-strip__inner p{color:#cdd6db;margin:0;font-size:14px;line-height:1.7;}
.q9-risk-strip__inner a{color:var(--q9-cyan);}

/* ---------- CTA band ---------- */
.q9-cta{padding:90px 0;}
.q9-cta__inner{
  background:linear-gradient(120deg,#0e1a10,#0a1418);
  border:1px solid var(--q9-border);border-radius:26px;
  padding:64px 40px;text-align:center;position:relative;overflow:hidden;
}
.q9-cta__inner:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(600px 200px at 50% 0%,rgba(30,211,243,.18),transparent 70%);
}
.q9-cta__inner h2{color:#fff;font-size:40px;font-weight:700;margin:0 0 14px;position:relative;}
.q9-cta__inner p{color:var(--q9-text);max-width:620px;margin:0 auto 28px;position:relative;}
.q9-cta__inner .btn-wrap{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;}
.btn-style-six{
  background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;
  padding:14px 30px;border-radius:40px;display:inline-block;font-weight:600;transition:.3s;
}
.btn-style-six:hover{border-color:var(--q9-lime);color:var(--q9-lime);}

/* ---------- Footer extras ---------- */
.q9-footer-contact{list-style:none;padding:0;margin:18px 0 0;}
.q9-footer-contact li{color:var(--q9-text);padding:6px 0;font-size:14px;}
.q9-footer-contact li i{color:var(--q9-lime);margin-right:10px;width:16px;}
.q9-footer-contact a{color:var(--q9-text);}
.q9-footer-contact a:hover{color:var(--q9-cyan);}
.q9-footer-disclaimer{
  border-top:1px solid rgba(255,255,255,.08);margin-top:30px;padding:24px 0;
}
.q9-footer-disclaimer p{color:#8a949b;font-size:12.5px;line-height:1.8;margin:0;}
.q9-footer-disclaimer a{color:#aeb6bc;text-decoration:underline;}

/* ---------- Legal / article pages ---------- */
.q9-legal{padding:80px 0;}
.q9-legal .q9-doc{
  background:var(--q9-panel);border:1px solid var(--q9-border);
  border-radius:18px;padding:46px;max-width:900px;margin:0 auto;
}
.q9-legal h2{color:#fff;font-size:24px;margin:34px 0 14px;}
.q9-legal h2:first-child{margin-top:0;}
.q9-legal p,.q9-legal li{color:var(--q9-text);line-height:1.8;font-size:15px;}
.q9-legal ul{padding-left:20px;}
.q9-legal .upd{color:#7e888f;font-size:13px;margin-bottom:8px;}
.q9-legal .q9-callout{
  background:rgba(255,77,79,.07);border:1px solid rgba(255,77,79,.3);
  border-radius:12px;padding:20px 22px;margin:22px 0;color:#dde4e9;font-size:14px;
}

/* ---------- Hero tweaks (keep theme look, our copy) ---------- */
.banner-section-four .content-box .title{font-size:60px;}
.q9-hero-trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:28px;}
.q9-hero-trust span{color:var(--q9-text);font-size:14px;}
.q9-hero-trust i{color:var(--q9-lime);margin-right:8px;}

/* ---------- Pricing note ---------- */
.q9-price-note{text-align:center;color:#7e888f;font-size:13px;margin-top:26px;}

/* ---------- Contact info cards ---------- */
.q9-contact-card{background:var(--q9-panel);border:1px solid var(--q9-border);border-radius:14px;padding:26px;margin-bottom:20px;display:flex;gap:16px;align-items:flex-start;}
.q9-contact-card .ic{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--q9-lime),var(--q9-cyan));color:#070C0F;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto;}
.q9-contact-card h4{color:#fff;font-size:17px;margin:0 0 6px;}
.q9-contact-card p,.q9-contact-card a{color:var(--q9-text);margin:0;font-size:14px;}

/* ---------- FAQ accordion fallback ---------- */
.q9-faq .accordion-box-layout4 .acc-btn{color:#fff;}

/* ---------- Header auth buttons ---------- */
/* Force a clean horizontal pair, overriding the theme's .theme-btn display:flex
   which otherwise makes the Sign Up button a full-width block and stacks them. */
.q9-header-btns{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}
.q9-header-btns .q9-login-link{
  display:inline-flex;
  align-items:center;
  height:42px;
  padding:0 18px;
  color:#fff;
  font-weight:600;
  font-size:14px;
  line-height:1;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.18);
  border-radius:67px;
  white-space:nowrap;
  transition:all .25s ease;
}
.q9-header-btns .q9-login-link:hover{
  border-color:var(--q9-cyan);
  color:var(--q9-cyan);
}
.q9-header-btns .header-btn-main{
  display:inline-flex !important;
  align-items:center;
  height:42px;
  padding:0 24px !important;
  line-height:1;
  white-space:nowrap;
}
/* Sticky header inherits the same treatment */
.sticky-header .q9-header-btns{margin-left:20px;}

.q9-mobile-auth{display:flex;gap:12px;padding:22px 0;}
.q9-mobile-auth a{flex:1;text-align:center;display:inline-flex;align-items:center;justify-content:center;}
@media(max-width:991px){.q9-header-btns{display:none !important;}}