/* Brobots Space Factory — shared campus chrome */
:root{
  /* legacy names kept; values are now the cool palette (cream retired site-wide) */
  --paper:#D3DAE0;
  --paper-2:#0b0d10;
  --ink:#14140F;
  --red:#14140F;
  --hot:#14140F;
}
.bb-campus,.bb-campus *{box-sizing:border-box}
.bb-campus{
  background:#060606;
  color:var(--paper);
  font-family:'Archivo',-apple-system,sans-serif;
  line-height:1.5;
  min-height:100%;
}
.bb-campus a{color:inherit}
.campus-mast{
  position:sticky;
  top:0;
  z-index:200;
  background:var(--ink);
  color:var(--paper);
  border-bottom:4px solid var(--ink);
}
.campus-mast-in{
  max-width:1240px;
  margin:0 auto;
  padding:10px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.campus-brand{
  display:flex;
  flex-direction:column;
  gap:2px;
  text-decoration:none;
  min-width:0;
  color:var(--paper) !important;
}
.campus-brand .blk{
  font-family:'Archivo Black',Impact,sans-serif;
  text-transform:uppercase;
  font-size:clamp(1.05rem,2.4vw,1.35rem);
  letter-spacing:-.02em;
  line-height:.9;
  color:var(--paper) !important;
}
.campus-brand .stamp{
  font-family:'Courier Prime',monospace;
  font-size:.62rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.16em;
  opacity:.85;
  color:var(--paper) !important;
}
.campus-nav-toggle{
  display:none;
  appearance:none;
  border:2px solid var(--paper);
  background:transparent;
  color:var(--paper);
  font-family:'Courier Prime',monospace;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
  padding:10px 12px;
  cursor:pointer;
  min-height:44px;
}
.campus-nav-toggle[aria-expanded="true"]{
  background:var(--paper);
  color:var(--ink);
  border-color:var(--paper);
}
.campus-nav{
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
  align-items:center;
}
.campus-nav a{
  font-family:'Courier Prime',monospace;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
  text-decoration:none;
  border-bottom:2px solid transparent;
  padding:4px 0;
  color:var(--paper);
}
.campus-nav a:hover{border-bottom-color:var(--paper)}
.campus-nav a[aria-current="page"],
.campus-nav a.current{
  border-bottom-color:var(--paper);
}
.campus-nav a.contact{
  background:var(--paper);
  color:var(--ink);
  padding:8px 12px;
  border-bottom:0;
  border:2px solid var(--paper);
}
@media(max-width:860px){
  .campus-nav-toggle{display:inline-flex;align-items:center}
  .campus-nav{
    display:none;
    position:absolute;
    left:0;right:0;top:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:var(--ink);
    border-bottom:4px solid var(--ink);
    padding:8px 22px 16px;
  }
  .campus-mast.is-open .campus-nav{display:flex}
  .campus-nav a{
    font-size:.78rem;
    padding:14px 0;
    border-bottom:1px solid rgba(232,225,208,.22);
  }
  .campus-nav a.contact{
    margin-top:10px;
    text-align:center;
  }
}
.bb-campus .paste{
  background:var(--paper);
  border:2px solid var(--ink);
}
.bb-campus .band{
  background:var(--ink);
  color:var(--paper);
  padding:7px 0;
}
.bb-campus .band-in{
  max-width:1240px;
  margin:0 auto;
  padding:0 22px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.bb-campus .band .stamp{
  font-family:'Courier Prime',monospace;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--paper);
}
.bb-root .campus-mast-in{padding:10px 22px !important}
.bb-root .campus-nav{gap:6px 16px !important}
.bb-root .campus-nav a{padding:4px 0 !important;margin:0 !important}
.bb-root .campus-nav a.contact{padding:8px 12px !important}
.bb-root .campus-nav-toggle{padding:10px 12px !important;margin:0 !important}
@media(max-width:860px){
  .bb-root .campus-nav{padding:8px 22px 16px !important}
  .bb-root .campus-nav a{padding:14px 0 !important}
  .bb-root .campus-nav a.contact{margin-top:10px !important;padding:14px 12px !important}
}

/* ===== Hurricane gradient — black canvas only =====
   Lime-mint -> cyan -> electric blue, the Hurricane Party lettering as flat printed ink.
   Only on display type that sits on the black canvas / ink panels.
   Never on cream paste-up cards, never on body copy or small text. */
:root{
  --hurricane:linear-gradient(90deg,#4FE3AE,#22B894 55%,#3CA9E5); /* printed ink: mint -> sea green -> tamed ink blue (#3CA9E5 = oklch(.70 .13 237), same L/C as #22B894) */
  --hurricane-cyan:#22B894; /* legacy name: now the sea-green accent (borders, fills) */
  --green:#22B894;
  --green-hi:#4FE3AE;
  --ink-blue:#3CA9E5;
  /* cool chrome neutrals (replace warm cream on the black canvas) */
  --chrome:linear-gradient(180deg,#ffffff 0%,#dfe5ea 38%,#8e99a4 52%,#eef2f5 70%,#b9c2ca 100%);
  /* softer 3-stop chrome for medium/small type — the hard mid band striped it below ~24px */
  --chrome-soft:linear-gradient(180deg,#f4f7f9 0%,#d3dae0 50%,#9aa5b0 100%);
  --silver:#9AA5B0;      /* tiny captions / eyebrows: flat, no gradient */
  --silver-body:#D3DAE0; /* body copy on black */
  --silver-edge:#8E99A4; /* flat 2px card borders + rules */
  --card:#0b0d10;        /* near-black card */
  --caption:var(--silver);
  /* printed-ink edge, not neon: tight and faint, headings only */
  --hurricane-glow:none;
}
/* solid fallback for browsers without background-clip:text */
.grad,.storm-text,
.campus-brand .blk,
.bb-campus .sec__head h2,
.bb-campus .cta-band h2,
.bb-campus .bay.hot h3,
.bb-campus .bay.hot .price,
body.bb-campus > footer .blk{color:#4FE3AE !important}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .grad,.storm-text,
  .campus-brand .blk,
  .bb-campus .sec__head h2,
  .bb-campus .cta-band h2,
  .bb-campus .bay.hot h3,
  .bb-campus .bay.hot .price,
  body.bb-campus > footer .blk{
    background:var(--hurricane);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent !important;
    -webkit-text-fill-color:transparent;
    filter:var(--hurricane-glow);
  }
  /* block headings shrink-wrap so the full mint->blue sweep lands on the words */
  .bb-campus .sec__head h2,
  .bb-campus .bay.hot h3,
  .bb-campus .bay.hot .price,
  body.bb-campus > footer .blk{width:fit-content;max-width:100%}
  .bb-campus .cta-band h2{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
  /* no edge at all on the wordmark or prices */
  .campus-brand .blk,
  .bb-campus .bay.hot .price,
  body.bb-campus > footer .blk{filter:none}
}

/* small eyebrow/caption labels stay flat silver — color lives only on the big type
   (!important beats the old inline plum/salmon colors, which were unreadable on black) */
.bb-campus .sec__head .stamp,
.bb-campus .cta-band .stamp{color:var(--caption) !important}

/* services: "hot" middle tier was ink-on-near-black after the black canvas —
   make it a lit black card so its price can carry the gradient */
.bb-campus .bay.hot{
  background:#0a0d10;
  color:var(--paper);
  border-color:var(--hurricane-cyan);
  box-shadow:none;
}
.bb-campus .bay.hot .deposit{color:var(--hurricane-cyan)}
.bb-campus .bay.hot .offer-list li{border-bottom-color:rgba(232,225,208,.16)}
.bb-campus .bay.hot .offer-list li:before{color:var(--hurricane-cyan)}
.bb-campus .bay.hot .tag{background:transparent;color:var(--hurricane-cyan);border:2px solid var(--hurricane-cyan)}
.bb-campus .bay.hot .btn{
  background:var(--green) !important;
  color:#0b0d10 !important;
  border-color:transparent !important;
  box-shadow:none;
}
.bb-campus .bay.hot .btn:hover{background:#4FE3AE !important;box-shadow:none;transform:none}

/* campus pages: '.bb-campus a{color:inherit}' outranked '.btn{color:paper}', so filled
   buttons on cream cards inherited ink text on an ink button (blank "Start build",
   "Explore services", retail "Recruit a graduate"/"See pricing"/"Email").
   Plain buttons keep their own ink-on-paper; the Sidekick gradient button keeps its !important ink. */
.bb-campus a.btn:not(.btn-plain){color:var(--paper)}

/* ===== Chrome neutrals — cool silver instead of warm cream on black ===== */
/* .chrome: brushed-chrome fill for medium neutral display text. No glow. */
.chrome{color:#cfd6dc}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .chrome{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;filter:none}
}
/* body copy on black */
body.factory,body.bb-campus,.bb-campus{color:var(--silver-body)}
/* sticky header (all pages): silver sublabel + nav, silver contact chip */
.campus-brand .stamp{color:var(--silver) !important;opacity:1}
.campus-nav a{color:var(--silver-body)}
.campus-nav a:hover,.campus-nav a[aria-current="page"],.campus-nav a.current{border-bottom-color:var(--silver-body)}
.campus-nav a.contact{background:var(--silver-body);border-color:var(--silver-body);color:var(--ink)}
.campus-nav a.contact:hover{background:#4FE3AE;border-color:#4FE3AE}
.campus-nav-toggle{border-color:var(--silver-edge);color:var(--silver-body)}
.campus-nav-toggle[aria-expanded="true"]{background:var(--silver-body);border-color:var(--silver-body)}
@media(max-width:860px){.campus-nav a{border-bottom-color:rgba(154,165,176,.25)}}
/* footers (all ink) */
body.bb-campus > footer,body.bb-campus > footer a{color:var(--silver-body)}
body.bb-campus > footer .stamp{color:var(--silver)}

/* ---- campus pages: cream cards on black become near-black cards with flat silver edges ---- */
body.bb-campus .bay:not(.hot),
body.bb-campus .hero,
body.bb-campus .note{background:var(--card);color:var(--silver-body);border:2px solid var(--silver-edge);box-shadow:none}
body.bb-campus .note{border-style:dashed}
body.bb-campus .note a{color:var(--silver-body);border-bottom-color:var(--silver-edge)}
body.bb-campus .note a:hover{color:#4FE3AE;border-bottom-color:#4FE3AE}
body.bb-campus .note .stamp,
body.bb-campus .bay .mono,
body.bb-campus .bay:not(.hot) .deposit{color:var(--silver) !important}
body.bb-campus .bay:not(.hot) .offer-list li{border-bottom-color:rgba(154,165,176,.2)}
body.bb-campus .bay:not(.hot) .offer-list li:before{color:var(--silver)}
body.bb-campus .bay:not(.hot) .tag{background:transparent;color:var(--silver);border:1px solid var(--silver-edge)}
/* tier / room names: chrome */
body.bb-campus .bay:not(.hot) h3{color:#cfd6dc}
/* tier prices: hurricane gradient, flat */
body.bb-campus .bay:not(.hot) .price{color:#4FE3AE}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  body.bb-campus .bay:not(.hot) h3{background:var(--chrome-soft);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;width:fit-content;max-width:100%}
  body.bb-campus .bay:not(.hot) .price{background:var(--hurricane);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;width:fit-content;max-width:100%}
}
/* buttons on dark cards + CTA band: dark with flat silver border, readable text, flat cyan hover */
body.bb-campus .bay:not(.hot) .btn,
body.bb-campus .hero .btn,
body.bb-campus .cta-band .btn{background:var(--card) !important;color:#e6ebef !important;border:2px solid var(--silver-edge) !important;box-shadow:none}
body.bb-campus .bay:not(.hot) .btn:hover,
body.bb-campus .hero .btn:hover,
body.bb-campus .cta-band .btn:hover{background:#4FE3AE !important;color:#0b0d10 !important;border-color:#4FE3AE !important;transform:none;box-shadow:none}
body.bb-campus .cta-band{border:2px solid var(--silver-edge);box-shadow:none}
/* page title bars: dark bar, gradient title, silver copy */
body.bb-campus .page-titlebar{background:var(--card);color:var(--silver-body);border-bottom:2px solid var(--silver-edge)}
body.bb-campus .page-titlebar .stamp{color:var(--silver) !important}
body.bb-campus .page-titlebar h1{color:#4FE3AE}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  body.bb-campus .page-titlebar h1{background:var(--hurricane);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;width:fit-content;max-width:100%;filter:var(--hurricane-glow)}
}

/* ===== No cream, site-wide (all campus pages) ===== */
html body.bb-campus{color:var(--silver-body) !important}
/* shared surfaces */
body.bb-campus .page-titlebar .lede,
body.bb-campus .page-titlebar h1{opacity:1}
body.bb-campus .page-titlebar .lede{color:var(--silver-body) !important}
body.bb-campus .hero,
body.bb-campus .hero__copy,
body.bb-campus .bay:not(.hot),
body.bb-campus .pricing,
body.bb-campus .pricing__head,
body.bb-campus .mall,
body.bb-campus .station,
body.bb-campus .panel,
body.bb-campus .panel__head,
body.bb-campus .note,
body.bb-campus aside.brief,
body.bb-campus .file,
body.bb-campus .dossier,
body.bb-campus .overlay .card,
body.bb-campus .chip:not(.hot):not(.ok):not(.warn):not(.glass){
  background:var(--card) !important;color:var(--silver-body) !important;
  border:2px solid var(--silver-edge) !important;box-shadow:none !important;
}
body.bb-campus .hero *:not(.btn):not(.toolbtn):not(h1):not(h2),
body.bb-campus .hero__copy *:not(.btn):not(h2),
body.bb-campus .dossier *:not(.btn):not(h2):not(.badge){color:inherit}
body.bb-campus .station:hover{background:#11161b !important;border-color:#4FE3AE !important}
body.bb-campus .mall,body.bb-campus .note{border-style:dashed !important}
body.bb-campus .panel__head{border-width:0 0 2px !important}
body.bb-campus .pricing__head{border-width:0 0 2px !important}
body.bb-campus .hero__copy{border-width:0 !important;border-left:2px solid var(--silver-edge) !important}
@media(max-width:799px){body.bb-campus .hero__copy{border-left:0 !important;border-top:2px solid var(--silver-edge) !important}}
body.bb-campus .hero__shot{border:0}
body.bb-campus .dossier__top{border-bottom-color:var(--silver-edge)}
body.bb-campus .bay__img{border-bottom:2px solid var(--silver-edge)}
body.bb-campus .media,body.bb-campus .vid,body.bb-campus .stage{border-color:var(--silver-edge)}
/* small captions / secondary text */
body.bb-campus .stamp[style*="--red"],
body.bb-campus .stamp.red,
body.bb-campus .page-titlebar .stamp,
body.bb-campus .pricing__head .stamp,
body.bb-campus .station span:not(.badge),
body.bb-campus .station em,
body.bb-campus .hint,
body.bb-campus .codename,
body.bb-campus .codename span,
body.bb-campus .brief .who,
body.bb-campus .msg .who,
body.bb-campus .mall .stamp,
body.bb-campus .hero__copy .stamp{color:var(--silver) !important}
body.bb-campus .station em{color:var(--silver-body) !important}
body.bb-campus .station .badge{display:inline-block !important;width:auto}
body.bb-campus .badge.live{background:transparent !important;color:var(--hurricane-cyan) !important;border:1px solid var(--hurricane-cyan) !important}
body.bb-campus .badge.beta{background:transparent !important;color:var(--silver) !important;border:1px solid var(--silver-edge) !important}
body.bb-campus .tag,
body.bb-campus .tag.warn,
body.bb-campus .tag.proposed,
body.bb-campus .tag.beta{background:transparent !important;color:var(--silver) !important;border:1px solid var(--silver-edge) !important}
body.bb-campus .dossier .tag{border:0 !important;padding:0;color:var(--silver-body) !important}
body.bb-campus .badge:not(.live):not(.beta){background:var(--card) !important;color:var(--silver-body) !important;border:2px solid var(--silver-edge) !important}
body.bb-campus .stamp-mark{border-color:var(--silver-edge);color:var(--silver)}
body.bb-campus .mall a,body.bb-campus .note a{color:var(--silver-body) !important;border-bottom:2px solid var(--silver-edge)}
body.bb-campus .mall a:hover,body.bb-campus .note a:hover{color:#4FE3AE !important;border-bottom-color:#4FE3AE}
/* medium names: soft chrome */
body.bb-campus .station b.blk,
body.bb-campus .station strong,
body.bb-campus .bay:not(.hot) h3,
body.bb-campus .dossier__top h2,
body.bb-campus .file h2,
body.bb-campus .panel__head h2,
body.bb-campus .panel__head h3{color:#cfd6dc}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  body.bb-campus .station b.blk,
  body.bb-campus .station strong,
  body.bb-campus .bay:not(.hot) h3,
  body.bb-campus .dossier__top h2,
  body.bb-campus .file h2,
  body.bb-campus .panel__head h2,
  body.bb-campus .panel__head h3{background:var(--chrome-soft);-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent;width:fit-content;max-width:100%}
}
/* big headlines inside cards: hurricane gradient */
body.bb-campus .hero__copy h2,
body.bb-campus .pricing__head h2,
body.bb-campus .overlay .card h2,
body.bb-campus .hero h2,
body.bb-campus main > h2.blk,
body.bb-campus main > h1,
body.bb-campus .page-titlebar h1{color:#4FE3AE !important}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  body.bb-campus .hero__copy h2,
  body.bb-campus .pricing__head h2,
  body.bb-campus .overlay .card h2,
  body.bb-campus .hero h2,
  body.bb-campus main > h2.blk,
  body.bb-campus main > h1,
  body.bb-campus .page-titlebar h1{background:var(--hurricane);-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent;width:fit-content;max-width:100%;filter:var(--hurricane-glow)}
  body.bb-campus .overlay .card h2{margin-left:auto;margin-right:auto}
}

/* retail pricing tiers: silver rules, gradient prices, Sidekick = cyan standout */
body.bb-campus .tier{border-color:var(--silver-edge) !important;color:var(--silver-body)}
body.bb-campus .tier .stamp{color:var(--silver) !important}
body.bb-campus .tier .price{color:#4FE3AE !important}
body.bb-campus .tier.hot{background:var(--card) !important;outline:2px solid var(--hurricane-cyan);outline-offset:-2px}
body.bb-campus .tier.hot .stamp{color:var(--hurricane-cyan) !important}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  body.bb-campus .tier .price{background:var(--hurricane);-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent;width:fit-content;max-width:100%}
}
body.bb-campus .pricing > div[style*="border-top"]{border-top:2px solid var(--silver-edge) !important}

/* buttons everywhere: dark, flat silver edge, readable, flat cyan hover */
body.bb-campus .btn:not(.hot),
body.bb-campus .toolbtn:not(.hot),
body.bb-campus .btn.ghost,
body.bb-campus .toolbtn.ghost,
body.bb-campus .btn-plain{
  background:var(--card) !important;color:#e6ebef !important;border:2px solid var(--silver-edge) !important;box-shadow:none !important;
}
body.bb-campus .btn:not(.hot):hover,
body.bb-campus .toolbtn:not(.hot):not(:disabled):hover,
body.bb-campus .btn-plain:hover{background:#4FE3AE !important;color:#0b0d10 !important;border-color:#4FE3AE !important;transform:none}
/* primary action buttons (.hot): hurricane fill, ink letters */
body.bb-campus .toolbtn.hot,
body.bb-campus .btn.hot{background:var(--green) !important;color:#0b0d10 !important;border:2px solid transparent !important;box-shadow:none !important}
body.bb-campus .toolbtn.hot:not(:disabled):hover,
body.bb-campus .btn.hot:hover{background:#4FE3AE !important}
/* services Sidekick CTA keeps its gradient (declared above with higher specificity) */
body.bb-campus .bay.hot .btn{background:var(--green) !important;color:#0b0d10 !important;border-color:transparent !important}
body.bb-campus .bay.hot .btn:hover{background:#4FE3AE !important}
/* header contact chip: dark + silver edge too */
.campus-nav a.contact{background:var(--card);color:#e6ebef;border:2px solid var(--silver-edge)}
.campus-nav a.contact:hover{background:#4FE3AE;border-color:#4FE3AE;color:#0b0d10}

/* form fields on campus pages */
body.bb-campus input[type=text],body.bb-campus input[type=number],body.bb-campus input[type=email],
body.bb-campus textarea,body.bb-campus select,body.bb-campus .composer input{
  background:var(--card) !important;color:#e6ebef !important;border:2px solid var(--silver-edge) !important;
}
body.bb-campus .composer input:focus,body.bb-campus input:focus,body.bb-campus textarea:focus,body.bb-campus select:focus{outline:2px solid #4FE3AE;outline-offset:1px;background:var(--card) !important;color:#e6ebef !important}
body.bb-campus .canvas-wrap{background:var(--card);border:2px solid var(--silver-edge)}
body.bb-campus .meter{background:var(--card) !important;border:2px solid var(--silver-edge) !important}
body.bb-campus .meter > i{background:var(--green) !important}

/* graduates rail + console chips */
body.bb-campus .rail{background:var(--ink) !important;border-top:0 !important;border-bottom:2px solid var(--silver-edge) !important}
body.bb-campus .rail a{background:var(--card) !important;color:var(--silver-body) !important;border:1px solid var(--silver-edge) !important}
body.bb-campus .rail a:hover{border-color:#4FE3AE !important;color:#4FE3AE !important}
body.bb-campus button.chip{cursor:pointer}
body.bb-campus button.chip.active{border-color:#4FE3AE !important;color:#4FE3AE !important}
body.bb-campus .portrait{background:var(--card);border-color:var(--silver-edge)}
body.bb-campus .thumb{background:var(--card) !important;color:var(--silver-body) !important;border:2px solid var(--silver-edge) !important}
body.bb-campus .thumb img{border-bottom-color:var(--silver-edge)}
body.bb-campus .log,body.bb-campus .composer{border-color:var(--silver-edge) !important}

/* ufo pilot: cockpit dash + HUD chips + d-pad in the cool palette */
body.bb-campus .dash{background:linear-gradient(180deg,#161b20 0%,#0b0d10 100%);border-top:2px solid var(--silver-edge)}
body.bb-campus .dash .chip.warn,body.bb-campus .hud-float .chip.warn{color:#14140F !important}
body.bb-campus .dash .chip.glass{color:var(--silver-body) !important}
body.bb-campus .hud-float .chip:not(.hot):not(.ok):not(.warn){background:rgba(11,13,16,.88) !important}
body.bb-campus #map .leaflet-control-attribution,
body.bb-campus #map .leaflet-control-attribution a{color:var(--silver-body) !important}
body.bb-campus .pad button{background:var(--card);color:var(--silver-body);border:2px solid var(--silver-edge)}
body.bb-campus .pad button:active,body.bb-campus .pad button.held{background:#4FE3AE;color:#0b0d10;border-color:#4FE3AE}
body.bb-campus .pad .idle{background:var(--ink);color:var(--silver)}
body.bb-campus .sw{border-color:var(--silver-edge)}
body.bb-campus .craft-pip{background:var(--silver-body)}
/* paste-up offset shadows retired on dark */
body.bb-campus .bay,body.bb-campus .station,body.bb-campus .chip,body.bb-campus .pricing,body.bb-campus .hero,
body.bb-campus .cta-band,body.bb-campus .panel,body.bb-campus .note,body.bb-campus .mall,body.bb-campus .tier,body.bb-campus .dossier{box-shadow:none !important}
body.bb-campus .bay .tag{align-self:flex-start;width:auto}

/* big monitors + TVs: scale type a notch and widen the column, never full-bleed text */
@media (min-width:1900px){html{font-size:106.25%} body .wrap,body .page-titlebar .wrap{max-width:1360px} .campus-mast-in{max-width:1360px}}
@media (min-width:2400px){html{font-size:118.75%} body .wrap,body .page-titlebar .wrap{max-width:1520px} .campus-mast-in{max-width:1520px}}

/* ===== Green ink, fewer places (Sep 25) =====
   Green gradient lives only on: BROBOTS wordmark (header/footer/nameplate),
   the homepage hero headline, and prices. Every other big headline is chrome. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  body.bb-campus .sec__head h2,
  body.bb-campus .cta-band h2,
  body.bb-campus .page-titlebar h1,
  body.bb-campus main > h1,
  body.bb-campus main > h2.blk,
  body.bb-campus .hero h2,
  body.bb-campus .hero__copy h2,
  body.bb-campus .pricing__head h2,
  body.bb-campus .overlay .card h2{
    background:var(--chrome) !important;-webkit-background-clip:text !important;background-clip:text !important;
    color:transparent !important;-webkit-text-fill-color:transparent !important;filter:none !important;
  }
  body.bb-campus .bay.hot h3{
    background:var(--chrome-soft) !important;-webkit-background-clip:text !important;background-clip:text !important;
    color:transparent !important;-webkit-text-fill-color:transparent !important;filter:none !important;
  }
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  body.bb-campus .sec__head h2,body.bb-campus .cta-band h2,body.bb-campus .page-titlebar h1,
  body.bb-campus main > h1,body.bb-campus main > h2.blk,body.bb-campus .hero h2,body.bb-campus .hero__copy h2,
  body.bb-campus .pricing__head h2,body.bb-campus .overlay .card h2,body.bb-campus .bay.hot h3{color:#cfd6dc !important}
}
/* no accent on small labels next to accented type */
body.bb-campus .bay.hot .tag{color:var(--silver) !important;border:1px solid var(--silver-edge) !important;background:transparent !important}
body.bb-campus .bay.hot .deposit,
body.bb-campus .bay.hot .offer-list li:before,
body.bb-campus .tier.hot .stamp{color:var(--silver) !important}
body.bb-campus .badge.live{color:var(--silver-body) !important;border-color:var(--silver-edge) !important}
/* one standout card per page: sea-green edge, flat */
body.bb-campus .bay.hot{border-color:var(--green) !important}
body.bb-campus .tier.hot{outline-color:var(--green) !important}
/* hovers + selection: chrome, not colour, for quiet UI; green only on primary fills + focus */
body.bb-campus .rail a:hover,body.bb-campus button.chip.active{border-color:var(--silver-body) !important;color:#fff !important}
body.bb-campus .station:hover{border-color:var(--silver-body) !important}
body.bb-campus .mall a:hover,body.bb-campus .note a:hover{color:#fff !important;border-bottom-color:#fff !important}
body.bb-campus .composer button{background:var(--green) !important;color:#0b0d10 !important;border-color:var(--green) !important}
/* focus rings: green, not the browser's blue */
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #4FE3AE;outline-offset:2px}

/* ===== Accent back in the middle (Sep 25, v=d) =====
   Key word/line of big section headlines carries the ink gradient (.grad span);
   the rest of the headline stays chrome. Kickers next to them stay silver. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  body.bb-campus h1 .grad,body.bb-campus h2 .grad,body.bb-campus h3 .grad,
  .factory h1 .grad,.factory h2 .grad,.factory h3 .grad{
    background:var(--hurricane) !important;-webkit-background-clip:text !important;background-clip:text !important;
    color:transparent !important;-webkit-text-fill-color:transparent !important;filter:none !important;
    -webkit-box-decoration-break:clone;box-decoration-break:clone;
  }
}
/* thin accent: active nav underline in sea green */
.campus-nav a[aria-current="page"],.campus-nav a.current{border-bottom-color:var(--green) !important}