/* =========================================================
   CRYSTALWEB 2026 — SERIOUS / OVH-INSPIRED DARK SYSTEM v3
   ========================================================= */
:root{
  --cw26-bg:#070b14;
  --cw26-bg-2:#0a101d;
  --cw26-panel:#0e1526;
  --cw26-panel-2:#111a2e;
  --cw26-border:rgba(148,163,184,.14);
  --cw26-border-strong:rgba(77,120,255,.45);
  --cw26-text:#edf1f7;
  --cw26-muted:#8b98ab;
  --cw26-soft:#b9c4d4;
  --cw26-blue:#1b5cff;
  --cw26-blue-hover:#3d7bff;
  --cw26-radius:12px;
  --cw26-radius-lg:16px;
  --cw26-shadow:0 16px 40px rgba(0,0,0,.35);
  --cw26-font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cw26-font-display:"Sora","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html{scroll-behavior:smooth;}
body{
  font-family:var(--cw26-font-sans) !important;
  background-color:#070b14 !important;
  color:var(--cw26-soft) !important;
  background-image:
    linear-gradient(rgba(148,163,184,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.028) 1px,transparent 1px),
    radial-gradient(circle at 78% -10%,rgba(27,92,255,.14),transparent 40rem),
    radial-gradient(circle at 8% 12%,rgba(27,92,255,.06),transparent 32rem),
    linear-gradient(180deg,#070b14 0%,#0a101d 52%,#070b14 100%) !important;
  background-size:80px 80px,80px 80px,auto,auto,auto !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  letter-spacing:-.01em;
}
::selection{background:rgba(27,92,255,.35);color:#fff;}
::-webkit-scrollbar{width:11px;}
::-webkit-scrollbar-track{background:#080d18;}
::-webkit-scrollbar-thumb{background:#1c2537;border-radius:999px;border:2px solid #080d18;}
::-webkit-scrollbar-thumb:hover{background:#2a3650;}

/* Typography — serious, tight */
h1,h2,h3,h4,h5,
.hero h1,.hero h1 .hero-main,.hero h1 .hero-sub,
.section-title h2,.section-title h4,
.cw-heading h2,.cw-heading h3,
.card-title,.dashboard-title,.footer h4,.cw-footer h4,
.terms-hero h1,.terms-card h2,.terms-card h3,
.cw-cta h2,.cta-box h2,.network-panel h2,.overview-card h2{
  font-family:var(--cw26-font-display) !important;
}
h1,h2{letter-spacing:-.04em !important;}
.hero h1{font-weight:700 !important;line-height:1.06 !important;font-size:clamp(2.4rem,3.8vw,3.7rem) !important;}
.hero h1 .hero-main{
  background:linear-gradient(95deg,#ffffff 0%,#c9d6ee 55%,#7ea2ff 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;
}
.hero h1 .hero-sub{font-weight:500 !important;color:#b9c4d4 !important;letter-spacing:-.015em !important;}

/* ---------- Navbar ---------- */
.navbar{
  position:sticky !important;top:0;z-index:1030;
  background:rgba(7,11,20,.92) !important;
  border-bottom:1px solid rgba(148,163,184,.10) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.35) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.navbar.is-scrolled{background:rgba(7,11,20,.98) !important;box-shadow:0 14px 40px rgba(0,0,0,.5) !important;}
.navbar-brand img{filter:none !important;}
.navbar .nav-link{color:#b6c0d1 !important;border-radius:8px;padding:.55rem .8rem !important;font-weight:600 !important;font-size:.9rem;letter-spacing:0;}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff !important;background:rgba(255,255,255,.05) !important;}
.dropdown-menu{background:#0b111f !important;border:1px solid rgba(148,163,184,.14) !important;border-radius:10px !important;box-shadow:0 22px 60px rgba(0,0,0,.5) !important;padding:8px !important;}
.dropdown-item{color:#cbd5e1 !important;border-radius:8px !important;padding:9px 12px !important;font-weight:550;}
.dropdown-item:hover,.dropdown-item.active{color:#fff !important;background:rgba(27,92,255,.12) !important;}

/* ---------- Buttons — flat, corporate ---------- */
.btn-primary,.btn-primary-gradient,.card-button,.cw-btn-primary{
  background:#1b5cff !important;
  border:1px solid #1b5cff !important;
  border-radius:10px !important;color:#fff !important;
  font-family:var(--cw26-font-sans) !important;
  font-weight:650 !important;font-size:.9rem !important;
  letter-spacing:0 !important;text-transform:none;
  box-shadow:none !important;
  transition:background .16s ease,transform .16s ease,border-color .16s ease !important;
}
.btn-primary:hover,.btn-primary-gradient:hover,.card-button:hover,.cw-btn-primary:hover{
  background:#3d7bff !important;border-color:#3d7bff !important;
  transform:translateY(-1px);box-shadow:0 8px 20px rgba(27,92,255,.25) !important;color:#fff !important;
}
.btn-secondary-outline,.cw-btn-ghost{
  background:transparent !important;
  border:1px solid rgba(148,163,184,.28) !important;
  border-radius:10px !important;color:#dbe7f7 !important;
  font-family:var(--cw26-font-sans) !important;
  font-weight:600 !important;font-size:.9rem;letter-spacing:0;text-transform:none;
  transition:border-color .16s ease,background .16s ease,color .16s ease !important;
}
.btn-secondary-outline:hover,.cw-btn-ghost:hover{
  background:rgba(255,255,255,.04) !important;border-color:rgba(148,163,184,.45) !important;color:#fff !important;
}

/* ---------- Hero ---------- */
.hero{
  background:
    radial-gradient(circle at 50% -14%,rgba(27,92,255,.26),transparent 55%),
    linear-gradient(180deg,#070b14 0%,#0a101d 100%) !important;
  position:relative;
}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.18),transparent);pointer-events:none;}
.hero-content{position:relative;z-index:2;}
.hero-badge,.card-badge{
  background:#0e1526 !important;border:1px solid rgba(148,163,184,.16) !important;
  color:#c9d6ee !important;font-weight:650 !important;letter-spacing:.08em;text-transform:uppercase;
  border-radius:8px !important;
}
.hero-badge span.dot,.card-badge .dot{background:#2f6bff !important;box-shadow:none !important;}
.hero-subtitle{color:#aebbd0 !important;font-weight:450;}
.hero-meta{color:#8b98ab !important;gap:10px !important;}
.hero-meta div{
  background:#0c1322 !important;border:1px solid rgba(148,163,184,.14) !important;
  border-radius:8px !important;padding:8px 13px;
}
.hero-meta svg{color:#7ea2ff !important;}

/* ---------- Section headings ---------- */
.section-title p:not(.subtitle):not(.desc){color:#7ea2ff !important;font-size:.74rem !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase;}
.section-title h2{color:var(--cw26-text) !important;font-weight:700 !important;letter-spacing:-.035em !important;line-height:1.08 !important;}
.section-title h4{color:var(--cw26-text) !important;font-weight:700 !important;letter-spacing:-.02em !important;}
.section-title .subtitle,.section-title .desc{color:#8b98ab !important;}
.cw-eyebrow{color:#7ea2ff !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase;font-size:.74rem !important;}
.cw-eyebrow:before{background:#2f6bff !important;box-shadow:none !important;}
.cw-heading h2,.cw-heading h3{color:var(--cw26-text) !important;font-weight:700 !important;letter-spacing:-.04em !important;line-height:1.06 !important;}
.cw-heading p{color:#8b98ab !important;}

/* ---------- Filter chips ---------- */
.location-toggle button{
  background:#0c1322 !important;border:1px solid rgba(148,163,184,.16) !important;
  border-radius:8px !important;color:#c9d6ee !important;font-weight:600 !important;
}
.location-toggle button:hover{border-color:rgba(27,92,255,.4) !important;}
.location-toggle button.active{background:#111a2e !important;border-color:#1b5cff !important;box-shadow:none !important;}
.location-toggle img{border-radius:2px !important;box-shadow:0 0 0 1px rgba(255,255,255,.12);}

/* ---------- Pricing / product cards ---------- */
.card-list{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;}
.card-tv-hosting{
  background:#0e1526 !important;
  border:1px solid rgba(148,163,184,.13) !important;
  border-radius:var(--cw26-radius) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28) !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
.card-tv-hosting::before{background:linear-gradient(180deg,rgba(27,92,255,.06),transparent 55%) !important;}
.card-tv-hosting:hover{transform:translateY(-4px);border-color:rgba(27,92,255,.5) !important;box-shadow:0 22px 48px rgba(0,0,0,.42) !important;}
.card-tv-hosting.cw26-popular-card{border-color:rgba(27,92,255,.55) !important;}
.card-title{color:var(--cw26-text) !important;font-weight:700 !important;letter-spacing:-.015em !important;}
.card-subtitle,.card-note,.card-label{color:#8b98ab !important;}
.card-region{color:#7ea2ff !important;font-weight:600 !important;}
.card-price,.card-price .amount{color:#edf1f7 !important;}
.card-price .amount{font-weight:700 !important;letter-spacing:-.03em !important;}
.card-price .currency,.card-price .period{color:#9fb0c7 !important;}
.card-specs li{color:#c6d0dd !important;}
.card-specs li::before,.commen__listing li::before{color:#7ea2ff !important;}
.cw26-ribbon{
  position:absolute;top:14px;right:14px;z-index:2;
  background:#1b5cff;color:#fff;border-radius:6px;
  font-family:var(--cw26-font-sans);font-size:.68rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;
  box-shadow:none;
}

/* ---------- Included ---------- */
#included{background:linear-gradient(180deg,rgba(27,92,255,.05),rgba(7,11,20,0)) !important;}
.included__servers--left,.included__servers--right{
  background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;
  border-radius:var(--cw26-radius) !important;padding:30px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28) !important;
}
.commen__listing li{color:#c6d0dd !important;}
.commen__listing li::before{color:#3d7bff !important;}

/* ---------- Dashboard / feature panels ---------- */
.dashboard-wrap,.feature-pill{
  background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;
  border-radius:12px !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;
}
.dashboard-kicker{color:#7ea2ff !important;font-weight:700 !important;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;}
.dashboard-title{color:#fff !important;font-weight:700 !important;letter-spacing:-.025em !important;}
.feature-pill h5{color:#e6eef8 !important;font-weight:650 !important;letter-spacing:-.01em;}
.feature-pill p{color:#8b98ab !important;}
.feature-pill .tick{background:rgba(27,92,255,.12) !important;color:#7ea2ff !important;}
.dashboard-wrap img,.mediacp-figure img,.mediacp-gallery-grid img{border-radius:8px !important;filter:none !important;}

/* ---------- Security grid ---------- */
.cw26-security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.cw26-sec-card{
  position:relative;overflow:hidden;padding:26px;border-radius:12px;min-height:200px;
  background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28) !important;
  transition:transform .18s ease,border-color .18s ease;
}
.cw26-sec-card:hover{transform:translateY(-4px);border-color:rgba(27,92,255,.5) !important;}
.cw26-sec-card>*{position:relative;z-index:1;}
.cw26-sec-icon{
  width:44px;height:44px;border-radius:10px;display:grid;place-items:center;margin-bottom:16px;
  color:#7ea2ff;background:#111a2e;border:1px solid rgba(148,163,184,.16);
}
.cw26-sec-icon svg{width:22px;height:22px;}
.cw26-sec-card h3{color:#fff;font-size:1rem;font-weight:650;margin:0 0 8px;letter-spacing:-.01em;}
.cw26-sec-card p{color:#8b98ab;line-height:1.65;margin:0;font-size:.92rem;}
.cw26-security-note{
  margin-top:20px;border:1px solid rgba(27,92,255,.28);border-radius:10px;padding:16px 18px;
  background:#0d1526;color:#c6d0dd;line-height:1.7;font-size:.94rem;
}
.cw26-security-note strong{color:#fff;}

/* ---------- New-style (index/about) components ---------- */
.cw-page{background:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px),radial-gradient(circle at 85% 0%,rgba(27,92,255,.10),transparent 36%),radial-gradient(circle at 10% 18%,rgba(27,92,255,.05),transparent 30%),linear-gradient(180deg,#070b14 0%,#0a101d 48%,#070b14 100%) !important;background-size:80px 80px,80px 80px,auto,auto,auto !important;}
.cw-service-card,.cw-feature-card,.cw-stat-card,.cw-spec,.cw-faq details,.cw-contact-card,.cw-logo-cloud,.cw-panel{
  background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;
  border-radius:var(--cw26-radius) !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;
}
.cw-service-card:hover{transform:translateY(-4px);border-color:rgba(27,92,255,.5) !important;box-shadow:0 22px 48px rgba(0,0,0,.4) !important;}
.cw-pill,.cw-service-icon,.cw-price-box,.cw-network-tags span,.cw-faq summary:after{background:#111a2e !important;border-color:rgba(148,163,184,.15) !important;}
.cw-pill{font-family:var(--cw26-font-sans);font-weight:700;letter-spacing:.08em;color:#c9d6ee !important;}
.cw-service-icon{color:#7ea2ff !important;}
.cw-faq summary{color:#fff !important;font-weight:650 !important;letter-spacing:-.01em;}
.cw-faq details p{color:#8b98ab !important;}
.cw-cta{
  background:linear-gradient(135deg,rgba(27,92,255,.14),rgba(10,16,29,.96)) !important;
  border-color:rgba(27,92,255,.3) !important;border-radius:var(--cw26-radius-lg) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.35) !important;
}
.cw-stat-card strong{font-family:var(--cw26-font-display) !important;font-weight:700 !important;color:#fff !important;}
.cw-stat-card span,.cw-feature-card p,.cw-service-card p,.cw-logo-cloud-head span,.cw-heading p{color:#8b98ab !important;}
.cw-proof-item,.cw-proof-item span{color:#c6d0dd !important;}
.cw-proof-item i{background:rgba(27,92,255,.14) !important;color:#7ea2ff !important;}

/* ---------- Legal ---------- */
.terms-hero{background:radial-gradient(circle at 20% 0%,rgba(27,92,255,.20),transparent 30rem),linear-gradient(180deg,#070b14 0%,#0a101d 100%) !important;border-bottom:1px solid rgba(148,163,184,.10) !important;}
.terms-badge{background:#0e1526 !important;border:1px solid rgba(27,92,255,.35) !important;color:#c9d6ee !important;font-weight:700 !important;}
.terms-hero h1{font-weight:700 !important;letter-spacing:-.045em !important;}
.terms-hero p{color:#aab7ca !important;}
.terms-toc,.terms-card{background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;border-radius:var(--cw26-radius) !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;}
.terms-card h2{font-weight:700 !important;letter-spacing:-.025em !important;}
.terms-card p,.terms-card li{color:#a9b6c9 !important;}
.terms-card strong{color:#fff !important;}
.terms-toc a{color:#aab7ca !important;border-radius:8px !important;}
.terms-toc a:hover{color:#fff !important;background:rgba(27,92,255,.12) !important;}

/* ---------- Footer — clean, corporate ---------- */
.footer,.cw-footer{background:#060a12 !important;border-top:1px solid rgba(148,163,184,.10) !important;}
.footer .top-footer{background:transparent !important;border:none !important;border-radius:0 !important;padding:0 !important;}
.footer h4,.cw-footer h4{color:#edf1f7 !important;font-weight:700 !important;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem !important;}
.footer a,.cw-footer a{color:#9fb0c7 !important;text-decoration:none;}
.footer a:hover,.cw-footer a:hover{color:#fff !important;}
.footer p,.footer li,.cw-footer p,.cw-footer li{color:#8b98ab !important;}
.bottom-footer,.cw-footer-bottom{border-top-color:rgba(148,163,184,.10) !important;}
.bottom-footer p,.cw-footer-bottom{color:#8491a5 !important;}
.cw-contact-card{background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;border-radius:12px !important;box-shadow:none !important;}

/* ---------- Breadcrumb ---------- */
.breadcrumb{border-bottom:1px solid rgba(148,163,184,.08) !important;}
.breadcrumb a{color:#7ea2ff !important;text-decoration:none;}
.breadcrumb .active{color:#cbd5e1 !important;}

/* ---------- Reveal ---------- */
.cw-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.cw-reveal.is-visible{opacity:1;transform:none;}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
  .cw-reveal{opacity:1 !important;transform:none !important;}
}

/* ---------- Responsive ---------- */
@media (max-width:1199.98px){.cw26-security-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:991.98px){.included__servers--left,.included__servers--right{padding:22px !important;}}
@media (max-width:767.98px){
  .cw26-security-grid{grid-template-columns:1fr;}
  .hero h1{font-size:2.2rem !important;}
  .hero-meta div{width:100%;justify-content:flex-start;}
  .hero .text-center{text-align:left !important;}
  .hero-cta{justify-content:flex-start !important;}
}

/* =========================================================
   cw26-hero-fix β€” index hero content top-aligned
   ========================================================= */

/* =========================================================
   cw26-footer-complete - every footer matches index.html
   ========================================================= */
.cw-footer{padding:70px 0 30px !important;display:block !important;}
.cw-footer .container{max-width:1320px !important;margin:0 auto !important;padding:0 24px !important;}
.cw-footer .row{display:flex !important;flex-wrap:wrap !important;margin:0 -12px !important;}
.cw-footer .row > div{padding:0 12px !important;box-sizing:border-box !important;}
.cw-footer .col-lg-4{flex:0 0 auto !important;width:33.3333% !important;max-width:33.3333% !important;}
.cw-footer .col-6.col-lg-2{flex:0 0 auto !important;width:16.6667% !important;max-width:16.6667% !important;}
.cw-footer ul{list-style:none !important;padding:0 !important;margin:0 !important;display:grid !important;gap:10px !important;}
.cw-footer h4{font-size:.78rem !important;text-transform:uppercase !important;letter-spacing:.14em !important;margin:0 0 18px !important;color:#edf1f7 !important;font-weight:700 !important;}
.cw-footer a{color:#9fb0c7 !important;text-decoration:none !important;}
.cw-footer a:hover{color:#fff !important;}
.cw-footer p,.cw-footer li{color:#8b98ab !important;margin:0 !important;}
.cw-footer-brand img{max-height:58px !important;margin-bottom:18px !important;display:block !important;}
.cw-footer-brand p{line-height:1.75 !important;max-width:380px !important;}
.cw-footer-bottom{margin-top:48px !important;padding-top:22px !important;border-top:1px solid rgba(148,163,184,.10) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;flex-wrap:wrap !important;}
.cw-footer-bottom span,.cw-footer-bottom{color:#8491a5 !important;font-size:.9rem !important;}
.cw-footer-bottom a{color:#9fb0c7 !important;}
.cw-contact-card{border:1px solid rgba(148,163,184,.13) !important;border-radius:12px !important;padding:20px !important;background:#0e1526 !important;}
.cw-contact-card h4{margin:0 0 14px !important;}
.cw-contact-card p{margin:0 0 14px !important;line-height:1.7 !important;}
.cw-contact-card ul{display:grid !important;gap:10px !important;}
@media (max-width:991.98px){
  .cw-footer .col-lg-4,.cw-footer .col-6.col-lg-2{width:100% !important;max-width:100% !important;}
  .cw-footer .cw-contact-card{margin-top:10px !important;}
}

/* =========================================================
   cw26-aboutus - serious about-us page styling
   ========================================================= */
.section-pad{padding:78px 0 !important;}
.section-pad-sm{padding:50px 0 !important;}
.section-title{margin-bottom:34px !important;}
.section-title p.kicker,.kicker{color:#7ea2ff !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase;font-size:.74rem !important;}
.section-title p.kicker:before,.kicker:before{background:#2f6bff !important;box-shadow:none !important;}
.section-title h2,.section-title h4{color:#edf1f7 !important;font-weight:700 !important;letter-spacing:-.035em !important;}
.section-title .subtitle{color:#8b98ab !important;}

/* cards */
.cw-card{background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;border-radius:12px !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;}
.cw-card:before{background:linear-gradient(180deg,rgba(27,92,255,.06),transparent 55%) !important;}
.overview-card{padding:30px !important;}
.overview-card p{color:#aebbd0 !important;line-height:1.75 !important;}
.overview-card strong{color:#fff !important;}
.overview-card h2{color:#fff !important;font-weight:700 !important;letter-spacing:-.03em !important;}

/* stats */
.stat-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;}
.stat-card{padding:24px !important;min-height:140px !important;background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;border-radius:12px !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;}
.stat-card strong{display:block !important;color:#fff !important;font-size:2.1rem !important;font-weight:700 !important;letter-spacing:-.04em !important;line-height:1 !important;}
.stat-card span{display:block !important;color:#8b98ab !important;line-height:1.5 !important;margin-top:10px !important;font-size:.94rem !important;}

/* feature cards */
.feature-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important;}
.feature-card{padding:26px !important;min-height:240px !important;background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;border-radius:12px !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;transition:transform .18s ease,border-color .18s ease !important;}
.feature-card:hover{transform:translateY(-4px) !important;border-color:rgba(27,92,255,.5) !important;}
.feature-icon{width:44px !important;height:44px !important;border-radius:10px !important;display:grid !important;place-items:center !important;margin-bottom:16px !important;color:#7ea2ff !important;background:#111a2e !important;border:1px solid rgba(148,163,184,.16) !important;}
.feature-card h3{color:#fff !important;font-size:1.05rem !important;font-weight:650 !important;margin:0 0 10px !important;letter-spacing:-.01em !important;}
.feature-card p{color:#8b98ab !important;line-height:1.7 !important;margin:0 !important;font-size:.94rem !important;}

/* service cards */
.service-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important;}
.service-card{padding:26px !important;min-height:250px !important;display:flex !important;flex-direction:column !important;background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;border-radius:12px !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;transition:transform .18s ease,border-color .18s ease !important;}
.service-card:hover{transform:translateY(-4px) !important;border-color:rgba(27,92,255,.5) !important;}
.service-card h3{color:#fff !important;font-weight:650 !important;font-size:1.1rem !important;margin:0 0 10px !important;letter-spacing:-.01em !important;}
.service-card p{color:#8b98ab !important;line-height:1.7 !important;margin:0 0 18px !important;font-size:.95rem !important;}
.service-card a{margin-top:auto !important;align-self:flex-start !important;}

/* network panel */
.network-panel{padding:36px !important;background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;border-radius:12px !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;}
.network-panel h2{color:#fff !important;font-weight:700 !important;letter-spacing:-.035em !important;}
.network-panel p{color:#aebbd0 !important;line-height:1.75 !important;}
.network-tags{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin-top:20px !important;}
.network-tags span{border:1px solid rgba(148,163,184,.16) !important;background:#111a2e !important;color:#c9d6ee !important;border-radius:8px !important;padding:8px 12px !important;font-size:.85rem !important;font-weight:600 !important;}
.network-visual{position:relative !important;display:grid !important;place-items:center !important;min-height:300px !important;}
.network-visual:before{content:"" !important;position:absolute !important;width:70% !important;aspect-ratio:1/1 !important;border-radius:50% !important;background:radial-gradient(circle,rgba(27,92,255,.12),transparent 65%) !important;border:1px solid rgba(27,92,255,.18) !important;}
.network-visual img{position:relative !important;z-index:1 !important;max-width:100% !important;height:auto !important;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45)) !important;}

/* timeline */
.timeline{display:grid !important;gap:14px !important;}
.timeline-item{display:grid !important;grid-template-columns:auto 1fr !important;gap:14px !important;align-items:start !important;padding:20px !important;background:#0e1526 !important;border:1px solid rgba(148,163,184,.13) !important;border-radius:12px !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;}
.timeline-num{width:38px !important;height:38px !important;border-radius:10px !important;display:grid !important;place-items:center !important;background:#111a2e !important;border:1px solid rgba(27,92,255,.3) !important;color:#7ea2ff !important;font-weight:700 !important;}
.timeline-item h3{color:#fff !important;font-size:1rem !important;font-weight:650 !important;margin:0 0 6px !important;}
.timeline-item p{color:#8b98ab !important;line-height:1.65 !important;margin:0 !important;}

/* CTA box */
.cta-box{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;padding:34px !important;border:1px solid rgba(27,92,255,.28) !important;border-radius:12px !important;background:linear-gradient(135deg,rgba(27,92,255,.14),rgba(10,16,29,.96)) !important;box-shadow:0 18px 44px rgba(0,0,0,.35) !important;}
.cta-box h2{color:#fff !important;font-weight:700 !important;letter-spacing:-.03em !important;margin:0 0 10px !important;}
.cta-box p{color:#aebbd0 !important;line-height:1.7 !important;margin:0 !important;max-width:720px !important;}

/* responsive */
@media (max-width:1199.98px){.stat-grid{grid-template-columns:1fr 1fr !important;}.feature-grid,.service-grid{grid-template-columns:1fr 1fr !important;}}
@media (max-width:767.98px){.stat-grid,.feature-grid,.service-grid{grid-template-columns:1fr !important;}.cta-box{flex-direction:column !important;align-items:flex-start !important;}.overview-card,.network-panel,.cta-box{padding:22px !important;}}


/* cw26 mega menu 2026 */
.navbar .nav-link.dropdown-toggle{padding-right:.9rem !important;}
.navbar .nav-link.dropdown-toggle::after{margin-left:.45rem;opacity:.6;}
.navbar-nav .dropdown-menu{min-width:260px;padding:10px !important;border:1px solid rgba(148,163,184,.14) !important;border-radius:12px !important;background:#0b111f !important;box-shadow:0 24px 70px rgba(0,0,0,.55) !important;}
.navbar-nav .dropdown-item{padding:10px 12px !important;border-radius:9px !important;color:#cbd5e1 !important;font-size:.88rem !important;font-weight:550;white-space:normal !important;}
.navbar-nav .dropdown-item:hover{color:#fff !important;background:rgba(27,92,255,.12) !important;}
.nav-badge{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:6px;background:#1b5cff;color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;}
@media (max-width:991.98px){
  .navbar-nav .dropdown-menu{min-width:100%;background:transparent !important;border:none !important;box-shadow:none !important;padding-left:8px !important;}
  .navbar-nav .dropdown-item{color:#aebbd0 !important;}
  .navbar-nav .dropdown-item:hover{background:transparent !important;color:#fff !important;}
}