:root {
  --bg: #050506;
  --panel: #111214;
  --panel2: #17181b;
  --line: #292b30;
  --text: #f5f6f8;
  --muted: #92969f;
  --amber: #f4f5f7;
  --amber2: #ffffff;
  --green: #d9dde5;
  --red: #ff747d;
}

body {
  background:
    radial-gradient(circle at 50% -20%, rgba(255,255,255,.055), transparent 34%),
    #050506;
  color: var(--text);
}

.site-header {
  border-bottom-color: #24262a;
  background: rgba(5, 5, 6, .92);
  box-shadow: 0 8px 30px rgba(0,0,0,.28);
}

.wordmark,
.wordmark.small {
  color: #fff;
  font-family: "Segoe UI Variable Display", "Aptos Display", Inter, system-ui, sans-serif;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -.045em;
  text-shadow: none;
}

.wordmark::after {
  content: "UTILITY";
  margin-left: 8px;
  padding: 4px 6px;
  border: 1px solid #363940;
  border-radius: 4px;
  color: #9da1a9;
  font: 750 8px/1 ui-monospace, "Cascadia Mono", monospace;
  letter-spacing: .1em;
}

.wordmark.small::after { display: none; }
.wordmark:hover { color: #fff; }

.main-nav a { color: #898d95; }
.main-nav a:hover { color: #fff; }
.main-nav a.active {
  border-color: #fff;
  background: #f5f6f8;
  color: #09090a;
  box-shadow: 0 0 0 1px #55585f, 0 6px 22px rgba(255,255,255,.08);
}
.main-nav .premium-link { color: #c8cbd1 !important; }

.header-cta,
.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 17px;
  border: 1px solid #e7e9ed;
  border-radius: 3px;
  background: #f5f6f8;
  color: #09090a;
  font-weight: 850;
  box-shadow: 3px 3px 0 #3a3c42;
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.header-cta:hover,.primary:hover {
  background: #fff;
  transform: translate(-1px,-1px);
  box-shadow: 4px 4px 0 #454850;
}

.eyebrow,.gold,.premium-link,.upload-icon { color: #c9ccd3; }
.hero-copy h1 em,.platform-hero h1 em { color: #fff; }
.secondary { border-color: #35383e; background: #111215; }
.secondary:hover { border-color: #737780; }

.feature-card,.calculator-card,.calculator-list article,.premium-card {
  border-color: #303239;
  background: linear-gradient(145deg,#17181b,#0f1012);
}
.offer-grid { grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px; }
.maxor-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;text-align:left;gap:70px;max-width:1120px;padding-top:105px}
.maxor-hero h1{margin-bottom:0}.maxor-hero .hero-side{padding-bottom:12px}.maxor-hero .lede{margin:0 0 24px;text-align:left}.maxor-offer{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.feature-index{margin-bottom:42px;color:#777b84;font:800 12px/1 ui-monospace,monospace;letter-spacing:.16em}.maxor-offer .feature-card{min-height:286px}.maxor-offer .feature-card:hover{border-color:#777b84;transform:translateY(-3px)}
.feature-card.amber,.feature-card.green,.feature-card.stone,.calculator-card,.premium-card {
  border-top-color: #d9dce2;
}
.feature-card b,.calc-results b { color: #e7e9ee; }
.feature-icon,.green .feature-icon,.stone .feature-icon {
  border-color: #3b3e45;
  background: #18191c;
  color: #e1e3e8;
}

.metric-grid { border-color: #303238; background: #303238; }
.metric-grid article { background: #101113; }
.metric-grid b { color: #fff; }
.support-panel {
  border-color: #33363c;
  background: linear-gradient(120deg,#17181b,#0d0e10);
}

.category,.calculator-tile {
  border-color: #303239 !important;
  background: linear-gradient(150deg,#1a1b1f,#101113 68%,#09090a) !important;
}
.category > .item-art,.calculator-tile img { filter: grayscale(.5) contrast(1.04) drop-shadow(0 13px 18px #0009) !important; }
.category:hover > .item-art,.calculator-tile:hover img { filter: grayscale(0) contrast(1.04) drop-shadow(0 13px 18px #0009) !important; }
.category:hover,.calculator-tile:hover { border-color: #777b84 !important; }
.home-section .category > .item-art {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 112px;
  height: 112px;
  object-fit: contain;
  image-rendering: pixelated;
  transform: translate(-50%,-50%);
}
.home-section .category:hover > .item-art { transform: translate(-50%,-53%) scale(1.05); }
.tabs button.selected {
  background: #f3f4f6;
  color: #09090a;
}
.tabs button:disabled {
  color: #5f6269;
  cursor: not-allowed;
}
.outline-link,.calculator-tile b {
  border-color: #555961;
  background: #16171a;
  color: #eef0f4;
}
.calculator-tile.emerald { border: 1px solid #777b84 !important; }
.calculator-icon { border-color:#454850; background:#17181b; }
.back-link { border-color:#555861; background:#15161a; color:#e4e6eb; }
.input-panel,.result-panel { border-color:#303239; background:#131417; }
.result-panel { border-color:#777b84; box-shadow:4px 4px 0 #24262b; }
.result-panel>small { color:#c9ccd3; }
.result-row b.profit { color:#f3f4f7; }
.input-panel input,.input-panel select { border-color:#34373d; background:#1b1c20; }
.input-panel input:focus,.input-panel select:focus { border-color:#e7e9ed; }

.premium-card { border-color:#555860; box-shadow:8px 8px 0 #16171a; }
.premium-card>small { background:#25272c; color:#f1f2f4; }
.upload-zone { border-color:#555961; background:#121316; }
.upload-zone:hover { border-color:#f0f1f3; }

footer { border-top-color:#25272b; }
footer nav a:hover { color:#fff; }
.canvas-message[hidden] { display:none !important; }

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

@media (max-width: 700px) {
  .offer-grid,.maxor-offer,.maxor-hero { grid-template-columns: 1fr; }
  .maxor-hero{gap:22px;padding-top:60px}
}
.home-section,.category-grid,.schematic-list{content-visibility:auto;contain-intrinsic-size:auto 700px}
.viewer-shell .canvas-wrap{height:clamp(420px,65vh,640px)!important;min-height:0!important}
.viewer-shell #schematic-canvas{height:100%!important;touch-action:none}
@media (max-width:700px){.viewer-shell .canvas-wrap{height:420px!important}}