/* Stellar serious product UI v1 — shared additive visual system */
:root{
  --serious-bg:#0d0d0d;
  --serious-surface:#131313;
  --serious-surface-2:#171717;
  --serious-surface-3:#1d1d1d;
  --serious-text:#f2f2f2;
  --serious-muted:#969696;
  --serious-muted-2:#737373;
  --serious-line:rgba(255,255,255,.075);
  --serious-line-strong:rgba(255,255,255,.13);
  --serious-radius:18px;
  --serious-shadow:0 18px 56px rgba(0,0,0,.18);
}
html{background:var(--serious-bg)!important;color-scheme:dark}
body{
  background:var(--serious-bg)!important;
  color:var(--serious-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before,body::after{filter:saturate(.45)!important;opacity:.35!important}
h1,h2,h3,h4{
  color:var(--serious-text)!important;
  text-wrap:balance;
}
h1,h2{letter-spacing:-.045em!important}
p,li,small,.muted,.lead,.sub,.description,.note{color:var(--serious-muted)!important}
a{color:inherit}
button,input,textarea,select{font:inherit}
button,.btn,.button,[role="button"]{min-height:42px}
.card,.panel,.sheet,.modal,.tool-card,.plan,.feature,.box,.tile,.settings-sheet,
.codex-card,.hero-panel,.policy,.step,.lane,.scope-card{
  background:var(--serious-surface)!important;
  border-color:var(--serious-line)!important;
  box-shadow:none!important;
}
.btn,.button,.chip,.tab,.pill{
  border-color:var(--serious-line)!important;
  box-shadow:none!important;
}
.btn:hover,.button:hover,.chip:hover,.tab:hover{
  border-color:var(--serious-line-strong)!important;
}
.btn.primary,.button-primary,.primary.button,.plan .button-primary{
  background:#f1f1f1!important;
  color:#111!important;
  border-color:#f1f1f1!important;
}
.btn.ghost,.button-outline,.secondary,.outline{
  background:transparent!important;
  color:#e9e9e9!important;
  border-color:var(--serious-line-strong)!important;
}
input,textarea,select{
  background:#101010!important;
  color:var(--serious-text)!important;
  border-color:var(--serious-line)!important;
  box-shadow:none!important;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(255,255,255,.22)!important;
  outline:none!important;
}
header,.top,.site-header,.legal-nav{
  background:rgba(13,13,13,.88)!important;
  border-color:var(--serious-line)!important;
  backdrop-filter:blur(18px);
}
nav a,.nav a,.nav button,.navlinks a,.side .nav{
  text-decoration:none;
}
.kicker,.eyebrow,.tag,.oa2-tag,.nav-title,.settings-section-title{
  color:var(--serious-muted-2)!important;
  letter-spacing:.09em!important;
}
.status,.badge,.plan-badge{
  box-shadow:none!important;
}
hr,.divider{border-color:var(--serious-line)!important}
table{border-color:var(--serious-line)!important}
th,td{border-color:var(--serious-line)!important}
footer,.footer{border-color:var(--serious-line)!important;color:var(--serious-muted-2)!important}

/* App / settings */
.app,.main,.chat,.composer-wrap,.side{background:var(--serious-bg)!important}
.side{border-color:var(--serious-line)!important}
.side .brand,.top-brand{color:var(--serious-text)!important}
.side .nav:hover,.row:hover{background:#171717!important}
.panel{background:#111!important;border-color:var(--serious-line)!important}
.settings-section{border-color:var(--serious-line)!important}
.row{border-color:var(--serious-line)!important}
.composer{background:#171717!important;border-color:rgba(255,255,255,.1)!important;box-shadow:none!important}

/* Jarvis */
.jarvis-lock-card,.orb,.hud,.shell .panel,.jarvis-panel{
  background:var(--serious-surface)!important;
  border-color:var(--serious-line)!important;
  box-shadow:none!important;
}
.orb{filter:saturate(.72)!important}
.orb:hover{border-color:var(--serious-line-strong)!important}

/* Connections / plugins */
.plugin-jump a,.plugin-meta span,.plugin-permissions span{
  border-color:var(--serious-line)!important;
  background:#171717!important;
}
.toolbar{background:rgba(19,19,19,.94)!important;border-color:var(--serious-line)!important}
.tool-card:hover{transform:none!important;background:#161616!important}

/* StellarX / agent workspaces */
.codex-shell,.codex-main,.workspace,.workbench{background:var(--serious-bg)!important}
.codex-sidebar,.agent-sidebar{background:#101010!important;border-color:var(--serious-line)!important}
.log,.plan,.code,.install,pre,code{
  border-color:var(--serious-line)!important;
}
.dangerbox{border-color:rgba(255,255,255,.12)!important}
.scope-grid,.grid{column-gap:12px;row-gap:12px}

/* Pricing */
.plan{border-radius:var(--serious-radius)!important}
.plan.featured{background:#161616!important;border-color:rgba(255,255,255,.18)!important}
.plan-badge{background:#f1f1f1!important;color:#111!important}
.price strong{letter-spacing:-.04em!important}

/* Business / support / legal */
.hero,.section,.legal-section{background:transparent!important}
.policy-link,.support-card,.business-card,.offer-card{
  background:var(--serious-surface)!important;
  border-color:var(--serious-line)!important;
  box-shadow:none!important;
}
.policy-link:hover,.support-card:hover,.business-card:hover,.offer-card:hover{
  border-color:var(--serious-line-strong)!important;
  transform:none!important;
}

/* Reduce legacy decorative effects without removing functional content */
[class*="glow"],[class*="galaxy"],[class*="sphere"],[class*="orbital"],
[class*="stars"],[class*="sparkle"],[class*="aurora"]{
  filter:saturate(.45)!important;
}
@media(max-width:700px){
  body{overflow-x:hidden}
  .wrap,.container{max-width:100%!important}
  .card,.panel,.tool-card,.plan{border-radius:16px!important}
  button,.btn,.button,[role="button"]{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}