/* Bitxel v9.6 — Agentic-inspired design system for all internal pages */
:root{
  --v96-bg:#f5f4f0;
  --v96-paper:#fff;
  --v96-soft:#eef5f7;
  --v96-soft-blue:#edf3f8;
  --v96-ink:#10233f;
  --v96-title:#0d2b52;
  --v96-blue:#123a6d;
  --v96-cyan:#08b2c8;
  --v96-muted:#5f6e82;
  --v96-line:rgba(13,43,82,.11);
  --v96-shadow:0 22px 70px rgba(13,43,82,.08);
  --v96-radius:24px;
}

body.sitewide-v96:not(.agentic-bitxel-home){
  background:var(--v96-bg)!important;
  color:var(--v96-ink)!important;
  font-family:"IBM Plex Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .topbar{display:none!important}
body.sitewide-v96:not(.agentic-bitxel-home) .site-header{
  position:sticky!important;
  top:12px!important;
  z-index:100!important;
  width:min(1180px,calc(100% - 32px))!important;
  margin:12px auto 0!important;
  border:1px solid var(--v96-line)!important;
  border-radius:22px!important;
  background:rgba(245,244,240,.88)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 16px 50px rgba(13,43,82,.08)!important;
  transition:min-height .25s ease,box-shadow .25s ease,background .25s ease!important;
}
body.sitewide-v96:not(.agentic-bitxel-home).v96-scrolled .site-header{
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 38px rgba(13,43,82,.11)!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .site-header .container{max-width:none!important;padding-inline:20px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .header-inner{min-height:68px!important}
body.sitewide-v96:not(.agentic-bitxel-home).v96-scrolled .header-inner{min-height:58px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .brand img{max-height:40px!important;width:auto!important}
body.sitewide-v96:not(.agentic-bitxel-home).v96-scrolled .brand img{max-height:34px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .primary-nav>a,
body.sitewide-v96:not(.agentic-bitxel-home) .nav-dropdown>button{
  color:var(--v96-ink)!important;
  font-weight:500!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .primary-nav>.btn{border-radius:999px!important;background:var(--v96-cyan)!important;color:var(--v96-title)!important;box-shadow:0 10px 26px rgba(8,178,200,.18)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .dropdown-panel{
  border:1px solid var(--v96-line)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:var(--v96-shadow)!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .dropdown-group-links a{border-radius:14px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .dropdown-group-links a:hover{background:var(--v96-soft)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .dropdown-icon{background:var(--v96-soft)!important;color:var(--v96-blue)!important;border-color:rgba(8,178,200,.15)!important}

/* General page rhythm */
body.sitewide-v96:not(.agentic-bitxel-home) main{overflow:visible!important}
body.sitewide-v96:not(.agentic-bitxel-home) .container,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-shell{width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;margin-inline:auto!important}
body.sitewide-v96:not(.agentic-bitxel-home) .section,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-section{padding:104px 0!important}
body.sitewide-v96:not(.agentic-bitxel-home) .section-alt,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-section-soft{background:var(--v96-soft)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .section-dark,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-section-dark{
  background:linear-gradient(145deg,#0d2b52,#123a6d)!important;
  color:#fff!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .section-dark h2,
body.sitewide-v96:not(.agentic-bitxel-home) .section-dark h3,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-section-dark h2,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-section-dark h3{color:#fff!important}

/* Editorial hero system */
body.sitewide-v96:not(.agentic-bitxel-home) .page-hero,
body.sitewide-v96:not(.agentic-bitxel-home) .service-hero,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-service-hero{
  position:relative!important;
  overflow:hidden!important;
  min-height:620px!important;
  padding:132px 0 92px!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(8,178,200,.13),transparent 30%),
    radial-gradient(circle at 13% 75%,rgba(18,58,109,.09),transparent 34%),
    linear-gradient(180deg,#f9faf8 0%,#f5f4f0 100%)!important;
  border-bottom:1px solid var(--v96-line)!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .page-hero:before,
body.sitewide-v96:not(.agentic-bitxel-home) .service-hero:before,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-service-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(13,43,82,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,43,82,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
body.sitewide-v96:not(.agentic-bitxel-home) .page-hero .container,
body.sitewide-v96:not(.agentic-bitxel-home) .service-hero .container,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-service-hero .p80-shell{position:relative;z-index:2}
body.sitewide-v96:not(.agentic-bitxel-home) .page-hero h1,
body.sitewide-v96:not(.agentic-bitxel-home) .service-hero h1,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-service-hero h1{
  max-width:940px!important;
  font-size:clamp(3.2rem,5.4vw,6rem)!important;
  line-height:.98!important;
  letter-spacing:-.058em!important;
  font-weight:300!important;
  color:var(--v96-title)!important;
  text-wrap:balance!important;
  margin-bottom:24px!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .article-hero h1{font-size:clamp(2.8rem,4.6vw,5rem)!important;max-width:980px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .page-hero p,
body.sitewide-v96:not(.agentic-bitxel-home) .service-hero-copy>p,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-lead{
  max-width:740px!important;
  font-size:1.08rem!important;
  line-height:1.72!important;
  color:var(--v96-muted)!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .eyebrow,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(8,178,200,.08)!important;
  color:var(--v96-blue)!important;
  font-family:"Courier Prime",monospace!important;
  font-size:.7rem!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  border:1px solid rgba(8,178,200,.14)!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .breadcrumbs,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-breadcrumbs{font-size:.78rem!important;color:var(--v96-muted)!important;margin-bottom:24px!important}

/* Editorial headings */
body.sitewide-v96:not(.agentic-bitxel-home) h2{
  color:var(--v96-title)!important;
  font-size:clamp(2.35rem,4vw,4.5rem)!important;
  line-height:1.03!important;
  letter-spacing:-.05em!important;
  font-weight:300!important;
  text-wrap:balance!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) h3{color:var(--v96-title)!important;letter-spacing:-.025em!important}
body.sitewide-v96:not(.agentic-bitxel-home) .section-intro,
body.sitewide-v96:not(.agentic-bitxel-home) .muted{color:var(--v96-muted)!important;line-height:1.7!important}
body.sitewide-v96:not(.agentic-bitxel-home) .section-intro{max-width:760px!important;font-size:1.05rem!important}

/* Buttons */
body.sitewide-v96:not(.agentic-bitxel-home) .btn,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-btn{
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:14px!important;
  font-weight:500!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .btn:hover,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-btn:hover{transform:translateY(-2px)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .btn-primary,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-btn-primary{background:var(--v96-title)!important;color:#fff!important;box-shadow:0 12px 28px rgba(13,43,82,.16)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .btn-secondary,
body.sitewide-v96:not(.agentic-bitxel-home) .btn-light,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-btn-ghost{background:rgba(255,255,255,.72)!important;color:var(--v96-title)!important;border:1px solid var(--v96-line)!important}

/* Cards and editorial modules */
body.sitewide-v96:not(.agentic-bitxel-home) .card,
body.sitewide-v96:not(.agentic-bitxel-home) .service-card,
body.sitewide-v96:not(.agentic-bitxel-home) .blog-card,
body.sitewide-v96:not(.agentic-bitxel-home) .trust-item,
body.sitewide-v96:not(.agentic-bitxel-home) .problem-item,
body.sitewide-v96:not(.agentic-bitxel-home) .resource-card,
body.sitewide-v96:not(.agentic-bitxel-home) .form-card,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-benefit,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-principle,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-team-group{
  background:rgba(255,255,255,.78)!important;
  border:1px solid var(--v96-line)!important;
  border-radius:var(--v96-radius)!important;
  box-shadow:0 14px 42px rgba(13,43,82,.045)!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .card,
body.sitewide-v96:not(.agentic-bitxel-home) .service-card,
body.sitewide-v96:not(.agentic-bitxel-home) .blog-card,
body.sitewide-v96:not(.agentic-bitxel-home) .trust-item,
body.sitewide-v96:not(.agentic-bitxel-home) .problem-item{padding:28px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .cards,
body.sitewide-v96:not(.agentic-bitxel-home) .grid-3{gap:18px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .card:hover,
body.sitewide-v96:not(.agentic-bitxel-home) .service-card:hover,
body.sitewide-v96:not(.agentic-bitxel-home) .blog-card:hover{transform:translateY(-5px)!important;box-shadow:var(--v96-shadow)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .card-icon,
body.sitewide-v96:not(.agentic-bitxel-home) .trust-icon,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-icon{background:var(--v96-soft)!important;color:var(--v96-blue)!important;border-color:rgba(8,178,200,.14)!important}

/* Processes and numbered rows */
body.sitewide-v96:not(.agentic-bitxel-home) .process,
body.sitewide-v96:not(.agentic-bitxel-home) .problem-list,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-editorial-list{display:grid!important;gap:14px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .process-step,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-editorial-row,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-history-item{
  border:1px solid var(--v96-line)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.7)!important;
  padding:24px!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .process-step>span,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-editorial-row>span{font-family:"Courier Prime",monospace!important;color:var(--v96-cyan)!important}

/* Service page visual system */
body.sitewide-v96:not(.agentic-bitxel-home) .service-hero-grid,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-service-hero-grid{gap:64px!important;align-items:center!important}
body.sitewide-v96:not(.agentic-bitxel-home) .service-visual-card,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-web-preview,
body.sitewide-v96:not(.agentic-bitxel-home) .p80-browser{
  border-radius:24px!important;
  border:1px solid var(--v96-line)!important;
  background:rgba(255,255,255,.8)!important;
  box-shadow:var(--v96-shadow)!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .trust-strip{background:#fff!important;border-block:1px solid var(--v96-line)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .p80-case,
body.sitewide-v96:not(.agentic-bitxel-home) .case-card{
  border:1px solid var(--v96-line)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 16px 44px rgba(13,43,82,.05)!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .p80-case img,
body.sitewide-v96:not(.agentic-bitxel-home) .case-card img{width:100%!important;height:100%!important;object-fit:cover!important}

/* Forms */
body.sitewide-v96:not(.agentic-bitxel-home) form,
body.sitewide-v96:not(.agentic-bitxel-home) .form-card{position:relative}
body.sitewide-v96:not(.agentic-bitxel-home) .field label{color:var(--v96-title)!important;font-weight:500!important}
body.sitewide-v96:not(.agentic-bitxel-home) input,
body.sitewide-v96:not(.agentic-bitxel-home) textarea,
body.sitewide-v96:not(.agentic-bitxel-home) select{
  border:1px solid rgba(13,43,82,.15)!important;
  border-radius:14px!important;
  background:#fff!important;
  min-height:50px!important;
  color:var(--v96-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) textarea{min-height:130px!important}
body.sitewide-v96:not(.agentic-bitxel-home) input:focus,
body.sitewide-v96:not(.agentic-bitxel-home) textarea:focus,
body.sitewide-v96:not(.agentic-bitxel-home) select:focus{outline:3px solid rgba(8,178,200,.16)!important;border-color:var(--v96-cyan)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .form-progress{background:var(--v96-soft)!important;border-radius:999px!important;overflow:hidden!important}

/* FAQ */
body.sitewide-v96:not(.agentic-bitxel-home) .faq-item{
  border:1px solid var(--v96-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.72)!important;
  overflow:hidden!important;
  margin-bottom:12px!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .faq-question{padding:20px 22px!important;color:var(--v96-title)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .faq-answer{padding:0 22px 22px!important;color:var(--v96-muted)!important}

/* Blog/article readability */
body.sitewide-v96:not(.agentic-bitxel-home) .article-layout,
body.sitewide-v96:not(.agentic-bitxel-home) .article-content{max-width:820px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .article-content p,
body.sitewide-v96:not(.agentic-bitxel-home) .article-content li{font-size:1.06rem!important;line-height:1.8!important;color:#334155!important}
body.sitewide-v96:not(.agentic-bitxel-home) .article-content h2{font-size:clamp(2rem,3.3vw,3.4rem)!important;margin-top:64px!important}
body.sitewide-v96:not(.agentic-bitxel-home) .article-content h3{font-size:1.55rem!important;margin-top:38px!important}
body.sitewide-v96:not(.agentic-bitxel-home) blockquote{border-left:4px solid var(--v96-cyan)!important;background:var(--v96-soft)!important;border-radius:0 18px 18px 0!important;padding:24px!important}

/* CTA bands */
body.sitewide-v96:not(.agentic-bitxel-home) .cta-band,
body.sitewide-v96:not(.agentic-bitxel-home) .resource-callout{
  border-radius:28px!important;
  background:linear-gradient(145deg,#e5f6f8,#f5f4f0)!important;
  border:1px solid var(--v96-line)!important;
  box-shadow:var(--v96-shadow)!important;
}

/* Footer */
body.sitewide-v96:not(.agentic-bitxel-home) .site-footer{
  background:#eef0ec!important;
  color:#2d3d53!important;
  border-top:1px solid var(--v96-line)!important;
  padding-top:72px!important;
}
body.sitewide-v96:not(.agentic-bitxel-home) .site-footer h3{color:var(--v96-title)!important;opacity:1!important;font-size:1rem!important;font-weight:600!important}
body.sitewide-v96:not(.agentic-bitxel-home) .site-footer a,
body.sitewide-v96:not(.agentic-bitxel-home) .site-footer p,
body.sitewide-v96:not(.agentic-bitxel-home) .site-footer span{color:#405067!important}
body.sitewide-v96:not(.agentic-bitxel-home) .site-footer a:hover{color:var(--v96-cyan)!important}
body.sitewide-v96:not(.agentic-bitxel-home) .footer-brand img{filter:none!important;opacity:1!important}
body.sitewide-v96:not(.agentic-bitxel-home) .footer-bottom{border-top:1px solid var(--v96-line)!important}

/* Progressive reveal */
body.sitewide-v96.v96-motion:not(.agentic-bitxel-home) .reveal,
body.sitewide-v96.v96-motion:not(.agentic-bitxel-home) .p80-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}
body.sitewide-v96.v96-motion:not(.agentic-bitxel-home) .reveal.v96-in,
body.sitewide-v96.v96-motion:not(.agentic-bitxel-home) .p80-reveal.v96-in{opacity:1;transform:none}

/* Responsive */
@media(max-width:1000px){
  body.sitewide-v96:not(.agentic-bitxel-home) .site-header{top:8px!important;width:calc(100% - 16px)!important}
  body.sitewide-v96:not(.agentic-bitxel-home) .page-hero,
  body.sitewide-v96:not(.agentic-bitxel-home) .service-hero,
  body.sitewide-v96:not(.agentic-bitxel-home) .p80-service-hero{min-height:auto!important;padding:112px 0 76px!important}
  body.sitewide-v96:not(.agentic-bitxel-home) .service-hero-grid,
  body.sitewide-v96:not(.agentic-bitxel-home) .p80-service-hero-grid{grid-template-columns:1fr!important;gap:38px!important}
  body.sitewide-v96:not(.agentic-bitxel-home) .grid-3,
  body.sitewide-v96:not(.agentic-bitxel-home) .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body.sitewide-v96:not(.agentic-bitxel-home) .container,
  body.sitewide-v96:not(.agentic-bitxel-home) .p80-shell{width:min(100% - 28px,1180px)!important}
  body.sitewide-v96:not(.agentic-bitxel-home) .section,
  body.sitewide-v96:not(.agentic-bitxel-home) .p80-section{padding:76px 0!important}
  body.sitewide-v96:not(.agentic-bitxel-home) .page-hero h1,
  body.sitewide-v96:not(.agentic-bitxel-home) .service-hero h1,
  body.sitewide-v96:not(.agentic-bitxel-home) .p80-service-hero h1{font-size:clamp(2.55rem,11vw,3.8rem)!important;line-height:1!important}
  body.sitewide-v96:not(.agentic-bitxel-home) h2{font-size:clamp(2.15rem,9vw,3.15rem)!important}
  body.sitewide-v96:not(.agentic-bitxel-home) .grid-2,
  body.sitewide-v96:not(.agentic-bitxel-home) .grid-3,
  body.sitewide-v96:not(.agentic-bitxel-home) .cards{grid-template-columns:1fr!important}
  body.sitewide-v96:not(.agentic-bitxel-home) .button-row{display:grid!important;grid-template-columns:1fr!important}
  body.sitewide-v96:not(.agentic-bitxel-home) .btn,
  body.sitewide-v96:not(.agentic-bitxel-home) .p80-btn{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  body.sitewide-v96.v96-motion:not(.agentic-bitxel-home) .reveal,
  body.sitewide-v96.v96-motion:not(.agentic-bitxel-home) .p80-reveal{opacity:1!important;transform:none!important;transition:none!important}
}