/* HEXOUT 2026 — one visual language across public, customer and control. */
:root{
  --hx-night:#07131c;
  --hx-ink:#10212d;
  --hx-paper:#f3f6f1;
  --hx-surface:#fbfdf9;
  --hx-line:#d8e1da;
  --hx-signal:#20d9ad;
  --hx-signal-deep:#087b67;
  --hx-violet:#7768f5;
  --hx-warn:#ffcf66;
  --xo-color-brand:var(--hx-signal-deep);
  --xo-color-brand-deep:#075c50;
  --xo-color-brand-wash:#dff8ef;
  --xo-color-heading:var(--hx-ink);
  --xo-color-public-canvas:var(--hx-paper);
  --xo-color-surface:var(--hx-surface);
  --xo-color-surface-muted:#eaf0eb;
  --xo-color-surface-warm:#eef0ff;
  --xo-color-border:var(--hx-line);
  --xo-font-display:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --xo-font-body:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body{font-family:var(--xo-font-body);background:var(--hx-paper);color:var(--hx-ink)}
.logo{display:inline-grid!important;grid-template-columns:36px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;color:var(--hx-ink)!important;font-size:19px!important;font-weight:900!important;letter-spacing:.105em!important;line-height:1!important;text-decoration:none}
.logo::before{content:"X";grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--hx-night);color:var(--hx-signal);font-size:19px;font-weight:900;letter-spacing:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.logo span{display:block!important;color:#687a74!important;font-size:8px!important;font-weight:760!important;letter-spacing:.16em!important;text-transform:uppercase}
.eyebrow{color:var(--hx-signal-deep)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.17em!important}
.button{background:var(--hx-night)!important;color:#fff!important;border-color:var(--hx-night)!important;box-shadow:none!important}
.button:hover{background:#102b39!important;border-color:#102b39!important}
.button.secondary,.button.muted{background:transparent!important;color:var(--hx-ink)!important;border-color:#aebdb6!important}
.status-pill,.access.on{background:#dff8ef!important;color:#086b59!important;border-color:#a9ead8!important}

/* Public brand */
.public .marketing-nav{max-width:none!important;background:rgba(243,246,241,.88)!important;border-bottom:1px solid rgba(16,33,45,.08)!important}
.public .brand-hero{max-width:1540px!important}
.public .hero-copy h1{color:var(--hx-night)!important;font-weight:820!important;letter-spacing:-.07em!important}
.public .hero-copy h1 em{color:var(--hx-signal-deep)!important;font-style:normal}
.public .hero-visual{background:radial-gradient(circle at 30% 26%,rgba(32,217,173,.32),transparent 31%),radial-gradient(circle at 74% 70%,rgba(119,104,245,.22),transparent 34%),var(--hx-night)!important;border-color:rgba(32,217,173,.25)!important}
.public .hero-visual p{color:#d8e7e1!important}.public .hero-visual p b{color:var(--hx-signal)!important}
.public .orbit{background:#f7fffbcf!important;color:var(--hx-ink)!important}
.public .trust-row span{background:#e5ede8!important;color:#53655f!important}
.public .plain-intro,.public .process-section,.public .strategy-section,.public .faq-section{background:var(--hx-paper)}
.public .signal-explainer,.public .outcome-section{background:#e8eee9!important}
.public .signal-card{background:var(--hx-night)!important;border-top:4px solid var(--hx-signal)!important}
.public .strategy-story{border-color:transparent!important;overflow:hidden;position:relative}
.public .vector-story{background:linear-gradient(145deg,#dff8ef,#edf7f2)!important}
.public .eureka-story{background:linear-gradient(145deg,#e9e7ff,#f2f1ff)!important}
.public .strategy-kicker{color:var(--hx-signal-deep)!important}
.public .credits-section{background:var(--hx-night)!important;color:#dbe8e3}
.public .credits-section h2,.public .credits-section h3,.public .credits-section strong{color:#fff!important}
.public .credits-section p,.public .credits-section li{color:#aebfb8!important}
.public .credits-section .plan{background:#10232e!important;border-color:#29414c!important}
.public .credits-section .plan.selected{border-color:var(--hx-signal)!important;box-shadow:0 0 0 1px var(--hx-signal)!important}
.public .credits-section .credit-flow span{background:#18313d!important;color:#dbe8e3!important}
.public .credits-section .credit-flow b{color:var(--hx-signal)!important}
.public .private-beta{background:linear-gradient(120deg,#10232e,#152b39 58%,#1e2851)!important}
.public footer{background:#040c12!important}
.public footer .logo{color:#fff!important}.public footer .logo span{color:#8fa39b!important}

/* Customer and operator workspaces */
.workspace{background:#edf2ed!important}
.workspace>aside{background:var(--hx-night)!important;border-right:0!important}
.workspace>aside .logo{color:#fff!important}.workspace>aside .logo::before{background:var(--hx-signal);color:var(--hx-night)}.workspace>aside .logo span{color:#8ea39b!important}
.workspace>aside nav a{color:#9fb0aa!important;border-radius:10px!important}
.workspace>aside nav a:hover{background:#102a35!important;color:#fff!important}
.workspace>aside nav a.active{background:var(--hx-signal)!important;color:var(--hx-night)!important;font-weight:850!important}
.workspace .account{border-color:#213640!important}.workspace .account b{color:#fff!important}.workspace .account small{color:#91a49d!important}
.workspace main{background:linear-gradient(150deg,#f8faf7 0%,#edf2ed 62%,#eceafa 100%)!important}
.workspace .app-head{border-bottom-color:#dce4dd!important}
.workspace .panel,.workspace .stats article,.workspace .product-card{background:rgba(255,255,255,.88)!important;border-color:#d9e2da!important;box-shadow:0 14px 40px rgba(17,38,47,.055)!important}
.workspace .stats article:first-child{border-top:3px solid var(--hx-signal)!important}
.workspace .stats article:nth-child(2){border-top:3px solid var(--hx-violet)!important}
.workspace input,.workspace select,.workspace textarea{background:#fff!important;border-color:#cbd8cf!important}
.workspace input:focus,.workspace select:focus,.workspace textarea:focus{border-color:var(--hx-signal-deep)!important;outline:3px solid rgba(32,217,173,.15)!important}
.workspace .side.long,.workspace .side.buy{background:#dff8ef!important;color:#08705e!important}
.workspace .side.short,.workspace .side.sell{background:#ffe7e5!important;color:#9f3b36!important}
.workspace .locked-signal{color:#75837e!important;background:#f4f6f3!important}.workspace .locked-signal .side{background:#e7ece8!important;color:#68756f!important}
.workspace .control-mode{color:#9eb1aa!important}
.workspace.control>aside .logo::before{background:var(--hx-violet);color:#fff}

/* Standalone customer pages and authentication */
.home-topbar,.review-topbar{background:rgba(247,250,246,.92)!important;border-bottom-color:#dce5dd!important}
.home-hero,.review-hero{background:linear-gradient(135deg,var(--hx-night),#12313d 65%,#262d5d)!important;color:#fff!important}
.home-hero h1,.review-hero h1{color:#fff!important}.home-hero .eyebrow,.review-hero .eyebrow{color:var(--hx-signal)!important}
.auth-page{background:radial-gradient(circle at 15% 15%,rgba(32,217,173,.2),transparent 30%),linear-gradient(135deg,#eaf1eb,#efedff)!important}
.auth-page .auth-brand-panel h1{color:var(--hx-night)!important}

@media(max-width:760px){
  .logo{grid-template-columns:32px auto;font-size:16px!important}.logo::before{width:32px;height:32px;border-radius:9px}
  .public .brand-hero{padding-top:56px!important}
}