@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* xYz internal product pages — premium coherence pass · 2026-10-01 */
:root{
  --xyz-bg:#02040a;
  --xyz-surface:#07101d;
  --xyz-surface-2:#0a1424;
  --xyz-line:rgba(112,190,255,.16);
  --xyz-line-strong:rgba(112,202,255,.34);
  --xyz-text:#f4f7ff;
  --xyz-muted:#97aac2;
  --xyz-muted-2:#7187a3;
  --xyz-blue:#75d9ff;
  --xyz-violet:#8f85ff;
}
.product-shell-nav{
  display:flex;align-items:center;gap:24px;flex-wrap:wrap
}
.product-shell-nav a{
  color:#c7d5e7;text-decoration:none;font-size:13px;font-weight:540;letter-spacing:-.01em
}
.product-shell-nav a:hover{color:#fff}
.product-shell-lang{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:34px!important;padding:7px 11px!important;border:1px solid rgba(112,190,255,.25)!important;
  border-radius:999px!important;background:rgba(8,17,31,.58)!important;color:#dce8f7!important;
  font:inherit!important;font-size:11px!important;font-weight:600!important;letter-spacing:.02em!important;
  width:auto!important;box-shadow:none!important
}
.product-shell-lang:hover{border-color:rgba(117,217,255,.46)!important;background:rgba(12,28,51,.8)!important}
.product-shell-kicker{color:var(--xyz-blue);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.product-shell-rule{border-color:var(--xyz-line)!important}

/* Capabilities */
body.capabilities-page{
  background:var(--xyz-bg);color:var(--xyz-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.capabilities-page>header{
  width:min(1180px,calc(100% - 40px));margin:0 auto;padding:24px 0!important;
  border-bottom:1px solid var(--xyz-line)!important;background:transparent!important;
  display:flex;align-items:center;justify-content:space-between;gap:28px
}
.capabilities-page>header>a{
  display:flex;align-items:baseline;gap:12px;color:#fff!important;text-decoration:none!important
}
.capabilities-page>header>a>strong{font-size:27px;letter-spacing:-.08em}
.capabilities-page>header>a>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8fa3bd}
.capabilities-page .cap-header-actions{display:flex;align-items:center;gap:22px}
.capabilities-page main{
  width:min(1180px,calc(100% - 40px))!important;margin:0 auto!important;padding:82px 0 74px!important
}
.capabilities-page .cap-hero{max-width:900px;margin-bottom:40px}
.capabilities-page .cap-hero .eyebrow{margin:0 0 14px!important;color:var(--xyz-blue)!important;font-size:10px!important;letter-spacing:.16em!important}
.capabilities-page h1{
  max-width:880px;margin:0 0 18px!important;font-size:clamp(48px,6.2vw,78px)!important;
  line-height:.98!important;letter-spacing:-.052em!important;font-weight:620!important;color:#f6f8ff!important
}
.capabilities-page .intro{
  max-width:820px!important;margin:0!important;color:#9fb1c8!important;font-size:18px!important;line-height:1.68!important
}
.capabilities-page .capability-meta{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:26px!important;align-items:end!important;
  margin:0 0 36px!important;padding:24px 26px!important;border:1px solid var(--xyz-line)!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(10,22,40,.76),rgba(5,10,20,.82))!important
}
.capabilities-page .capability-meta h2{
  margin:0 0 8px!important;font-size:20px!important;font-weight:650!important;letter-spacing:-.02em!important
}
.capabilities-page .capability-meta p{max-width:780px;margin:0!important;color:#8fa3bd!important;font-size:13px!important;line-height:1.6!important}
.capabilities-page #capability-status{margin-top:12px!important;color:#7189a6!important;font-size:11.5px!important}
.capabilities-page #capability-refresh{
  min-height:40px!important;padding:9px 13px!important;border-radius:11px!important;border:1px solid rgba(112,202,255,.3)!important;
  background:rgba(14,31,57,.72)!important;color:#eaf5ff!important;font:inherit!important;font-size:12px!important;white-space:nowrap!important
}
.capabilities-page .capability-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important
}
.capabilities-page .capability-grid .panel{
  min-height:220px!important;padding:24px!important;border:1px solid var(--xyz-line)!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(10,20,38,.76),rgba(5,10,20,.88))!important
}
.capabilities-page .capability-grid .eyebrow{
  color:var(--xyz-blue)!important;font-size:9px!important;font-weight:650!important;letter-spacing:.14em!important;text-transform:uppercase!important
}
.capabilities-page .capability-grid h2{
  margin:18px 0 12px!important;color:#f0f5ff!important;font-size:23px!important;font-weight:650!important;letter-spacing:-.025em!important;line-height:1.18!important
}
.capabilities-page .capability-grid .capability-state{
  display:inline-flex!important;padding:6px 9px!important;border:1px solid rgba(117,217,255,.24)!important;border-radius:999px!important;
  color:#9ddfff!important;background:rgba(25,73,105,.16)!important;font-size:10px!important;font-weight:600!important
}
.capabilities-page .capability-grid .panel>p:last-child{
  margin-top:16px!important;color:#93a8c2!important;font-size:14px!important;line-height:1.65!important
}
.capabilities-page footer{
  margin-top:44px!important;padding:24px 0 0!important;border-top:1px solid var(--xyz-line)!important;
  display:flex!important;gap:20px!important;flex-wrap:wrap!important;background:transparent!important
}
.capabilities-page footer a{color:#91a9c4!important;font-size:12px!important;text-decoration:none!important}
.capabilities-page footer a:hover{color:#fff!important}

/* geniUX */
body.geniux-page .top{
  width:min(1180px,calc(100% - 40px))!important;padding:24px 0!important;border-bottom:1px solid var(--xyz-line)
}
body.geniux-page .wrap{width:min(1180px,calc(100% - 40px))!important}
body.geniux-page .top nav{gap:20px!important;align-items:center!important}
body.geniux-page .top nav>a{
  padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#c7d5e7!important;font-size:13px!important;font-weight:540!important
}
body.geniux-page .lang{border-left:1px solid var(--xyz-line);padding-left:12px}
body.geniux-page .lang button{font-size:10px!important;padding:6px 7px!important}
body.geniux-page .hero{padding:88px 0 78px!important}
body.geniux-page .hero h1{font-size:clamp(54px,7vw,88px)!important;font-weight:600!important;line-height:.98!important}
body.geniux-page .hero p{font-size:19px!important;line-height:1.65!important}
body.geniux-page .section h2{font-weight:590!important}
body.geniux-page .card strong{font-size:21px!important;font-weight:650!important}
body.geniux-page .card p{font-size:14px!important}
body.geniux-page .price{
  display:inline-flex!important;align-items:baseline!important;gap:9px!important;margin-top:22px!important;padding:18px 22px!important;
  border:1px solid rgba(117,217,255,.24)!important;border-radius:16px!important;background:rgba(8,20,37,.72)!important
}
body.geniux-page .price strong{font-size:56px!important;font-weight:700!important;letter-spacing:-.055em!important}
body.geniux-page .price span{padding:0!important;color:#91a8c3!important;font-size:13px!important}

/* Security */
body.security-page .top{
  width:min(1180px,calc(100% - 40px))!important;padding:24px 0!important;border-bottom:1px solid var(--xyz-line)
}
body.security-page main{width:min(1180px,calc(100% - 40px))!important}
body.security-page .tools{gap:20px!important}
body.security-page .tools>a{
  padding:0!important;border:0!important;background:none!important;color:#c7d5e7!important;font-size:13px!important;font-weight:540!important
}
body.security-page .hero h1{font-weight:600!important}
body.security-page .section h2{font-weight:590!important}
body.security-page .audiences strong{font-weight:650!important}
body.security-page .controls strong,body.security-page .threats strong{font-size:18px!important;font-weight:650!important}
body.security-page .audiences p,body.security-page .controls p,body.security-page .threats p{font-size:14.5px!important}

/* Compiler + Twin — keep app semantics, improve navigation/type */
.cc-topbar,.twin-topbar{border-bottom:1px solid var(--xyz-line)!important}
.cc-top-actions,.twin-top-actions{gap:18px!important}
.cc-top-actions>a,.twin-top-actions>a{
  color:#c7d5e7!important;text-decoration:none!important;font-size:12px!important;font-weight:560!important
}
.cc-top-actions>a.product-shell-extra,.twin-top-actions>a.product-shell-extra{display:inline-flex!important}
.cc-lang,.twin-lang{border-left:1px solid var(--xyz-line);padding-left:12px}
.cc-lang button,.twin-lang button{font-size:10px!important;min-width:34px}
.cc-hero h1,.twin-hero h1{font-weight:620!important}
.cc-section-title h3,.section-heading h3{font-weight:650!important}
.cc-section-title p,.section-heading p{font-size:14px!important;line-height:1.6!important}

@media(max-width:820px){
  .capabilities-page>header{align-items:flex-start}
  .capabilities-page .cap-header-actions{align-items:flex-end;gap:10px}
  .product-shell-nav{gap:12px}
  .product-shell-nav a:nth-child(2),.product-shell-nav a:nth-child(3){display:none}
  .capabilities-page main{padding-top:58px!important}
  .capabilities-page .capability-meta{grid-template-columns:1fr!important}
  body.geniux-page .top nav>a:nth-child(n+3){display:none}
  body.security-page .tools>a:nth-child(n+3){display:none}
}
@media(max-width:620px){
  .capabilities-page>header,.capabilities-page main,body.geniux-page .top,body.geniux-page .wrap,body.security-page .top,body.security-page main{
    width:min(100% - 28px,1180px)!important
  }
  .capabilities-page>header>a>span{display:none}
  .capabilities-page h1{font-size:clamp(42px,12vw,58px)!important}
  .capabilities-page .intro{font-size:16px!important}
  .capabilities-page .capability-grid{grid-template-columns:1fr!important}
  .capabilities-page .capability-grid .panel{min-height:0!important}
  .product-shell-nav a{display:none}
  body.geniux-page .hero h1{font-size:clamp(46px,13vw,64px)!important}
  .cc-top-actions>a.product-shell-extra,.twin-top-actions>a.product-shell-extra{display:none!important}
}


/* 2026-10-01 · One product language across public pages */
.xyz-nav-linkset{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.xyz-nav-linkset a{
  color:#c8d6e7!important;text-decoration:none!important;font-size:13px!important;
  font-weight:560!important;letter-spacing:-.01em!important;border:0!important;background:none!important;padding:0!important
}
.xyz-nav-linkset a:hover{color:#fff!important}
.xyz-nav-linkset .xyz-nav-start{
  padding:8px 13px!important;border:1px solid rgba(117,217,255,.30)!important;border-radius:999px!important;
  background:rgba(15,35,62,.56)!important;color:#eef7ff!important
}
body.geniux-page .top,body.security-page .top,.capabilities-page>header,.cc-topbar,.twin-topbar{
  min-height:82px!important
}
body.geniux-page .top nav,body.security-page .tools,.cap-header-actions,.cc-top-actions,.twin-top-actions{
  gap:24px!important
}
body.geniux-page .top nav>a,body.security-page .tools>a,.capabilities-page .product-shell-nav a,
.cc-top-actions>a,.twin-top-actions>a{font-size:13px!important}
body.geniux-page .hero p,body.security-page .hero p{font-size:19px!important;line-height:1.68!important}
body.geniux-page .lede,body.security-page .lede{font-size:16.5px!important;line-height:1.72!important}
body.geniux-page .card p,body.security-page .audiences p,body.security-page .controls p,body.security-page .threats p{
  font-size:14.5px!important;line-height:1.68!important
}
body.geniux-page .actions a,body.security-page .hero-actions a{font-size:13px!important}
.cc-hero-copy>p{font-size:18px!important;line-height:1.65!important;color:#9eb4cf!important}
.cc-compiler label{font-size:12px!important}
.cc-fineprint{font-size:11.5px!important;line-height:1.5!important}
.cc-section-title p,.section-heading p{font-size:14.5px!important}
.twin-hero p,.lab-heading p{font-size:16px!important;line-height:1.65!important}
.capabilities-page .cap-tech-heading{margin:54px 0 18px}
.capabilities-page .cap-tech-heading .eyebrow{margin-bottom:10px!important}
.capabilities-page .cap-tech-heading h2{margin:0!important;font-size:28px!important;font-weight:650!important;letter-spacing:-.025em!important}
.capabilities-page .cap-tech-heading p{max-width:760px;color:#879bb5;font-size:14px;line-height:1.65}
.capabilities-page .capability-grid{margin-top:26px!important}
.capabilities-page .capability-meta{margin-top:18px!important}
.service-page .seo-top{
  min-height:82px;padding:24px 0!important;border-bottom:1px solid var(--xyz-line)!important
}
.service-page .seo-top .seo-brand{font-size:25px!important;font-weight:720!important;letter-spacing:-.07em!important}
.service-page .seo-top nav{display:flex;align-items:center;gap:26px}
.service-page .seo-top nav a{font-size:13px!important;font-weight:560!important;color:#c8d6e7!important;opacity:1!important}
.service-page .seo-hero p{font-size:20px!important;line-height:1.65!important;color:#a0b3ca!important;opacity:1!important}
.service-page .seo-card h2{font-weight:680!important}
.service-page .seo-card p{font-size:15px!important;line-height:1.68!important;opacity:.82!important}
@media(max-width:820px){
  .xyz-nav-linkset a:nth-child(3),.xyz-nav-linkset a:nth-child(4){display:none}
  .service-page .seo-top nav a:nth-child(2),.service-page .seo-top nav a:nth-child(3){display:none}
}


/* 2026-10-04 · xYz V4 product-shell unification */
:root{
  --xyz-bg:#02040a;
  --xyz-surface:#07111f;
  --xyz-line:rgba(112,155,230,.14);
  --xyz-blue:#71c9ff;
  --xyz-green:#65d7a8;
  --xyz-text:#f4f7ff;
  --xyz-muted:#8fa3bd;
}
body.geniux-page,body.security-page,.capabilities-page,.service-page{
  background:#02040a!important;color:#f4f7ff!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important
}
body.geniux-page .page,body.security-page .page{background:#02040a!important}
body.geniux-page .top,body.security-page .top,.capabilities-page>header,.service-page .seo-top,.cc-topbar,.twin-topbar{
  min-height:76px!important;padding:0!important;border-bottom:1px solid var(--xyz-line)!important;background:transparent!important
}
body.geniux-page .brand,body.security-page .brand,.capabilities-page>header>a>strong,.service-page .seo-brand,.cc-brand,.twin-brand{
  font-weight:760!important;letter-spacing:-.055em!important
}
body.geniux-page .top nav>a,body.security-page .tools>a,.capabilities-page .product-shell-nav a,
.service-page .seo-top nav a,.cc-top-actions>a,.twin-top-actions>a{
  color:#8ea2bd!important;font-size:12px!important;font-weight:500!important
}
body.geniux-page .top nav>a:hover,body.security-page .tools>a:hover,.capabilities-page .product-shell-nav a:hover,
.service-page .seo-top nav a:hover,.cc-top-actions>a:hover,.twin-top-actions>a:hover{color:#fff!important}

body.geniux-page .hero,body.security-page .hero,.service-page .seo-hero{
  padding-top:86px!important;padding-bottom:78px!important;border-bottom:1px solid var(--xyz-line)!important
}
body.geniux-page .hero h1,body.security-page .hero h1,.service-page .seo-hero h1,.capabilities-page h1,.cc-hero h1,.twin-hero h1{
  font-weight:430!important;letter-spacing:-.06em!important;line-height:.96!important
}
body.geniux-page .hero h1,body.security-page .hero h1,.service-page .seo-hero h1{
  font-size:clamp(54px,7vw,88px)!important
}
body.geniux-page .hero p,body.security-page .hero p,.service-page .seo-hero p,.cc-hero-copy>p,.twin-hero p{
  color:#91a4bc!important;font-size:17px!important;line-height:1.72!important
}
body.geniux-page .kicker,body.security-page .kicker,.service-page .seo-kicker,.capabilities-page .eyebrow,
.cc-kicker,.twin-kicker{color:#71c9ff!important}

body.geniux-page .section,body.security-page .section,.service-page .seo-section{
  padding-top:84px!important;padding-bottom:84px!important;border-color:var(--xyz-line)!important
}
body.geniux-page .section h2,body.security-page .section h2,.service-page .seo-section h2,.capabilities-page .cap-tech-heading h2,
.cc-section-title h3,.section-heading h3{
  font-weight:430!important;letter-spacing:-.045em!important
}
body.geniux-page .card,body.security-page .audiences>article,body.security-page .controls>article,
body.security-page .threats>article,.service-page .seo-card,.capabilities-page .capability-grid .panel{
  border:1px solid var(--xyz-line)!important;border-radius:16px!important;background:rgba(7,15,29,.5)!important;box-shadow:none!important
}
body.geniux-page .card strong,body.security-page .audiences strong,body.security-page .controls strong,
body.security-page .threats strong,.service-page .seo-card h2,.capabilities-page .capability-grid h2{
  font-weight:500!important
}
body.geniux-page .card p,body.security-page .audiences p,body.security-page .controls p,
body.security-page .threats p,.service-page .seo-card p,.capabilities-page .capability-grid .panel>p:last-child{
  color:#879ab2!important;line-height:1.7!important
}
body.geniux-page .actions .primary,body.security-page .hero-actions .primary,.service-page .seo-primary{
  background:#173d68!important;border:1px solid rgba(111,211,255,.32)!important;color:#fff!important;border-radius:999px!important
}
body.geniux-page .actions .secondary,body.security-page .hero-actions .secondary,.service-page .seo-secondary{
  background:transparent!important;border:1px solid var(--xyz-line)!important;color:#c7d9ef!important;border-radius:999px!important
}
body.geniux-page .price{
  border:1px solid var(--xyz-line)!important;background:rgba(7,15,29,.55)!important;box-shadow:none!important
}
body.geniux-page .price strong{font-weight:550!important}
body.geniux-page .price span{color:#879ab2!important}

/* Compiler / Twin keep application behavior; only shell changes */
.cc-shell,.twin-shell{background:#02040a!important}
.cc-panel,.twin-panel,.cc-result-card,.twin-card{
  border-color:var(--xyz-line)!important;background:rgba(7,15,29,.54)!important;box-shadow:none!important
}
.cc-primary,.twin-primary{
  background:#173d68!important;border-color:rgba(111,211,255,.32)!important;color:#fff!important
}
.cc-secondary,.twin-secondary{background:transparent!important;border-color:var(--xyz-line)!important;color:#c7d9ef!important}

@media(max-width:620px){
  body.geniux-page .hero h1,body.security-page .hero h1,.service-page .seo-hero h1,.capabilities-page h1,.cc-hero h1,.twin-hero h1{
    font-size:clamp(44px,13vw,60px)!important
  }
  body.geniux-page .section,body.security-page .section,.service-page .seo-section{padding-top:62px!important;padding-bottom:62px!important}
}


/* 2026-10-04 · Floot typography parity across internal public pages */
body.geniux-page,
body.security-page,
body.capabilities-page,
body.service-page,
.cc-shell,
.twin-shell,
.work-index-page {
  font-family:Inter,system-ui,sans-serif !important;
}
body.geniux-page button,body.geniux-page input,body.geniux-page textarea,body.geniux-page select,
body.security-page button,body.security-page input,body.security-page textarea,body.security-page select,
body.capabilities-page button,body.capabilities-page input,body.capabilities-page textarea,body.capabilities-page select,
body.service-page button,body.service-page input,body.service-page textarea,body.service-page select,
.cc-shell button,.cc-shell input,.cc-shell textarea,.cc-shell select,
.twin-shell button,.twin-shell input,.twin-shell textarea,.twin-shell select {
  font-family:Inter,system-ui,sans-serif !important;
}
body.geniux-page .hero h1,
body.security-page .hero h1,
body.service-page .seo-hero h1,
.capabilities-page h1,
.cc-hero h1,
.twin-hero h1 {
  font-weight:430 !important;
  letter-spacing:-.055em !important;
  line-height:.98 !important;
}
body.geniux-page .section h2,
body.security-page .section h2,
body.service-page .seo-section h2,
.capabilities-page .cap-tech-heading h2,
.cc-section-title h3,
.section-heading h3 {
  font-weight:430 !important;
  letter-spacing:-.045em !important;
}