/* Techlit V32 — client-requested polish 27-09-2026 */

/* 1) Native system cursor, while keeping the existing smoke/jellyfish trail */
@media (hover:hover) and (pointer:fine){
  html,body,body *{cursor:auto!important}
  a,button,[role="button"],summary,input[type="submit"],input[type="button"],.button,.header-cta,.mobile-menu-toggle{cursor:pointer!important}
  .t-cursor,.techlit-cursor-v22,.techlit-cursor-ring,.techlit-cursor-t{display:none!important;opacity:0!important;visibility:hidden!important}
}

/* 2) Lift the black level without changing Techlit's palette */
html,body{background:#07131d!important}
.hero,
.section,
.clients-strip,
.site-footer,
.service-page,
.detail-section,
.companion,
.detail-contact,
.faq-page,
.blog-page,
.article-page,
.about-page,
.legal-page,
.simple-page{
  background-image:
    radial-gradient(circle at 86% 16%,rgba(64,220,255,.18),transparent 34%),
    radial-gradient(circle at 8% 78%,rgba(23,116,255,.12),transparent 34%),
    linear-gradient(135deg,#07131f 0%,#0b1d2d 52%,#07131f 100%)!important;
}
.hero{
  background-image:
    radial-gradient(circle at 15% 32%,rgba(65,224,255,.20),transparent 30%),
    radial-gradient(circle at 78% 18%,rgba(26,129,255,.14),transparent 35%),
    linear-gradient(135deg,#07141f 0%,#0c2032 55%,#071522 100%)!important;
}
.services{
  background-image:
    radial-gradient(circle at 10% 34%,rgba(0,195,255,.20),transparent 39%),
    radial-gradient(circle at 92% 72%,rgba(15,101,255,.14),transparent 35%),
    linear-gradient(145deg,#07131e,#0a1c2b 55%,#07131e)!important;
}
.grid-bg{opacity:.40!important}
.orb-one{background:rgba(20,191,239,.18)!important}
.orb-two{background:rgba(9,94,255,.13)!important}
.hero:after,.section:after,.clients-strip:after,.site-footer:after{opacity:.62!important}

/* 3) Header visibly lighter / more separated from the page */
.site-header{
  background:rgba(11,30,45,.94)!important;
  border-bottom:1px solid rgba(99,232,255,.24)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18),0 0 28px rgba(40,205,255,.07)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.site-header nav a{color:#d2e0e9!important}
.site-header nav a:hover{color:#f3fcff!important;text-shadow:0 0 15px rgba(99,232,255,.28)!important}
.header-cta{background:rgba(16,39,56,.72)!important;border-color:rgba(124,215,239,.42)!important}

/* 4) Lift secondary text contrast a touch */
.hero-content>p,
.section-heading>p,
.section-heading>div+P,
.final-cta p,
.detail-hero p,
.detail-body>p,
.techlit-contact-copy p{color:#c5d5df!important}
.eyebrow,.stats span{color:#9fb5c5!important}

/* 5) Service detail visual: image replaces the old IT disc */
.service-page .detail-hero{
  background:
    radial-gradient(circle at 13% 45%,rgba(35,206,246,.28),transparent 27%),
    radial-gradient(circle at 88% 22%,rgba(21,116,255,.14),transparent 24%),
    linear-gradient(135deg,#081622,#0c2031 62%,#081621)!important;
}
.service-page .detail-visual{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  aspect-ratio:1/1!important;
  width:100%!important;
  max-width:430px!important;
  border-radius:30px!important;
  border:1px solid rgba(117,236,255,.27)!important;
  background:#091927!important;
  box-shadow:0 22px 65px rgba(0,0,0,.28),0 0 45px rgba(35,206,246,.10)!important;
}
.service-page .detail-visual picture,
.service-page .detail-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.service-page .detail-visual img{object-fit:cover!important;filter:saturate(1.05) contrast(1.03) brightness(.99)!important}
.service-page .detail-visual::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(1,8,13,.02),rgba(1,8,13,.08) 50%,rgba(1,8,13,.35));
}
.service-page .detail-visual .detail-visual-label{
  position:absolute;right:18px;bottom:18px;z-index:3;
  padding:8px 13px;border-radius:999px;
  border:1px solid rgba(99,232,255,.24);
  background:rgba(4,17,26,.68);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  color:#eefcff;font-size:.82rem;font-weight:800;
}

@media(max-width:900px){
  .site-header{background:rgba(11,29,44,.97)!important}
  .service-page .detail-hero-inner{grid-template-columns:1fr!important;gap:30px!important}
  .service-page .detail-visual{display:block!important;order:-1!important;justify-self:stretch!important;max-width:none!important;aspect-ratio:4/3!important;border-radius:24px!important}
}
@media(max-width:620px){
  .service-page .detail-visual{aspect-ratio:4/5!important;border-radius:22px!important}
}