/* Build Tag: 2026-09-16d48h */
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap");
/* Steel3D CAD portal styles - build 2026-09-16d48h - Directive 48.142 phone home up */
/* Fast path: 01 tokens → 02 layout → 03 hero first. Then engines/pricing/forms/auth/portal/responsive. Arial. boot.js classes stable. */
    /* ----- 01 TOKENS / SCROLL / RESET ----- */
    /* Anchor / fixed-header offset: defined on html so scroll-padding-top works for in-page links */
    html:has(.steel3d-root) {
      --s3d-head-h: clamp(7rem, 12vw, 11rem);
      --s3d-anchor-pad: 2.75rem;
      --s3d-scroll-extra: 4.5rem;
    }
    /* Tablet: stacked header is taller — JS ResizeObserver overwrites with measured px */
    @media (min-width: 768px) and (max-width: 1199px) {
      html:has(.steel3d-root) {
        --s3d-head-h: clamp(11rem, 20vw, 15rem);
        --s3d-anchor-pad: 2.25rem;
        --s3d-scroll-extra: 3.5rem;
      }
    }
    @media (max-width: 767px) {
      html:has(.steel3d-root) {
        --s3d-head-h: clamp(6rem, 18vw, 8.5rem);
        --s3d-anchor-pad: 2rem;
        --s3d-scroll-extra: 3rem;
      }
    }
    @media (max-width: 640px) {
      html:has(.steel3d-root) {
        --s3d-anchor-pad: 1.5rem;
        --s3d-scroll-extra: 2.25rem;
      }
    }
    html:has(.steel3d-root),
    body:has(.steel3d-root) {
      scroll-padding-top: calc(var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra));
    }
    body.admin-bar:has(.steel3d-root) {
      scroll-padding-top: calc(32px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra));
    }
    @media screen and (max-width: 782px) {
      body.admin-bar:has(.steel3d-root) {
        scroll-padding-top: calc(46px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra));
      }
    }
    /* === HARD CANVAS RESET 2026-07-31i — kill Divi/WP soft/white/grey backgrounds === */
    /* 2026-08-06av: solid dark ONLY — the cyan CAD grid + background-attachment:fixed on
       html/body/Divi wrappers painted OVER the site dusk photo after MARKUP inject.
       Keep chrome black; never put a fixed grid on these layers. */
    /* Directive 03: #0B0E14 skeleton until hydrated — hide Three.js / dropzone on first paint */
    html.s3d-boot,
    html:has(#steel3d-top):not(.s3d-hydrated),
    body:has(#steel3d-top):not(.s3d-hydrated) {
      background: #0B0E14 !important;
      background-color: #0B0E14 !important;
    }
    .s3d-hydrate-skel {
      position: fixed !important;
      inset: 0 !important;
      z-index: 2147483000 !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: stretch !important;
      gap: 12px;
      padding: 24px;
      box-sizing: border-box;
      background: #0B0E14 !important;
      pointer-events: none !important;
    }
    html.s3d-hydrated .s3d-hydrate-skel,
    body.s3d-hydrated .s3d-hydrate-skel,
    .s3d-hydrate-skel[hidden] {
      display: none !important;
    }
    .s3d-hydrate-skel-bar {
      height: 14px;
      max-width: 420px;
      width: 72%;
      margin: 0 auto;
      background: #121721;
      border: 2px solid #222b3d;
      border-left: 4px solid #D4AF37;
    }
    html:not(.s3d-hydrated) #s3dSketchCanvasWrap,
    html:not(.s3d-hydrated) #s3dCadViewerMount,
    html:not(.s3d-hydrated) #s3dFrameCanvas,
    html:not(.s3d-hydrated) .s3d-ws-drop {
      visibility: hidden !important;
      pointer-events: none !important;
    }
    html,
    body,
    body.et_pb_page,
    #page-container,
    #et-boc,
    #et-main-area,
    .et_pb_section,
    .et_pb_row,
    .et_pb_column,
    .et_builder_inner_content,
    main,
    .s3d-viewport-root {
      background-color: #04070a !important;
      background-image: none !important;
    }
    /* 2026-08-06av: NEVER paint opaque #04070a / CAD grid on .steel3d-root or main.
       Those layers sit above position:fixed .s3d-bg-stack (z-index:0) and hid the dusk
       photo after injectMarkup wiped the early LCP <picture>. Divi chrome stays dark above;
       the site stack is the one canvas. */
    .steel3d-root,
    .steel3d-root main {
      background-color: transparent !important;
      background-image: none !important;
    }
    html:has(.steel3d-root) .et_pb_section:has(.steel3d-root),
    html:has(.steel3d-root) .et_pb_row:has(.steel3d-root),
    html:has(.steel3d-root) .et_pb_column:has(.steel3d-root),
    html:has(.steel3d-root) .et_pb_code:has(.steel3d-root),
    html:has(.steel3d-root) .et_pb_code_inner:has(.steel3d-root) {
      background-color: transparent !important;
      background-image: none !important;
    }
    /* 2026-08-06au: do NOT hide .s3d-bg-stack / .s3d-bg-photo here — that race made the
       dusk site photo vanish whenever a later override lost specificity to Divi. Hero-media
       (empty duplicate layer) stays suppressed; the site stack is the one photo. */
    .steel3d-root .s3d-hero-media {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
    }
    /* Marketing sections stay transparent so the fixed dusk stack shows through */
    .steel3d-root section.s3d-sec,
    .steel3d-root section.s3d-sec:nth-of-type(even),
    .steel3d-root section.s3d-hero {
      background: transparent !important;
      background-image: none !important;
    }
    .steel3d-root .s3d-panel-card,
    .steel3d-root .s3d-pricing-card,
    .steel3d-root .s3d-form-card,
    .steel3d-root .s3d-radial-engine-container,
    .steel3d-root .s3d-svg-schematic,
    .steel3d-root .s3d-svg-schematic-viewport {
      background: #04070a !important;
      background-image: none !important;
      border-radius: 0 !important;
    }
    .steel3d-root .s3d-radial-engine-container {
      border: 1px solid rgba(212, 175, 55, 0.3) !important;
      background: #04070a !important;
    }
    /* Inner viewport: no wireframe — outer engine container keeps the big box */
    .steel3d-root .s3d-radial-viewport {
      border: none !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    .steel3d-root .s3d-cad-header .s3d-lead,
    .steel3d-root .s3d-privacy-note,
    .steel3d-root #steel3d-operator-intents,
    .steel3d-root #steel3d-work,
    .steel3d-root #steel3d-reviews,
    .steel3d-root .s3d-pricing-section .s3d-note {
      display: none !important;
    }
    /* About + credentials: visible (holiday 2026-08-06z — do not hide) */
    .steel3d-root .s3d-sub,
    .steel3d-root .s3d-lead {
      display: block !important;
    }
    .steel3d-root p.s3d-nc-hud-label,
    .steel3d-root .s3d-nc-hud-label,
    .steel3d-root h2.s3d-nc-hud-label,
    .steel3d-root .s3d-tier-code,
    .steel3d-root h3.s3d-tier-code,
    .steel3d-root .s3d-standby-ticker,
    .steel3d-root .s3d-hud-tag,
    .steel3d-root .s3d-trial-offer-hud,
    .steel3d-root .s3d-pricing-paid-label,
    .steel3d-root .s3d-cad-spine {
      font-family: Arial, Helvetica, sans-serif !important;
      color: #D4AF37 !important;
    }
    /* Body / supporting copy — solid paper, not low-alpha cyan */
    .steel3d-root .s3d-hero-subtitle,
    .steel3d-root .s3d-hero-trial-note {
      color: #e2e8f0 !important;
      -webkit-text-fill-color: #e2e8f0 !important;
      opacity: 1 !important;
    }
    /* Lighthouse tap targets — nav, CTAs, auth tabs, form submits (48×48) */
    .steel3d-root nav.s3d-nav a,
    .steel3d-root .s3d-cta-mini,
    .steel3d-root .s3d-cta-signin,
    .steel3d-root .s3d-btn,
    .steel3d-root .s3d-hero-demo-go,
    .steel3d-root .s3d-auth-tabs button,
    .steel3d-root .s3d-auth-viewport .s3d-mode-btn,
    .steel3d-root .s3d-auth-viewport .s3d-auth-submit,
    .steel3d-root .s3d-admin-tabs button,
    .steel3d-root .s3d-form-submit,
    .steel3d-root .s3d-burger-btn,
    .steel3d-root .s3d-mnav-close,
    .steel3d-root .s3d-mnav-panel a,
    .steel3d-root .s3d-glass-node {
      min-height: 48px;
      min-width: 48px;
      box-sizing: border-box;
    }
    .steel3d-root nav.s3d-nav a,
    .steel3d-root .s3d-cta-mini,
    .steel3d-root .s3d-cta-signin,
    .steel3d-root .s3d-btn,
    .steel3d-root .s3d-hero-demo-go,
    .steel3d-root .s3d-auth-tabs button,
    .steel3d-root .s3d-auth-viewport .s3d-mode-btn,
    .steel3d-root .s3d-admin-tabs button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    /* ----- 01b SITE BACKGROUND (ONE fixed shop photo) ----- */
    .steel3d-root {
      /* 2026-07-28a: Pete £30k Look — Deep Carbon / Matte Steel / Safety Amber / Arc Spark Cyan */
      /* Light atmosphere only — photo stays hero-bright (~45–65% read below fold; cards stay matte) */
      /* 2026-08-06au: swapped the ONE site photo from the workshop/tablet shot to the approved cinematic
         dusk superstructure render (emerald-lit steel + sunset sky).
         2026-08-06au: lightened scrim/tint/brightness — prior 0.3–0.6 + brightness(0.82) made the
         uploaded dusk file look “missing” even when HTTP 200. Crop recentred for the dusk frame.
         2026-08-06aw: Steve — bg still “very dark”; cut sitewide scrim ~35–40% and raise photo
         brightness so steel structure + orange dusk read clearly (hero keeps its own overlay).
         2026-08-06bl: Steve — slightly lighter sitewide dusk (small scrim/tint pull-back; keep white text).
         2026-08-06bn: Steve — further ~15–20% scrim/tint pull-back (keep white text readable).
         2026-08-06bs: ship after concurrent passes (same lighter scrim values).
         2026-08-06bq: billing toggles match pricing CTA / Book RWC outline family. */
      /* 2026-08-06cj: CSS-only atmosphere default (no photo). Soft cool steel daylight;
         dusk/shopfloor uploads kept on host but unused. Scrims pulled way back for crisp UI. */
      --steel3d-bg-scrim-top: 0.06;
      --steel3d-bg-scrim-bottom: 0.16;
      --steel3d-bg-tint: 0.03;
      --s3d-hero-media-pos-x: 50%;
      --s3d-hero-media-pos-y: 50%;
      --s3d-hero-media-scale: 1.04;
      --s3d-hero-photo-url: url("https://steel3d.co.uk/wp-content/uploads/2026/08/steel3d-desk-bg-v2.jpg?v=2026-08-31aa");
      /* Legacy aliases */
      --s3d-bg-pos-x: var(--s3d-hero-media-pos-x);
      --s3d-bg-pos-y: var(--s3d-hero-media-pos-y);
      --s3d-bg-cover-scale: var(--s3d-hero-media-scale);
      /* Only use if Divi section top padding leaves a white strip (e.g. 54). Default 0 avoids double-spacing. */
      --steel3d-bleed-top: 0px;
      --steel3d-bleed-bottom: 0px;
      /* Directive 04 — Steel3D.co.uk CAD utility tokens */
      --s3d-viewport: #0B0E14;
      --s3d-safety: #D4AF37;
      --s3d-cad-cyan: #D4AF37;
      --s3d-chamfer: 10px;
      /* 2026-07-31i CAD terminal tokens */
      --bg-canvas: #0B0E14;
      --bg-panel: rgba(4, 7, 10, 0.85);
      --grid-line: rgba(212, 175, 55, 0.03);
      --border-cyan: rgba(212, 175, 55, 0.3);
      --border-cyan-glow: rgba(212, 175, 55, 0.8);
      --accent-cyan: #D4AF37;
      --accent-green: #38ef7d;
      --accent-amber: #D4AF37;
      --accent-red: #ff4e50;
      --text-main: #e2e8f0;
      /* WCAG AA on #04070a — was #64748b (~4.1:1 fail); slate-400 clears 4.5:1 */
      /* 2026-08-06cb: brighter muted copy for dusk photo + lightened scrim (not pure white) */
      --text-muted: #d8e2ef;
      --text-muted-soft: #c8d4e4;
      --font-hud: Arial, Helvetica, sans-serif;
      --font-sans: Arial, Helvetica, sans-serif;
      --s3d-bg-dark: var(--bg-canvas);
      --s3d-bg-gunmetal: #0c1118;
      --s3d-card-bg: rgba(4, 7, 10, 0.85);
      --s3d-border: var(--border-cyan);
      --s3d-border-active: var(--border-cyan-glow);
      --s3d-text-main: var(--text-main);
      --s3d-text-muted: var(--text-muted);
      --s3d-cyan: #D4AF37;
      --s3d-amber: var(--accent-amber);
      --s3d-green: var(--accent-green);
      --s3d-font-heading: var(--font-hud);
      --s3d-font-mono: var(--font-hud);
      --s3d-font-body: var(--font-hud);
      /* Legacy aliases → CAD terminal tokens (portal + landing stay coherent) */
      --ink: var(--bg-canvas);
      --graphite: var(--s3d-bg-gunmetal);
      --steel: #0e141c;
      --mist: var(--text-muted);
      --paper: var(--text-main);
      --platinum: #d2dae6;
      --accent: var(--accent-amber);
      --accent-bright: #D4AF37;
      --accent-deep: #D4AF37;
      --accent-soft: rgba(212, 175, 55, 0.2);
      --accent-ring: rgba(212, 175, 55, 0.4);
      --gold: var(--accent-amber);
      --gold-bright: #D4AF37;
      --gold-deep: #D4AF37;
      --gold-soft: rgba(212, 175, 55, 0.2);
      --gold-glow: rgba(212, 175, 55, 0.18);
      --copper: #D4AF37;
      --cyan: var(--accent-cyan);
      --cyan-soft: rgba(212, 175, 55, 0.12);
      --cyan-glow: rgba(212, 175, 55, 0.15);
      --line: var(--border-cyan);
      --line-gold: rgba(212, 175, 55, 0.45);
      --glass: rgba(4, 7, 10, 0.85);
      --glass-strong: rgba(4, 7, 10, 0.85);
      --glass-border: var(--border-cyan);
      --maxw: 1120px;
      /* 2026-08-06au: rounded Highend-style plates (was 0 / sharp industrial corners) */
      --radius: 6px;
      --radius-sm: 4px;
      --shadow: 0 20px 48px rgba(0, 0, 0, 0.55);
      --shadow-gold: none;
      --shadow-lift: 0 8px 24px rgba(0, 0, 0, 0.35);
      --shadow-card-rest: 0 4px 16px rgba(0, 0, 0, 0.25);
      --shadow-card-hover: 0 16px 40px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(56, 239, 125, 0.18);
      --s3d-scroll-scale: 0;
      --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
      --ease-spring: cubic-bezier(0.34, 1.2, 0.64, 1);
      --font-brand: var(--font-hud);
      --font-display: var(--font-hud);
      --font-serif: var(--font-sans);
      --font-body: var(--font-sans);
      --font-mono: var(--font-hud);
      /* 2026-08-06au Highend-inspired dark restyle — clamp type scale, still strict Arial (no webfont) */
      --fs-hero: clamp(2.25rem, 5vw, 4.5rem);
      --fs-h2: clamp(1.75rem, 3vw, 2.75rem);
      --fs-h3: 1.25rem;
      --fs-body: 1.0625rem;
      --lh-body: 1.75;
      --ls-label: 0.14em;
      --fw-display: 750;
      /* Alternating panel bg + emerald-led gradient/overlay tokens (cyan/amber stay secondary/status-only) */
      --bg-panel-alt: #0a1018;
      --accent-green-deep: #1fae57;
      --overlay-hero: linear-gradient(180deg, rgba(4, 7, 10, 0.15) 0%, rgba(4, 7, 10, 0.55) 55%, rgba(4, 7, 10, 0.9) 100%);
      --card-wash: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 45%);
      --section-pad-lg: clamp(4rem, 8vw, 7.5rem);
      --section-pad-md: clamp(2.5rem, 5vw, 4.5rem);
      /* CTA stamp outer height — desktop logo matches this exactly */
      --s3d-cta-pill-h: calc(9px + 9px + 13px * 1.25 + 2px);
      font-family: var(--font-body);
      color: var(--paper);
      position: relative;
      display: flow-root;
      overflow-x: hidden;
      line-height: 1.6;
      font-size: clamp(15px, 1.05vw, 17px);
      -webkit-font-smoothing: antialiased;
      min-height: 100vh;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
      /* Pull up under Divi section padding when --steel3d-bleed-top > 0; inner padding restores rhythm */
      margin-top: calc(-1 * var(--steel3d-bleed-top));
      margin-bottom: calc(-1 * var(--steel3d-bleed-bottom));
      padding-top: var(--steel3d-bleed-top);
      padding-bottom: var(--steel3d-bleed-bottom);
      box-sizing: border-box;
      /* 2026-08-06av: transparent — dusk photo lives in .s3d-bg-stack; opaque canvas here
         covered the fixed stack after full load (Steve: visible while refreshing, gone after). */
      background-color: transparent !important;
      background-image: none !important;
      color: var(--text-main);
      cursor: crosshair;
    }
    /* Gold scroll progress (width set by JS --s3d-scroll-scale) */
    .steel3d-root::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      z-index: 10001;
      pointer-events: none;
      background: linear-gradient(
        90deg,
        var(--gold-deep),
        var(--gold-bright) 45%,
        var(--gold) 70%,
        var(--gold-deep)
      );
      transform: scaleX(var(--s3d-scroll-scale, 0));
      transform-origin: 0 50%;
      opacity: 0.55;
      box-shadow: none;
    }
    .steel3d-root .s3d-bg-stack {
      position: fixed;
      inset: 0;
      width: 100%;
      min-height: 100vh;
      min-height: 100dvh;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
      background-color: var(--ink);
    }
    .steel3d-root.s3d-bg-scroll .s3d-bg-stack {
      position: absolute;
      min-height: 100%;
      height: auto;
    }
    .steel3d-root .s3d-bg-photo {
      position: absolute;
      inset: 0;
      box-sizing: border-box;
      display: block;
      width: 100%;
      height: 100%;
      min-width: 100%;
      min-height: 100%;
      padding: 0;
      margin: 0;
      border: 0;
      object-fit: cover;
      object-position: var(--s3d-hero-media-pos-x) var(--s3d-hero-media-pos-y);
      max-width: none;
      /* Grade: tablet/QR reads; sparks stay hot — not washed */
      filter: saturate(1.12) contrast(1.14) brightness(1.02);
      --s3d-parallax-y: 0px;
      transform-origin: center center;
      transform: translate3d(0, var(--s3d-parallax-y), 0) scale(var(--s3d-hero-media-scale));
      image-rendering: auto;
      will-change: auto;
      /* No Ken Burns — kept QR/stamp alignment stable */
      animation: none;
      contain: paint;
    }
    .steel3d-root .s3d-bg-picture {
      position: absolute;
      inset: 0;
      display: block;
      margin: 0;
      padding: 0;
      border: 0;
      width: 100%;
      height: 100%;
    }
    /* Site stack = THE photo: same crop + hero-strength grade (no washed alternate) */
    /* 2026-08-06au: CLS — reserve chrome height before app.js replaces boot-wait with MARKUP */
    /* 2026-08-06av: no opaque fill here — early LCP picture / .s3d-bg-stack own the canvas */
    #steel3d-top.steel3d-root[data-s3d-mount="1"] {
      min-height: 100vh;
      min-height: 100dvh;
      background-color: transparent;
    }
    .steel3d-root header.s3d-head,
    .steel3d-root .s3d-head {
      min-height: var(--s3d-head-h, 72px);
      box-sizing: border-box;
    }
    .steel3d-root .s3d-hero-demo {
      min-height: 7.5rem;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-logo {
      aspect-ratio: 520 / 132;
      height: auto;
      max-height: 66px;
      width: auto;
    }
    .steel3d-root .s3d-bg-stack .s3d-bg-picture {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      border: 0;
    }
    .steel3d-root .s3d-bg-stack .s3d-bg-photo,
    .steel3d-root .s3d-bg-stack .s3d-site-bg-photo {
      /* Inherits pos / scale from .s3d-bg-photo */
      /* 2026-08-06au: keep dusk colour readable — was brightness(0.82) + heavy scrim (looked blank) */
      /* 2026-08-06aw: brightness 0.94→1.02 + slight saturate so sunset/steel stay visible sitewide */
      /* 2026-08-06ci: quieter shopfloor — lower saturate so soft-focus steel doesn't fight white UI */
      filter: saturate(1.02) contrast(1.03) brightness(1.04);
      opacity: 1;
    }
    .steel3d-root .s3d-bg-tint {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 90% 55% at 12% 18%, rgba(212, 175, 55, 0.03), transparent 55%),
        radial-gradient(ellipse 70% 50% at 88% 72%, rgba(255, 153, 0, 0.025), transparent 50%),
        linear-gradient(
          180deg,
          rgba(11, 13, 14, calc(0.04 + var(--steel3d-bg-tint) * 0.12)) 0%,
          rgba(18, 21, 23, calc(0.06 + var(--steel3d-bg-tint) * 0.14)) 45%,
          rgba(11, 13, 14, calc(0.1 + var(--steel3d-bg-tint) * 0.16)) 100%
        );
      pointer-events: none;
    }
    .steel3d-root .s3d-bg-scrim {
      position: absolute;
      inset: 0;
      background:
        /* 2026-08-06bz: radial vignette eased with scrim lighten */
        radial-gradient(ellipse 120% 80% at 50% -10%, rgba(3, 4, 5, 0.02), transparent 55%),
        linear-gradient(
          180deg,
          rgba(3, 4, 5, var(--steel3d-bg-scrim-top)) 0%,
          rgba(3, 4, 5, calc((var(--steel3d-bg-scrim-top) + var(--steel3d-bg-scrim-bottom)) / 2)) 48%,
          rgba(3, 4, 5, var(--steel3d-bg-scrim-bottom)) 100%
        );
    }
    .steel3d-root .s3d-bg-grain {
      position: absolute;
      inset: 0;
      opacity: 0.028;
      pointer-events: none;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      mix-blend-mode: overlay;
    }
    /* === 2026-08-25cu: site-wide fixed black + hue-shifting colour waves (default) === */
    .steel3d-root.s3d-bg--waves {
      --steel3d-bg-scrim-top: 0.11;
      --steel3d-bg-scrim-bottom: 0.28;
      --steel3d-bg-tint: 0.05;
    }
    .steel3d-root.s3d-bg--waves .s3d-bg-stack {
      background-color: #04070a;
    }
    .steel3d-root.s3d-bg--waves .s3d-bg-picture,
    .steel3d-root.s3d-bg--waves .s3d-bg-photo,
    .steel3d-root.s3d-bg--waves .s3d-site-bg-photo,
    .steel3d-root.s3d-bg--waves .s3d-bg-stack .s3d-bg-picture,
    .steel3d-root.s3d-bg--waves .s3d-bg-stack .s3d-bg-photo,
    .steel3d-root.s3d-bg--waves .s3d-bg-stack .s3d-site-bg-photo {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }
    .steel3d-root.s3d-bg--waves .s3d-bg-glow {
      display: none !important;
      opacity: 0 !important;
    }
    .steel3d-root .s3d-bg-waves {
      position: absolute;
      inset: -14%;
      overflow: hidden;
      pointer-events: none;
      z-index: 0;
    }
    .steel3d-root .s3d-bg-wave {
      position: absolute;
      width: 168%;
      height: 168%;
      left: -34%;
      top: -34%;
      opacity: 0.34;
      filter: blur(76px) saturate(1.35);
      will-change: auto;
      mix-blend-mode: screen;
      border-radius: 42% 58% 52% 48% / 48% 44% 56% 52%;
    }
    .steel3d-root .s3d-bg-wave--a {
      background: linear-gradient(
        125deg,
        rgba(56, 239, 125, 0.72) 0%,
        rgba(20, 184, 166, 0.56) 28%,
        rgba(6, 182, 212, 0.48) 58%,
        rgba(139, 92, 246, 0.42) 100%
      );
      animation: s3dWaveDriftA 21s ease-in-out infinite alternate;
    }
    .steel3d-root .s3d-bg-wave--b {
      background: linear-gradient(
        215deg,
        rgba(16, 185, 129, 0.48) 0%,
        rgba(45, 212, 191, 0.56) 36%,
        rgba(34, 211, 238, 0.48) 68%,
        rgba(124, 58, 237, 0.38) 100%
      );
      animation: s3dWaveDriftB 26s ease-in-out infinite alternate-reverse;
      opacity: 0.28;
    }
    .steel3d-root .s3d-bg-wave--c {
      background: radial-gradient(
        ellipse 94% 74% at 50% 50%,
        rgba(56, 239, 125, 0.36) 0%,
        rgba(14, 165, 233, 0.28) 42%,
        transparent 78%
      );
      animation: s3dWaveHue 30s linear infinite;
      opacity: 0.24;
      mix-blend-mode: soft-light;
    }
    @keyframes s3dWaveDriftA {
      0% {
        transform: translate3d(-5%, -3%, 0) rotate(0deg) scale(1);
        filter: blur(76px) saturate(1.35) hue-rotate(0deg);
      }
      50% {
        transform: translate3d(7%, 5%, 0) rotate(10deg) scale(1.1);
        filter: blur(84px) saturate(1.45) hue-rotate(58deg);
      }
      100% {
        transform: translate3d(-3%, 7%, 0) rotate(-6deg) scale(1.06);
        filter: blur(80px) saturate(1.4) hue-rotate(115deg);
      }
    }
    @keyframes s3dWaveDriftB {
      0% {
        transform: translate3d(6%, 4%, 0) rotate(-4deg) scale(1.03);
        filter: blur(68px) saturate(1.3) hue-rotate(24deg);
      }
      100% {
        transform: translate3d(-7%, -5%, 0) rotate(7deg) scale(1.12);
        filter: blur(86px) saturate(1.42) hue-rotate(128deg);
      }
    }
    @keyframes s3dWaveHue {
      0% {
        filter: blur(92px) saturate(1.35) hue-rotate(0deg);
        transform: translate3d(0, 0, 0) scale(1);
      }
      100% {
        filter: blur(92px) saturate(1.45) hue-rotate(360deg);
        transform: translate3d(3%, -4%, 0) scale(1.08);
      }
    }
    /* === 2026-08-30v: mobile waves static; no filter/contain:strict (keeps document scroll) === */
    .steel3d-root .s3d-bg-waves {
      contain: paint;
      pointer-events: none !important;
    }
    .steel3d-root .s3d-bg-wave {
      will-change: auto;
      pointer-events: none !important;
    }
    @media (hover: hover) and (pointer: fine) {
      .steel3d-root .s3d-bg-wave {
        will-change: transform;
      }
    }
    @media (max-width: 900px), ((hover: none) and (pointer: coarse)) {
      .steel3d-root .s3d-bg-waves {
        contain: paint;
        transform: none;
        -webkit-transform: none;
      }
      .steel3d-root .s3d-bg-wave,
      .steel3d-root .s3d-bg-wave--a,
      .steel3d-root .s3d-bg-wave--b,
      .steel3d-root .s3d-bg-wave--c {
        animation: none !important;
        will-change: auto !important;
        transform: none !important;
        filter: none !important;
      }
      .steel3d-root .s3d-bg-wave--a {
        opacity: 0.26;
        background: radial-gradient(ellipse 80% 70% at 30% 40%, rgba(56, 239, 125, 0.45), transparent 70%);
      }
      .steel3d-root .s3d-bg-wave--b {
        opacity: 0.2;
        background: radial-gradient(ellipse 75% 65% at 70% 55%, rgba(6, 182, 212, 0.4), transparent 72%);
      }
      .steel3d-root .s3d-bg-wave--c {
        opacity: 0.16;
        background: radial-gradient(ellipse 90% 80% at 50% 80%, rgba(139, 92, 246, 0.32), transparent 75%);
      }
    }
    /* === 2026-08-06co: photo opt-in (asdesk-light); atmosphere classes remain optional === */
    .steel3d-root.s3d-bg--atmosphere {
      --s3d-atm-base: #243040;
      --s3d-atm-mid: #354a5e;
      --s3d-atm-hi: #4a6278;
      --s3d-atm-glow: rgba(140, 185, 210, 0.2);
      --s3d-atm-glow-2: rgba(90, 130, 160, 0.12);
      --s3d-atm-grid: rgba(200, 220, 235, 0.07);
      --s3d-atm-grid-major: rgba(180, 210, 230, 0.05);
      --steel3d-bg-scrim-top: 0.008;
      --steel3d-bg-scrim-bottom: 0.03;
      --steel3d-bg-tint: 0.004;
    }
    .steel3d-root.s3d-bg--atmosphere-day {
      --s3d-atm-base: #263445;
      --s3d-atm-mid: #3a5166;
      --s3d-atm-hi: #526d84;
      --s3d-atm-glow: rgba(150, 195, 220, 0.22);
      --s3d-atm-glow-2: rgba(110, 150, 180, 0.14);
      --s3d-atm-grid: rgba(210, 228, 240, 0.075);
    }
    .steel3d-root.s3d-bg--atmosphere-steel {
      --s3d-atm-base: #1e252c;
      --s3d-atm-mid: #2e3842;
      --s3d-atm-hi: #42505c;
      --s3d-atm-glow: rgba(160, 175, 190, 0.16);
      --s3d-atm-glow-2: rgba(120, 140, 155, 0.1);
      --s3d-atm-grid: rgba(180, 195, 210, 0.055);
    }
    .steel3d-root.s3d-bg--atmosphere-ink {
      --s3d-atm-base: #121820;
      --s3d-atm-mid: #1a2430;
      --s3d-atm-hi: #253445;
      --s3d-atm-glow: rgba(0, 200, 220, 0.07);
      --s3d-atm-glow-2: rgba(40, 90, 120, 0.1);
      --s3d-atm-grid: rgba(0, 220, 255, 0.04);
      --steel3d-bg-scrim-top: 0.015;
      --steel3d-bg-scrim-bottom: 0.05;
    }
    .steel3d-root.s3d-bg--atmosphere .s3d-bg-stack {
      background-color: var(--s3d-atm-base);
      background-image:
        radial-gradient(ellipse 95% 70% at 78% 12%, var(--s3d-atm-glow), transparent 58%),
        radial-gradient(ellipse 75% 55% at 12% 88%, var(--s3d-atm-glow-2), transparent 52%),
        linear-gradient(165deg, var(--s3d-atm-hi) 0%, var(--s3d-atm-mid) 45%, var(--s3d-atm-base) 100%);
    }
    .steel3d-root.s3d-bg--atmosphere .s3d-bg-picture,
    .steel3d-root.s3d-bg--atmosphere .s3d-bg-photo,
    .steel3d-root.s3d-bg--atmosphere .s3d-site-bg-photo,
    .steel3d-root.s3d-bg--atmosphere .s3d-bg-stack .s3d-bg-picture,
    .steel3d-root.s3d-bg--atmosphere .s3d-bg-stack .s3d-bg-photo,
    .steel3d-root.s3d-bg--atmosphere .s3d-bg-stack .s3d-site-bg-photo {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }
    .steel3d-root.s3d-bg--atmosphere .s3d-blueprint-grid,
    .steel3d-root.s3d-bg--atmosphere .animate-grid-drift {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 1;
      background-color: transparent;
      background-image:
        linear-gradient(to right, var(--s3d-atm-grid) 1px, transparent 1px),
        linear-gradient(to bottom, var(--s3d-atm-grid) 1px, transparent 1px),
        linear-gradient(to right, var(--s3d-atm-grid-major, var(--s3d-atm-grid)) 1px, transparent 1px),
        linear-gradient(to bottom, var(--s3d-atm-grid-major, var(--s3d-atm-grid)) 1px, transparent 1px);
      background-size: 48px 48px, 48px 48px, 192px 192px, 192px 192px;
      background-position: 0 0, 0 0, 0 0, 0 0;
      mask-image: radial-gradient(ellipse 85% 75% at 50% 40%, #000 20%, transparent 85%);
      -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 40%, #000 20%, transparent 85%);
    }
    .steel3d-root.s3d-bg--atmosphere .s3d-bg-tint {
      background:
        radial-gradient(ellipse 90% 55% at 12% 18%, rgba(212, 175, 55, 0.018), transparent 55%),
        linear-gradient(
          180deg,
          rgba(11, 13, 14, calc(0.02 + var(--steel3d-bg-tint) * 0.1)) 0%,
          rgba(18, 21, 23, calc(0.03 + var(--steel3d-bg-tint) * 0.12)) 45%,
          rgba(11, 13, 14, calc(0.05 + var(--steel3d-bg-tint) * 0.14)) 100%
        );
    }
    .steel3d-root.s3d-bg--atmosphere .s3d-bg-scrim {
      background:
        radial-gradient(ellipse 120% 80% at 50% -10%, rgba(3, 4, 5, 0.01), transparent 55%),
        linear-gradient(
          180deg,
          rgba(3, 4, 5, var(--steel3d-bg-scrim-top)) 0%,
          rgba(3, 4, 5, calc((var(--steel3d-bg-scrim-top) + var(--steel3d-bg-scrim-bottom)) / 2)) 48%,
          rgba(3, 4, 5, var(--steel3d-bg-scrim-bottom)) 100%
        );
    }
    .steel3d-root.s3d-bg--atmosphere .s3d-bg-glow {
      opacity: 0.06;
    }
    html:has(.steel3d-root.s3d-bg--atmosphere),
    body:has(.steel3d-root.s3d-bg--atmosphere) {
      background-color: var(--s3d-atm-base, #243040) !important;
      background-image: none !important;
    }
    /* Opt-in photo mode: remove atmosphere classes or add .s3d-bg--photo */
    .steel3d-root.s3d-bg--photo .s3d-bg-picture,
    .steel3d-root.s3d-bg--photo .s3d-bg-photo,
    .steel3d-root.s3d-bg--photo .s3d-site-bg-photo {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }
    /* 2026-08-06au: ambient emerald blob — sparingly (hero only); CSS-only, no image asset */
    /* 2026-08-06au: slow hardware-accelerated drift (transform-only, no layout impact) — disabled under reduced motion below */
    .steel3d-root .s3d-bg-glow {
      display: block;
      position: absolute;
      top: -10%;
      right: -8%;
      width: 600px;
      max-width: 70vw;
      height: 600px;
      max-height: 70vw;
      border-radius: 50%;
      background: radial-gradient(circle, var(--accent-green) 0%, transparent 70%);
      filter: blur(120px);
      opacity: 0.12;
      pointer-events: none;
      will-change: transform;
      animation: s3dGlowDrift 14s ease-in-out infinite alternate;
    }
    .steel3d-root.s3d-bg-scroll .s3d-bg-glow {
      display: none;
    }
    @keyframes s3dGlowDrift {
      0% {
        transform: translate3d(0, 0, 0) scale(1);
      }
      50% {
        transform: translate3d(-4%, 5%, 0) scale(1.12);
      }
      100% {
        transform: translate3d(2%, -3%, 0) scale(0.96);
      }
    }
    .steel3d-root > header,
    .steel3d-root > main,
    .steel3d-root > footer {
      position: relative;
      z-index: 1;
    }
    .steel3d-root > header.s3d-head {
      margin-top: 0;
      margin-bottom: 0;
    }
    /* Divi: strip wrapper padding/margins that frame the embed in white (top gap + side gutters) */
    body:has(.steel3d-root) {
      overflow-x: hidden;
    }
    .et_pb_section:has(.steel3d-root),
    .et_pb_section:has(.s3d-site) {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-top: 0 !important;
      width: 100% !important;
      max-width: none !important;
    }
    .et_pb_row:has(.steel3d-root),
    .et_pb_row:has(.s3d-site) {
      width: 100% !important;
      max-width: none !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    .et_pb_column:has(.steel3d-root),
    .et_pb_column:has(.s3d-site) {
      width: 100% !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin: 0 !important;
    }
    .et_pb_code:has(.steel3d-root),
    .et_pb_code_inner:has(.steel3d-root),
    .et_pb_code:has(.s3d-site),
    .et_pb_code_inner:has(.s3d-site) {
      width: 100% !important;
      max-width: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .et_pb_code_inner:has(.steel3d-root) {
      padding: 0 !important;
      margin: 0 !important;
    }
    /* Divi default: "Designed by Elegant Themes | Powered by WordPress" */
    body:has(.steel3d-root) #footer-info {
      display: none !important;
    }
    body:has(.steel3d-root) #footer-bottom:empty,
    body:has(.steel3d-root) #footer-bottom:not(:has(*:not(script):not(style))) {
      display: none !important;
      padding: 0 !important;
      min-height: 0 !important;
    }
    .steel3d-root *, .steel3d-root *::before, .steel3d-root *::after { box-sizing: border-box; }
    /* Beat Divi / theme dark text on dark background */
    .steel3d-root,
    .steel3d-root p,
    .steel3d-root li,
    .steel3d-root label,
    .steel3d-root .s3d-sub,
    .steel3d-root .s3d-lead,
    .steel3d-root .s3d-card p,
    .steel3d-root .s3d-meta p,
    .steel3d-root .s3d-note,
    .steel3d-root .s3d-form-note,
    .steel3d-root input,
    .steel3d-root select,
    .steel3d-root textarea {
      color: #e8ecf2 !important;
      -webkit-text-fill-color: #e8ecf2 !important;
    }
    .steel3d-root h1,
    .steel3d-root h2,
    .steel3d-root h3,
    .steel3d-root .s3d-card h3 {
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
    }
    .steel3d-root .s3d-eyebrow {
      color: transparent !important;
      -webkit-text-fill-color: transparent !important;
    }
    .steel3d-root .s3d-meta h3,
    .steel3d-root .s3d-form-field label {
      color: #8a93a3 !important;
    }
    .steel3d-root select option {
      background: #12161d;
      color: #e8ecf2;
    }
    .steel3d-root input::placeholder,
    .steel3d-root textarea::placeholder {
      color: #8a93a3 !important;
      opacity: 1;
    }
    .steel3d-root input:-webkit-autofill,
    .steel3d-root textarea:-webkit-autofill,
    .steel3d-root select:-webkit-autofill {
      -webkit-text-fill-color: #e8ecf2 !important;
      box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.35) inset !important;
    }
    .steel3d-root a { color: #e8ecf2; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
    .steel3d-root a:hover { color: var(--gold); }
    .steel3d-root .s3d-wrap {
      width: 100%;
      max-width: var(--maxw);
      margin-inline: auto;
      padding-inline: clamp(16px, 4vw, 40px);
      box-sizing: border-box;
    }
    .steel3d-root .s3d-skip {
      position: absolute;
      left: -9999px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }
    .steel3d-root .s3d-skip:focus {
      left: 16px;
      top: 16px;
      width: auto;
      height: auto;
      padding: 10px 14px;
      background: #04070a;
      color: #D4AF37;
      border: 1px solid rgba(212, 175, 55, 0.3);
      border-radius: 0;
      z-index: 50;
    }
    /* ----- 02 LAYOUT: HEADER / NAV / MOBILE NAV ----- */
    .steel3d-root header.s3d-head {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      z-index: 1000;
      overflow: visible;
      padding-top: env(safe-area-inset-top, 0px);
      padding-left: env(safe-area-inset-left, 0px);
      padding-right: env(safe-area-inset-right, 0px);
      /* Frosted glass top bar — lighter so desk/head show through all devices */
      background: rgba(4, 7, 10, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      backdrop-filter: blur(6px) saturate(1.06);
      -webkit-backdrop-filter: blur(6px) saturate(1.06);
      transition: border-color 0.35s var(--ease-out-expo), box-shadow 0.35s var(--ease-out-expo);
    }
    .steel3d-root header.s3d-head.s3d-head-scrolled {
      background: rgba(4, 7, 10, 0.18);
      border-bottom-color: rgba(56, 239, 125, 0.22);
      box-shadow: 0 1px 0 rgba(56, 239, 125, 0.14), 0 14px 32px rgba(0, 0, 0, 0.22);
      backdrop-filter: blur(7px) saturate(1.08);
      -webkit-backdrop-filter: blur(7px) saturate(1.08);
    }
    body.admin-bar .steel3d-root header.s3d-head {
      top: 32px;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar .steel3d-root header.s3d-head {
        top: 46px;
      }
    }
    /* Full-width header row — nav stays centred in the middle column */
    .steel3d-root header.s3d-head .s3d-wrap.s3d-head-inner {
      max-width: none;
      width: 100%;
      margin-inline: 0;
      padding-left: max(env(safe-area-inset-left, 0px), clamp(16px, 3vw, 40px));
      padding-right: max(env(safe-area-inset-right, 0px), clamp(16px, 3vw, 40px));
      box-sizing: border-box;
    }
    .steel3d-root .s3d-head-inner {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      column-gap: clamp(12px, 2vw, 28px);
      row-gap: 0;
      padding: 8px 0;
    }
    .steel3d-root .s3d-mark {
      grid-column: 1;
      grid-row: 1;
      justify-self: start;
      align-self: center;
      min-width: 0;
      max-width: min(920px, 88vw);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0;
      position: relative;
      z-index: 2;
    }
    .steel3d-root .s3d-mark-brand {
      display: block;
      line-height: 0;
      text-decoration: none;
      width: 100%;
    }
    .steel3d-root .s3d-mark-brand:hover .s3d-logo {
      opacity: 0.92;
    }
    .steel3d-root .s3d-logo {
      display: block;
      height: clamp(84px, 16vw, 118px);
      width: auto;
      max-width: 100%;
      margin-inline: auto;
      object-fit: contain;
      object-position: center center;
    }
    .steel3d-root .s3d-mark .s3d-status-badge {
      display: inline-block;
      margin: -18px 0 0;
      text-align: center;
      white-space: nowrap;
      align-self: center;
    }
    /* Wide desktop only: single-row logo | nav | CTA (iPad/tablet uses stacked layout below) */
    @media (min-width: 1200px) {
      .steel3d-root .s3d-head-inner {
        column-gap: clamp(20px, 3vw, 48px);
      }
      .steel3d-root .s3d-mark {
        margin-left: clamp(32px, 5vw, 88px);
        max-width: min(480px, 36vw);
      }
      .steel3d-root .s3d-logo {
        height: clamp(96px, 10.5vw, 132px);
        max-height: none;
      }
      .steel3d-root nav.s3d-nav {
        justify-self: stretch;
        width: 100%;
        max-width: min(920px, 68vw);
        margin-inline: auto;
        gap: 2px 7px;
      }
      .steel3d-root nav.s3d-nav a {
        font-size: clamp(10px, 0.88vw, 12px);
        letter-spacing: 0.05em;
        padding: 8px 10px;
      }
    }
    .steel3d-root nav.s3d-nav {
      grid-column: 2;
      grid-row: 1;
      justify-self: center;
      align-self: center;
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      justify-content: center;
      gap: 0 4px;
      min-width: 0;
      position: relative;
      z-index: 2;
    }
    /* 2026-08-06bk: all primary section-jump tabs share Portal orange border (1px / radius 0 / gold family) */
    .steel3d-root nav.s3d-nav a {
      text-decoration: none;
      font-family: var(--font-brand);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--mist);
      padding: 12px 11px;
      min-height: 48px;
      min-width: 48px;
      border-radius: 0;
      border: 1px solid rgba(201, 169, 98, 0.25);
      transition: color 0.35s var(--ease-out-expo), border-color 0.35s var(--ease-out-expo), background 0.35s var(--ease-out-expo), box-shadow 0.35s var(--ease-out-expo);
      white-space: nowrap;
      position: relative;
    }
    .steel3d-root nav.s3d-nav a.s3d-nav-portal {
      color: var(--gold);
      border-color: rgba(201, 169, 98, 0.25);
    }
    .steel3d-root nav.s3d-nav a::after {
      content: "";
      position: absolute;
      left: 11px;
      right: 11px;
      bottom: 5px;
      height: 2px;
      border-radius: 2px;
      background: var(--gold);
      transform: scaleX(0);
      transform-origin: 0 50%;
      transition: transform 0.35s var(--ease-out-expo);
    }
    .steel3d-root nav.s3d-nav a:hover,
    .steel3d-root nav.s3d-nav a.s3d-nav-portal:hover {
      color: #fff;
      border-color: var(--gold);
      background: rgba(201, 169, 98, 0.08);
    }
    .steel3d-root nav.s3d-nav a:hover::after,
    .steel3d-root nav.s3d-nav a.s3d-nav-active::after {
      transform: scaleX(1);
    }
    .steel3d-root nav.s3d-nav a.s3d-nav-active {
      color: var(--gold);
      border-color: var(--gold);
      background: rgba(201, 169, 98, 0.12);
      box-shadow: none;
    }
    /* 2026-08-06bf: Demo / Sign in / Trial cluster — primary paths obvious, no hunting */
    .steel3d-root .s3d-head-actions {
      grid-column: 3;
      grid-row: 1;
      justify-self: end;
      align-self: center;
      display: inline-flex;
      align-items: center;
      flex-wrap: nowrap;
      gap: 8px;
      position: relative;
      z-index: 2;
      max-width: min(420px, 42vw);
    }
    .steel3d-root .s3d-cta-signin {
      text-decoration: none;
      font-family: var(--font-brand);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 10px 14px;
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-sm);
      color: #e8f2fa;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.22);
      white-space: nowrap;
      transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
    }
    .steel3d-root .s3d-cta-signin:hover {
      color: #fff;
      border-color: rgba(56, 239, 125, 0.45);
      background: rgba(56, 239, 125, 0.1);
    }
    .steel3d-root .s3d-cta-mini {
      /* 2026-08-06au: header CTA promoted to the emerald primary (was amber/gold) */
      text-decoration: none;
      font-family: var(--font-brand);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 10px 18px;
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-sm);
      color: #04140c;
      background: linear-gradient(180deg, #5cf79c 0%, var(--accent-green) 55%, var(--accent-green-deep) 100%);
      border: 1px solid rgba(255, 255, 255, 0.22);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
      white-space: nowrap;
      transition: filter 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
    }
    .steel3d-root .s3d-cta-mini:hover {
      filter: brightness(1.08);
      color: #04140c;
      transform: translateY(-2px);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.28), 0 8px 20px rgba(56, 239, 125, 0.28);
    }
    .steel3d-root .s3d-burger-btn {
      display: none;
      grid-column: 3;
      grid-row: 1;
      justify-self: end;
      align-self: center;
      position: relative;
      z-index: 1005;
      cursor: pointer;
      border: 1px solid var(--line);
      border-radius: 0;
      padding: 12px 16px;
      min-height: 52px;
      min-width: 52px;
      font: inherit;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #fff;
      background: #0a0e14;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    .steel3d-root .s3d-burger-btn[aria-expanded="true"] {
      border-color: var(--gold);
      background: rgba(201, 169, 98, 0.18);
      color: var(--gold-bright);
    }
    body.s3d-mobile-nav-open {
      overflow: hidden;
    }
    body.s3d-mobile-nav-open .steel3d-root header.s3d-head {
      z-index: 10002;
    }
    /* Full-screen layer outside header — fixed menu inside header was clipped to a thin bar (backdrop-filter containing block). */
    .steel3d-root > .s3d-mobile-nav-layer {
      position: fixed;
      inset: 0;
      z-index: 10000;
      pointer-events: none;
      visibility: hidden;
      display: none;
    }
    .steel3d-root > .s3d-mobile-nav-layer.s3d-mnav-open {
      pointer-events: auto;
      visibility: visible;
      display: block;
    }
    .steel3d-root .s3d-mnav-backdrop {
      position: absolute;
      inset: 0;
      display: block;
      margin: 0;
      padding: 0;
      border: none;
      cursor: pointer;
      background: rgba(5, 6, 8, 0.94);
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    .steel3d-root .s3d-mnav-panel {
      position: absolute;
      left: max(12px, env(safe-area-inset-left, 0px));
      right: max(12px, env(safe-area-inset-right, 0px));
      bottom: max(16px, env(safe-area-inset-bottom, 0px));
      top: 88px;
      z-index: 2;
      margin: 0;
      padding: 12px;
      display: grid;
      grid-template-columns: 1fr;
      gap: 6px;
      border-radius: 0;
      border: 1px solid var(--line-gold);
      background: #0a0c0f;
      box-shadow: var(--shadow);
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .steel3d-root .s3d-mnav-close {
      display: block;
      width: 100%;
      margin: 0 0 4px;
      padding: 12px 14px;
      min-height: 48px;
      border-radius: 0;
      border: 1px solid var(--line-gold);
      background: rgba(240, 154, 40, 0.12);
      color: var(--gold-bright);
      font: inherit;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    .steel3d-root .s3d-mnav-panel a {
      display: block;
      padding: 14px 14px;
      min-height: 48px;
      border-radius: 0;
      text-decoration: none;
      color: var(--paper) !important;
      -webkit-text-fill-color: var(--paper) !important;
      border: 1px solid transparent;
      font-size: 15px;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }
    .steel3d-root .s3d-mnav-panel a:hover,
    .steel3d-root .s3d-mnav-panel a:active {
      border-color: var(--line);
      background: rgba(255, 255, 255, 0.06);
    }
    .steel3d-root .s3d-mnav-panel a.s3d-mnav-cta-demo,
    .steel3d-root .s3d-mnav-panel a.s3d-mnav-cta-portal,
    .steel3d-root .s3d-mnav-panel a.s3d-mnav-cta-trial {
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      font-size: 14px;
      min-height: 52px;
      display: flex;
      align-items: center;
    }
    .steel3d-root .s3d-mnav-panel a.s3d-mnav-cta-demo {
      border-color: rgba(255, 255, 255, 0.2);
      background: rgba(255, 255, 255, 0.06);
    }
    .steel3d-root .s3d-mnav-panel a.s3d-mnav-cta-portal {
      border-color: rgba(201, 169, 98, 0.45);
      color: var(--gold-bright) !important;
      -webkit-text-fill-color: var(--gold-bright) !important;
      background: rgba(201, 169, 98, 0.12);
    }
    .steel3d-root .s3d-mnav-panel a.s3d-mnav-cta-trial {
      border-color: rgba(56, 239, 125, 0.45);
      color: #04140c !important;
      -webkit-text-fill-color: #04140c !important;
      background: linear-gradient(180deg, #5cf79c 0%, var(--accent-green) 100%);
    }
    /*
     * Tablet / iPad (≈768–1199): stack logo row, then nav (+ CTA) — never Home-over-logo
     * or Launch-over-Contact. Phones keep burger; wide desktop keeps single-row.
     */
    @media (min-width: 768px) and (max-width: 1199px) {
      .steel3d-root header.s3d-head {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: #04070a;
        z-index: 1000;
      }
      .steel3d-root .s3d-head-inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        align-items: center;
        column-gap: 12px;
        row-gap: 10px;
        padding: 10px 0 12px;
      }
      .steel3d-root .s3d-mark {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        margin-left: 0;
        max-width: min(340px, 62vw);
        transform: none;
        z-index: 2;
      }
      .steel3d-root .s3d-logo {
        height: clamp(64px, 9vw, 92px);
      }
      .steel3d-root .s3d-burger-btn {
        display: none !important;
      }
      .steel3d-root nav.s3d-nav {
        display: flex;
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: stretch;
        align-self: center;
        width: 100%;
        max-width: none;
        margin-inline: 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px 6px;
        z-index: 2;
      }
      .steel3d-root nav.s3d-nav a {
        font-size: 11px;
        letter-spacing: 0.08em;
        padding: 8px 10px;
      }
      .steel3d-root .s3d-head-actions {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        z-index: 2;
        max-width: min(280px, 48vw);
        gap: 6px;
      }
      .steel3d-root .s3d-cta-signin {
        font-size: 11px;
        padding: 10px 10px;
        min-height: 48px;
      }
      .steel3d-root .s3d-cta-mini {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        padding: 10px 12px;
        min-height: 48px;
        white-space: normal;
        text-align: center;
        line-height: 1.2;
      }
    }
    /* Phones: burger menu */
    @media (max-width: 767px) {
      .steel3d-root header.s3d-head {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(5, 6, 8, 0.94);
        z-index: 1000;
      }
      .steel3d-root .s3d-head-inner {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto;
        row-gap: 0;
      }
      .steel3d-root nav.s3d-nav { display: none; }
      .steel3d-root .s3d-burger-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        grid-column: 2;
        grid-row: 1;
      }
      .steel3d-root .s3d-head-actions { display: none; }
      .steel3d-root .s3d-cta-mini { display: none; }
      .steel3d-root .s3d-mark {
        grid-column: 1;
        grid-row: 1;
        max-width: min(220px, 58vw);
        transform: none;
        z-index: 2;
      }
      .steel3d-root .s3d-logo {
        height: clamp(64px, 13vw, 96px);
      }
    }
    @media (max-width: 480px) {
      .steel3d-root .s3d-logo {
        height: clamp(56px, 15vw, 80px);
      }
      .steel3d-root .s3d-mark {
        max-width: min(260px, 68vw);
      }
    }
    .steel3d-root main {
      padding-top: calc(var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra));
      padding-bottom: 96px;
    }
    body.admin-bar .steel3d-root main {
      padding-top: calc(32px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra));
    }
    @media screen and (max-width: 782px) {
      body.admin-bar .steel3d-root main {
        padding-top: calc(46px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra));
      }
    }
    /* In-page anchors land below the fixed bar (+ WP admin bar when present) */
    .steel3d-root main section[id] {
      scroll-margin-top: calc(var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra));
    }
    body.admin-bar .steel3d-root main section[id] {
      scroll-margin-top: calc(32px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra));
    }
    @media screen and (max-width: 782px) {
      body.admin-bar .steel3d-root main section[id] {
        scroll-margin-top: calc(46px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra));
      }
    }
    /* ----- 03 HERO / JOB TERMINAL / CTAs ----- */
    .steel3d-root .s3d-hero {
      padding: 0;
      position: relative;
      overflow: hidden;
      min-height: 100vh;
      min-height: 100dvh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      z-index: 2;
      /* Pull under fixed nav so photo is one composition; copy still padded below bar */
      margin-top: calc(-1 * (var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra)));
    }
    body.admin-bar .steel3d-root .s3d-hero {
      margin-top: calc(-1 * (32px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra)));
    }
    @media screen and (max-width: 782px) {
      body.admin-bar .steel3d-root .s3d-hero {
        margin-top: calc(-1 * (46px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra)));
      }
    }
    .steel3d-root .s3d-hero::after,
    .steel3d-root .s3d-hero::before {
      display: none;
    }
    /* Copy cluster — centered horizontal composition over photo */
    .steel3d-root .s3d-hero-panel,
    .steel3d-root .s3d-hero-plate {
      position: relative;
      z-index: 3;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 0;
      padding:
        calc(var(--s3d-head-h) + 5.5rem)
        clamp(20px, 4vw, 48px)
        clamp(40px, 5vw, 72px);
      max-width: min(56rem, 94vw);
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-inline: auto;
      box-sizing: border-box;
      background: transparent;
      border: 0;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
    /* Hard-center hero stack (title / subtitle / job terminal / CTAs) */
    .steel3d-root .s3d-hero .s3d-hud-tag,
    .steel3d-root .s3d-hero .s3d-hero-title,
    .steel3d-root .s3d-hero h1.s3d-hero-title,
    .steel3d-root .s3d-hero .s3d-hero-subtitle,
    .steel3d-root .s3d-hero .s3d-hero-demo,
    .steel3d-root .s3d-hero .s3d-hero-actions,
    .steel3d-root .s3d-hero .s3d-cta-group,
    .steel3d-root .s3d-hero .s3d-hero-trial-note {
      align-self: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .steel3d-root .s3d-hero .s3d-hud-tag,
    .steel3d-root .s3d-hero .s3d-hero-title,
    .steel3d-root .s3d-hero h1.s3d-hero-title,
    .steel3d-root .s3d-hero .s3d-hero-subtitle,
    .steel3d-root .s3d-hero .s3d-hero-actions,
    .steel3d-root .s3d-hero .s3d-cta-group,
    .steel3d-root .s3d-hero .s3d-hero-trial-note {
      text-align: center;
    }
    .steel3d-root .s3d-hero h1.s3d-hero-title {
      max-width: none !important;
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      text-align: center !important;
      font-family: var(--font-hud);
      /* Beat .s3d-hero h1 clamp(36px…) so phrases fit + stay centered on phones. */
      /* 2026-08-06au: desktop ceiling was 4.5rem (2026-08-06au) — that let the long second phrase
         ("& ZERO-FLUFF EN1090 AUDIT COMPLIANCE.") run wider than the 56rem hero-inner container at
         1024–1440px+ and get clipped past the right edge. Capped at 2.85rem to match every other
         breakpoint (was already used ≤980px / landscape / ≤640px) — no more desktop-only spike. */
      font-size: clamp(1.35rem, 5.2vw, 2.85rem) !important;
      font-weight: var(--fw-display);
      letter-spacing: 0.02em;
      text-indent: 0;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      float: none !important;
      position: relative !important;
      left: auto !important;
      right: auto !important;
      box-sizing: border-box !important;
    }
    .steel3d-root .s3d-hero h1.s3d-hero-title::after {
      display: none !important;
      content: none !important;
    }
    /* Orange accent bar removed — Steve: declutter top-left (keep QR only) */
    .steel3d-root .s3d-hero-panel::before,
    .steel3d-root .s3d-hero-panel::after {
      display: none !important;
      content: none !important;
    }
    .steel3d-root .s3d-hero-plate::before,
    .steel3d-root .s3d-hero-plate::after {
      display: none;
    }
    .steel3d-root .s3d-hero-inner {
      position: relative;
      z-index: 3;
      max-width: min(56rem, 94vw);
      width: 100%;
      padding: 0;
      margin: 0 auto;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    /* Hero layer = copy scrims only (NO second photo — site .s3d-bg-stack is the image) */
    .steel3d-root .s3d-hero-media {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden;
      min-height: 100%;
      background: transparent;
      pointer-events: none;
    }
    .steel3d-root .s3d-hero-media .s3d-bg-picture,
    .steel3d-root .s3d-hero-media .s3d-bg-photo {
      display: none !important;
    }
    /* Clean hero-15: no baked plate veil */
    .steel3d-root .s3d-hero-media::before {
      display: none;
    }
    /* Centered scrim — readable copy without left-bunched panel look */
    /* 2026-08-06aw: slightly stronger hero-only veil after sitewide lighten (does not darken page bg) */
    .steel3d-root .s3d-hero-media::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(
          ellipse 85% 70% at 50% 42%,
          rgba(3, 4, 5, 0.66) 0%,
          rgba(3, 4, 5, 0.38) 48%,
          rgba(3, 4, 5, 0.16) 72%,
          transparent 88%
        ),
        linear-gradient(
          180deg,
          rgba(3, 4, 5, 0.52) 0%,
          rgba(3, 4, 5, 0.2) 38%,
          rgba(3, 4, 5, 0.16) 62%,
          rgba(3, 4, 5, 0.48) 100%
        );
      z-index: 1;
      -webkit-mask-image: none;
      mask-image: none;
    }
    .steel3d-root .s3d-dot {
      width: 7px;
      height: 7px;
      border-radius: 99px;
      background: radial-gradient(circle at 30% 30%, #fff, var(--accent));
      box-shadow: 0 0 0 4px var(--accent-soft);
      animation: none;
    }
    .steel3d-root h1 {
      font-family: var(--font-display);
      font-weight: 600;
      letter-spacing: -0.03em;
      line-height: 1.05;
      font-size: clamp(36px, 5vw, 64px);
      margin: 8px 0 18px;
      color: #fff;
      text-shadow: 0 6px 40px rgba(0, 0, 0, 0.7);
      animation: s3d-hero-title 1s var(--ease-out-expo) 0.08s both;
    }
    /* Billboard — wide tracking, high-contrast, centered */
    .steel3d-root .s3d-hero h1 {
      font-family: var(--font-display);
      font-size: clamp(36px, 5.4vw, 68px);
      max-width: none;
      width: 100%;
      font-weight: 700;
      letter-spacing: 0.02em;
      line-height: 0.98;
      margin: 0 auto 14px;
      margin-inline: auto;
      padding-left: 0;
      padding-right: 0;
      text-align: center;
      color: #fff;
      text-shadow: 0 4px 28px rgba(0, 0, 0, 0.75);
      animation: s3d-hero-title 1s var(--ease-out-expo) 0.12s both;
    }
    .steel3d-root .s3d-hero h1::after {
      content: "";
      display: block;
      width: 3.25rem;
      height: 3px;
      margin: 0.55em auto 0;
      background: linear-gradient(90deg, var(--accent-bright), var(--copper));
      transform-origin: 50% 50%;
      animation: s3d-accent-grow 0.9s var(--ease-out-expo) 0.55s both;
    }
    .steel3d-root .s3d-hero h1 em {
      font-family: var(--font-serif);
      font-style: italic;
      font-weight: 400;
      font-size: 1.04em;
      letter-spacing: -0.01em;
      color: var(--accent-bright) !important;
      -webkit-text-fill-color: var(--accent-bright) !important;
      text-shadow: 0 4px 24px rgba(0, 0, 0, 0.55);
    }
    .steel3d-root .s3d-hero-micro {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 14px;
      padding-left: 0;
      animation: s3d-hero-title 1s var(--ease-out-expo) 0.1s both;
    }
    .steel3d-root .s3d-micro-badge {
      display: inline-flex;
      align-items: center;
      padding: 5px 10px;
      border: 1px solid var(--s3d-border);
      border-radius: 999px;
      background: rgba(11, 13, 14, 0.72);
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--s3d-text-muted);
    }
    .steel3d-root .s3d-micro-badge-amber {
      border-color: rgba(255, 153, 0, 0.4);
      color: var(--accent-bright);
    }
    /* CAD terminal demo — cyan glow reserved for tech/AI surface */
    .steel3d-root .s3d-hero-demo {
      margin: 0 auto 22px;
      margin-inline: auto;
      width: 100%;
      max-width: min(100%, 440px);
      padding: 14px 14px 12px;
      border: 1px solid var(--s3d-border-active);
      border-radius: var(--radius);
      background: rgba(11, 13, 14, 0.88);
      box-shadow: 0 0 30px rgba(212, 175, 55, 0.15);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      animation: s3d-hero-title 1s var(--ease-out-expo) 0.25s both;
      text-align: left;
      align-self: center;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-hero-demo-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin: 0 0 10px;
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--s3d-cyan);
    }
    .steel3d-root .s3d-hero-demo-label span {
      color: var(--s3d-text-muted);
    }
    .steel3d-root .s3d-hero-demo-row {
      display: flex;
      gap: 8px;
      align-items: stretch;
    }
    .steel3d-root .s3d-hero-demo-input {
      flex: 1;
      min-width: 0;
      min-height: 48px;
      padding: 12px 12px;
      border: 1px solid var(--s3d-border);
      border-radius: var(--radius-sm);
      background: rgba(0, 0, 0, 0.45);
      color: var(--s3d-text-main) !important;
      font-family: var(--font-mono);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      outline: none;
      -webkit-appearance: none;
      appearance: none;
    }
    .steel3d-root .s3d-hero-demo-input:focus {
      border-color: var(--s3d-border-active);
      box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.25);
    }
    .steel3d-root .s3d-hero-demo-input::placeholder {
      color: var(--s3d-text-muted);
      opacity: 0.75;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-hero-demo-go {
      flex: 0 0 auto;
      min-height: 48px;
      min-width: 48px;
      padding: 12px 16px;
      border: 1px solid rgba(255, 255, 255, 0.22);
      border-radius: var(--radius-sm);
      background: linear-gradient(180deg, var(--accent-bright) 0%, var(--accent) 55%, var(--accent-deep) 100%);
      color: #0b0d0e !important;
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    }
    .steel3d-root .s3d-hero-demo-go:hover {
      transform: translateY(-2px);
      filter: brightness(1.06);
      box-shadow: 0 6px 18px rgba(255, 153, 0, 0.28);
    }
    .steel3d-root .s3d-hero-quiet {
      margin: -8px 0 18px;
      padding-left: 0;
      font-family: var(--font-body);
      font-size: 13px;
      font-style: italic;
      color: rgba(241, 245, 249, 0.72);
      animation: s3d-hero-title 1s var(--ease-out-expo) 0.22s both;
    }
    @keyframes s3d-accent-grow {
      from { transform: scaleX(0); opacity: 0.4; }
      to { transform: scaleX(1); opacity: 1; }
    }
    @keyframes s3d-hero-title {
      from { opacity: 0; transform: translateY(16px); }
      to { opacity: 1; transform: translateY(0); }
    }
    /* Supporting line */
    .steel3d-root .s3d-lead {
      max-width: 42ch;
      color: rgba(210, 218, 230, 0.92) !important;
      -webkit-text-fill-color: rgba(210, 218, 230, 0.92) !important;
      font-family: var(--font-body);
      font-size: clamp(15px, 1.15vw, 18px);
      font-weight: 500;
      font-style: normal;
      letter-spacing: 0.01em;
      line-height: 1.45;
      margin: 0 0 18px;
      padding-left: 0;
      text-shadow: 0 2px 18px rgba(0, 0, 0, 0.85);
      animation: s3d-hero-title 1s var(--ease-out-expo) 0.2s both;
    }
    .steel3d-root .s3d-lead .s3d-lead-accent {
      color: var(--s3d-cyan) !important;
      -webkit-text-fill-color: var(--s3d-cyan) !important;
      font-weight: 600;
    }
    .steel3d-root .s3d-hero-actions {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      gap: 12px;
      align-items: stretch;
      justify-content: center;
      margin: 0 auto;
      padding-left: 0;
      width: auto;
      max-width: min(52rem, 100%);
      animation: s3d-hero-title 1s var(--ease-out-expo) 0.3s both;
    }
    .steel3d-root .s3d-hero-actions .s3d-btn {
      flex: 1 1 0;
      min-width: 11.5rem;
      max-width: 15.5rem;
      box-sizing: border-box;
      text-align: center;
      padding: 14px 18px;
      font-size: 12px;
      min-height: 48px;
    }
    .steel3d-root .s3d-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      text-decoration: none;
      border-radius: var(--radius-sm);
      padding: 15px 24px;
      font-family: var(--font-hud);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      border: 1px solid var(--border-cyan);
      color: var(--text-main);
      background: rgba(8, 11, 16, 0.92);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
      cursor: crosshair;
    }
    .steel3d-root .s3d-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(56, 239, 125, 0.5);
      background: rgba(56, 239, 125, 0.08);
      color: var(--accent-green);
      box-shadow: 0 0 18px rgba(56, 239, 125, 0.18);
    }
    /* Do not recolor primary / cyan-glow labels to emerald on hover (same-as-fill = invisible) */
    .steel3d-root .s3d-btn.s3d-btn-primary:hover,
    .steel3d-root a.s3d-btn.s3d-btn-primary:hover,
    .steel3d-root .s3d-btn.s3d-btn-cyan-glow:hover,
    .steel3d-root a.s3d-btn.s3d-btn-cyan-glow:hover {
      color: #04140c !important;
      -webkit-text-fill-color: #04140c !important;
    }
    .steel3d-root .s3d-btn:focus-visible,
    .steel3d-root .s3d-cta-mini:focus-visible,
    .steel3d-root button.s3d-btn-primary:focus-visible {
      outline: 2px solid var(--accent-green);
      outline-offset: 3px;
    }
    /* 2026-08-06au: primary CTA = solid emerald + dark text (Highend spec); was translucent cyan */
    .steel3d-root .s3d-btn-primary,
    .steel3d-root .btn-primary,
    .steel3d-root .s3d-cta-mini,
    .steel3d-root button.s3d-btn-primary {
      position: relative;
      overflow: hidden;
      border-color: var(--accent-green);
      border-radius: var(--radius-sm);
      background: linear-gradient(180deg, #5cf79c 0%, var(--accent-green) 55%, var(--accent-green-deep) 100%);
      color: #04140c !important;
      -webkit-text-fill-color: #04140c !important;
      box-shadow: 0 0 0 1px rgba(56, 239, 125, 0.2), 0 4px 16px rgba(0, 0, 0, 0.25);
      animation: none;
      transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, border-color 0.2s ease;
      min-height: 52px;
      padding: 12px 16px;
    }
    .steel3d-root .s3d-hero .s3d-btn-primary {
      padding: 14px 18px;
      font-size: 12px;
      animation: none;
    }
    .steel3d-root .s3d-hero .s3d-btn-primary::before {
      content: "";
      position: absolute;
      left: 16%;
      right: 16%;
      bottom: 8px;
      height: 1px;
      background: rgba(5, 6, 8, 0.35);
      transform: scaleX(0);
      transform-origin: 50% 50%;
      animation: s3d-accent-grow 0.85s var(--ease-out-expo) 1.15s both;
      pointer-events: none;
      z-index: 1;
    }
    /* No soft SaaS sheen sweep — hard stamp only */
    .steel3d-root .s3d-btn-primary::after,
    .steel3d-root button.s3d-btn-primary::after {
      content: none;
      display: none;
    }
    .steel3d-root .s3d-btn-primary:hover,
    .steel3d-root .btn-primary:hover,
    .steel3d-root .s3d-cta-mini:hover,
    .steel3d-root button.s3d-btn-primary:hover,
    .steel3d-root a.s3d-btn-primary:hover,
    .steel3d-root a.s3d-btn.s3d-btn-primary:hover {
      filter: brightness(1.08);
      /* Keep dark ink on emerald fill — .s3d-btn:hover emerald text made label vanish */
      color: #04140c !important;
      -webkit-text-fill-color: #04140c !important;
      transform: translateY(-2px);
      animation: none;
      box-shadow:
        0 0 0 1px rgba(56, 239, 125, 0.35),
        0 12px 28px rgba(56, 239, 125, 0.3);
    }
    .steel3d-root .s3d-btn-primary:hover *,
    .steel3d-root a.s3d-btn-primary:hover *,
    .steel3d-root .s3d-btn-primary:hover .s3d-cta-arrow,
    .steel3d-root a.s3d-btn-primary:hover .s3d-cta-arrow {
      color: #04140c !important;
      -webkit-text-fill-color: #04140c !important;
    }
    .steel3d-root section.s3d-sec {
      padding: var(--section-pad-lg) 0;
      border-top: 1px solid rgba(212, 175, 55, 0.12);
      background: transparent !important;
      background-image: none !important;
      position: relative;
      content-visibility: auto;
      contain-intrinsic-size: auto 520px;
    }
    .steel3d-root section.s3d-hero {
      content-visibility: visible;
      background: transparent !important;
    }
    .steel3d-root section.s3d-sec::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      right: auto;
      transform: translateX(-50%);
      width: min(280px, 48%);
      height: 0;
      border-top: 1px dashed rgba(240, 154, 40, 0.45);
      background: none;
      opacity: 1;
      margin-left: 0;
    }
    .steel3d-root #steel3d-manager::before {
      left: 50% !important;
      right: auto !important;
      transform: translateX(-50%) !important;
      margin-left: 0 !important;
    }
    .steel3d-root section.s3d-sec:nth-of-type(even) {
      background: transparent !important;
      background-image: none !important;
    }
    .steel3d-root .s3d-sec-head {
      display: grid;
      gap: 12px;
      margin-bottom: clamp(28px, 4vw, 44px);
      max-width: 70ch;
    }
    /* 2026-08-06au: center ALL marketing section kickers + subs (Pricing was the reference).
       Overrides prior left-aligned HUD/bracket convention on .s3d-sec-head / .s3d-section-header. */
    .steel3d-root .s3d-section-header.s3d-sec-head,
    .steel3d-root section.s3d-sec > .s3d-wrap > .s3d-sec-head,
    .steel3d-root section.s3d-sec > .s3d-wrap > .s3d-section-header,
    .steel3d-root .s3d-pricing-section .s3d-section-header,
    .steel3d-root .s3d-pricing-section .s3d-sec-head,
    .steel3d-root .s3d-calc-section .s3d-sec-head,
    .steel3d-root #steel3d-about .s3d-sec-head,
    .steel3d-root #steel3d-credentials .s3d-sec-head,
    .steel3d-root #steel3d-engine .s3d-sec-head,
    .steel3d-root #steel3d-capabilities .s3d-sec-head,
    .steel3d-root #steel3d-calculators .s3d-sec-head {
      text-align: center !important;
      justify-items: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      max-width: min(100%, 56rem) !important;
      width: 100% !important;
    }
    .steel3d-root .s3d-section-header.s3d-sec-head h2,
    .steel3d-root section.s3d-sec > .s3d-wrap > .s3d-sec-head h2,
    .steel3d-root section.s3d-sec > .s3d-wrap > .s3d-section-header h2,
    .steel3d-root .s3d-pricing-section .s3d-sec-head h2,
    .steel3d-root .s3d-calc-section .s3d-sec-head h2,
    .steel3d-root #steel3d-about .s3d-sec-head h2,
    .steel3d-root #steel3d-credentials .s3d-sec-head h2,
    .steel3d-root #steel3d-engine .s3d-sec-head h2,
    .steel3d-root #steel3d-capabilities .s3d-sec-head h2,
    .steel3d-root #steel3d-calculators .s3d-sec-head h2 {
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      max-width: none !important;
      width: 100% !important;
    }
    .steel3d-root .s3d-section-header.s3d-sec-head h2::after,
    .steel3d-root section.s3d-sec > .s3d-wrap > .s3d-sec-head h2::after,
    .steel3d-root section.s3d-sec > .s3d-wrap > .s3d-section-header h2::after,
    .steel3d-root .s3d-pricing-section .s3d-sec-head h2::after,
    .steel3d-root .s3d-calc-section .s3d-sec-head h2::after {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .steel3d-root .s3d-section-header.s3d-sec-head .s3d-sub,
    .steel3d-root section.s3d-sec > .s3d-wrap > .s3d-sec-head .s3d-sub,
    .steel3d-root section.s3d-sec > .s3d-wrap > .s3d-section-header .s3d-sub,
    .steel3d-root .s3d-cad-header > .s3d-sub {
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      max-width: min(100%, 54ch) !important;
    }
    .steel3d-root #steel3d-about .s3d-about-kicker {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      line-height: 1.45;
      gap: 0.15em;
    }
    .steel3d-root #steel3d-about .s3d-about-kicker .s3d-about-kicker-line {
      display: block;
      width: 100%;
      text-align: center;
    }
    .steel3d-root #steel3d-manager .s3d-sec-head.s3d-portal-ask-head:not(.s3d-trial-marketing),
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) {
      text-align: center !important;
      justify-items: center !important;
      align-items: center !important;
      align-self: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      max-width: min(100%, 40rem) !important;
      width: fit-content !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) .s3d-eyebrow,
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) h2,
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) .s3d-sub,
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) .s3d-hud-tag,
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) .s3d-portal-ask-intro {
      display: block !important;
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      float: none !important;
    }
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) .s3d-eyebrow {
      align-items: center !important;
    }
    /* Kill global 18ch h2 clamp — was shoving “Steel3D / Try Steel3D…” off-center */
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) h2,
    .steel3d-root #steel3d-manager .s3d-sec-head.s3d-portal-ask-head:not(.s3d-trial-marketing) h2 {
      max-width: none !important;
      width: fit-content !important;
      padding-left: 0.06em !important;
      padding-right: 0 !important;
      text-indent: 0 !important;
      box-sizing: border-box !important;
    }
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) .s3d-sub {
      margin: 0.35rem auto 0.65rem;
      font-family: var(--font-sans);
      font-size: 1rem;
      line-height: 1.45;
      color: #e2e8f0;
      max-width: min(100%, 36rem);
      width: fit-content !important;
    }
    .steel3d-root #steel3d-manager .s3d-portal-ask-intro {
      font-family: Arial, Helvetica, sans-serif !important;
      font-size: 0.92rem !important;
      line-height: 1.55;
      color: #e2e8f0 !important;
      max-width: min(100%, 36rem);
      width: fit-content !important;
      letter-spacing: 0 !important;
      text-transform: none !important;
    }
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) .s3d-eyebrow::after {
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
    }
    .steel3d-root #steel3d-manager .s3d-sec-head.s3d-portal-ask-head:not(.s3d-trial-marketing) h2 {
      font-family: Arial, Helvetica, sans-serif;
      letter-spacing: 0.06em;
      color: #D4AF37;
    }
    .steel3d-root #steel3d-suggestions,
    .steel3d-root .s3d-suggest-section {
      display: block !important;
    }
    /* Extra scroll offset on the visible title (CSS fallback; JS uses these elements when present) */
    .steel3d-root section.s3d-sec .s3d-sec-head h2 {
      scroll-margin-top: calc(var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1.25rem);
    }
    body.admin-bar .steel3d-root section.s3d-sec .s3d-sec-head h2 {
      scroll-margin-top: calc(32px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1.25rem);
    }
    @media screen and (max-width: 782px) {
      body.admin-bar .steel3d-root section.s3d-sec .s3d-sec-head h2 {
        scroll-margin-top: calc(46px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1.25rem);
      }
    }
    .steel3d-root .s3d-hero h1 {
      scroll-margin-top: calc(var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1.25rem);
    }
    body.admin-bar .steel3d-root .s3d-hero h1 {
      scroll-margin-top: calc(32px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1.25rem);
    }
    @media screen and (max-width: 782px) {
      body.admin-bar .steel3d-root .s3d-hero h1 {
        scroll-margin-top: calc(46px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1.25rem);
      }
    }
    /* Match in-flow section eyebrow (JS scroll target) for native hash fallback */
    .steel3d-root section.s3d-sec .s3d-sec-head > .s3d-eyebrow {
      scroll-margin-top: calc(var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1.25rem);
    }
    body.admin-bar .steel3d-root section.s3d-sec .s3d-sec-head > .s3d-eyebrow {
      scroll-margin-top: calc(32px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1.25rem);
    }
    @media screen and (max-width: 782px) {
      body.admin-bar .steel3d-root section.s3d-sec .s3d-sec-head > .s3d-eyebrow {
        scroll-margin-top: calc(46px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1.25rem);
      }
    }
    .steel3d-root .s3d-eyebrow {
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--gold-bright);
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      padding-bottom: 2px;
      -webkit-text-fill-color: var(--gold-bright);
      animation: none;
    }
    .steel3d-root .s3d-eyebrow::after {
      content: "";
      display: block;
      width: 48px;
      height: 2px;
      background: linear-gradient(90deg, var(--gold-bright), var(--s3d-cyan), transparent);
      border-radius: 0;
      -webkit-text-fill-color: initial;
    }
    .steel3d-root h2 {
      font-family: var(--font-display);
      font-weight: 800;
      font-size: clamp(34px, 4.6vw, 52px);
      margin: 0;
      color: #fff;
      line-height: 0.98;
      letter-spacing: -0.02em;
      text-transform: none;
      text-shadow: 0 2px 24px rgba(0, 0, 0, 0.55);
    }
    .steel3d-root .s3d-sec-head h2 {
      max-width: 18ch;
    }
    /* Long portal / trial titles must not inherit the 18ch clamp */
    .steel3d-root #steel3d-manager .s3d-sec-head h2,
    .steel3d-root .s3d-trial-marketing h2,
    .steel3d-root .s3d-contact-section .s3d-trial-strip h2 {
      max-width: none !important;
    }
    .steel3d-root .s3d-sec-head h2 .s3d-h-accent {
      color: var(--accent-bright) !important;
      -webkit-text-fill-color: var(--accent-bright) !important;
    }
    .steel3d-root .s3d-sub {
      margin: 0;
      /* 2026-08-06cb: match --text-muted for dusk/scrim readability */
      color: var(--text-muted) !important;
      -webkit-text-fill-color: var(--text-muted) !important;
      max-width: 54ch;
      font-family: var(--font-body);
      font-size: clamp(15px, 1.05vw, 17px);
      font-weight: 400;
      line-height: 1.55;
      text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
    }
    .steel3d-root .s3d-sub strong {
      color: var(--s3d-text-main) !important;
      -webkit-text-fill-color: var(--s3d-text-main) !important;
      font-weight: 600;
    }
    .steel3d-root .s3d-grid {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 16px;
    }
    /* Matte steel plates — industrial cards with accent borders */
    .steel3d-root .s3d-card {
      grid-column: span 4;
      border: 1px solid var(--s3d-border);
      border-radius: var(--radius);
      border-top: 2px solid var(--accent);
      padding: 22px 20px 24px;
      background: var(--s3d-card-bg);
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      min-height: 100%;
      position: relative;
      overflow: hidden;
      transition: border-color 0.25s ease, background 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }
    .steel3d-root .s3d-card::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 0;
      border-radius: 0;
      background: none;
      opacity: 0;
      transition: none;
    }
    .steel3d-root .s3d-card::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      box-shadow: inset 0 0 0 1px transparent;
      pointer-events: none;
      transition: box-shadow 0.25s ease;
    }
    .steel3d-root .s3d-card:hover {
      transform: none;
      border-color: rgba(255, 153, 0, 0.45);
      background: rgba(22, 26, 30, 0.9);
      box-shadow: var(--shadow-lift);
    }
    .steel3d-root .s3d-card:hover::before {
      opacity: 0;
    }
    .steel3d-root .s3d-card:hover::after {
      box-shadow: inset 0 0 0 1px rgba(255, 153, 0, 0.18);
    }
    @media (max-width: 980px) { .steel3d-root .s3d-card { grid-column: span 6; } }
    @media (max-width: 640px) { .steel3d-root .s3d-card { grid-column: span 12; } }
    @media (min-width: 981px) {
      .steel3d-root #steel3d-platform .s3d-grid .s3d-card {
        grid-column: span 3;
      }
    }
    .steel3d-root .s3d-card h3 {
      margin: 0 0 8px;
      font-size: 17px;
      font-family: var(--font-display);
      color: #fff;
      font-weight: 700;
      letter-spacing: -0.01em;
      line-height: 1.25;
    }
    .steel3d-root .s3d-card p {
      margin: 0;
      color: #aeb6c4 !important;
      -webkit-text-fill-color: #aeb6c4 !important;
      font-size: 14.5px;
      line-height: 1.5;
    }
    /* SVG line icons */
    .steel3d-root .s3d-ico {
      display: block;
      width: 28px;
      height: 28px;
      margin: 0 0 14px;
      color: var(--gold);
      flex-shrink: 0;
    }
    .steel3d-root .s3d-ico-wrap {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      margin: 0 0 14px;
      border-radius: 0;
      border: 1px solid rgba(240, 154, 40, 0.4);
      background: rgba(240, 154, 40, 0.08);
    }
    .steel3d-root .s3d-ico-wrap .s3d-ico {
      margin: 0;
      width: 22px;
      height: 22px;
    }
    .steel3d-root .s3d-ico path,
    .steel3d-root .s3d-ico circle,
    .steel3d-root .s3d-ico line,
    .steel3d-root .s3d-ico polyline,
    .steel3d-root .s3d-ico rect,
    .steel3d-root .s3d-ico polygon {
      stroke-dasharray: 72;
      stroke-dashoffset: 0;
    }
    .steel3d-root .s3d-reveal:not(.s3d-reveal-in) .s3d-ico path,
    .steel3d-root .s3d-reveal:not(.s3d-reveal-in) .s3d-ico circle,
    .steel3d-root .s3d-reveal:not(.s3d-reveal-in) .s3d-ico line,
    .steel3d-root .s3d-reveal:not(.s3d-reveal-in) .s3d-ico polyline,
    .steel3d-root .s3d-reveal:not(.s3d-reveal-in) .s3d-ico rect,
    .steel3d-root .s3d-reveal:not(.s3d-reveal-in) .s3d-ico polygon {
      stroke-dashoffset: 72;
    }
    .steel3d-root .s3d-reveal-in .s3d-ico path,
    .steel3d-root .s3d-reveal-in .s3d-ico circle,
    .steel3d-root .s3d-reveal-in .s3d-ico line,
    .steel3d-root .s3d-reveal-in .s3d-ico polyline,
    .steel3d-root .s3d-reveal-in .s3d-ico rect,
    .steel3d-root .s3d-reveal-in .s3d-ico polygon,
    .steel3d-root .s3d-card:hover .s3d-ico path,
    .steel3d-root .s3d-card:hover .s3d-ico circle,
    .steel3d-root .s3d-card:hover .s3d-ico line,
    .steel3d-root .s3d-card:hover .s3d-ico polyline,
    .steel3d-root .s3d-card:hover .s3d-ico rect,
    .steel3d-root .s3d-card:hover .s3d-ico polygon,
    .steel3d-root .s3d-step:hover .s3d-ico path,
    .steel3d-root .s3d-step:hover .s3d-ico circle,
    .steel3d-root .s3d-step:hover .s3d-ico line,
    .steel3d-root .s3d-step:hover .s3d-ico polyline,
    .steel3d-root .s3d-step:hover .s3d-ico rect,
    .steel3d-root .s3d-step:hover .s3d-ico polygon {
      animation: s3d-ico-draw 0.95s var(--ease-out-expo) forwards;
    }
    @keyframes s3d-ico-draw {
      to { stroke-dashoffset: 0; }
    }
    @keyframes s3d-ico-pulse {
      0%, 100% { filter: drop-shadow(0 0 0 transparent); }
      50% { filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.55)); }
    }
    .steel3d-root .s3d-reveal-in .s3d-ico-wrap {
      animation: s3d-ico-pulse 1.4s ease 0.35s 1;
    }
    .steel3d-root .s3d-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid var(--s3d-border);
      color: var(--s3d-text-main);
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-bottom: 12px;
      background: rgba(0, 0, 0, 0.35);
    }
    .steel3d-root .s3d-pill::before {
      content: "";
      width: 8px;
      height: 2px;
      border-radius: 0;
      background: var(--gold-bright);
      box-shadow: none;
    }
    .steel3d-root .s3d-split {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: 16px;
      align-items: start;
    }
    @media (max-width: 980px) { .steel3d-root .s3d-split { grid-template-columns: 1fr; } }
    .steel3d-root .s3d-panel {
      border: 1px solid var(--s3d-border);
      border-radius: var(--radius);
      border-left: 2px solid var(--accent);
      padding: clamp(20px, 2.6vw, 28px);
      background: var(--s3d-card-bg);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      box-shadow: none;
      transition: border-color 0.25s ease, background 0.25s ease, transform 0.2s ease;
    }
    .steel3d-root .s3d-panel:hover {
      border-color: rgba(255, 153, 0, 0.4);
      box-shadow: none;
      background: rgba(22, 26, 30, 0.88);
    }
    /* Numbered workflow steps */
    .steel3d-root .s3d-steps {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      list-style: none;
      margin: 0;
      padding: 0;
      counter-reset: s3d-step;
    }
    @media (max-width: 980px) {
      .steel3d-root .s3d-steps { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 560px) {
      .steel3d-root .s3d-steps { grid-template-columns: 1fr; }
    }
    .steel3d-root .s3d-step {
      counter-increment: s3d-step;
      position: relative;
      border: 1px solid var(--s3d-border);
      border-radius: var(--radius);
      border-top: 2px solid var(--accent);
      padding: 22px 18px 20px;
      background: var(--s3d-card-bg);
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      transition: border-color 0.25s ease, background 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }
    .steel3d-root .s3d-step::before {
      content: counter(s3d-step, decimal-leading-zero);
      position: absolute;
      top: 14px;
      right: 14px;
      font-family: var(--font-mono);
      font-size: 18px;
      letter-spacing: 0.06em;
      color: rgba(255, 153, 0, 0.45);
      line-height: 1;
    }
    .steel3d-root .s3d-step:hover {
      transform: none;
      border-color: rgba(255, 153, 0, 0.45);
      box-shadow: var(--shadow-lift);
      background: rgba(22, 26, 30, 0.94);
    }
    .steel3d-root .s3d-step h3 {
      margin: 0 0 8px;
      font-size: 16px;
      font-weight: 700;
      color: #fff;
      font-family: var(--font-display);
    }
    .steel3d-root .s3d-step p {
      margin: 0;
      font-size: 14px;
      line-height: 1.5;
      color: #aeb6c4 !important;
      -webkit-text-fill-color: #aeb6c4 !important;
    }
    .steel3d-root .s3d-steps .s3d-step.s3d-reveal:nth-child(2) { transition-delay: 0.08s; }
    .steel3d-root .s3d-steps .s3d-step.s3d-reveal:nth-child(3) { transition-delay: 0.16s; }
    .steel3d-root .s3d-steps .s3d-step.s3d-reveal:nth-child(4) { transition-delay: 0.24s; }
    /* ----- 05 PRICING / TRIAL / NC1 ----- */
    /* Pricing tier grid — Equipment Specification Matrix (cards styled as .s3d-pricing-card) */
    .steel3d-root .s3d-pricing-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    @media (min-width: 1280px) {
      .steel3d-root .s3d-pricing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    }
    @media (max-width: 720px) {
      .steel3d-root .s3d-pricing-grid { grid-template-columns: 1fr; }
    }
    .steel3d-root .s3d-pricing-roi-strip {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin: 0 0 1.25rem;
    }
    .steel3d-root .s3d-pricing-roi-strip .s3d-roi-pill,
    .steel3d-root .s3d-hero-roi .s3d-roi-pill {
      display: inline-flex;
      align-items: center;
      padding: 6px 12px;
      border: 1px solid rgba(56, 239, 125, 0.4);
      background: rgba(6, 20, 16, 0.72);
      color: #38ef7d;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.04em;
      border-radius: 999px;
    }
    .steel3d-root .s3d-pricing-card .s3d-tier-badge {
      /* 2026-08-06bo: same visual family as Tier 4 Book RWC outline CTAs (not solid emerald pill) */
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 8px;
      padding: 8px 16px;
      border: 1px solid var(--border-cyan);
      background: rgba(8, 11, 16, 0.92);
      color: var(--text-main);
      -webkit-text-fill-color: var(--text-main);
      font-family: var(--font-hud);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      border-radius: var(--radius-sm);
      box-sizing: border-box;
    }
    .steel3d-root .s3d-cap-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 14px;
      margin-top: 1rem;
    }
    /* 2026-08-06bf: cap-card full emerald frame (was left-stripe + thin sides = broken border) */
    .steel3d-root .s3d-cap-card {
      border: 1px solid rgba(56, 239, 125, 0.22);
      border-radius: var(--radius);
      background: var(--bg-panel);
      background-image: var(--card-wash);
      padding: 20px 18px 20px;
      box-shadow: var(--shadow-card-rest);
      box-sizing: border-box;
      transition: box-shadow 0.22s var(--ease-out-expo), border-color 0.22s ease, border-width 0.22s ease;
    }
    .steel3d-root .s3d-cap-card:hover {
      border: 1.5px solid var(--accent-green);
      box-shadow: var(--shadow-card-hover);
    }
    .steel3d-root .s3d-cap-card h3 { margin: 0 0 8px; font-size: var(--fs-h3); font-weight: 700; color: var(--text-main) !important; font-family: Arial, Helvetica, sans-serif !important; }
    .steel3d-root .s3d-cap-card p { margin: 0; font-size: 13px; color: var(--text-muted) !important; line-height: 1.45; }
    .steel3d-root .s3d-cap-card .s3d-cap-status {
      display: inline-block; margin-top: 10px; font-size: 10px; letter-spacing: 0.08em;
      text-transform: uppercase; color: var(--accent-green); font-weight: 700;
    }
    /* 2026-08-06au: circular icon badge — reuses existing HUD glyphs, no image asset */
    .steel3d-root .s3d-cap-ico {
      display: grid;
      place-items: center;
      width: 64px;
      height: 64px;
      margin: 0 0 14px;
      border-radius: 50%;
      border: 1.5px solid var(--accent-green);
      color: var(--accent-green);
      font-size: 26px;
      line-height: 1;
      background: rgba(56, 239, 125, 0.06);
      transition: background 0.22s ease, color 0.22s ease, transform 0.22s var(--ease-out-expo);
    }
    .steel3d-root .s3d-cap-card:hover .s3d-cap-ico {
      background: var(--accent-green);
      color: #04140c;
      transform: scale(1.05);
    }
    .steel3d-root .s3d-cap-card.is-preview .s3d-cap-status { color: var(--accent-amber); }
    .steel3d-root .s3d-founder-quote {
      margin: 1rem 0 0; padding: 14px 16px; border-left: 3px solid var(--accent-amber);
      background: var(--bg-panel); color: var(--text-main) !important; font-size: 14px; line-height: 1.55;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    }
    .steel3d-root .s3d-founder-quote footer { color: var(--text-muted) !important; }
    .steel3d-root #steel3d-about h2,
    .steel3d-root #steel3d-credentials h2,
    .steel3d-root #steel3d-engine h2,
    .steel3d-root #steel3d-capabilities h2,
    .steel3d-root #steel3d-calculators h2,
    .steel3d-root #steel3d-pricing h2 {
      color: var(--text-main) !important;
      font-weight: 700 !important;
      font-family: Arial, Helvetica, sans-serif !important;
    }
    .steel3d-root .s3d-health-gauge {
      display: flex;
      gap: 16px;
      align-items: center;
      margin-top: 1.25rem;
      padding: 14px 16px;
      background: var(--bg-panel);
      background-image: var(--card-wash);
      border: 1px solid rgba(56, 239, 125, 0.25);
      border-radius: var(--radius);
    }
    .steel3d-root .s3d-health-gauge p { margin: 0; color: var(--text-muted) !important; font-size: 13px; }
    .steel3d-root .s3d-health-gauge-ring {
      --s3d-health: 0;
      width: 72px;
      height: 72px;
      flex: 0 0 72px;
      border-radius: 50%;
      background: conic-gradient(var(--accent-green) calc(var(--s3d-health) * 1%), rgba(148, 163, 184, 0.18) 0);
      display: grid;
      place-items: center;
      /* 2026-08-06au: fill progression now driven by scroll-triggered JS count-up (see script after markup), not this keyframe */
    }
    .steel3d-root .s3d-health-gauge-ring span {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: var(--bg-canvas);
      display: grid;
      place-items: center;
      font-weight: 800;
      color: var(--text-main);
      font-size: 15px;
    }
    @keyframes s3dHealthFill {
      from { background: conic-gradient(var(--accent-green) 0%, rgba(148, 163, 184, 0.18) 0); }
      to { background: conic-gradient(var(--accent-green) calc(var(--s3d-health) * 1%), rgba(148, 163, 184, 0.18) 0); }
    }
    @media (prefers-reduced-motion: reduce) {
      .steel3d-root .s3d-health-gauge-ring { animation: none; }
      .steel3d-root .s3d-cap-card { transition: none; }
    }
    /* 2026-08-06ch: prefer natural height; scroll only when viewport-constrained (see mindmap overrides) */
    .steel3d-root .s3d-hex-subs {
      max-height: none;
      height: auto;
      overflow: visible;
    }
    @media (max-height: 640px) {
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-subs {
        max-height: min(70vh, 420px);
        overflow-y: auto;
      }
    }
    .steel3d-root .s3d-pricing-card.s3d-addon .s3d-price-note {
      margin-top: 0;
    }
    .steel3d-root .s3d-table {
      width: 100%;
      border-collapse: collapse;
      overflow: hidden;
      border-radius: 0;
      border: 1px solid var(--line);
    }
    .steel3d-root .s3d-table th,
    .steel3d-root .s3d-table td {
      padding: 14px 14px;
      text-align: left;
      border-bottom: 1px solid var(--line);
      vertical-align: top;
    }
    .steel3d-root .s3d-table th {
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--mist);
      background: rgba(255, 255, 255, 0.03);
    }
    .steel3d-root .s3d-table tr:last-child td { border-bottom: none; }
    /* Pricing tiers: stacked cards on phones (avoids cramped 4-column table) */
    .steel3d-root .s3d-pricing-wrap {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    @media (max-width: 768px) {
      .steel3d-root .s3d-pricing-table {
        min-width: 0;
        border: none;
        background: transparent;
      }
      .steel3d-root .s3d-pricing-table thead {
        display: none;
      }
      .steel3d-root .s3d-pricing-table tbody,
      .steel3d-root .s3d-pricing-table tr,
      .steel3d-root .s3d-pricing-table td {
        display: block;
        width: 100%;
      }
      .steel3d-root .s3d-pricing-table tr {
        margin-bottom: 14px;
        border: 1px solid var(--line);
        border-radius: 0;
        background: #0a0e14;
        overflow: hidden;
      }
      .steel3d-root .s3d-pricing-table td {
        padding: 12px 16px;
        border-bottom: 1px solid var(--line);
        font-size: 15px;
        line-height: 1.55;
      }
      .steel3d-root .s3d-pricing-table td:last-child {
        border-bottom: none;
      }
      .steel3d-root .s3d-pricing-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--gold);
      }
      .steel3d-root .s3d-pricing-table td[data-label="Key permissions"] {
        font-size: 14px;
        color: #dfe6f2;
      }
    }
    .steel3d-root .s3d-standards-details summary {
      cursor: pointer;
      color: var(--gold);
      font-size: 13px;
      margin-bottom: 8px;
    }
    .steel3d-root .s3d-standards-details .s3d-table { margin-top: 8px; }
    .steel3d-root .s3d-weld-ref-title {
      margin: 20px 0 6px;
      font-family: var(--font-serif);
      font-size: 1.35rem;
      font-weight: 600;
      color: #fff !important;
      -webkit-text-fill-color: #fff !important;
      line-height: 1.2;
    }
    .steel3d-root .s3d-weld-ref-lead {
      margin: 0 0 12px;
      font-size: 14px;
      line-height: 1.5;
      color: var(--platinum) !important;
    }
    .steel3d-root .s3d-weld-ref-panel {
      margin-top: clamp(20px, 3vw, 32px);
      padding: clamp(22px, 3vw, 36px);
    }
    .steel3d-root .s3d-weld-ref-panel .s3d-weld-ref-title {
      margin-top: 0;
    }
    .steel3d-root .s3d-weld-ref-wrap {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      margin-bottom: 4px;
      border-radius: var(--radius-sm);
    }
    .steel3d-root .s3d-weld-ref-table th:last-child,
    .steel3d-root .s3d-weld-ref-table td:last-child {
      width: 28%;
      min-width: 7.5rem;
      text-align: center;
      vertical-align: middle;
    }
    .steel3d-root .s3d-weld-sym-cell {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-height: 2.75rem;
    }
    .steel3d-root .s3d-weld-sym {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 2.5rem;
      min-height: 2rem;
      color: var(--gold-bright) !important;
      -webkit-text-fill-color: var(--gold-bright) !important;
      font-size: 1.35rem;
      line-height: 1;
      font-weight: 500;
    }
    .steel3d-root .s3d-weld-sym-note {
      display: block;
      font-size: 10px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--mist) !important;
      -webkit-text-fill-color: var(--mist) !important;
      line-height: 1.3;
      max-width: 9rem;
      text-align: center;
    }
    .steel3d-root .s3d-weld-sym-fillet {
      width: 0;
      height: 0;
      border-left: 14px solid transparent;
      border-bottom: 18px solid var(--gold);
      filter: drop-shadow(0 0 8px var(--gold-glow));
    }
    .steel3d-root .s3d-weld-sym-square {
      gap: 5px;
      font-size: 0;
    }
    .steel3d-root .s3d-weld-sym-square::before,
    .steel3d-root .s3d-weld-sym-square::after {
      content: "";
      display: block;
      width: 3px;
      height: 20px;
      background: linear-gradient(180deg, var(--gold-bright), var(--gold-deep));
      border-radius: 1px;
    }
    .steel3d-root .s3d-weld-sym-v {
      font-size: 1.75rem;
      font-weight: 300;
    }
    .steel3d-root .s3d-weld-sym-bevel {
      font-size: 1.5rem;
    }
    .steel3d-root .s3d-weld-sym-u {
      font-size: 1.6rem;
    }
    .steel3d-root .s3d-weld-sym-j {
      width: 18px;
      height: 18px;
      border: 2px solid var(--gold);
      border-top: none;
      border-right: none;
      border-radius: 0 0 0 100%;
    }
    .steel3d-root .s3d-weld-sym-plug {
      width: 18px;
      height: 18px;
      border: 2px solid var(--gold);
      border-radius: 50%;
      box-shadow: inset 0 0 0 3px rgba(5, 6, 8, 0.85);
    }
    .steel3d-root .s3d-weld-sym-spot {
      font-size: 1.5rem;
    }
    .steel3d-root .s3d-weld-sym-seam {
      position: relative;
      font-size: 1.45rem;
    }
    .steel3d-root .s3d-weld-sym-seam::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 22px;
      height: 2px;
      background: var(--gold);
      transform: translate(-50%, -50%);
      border-radius: 1px;
    }
    .steel3d-root .s3d-weld-sym-backing {
      width: 20px;
      height: 12px;
      border: 2px solid var(--gold);
      border-top: none;
      border-radius: 0 0 10px 10px;
      transform: scaleY(-1);
      opacity: 0.95;
    }
    @media (max-width: 768px) {
      .steel3d-root .s3d-weld-ref-table {
        min-width: 0;
        border: none;
        background: transparent;
      }
      .steel3d-root .s3d-weld-ref-table thead { display: none; }
      .steel3d-root .s3d-weld-ref-table tbody,
      .steel3d-root .s3d-weld-ref-table tr,
      .steel3d-root .s3d-weld-ref-table td { display: block; width: 100%; }
      .steel3d-root .s3d-weld-ref-table tr {
        margin-bottom: 12px;
        border: 1px solid var(--line);
        border-radius: var(--radius-sm);
        background: rgba(8, 10, 14, 0.55);
        overflow: hidden;
      }
      .steel3d-root .s3d-weld-ref-table td {
        padding: 10px 14px;
        border-bottom: 1px solid var(--line);
        text-align: left;
      }
      .steel3d-root .s3d-weld-ref-table td:last-child {
        width: 100%;
        min-width: 0;
        border-bottom: none;
      }
      .steel3d-root .s3d-weld-ref-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--gold);
      }
      .steel3d-root .s3d-weld-sym-cell { align-items: flex-start; }
    }
    .steel3d-root .s3d-foot {
      border-top: 1px solid var(--line-gold);
      padding: 64px 0 24px;
      color: var(--mist);
      font-size: 13px;
      /* 2026-08-06au: top stop was fully transparent, relying on the sitewide bg-stack scrim alone
         for contrast at the top edge of the footer. Raised to a minimum 0.45 floor so footer text stays
         legible against the brighter dusk photo regardless of scroll position. */
      background:
        linear-gradient(180deg, rgba(3, 4, 5, 0.45), rgba(3, 4, 5, 0.75)),
        radial-gradient(ellipse 60% 40% at 50% 100%, rgba(201, 164, 92, 0.08), transparent);
    }
    .steel3d-root .s3d-foot strong {
      color: var(--paper) !important;
      font-weight: 600;
    }
    .steel3d-root .s3d-foot-credit {
      margin-top: 28px;
      padding-top: 22px;
      border-top: 1px solid var(--line);
      text-align: center;
      font-size: 11px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--mist);
    }
    .steel3d-root .s3d-foot-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 1fr);
      gap: 18px 28px;
      align-items: center;
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      text-align: left;
    }
    .steel3d-root .s3d-foot-col {
      min-width: 0;
    }
    .steel3d-root .s3d-foot-col-left .s3d-copyright {
      text-align: left;
      margin: 0;
    }
    .steel3d-root .s3d-foot-col-center {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .steel3d-root .s3d-foot-col-right {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;
      gap: 8px 18px;
    }
    .steel3d-root .s3d-foot-link {
      font-family: var(--font-hud);
      font-size: 0.72rem;
      font-weight: 650;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--text-muted);
      border-bottom: 1px solid transparent;
      padding-bottom: 1px;
    }
    .steel3d-root .s3d-foot-link:hover,
    .steel3d-root .s3d-foot-link:focus-visible {
      color: var(--gold-bright);
      border-bottom-color: rgba(212, 175, 55, 0.45);
    }
    .steel3d-root .s3d-gdpr-badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      max-width: 100%;
      padding: 8px 12px;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 2px;
      background: rgba(6, 10, 14, 0.72);
      font-family: var(--font-hud);
      font-size: 0.68rem;
      font-weight: 650;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: #c5d0dc;
      line-height: 1.35;
      text-align: left;
    }
    .steel3d-root .s3d-gdpr-badge-dot {
      flex: 0 0 auto;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #3dd68c;
      box-shadow: 0 0 0 0 rgba(61, 214, 140, 0.45);
      animation: s3dGdprPulse 2.4s ease-out infinite;
    }
    @keyframes s3dGdprPulse {
      0% { box-shadow: 0 0 0 0 rgba(61, 214, 140, 0.4); }
      70% { box-shadow: 0 0 0 8px rgba(61, 214, 140, 0); }
      100% { box-shadow: 0 0 0 0 rgba(61, 214, 140, 0); }
    }
    @media (prefers-reduced-motion: reduce) {
      .steel3d-root .s3d-gdpr-badge-dot { animation: none; }
    }
    .steel3d-root .s3d-legal-sec .s3d-legal-meta {
      margin: 0 0 1.25rem;
      font-family: var(--font-hud);
      font-size: 0.72rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-legal-sec .s3d-legal-panel {
      max-width: 78ch;
      width: 100%;
      margin-inline: auto;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-legal-sec .s3d-legal-block {
      margin: 0 0 1.35rem;
      padding-bottom: 1.15rem;
      border-bottom: 1px solid rgba(212, 175, 55, 0.12);
    }
    .steel3d-root .s3d-legal-sec .s3d-legal-block:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
    }
    .steel3d-root .s3d-legal-sec .s3d-legal-block h3 {
      margin: 0 0 0.55rem;
      font-family: var(--font-hud);
      font-size: 0.95rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: var(--paper);
    }
    .steel3d-root .s3d-legal-sec .s3d-legal-block p,
    .steel3d-root .s3d-legal-sec .s3d-legal-block li {
      font-family: var(--font-hud);
      font-size: 0.92rem;
      line-height: 1.65;
      color: #d5dde8;
    }
    .steel3d-root .s3d-legal-sec .s3d-legal-block p { margin: 0 0 0.65rem; }
    .steel3d-root .s3d-legal-sec .s3d-legal-block ul {
      margin: 0.35rem 0 0.65rem;
      padding-left: 1.2rem;
    }
    .steel3d-root .s3d-legal-sec .s3d-legal-block li { margin: 0 0 0.4rem; }
    .steel3d-root .s3d-legal-sec .s3d-legal-guarantee {
      margin-top: 1.25rem;
      padding: 14px 16px;
      border: 1px solid rgba(201, 164, 92, 0.4);
      border-left: 3px solid var(--gold);
      background: rgba(8, 10, 14, 0.88);
    }
    .steel3d-root .s3d-legal-sec .s3d-legal-guarantee strong {
      display: block;
      margin-bottom: 0.4rem;
      color: #fff;
      font-family: var(--font-hud);
      font-size: 0.85rem;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-cc-console-foot .s3d-cc-legal-link {
      font-size: 0.82rem;
      font-weight: 650;
      color: var(--text-muted);
      text-decoration: underline;
      text-underline-offset: 3px;
      padding: 6px 8px;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
    }
    .steel3d-root .s3d-cc-console-foot .s3d-cc-legal-link:hover,
    .steel3d-root .s3d-cc-console-foot .s3d-cc-legal-link:focus-visible {
      color: #e2e8f0;
    }
    .steel3d-root .s3d-cc-console-foot .s3d-cc-foot-sep {
      color: #475569;
      font-size: 0.85rem;
    }
    @media (max-width: 820px) {
      .steel3d-root .s3d-foot-grid {
        grid-template-columns: 1fr;
        text-align: center;
      }
      .steel3d-root .s3d-foot-col-left .s3d-copyright { text-align: center; }
      .steel3d-root .s3d-foot-col-center,
      .steel3d-root .s3d-foot-col-right { justify-content: center; }
      .steel3d-root .s3d-gdpr-badge { text-align: center; }
    }
    .steel3d-root .s3d-note {
      border-left: 3px solid rgba(201, 169, 98, 0.65);
      padding-left: 14px;
      color: #dfe6f2;
    }
    .steel3d-root .s3d-badge-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
    .steel3d-root .s3d-badge {
      border: 1px solid var(--s3d-border);
      border-radius: 999px;
      padding: 7px 12px;
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--s3d-text-main);
      background: rgba(255, 255, 255, 0.03);
      transition: border-color 0.3s ease, background 0.3s ease, transform 0.35s var(--ease-spring);
    }
    .steel3d-root .s3d-badge:hover {
      border-color: var(--line-gold);
      background: var(--gold-soft);
      transform: translateY(-2px);
    }
    /* ----- 06 FORMS ----- */
    .steel3d-root .s3d-form {
      display: grid;
      gap: 14px;
    }
    .steel3d-root .s3d-form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }
    @media (max-width: 640px) {
      .steel3d-root .s3d-form-row { grid-template-columns: 1fr; }
    }
    .steel3d-root .s3d-form-field {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .steel3d-root .s3d-form-field label {
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--mist);
      font-weight: 500;
    }
    .steel3d-root .s3d-form-field label span.s3d-req {
      color: var(--gold);
    }
    .steel3d-root .s3d-form-field input,
    .steel3d-root .s3d-form-field select,
    .steel3d-root .s3d-form-field textarea {
      width: 100%;
      padding: 12px 14px;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(5, 7, 11, 0.88);
      color: var(--paper);
      font: inherit;
      font-size: 15px;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    }
    .steel3d-root .s3d-form-field textarea {
      min-height: 120px;
      resize: vertical;
    }
    .steel3d-root .s3d-form-field input:focus,
    .steel3d-root .s3d-form-field select:focus,
    .steel3d-root .s3d-form-field textarea:focus {
      outline: none;
      border-color: rgba(201, 169, 98, 0.55);
      box-shadow: 0 0 0 3px var(--gold-soft);
    }
    .steel3d-root .s3d-form-field input::placeholder,
    .steel3d-root .s3d-form-field textarea::placeholder {
      color: rgba(138, 147, 163, 0.85);
    }
    .steel3d-root .s3d-pw-wrap {
      position: relative;
      width: 100%;
      isolation: isolate;
    }
    .steel3d-root .s3d-pw-wrap input {
      padding-right: 3rem;
      position: relative;
      z-index: 1;
      width: 100%;
    }
    .steel3d-root .s3d-pw-toggle {
      position: absolute;
      right: 6px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 5;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.75rem;
      height: 2.75rem;
      padding: 0;
      border: none;
      border-radius: 8px;
      background: transparent;
      color: rgba(201, 169, 98, 0.85);
      cursor: pointer;
      pointer-events: auto;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
      transition: color 0.15s ease, background 0.15s ease;
    }
    .steel3d-root .s3d-pw-toggle:hover {
      color: var(--gold);
      background: rgba(201, 169, 98, 0.12);
    }
    .steel3d-root .s3d-pw-toggle:focus-visible {
      outline: none;
      box-shadow: 0 0 0 2px var(--gold-soft);
    }
    .steel3d-root .s3d-pw-toggle svg {
      width: 1.15rem;
      height: 1.15rem;
      pointer-events: none;
    }
    .steel3d-root .s3d-pw-toggle .s3d-pw-icon-hide {
      display: none;
    }
    .steel3d-root .s3d-pw-toggle.s3d-pw-visible .s3d-pw-icon-show {
      display: none;
    }
    .steel3d-root .s3d-pw-toggle.s3d-pw-visible .s3d-pw-icon-hide {
      display: block;
    }
    .steel3d-root .s3d-form-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
      margin-top: 4px;
    }
    .steel3d-root .s3d-form-submit {
      cursor: pointer;
      border: none;
      font: inherit;
    }
    .steel3d-root .s3d-form-note {
      font-size: 13px;
      color: var(--mist);
      margin: 0;
    }
    .steel3d-root .s3d-form-success {
      display: none;
      padding: 16px 18px;
      border-radius: 14px;
      border: 1px solid rgba(201, 169, 98, 0.45);
      background: var(--gold-soft);
      color: #dfe6f2;
      margin-bottom: 18px;
    }
    .steel3d-root .s3d-form-success.s3d-visible { display: block; }
    .steel3d-root .s3d-hp,
    .steel3d-root .s3d-sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    /* ----- 08 PORTAL / PLATES / TOUCH ----- */
    /* Manager PDF navigator (embedded portal preview) */
    .steel3d-root .s3d-mgr-public {
      max-width: 720px;
    }
    .steel3d-root .s3d-mgr-public .s3d-mgr-public-lead {
      margin: 0 0 14px;
      color: #dfe6f2;
      font-size: 16px;
      line-height: 1.55;
    }
    .steel3d-root .s3d-mgr-public ul {
      margin: 0;
      padding-left: 1.15rem;
      color: #c9ced9;
      line-height: 1.6;
    }
    .steel3d-root .s3d-mgr-public li { margin: 8px 0; }
    .steel3d-root .s3d-mgr-public .s3d-mgr-public-cta {
      margin-top: 18px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }
    .steel3d-root .s3d-portal-anchor {
      display: block;
      position: relative;
      top: calc(-1 * (var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra) + 1rem));
      height: 0;
      width: 0;
      overflow: hidden;
      pointer-events: none;
    }
    .steel3d-root .s3d-mgr-auth {
      max-width: 520px;
      margin-bottom: 20px;
      border: 1px solid rgba(201, 169, 98, 0.35);
      position: relative;
      z-index: 2;
    }
    .steel3d-root .s3d-mgr-auth input,
    .steel3d-root .s3d-mgr-auth button {
      pointer-events: auto;
    }
    .steel3d-root .s3d-mgr-auth .s3d-mgr-auth-note {
      margin: 0 0 14px;
      color: #c9ced9;
      font-size: 14px;
      line-height: 1.5;
    }
    .steel3d-root .s3d-auth-tabs {
      display: flex;
      gap: 8px;
      margin-bottom: 16px;
    }
    .steel3d-root .s3d-auth-tabs button {
      flex: 1;
      padding: 12px 12px;
      min-height: 48px;
      min-width: 48px;
      border-radius: 10px;
      border: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.25);
      color: var(--mist);
      font: inherit;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
    }
    .steel3d-root .s3d-auth-tabs button[aria-selected="true"] {
      border-color: rgba(201, 169, 98, 0.55);
      background: var(--gold-soft);
      color: #fff;
    }
    /* ----- 07 CONTINUITY AUTH ----- */
    /* Unified centered column: trial marketing + sign-in console (2026-08-04h) */
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack {
      --s3d-trial-auth-col: min(100%, 480px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      max-width: var(--s3d-trial-auth-col);
      margin-left: auto;
      margin-right: auto;
      margin-inline: auto;
      align-self: center;
      box-sizing: border-box;
      text-align: center;
      gap: 0;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing,
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-sec-head.s3d-trial-marketing {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 0 0.75rem !important;
      margin-inline: 0 !important;
      padding: 0 !important;
      padding-inline: 0 !important;
      text-align: center !important;
      float: none !important;
      grid-template-columns: unset !important;
      justify-items: center !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing > *,
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-sec-head.s3d-trial-marketing > * {
      width: 100% !important;
      max-width: 100% !important;
      margin-inline: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      text-align: center !important;
      text-indent: 0 !important;
      float: none !important;
      align-self: center !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing .s3d-eyebrow {
      display: inline-flex !important;
      flex-direction: column !important;
      align-items: center !important;
      width: auto !important;
      max-width: 100% !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing .s3d-eyebrow::after {
      margin-inline: auto !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing h2,
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing h2 .s3d-trial-nowrap {
      width: 100% !important;
      max-width: 100% !important;
      white-space: normal !important;
      text-wrap: balance;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing .s3d-sub {
      max-width: 100% !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing .s3d-trial-marketing-cta {
      width: auto !important;
      max-width: 100% !important;
      display: inline-flex !important;
      justify-content: center !important;
      margin-top: 0.85rem !important;
      margin-inline: auto !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-auth-viewport {
      width: 100% !important;
      max-width: 100% !important;
      margin-inline: 0 !important;
      padding-inline: 0 !important;
      align-self: stretch !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack .s3d-auth-terminal-frame {
      width: 100% !important;
      max-width: 100% !important;
      margin-inline: 0 !important;
    }
    /*
      Continuity Auth spine (DRAWING OFFICE → COMPANY ACCESS → MANAGER CONSOLE)
      — only when .s3d-auth-viewport.is-continuity-login (portal login focus).
      Never shown under the public marketing trial strip.
    */
    .steel3d-root .s3d-auth-viewport .s3d-spine-banner {
      display: none !important;
    }
    .steel3d-root .s3d-auth-viewport.is-continuity-login .s3d-spine-banner {
      display: none !important;
    }
    /* ----- SIMPLE SIGN-IN (2026-08-03g) — no spine / terminal chrome ----- */
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-spine-banner,
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-terminal-bar,
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-bg-grid,
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-mode-selector,
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-security-badge,
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple #steel3dPortalBuildTag,
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple #steel3dSignInPill,
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-btn-icon {
      display: none !important;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-terminal-frame {
      border: 1px solid rgba(212, 175, 55, 0.35);
      border-radius: 6px;
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
      background: rgba(8, 11, 16, 0.97);
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-content {
      padding: 1.75rem 1.5rem 1.5rem;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-title {
      font-size: 1.5rem;
      font-weight: 800;
      text-transform: none;
      letter-spacing: 0.01em;
      text-align: center;
      margin-bottom: 0.35rem;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-subtitle {
      font-size: 1.05rem;
      text-align: center;
      margin-bottom: 1.25rem;
      color: #b8c5d4;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple.is-register .s3d-auth-subtitle {
      margin-bottom: 1rem;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-field-label {
      font-size: 0.9rem;
      color: #cbd5e1;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-input-group {
      min-width: 0;
      max-width: 100%;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-input,
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple input.s3d-input {
      font-size: 1.125rem;
      min-height: 56px;
      padding: 14px 12px;
      border-radius: 4px;
      max-width: 100%;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    /* Narrow phones: long placeholders (e.g. manager@fabrication-shop.co.uk) must fit the box */
    @media (max-width: 480px) {
      .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-content {
        padding-inline: 1rem;
      }
      .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-input,
      .steel3d-root .s3d-auth-viewport.s3d-auth-simple input.s3d-input {
        font-size: 0.95rem;
        padding: 12px 10px;
      }
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-submit {
      font-size: 1.25rem;
      font-weight: 800;
      min-height: 60px;
      margin-top: 0.75rem;
      border-radius: 4px;
      letter-spacing: 0.02em;
      text-transform: none;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-form-footer {
      justify-content: center;
      margin-top: 1.1rem;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple #steel3dForgotPassword {
      font-size: 1.05rem;
      font-weight: 700;
      min-height: 44px;
      padding: 0.35rem 0.5rem;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-trial-link {
      margin: 1rem 0 0;
      text-align: center;
      font-size: 0.95rem;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-trial-link a {
      color: #D4AF37;
      font-weight: 600;
      text-decoration: none;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-trial-link a:hover {
      text-decoration: underline;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple.is-register .s3d-auth-trial-link {
      display: none;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-back-signin {
      display: none;
      margin: 0.85rem 0 0;
      text-align: center;
      font-size: 0.95rem;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple.is-register .s3d-auth-back-signin {
      display: block;
    }
    .steel3d-root .s3d-auth-viewport.s3d-auth-simple .s3d-auth-back-signin button {
      color: #D4AF37;
      font-weight: 600;
      background: none;
      border: none;
      cursor: pointer;
      font-size: inherit;
      font-family: Arial, Helvetica, sans-serif;
    }
    /* Continuity Auth login focus: hide marketing trial framing so spine isn't under it. */
    .steel3d-root #steel3d-manager.is-continuity-auth:has(#steel3dMgrAuth:not([hidden])) .s3d-trial-marketing {
      display: none !important;
    }
    /* Hide trial marketing block once portal shell / owner bar is live (no orphaned tagline head) */
    .steel3d-root #steel3d-manager:has(#steel3dMgrShell:not([hidden])) .s3d-trial-marketing,
    .steel3d-root #steel3d-manager:has(#steel3dAdminBar:not([hidden])) .s3d-trial-marketing,
    .steel3d-root #steel3d-manager:has(#steel3dMgrAwaiting:not([hidden])) .s3d-trial-marketing,
    .steel3d-root #steel3d-manager:has(#steel3dMgrTrialLocked:not([hidden])) .s3d-trial-marketing {
      display: none !important;
    }
    /* Center auth console in portal login (override left-aligned mgr-auth / wrap children) */
    .steel3d-root #steel3d-manager > .s3d-wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .steel3d-root #steel3d-manager > .s3d-wrap > .s3d-mgr-shell,
    .steel3d-root #steel3d-manager > .s3d-wrap > .s3d-admin-bar,
    .steel3d-root #steel3d-manager > .s3d-wrap > .s3d-owner-toolbar {
      align-self: stretch;
      width: 100%;
    }
    .steel3d-root .s3d-auth-viewport {
      position: relative;
      background-color: #04070a !important;
      min-height: auto;
      width: fit-content;
      max-width: min(100%, 720px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 22px 14px 28px;
      box-sizing: border-box;
      margin: 0 auto 16px;
      margin-inline: auto;
      align-self: center !important;
      border: none;
      border-radius: 0;
      scroll-margin-top: calc(var(--s3d-head-h, 72px) + 16px);
    }
    .steel3d-root .s3d-auth-bg-grid {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(212, 175, 55, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(212, 175, 55, 0.04) 1px, transparent 1px);
      background-size: 40px 40px;
      pointer-events: none;
      z-index: 0;
    }
    .steel3d-root .s3d-auth-viewport.is-continuity-login .s3d-spine-banner {
      align-items: center;
      justify-content: center;
      margin: 0 auto 22px;
      margin-inline: auto;
      width: 100%;
      max-width: 1000px;
      z-index: 2;
      gap: 8px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-spine-node {
      background: #080b10;
      border: 1px solid rgba(212, 175, 55, 0.22);
      padding: 8px 12px;
      border-radius: 2px;
      text-align: center;
      flex-shrink: 1;
      min-width: 0;
    }
    .steel3d-root .s3d-auth-viewport .s3d-spine-node.s3d-active-node {
      border-color: rgba(212, 175, 55, 0.55);
      box-shadow: 0 0 6px rgba(212, 175, 55, 0.12);
    }
    .steel3d-root .s3d-auth-viewport .s3d-tag {
      display: block;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
      color: #D4AF37;
      letter-spacing: 0.8px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-spine-label {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #D4AF37;
      letter-spacing: 0.04em;
    }
    .steel3d-root .s3d-auth-viewport .s3d-spine-line {
      flex-grow: 1;
      height: 2px;
      background: rgba(212, 175, 55, 0.2);
      position: relative;
      overflow: hidden;
      min-width: 40px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-laser-pulse {
      position: absolute;
      width: 40px;
      height: 100%;
      background: linear-gradient(90deg, transparent, #D4AF37, transparent);
      animation: s3d-laser-flow 3.5s infinite linear;
    }
    .steel3d-root .s3d-auth-viewport.is-processing .s3d-laser-pulse {
      animation-duration: 0.7s;
    }
    @keyframes s3d-laser-flow {
      0% { left: -40px; }
      100% { left: 100%; }
    }
    .steel3d-root .s3d-auth-terminal-frame {
      position: relative;
      z-index: 2;
      width: min(100%, 690px);
      max-width: 690px;
      margin-inline: auto;
      margin-left: auto;
      margin-right: auto;
      background: #080b10;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 2px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7), 0 0 10px rgba(212, 175, 55, 0.04);
      transition: border-color 0.2s, box-shadow 0.2s;
      text-align: left;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-auth-terminal-frame.s3d-auth-error {
      border-color: #ff3333;
      box-shadow: 0 0 15px rgba(255, 51, 51, 0.4);
    }
    .steel3d-root .s3d-auth-viewport .s3d-terminal-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      padding: 6px 10px;
      background: rgba(4, 7, 10, 0.95);
      border-bottom: 1px solid rgba(212, 175, 55, 0.18);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
      color: rgba(212, 175, 55, 0.75);
    }
    .steel3d-root .s3d-auth-viewport .s3d-status-dot {
      display: inline-block;
      width: 6px;
      height: 6px;
      background: #00ff66;
      border-radius: 50%;
      box-shadow: 0 0 6px #00ff66;
      margin-right: 4px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-auth-content {
      padding: 22px 28px 26px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-auth-title {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
      color: #ffffff;
      margin: 0 0 6px 0;
      text-transform: uppercase;
      line-height: 1.25;
    }
    .steel3d-root .s3d-auth-viewport .s3d-auth-subtitle {
      font-size: 12px;
      color: var(--text-muted);
      margin: 0 0 16px 0;
      line-height: 1.4;
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-auth-viewport .s3d-auth-status-readout {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      letter-spacing: 0.06em;
      color: #ff3333;
      margin: 0 0 14px;
      min-height: 1.2em;
    }
    .steel3d-root .s3d-auth-viewport .s3d-auth-status-readout[hidden] {
      display: none !important;
    }
    .steel3d-root .s3d-auth-viewport .s3d-mode-selector {
      display: flex;
      background: #04070a;
      border: 1px solid rgba(212, 175, 55, 0.18);
      margin-bottom: 12px;
      padding: 2px;
      gap: 2px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-mode-btn {
      flex: 1;
      background: transparent;
      border: 1px solid transparent;
      color: var(--text-muted);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      padding: 10px 6px;
      min-height: 44px;
      cursor: pointer;
      transition: border-color 0.2s, color 0.2s, background 0.2s;
      border-radius: 0;
    }
    .steel3d-root .s3d-auth-viewport .s3d-mode-btn.active,
    .steel3d-root .s3d-auth-viewport .s3d-mode-btn[aria-selected="true"] {
      background: #04070a;
      color: #7ef7ff;
      border: 1px solid rgba(212, 175, 55, 0.45);
      box-shadow: none;
    }
    .steel3d-root .s3d-auth-viewport .s3d-input-group {
      margin-bottom: 10px;
      text-align: left;
    }
    .steel3d-root .s3d-auth-viewport .s3d-trial-only[hidden] {
      display: none !important;
    }
    .steel3d-root .s3d-auth-viewport .s3d-trial-only:not([hidden]) {
      display: block;
    }
    .steel3d-root .s3d-auth-viewport .s3d-field-label {
      display: block;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #D4AF37;
      margin-bottom: 6px;
      letter-spacing: 0.5px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-input,
    .steel3d-root .s3d-auth-viewport input.s3d-input {
      width: 100%;
      background: #04070a;
      border: 1px solid rgba(212, 175, 55, 0.28);
      color: #ffffff;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      padding: 10px;
      min-height: 44px;
      box-sizing: border-box;
      outline: none;
      border-radius: 0;
      transition: border-color 0.2s, box-shadow 0.2s;
    }
    .steel3d-root .s3d-auth-viewport .s3d-input:focus {
      border-color: rgba(212, 175, 55, 0.65);
      box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.12);
    }
    .steel3d-root .s3d-auth-viewport .s3d-pw-wrap {
      position: relative;
      width: 100%;
    }
    .steel3d-root .s3d-auth-viewport .s3d-pw-wrap .s3d-input {
      padding-right: 48px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-mgr-awaiting,
    .steel3d-root #steel3d-manager > .s3d-wrap > .s3d-mgr-awaiting {
      margin-inline: auto;
      width: 100%;
      max-width: 690px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-auth-submit {
      width: 100%;
      background: rgba(212, 175, 55, 0.08);
      border: 1px solid rgba(212, 175, 55, 0.45);
      color: #7ef7ff;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      padding: 12px 10px;
      min-height: 44px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      margin-top: 6px;
      border-radius: 0;
      transition: background 0.2s, box-shadow 0.2s, border-color 0.2s;
      box-shadow: none;
    }
    .steel3d-root .s3d-auth-viewport .s3d-auth-submit:hover:not(:disabled) {
      background: rgba(212, 175, 55, 0.14);
      border-color: rgba(212, 175, 55, 0.7);
      box-shadow: 0 0 10px rgba(212, 175, 55, 0.15);
      color: #a8faff;
    }
    .steel3d-root .s3d-auth-viewport .s3d-auth-submit:disabled {
      opacity: 0.75;
      cursor: wait;
    }
    .steel3d-root .s3d-auth-viewport .s3d-form-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 16px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-link,
    .steel3d-root .s3d-auth-viewport button.s3d-link {
      color: #D4AF37;
      text-decoration: none;
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      font: inherit;
      min-height: auto;
      min-width: auto;
    }
    .steel3d-root .s3d-auth-viewport .s3d-security-badge {
      color: var(--text-muted);
    }
    .steel3d-root .s3d-auth-viewport .s3d-form-alert {
      margin: 0 0 12px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.45;
    }
    .steel3d-root .s3d-auth-viewport .s3d-form-alert.s3d-alert-info.s3d-pw-sent {
      border: 2px solid rgba(212, 175, 55, 0.65);
      background: rgba(212, 175, 55, 0.12);
      color: #e2e8f0;
      font-size: 15px;
      padding: 16px 18px;
    }
    .steel3d-root .s3d-auth-viewport .s3d-form-alert:not(.s3d-visible) {
      display: none;
    }
    /* Unmissable password-reset portal notice (signed-in + sign-in) */
    .steel3d-root .s3d-pw-notice {
      position: fixed;
      inset: 0;
      z-index: 13050;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.25rem;
      background: rgba(0, 0, 0, 0.72);
      box-sizing: border-box;
    }
    .steel3d-root .s3d-pw-notice[hidden] { display: none !important; }
    .steel3d-root .s3d-pw-notice-card {
      width: min(420px, 100%);
      margin: 0 auto;
      padding: 1.35rem 1.25rem 1.2rem;
      border: 2px solid rgba(212, 175, 55, 0.55);
      border-radius: 2px;
      background: #04070a;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
    }
    .steel3d-root .s3d-pw-notice-card.is-err {
      border-color: rgba(255, 120, 100, 0.7);
    }
    .steel3d-root .s3d-pw-notice-hud {
      margin: 0 0 0.55rem;
      font-size: 0.68rem;
      letter-spacing: 0.14em;
      color: #D4AF37;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-pw-notice-card.is-err .s3d-pw-notice-hud { color: #D4AF37; }
    .steel3d-root .s3d-pw-notice-card h3 {
      margin: 0 0 0.55rem;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.15rem;
      font-weight: 700;
      color: #e2e8f0;
      letter-spacing: 0;
    }
    .steel3d-root .s3d-pw-notice-card p {
      margin: 0 0 1.1rem;
      font-size: 0.95rem;
      line-height: 1.5;
      color: #c9d4e0;
    }
    .steel3d-root .s3d-pw-set-form {
      text-align: left;
      margin-top: 0.35rem;
    }
    .steel3d-root .s3d-pw-set-form .s3d-input-group {
      margin-bottom: 0.75rem;
    }
    .steel3d-root .s3d-pw-set-form .s3d-btn {
      width: 100%;
      margin-top: 0.35rem;
    }
    .steel3d-root .s3d-change-password-btn {
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-auth-viewport .s3d-owner-links {
      display: flex;
      flex-wrap: wrap;
      gap: 6px 10px;
      margin-top: 10px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
    }
    @media (max-width: 600px) {
      .steel3d-root .s3d-auth-viewport {
        min-height: auto;
        padding: 28px 14px 36px;
      }
      .steel3d-root .s3d-auth-viewport.is-continuity-login .s3d-spine-banner {
        flex-direction: column;
        gap: 8px;
      }
      .steel3d-root .s3d-auth-viewport .s3d-spine-line {
        width: 2px;
        height: 16px;
        min-width: 0;
        flex-grow: 0;
      }
      .steel3d-root .s3d-auth-viewport .s3d-form-footer {
        flex-direction: column;
        align-items: flex-start;
      }
    }
    .steel3d-root .s3d-mgr-awaiting {
      max-width: 520px;
      margin-bottom: 20px;
      border: 1px solid rgba(201, 169, 98, 0.35);
    }
    .steel3d-root .s3d-signin-as {
      margin: 0 0 12px;
      font-size: 14px;
      color: #dfe6f2;
    }
    .steel3d-root .s3d-signin-as strong {
      color: #fff;
      font-weight: 500;
    }
    .steel3d-root .s3d-portal-status {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 12px;
      margin: 0 0 14px;
      padding: 10px 12px;
      border-radius: 12px;
      font-size: 13px;
      line-height: 1.45;
      border: 1px solid var(--line);
      background: rgba(8, 10, 14, 0.9);
      color: #dfe6f2;
    }
    .steel3d-root .s3d-portal-status::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      flex-shrink: 0;
      background: #8a93a3;
    }
    .steel3d-root .s3d-portal-status[data-state="ready"] {
      border-color: rgba(120, 200, 140, 0.35);
      background: rgba(60, 140, 80, 0.12);
    }
    .steel3d-root .s3d-portal-status[data-state="ready"]::before {
      background: #7dd492;
    }
    .steel3d-root .s3d-portal-status[data-state="offline"] {
      border-color: rgba(201, 169, 98, 0.35);
      background: rgba(201, 169, 98, 0.08);
    }
    .steel3d-root .s3d-portal-status[data-state="offline"]::before {
      background: var(--gold);
    }
    .steel3d-root .s3d-form-field-hint {
      font-size: 12px;
      line-height: 1.45;
      color: var(--mist);
      margin: 0;
    }
    .steel3d-root .s3d-form-alert {
      display: none;
      padding: 14px 16px;
      border-radius: 14px;
      margin-bottom: 14px;
      font-size: 14px;
      line-height: 1.55;
    }
    .steel3d-root .s3d-form-alert.s3d-visible { display: block; }
    .steel3d-root .s3d-form-alert.s3d-alert-err {
      border: 1px solid rgba(240, 168, 168, 0.45);
      background: rgba(140, 50, 50, 0.18);
      color: #f5d6d6;
    }
    .steel3d-root .s3d-form-alert.s3d-alert-info {
      border: 1px solid rgba(201, 169, 98, 0.45);
      background: var(--gold-soft);
      color: #dfe6f2;
    }
    .steel3d-root .s3d-link-quiet {
      font-size: 13px;
      color: var(--gold);
      text-decoration: underline;
      text-underline-offset: 3px;
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      font: inherit;
    }
    .steel3d-root .s3d-mgr-auth-msg {
      margin: 10px 0 0;
      font-size: 13px;
      color: var(--mist);
    }
    .steel3d-root .s3d-mgr-auth-msg.s3d-mgr-err { color: #f0a8a8; }
    .steel3d-root .s3d-admin-bar {
      border: 1px solid rgba(201, 169, 98, 0.35);
      border-radius: var(--radius);
      background: rgba(201, 169, 98, 0.08);
      padding: 14px 16px 16px;
      margin-bottom: 16px;
    }
    .steel3d-root .s3d-admin-bar-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 12px;
    }
    .steel3d-root .s3d-admin-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 999px;
      background: linear-gradient(135deg, #D4AF37, var(--gold));
      color: #0a0c0f;
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 600;
    }
    .steel3d-root .s3d-admin-meta {
      font-size: 13px;
      color: var(--mist);
    }
    .steel3d-root .s3d-btn-logout {
      border-color: rgba(240, 168, 168, 0.55);
      color: #f5d0d0;
      background: rgba(120, 40, 40, 0.35);
      font-weight: 600;
      letter-spacing: 0.06em;
      cursor: pointer;
      pointer-events: auto;
    }
    .steel3d-root .s3d-btn-logout:hover {
      border-color: #f0a8a8;
      background: rgba(160, 50, 50, 0.45);
      color: #fff;
    }
    .steel3d-root .s3d-owner-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 12px;
      margin-bottom: 12px;
    }
    .steel3d-root .s3d-admin-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 10px;
      margin-bottom: 14px;
    }
    @media (max-width: 820px) {
      .steel3d-root .s3d-admin-grid { grid-template-columns: 1fr; }
    }
    .steel3d-root .s3d-admin-stat {
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 12px;
      background: rgba(8, 10, 14, 0.9);
    }
    .steel3d-root .s3d-admin-stat strong {
      display: block;
      font-size: 22px;
      color: #fff;
      margin-bottom: 4px;
    }
    .steel3d-root .s3d-admin-stat span {
      font-size: 12px;
      color: var(--mist);
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-admin-panel {
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 12px;
      background: rgba(7, 9, 13, 0.92);
      margin-top: 12px;
    }
    .steel3d-root .s3d-admin-panel h3 {
      margin: 0 0 10px;
      font-size: 13px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .steel3d-root .s3d-admin-list {
      max-height: 220px;
      overflow: auto;
      display: grid;
      gap: 6px;
    }
    .steel3d-root .s3d-admin-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.02);
      font-size: 13px;
    }
    .steel3d-root .s3d-admin-row small {
      color: var(--mist);
      display: block;
      margin-top: 2px;
    }
    .steel3d-root .s3d-admin-row button {
      font: inherit;
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(201, 169, 98, 0.45);
      background: rgba(201, 169, 98, 0.15);
      color: #fff;
      cursor: pointer;
    }
    .steel3d-root .s3d-admin-row button:hover {
      background: rgba(201, 169, 98, 0.28);
    }
    .steel3d-root .s3d-admin-row button:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
    .steel3d-root .s3d-admin-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 12px;
    }
    .steel3d-root .s3d-admin-tabs button {
      font: inherit;
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 8px 14px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.25);
      color: var(--mist);
      cursor: pointer;
    }
    .steel3d-root .s3d-admin-tabs button[aria-selected="true"] {
      border-color: rgba(201, 169, 98, 0.55);
      background: rgba(201, 169, 98, 0.2);
      color: #fff;
    }
    .steel3d-root .s3d-ai-drop {
      border: 1px dashed rgba(201, 169, 98, 0.45);
      border-radius: 14px;
      padding: 18px 16px;
      text-align: center;
      background: rgba(0, 0, 0, 0.22);
      margin-bottom: 14px;
      transition: border-color 0.15s ease, background 0.15s ease;
    }
    .steel3d-root .s3d-ai-drop.s3d-ai-drag {
      border-color: var(--gold);
      background: rgba(201, 169, 98, 0.1);
    }
    .steel3d-root .s3d-ai-drop p {
      margin: 0 0 10px;
      font-size: 14px;
      color: #dfe6f2;
    }
    .steel3d-root .s3d-ai-form-grid {
      display: grid;
      gap: 12px;
      margin-bottom: 14px;
    }
    @media (min-width: 720px) {
      .steel3d-root .s3d-ai-form-grid { grid-template-columns: 1fr 1fr; }
      .steel3d-root .s3d-ai-form-grid .s3d-ai-span-2 { grid-column: 1 / -1; }
    }
    .steel3d-root .s3d-ai-list {
      max-height: 280px;
      overflow: auto;
      display: grid;
      gap: 8px;
    }
    .steel3d-root .s3d-ai-status {
      font-size: 13px;
      color: var(--mist);
      margin: 0 0 10px;
      min-height: 1.2em;
    }
    .steel3d-root .s3d-ai-status.s3d-mgr-err { color: #f0a8a8; }
    .steel3d-root .s3d-ai-row-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .steel3d-root .s3d-ai-row-actions button,
    .steel3d-root .s3d-ai-row-actions a {
      font-size: 11px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-ai-row-actions a {
      color: var(--gold);
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    /* ----- 08b PORTAL SHELL ----- */
    .steel3d-root .s3d-mgr-shell {
      border: 1px solid var(--s3d-border);
      border-radius: var(--radius);
      background: rgba(11, 13, 14, 0.94);
      box-shadow: var(--shadow), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
      overflow: hidden;
      position: relative;
      z-index: 2;
      pointer-events: auto;
    }
    .steel3d-root .s3d-mgr-shell[hidden] {
      display: none !important;
      pointer-events: none;
    }
    .steel3d-root .s3d-mgr-shell.s3d-drop-active {
      outline: 2px dashed var(--gold);
      outline-offset: -4px;
    }
    /* Manager AI workspace (single panel — no separate PDF/QR drop zones) */
    .steel3d-root .s3d-mgr-ai-workspace {
      display: flex;
      flex-direction: column;
      min-height: min(72vh, 720px);
    }
    .steel3d-root .s3d-mgr-ai-toolbar {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 12px 16px;
      padding: 14px 16px;
      border-bottom: 1px solid var(--line);
      background: rgba(7, 9, 13, 0.92);
    }
    @media (max-width: 640px) {
      .steel3d-root .s3d-mgr-ai-toolbar { grid-template-columns: 1fr; }
    }
    /* Job Number DMS — fabricator-first: open / create by job number, file dashboard */
    /* One-tap shop-floor actions (job-number gated) */
    .steel3d-root .s3d-action-bar-wrap {
      margin: 14px 0 18px;
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-left: 3px solid var(--accent);
      background: #0a0e14;
    }
    .steel3d-root .s3d-action-bar-wrap[hidden] {
      display: none !important;
    }
    .steel3d-root .s3d-action-bar-head {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px 16px;
      margin: 0 0 12px;
    }
    .steel3d-root .s3d-action-bar-head strong {
      font-family: var(--font-brand);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--accent-bright) !important;
      -webkit-text-fill-color: var(--accent-bright) !important;
    }
    .steel3d-root .s3d-action-bar-head span {
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      color: var(--mist) !important;
      -webkit-text-fill-color: var(--mist) !important;
    }
    .steel3d-root .s3d-action-bar-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }
    @media (max-width: 820px) {
      .steel3d-root .s3d-action-bar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
    }
    .steel3d-root .s3d-shop-tap {
      min-height: 52px;
      padding: 12px 16px;
      border-radius: var(--radius-sm);
      border: 1px solid var(--s3d-border);
      background: rgba(18, 21, 23, 0.95);
      color: #fff !important;
      -webkit-text-fill-color: #fff !important;
      font-family: var(--font-mono);
      font-size: clamp(11px, 2.2vw, 13px);
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
      transition: background 0.15s ease, border-color 0.15s ease, filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
    }
    .steel3d-root .s3d-shop-tap:hover {
      border-color: var(--accent);
      background: rgba(255, 153, 0, 0.14);
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(255, 153, 0, 0.18);
    }
    .steel3d-root .s3d-shop-tap:active {
      transform: scale(0.98);
      filter: brightness(1.12);
      border-color: var(--accent-bright);
      background: rgba(255, 153, 0, 0.28);
    }
    .steel3d-root .s3d-shop-tap:focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 2px;
    }
    .steel3d-root .s3d-shop-tap[disabled] {
      opacity: 0.45;
      cursor: not-allowed;
      transform: none;
    }
    .steel3d-root .s3d-shop-tap-warn {
      border-color: rgba(240, 120, 80, 0.55);
    }
    .steel3d-root .s3d-shop-tap-warn:hover,
    .steel3d-root .s3d-shop-tap-warn:active {
      border-color: #f07850;
      background: rgba(240, 120, 80, 0.18);
    }
    .steel3d-root .s3d-shop-timeline {
      list-style: none;
      margin: 14px 0 0;
      padding: 0;
      display: grid;
      gap: 6px;
    }
    .steel3d-root .s3d-shop-timeline li {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 4px 10px;
      padding: 8px 10px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 0, 0, 0.28);
      font-size: 12px;
      line-height: 1.35;
      color: #c4cad6 !important;
      -webkit-text-fill-color: #c4cad6 !important;
    }
    .steel3d-root .s3d-shop-timeline strong {
      grid-column: 1 / -1;
      font-family: var(--font-brand);
      font-size: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--accent-bright) !important;
      -webkit-text-fill-color: var(--accent-bright) !important;
    }
    .steel3d-root .s3d-shop-timeline small {
      color: var(--mist) !important;
      -webkit-text-fill-color: var(--mist) !important;
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.04em;
    }
    .steel3d-root .s3d-shop-timeline-empty {
      margin: 12px 0 0;
      font-size: 12px;
      color: var(--mist) !important;
      -webkit-text-fill-color: var(--mist) !important;
    }
    .steel3d-root .s3d-shop-toast {
      margin: 10px 0 0;
      min-height: 1.2em;
      font-size: 13px;
      font-weight: 600;
      color: var(--accent-bright) !important;
      -webkit-text-fill-color: var(--accent-bright) !important;
    }
    .steel3d-root .s3d-shop-toast.s3d-mgr-err {
      color: #f0a0a0 !important;
      -webkit-text-fill-color: #f0a0a0 !important;
    }
    .steel3d-root .s3d-continuity-card,
    .steel3d-root .s3d-continuity-log {
      margin-top: 14px;
      padding: 12px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-left: 3px solid var(--accent);
      background: rgba(0, 0, 0, 0.28);
    }
    .steel3d-root .s3d-continuity-card[hidden],
    .steel3d-root .s3d-continuity-log[hidden] {
      display: none !important;
    }
    .steel3d-root .s3d-continuity-card-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin: 0 0 8px;
    }
    .steel3d-root .s3d-continuity-card-head strong {
      font-family: var(--font-brand);
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent-bright) !important;
      -webkit-text-fill-color: var(--accent-bright) !important;
    }
    .steel3d-root .s3d-continuity-who {
      margin: 0 0 2px;
      font-size: 15px;
      font-weight: 600;
      color: #fff !important;
      -webkit-text-fill-color: #fff !important;
    }
    .steel3d-root .s3d-continuity-process {
      margin: 0 0 10px;
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      color: var(--mist) !important;
      -webkit-text-fill-color: var(--mist) !important;
    }
    .steel3d-root .s3d-continuity-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px 14px;
      margin: 0 0 12px;
    }
    .steel3d-root .s3d-continuity-badge {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 4px 10px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 999px;
      font-family: var(--font-mono);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-cont-active {
      color: #0a120e !important;
      -webkit-text-fill-color: #0a120e !important;
      background: #6bcf8e;
      border-color: #6bcf8e;
    }
    .steel3d-root .s3d-cont-expiring_soon {
      color: #140e04 !important;
      -webkit-text-fill-color: #140e04 !important;
      background: var(--accent-bright);
      border-color: var(--accent);
    }
    .steel3d-root .s3d-cont-expired {
      color: #fff !important;
      -webkit-text-fill-color: #fff !important;
      background: #a33b3b;
      border-color: #c45a5a;
    }
    .steel3d-root .s3d-cont-unknown {
      color: var(--mist) !important;
      -webkit-text-fill-color: var(--mist) !important;
      background: transparent;
    }
    .steel3d-root .s3d-continuity-days {
      font-size: 12px;
      color: #c4cad6 !important;
      -webkit-text-fill-color: #c4cad6 !important;
    }
    .steel3d-root .s3d-continuity-bump {
      width: 100%;
      min-height: 52px;
      padding: 12px 16px;
    }
    .steel3d-root .s3d-audit-pack-btn {
      width: 100%;
      min-height: 52px;
      padding: 12px 16px;
      margin: 12px 0 0;
      font-family: var(--font-mono);
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-table-wrapper,
    .steel3d-root .s3d-continuity-table-wrap {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .steel3d-root .s3d-continuity-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 12px;
    }
    .steel3d-root .s3d-continuity-table th,
    .steel3d-root .s3d-continuity-table td {
      padding: 8px 10px;
      text-align: left;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      color: #c4cad6 !important;
      -webkit-text-fill-color: #c4cad6 !important;
    }
    .steel3d-root .s3d-continuity-table th {
      font-family: var(--font-brand);
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--mist) !important;
      -webkit-text-fill-color: var(--mist) !important;
    }
    .steel3d-root.s3d-no-job .s3d-action-bar-wrap,
    .steel3d-root .s3d-mgr-shell.s3d-no-job .s3d-action-bar-wrap {
      display: none !important;
    }
    .steel3d-root .s3d-dms-bar {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      gap: 10px 12px;
      padding: 12px 16px;
      border-bottom: 1px solid var(--line);
      background: rgba(5, 7, 11, 0.92);
    }
    .steel3d-root .s3d-dms-bar .s3d-mgr-field {
      flex: 1 1 220px;
      min-width: min(100%, 200px);
    }
    .steel3d-root .s3d-dms-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }
    .steel3d-root .s3d-dms-status {
      flex: 1 1 100%;
      margin: 0;
      font-size: 13px;
      color: var(--mist);
      min-height: 1.2em;
    }
    .steel3d-root .s3d-dms-status.s3d-mgr-err { color: #f0a0a0; }
    .steel3d-root .s3d-job-empty {
      margin: 0 16px 12px;
      padding: 14px 16px;
      border: 1px solid var(--line-gold);
      border-radius: var(--radius-sm);
      background: rgba(201, 169, 98, 0.08);
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .steel3d-root .s3d-job-empty[hidden] { display: none !important; }
    .steel3d-root .s3d-job-empty strong {
      font-size: 15px;
      color: var(--paper);
      font-weight: 650;
    }
    .steel3d-root .s3d-job-empty span {
      font-size: 13px;
      color: var(--mist);
      line-height: 1.45;
    }
    .steel3d-root .s3d-job-open-label {
      margin: 0;
      font-size: 12px;
      color: var(--line-gold);
      font-weight: 600;
      letter-spacing: 0.02em;
    }
    .steel3d-root .s3d-job-open-label[hidden] { display: none !important; }
    .steel3d-root .s3d-mgr-shell.s3d-no-job .s3d-dms-bar {
      border-bottom-color: var(--line-gold);
    }
    .steel3d-root .s3d-dms-panel {
      margin: 0 16px 12px;
      padding: 14px 16px 16px;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      background: rgba(7, 9, 13, 0.94);
    }
    .steel3d-root .s3d-dms-panel[hidden] { display: none !important; }
    .steel3d-root .s3d-dms-panel-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 10px 16px;
      margin-bottom: 12px;
    }
    .steel3d-root .s3d-dms-panel-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
    }
    .steel3d-root #steel3dAuditPackBtn[hidden] {
      display: none !important;
    }
    .steel3d-root #steel3dAuditPackBtn {
      min-height: 52px;
      padding: 12px 16px;
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .steel3d-root #steel3dJobOpenBtn,
    .steel3d-root #steel3dJobCreateBtn {
      min-height: 52px;
      padding: 12px 16px;
    }
    .steel3d-root #steel3dJobNumberInput {
      font-family: var(--font-mono);
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .steel3d-root #steel3dJobNumberInput:focus {
      border-color: var(--s3d-border-active) !important;
      box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.2), 0 0 20px rgba(212, 175, 55, 0.12);
    }
    .steel3d-root .s3d-dms-panel-head h3 {
      margin: 0;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 0.02em;
    }
    .steel3d-root .s3d-dms-filters {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 10px 12px;
      margin-bottom: 12px;
    }
    .steel3d-root .s3d-dms-upload-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
    }
    .steel3d-root .s3d-dms-assign {
      margin-bottom: 12px;
      padding: 12px;
      border: 1px dashed var(--line-gold);
      border-radius: var(--radius-sm);
      background: rgba(212, 146, 58, 0.06);
    }
    .steel3d-root .s3d-dms-assign[hidden] { display: none !important; }
    .steel3d-root .s3d-dms-assign p {
      margin: 0 0 10px;
      font-size: 13px;
      color: var(--paper);
    }
    .steel3d-root .s3d-dms-list {
      display: grid;
      gap: 8px;
      max-height: min(42vh, 420px);
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .steel3d-root .s3d-dms-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px 12px;
      align-items: center;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(0, 0, 0, 0.22);
      font-size: 13px;
    }
    .steel3d-root .s3d-dms-row strong {
      display: block;
      font-weight: 600;
      color: var(--paper);
      word-break: break-word;
    }
    .steel3d-root .s3d-dms-row small {
      display: block;
      margin-top: 2px;
      color: var(--mist);
      font-size: 12px;
    }
    .steel3d-root .s3d-dms-row-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      justify-content: flex-end;
    }
    .steel3d-root .s3d-dms-empty {
      margin: 0;
      padding: 16px 8px;
      text-align: center;
      color: var(--mist);
      font-size: 13px;
    }
    .steel3d-root .s3d-dms-rev-list {
      margin-top: 6px;
      padding-left: 12px;
      border-left: 2px solid var(--line-gold);
      display: grid;
      gap: 4px;
    }
    .steel3d-root .s3d-dms-rev-list small { color: var(--mist); }
    .steel3d-root .s3d-mgr-ai-panel {
      display: flex;
      flex-direction: column;
      flex: 1;
      min-height: 0;
      padding: 16px;
      gap: 12px;
    }
    .steel3d-root .s3d-mgr-ai-hint {
      margin: 0;
      font-size: 13px;
      color: var(--mist);
      line-height: 1.5;
      padding: 10px 12px;
      border-radius: var(--radius-sm);
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.03);
    }
    .steel3d-root .s3d-mgr-ai-messages {
      flex: 1;
      min-height: 200px;
      max-height: min(42vh, 420px);
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 4px 2px;
    }
    .steel3d-root .s3d-mgr-ai-msg {
      max-width: 92%;
      padding: 10px 14px;
      border-radius: 12px;
      font-size: 14px;
      line-height: 1.45;
    }
    .steel3d-root .s3d-mgr-ai-msg-user {
      align-self: flex-end;
      background: linear-gradient(135deg, rgba(201, 169, 98, 0.22), rgba(201, 169, 98, 0.08));
      border: 1px solid var(--line-gold);
      color: var(--paper);
    }
    .steel3d-root .s3d-mgr-ai-msg-bot {
      align-self: flex-start;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid var(--line);
      color: var(--mist);
    }
    .steel3d-root .s3d-mgr-ai-msg-bot strong { color: var(--gold-bright); }
    .steel3d-root .s3d-contact-aside-title {
      margin: 0 0 10px;
      font-family: var(--font-display);
      font-size: clamp(26px, 3vw, 34px);
      letter-spacing: 0.04em;
      color: #fff;
      line-height: 1.1;
    }
    .steel3d-root .s3d-contact-form-panel {
      border-color: rgba(232, 160, 58, 0.22);
    }
    .steel3d-root .s3d-suggest-section {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
    .steel3d-root .s3d-suggest-section .s3d-suggest-hud {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.68rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #D4AF37;
      margin: 0 0 0.65rem;
      text-align: center;
    }
    .steel3d-root .s3d-suggest-section .s3d-suggest-title {
      margin: 0 0 0.35rem;
      font-family: var(--font-sans);
      font-size: 1.45rem;
      font-weight: 700;
      letter-spacing: -0.01em;
      color: #e8f4f8;
      text-align: center;
    }
    .steel3d-root .s3d-suggest-section .s3d-suggest-lead {
      margin: 0 auto 1.35rem;
      max-width: 36rem;
      font-family: var(--font-sans);
      font-size: 0.92rem;
      line-height: 1.5;
      color: #e2e8f0;
      text-align: center;
    }
    .steel3d-root .s3d-suggest-panel {
      max-width: 640px;
      margin: 0 auto;
      padding: 1.75rem 1.6rem 1.85rem;
      border: 1px solid rgba(212, 175, 55, 0.22);
      border-radius: 0;
      background: rgba(4, 7, 10, 0.92);
      box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.04), 0 0 40px rgba(0, 0, 0, 0.35);
    }
    .steel3d-root .s3d-suggest-panel .s3d-form-actions {
      margin: 0.35rem 0 0.5rem;
    }
    .steel3d-root .s3d-suggest-form .s3d-form-group,
    .steel3d-root .s3d-suggest-form .s3d-form-field {
      margin-bottom: 1rem;
    }
    .steel3d-root .s3d-suggest-form label {
      display: block;
      font-family: var(--font-sans);
      font-size: 0.78rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: rgba(200, 220, 230, 0.85);
      margin-bottom: 0.4rem;
    }
    .steel3d-root .s3d-suggest-form .s3d-input,
    .steel3d-root .s3d-suggest-form input[type="text"],
    .steel3d-root .s3d-suggest-form input[type="email"],
    .steel3d-root .s3d-suggest-form textarea {
      width: 100%;
      font-family: var(--font-sans);
      font-size: 0.95rem;
      color: #e8f4f8;
      background: #04070a;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 0;
      padding: 0.8rem 0.95rem;
      outline: none;
      color-scheme: dark;
      transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease;
    }
    .steel3d-root .s3d-suggest-form .s3d-input:hover,
    .steel3d-root .s3d-suggest-form input[type="text"]:hover,
    .steel3d-root .s3d-suggest-form input[type="email"]:hover,
    .steel3d-root .s3d-suggest-form textarea:hover {
      border-color: #D4AF37;
      background: #071016;
      box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35), 0 0 18px rgba(212, 175, 55, 0.22);
      color: #fff;
    }
    .steel3d-root .s3d-suggest-form .s3d-input:focus,
    .steel3d-root .s3d-suggest-form input[type="text"]:focus,
    .steel3d-root .s3d-suggest-form input[type="email"]:focus,
    .steel3d-root .s3d-suggest-form textarea:focus {
      border-color: #D4AF37;
      background: #08141a;
      box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.45), 0 0 24px rgba(212, 175, 55, 0.28);
      color: #fff;
    }
    .steel3d-root .s3d-suggest-form .s3d-form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.85rem;
    }
    .steel3d-root .s3d-suggest-form .s3d-form-submit {
      width: 100%;
      margin-top: 0.15rem;
      font-family: var(--font-sans);
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: none;
    }
    .steel3d-root .s3d-suggest-form .s3d-form-note {
      margin: 0.65rem 0 0;
      font-family: var(--font-sans);
      font-size: 0.8rem;
      color: rgba(160, 180, 190, 0.72);
      line-height: 1.45;
    }
    .steel3d-root #steel3dSuggestStatus {
      margin: 0.5rem 0 0;
      min-height: 1.2em;
      font-family: var(--font-sans);
      font-size: 0.88rem;
      color: #e2e8f0;
    }
    .steel3d-root #steel3dSuggestStatus.s3d-mgr-err {
      color: #f0a0a0;
    }
    @media (max-width: 640px) {
      .steel3d-root .s3d-suggest-form .s3d-form-row {
        grid-template-columns: 1fr;
      }
    }
    @media (min-width: 821px) {
      .steel3d-root .s3d-compliance-row {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    .steel3d-root .s3d-reviews-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 14px;
      margin-top: 8px;
    }
    .steel3d-root .s3d-review-card {
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: var(--radius);
      border-left: 3px solid var(--accent);
      padding: 20px 18px 22px;
      background: var(--s3d-card-bg);
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      transition: border-color 0.25s ease, background 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
      position: relative;
    }
    .steel3d-root .s3d-review-card::before {
      content: none;
      display: none;
    }
    .steel3d-root .s3d-review-card:hover {
      transform: translateY(-2px);
      border-color: rgba(240, 154, 40, 0.5);
      box-shadow: var(--shadow-lift);
      background: rgba(22, 26, 30, 0.94);
    }
    .steel3d-root .s3d-review-stars {
      color: var(--gold-bright);
      font-size: 14px;
      letter-spacing: 3px;
      margin-bottom: 10px;
      padding-left: 8px;
    }
    .steel3d-root .s3d-review-card blockquote {
      margin: 0 0 14px;
      padding-left: 8px;
      font-size: 15px;
      line-height: 1.55;
      color: var(--paper);
      font-style: normal;
      font-family: var(--font-body);
    }
    .steel3d-root .s3d-review-meta {
      font-size: 13px;
      color: var(--mist);
      padding-left: 8px;
    }
    .steel3d-root .s3d-review-meta strong {
      color: var(--gold-bright);
      font-weight: 600;
    }
    .steel3d-root .s3d-mgr-ai-msg-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 8px;
    }
    .steel3d-root .s3d-mgr-ai-drop {
      border: 1px dashed var(--line-gold);
      border-radius: var(--radius-sm);
      padding: 16px;
      text-align: center;
      background: rgba(201, 169, 98, 0.04);
      transition: border-color 0.25s ease, background 0.25s ease;
    }
    .steel3d-root .s3d-mgr-ai-drop.s3d-ai-drag {
      border-color: var(--gold-bright);
      background: rgba(201, 169, 98, 0.12);
    }
    .steel3d-root .s3d-mgr-ai-drop p {
      margin: 0 0 10px;
      font-size: 13px;
      color: var(--mist);
    }
    .steel3d-root .s3d-mgr-ai-compose {
      display: flex;
      gap: 10px;
      align-items: flex-end;
    }
    .steel3d-root .s3d-mgr-ai-compose textarea,
    .steel3d-root .s3d-mgr-ai-compose input,
    .steel3d-root #steel3dMgrAiInput {
      flex: 1;
      width: 100%;
      min-height: 52px;
      height: auto;
      box-sizing: border-box;
      resize: vertical;
      border-radius: var(--radius-sm);
      border: 1px solid var(--line) !important;
      background: rgba(5, 6, 8, 0.85) !important;
      color: var(--paper) !important;
      font: inherit;
      font-size: 14px !important;
      line-height: 1.4;
      padding: 12px 14px !important;
      box-shadow: none !important;
      -webkit-appearance: none;
      appearance: none;
    }
    .steel3d-root .s3d-mgr-ai-compose textarea:focus,
    .steel3d-root .s3d-mgr-ai-compose input:focus,
    .steel3d-root #steel3dMgrAiInput:focus {
      outline: none;
      border-color: var(--s3d-border-active) !important;
      box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.2), 0 0 24px rgba(212, 175, 55, 0.12) !important;
    }
    .steel3d-root .s3d-mgr-ai-compose textarea::placeholder,
    .steel3d-root .s3d-mgr-ai-compose input::placeholder,
    .steel3d-root #steel3dMgrAiInput::placeholder {
      color: var(--mist) !important;
      opacity: 1;
    }
    .steel3d-root .s3d-mgr-ai-voice-btns {
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex-shrink: 0;
    }
    .steel3d-root .s3d-mgr-ai-voice-btn {
      min-width: 48px;
      min-height: 48px;
      padding: 8px 10px;
      border-radius: var(--radius-sm);
      border: 1px solid var(--line);
      background: rgba(5, 6, 8, 0.85);
      color: var(--paper);
      cursor: pointer;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0;
    }
    .steel3d-root .s3d-mgr-ai-voice-btn svg {
      width: 18px;
      height: 18px;
      display: block;
      flex-shrink: 0;
    }
    .steel3d-root .s3d-mgr-ai-voice-btn:hover {
      border-color: var(--line-gold);
      color: var(--gold);
    }
    .steel3d-root .s3d-mgr-ai-voice-btn.is-listening {
      border-color: #c44;
      color: #ff8a8a;
      box-shadow: 0 0 0 1px rgba(200, 60, 60, 0.35);
    }
    .steel3d-root .s3d-mgr-ai-voice-btn.is-on {
      border-color: var(--line-gold);
      color: var(--gold);
    }
    .steel3d-root .s3d-trial-banner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 14px;
      margin: 0 0 12px;
      padding: 10px 14px;
      border: 1px solid rgba(201, 169, 98, 0.45);
      border-radius: var(--radius-sm);
      background: rgba(201, 169, 98, 0.12);
      font-size: 13px;
      color: var(--paper);
    }
    .steel3d-root .s3d-trial-banner[hidden] { display: none !important; }
    .steel3d-root .s3d-trial-banner.s3d-trial-warn {
      border-color: rgba(220, 120, 60, 0.55);
      background: rgba(220, 120, 60, 0.14);
    }
    .steel3d-root .s3d-trial-banner.s3d-trial-urgent {
      border-color: rgba(200, 70, 70, 0.6);
      background: rgba(200, 70, 70, 0.16);
    }
    .steel3d-root .s3d-trial-banner a {
      margin-left: auto;
      color: var(--gold);
      font-weight: 650;
      text-decoration: underline;
    }
    .steel3d-root .s3d-trial-bump-modal {
      position: fixed;
      inset: 0;
      z-index: 12000;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.25rem;
      background: rgba(4, 7, 10, 0.78);
    }
    .steel3d-root .s3d-trial-bump-modal[hidden] { display: none !important; }
    .steel3d-root .s3d-trial-bump-card {
      width: min(100%, 420px);
      padding: 1.35rem 1.4rem 1.25rem;
      background: #04070a;
      border: 1px solid rgba(212, 175, 55, 0.45);
      box-shadow: 0 0 40px rgba(212, 175, 55, 0.12), 0 16px 48px rgba(0, 0, 0, 0.55);
      text-align: center;
    }
    .steel3d-root .s3d-trial-bump-card.is-warn {
      border-color: rgba(212, 175, 55, 0.65);
    }
    .steel3d-root .s3d-trial-bump-card.is-urgent {
      border-color: rgba(240, 90, 90, 0.7);
    }
    .steel3d-root .s3d-trial-bump-hud {
      margin: 0 0 0.55rem;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.68rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #D4AF37;
    }
    .steel3d-root .s3d-trial-bump-card h3 {
      margin: 0 0 0.5rem;
      font-family: var(--font-sans);
      font-size: 1.2rem;
      color: #e8f4f8;
    }
    .steel3d-root .s3d-trial-bump-card p {
      margin: 0 0 1.1rem;
      font-family: var(--font-sans);
      font-size: 0.92rem;
      line-height: 1.5;
      color: #e2e8f0;
    }
    .steel3d-root .s3d-trial-bump-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
      justify-content: center;
    }
    .steel3d-root .s3d-pricing-trial-offer {
      display: block !important;
      max-width: 640px;
      margin: 0 auto 1.75rem;
      padding: 1.25rem 1.35rem 1.35rem;
      background: rgba(4, 7, 10, 0.92);
      border: 1px solid rgba(212, 175, 55, 0.4);
      text-align: center;
    }
    .steel3d-root .s3d-pricing-trial-offer .s3d-trial-offer-hud {
      display: block !important;
      margin: 0 0 0.5rem;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.68rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #D4AF37;
    }
    .steel3d-root .s3d-pricing-trial-offer h3 {
      display: block !important;
      margin: 0 0 0.4rem;
      font-family: var(--font-sans);
      font-size: 1.35rem;
      font-weight: 700;
      color: #e8f4f8;
      white-space: nowrap;
    }
    @media (max-width: 640px) {
      .steel3d-root .s3d-pricing-trial-offer h3 {
        white-space: normal;
      }
    }
    .steel3d-root .s3d-pricing-trial-offer p {
      display: block !important;
      margin: 0 auto 1rem;
      max-width: 34rem;
      font-family: var(--font-sans);
      font-size: 0.9rem;
      line-height: 1.5;
      color: #e2e8f0;
    }
    .steel3d-root .s3d-pricing-paid-label {
      display: block !important;
      text-align: center;
      margin: 0 0 1rem;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.68rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #D4AF37;
    }
    .steel3d-root .s3d-billing-toggle {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5rem;
      margin: 0 0 1.25rem;
    }
    /* 2026-08-06bq: billing toggles = same outline family as Tier 4 Book RWC / pricing CTAs */
    .steel3d-root .s3d-billing-btn {
      font-family: var(--font-hud), Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--text-main);
      -webkit-text-fill-color: var(--text-main);
      background: rgba(8, 11, 16, 0.92);
      border: 1px solid var(--border-cyan, rgba(212, 175, 55, 0.3));
      border-radius: var(--radius-sm);
      padding: 0.55rem 0.85rem;
      cursor: pointer;
      min-height: 48px;
      box-shadow: none;
      transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    }
    .steel3d-root .s3d-billing-btn:hover,
    .steel3d-root .s3d-billing-btn:focus-visible {
      border-color: rgba(56, 239, 125, 0.5);
      background: rgba(56, 239, 125, 0.08);
      color: var(--accent-green);
      -webkit-text-fill-color: var(--accent-green);
      box-shadow: 0 0 18px rgba(56, 239, 125, 0.18);
      transform: translateY(-1px);
    }
    .steel3d-root .s3d-billing-btn.is-active {
      /* Selected stays cyan-glow (not emerald) so hover ≠ selected */
      color: var(--text-main);
      -webkit-text-fill-color: var(--text-main);
      background: rgba(8, 11, 16, 0.92);
      border-color: var(--border-cyan-glow, rgba(212, 175, 55, 0.8));
      box-shadow: 0 0 12px rgba(212, 175, 55, 0.18);
    }
    .steel3d-root .s3d-billing-btn.is-active:hover,
    .steel3d-root .s3d-billing-btn.is-active:focus-visible {
      border-color: rgba(56, 239, 125, 0.5);
      background: rgba(56, 239, 125, 0.08);
      color: var(--accent-green);
      -webkit-text-fill-color: var(--accent-green);
      box-shadow: 0 0 18px rgba(56, 239, 125, 0.18);
    }
    .steel3d-root .s3d-price-note {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.65rem;
      letter-spacing: 0.08em;
      color: var(--accent-amber, #D4AF37);
      margin: -0.35rem 0 0;
    }
    .steel3d-root .s3d-price-note[hidden] { display: none !important; }
    .steel3d-root .s3d-pricing-trial-offer h3 {
      white-space: normal;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.78rem;
      letter-spacing: 0.08em;
      font-weight: 600;
      color: #38ef7d;
    }
    .steel3d-root .s3d-cut-list {
      margin: 0 0 12px;
      padding: 14px 14px 12px;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      background: rgba(7, 9, 13, 0.72);
    }
    .steel3d-root .s3d-cut-list[hidden] { display: none !important; }
    .steel3d-root .s3d-cut-list textarea {
      width: 100%;
      min-height: 140px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      line-height: 1.45;
      resize: vertical;
    }
    .steel3d-root .s3d-cut-list-opts {
      display: grid;
      gap: 10px;
      grid-template-columns: 1fr;
      margin-top: 10px;
    }
    @media (min-width: 720px) {
      .steel3d-root .s3d-cut-list-opts { grid-template-columns: 1.4fr 0.8fr 0.8fr; }
    }
    /* RFQ preview — stamped plate sheet before mailto */
    .steel3d-root .s3d-rfq-overlay {
      position: fixed;
      inset: 0;
      z-index: 12050;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px;
      background: rgba(4, 6, 10, 0.78);
    }
    .steel3d-root .s3d-rfq-overlay[hidden] { display: none !important; }
    .steel3d-root .s3d-rfq-sheet {
      width: min(640px, 100%);
      max-height: min(90vh, 760px);
      overflow: auto;
      border: 1px solid var(--line-gold);
      border-radius: var(--radius-sm);
      background: #0c1016;
      box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55);
    }
    .steel3d-root .s3d-rfq-sheet-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 8px 12px;
      padding: 12px 14px;
      border-bottom: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.32);
    }
    .steel3d-root .s3d-rfq-sheet-head h3 {
      margin: 0;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.02em;
      color: var(--paper);
    }
    .steel3d-root .s3d-rfq-sheet-body {
      padding: 14px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .steel3d-root .s3d-rfq-job-block {
      padding: 12px;
      border: 1px solid var(--line-gold);
      border-radius: var(--radius-sm);
      background: rgba(240, 154, 40, 0.06);
    }
    .steel3d-root .s3d-rfq-job-block label {
      display: block;
      margin-bottom: 6px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .steel3d-root .s3d-rfq-job-block input {
      width: 100%;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-rfq-job-hint {
      margin: 6px 0 0;
      font-size: 12px;
      color: var(--mist);
    }
    .steel3d-root .s3d-rfq-job-hint.s3d-rfq-job-err {
      color: #f0a0a0;
      font-weight: 650;
    }
    .steel3d-root .s3d-rfq-job-block.s3d-rfq-job-missing {
      border-color: rgba(220, 90, 90, 0.65);
      background: rgba(180, 40, 40, 0.12);
    }
    .steel3d-root .s3d-rfq-job-block.s3d-rfq-job-missing input {
      border-color: rgba(220, 90, 90, 0.55);
    }
    .steel3d-root .s3d-rfq-block label {
      display: block;
      margin-bottom: 4px;
      font-size: 11px;
      font-weight: 650;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--mist);
    }
    .steel3d-root .s3d-rfq-value,
    .steel3d-root .s3d-rfq-pre {
      margin: 0;
      padding: 10px 12px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.28);
      color: var(--paper);
      font-size: 13px;
      line-height: 1.45;
      white-space: pre-wrap;
      word-break: break-word;
    }
    .steel3d-root .s3d-rfq-pre {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      max-height: 220px;
      overflow: auto;
    }
    .steel3d-root .s3d-rfq-sheet-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-end;
      padding: 12px 14px 14px;
      border-top: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.22);
    }
    .steel3d-root .s3d-privacy-note {
      margin-top: 22px;
      padding: 16px 18px;
      border-left: 3px solid var(--gold);
      border: 1px solid var(--line);
      border-left-width: 3px;
      border-left-color: var(--gold);
      background: rgba(8, 10, 14, 0.9);
      font-size: 14px;
      line-height: 1.55;
      color: var(--platinum);
      max-width: 72ch;
    }
    .steel3d-root .s3d-privacy-note strong {
      color: #fff;
      display: block;
      margin-bottom: 8px;
      font-family: var(--font-display);
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.02em;
    }
    .steel3d-root .s3d-buy-settings[hidden] { display: none !important; }
    .steel3d-root .s3d-buy-settings-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 8px 12px;
      margin-bottom: 10px;
    }
    .steel3d-root .s3d-buy-settings-head h3 {
      margin: 0;
      font-size: 14px;
      font-weight: 650;
      color: var(--paper);
    }
    .steel3d-root .s3d-buy-grid {
      display: grid;
      gap: 14px;
      grid-template-columns: 1fr;
    }
    @media (min-width: 820px) {
      .steel3d-root .s3d-buy-grid { grid-template-columns: 200px 1fr; }
    }
    .steel3d-root .s3d-buy-logo-preview {
      width: 160px;
      height: 80px;
      object-fit: contain;
      background: rgba(0,0,0,0.35);
      border: 1px dashed var(--line);
      border-radius: 6px;
      display: block;
    }
    .steel3d-root .s3d-buy-supplier-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-height: 220px;
      overflow: auto;
      margin: 8px 0;
    }
    .steel3d-root .s3d-buy-supplier-row {
      display: grid;
      gap: 6px;
      grid-template-columns: 1fr auto;
      align-items: start;
      padding: 8px 10px;
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 6px;
      font-size: 13px;
    }
    .steel3d-root .s3d-buy-supplier-row small { color: var(--mist); display: block; }
    .steel3d-root .s3d-buy-form-row {
      display: grid;
      gap: 8px;
      grid-template-columns: 1fr;
    }
    @media (min-width: 700px) {
      .steel3d-root .s3d-buy-form-row { grid-template-columns: 1.2fr 1fr 1fr auto; align-items: end; }
    }
    .steel3d-root .s3d-mgr-pdf-view {
      border: 1px solid var(--line-gold);
      border-radius: var(--radius-sm);
      background: rgba(7, 9, 13, 0.72);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      min-height: 0;
    }
    .steel3d-root .s3d-mgr-pdf-view[hidden] { display: none !important; }
    .steel3d-root .s3d-mgr-pdf-view-bar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 8px 12px;
      padding: 10px 12px;
      border-bottom: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.28);
      font-size: 13px;
    }
    .steel3d-root .s3d-mgr-pdf-view-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
    }
    .steel3d-root .s3d-mgr-pdf-embed {
      width: 100%;
      min-height: min(52vh, 520px);
      height: min(52vh, 520px);
      border: 0;
      background: #1a1f28;
    }
    .steel3d-root .s3d-manual-viewer {
      position: relative;
      min-height: 420px;
    }
    .steel3d-root .s3d-manual-watermark {
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(13px, 2vw, 18px);
      font-weight: 700;
      letter-spacing: 0.02em;
      line-height: 1.35;
      color: rgba(229, 231, 235, 0.28);
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
      transform: rotate(-28deg);
      user-select: none;
    }
    .steel3d-root .s3d-manual-watermark[hidden] { display: none !important; }
    .steel3d-root .s3d-manual-tos-modal {
      position: fixed;
      inset: 0;
      z-index: 14000;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.25rem;
      background: rgba(0, 0, 0, 0.78);
      box-sizing: border-box;
    }
    .steel3d-root .s3d-manual-tos-modal[hidden] { display: none !important; }
    .steel3d-root .s3d-manual-tos-card {
      width: min(560px, 100%);
      max-height: min(88vh, 720px);
      overflow: auto;
      margin: 0 auto;
      padding: 1.35rem 1.3rem 1.2rem;
      border: 2px solid rgba(16, 185, 129, 0.55);
      border-radius: 2px;
      background: #04070a;
      font-family: Arial, Helvetica, sans-serif;
      box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
    }
    .steel3d-root .s3d-manual-tos-card h3 {
      margin: 0 0 0.65rem;
      font-size: 1.1rem;
      color: #e2e8f0;
    }
    .steel3d-root .s3d-manual-tos-card p,
    .steel3d-root .s3d-manual-tos-card li {
      margin: 0 0 0.55rem;
      font-size: 13px;
      line-height: 1.45;
      color: #cbd5e1;
    }
    .steel3d-root .s3d-manual-tos-card ul {
      margin: 0 0 0.85rem;
      padding-left: 1.15rem;
    }
    .steel3d-root .s3d-manual-tos-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 0.85rem;
    }
    /* Hero: subtle flow animation (no video — keeps luxury feel) */
    .steel3d-root .s3d-hero-flow {
      margin-top: clamp(28px, 4vw, 48px);
      padding: 20px 0 8px;
      border-top: 1px solid var(--line);
    }
    .steel3d-root .s3d-flow-track {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      list-style: none;
      margin: 0;
      padding: 0;
      max-width: 640px;
    }
    .steel3d-root .s3d-flow-track li {
      flex: 1;
      text-align: center;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--mist);
      position: relative;
    }
    .steel3d-root .s3d-flow-track li span {
      display: block;
      padding: 10px 6px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.03);
      animation: s3d-flow-pulse 3.2s ease-in-out infinite;
    }
    .steel3d-root .s3d-flow-track li:nth-child(2) span { animation-delay: 0.8s; }
    .steel3d-root .s3d-flow-track li:nth-child(3) span { animation-delay: 1.6s; }
    .steel3d-root .s3d-flow-track li:nth-child(4) span { animation-delay: 2.4s; }
    .steel3d-root .s3d-flow-track li:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 50%;
      right: -6px;
      width: 12px;
      height: 1px;
      background: linear-gradient(90deg, var(--gold-bright), transparent);
      transform: translateY(-50%);
      opacity: 0.85;
      box-shadow: 0 0 10px rgba(212, 175, 55, 0.45);
    }
    @keyframes s3d-flow-pulse {
      0%, 100% {
        border-color: var(--line);
        box-shadow: none;
        color: var(--mist);
      }
      50% {
        border-color: var(--line-gold);
        box-shadow: 0 0 28px rgba(212, 175, 55, 0.35), inset 0 0 16px rgba(212, 175, 55, 0.08);
        color: var(--platinum);
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .steel3d-root .s3d-flow-track li span { animation: none; }
    }
    .steel3d-root .s3d-hero-flow-caption {
      margin: 12px 0 0;
      font-size: 12px;
      color: var(--mist);
      max-width: 520px;
      line-height: 1.5;
    }
    .steel3d-root .s3d-mgr-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 14px 16px;
      border-bottom: 1px solid var(--line);
      background: rgba(7, 9, 13, 0.5);
      position: relative;
      z-index: 4;
      pointer-events: auto;
    }
    .steel3d-root .s3d-pdf-upload-label {
      cursor: pointer;
      pointer-events: auto;
      margin: 0;
    }
    .steel3d-root .s3d-pdf-upload-label.s3d-busy {
      opacity: 0.65;
      pointer-events: none;
    }
    .steel3d-root .s3d-mgr-toolbar2 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px 20px;
      padding: 12px 16px 14px;
      border-bottom: 1px solid var(--line);
      background: rgba(7, 9, 13, 0.35);
      font-size: 14px;
    }
    .steel3d-root .s3d-mgr-field {
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: min(100%, 260px);
      flex: 1 1 200px;
    }
    .steel3d-root .s3d-mgr-field > span {
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--mist);
    }
    .steel3d-root .s3d-mgr-select {
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.3);
      color: var(--paper);
      font: inherit;
      max-width: 100%;
    }
    .steel3d-root .s3d-mgr-check {
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      color: var(--paper);
      user-select: none;
    }
    .steel3d-root .s3d-mgr-check input {
      width: 16px;
      height: 16px;
      accent-color: var(--gold);
    }
    .steel3d-root .s3d-mgr-search {
      flex: 1 1 200px;
      min-width: 0;
      padding: 10px 14px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(0, 0, 0, 0.25);
      color: var(--paper);
      font: inherit;
      font-size: 14px;
    }
    .steel3d-root .s3d-mgr-search::placeholder { color: var(--mist); }
    /* Scroll reveal (JS adds .s3d-reveal / .s3d-reveal-in) */
    .steel3d-root .s3d-reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 1.05s var(--ease-out-expo), transform 1.05s var(--ease-out-expo);
    }
    .steel3d-root .s3d-reveal.s3d-reveal-in {
      opacity: 1;
      transform: translateY(0);
    }
    .steel3d-root .s3d-grid .s3d-card.s3d-reveal:nth-child(2) { transition-delay: 0.08s; }
    .steel3d-root .s3d-grid .s3d-card.s3d-reveal:nth-child(3) { transition-delay: 0.16s; }
    .steel3d-root .s3d-grid .s3d-card.s3d-reveal:nth-child(4) { transition-delay: 0.24s; }
    /* ----- 09 RESPONSIVE + REDUCED MOTION ----- */
    .steel3d-root img,
    .steel3d-root video,
    .steel3d-root svg {
      max-width: 100%;
      height: auto;
    }
    .steel3d-root .s3d-bg-stack .s3d-bg-photo,
    .steel3d-root .s3d-bg-stack .s3d-site-bg-photo {
      max-width: none;
      height: 100%;
    }
    .steel3d-root a,
    .steel3d-root button,
    .steel3d-root summary,
    .steel3d-root .s3d-btn,
    .steel3d-root label.s3d-pdf-upload-label {
      -webkit-tap-highlight-color: transparent;
    }
    .steel3d-root .s3d-wrap {
      overflow-wrap: anywhere;
      word-wrap: break-word;
    }
    .steel3d-root .s3d-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      margin-bottom: 4px;
      border-radius: var(--radius-sm);
      /* Scroll hint on narrow screens */
      background: linear-gradient(90deg, rgba(5, 6, 8, 0.4), transparent 12px) left center / 24px 100% no-repeat,
        linear-gradient(270deg, rgba(5, 6, 8, 0.4), transparent 12px) right center / 24px 100% no-repeat;
    }
    .steel3d-root .s3d-table-scroll > .s3d-table {
      min-width: min(100%, 520px);
    }
    @media (max-width: 980px) {
      .steel3d-root {
        --s3d-hero-media-pos-x: 50%;
        --s3d-hero-media-pos-y: 38%;
        --s3d-hero-media-scale: 1.08;
        /* 2026-08-06bz: lighten dusk photo scrim further (Steve: still too dark) */
        --steel3d-bg-scrim-top: 0.02;
        --steel3d-bg-scrim-bottom: 0.07;
        --steel3d-bg-tint: 0.015;
      }
      .steel3d-root .s3d-bg-stack .s3d-bg-photo,
      .steel3d-root .s3d-bg-stack .s3d-site-bg-photo {
        animation: none;
        will-change: auto;
      }
      .steel3d-root .s3d-hero {
        padding: 0;
        min-height: 100vh;
        min-height: 100dvh;
        align-items: center;
        justify-content: center;
        text-align: center;
      }
      .steel3d-root .s3d-hero-panel,
      .steel3d-root .s3d-hero-plate {
        padding:
          calc(var(--s3d-head-h) + 6.75rem)
          clamp(20px, 5vw, 32px)
          clamp(36px, 6vw, 56px);
        max-width: min(48rem, 94vw);
        margin: 0 auto;
        align-items: center;
        text-align: center;
        border: 0;
        min-height: auto;
      }
      .steel3d-root .s3d-hero-panel::before {
        top: calc(var(--s3d-head-h) + 14px);
        left: clamp(20px, 5vw, 32px);
        height: 4.5rem;
      }
      .steel3d-root .s3d-hero-media {
        min-height: 100%;
      }
      .steel3d-root .s3d-hero-media::before {
        width: min(420px, 78vw);
        height: clamp(6.5rem, 15vh, 10rem);
      }
      .steel3d-root .s3d-hero-media::after {
        background:
          radial-gradient(
            ellipse 90% 72% at 50% 42%,
            rgba(3, 4, 5, 0.55) 0%,
            rgba(3, 4, 5, 0.28) 50%,
            rgba(3, 4, 5, 0.1) 74%,
            transparent 90%
          ),
          linear-gradient(
            180deg,
            rgba(3, 4, 5, 0.42) 0%,
            rgba(3, 4, 5, 0.2) 40%,
            rgba(3, 4, 5, 0.1) 62%,
            rgba(3, 4, 5, 0.38) 100%
          );
        -webkit-mask-image: none;
        mask-image: none;
      }
      .steel3d-root h1 {
        font-size: clamp(28px, 5.5vw, 44px);
        font-weight: 600;
      }
      .steel3d-root .s3d-hero h1 {
        font-size: clamp(32px, 8.2vw, 52px);
        max-width: none;
        width: 100%;
        margin-inline: auto;
        text-align: center;
        letter-spacing: 0.015em;
      }
      .steel3d-root .s3d-hero h1.s3d-hero-title {
        font-size: clamp(1.35rem, 5.2vw, 2.85rem) !important;
        letter-spacing: 0.02em;
        text-indent: 0;
        text-align: center !important;
      }
      .steel3d-root .s3d-hero-demo {
        margin-left: auto;
        margin-right: auto;
        max-width: min(100%, 440px);
      }
      .steel3d-root .s3d-hero-micro,
      .steel3d-root .s3d-hero-quiet {
        padding-left: 0;
      }
      .steel3d-root .s3d-btn,
      .steel3d-root .s3d-cta-mini,
      .steel3d-root button.s3d-btn-primary {
        min-height: 48px;
        min-width: 48px;
      }
      .steel3d-root .s3d-mgr-auth,
      .steel3d-root .s3d-mgr-awaiting,
      .steel3d-root .s3d-mgr-public {
        max-width: 100%;
      }
      .steel3d-root .s3d-mgr-shell {
        border-radius: var(--radius-sm);
      }
      .steel3d-root .s3d-mgr-toolbar,
      .steel3d-root .s3d-mgr-toolbar2 {
        flex-direction: column;
        align-items: stretch;
      }
      .steel3d-root .s3d-mgr-toolbar .s3d-btn,
      .steel3d-root .s3d-mgr-toolbar label.s3d-pdf-upload-label {
        width: 100%;
        justify-content: center;
      }
      .steel3d-root .s3d-mgr-field {
        min-width: 0;
        flex: 1 1 100%;
      }
      .steel3d-root .s3d-mgr-search {
        width: 100%;
        max-width: none;
      }
      .steel3d-root .s3d-admin-bar-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
      }
      .steel3d-root .s3d-owner-toolbar {
        justify-content: flex-start;
        width: 100%;
      }
      .steel3d-root .s3d-admin-row {
        flex-direction: column;
        align-items: stretch;
      }
      .steel3d-root .s3d-ai-row-actions {
        width: 100%;
      }
      .steel3d-root .s3d-ai-row-actions button,
      .steel3d-root .s3d-ai-row-actions a {
        flex: 1 1 auto;
        min-height: 48px;
        min-width: 48px;
        text-align: center;
      }
      .steel3d-root .s3d-admin-tabs button {
        min-height: 48px;
        min-width: 48px;
      }
      .steel3d-root .s3d-auth-tabs button {
        min-height: 48px;
        min-width: 48px;
      }
      .steel3d-root .s3d-table-scroll .s3d-table {
        min-width: min(100%, 480px);
      }
      .steel3d-root .s3d-standards-details .s3d-table-scroll .s3d-table {
        min-width: min(100%, 420px);
      }
    }
    @media (max-width: 768px) {
      .steel3d-root {
        font-size: 16px;
      }
      .steel3d-root .s3d-wrap {
        padding-left: max(14px, env(safe-area-inset-left, 0px));
        padding-right: max(14px, env(safe-area-inset-right, 0px));
      }
      .steel3d-root .s3d-form-field input,
      .steel3d-root .s3d-form-field select,
      .steel3d-root .s3d-form-field textarea,
      .steel3d-root .s3d-mgr-auth input,
      .steel3d-root .s3d-mgr-select,
      .steel3d-root .s3d-mgr-search {
        font-size: 16px;
      }
      .steel3d-root section.s3d-sec {
        padding: clamp(48px, 10vw, 80px) 0;
      }
      .steel3d-root .s3d-hero-actions .s3d-btn {
        flex: 1 1 100%;
        width: 100%;
      }
      .steel3d-root .s3d-foot {
        padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
      }
      .steel3d-root .s3d-badge-row {
        gap: 6px;
      }
      .steel3d-root .s3d-badge {
        font-size: 11px;
      }
    }
    @media (max-width: 640px) {
      .steel3d-root {
        --s3d-hero-media-pos-x: 48%;
        --s3d-hero-media-pos-y: 38%;
        --s3d-hero-media-scale: 1.12;
        /* 2026-08-06bz: lighten dusk photo scrim further (Steve: still too dark) */
        --steel3d-bg-scrim-top: 0.01;
        --steel3d-bg-scrim-bottom: 0.05;
        --steel3d-bg-tint: 0.01;
      }
      .steel3d-root .s3d-bg-stack .s3d-bg-photo,
      .steel3d-root .s3d-bg-stack .s3d-site-bg-photo {
        animation: none;
        will-change: auto;
      }
      .steel3d-root .s3d-hero-media {
        min-height: 100%;
      }
      .steel3d-root .s3d-hero-media::before {
        width: min(360px, 88vw);
        height: clamp(6rem, 14vh, 9rem);
      }
      .steel3d-root .s3d-hero-media::after {
        background:
          linear-gradient(
            180deg,
            rgba(3, 4, 5, 0.48) 0%,
            rgba(3, 4, 5, 0.3) 32%,
            rgba(3, 4, 5, 0.14) 52%,
            transparent 72%
          ),
          linear-gradient(
            180deg,
            transparent 70%,
            rgba(3, 4, 5, 0.38) 100%
          );
        -webkit-mask-image: linear-gradient(
          90deg,
          transparent 0%,
          transparent 10%,
          #000 24%,
          #000 100%
        );
        mask-image: linear-gradient(
          90deg,
          transparent 0%,
          transparent 10%,
          #000 24%,
          #000 100%
        );
      }
      .steel3d-root .s3d-grid {
        gap: 12px;
      }
      .steel3d-root .s3d-card {
        padding: 18px 16px;
      }
      .steel3d-root .s3d-panel {
        padding: 18px 16px;
      }
      .steel3d-root .s3d-weld-ref-panel {
        padding: 18px 16px;
      }
      .steel3d-root .s3d-meta {
        padding: 16px 14px;
      }
      .steel3d-root h2 {
        font-size: clamp(26px, 7vw, 36px);
      }
      .steel3d-root .s3d-admin-row button {
        width: 100%;
        min-height: 48px;
        min-width: 48px;
      }
      .steel3d-root .s3d-form-actions {
        flex-direction: column;
        align-items: stretch;
      }
      .steel3d-root .s3d-form-actions .s3d-btn {
        width: 100%;
      }
      .steel3d-root .s3d-hero-panel,
      .steel3d-root .s3d-hero-plate {
        padding-left: clamp(18px, 5vw, 24px);
        padding-right: clamp(18px, 5vw, 24px);
        max-width: 100%;
      }
      .steel3d-root .s3d-hero-panel::before {
        left: clamp(18px, 5vw, 24px);
      }
      .steel3d-root .s3d-hero h1 {
        font-size: clamp(38px, 11vw, 52px);
      }
      .steel3d-root .s3d-hero h1.s3d-hero-title {
        font-size: clamp(1.35rem, 5.2vw, 2.85rem) !important;
        text-align: center !important;
      }
      .steel3d-root .s3d-lead {
        max-width: 32ch;
        margin-bottom: 24px;
      }
    }
    @media (min-width: 1200px) and (max-width: 1400px) {
      .steel3d-root nav.s3d-nav a {
        font-size: 11px;
        padding: 8px 8px;
      }
      .steel3d-root .s3d-card {
        grid-column: span 6;
      }
    }
    @media (orientation: landscape) and (max-height: 520px) {
      .steel3d-root .s3d-hero {
        min-height: 100vh;
        min-height: 100dvh;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
      }
      .steel3d-root .s3d-hero-panel,
      .steel3d-root .s3d-hero-plate {
        padding-top: calc(var(--s3d-head-h) + 12px);
        padding-bottom: 20px;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        max-width: min(56rem, 94vw);
        width: 100%;
        margin-inline: auto;
      }
      .steel3d-root h1 {
        font-size: clamp(28px, 6vh, 40px);
        margin: 12px 0;
      }
      .steel3d-root .s3d-hero h1 {
        font-size: clamp(32px, 8vh, 48px);
        max-width: none;
        width: 100%;
        margin-inline: auto;
        text-align: center;
      }
      .steel3d-root .s3d-hero h1.s3d-hero-title {
        font-size: clamp(1.35rem, 5.2vw, 2.85rem) !important;
        text-align: center !important;
      }
      .steel3d-root .s3d-lead {
        margin-bottom: 14px;
        font-size: 15px;
      }
      .steel3d-root .s3d-hero-actions {
        margin-bottom: 0;
      }
    }
    @media (pointer: coarse) {
      .steel3d-root nav.s3d-nav a {
        padding: 12px 12px;
        min-height: 48px;
        min-width: 48px;
      }
      .steel3d-root .s3d-admin-row button {
        min-height: 48px;
        min-width: 48px;
      }
    }
    .steel3d-root .s3d-form-field input:focus,
    .steel3d-root .s3d-form-field select:focus,
    .steel3d-root .s3d-form-field textarea:focus {
      border-color: var(--gold);
      box-shadow: 0 0 0 3px var(--gold-soft), 0 8px 24px rgba(0, 0, 0, 0.35);
    }
    .steel3d-root .s3d-note {
      border-left-width: 4px;
      border-left-color: var(--gold);
      background: linear-gradient(90deg, var(--gold-soft), transparent);
      padding: 12px 16px;
      border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    }
    .steel3d-root .s3d-badge {
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(201, 164, 92, 0.06));
      border-color: var(--line-gold);
    }
    .steel3d-root .s3d-mnav-panel {
      border: 1px solid var(--line-gold);
      box-shadow: var(--shadow), var(--shadow-gold);
    }
    @media (prefers-reduced-motion: reduce) {
      .steel3d-root::before {
        display: none;
      }
      .steel3d-root .s3d-reveal {
        opacity: 1;
        transform: none;
        transition: none;
      }
      .steel3d-root .s3d-hero-demo,
      .steel3d-root .s3d-hero-micro,
      .steel3d-root .s3d-hero-quiet,
      .steel3d-root h1,
      .steel3d-root .s3d-lead,
      .steel3d-root .s3d-hero-actions,
      .steel3d-root .s3d-hero h1::after,
      .steel3d-root .s3d-hero .s3d-btn-primary,
      .steel3d-root .s3d-hero .s3d-btn-primary::before,
      .steel3d-root .s3d-dot,
      .steel3d-root .s3d-bg-glow,
      .steel3d-root .s3d-bg-wave,
      .steel3d-root .s3d-bg-wave--a,
      .steel3d-root .s3d-bg-wave--b,
      .steel3d-root .s3d-bg-wave--c,
      .steel3d-root .s3d-pricing-glow,
      .steel3d-root .s3d-btn-primary,
      .steel3d-root button.s3d-btn-primary,
      .steel3d-root .s3d-eyebrow {
        animation: none;
      }
      .steel3d-root .s3d-hero h1::after,
      .steel3d-root .s3d-hero .s3d-btn-primary::before {
        transform: none;
        opacity: 1;
      }
      .steel3d-root .s3d-bg-photo,
      .steel3d-root .s3d-bg-stack .s3d-site-bg-photo {
        animation: none !important;
        transform: translate3d(0, var(--s3d-parallax-y), 0) scale(var(--s3d-hero-media-scale)) !important;
      }
      .steel3d-root .s3d-bg-wave,
      .steel3d-root .s3d-bg-wave--a,
      .steel3d-root .s3d-bg-wave--b,
      .steel3d-root .s3d-bg-wave--c {
        animation: none !important;
        filter: blur(80px) saturate(1.35) hue-rotate(52deg) !important;
        transform: none !important;
      }
      .steel3d-root .s3d-review-card:hover {
        transform: none;
      }
      .steel3d-root .s3d-ico path,
      .steel3d-root .s3d-ico circle,
      .steel3d-root .s3d-ico line,
      .steel3d-root .s3d-ico polyline,
      .steel3d-root .s3d-ico rect,
      .steel3d-root .s3d-ico polygon {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none !important;
      }
      .steel3d-root .s3d-reveal-in .s3d-ico-wrap {
        animation: none;
      }
    }
    /* === 2026-08-30v: plain App nav + scroll lock + Shop-Floor modal below header === */
    html:has(.steel3d-root):not(.s3d-shopfloor-modal-open),
    body:has(.steel3d-root):not(.s3d-shopfloor-modal-open):not(.s3d-mobile-nav-open) {
      overflow-x: hidden !important;
      overflow-y: auto !important;
      height: auto !important;
      max-height: none !important;
      overscroll-behavior-y: auto;
      touch-action: pan-y pinch-zoom;
    }
    #steel3d-top.steel3d-root,
    .steel3d-root {
      overflow-x: hidden;
      overflow-y: visible !important;
      height: auto !important;
      max-height: none !important;
      touch-action: pan-y pinch-zoom;
    }
    html.s3d-shopfloor-modal-open,
    body.s3d-shopfloor-modal-open {
      overflow: hidden !important;
      overscroll-behavior: none;
    }
    .steel3d-root .s3d-nav-shopfloor-label,
    .steel3d-root .s3d-nav-shopfloor-badge,
    .steel3d-root nav.s3d-nav button.s3d-nav-shopfloor,
    .steel3d-root .s3d-mnav-panel button.s3d-mnav-shopfloor {
      display: none !important;
    }
    .steel3d-root .s3d-shopfloor-modal {
      /* 2026-08-30v: sit fully below fixed site header (modal is inside <main>, under header z-index) */
      position: fixed;
      top: calc(var(--s3d-head-h, 72px));
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 14600;
      display: flex;
      align-items: stretch;
      justify-content: center;
      padding: 0.75rem;
      padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
      background: rgba(0, 0, 0, 0.84);
      box-sizing: border-box;
      overscroll-behavior: contain;
    }
    body.admin-bar .steel3d-root .s3d-shopfloor-modal {
      top: calc(32px + var(--s3d-head-h, 72px));
    }
    @media screen and (max-width: 782px) {
      body.admin-bar .steel3d-root .s3d-shopfloor-modal {
        top: calc(46px + var(--s3d-head-h, 72px));
      }
    }
    .steel3d-root .s3d-shopfloor-modal[hidden],
    .steel3d-root .s3d-shopfloor-modal[aria-hidden="true"] {
      display: none !important;
      pointer-events: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
    }
    .steel3d-root .s3d-shopfloor-modal-card {
      width: min(920px, 100%);
      max-height: min(100%, calc(100dvh - var(--s3d-head-h, 72px) - 1.5rem));
      display: flex;
      flex-direction: column;
      overflow: hidden;
      padding: 0;
      border: 1px solid rgba(56, 239, 125, 0.42);
      border-radius: 4px;
      background: #04070a;
      box-shadow: 0 22px 56px rgba(0, 0, 0, 0.6);
      color: #dbe7f0;
    }
    body.admin-bar .steel3d-root .s3d-shopfloor-modal-card {
      max-height: calc(100dvh - 32px - var(--s3d-head-h, 72px) - 1.5rem);
    }
    @media screen and (max-width: 782px) {
      body.admin-bar .steel3d-root .s3d-shopfloor-modal-card {
        max-height: calc(100dvh - 46px - var(--s3d-head-h, 72px) - 1.5rem);
      }
    }
    .steel3d-root .s3d-shopfloor-modal-head {
      flex: 0 0 auto;
      position: sticky;
      top: 0;
      z-index: 2;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin: 0;
      padding: 0.9rem 1.05rem 0.75rem;
      background: #04070a;
      border-bottom: 1px solid rgba(56, 239, 125, 0.22);
    }
    .steel3d-root .s3d-shopfloor-modal-body {
      flex: 1 1 auto;
      min-height: 0;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
      padding: 0.85rem 1.05rem 1.15rem;
    }
    .steel3d-root .s3d-shopfloor-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0;
    }
    .steel3d-root .s3d-shopfloor-chip {
      display: inline-flex;
      align-items: center;
      padding: 5px 9px;
      border-radius: 999px;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-shopfloor-chip--live {
      color: #052e1a;
      background: #34d399;
      border: 1px solid #6ee7b7;
    }
    .steel3d-root .s3d-shopfloor-chip--soon {
      color: #dbeafe;
      background: rgba(14, 116, 144, 0.45);
      border: 1px solid rgba(212, 175, 55, 0.5);
    }
    .steel3d-root .s3d-shopfloor-modal h2 {
      margin: 0 0 0.35rem;
      font-size: clamp(1.2rem, 2.6vw, 1.55rem);
      color: #f0fdf4;
      letter-spacing: 0.01em;
    }
    .steel3d-root .s3d-shopfloor-sub {
      margin: 0 0 1rem;
      color: #9fb2c3;
      font-size: 0.95rem;
      line-height: 1.5;
    }
    .steel3d-root .s3d-shopfloor-status-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin: 0 0 1.1rem;
    }
    .steel3d-root .s3d-shopfloor-status {
      padding: 0.85rem 0.9rem;
      border-radius: 4px;
      border: 1px solid rgba(56, 239, 125, 0.22);
      background: rgba(8, 16, 24, 0.92);
    }
    .steel3d-root .s3d-shopfloor-status--live {
      border-color: rgba(52, 211, 153, 0.45);
      background: linear-gradient(180deg, rgba(6, 78, 59, 0.28), rgba(8, 16, 24, 0.95));
    }
    .steel3d-root .s3d-shopfloor-status--soon {
      border-color: rgba(212, 175, 55, 0.35);
      background: linear-gradient(180deg, rgba(12, 74, 110, 0.28), rgba(8, 16, 24, 0.95));
    }
    .steel3d-root .s3d-shopfloor-status h3 {
      margin: 0 0 0.4rem;
      font-size: 0.98rem;
      color: #ecfdf5;
    }
    .steel3d-root .s3d-shopfloor-status p {
      margin: 0;
      font-size: 0.86rem;
      line-height: 1.55;
      color: #c5d0db;
    }
    .steel3d-root .s3d-shopfloor-deliver h3 {
      margin: 0 0 0.65rem;
      font-size: 1rem;
      color: #e8f5ee;
    }
    .steel3d-root .s3d-shopfloor-cols {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 0 0 1.15rem;
    }
    .steel3d-root .s3d-shopfloor-col {
      padding: 0.8rem 0.85rem;
      border: 1px solid rgba(201, 169, 98, 0.22);
      border-radius: 4px;
      background: rgba(10, 14, 20, 0.88);
    }
    .steel3d-root .s3d-shopfloor-col h4 {
      margin: 0 0 0.55rem;
      font-size: 0.88rem;
      color: #fde68a;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-shopfloor-col ul {
      margin: 0;
      padding-left: 1.05rem;
      color: #c9d5e0;
      font-size: 0.84rem;
      line-height: 1.5;
    }
    .steel3d-root .s3d-shopfloor-col li + li { margin-top: 0.45rem; }
    .steel3d-root .s3d-shopfloor-cta {
      padding: 0.95rem 0.95rem 1rem;
      border: 1px solid rgba(56, 239, 125, 0.35);
      border-radius: 4px;
      background: rgba(6, 24, 18, 0.55);
    }
    .steel3d-root .s3d-shopfloor-cta h4 {
      margin: 0 0 0.35rem;
      color: #ecfdf5;
      font-size: 1rem;
    }
    .steel3d-root .s3d-shopfloor-cta > p {
      margin: 0 0 0.85rem;
      color: #9fb2c3;
      font-size: 0.88rem;
      line-height: 1.45;
    }
    .steel3d-root .s3d-shopfloor-form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 0.75rem;
    }
    .steel3d-root .s3d-shopfloor-form-grid label {
      display: flex;
      flex-direction: column;
      gap: 6px;
      font-size: 0.78rem;
      color: #9fb2c3;
    }
    .steel3d-root .s3d-shopfloor-form-grid input {
      min-height: 44px;
      padding: 0.55rem 0.7rem;
      border: 1px solid rgba(56, 239, 125, 0.28);
      border-radius: 4px;
      background: #070b10;
      color: #e8f0f6;
      font: inherit;
    }
    .steel3d-root .s3d-shopfloor-form-grid input:focus {
      outline: 2px solid rgba(52, 211, 153, 0.55);
      outline-offset: 1px;
    }
    .steel3d-root .s3d-shopfloor-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }
    .steel3d-root .s3d-shopfloor-status-msg {
      margin: 0.65rem 0 0;
      min-height: 1.2em;
      font-size: 0.84rem;
      color: #a7f3d0;
    }
    .steel3d-root .s3d-shopfloor-status-msg.is-err { color: #fca5a5; }
    @media (max-width: 760px) {
      .steel3d-root .s3d-shopfloor-status-grid,
      .steel3d-root .s3d-shopfloor-cols,
      .steel3d-root .s3d-shopfloor-form-grid {
        grid-template-columns: 1fr;
      }
    }
    /* ----- 08c SHARED PLATES ----- */
    .steel3d-root .s3d-review-card,
    .steel3d-root .s3d-pill,
    .steel3d-root .s3d-btn,
    .steel3d-root .s3d-cta-mini,
    .steel3d-root .s3d-ico-wrap,
    .steel3d-root .s3d-burger-btn,
    .steel3d-root .s3d-mnav-panel,
    .steel3d-root .s3d-mnav-close,
    .steel3d-root .s3d-mnav-panel a,
    .steel3d-root .s3d-table {
      border-radius: var(--radius) !important;
    }
    .steel3d-root .s3d-btn,
    .steel3d-root .s3d-cta-mini,
    .steel3d-root .s3d-pill,
    .steel3d-root .s3d-ico-wrap,
    .steel3d-root .s3d-burger-btn {
      border-radius: var(--radius-sm) !important;
    }
    .steel3d-root .s3d-hero-panel,
    .steel3d-root .s3d-hero-plate {
      border-radius: 0 !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }
    .steel3d-root .s3d-review-card {
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
    }
    .steel3d-root .s3d-review-card:hover {
      transform: translateY(-2px);
    }
    /* ----- 08d SHOP-FLOOR TOUCH ----- */
    @media (max-width: 768px) {
      .steel3d-root .s3d-grid,
      .steel3d-root .s3d-shop-actions-container,
      .steel3d-root .s3d-action-bar-grid {
        grid-template-columns: 1fr !important;
      }
      .steel3d-root .s3d-table-wrapper,
      .steel3d-root .s3d-continuity-table-wrap,
      .steel3d-root .s3d-table-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }
      .steel3d-root .s3d-shop-tap,
      .steel3d-root #steel3dAuditPackBtn,
      .steel3d-root #steel3dJobOpenBtn,
      .steel3d-root #steel3dJobCreateBtn,
      .steel3d-root .s3d-btn-primary,
      .steel3d-root button.s3d-btn-primary,
      .steel3d-root .s3d-burger-btn {
        min-height: 52px;
        padding: 12px 16px;
      }
      .steel3d-root .s3d-action-bar-grid,
      .steel3d-root .s3d-dms-panel-actions,
      .steel3d-root .s3d-dms-bar {
        gap: 12px;
      }
      .steel3d-root .s3d-rfq-overlay {
        align-items: flex-start;
        padding: max(12px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }
      .steel3d-root .s3d-rfq-sheet {
        max-height: min(88dvh, 88vh);
        width: 100%;
      }
      .steel3d-root .s3d-mnav-panel {
        max-height: calc(100dvh - 96px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }
      .steel3d-root .s3d-dms-panel,
      .steel3d-root .s3d-mgr-ai-workspace {
        max-width: 100%;
      }
    }
    /* ----- 04 ENGINES / INFOGRAPHICS ----- */
    .steel3d-root .s3d-cad-section {
      background: #04070a;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 8px;
      padding: clamp(28px, 4vw, 40px) clamp(16px, 3vw, 24px);
      margin: clamp(20px, 3vw, 30px) auto;
      max-width: var(--maxw);
      color: #04070a;
      font-family: var(--font-body);
      position: relative;
      overflow: visible;
      contain: none;
    }
    .steel3d-root #s3d-cad-engine {
      overflow: visible;
    }
    .steel3d-root .s3d-cad-section::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, transparent 0, rgba(212, 175, 55, 0.03) 48px, rgba(212, 175, 55, 0.03) 49px, transparent 50px) 0 0 / 50px 100%,
        linear-gradient(0deg, transparent 0, rgba(212, 175, 55, 0.03) 48px, rgba(212, 175, 55, 0.03) 49px, transparent 50px) 0 0 / 100% 50px;
      opacity: 0.35;
      border-radius: inherit;
    }
    .steel3d-root .s3d-cad-header {
      position: relative;
      z-index: 1;
      text-align: center;
      margin-bottom: clamp(22px, 3vw, 32px);
    }
    .steel3d-root .s3d-cert-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 8px;
      border: 1px solid rgba(212, 175, 55, 0.35);
      background: rgba(212, 175, 55, 0.08);
      color: #D4AF37;
      font-family: var(--font-mono);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin-bottom: 14px;
    }
    .steel3d-root .s3d-cert-badge .s3d-cad-ico {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
    }
    .steel3d-root .s3d-cad-header h2 {
      margin: 0 0 12px;
      font-family: var(--font-display);
      font-size: clamp(1.35rem, 3.2vw, 2rem);
      font-weight: 700;
      letter-spacing: 0.02em;
      line-height: 1.15;
      color: #04070a;
      text-wrap: balance;
    }
    .steel3d-root .s3d-cad-header .s3d-lead {
      margin: 0 auto;
      max-width: 54ch;
      color: var(--text-muted);
      font-size: clamp(14px, 1.4vw, 16px);
      line-height: 1.55;
      animation: none;
    }
    .steel3d-root .s3d-cad-spine {
      margin: 14px 0 0;
      font-family: var(--font-mono);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #f09a28;
    }
    /* Stage widget cards removed 2026-07-31f — callouts live on radial SVG/nodes */
    .steel3d-root .s3d-node-plates {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      margin-top: 4px;
      width: 100%;
    }
    .steel3d-root .s3d-node-plate {
      display: inline-flex;
      align-items: center;
      padding: 2px 5px;
      border-radius: 1px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.06em;
      line-height: 1.2;
      border: 1px solid rgba(212, 175, 55, 0.35);
      background: rgba(212, 175, 55, 0.08);
      color: #7ef7ff;
    }
    .steel3d-root .s3d-node-plate.is-nc1 {
      border-color: rgba(255, 153, 0, 0.45);
      background: rgba(255, 153, 0, 0.1);
      color: #D4AF37;
    }
    .steel3d-root .s3d-node-plate.is-status {
      border-color: rgba(212, 175, 55, 0.4);
      background: rgba(212, 175, 55, 0.1);
      color: #e8edf4;
    }
    .steel3d-root .s3d-node-plate.is-weld {
      border-color: rgba(240, 154, 40, 0.55);
      background: rgba(240, 154, 40, 0.12);
      color: #D4AF37;
      box-shadow: 0 0 10px rgba(240, 154, 40, 0.2);
    }
    .steel3d-root .s3d-node-plate.is-ready {
      border-color: rgba(16, 185, 129, 0.5);
      background: rgba(16, 185, 129, 0.12);
      color: #34d399;
    }
    /* ----- 04b RADIAL ENGINE ----- */
    .steel3d-root .s3d-radial-engine-container {
      position: relative;
      z-index: 1;
      margin-top: 0;
      padding: 28px 20px 32px;
      border-radius: 12px;
      background:
        radial-gradient(ellipse 70% 55% at 50% 48%, rgba(212, 175, 55, 0.06), transparent 62%),
        radial-gradient(ellipse 50% 40% at 50% 50%, rgba(240, 154, 40, 0.05), transparent 55%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, transparent 30%),
        linear-gradient(145deg, rgba(18, 22, 28, 0.94) 0%, rgba(11, 13, 16, 0.92) 55%, rgba(14, 18, 22, 0.95) 100%);
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.45) inset,
        0 1px 0 rgba(255, 255, 255, 0.05) inset,
        0 22px 56px rgba(0, 0, 0, 0.5),
        0 0 48px rgba(212, 175, 55, 0.04);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      overflow: visible;
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-radial-engine-container::before {
      content: "";
      position: absolute;
      inset: 0 0 auto 0;
      height: 1px;
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(212, 175, 55, 0.4) 18%,
        rgba(240, 154, 40, 0.55) 50%,
        rgba(212, 175, 55, 0.4) 82%,
        transparent 100%
      );
      pointer-events: none;
      z-index: 2;
    }
    .steel3d-root .s3d-radial-header {
      position: relative;
      z-index: 3;
      text-align: center;
      margin-bottom: 8px;
    }
    .steel3d-root .s3d-radial-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #D4AF37;
      background: rgba(212, 175, 55, 0.08);
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 999px;
      padding: 6px 14px;
      margin-bottom: 12px;
      box-shadow: 0 0 18px rgba(212, 175, 55, 0.12);
    }
    .steel3d-root .s3d-radial-badge .s3d-cad-ico,
    .steel3d-root .s3d-radial-badge .node-icon {
      width: 12px;
      height: 12px;
      color: #D4AF37;
      flex-shrink: 0;
    }
    .steel3d-root .s3d-glow-title {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(15px, 2.2vw, 20px);
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #ffffff;
      text-shadow:
        0 0 20px rgba(212, 175, 55, 0.35),
        0 0 40px rgba(240, 154, 40, 0.15);
    }
    .steel3d-root .s3d-radial-viewport {
      position: relative;
      width: min(100%, 720px);
      max-width: 720px;
      aspect-ratio: 1 / 1;
      margin: 12px auto 0;
      z-index: 1;
      overflow: visible;
    }
    .steel3d-root .s3d-radial-svg-canvas {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 0;
      overflow: visible;
    }
    .steel3d-root .s3d-ring-outer {
      stroke: rgba(212, 175, 55, 0.28);
      stroke-width: 1.25;
      fill: none;
      filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.45));
    }
    .steel3d-root .s3d-ring-mid {
      stroke: rgba(212, 175, 55, 0.55);
      stroke-width: 1.75;
      stroke-dasharray: 6 6;
      fill: none;
      filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.55));
    }
    .steel3d-root .s3d-ring-inner {
      stroke: rgba(212, 175, 55, 0.55);
      stroke-width: 1.35;
      fill: none;
      filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.55));
    }
    .steel3d-root .s3d-rotating-arc {
      stroke: #D4AF37;
      stroke-width: 2.25;
      fill: none;
      filter: url(#s3d-cyan-glow);
      transform-box: fill-box;
      transform-origin: center;
      animation: s3d-spin-arc 14s linear infinite;
    }
    .steel3d-root .s3d-spokes {
      filter: none;
    }
    .steel3d-root .s3d-spoke {
      stroke-width: 1.85;
      stroke-linecap: round;
      opacity: 0.88;
      transition: stroke 0.2s ease, stroke-width 0.2s ease, opacity 0.2s ease, filter 0.2s ease;
    }
    .steel3d-root .s3d-spoke.is-green {
      stroke: #38ef7d;
      filter: drop-shadow(0 0 6px rgba(56, 239, 125, 0.85)) drop-shadow(0 0 12px rgba(56, 239, 125, 0.45));
    }
    .steel3d-root .s3d-spoke.is-blue {
      stroke: #00b4ff;
      filter: drop-shadow(0 0 6px rgba(0, 180, 255, 0.85)) drop-shadow(0 0 12px rgba(0, 180, 255, 0.45));
    }
    .steel3d-root .s3d-spoke.is-gold {
      stroke: #ffb703;
      filter: drop-shadow(0 0 6px rgba(255, 183, 3, 0.85)) drop-shadow(0 0 12px rgba(255, 183, 3, 0.45));
    }
    /* Brighten spoke tied to hovered / active glass node — same colour as node */
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-1:hover) .s3d-spoke[data-spoke="1"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-1.active) .s3d-spoke[data-spoke="1"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-1:focus-within) .s3d-spoke[data-spoke="1"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-5:hover) .s3d-spoke[data-spoke="5"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-5.active) .s3d-spoke[data-spoke="5"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-5:focus-within) .s3d-spoke[data-spoke="5"] {
      stroke: #38ef7d;
      stroke-width: 2.4;
      opacity: 1;
      filter: drop-shadow(0 0 10px rgba(56, 239, 125, 1)) drop-shadow(0 0 18px rgba(56, 239, 125, 0.7));
    }
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-2:hover) .s3d-spoke[data-spoke="2"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-2.active) .s3d-spoke[data-spoke="2"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-2:focus-within) .s3d-spoke[data-spoke="2"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-4:hover) .s3d-spoke[data-spoke="4"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-4.active) .s3d-spoke[data-spoke="4"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-4:focus-within) .s3d-spoke[data-spoke="4"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-6:hover) .s3d-spoke[data-spoke="6"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-6.active) .s3d-spoke[data-spoke="6"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-6:focus-within) .s3d-spoke[data-spoke="6"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-8:hover) .s3d-spoke[data-spoke="8"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-8.active) .s3d-spoke[data-spoke="8"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-8:focus-within) .s3d-spoke[data-spoke="8"] {
      stroke: #00b4ff;
      stroke-width: 2.4;
      opacity: 1;
      filter: drop-shadow(0 0 10px rgba(0, 180, 255, 1)) drop-shadow(0 0 18px rgba(0, 180, 255, 0.7));
    }
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-3:hover) .s3d-spoke[data-spoke="3"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-3.active) .s3d-spoke[data-spoke="3"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-3:focus-within) .s3d-spoke[data-spoke="3"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-7:hover) .s3d-spoke[data-spoke="7"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-7.active) .s3d-spoke[data-spoke="7"],
    .steel3d-root .s3d-radial-viewport:has(.s3d-glass-node.node-7:focus-within) .s3d-spoke[data-spoke="7"] {
      stroke: #ffb703;
      stroke-width: 2.4;
      opacity: 1;
      filter: drop-shadow(0 0 10px rgba(255, 183, 3, 1)) drop-shadow(0 0 18px rgba(255, 183, 3, 0.7));
    }
    @keyframes s3d-spin-arc {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    .steel3d-root .s3d-radial-center {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 4;
      width: min(30%, 176px);
      aspect-ratio: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
    }
    .steel3d-root .s3d-center-glass {
      position: relative;
      z-index: 2;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 2px;
      text-align: center;
      background:
        radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.16), transparent 42%),
        linear-gradient(160deg, rgba(55, 62, 72, 0.95) 0%, rgba(18, 22, 28, 0.98) 45%, rgba(12, 14, 18, 1) 100%);
      border: 1.5px solid rgba(240, 154, 40, 0.55);
      box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.5) inset,
        0 1px 0 rgba(255, 255, 255, 0.12) inset,
        0 0 32px rgba(240, 154, 40, 0.22),
        0 0 48px rgba(212, 175, 55, 0.08);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }
    .steel3d-root .s3d-key-icon-wrap {
      width: 28px;
      height: 28px;
      margin-bottom: 4px;
      color: #f5a623;
      filter: drop-shadow(0 0 8px rgba(240, 154, 40, 0.65));
    }
    .steel3d-root .s3d-key-icon-wrap .node-icon,
    .steel3d-root .s3d-key-icon-wrap .s3d-cad-ico {
      width: 100%;
      height: 100%;
      display: block;
    }
    .steel3d-root .s3d-center-title {
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(9px, 1.5vw, 11px);
      font-weight: 800;
      letter-spacing: 0.12em;
      color: #ffffff;
      line-height: 1.15;
      white-space: nowrap;
      text-shadow: 0 0 12px rgba(240, 154, 40, 0.4);
    }
    .steel3d-root .s3d-center-sub {
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(8px, 1.3vw, 10px);
      font-weight: 700;
      letter-spacing: 0.16em;
      color: #f5a623;
      line-height: 1.15;
      white-space: nowrap;
      text-shadow: 0 0 10px rgba(240, 154, 40, 0.5);
    }
    .steel3d-root .s3d-center-ring-pulse {
      position: absolute;
      inset: -10%;
      border-radius: 50%;
      border: 1px solid rgba(240, 154, 40, 0.35);
      box-shadow: 0 0 18px rgba(240, 154, 40, 0.2);
      animation: s3d-hub-pulse 2.8s ease-in-out infinite;
      z-index: 1;
      pointer-events: none;
    }
    @keyframes s3d-hub-pulse {
      0%, 100% { transform: scale(1); opacity: 0.55; }
      50% { transform: scale(1.08); opacity: 1; }
    }
    .steel3d-root .s3d-nodes-layer {
      position: absolute;
      inset: 0;
      z-index: 3;
      overflow: visible;
    }
    .steel3d-root .s3d-glass-node {
      appearance: none;
      -webkit-appearance: none;
      position: absolute;
      width: min(31%, 148px);
      margin: 0;
      padding: 10px 10px 11px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 6px;
      text-align: left;
      cursor: pointer;
      font-family: Arial, Helvetica, sans-serif;
      color: #e8edf4;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 40%),
        #0b0d10;
      border: 1px solid color-mix(in srgb, var(--node-color, #D4AF37) 55%, rgba(255, 255, 255, 0.12));
      border-radius: 1px;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.05) inset,
        0 0 0 1px rgba(0, 0, 0, 0.4) inset,
        0 0 16px color-mix(in srgb, var(--node-color, #D4AF37) 18%, transparent);
      transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
      z-index: 1;
      overflow: visible;
    }
    .steel3d-root .s3d-glass-node .node-sub,
    .steel3d-root .s3d-glass-node .s3d-node-plates {
      display: none !important;
    }
    .steel3d-root .s3d-node-tip {
      position: absolute;
      left: 50%;
      bottom: calc(100% + 10px);
      transform: translateX(-50%);
      width: min(260px, 72vw);
      padding: 10px 12px;
      border-radius: 8px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.45;
      letter-spacing: 0.01em;
      text-align: left;
      text-transform: none;
      color: #e8edf4;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, transparent 38%),
        linear-gradient(160deg, rgba(22, 26, 32, 0.98) 0%, rgba(11, 13, 16, 0.99) 100%);
      border: 1px solid color-mix(in srgb, var(--node-color, #D4AF37) 45%, rgba(255, 255, 255, 0.14));
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 0 0 1px rgba(0, 0, 0, 0.45) inset,
        0 14px 32px rgba(0, 0, 0, 0.55),
        0 0 22px color-mix(in srgb, var(--node-color, #D4AF37) 22%, transparent);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      z-index: 30;
      transition: opacity 0.16s ease, visibility 0.16s ease;
    }
    .steel3d-root .s3d-node-tip::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 100%;
      transform: translateX(-50%);
      border: 6px solid transparent;
      border-top-color: color-mix(in srgb, var(--node-color, #D4AF37) 45%, rgba(255, 255, 255, 0.14));
    }
    .steel3d-root .s3d-glass-node.tip-below .s3d-node-tip {
      bottom: auto;
      top: calc(100% + 10px);
    }
    .steel3d-root .s3d-glass-node.tip-below .s3d-node-tip::after {
      top: auto;
      bottom: 100%;
      border-top-color: transparent;
      border-bottom-color: color-mix(in srgb, var(--node-color, #D4AF37) 45%, rgba(255, 255, 255, 0.14));
    }
    .steel3d-root .s3d-glass-node.node-3 .s3d-node-tip {
      left: auto;
      right: 0;
      transform: none;
    }
    .steel3d-root .s3d-glass-node.node-3 .s3d-node-tip::after {
      left: auto;
      right: 18px;
      transform: none;
    }
    .steel3d-root .s3d-glass-node.node-7 .s3d-node-tip {
      left: 0;
      transform: none;
    }
    .steel3d-root .s3d-glass-node.node-7 .s3d-node-tip::after {
      left: 18px;
      transform: none;
    }
    .steel3d-root .s3d-glass-node:hover,
    .steel3d-root .s3d-glass-node:focus-within,
    .steel3d-root .s3d-glass-node.is-tip-open {
      z-index: 20;
    }
    .steel3d-root .s3d-glass-node:hover .s3d-node-tip,
    .steel3d-root .s3d-glass-node:focus-within .s3d-node-tip,
    .steel3d-root .s3d-glass-node.is-tip-open .s3d-node-tip {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
    .steel3d-root .s3d-glass-node:hover {
      transform: translate(-50%, -50%) scale(1.04) translateY(-3px);
      z-index: 20;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 12px 28px rgba(0, 0, 0, 0.45),
        0 0 28px color-mix(in srgb, var(--node-color, #D4AF37) 35%, transparent);
    }
    .steel3d-root .s3d-glass-node.active {
      border-color: var(--node-color, #f5a623);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.1) inset,
        0 0 0 1px color-mix(in srgb, var(--node-color, #f5a623) 35%, transparent) inset,
        0 0 32px color-mix(in srgb, var(--node-color, #f5a623) 42%, transparent),
        0 14px 32px rgba(0, 0, 0, 0.5);
      z-index: 5;
    }
    .steel3d-root .s3d-glass-node:focus-visible {
      outline: 2px solid #D4AF37;
      outline-offset: 3px;
    }
    .steel3d-root .s3d-node-badge {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.08em;
      color: var(--node-color, #D4AF37);
      background: color-mix(in srgb, var(--node-color, #D4AF37) 14%, transparent);
      border: 1px solid color-mix(in srgb, var(--node-color, #D4AF37) 40%, transparent);
      border-radius: 4px;
      padding: 2px 6px;
      line-height: 1.2;
    }
    .steel3d-root .s3d-glass-node .node-icon {
      width: 16px;
      height: 16px;
      color: var(--node-color, #D4AF37);
      flex-shrink: 0;
      filter: drop-shadow(0 0 5px color-mix(in srgb, var(--node-color, #D4AF37) 45%, transparent));
    }
    .steel3d-root .s3d-glass-node .node-meta {
      display: flex;
      flex-direction: column;
      gap: 3px;
      min-width: 0;
      width: 100%;
    }
    .steel3d-root .s3d-glass-node .node-title {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #ffffff;
      line-height: 1.2;
    }
    .steel3d-root .s3d-glass-node .node-title.node-title-mixed {
      text-transform: none;
      letter-spacing: 0.02em;
    }
    .steel3d-root .s3d-glass-node .node-sub {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10.5px;
      font-weight: 500;
      color: var(--text-muted);
      line-height: 1.35;
      white-space: normal;
      overflow: visible;
      text-overflow: unset;
    }
    .steel3d-root .s3d-glass-node.active .node-sub {
      color: rgba(241, 245, 249, 0.88);
    }
    /* 8 nodes around the circle — translate(-50%, -50%) from centre % */
    .steel3d-root .s3d-glass-node.node-1 { left: 50%; top: 7%; transform: translate(-50%, -50%); }
    .steel3d-root .s3d-glass-node.node-2 { left: 86%; top: 22%; transform: translate(-50%, -50%); }
    .steel3d-root .s3d-glass-node.node-3 { left: 93%; top: 50%; transform: translate(-50%, -50%); }
    .steel3d-root .s3d-glass-node.node-4 { left: 86%; top: 78%; transform: translate(-50%, -50%); }
    .steel3d-root .s3d-glass-node.node-5 { left: 50%; top: 93%; transform: translate(-50%, -50%); }
    .steel3d-root .s3d-glass-node.node-6 { left: 14%; top: 78%; transform: translate(-50%, -50%); }
    .steel3d-root .s3d-glass-node.node-7 { left: 7%; top: 50%; transform: translate(-50%, -50%); }
    .steel3d-root .s3d-glass-node.node-8 { left: 14%; top: 22%; transform: translate(-50%, -50%); }
    .steel3d-root .s3d-glass-node.node-1:hover,
    .steel3d-root .s3d-glass-node.node-2:hover,
    .steel3d-root .s3d-glass-node.node-3:hover,
    .steel3d-root .s3d-glass-node.node-4:hover,
    .steel3d-root .s3d-glass-node.node-5:hover,
    .steel3d-root .s3d-glass-node.node-6:hover,
    .steel3d-root .s3d-glass-node.node-7:hover,
    .steel3d-root .s3d-glass-node.node-8:hover {
      transform: translate(-50%, -50%) scale(1.04) translateY(-3px);
    }
    @media (max-width: 980px) {
      .steel3d-root .s3d-radial-viewport {
        width: min(100%, 560px);
      }
      .steel3d-root .s3d-glass-node {
        width: min(34%, 132px);
        padding: 8px 8px 9px;
      }
      .steel3d-root .s3d-glass-node .node-title { font-size: 10px; }
      .steel3d-root .s3d-glass-node .node-sub { font-size: 9.5px; }
    }
    @media (max-width: 680px) {
      .steel3d-root .s3d-radial-viewport {
        aspect-ratio: auto;
        width: 100%;
        max-width: none;
        min-height: 0;
      }
      .steel3d-root .s3d-radial-svg-canvas,
      .steel3d-root .s3d-radial-center {
        display: none;
      }
      .steel3d-root .s3d-nodes-layer {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 10px;
        inset: auto;
      }
      .steel3d-root .s3d-glass-node,
      .steel3d-root .s3d-glass-node.node-1,
      .steel3d-root .s3d-glass-node.node-2,
      .steel3d-root .s3d-glass-node.node-3,
      .steel3d-root .s3d-glass-node.node-4,
      .steel3d-root .s3d-glass-node.node-5,
      .steel3d-root .s3d-glass-node.node-6,
      .steel3d-root .s3d-glass-node.node-7,
      .steel3d-root .s3d-glass-node.node-8 {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        transform: none;
      }
      .steel3d-root .s3d-glass-node:hover,
      .steel3d-root .s3d-glass-node.node-1:hover,
      .steel3d-root .s3d-glass-node.node-2:hover,
      .steel3d-root .s3d-glass-node.node-3:hover,
      .steel3d-root .s3d-glass-node.node-4:hover,
      .steel3d-root .s3d-glass-node.node-5:hover,
      .steel3d-root .s3d-glass-node.node-6:hover,
      .steel3d-root .s3d-glass-node.node-7:hover,
      .steel3d-root .s3d-glass-node.node-8:hover {
        transform: translateY(-2px);
      }
      .steel3d-root .s3d-node-tip,
      .steel3d-root .s3d-glass-node.tip-below .s3d-node-tip,
      .steel3d-root .s3d-glass-node.node-3 .s3d-node-tip,
      .steel3d-root .s3d-glass-node.node-7 .s3d-node-tip {
        left: 0;
        right: 0;
        width: auto;
        max-width: none;
        transform: none;
        bottom: auto;
        top: calc(100% + 8px);
      }
      .steel3d-root .s3d-node-tip::after,
      .steel3d-root .s3d-glass-node.tip-below .s3d-node-tip::after,
      .steel3d-root .s3d-glass-node.node-3 .s3d-node-tip::after,
      .steel3d-root .s3d-glass-node.node-7 .s3d-node-tip::after {
        left: 18px;
        right: auto;
        top: auto;
        bottom: 100%;
        transform: none;
        border-top-color: transparent;
        border-bottom-color: color-mix(in srgb, var(--node-color, #D4AF37) 45%, rgba(255, 255, 255, 0.14));
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .steel3d-root .s3d-rotating-arc,
      .steel3d-root .s3d-center-ring-pulse {
        animation: none !important;
      }
      .steel3d-root .s3d-glass-node {
        transition: none;
      }
      .steel3d-root .s3d-glass-node:hover,
      .steel3d-root .s3d-glass-node.node-1:hover,
      .steel3d-root .s3d-glass-node.node-2:hover,
      .steel3d-root .s3d-glass-node.node-3:hover,
      .steel3d-root .s3d-glass-node.node-4:hover,
      .steel3d-root .s3d-glass-node.node-5:hover,
      .steel3d-root .s3d-glass-node.node-6:hover,
      .steel3d-root .s3d-glass-node.node-7:hover,
      .steel3d-root .s3d-glass-node.node-8:hover {
        transform: translate(-50%, -50%);
      }
      @media (max-width: 680px) {
        .steel3d-root .s3d-glass-node:hover,
        .steel3d-root .s3d-glass-node.node-1:hover,
        .steel3d-root .s3d-glass-node.node-2:hover,
        .steel3d-root .s3d-glass-node.node-3:hover,
        .steel3d-root .s3d-glass-node.node-4:hover,
        .steel3d-root .s3d-glass-node.node-5:hover,
        .steel3d-root .s3d-glass-node.node-6:hover,
        .steel3d-root .s3d-glass-node.node-7:hover,
        .steel3d-root .s3d-glass-node.node-8:hover {
          transform: none;
        }
      }
    }
    /* ----- 05b PRICING / NC1 CONTINUED ----- */
    .steel3d-root .s3d-landing-wrapper {
      position: relative;
      z-index: 1;
    }
    .steel3d-root .s3d-hud-tag {
      font-family: var(--font-hud);
      font-size: 0.68rem;
      letter-spacing: var(--ls-label);
      color: var(--accent-cyan);
      text-transform: uppercase;
      margin: 0 auto 0.75rem;
      text-align: center;
    }
    /* 2026-08-06au: hero kicker → Highend-style pill badge (reuses existing .s3d-hud-tag element, no markup change) */
    .steel3d-root .hero-badge,
    .steel3d-root .s3d-hero .s3d-hud-tag {
      display: inline-flex;
      align-items: center;
      gap: 0.4em;
      color: var(--accent-green);
      background: rgba(56, 239, 125, 0.08);
      border: 1px solid rgba(56, 239, 125, 0.35);
      border-radius: 999px;
      padding: 0.4rem 0.9rem;
      margin: 0 auto 1.1rem;
      width: fit-content;
    }
    .steel3d-root .s3d-cyan-text { color: var(--accent-green); }
    .steel3d-root .s3d-hero-title {
      font-family: var(--font-hud);
      /* 2026-08-06au: match the h1.s3d-hero-title ceiling (2.85rem) — see comment above; kept in
         sync so this fallback (non-!important) rule never re-introduces the desktop overflow. */
      font-size: clamp(1.35rem, 5.2vw, 2.85rem);
      font-weight: var(--fw-display);
      line-height: 1.15;
      letter-spacing: 0.02em;
      text-indent: 0;
      margin: 0.5rem auto 1rem;
      margin-inline: auto;
      color: var(--text-main);
      text-align: center !important;
      width: 100%;
      max-width: none;
      padding-left: 0;
      padding-right: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    /* Each phrase is a shrink-to-fit block, then margin-centered — beats Divi left-align + uneven wrap.
       2026-08-06au: was `white-space: nowrap`, which forced the whole phrase onto one line no matter
       how wide it got — when a nowrap box is wider than its centered container, "margin: auto" collapses
       to 0 instead of bleeding evenly, so the phrase sat flush-left and ran off past the right edge of
       the viewport (the reported hero cut-off bug). Normal white-space + max-width:100% keeps each
       phrase on one line whenever it fits (the common case, unchanged look) but now wraps onto a second
       line as a safety net instead of overflowing if a future copy change or narrow viewport ever makes
       a phrase too wide again. */
    .steel3d-root .s3d-hero-title .s3d-hero-line {
      display: block !important;
      width: fit-content !important;
      max-width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      /* letter-spacing trails after last glyph — indent matches tracking so optical center = true center */
      padding-left: 0.02em !important;
      padding-right: 0 !important;
      text-indent: 0 !important;
      text-align: center !important;
      float: none !important;
      position: relative !important;
      left: auto !important;
      right: auto !important;
      white-space: normal;
      overflow-wrap: break-word;
      word-break: normal;
      box-sizing: border-box !important;
    }
    @media (max-width: 360px) {
      .steel3d-root .s3d-hero-title .s3d-hero-line {
        white-space: normal;
        width: 100% !important;
        text-wrap: balance;
      }
    }
    /* All viewports: kill Divi/theme left-align / max-width drift on hero title */
    .steel3d-root .s3d-hero-panel,
    .steel3d-root .s3d-hero-plate {
      align-items: center !important;
      text-align: center !important;
    }
    .steel3d-root .s3d-hero .s3d-hero-title,
    .steel3d-root .s3d-hero h1.s3d-hero-title,
    .steel3d-root .s3d-hero h1.s3d-hero-title.s3d-hero-title {
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      max-width: none !important;
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      align-self: center !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      float: none !important;
    }
    .steel3d-root .s3d-hero-subtitle {
      font-family: var(--font-sans);
      font-size: var(--fs-body);
      line-height: var(--lh-body);
      color: var(--text-muted);
      max-width: 42rem;
      margin: 0 auto 1.35rem;
      text-align: center;
    }
    .steel3d-root .s3d-cta-group {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      gap: 0.75rem;
      margin: 0.25rem auto 0;
      justify-content: center;
      align-items: stretch;
      width: auto;
      max-width: min(52rem, 100%);
    }
    .steel3d-root .s3d-cta-cycle-frame {
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      height: 0;
      border: 2px solid #D4AF37;
      border-radius: 2px;
      box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.2), 0 0 18px rgba(212, 175, 55, 0.35);
      pointer-events: none;
      z-index: 3;
      opacity: 0;
      transition: left 0.85s cubic-bezier(0.22, 1, 0.36, 1), top 0.85s cubic-bezier(0.22, 1, 0.36, 1), width 0.85s cubic-bezier(0.22, 1, 0.36, 1), height 0.85s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
    }
    .steel3d-root .s3d-cta-cycle-frame.is-on {
      opacity: 1;
    }
    /* Hero CTAs: equal quiet chrome — ONLY the moving frame lights one at a time */
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn,
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn-primary,
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn-secondary,
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn-cyan-glow {
      flex: 1 1 0;
      min-width: 11.5rem;
      max-width: 15.5rem;
      box-sizing: border-box;
      text-align: center;
      position: relative;
      z-index: 1;
      background: transparent !important;
      border-color: rgba(100, 116, 139, 0.45) !important;
      color: var(--text-muted) !important;
      -webkit-text-fill-color: var(--text-muted) !important;
      box-shadow: none !important;
      animation: none !important;
      filter: none !important;
    }
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn::before,
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn-primary::before,
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn::after,
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn-primary::after {
      content: none !important;
      display: none !important;
      animation: none !important;
    }
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn:hover,
    .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn-primary:hover {
      background: rgba(212, 175, 55, 0.06) !important;
      border-color: rgba(212, 175, 55, 0.45) !important;
      color: #e2e8f0 !important;
      -webkit-text-fill-color: #e2e8f0 !important;
      box-shadow: none !important;
      filter: none !important;
      transform: none;
    }
    /* Same class of bug as ENGINEERED PRECISION: fit-content + margin auto, not width:100% */
    .steel3d-root .s3d-trial-nowrap {
      display: block !important;
      width: fit-content !important;
      max-width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      text-align: center !important;
      white-space: nowrap;
      float: none !important;
      box-sizing: border-box !important;
    }
    .steel3d-root .s3d-hero-trial-note {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 0;
      width: 100%;
      max-width: min(52rem, 100%);
      margin: 14px auto 0;
      margin-inline: auto;
      margin-left: auto;
      margin-right: auto;
      padding: 12px 0 0;
      padding-left: 0;
      padding-right: 0;
      border: none;
      border-top: 1px solid rgba(255, 153, 0, 0.4);
      border-radius: 0;
      background: none;
      text-align: center !important;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.88rem;
      color: #e2e8f0;
      white-space: normal;
      box-sizing: border-box;
      align-self: center;
    }
    .steel3d-root .s3d-hero-trial-note .s3d-trial-nowrap,
    .steel3d-root .s3d-hero-trial-note .s3d-trial-note-rest {
      display: inline !important;
      width: auto !important;
      max-width: 100%;
      margin-inline: 0 !important;
      text-align: center !important;
    }
    .steel3d-root .s3d-contact-section .s3d-trial-strip h2 {
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      width: fit-content !important;
      max-width: min(100%, 36rem) !important;
      float: none !important;
      padding-left: 0.04em !important;
      padding-right: 0 !important;
    }
    /* Desktop wide only: keep one line. iPad/tablet must wrap or it drifts off-center */
    @media (min-width: 1101px) {
      .steel3d-root .s3d-hero-trial-note {
        white-space: nowrap;
        flex-wrap: nowrap;
        justify-content: center;
      }
      .steel3d-root .s3d-trial-nowrap {
        white-space: nowrap;
      }
      .steel3d-root .s3d-contact-section .s3d-trial-strip h2 {
        white-space: nowrap;
      }
    }
    /* Phone + iPad / tablet (incl. 768–1024): stack + fit-content center */
    @media (max-width: 1100px) {
      .steel3d-root .s3d-hero-trial-note {
        flex-direction: column;
        white-space: normal !important;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center !important;
      }
      .steel3d-root .s3d-contact-section .s3d-trial-strip h2,
      .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) h2 {
        white-space: normal !important;
        text-align: center !important;
        width: fit-content !important;
        max-width: min(100%, 28rem) !important;
        text-wrap: balance;
      }
      .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing h2,
      .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-trial-marketing h2 .s3d-trial-nowrap {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        text-wrap: balance;
      }
      .steel3d-root .s3d-trial-nowrap {
        white-space: normal !important;
        display: block !important;
        width: fit-content !important;
        max-width: min(100%, 28rem) !important;
        text-align: center !important;
        margin-inline: auto !important;
        text-wrap: balance;
      }
      .steel3d-root #steel3d-manager .s3d-trial-auth-stack .s3d-trial-nowrap {
        width: 100% !important;
        max-width: 100% !important;
      }
      .steel3d-root .s3d-hero-trial-note .s3d-trial-nowrap,
      .steel3d-root .s3d-hero-trial-note .s3d-trial-note-rest {
        display: block !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        text-align: center !important;
      }
    }
    /* Portal Steel3D head + gateway — Divi-safe (trial auth stack owns its own column — 2026-08-04h) */
    .steel3d-root #steel3d-manager,
    .steel3d-root #steel3d-portal {
      text-align: center !important;
    }
    .steel3d-root #steel3d-manager > .s3d-wrap {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      width: 100% !important;
      margin-inline: auto !important;
      text-align: center !important;
    }
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) h2 {
      display: block !important;
      width: fit-content !important;
      max-width: 100% !important;
      margin-inline: auto !important;
      text-align: center !important;
      float: none !important;
      position: relative !important;
      left: auto !important;
      right: auto !important;
      box-sizing: border-box !important;
    }
    .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) h2 {
      max-width: none !important;
    }
    .steel3d-root #steel3d-manager > .s3d-wrap > #steel3dMgrAuth,
    .steel3d-root #steel3d-manager .s3d-auth-viewport {
      width: fit-content !important;
      max-width: min(100%, 720px) !important;
      align-self: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      float: none !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack > .s3d-auth-viewport {
      width: 100% !important;
      max-width: 100% !important;
    }
    .steel3d-root #steel3d-manager .s3d-auth-terminal-frame {
      width: min(100%, 690px) !important;
      max-width: min(100%, 690px) !important;
      align-self: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-inline: auto !important;
      float: none !important;
      box-sizing: border-box !important;
    }
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack .s3d-auth-terminal-frame {
      width: 100% !important;
      max-width: 100% !important;
    }
    @media (min-width: 1101px) {
      .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) h2 {
        white-space: nowrap;
      }
    }
    @media (max-width: 1100px) {
      .steel3d-root #steel3d-manager .s3d-sec-head:not(.s3d-trial-marketing) h2 {
        white-space: normal !important;
        text-wrap: balance;
        max-width: min(100%, 28rem) !important;
      }
    }
    @media (max-width: 640px) {
      .steel3d-root .s3d-hero-actions,
      .steel3d-root .s3d-cta-group {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
      }
      .steel3d-root .s3d-hero-actions .s3d-btn,
      .steel3d-root .s3d-cta-group .s3d-btn,
      .steel3d-root .s3d-hero .s3d-cta-group .s3d-btn {
        width: 100%;
        max-width: none;
        flex: 1 1 auto;
      }
    }
    /* 2026-08-06au: outline pair — 1px light border, transparent fill, fills solid emerald on hover */
    .steel3d-root .s3d-btn-secondary,
    .steel3d-root .btn-outline {
      background: transparent;
      border-color: rgba(226, 232, 240, 0.3);
      color: var(--text-main);
    }
    .steel3d-root .s3d-btn-secondary:hover,
    .steel3d-root .btn-outline:hover {
      border-color: var(--accent-green);
      background: var(--accent-green);
      color: #04140c !important;
      -webkit-text-fill-color: #04140c !important;
      box-shadow: 0 8px 20px rgba(56, 239, 125, 0.25);
    }
    /* 2026-08-06au: tertiary text link — arrow nudges right 4px on hover */
    .steel3d-root .btn-link {
      color: var(--accent-green);
      text-decoration: none;
      font-weight: 700;
    }
    .steel3d-root .btn-link:hover {
      text-decoration: underline;
    }
    .steel3d-root .btn-link span {
      display: inline-block;
      margin-left: 4px;
      transition: transform 0.2s var(--ease-out-expo);
    }
    .steel3d-root .btn-link:hover span {
      transform: translateX(4px);
    }
    /* 2026-08-06au: featured-tier CTA glow recolored emerald (class name kept — see other refs) */
    .steel3d-root .s3d-btn-cyan-glow {
      background: rgba(56, 239, 125, 0.12);
      border-color: var(--accent-green);
      color: var(--accent-green) !important;
      -webkit-text-fill-color: var(--accent-green) !important;
      box-shadow: 0 0 0 1px rgba(56, 239, 125, 0.2), 0 0 24px rgba(56, 239, 125, 0.25);
    }
    .steel3d-root .s3d-btn-cyan-glow:hover {
      background: var(--accent-green) !important;
      color: #04140c !important;
      -webkit-text-fill-color: #04140c !important;
      box-shadow: 0 0 0 1px rgba(56, 239, 125, 0.4), 0 0 36px rgba(56, 239, 125, 0.4);
    }
    .steel3d-root .s3d-btn-cyan-glow:hover,
    .steel3d-root .s3d-btn-cyan-glow:hover * {
      color: #04140c !important;
      -webkit-text-fill-color: #04140c !important;
    }
    .steel3d-root .s3d-panel-card {
      background: var(--bg-panel);
      border: 1px solid var(--border-cyan);
      border-radius: var(--radius);
      padding: 1.2rem 1.25rem;
      box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.04), 0 12px 32px rgba(0, 0, 0, 0.4);
      position: relative;
    }
    .steel3d-root .s3d-panel-card::before,
    .steel3d-root .s3d-panel-card::after {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border-color: var(--accent-cyan);
      border-style: solid;
      opacity: 0.7;
      pointer-events: none;
    }
    .steel3d-root .s3d-panel-card::before {
      top: -1px; left: -1px; border-width: 1px 0 0 1px;
    }
    .steel3d-root .s3d-panel-card::after {
      bottom: -1px; right: -1px; border-width: 0 1px 1px 0;
    }
    .steel3d-root .s3d-status-badge {
      font-family: var(--font-hud);
      font-size: 0.58rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 0.22rem 0.45rem;
      border: 1px solid rgba(56, 239, 125, 0.35);
      color: var(--accent-green);
      background: rgba(56, 239, 125, 0.08);
    }
    .steel3d-root .s3d-panel-card h3 {
      font-family: var(--font-hud);
      font-size: 0.92rem;
      letter-spacing: 0.06em;
      margin: 0 0 0.5rem;
      color: var(--text-main);
    }
    .steel3d-root .s3d-panel-card p {
      margin: 0;
      font-size: 0.9rem;
      line-height: 1.55;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-section-header h2 {
      font-family: var(--font-hud);
      font-size: clamp(0.95rem, 2vw, 1.15rem);
      letter-spacing: 0.12em;
      color: var(--text-main);
      margin: 0 0 0.4rem;
    }
    /* 2026-08-06au: accent underline beneath every section H2 (Highend section-rhythm signature) */
    .steel3d-root .s3d-section-header h2::after,
    .steel3d-root .s3d-sec-head h2::after,
    .steel3d-root .section-title::after {
      content: "";
      display: block;
      width: 48px;
      height: 3px;
      margin-top: 14px;
      border-radius: 999px;
      background: var(--accent-green);
    }
    .steel3d-root .s3d-pricing-section .s3d-section-header,
    .steel3d-root .s3d-pricing-section .s3d-sec-head {
      text-align: center;
      justify-items: center;
      margin-left: auto;
      margin-right: auto;
      max-width: none;
      width: 100%;
    }
    .steel3d-root .s3d-pricing-section .s3d-section-header h2,
    .steel3d-root .s3d-pricing-section .s3d-sec-head h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
    .steel3d-root .s3d-pricing-section .s3d-section-header h2::after,
    .steel3d-root .s3d-pricing-section .s3d-sec-head h2::after {
      margin-left: auto;
      margin-right: auto;
    }
    /* 2026-08-06ay: card depth — resting shadow + wash; all 4 tiers same footprint + top-aligned.
       Emerald border on hover for every card; featured has NO translateY (rest or hover). */
    .steel3d-root .s3d-pricing-card {
      background: var(--bg-panel-alt);
      background-image: var(--card-wash);
      border: 1px solid var(--border-cyan);
      border-radius: var(--radius);
      padding: 1.35rem 1.4rem 1.5rem;
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      box-shadow: var(--shadow-card-rest);
      transition: transform 0.25s var(--ease-out-expo), box-shadow 0.25s var(--ease-out-expo), border-color 0.25s ease;
    }
    .steel3d-root .s3d-pricing-card:hover {
      box-shadow: var(--shadow-card-hover);
      border-color: var(--accent-green);
    }
    .steel3d-root .s3d-pricing-card.s3d-featured,
    .steel3d-root .s3d-pricing-card.s3d-featured:hover {
      /* badge anchor only — never lift; same 1px border / size as siblings */
      position: relative;
      transform: none;
    }
    .steel3d-root .s3d-pricing-card .s3d-tier-code,
    .steel3d-root .s3d-pricing-card h3.s3d-tier-code {
      margin: 0 0 0.45rem;
      font-family: var(--font-hud);
      font-size: clamp(0.56rem, 0.85vw + 0.32rem, 0.64rem);
      font-weight: 600;
      line-height: 1.22;
      letter-spacing: 0.06em;
      color: var(--accent-green);
    }
    @media (min-width: 1280px) {
      .steel3d-root .s3d-pricing-card .s3d-tier-code,
      .steel3d-root .s3d-pricing-card h3.s3d-tier-code {
        font-size: 0.54rem;
        letter-spacing: 0.05em;
        line-height: 1.18;
      }
    }
    @media (max-width: 720px) {
      .steel3d-root .s3d-pricing-card .s3d-tier-code,
      .steel3d-root .s3d-pricing-card h3.s3d-tier-code {
        font-size: clamp(0.6rem, 2.6vw, 0.66rem);
        letter-spacing: 0.07em;
      }
    }
    .steel3d-root .s3d-price {
      font-family: var(--font-hud);
      font-size: 2rem;
      font-weight: 700;
      color: var(--accent-cyan);
    }
    .steel3d-root .s3d-price .s3d-unit {
      font-size: 0.72rem;
      color: var(--text-muted);
      letter-spacing: 0.1em;
    }
    .steel3d-root .s3d-spec-list {
      list-style: none;
      margin: 0;
      padding: 0;
      flex: 1;
    }
    .steel3d-root .s3d-spec-list li {
      font-family: var(--font-hud);
      font-size: 0.72rem;
      letter-spacing: 0.03em;
      color: var(--text-muted);
      padding: 0.4rem 0;
      border-bottom: 1px solid rgba(212, 175, 55, 0.06);
    }
    /* ----- Roadmap / What's coming (2026-08-04z) ----- */
    .steel3d-root .s3d-roadmap-section {
      background: #04070a;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }
    .steel3d-root .s3d-roadmap-section .s3d-section-header h2,
    .steel3d-root .s3d-roadmap-section .s3d-sec-head h2 {
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-roadmap-list {
      list-style: none;
      margin: 1.5rem auto 0;
      padding: 0;
      max-width: 820px;
      display: grid;
      gap: 14px;
    }
    .steel3d-root .s3d-roadmap-item {
      border: 1px solid rgba(0, 180, 255, 0.22);
      border-radius: 10px;
      padding: 16px 18px;
      background: linear-gradient(165deg, rgba(8, 14, 22, 0.94), rgba(4, 8, 14, 0.98));
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-roadmap-item h3 {
      margin: 8px 0 6px;
      font-size: 0.95rem;
      font-weight: 700;
      color: #04070a;
      letter-spacing: 0.02em;
    }
    .steel3d-root .s3d-roadmap-item p {
      margin: 0;
      font-size: 0.85rem;
      line-height: 1.5;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-roadmap-status {
      display: inline-block;
      font-size: 0.65rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 4px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.15);
    }
    .steel3d-root .s3d-roadmap-status--live {
      color: #84ff00;
      border-color: rgba(132, 255, 0, 0.45);
      background: rgba(40, 70, 10, 0.35);
    }
    .steel3d-root .s3d-roadmap-status--build {
      color: #D4AF37;
      border-color: rgba(212, 175, 55, 0.4);
      background: rgba(0, 60, 80, 0.35);
    }
    .steel3d-root .s3d-roadmap-status--planned {
      color: #ffc400;
      border-color: rgba(255, 196, 0, 0.4);
      background: rgba(60, 45, 0, 0.35);
    }
    .steel3d-root .s3d-pricing-footnote {
      margin: 1.25rem auto 0;
      max-width: 62ch;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.82rem;
      font-style: italic;
      color: var(--text-muted);
      line-height: 1.55;
    }
    /* ----- Enterprise dashboard + Steel3D monitor UI (2026-08-05n) ----- */
    .steel3d-root .s3d-enterprise-dash {
      margin: 12px 0 16px;
      padding: 14px 16px;
      border: 1px solid rgba(0, 180, 255, 0.28);
      border-radius: 10px;
      background: linear-gradient(165deg, rgba(8, 14, 22, 0.92), rgba(4, 8, 14, 0.98));
    }
    .steel3d-root .s3d-enterprise-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px 16px;
      margin-bottom: 12px;
    }
    .steel3d-root .s3d-enterprise-head h3 {
      margin: 0;
      font-size: 14px;
      font-weight: 700;
      color: #e8f4ff;
    }
    .steel3d-root .s3d-enterprise-badge {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.06em;
      padding: 4px 8px;
      border-radius: 4px;
      background: rgba(56, 239, 125, 0.12);
      color: #38ef7d;
      border: 1px solid rgba(56, 239, 125, 0.35);
    }
    .steel3d-root .s3d-enterprise-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 10px;
    }
    .steel3d-root .s3d-enterprise-card {
      padding: 12px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 8px;
      background: rgba(0, 0, 0, 0.25);
    }
    .steel3d-root .s3d-enterprise-card.is-active {
      border-color: rgba(212, 175, 55, 0.45);
      box-shadow: 0 0 12px rgba(212, 175, 55, 0.12);
    }
    .steel3d-root .s3d-enterprise-card h4 {
      margin: 0 0 4px;
      font-size: 13px;
      color: #e8f4ff;
    }
    .steel3d-root .s3d-cc-alert-banner {
      margin: 10px 0 12px;
      padding: 10px 14px;
      border-radius: 8px;
      font-size: 13px;
      border: 1px solid rgba(212, 175, 55, 0.45);
      background: rgba(212, 175, 55, 0.08);
      color: #ffe08a;
    }
    .steel3d-root .s3d-cc-alert-banner.is-expired {
      border-color: rgba(255, 82, 82, 0.55);
      background: rgba(255, 82, 82, 0.1);
      color: #ff9a9a;
    }
    .steel3d-root .s3d-cc-alert-banner .s3d-cc-touch {
      margin-left: 8px;
      font-size: 11px;
      padding: 4px 10px;
    }
    /* Modern contact form — dark industrial, human labels */
    .steel3d-root .s3d-contact-section .s3d-trial-strip {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: fit-content !important;
      max-width: min(100%, 640px);
      margin: 0 auto 1.25rem;
      margin-inline: auto !important;
      padding: 1.15rem 1.25rem;
      background: rgba(4, 7, 10, 0.92);
      border: 1px solid rgba(212, 175, 55, 0.35);
      text-align: center !important;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-contact-section .s3d-trial-strip h2,
    .steel3d-root .s3d-contact-section .s3d-trial-strip p,
    .steel3d-root .s3d-contact-section .s3d-trial-strip .s3d-btn {
      width: fit-content !important;
      max-width: 100% !important;
      margin-inline: auto !important;
      text-align: center !important;
      float: none !important;
    }
    .steel3d-root .s3d-contact-section .s3d-trial-strip h2 {
      margin: 0 0 0.35rem;
      font-family: var(--font-sans);
      font-size: 1.25rem;
      font-weight: 700;
      color: #e8f4f8;
      white-space: nowrap;
      max-width: none !important;
    }
    @media (max-width: 640px) {
      .steel3d-root .s3d-contact-section .s3d-trial-strip h2 {
        white-space: normal;
      }
    }
    .steel3d-root .s3d-contact-section .s3d-trial-strip p {
      margin: 0 0 0.9rem;
      font-family: var(--font-sans);
      font-size: 0.9rem;
      line-height: 1.45;
      color: #e2e8f0;
    }
    .steel3d-root .s3d-contact-section .s3d-form-card {
      max-width: 640px;
      margin: 0 auto;
      padding: 1.75rem 1.6rem 1.85rem;
      background: rgba(4, 7, 10, 0.92);
      border: 1px solid rgba(212, 175, 55, 0.22);
      border-radius: 0;
      box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.04), 0 0 40px rgba(0, 0, 0, 0.35);
    }
    /* Contact + Suggestions — side-by-side on desktop, stack ≤900px (iPad) */
    .steel3d-root .s3d-contact-suggest-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
      max-width: 1120px;
      margin: 0 auto;
      align-items: stretch;
    }
    .steel3d-root .s3d-contact-suggest-row > .s3d-form-card,
    .steel3d-root .s3d-contact-suggest-row > .s3d-suggest-col {
      max-width: none;
      margin: 0;
      min-width: 0;
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .steel3d-root .s3d-contact-suggest-row .s3d-suggest-panel {
      max-width: none;
      margin: 0;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .steel3d-root .s3d-contact-suggest-row .s3d-suggest-hud,
    .steel3d-root .s3d-contact-suggest-row .s3d-suggest-title,
    .steel3d-root .s3d-contact-suggest-row .s3d-suggest-lead {
      text-align: left;
    }
    .steel3d-root .s3d-contact-suggest-row .s3d-suggest-lead {
      margin-left: 0;
      margin-right: 0;
      max-width: none;
    }
    .steel3d-root .s3d-contact-suggest-row .s3d-contact-form,
    .steel3d-root .s3d-contact-suggest-row .s3d-suggest-form {
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    @media (max-width: 900px) {
      .steel3d-root .s3d-contact-suggest-row {
        grid-template-columns: 1fr;
        max-width: 640px;
      }
    }
    .steel3d-root .s3d-contact-section .s3d-contact-title {
      margin: 0 0 0.35rem;
      font-family: var(--font-sans);
      font-size: 1.45rem;
      font-weight: 700;
      letter-spacing: -0.01em;
      color: #e8f4f8;
    }
    .steel3d-root .s3d-contact-section .s3d-contact-lead {
      margin: 0 0 1.35rem;
      font-family: var(--font-sans);
      font-size: 0.92rem;
      line-height: 1.5;
      color: #e2e8f0;
    }
    .steel3d-root .s3d-contact-form .s3d-form-group {
      margin-bottom: 1rem;
    }
    .steel3d-root .s3d-contact-form label {
      display: block;
      font-family: var(--font-sans);
      font-size: 0.78rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: rgba(200, 220, 230, 0.85);
      margin-bottom: 0.4rem;
    }
    .steel3d-root .s3d-contact-form .s3d-opt {
      font-weight: 400;
      color: rgba(140, 160, 170, 0.7);
    }
    .steel3d-root .s3d-contact-form .s3d-check-row {
      display: flex;
      align-items: flex-start;
      gap: 0.65rem;
      margin: 0 0 1rem;
      padding: 0.75rem 0.85rem;
      border: 1px solid rgba(212, 175, 55, 0.35);
      background: rgba(212, 175, 55, 0.06);
    }
    .steel3d-root .s3d-contact-form .s3d-check-row input[type="checkbox"] {
      flex-shrink: 0;
      width: 1.1rem;
      height: 1.1rem;
      margin-top: 0.1rem;
      accent-color: #D4AF37;
      cursor: pointer;
    }
    .steel3d-root .s3d-contact-form .s3d-check-row label {
      margin: 0;
      cursor: pointer;
      font-size: 0.88rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: #e8f4f8;
      line-height: 1.35;
    }
    .steel3d-root .s3d-contact-form .s3d-check-row .s3d-check-hint {
      display: block;
      margin-top: 0.25rem;
      font-size: 0.72rem;
      font-weight: 400;
      color: rgba(200, 220, 230, 0.7);
      letter-spacing: 0.03em;
    }
    .steel3d-root .s3d-contact-form .s3d-input,
    .steel3d-root .s3d-contact-form .s3d-select,
    .steel3d-root .s3d-contact-form textarea.s3d-input {
      width: 100%;
      font-family: var(--font-sans);
      font-size: 0.95rem;
      color: #e8f4f8;
      background: #04070a;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 0;
      padding: 0.8rem 0.95rem;
      outline: none;
      cursor: text;
      color-scheme: dark;
      transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease;
    }
    .steel3d-root .s3d-contact-form .s3d-select {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      background-image: linear-gradient(45deg, transparent 50%, #D4AF37 50%),
        linear-gradient(135deg, #D4AF37 50%, transparent 50%);
      background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
      background-size: 6px 6px, 6px 6px;
      background-repeat: no-repeat;
      padding-right: 2.2rem;
    }
    .steel3d-root .s3d-contact-form textarea.s3d-input {
      resize: vertical;
      min-height: 110px;
    }
    .steel3d-root .s3d-contact-form .s3d-input:hover,
    .steel3d-root .s3d-contact-form .s3d-select:hover,
    .steel3d-root .s3d-contact-form textarea.s3d-input:hover {
      border-color: #D4AF37;
      background: #071016;
      box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35), 0 0 18px rgba(212, 175, 55, 0.22);
      color: #fff;
    }
    .steel3d-root .s3d-contact-form .s3d-input:focus,
    .steel3d-root .s3d-contact-form .s3d-select:focus,
    .steel3d-root .s3d-contact-form textarea.s3d-input:focus {
      border-color: #D4AF37;
      background: #08141a;
      box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.45), 0 0 24px rgba(212, 175, 55, 0.28);
      color: #fff;
    }
    .steel3d-root .s3d-contact-form .s3d-form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.85rem;
    }
    .steel3d-root .s3d-contact-form .s3d-form-submit {
      width: 100%;
      margin-top: 0.35rem;
      letter-spacing: 0.04em;
      text-transform: none;
      font-family: var(--font-sans);
      font-weight: 700;
    }
    @media (max-width: 640px) {
      .steel3d-root .s3d-contact-form .s3d-form-row {
        grid-template-columns: 1fr;
      }
    }
    .steel3d-root .s3d-footer,
    .steel3d-root footer.s3d-foot {
      border-top: 1px solid var(--border-cyan);
      text-align: left;
    }
    .steel3d-root .s3d-footer-content {
      text-align: left;
      margin-left: auto;
      margin-right: auto;
    }
    .steel3d-root .s3d-footer .s3d-note,
    .steel3d-root footer.s3d-foot .s3d-note {
      text-align: center;
      border-left: none;
      padding-left: 0;
      margin: 16px auto 0;
      max-width: 72ch;
    }
    .steel3d-root .s3d-copyright {
      font-family: var(--font-hud);
      font-size: 0.7rem;
      line-height: 1.7;
      color: var(--text-muted);
      letter-spacing: 0.04em;
      text-align: left;
    }
    .steel3d-root .s3d-radial-engine-container {
      border: 1px solid var(--border-cyan);
      background:
        linear-gradient(to right, rgba(212, 175, 55, 0.035) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(212, 175, 55, 0.035) 1px, transparent 1px),
        rgba(8, 11, 16, 0.72);
      background-size: 40px 40px, 40px 40px, auto;
      box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.05), 0 0 40px rgba(212, 175, 55, 0.06);
    }
    .steel3d-root .s3d-radial-badge,
    .steel3d-root .s3d-glow-title,
    .steel3d-root .s3d-center-title,
    .steel3d-root .s3d-glass-node .node-title {
      font-family: var(--font-hud);
    }
    /* 2026-08-06bz: site tint override — match lighter scrim vars (was 0.45/0.64 muddy) */
    .steel3d-root .s3d-bg-tint {
      background:
        linear-gradient(180deg, rgba(8, 11, 16, 0.22), rgba(8, 11, 16, 0.36)),
        radial-gradient(ellipse 90% 55% at 12% 18%, rgba(212, 175, 55, 0.03), transparent 55%);
    }
    /* Platform // 02 — operational SVG schematic (zero text cards) */
    .steel3d-root .s3d-platform-wrap {
      max-width: 1050px;
      margin-left: auto;
      margin-right: auto;
    }
    .steel3d-root .s3d-life-stage .s3d-life-box {
      transition: stroke 0.65s ease, stroke-width 0.65s ease, filter 0.65s ease;
    }
    .steel3d-root .s3d-life-stage .s3d-life-accent {
      opacity: 0;
      transition: opacity 0.65s ease;
    }
    .steel3d-root .s3d-life-stage.is-lit .s3d-life-box {
      stroke: #D4AF37 !important;
      stroke-width: 2 !important;
      filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.55));
    }
    .steel3d-root .s3d-life-stage.is-lit .s3d-life-accent {
      opacity: 1;
    }
    @media (prefers-reduced-motion: reduce) {
      .steel3d-root .s3d-cta-cycle-frame {
        transition: none;
      }
      .steel3d-root .s3d-life-stage .s3d-life-box,
      .steel3d-root .s3d-life-stage .s3d-life-accent {
        transition: none;
      }
    }
    .steel3d-root .s3d-svg-schematic {
      background: #040609;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: var(--radius-sm);
      padding: 0.85rem 0.95rem 1rem;
      position: relative;
      overflow: hidden;
    }
    .steel3d-root .s3d-svg-schematic::before,
    .steel3d-root .s3d-svg-schematic::after {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border: 1px solid #D4AF37;
      pointer-events: none;
      z-index: 2;
    }
    .steel3d-root .s3d-svg-schematic::before { top: 6px; left: 6px; border-right: 0; border-bottom: 0; }
    .steel3d-root .s3d-svg-schematic::after { bottom: 6px; right: 6px; border-left: 0; border-top: 0; }
    .steel3d-root .s3d-svg-schematic .s3d-nc-hud-label {
      color: #D4AF37;
      margin-bottom: 0.65rem;
    }
    .steel3d-root .s3d-svg-schematic-viewport {
      position: relative;
      width: 100%;
      max-width: 1050px;
      margin: 0 auto;
      background:
        linear-gradient(to right, rgba(212, 175, 55, 0.045) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(212, 175, 55, 0.045) 1px, transparent 1px),
        #040609;
      background-size: 24px 24px, 24px 24px, auto;
      border: 1px solid rgba(212, 175, 55, 0.22);
      overflow: hidden;
    }
    .steel3d-root .s3d-svg-schematic-viewport svg {
      display: block;
      width: 100%;
      height: auto;
    }
    .steel3d-root .s3d-pipe-dash {
      stroke: #D4AF37;
      stroke-width: 1.75;
      stroke-dasharray: 7 6;
      fill: none;
      filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.65));
      animation: s3d-pipe-flow 2.4s linear infinite;
    }
    .steel3d-root .s3d-pipe-dash-amber {
      stroke: #ffb000;
      stroke-width: 1.75;
      stroke-dasharray: 7 6;
      fill: none;
      filter: drop-shadow(0 0 4px rgba(255, 176, 0, 0.55));
      animation: s3d-pipe-flow 2.4s linear infinite;
    }
    @keyframes s3d-pipe-flow {
      to { stroke-dashoffset: -52; }
    }
    @media (prefers-reduced-motion: reduce) {
      .steel3d-root .s3d-pipe-dash,
      .steel3d-root .s3d-pipe-dash-amber { animation: none; }
    }
    .steel3d-root .s3d-nc-hud-label,
    .steel3d-root h2.s3d-nc-hud-label {
      font-family: var(--font-hud);
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      color: #D4AF37;
      margin: 0 0 0.75rem;
      text-transform: uppercase;
      line-height: 1.4;
      text-shadow: 0 0 10px rgba(212, 175, 55, 0.35);
    }
    .steel3d-root .s3d-pricing-section .s3d-sec-head h2 {
      white-space: nowrap;
      font-size: clamp(11px, 1.55vw, 15px);
      letter-spacing: 0.06em;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
    }
    /* ----- COMPANY COMMAND CONSOLE (#steel3d-company-console) 2026-08-03g SIMPLE TERMINAL ----- */
    .steel3d-root #steel3d-company-console,
    .steel3d-root #steel3d-company-console *,
    .steel3d-root #steel3d-manager:has(#steel3dMgrShell:not([hidden])),
    .steel3d-root #steel3d-manager:has(#steel3dMgrShell:not([hidden])) *,
    .steel3d-root .s3d-mgr-shell:not([hidden]),
    .steel3d-root .s3d-mgr-shell:not([hidden]) .s3d-mgr-*,
    .steel3d-root .s3d-mgr-shell:not([hidden]) [class*="s3d-cc-"],
    .steel3d-root .s3d-auth-viewport:has(#steel3dMgrShell:not([hidden])),
    .steel3d-root .s3d-auth-viewport:has(#steel3dMgrShell:not([hidden])) *,
    .steel3d-root .s3d-cc,
    .steel3d-root .s3d-cc *,
    .steel3d-root #s3d-preview-drawer,
    .steel3d-root #s3d-preview-drawer *,
    .steel3d-root .s3d-cc-modal,
    .steel3d-root .s3d-cc-modal *,
    .steel3d-root .s3d-cc-toast,
    .steel3d-root .s3d-cc-toast * {
      font-family: Arial, Helvetica, sans-serif !important;
    }
    .steel3d-root #steel3d-company-console,
    .steel3d-root .s3d-cc {
      color: var(--text-main);
      background:
        linear-gradient(180deg, rgba(4, 7, 10, 0.98) 0%, rgba(8, 12, 18, 0.96) 100%);
      border-bottom: 1px solid rgba(212, 175, 55, 0.22);
      position: relative;
    }
    .steel3d-root #steel3d-company-console[hidden] { display: none !important; }
    /* Simple terminal — compact job line + hex hub (mega buttons retired 2026-08-04m) */
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-term-head,
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-advanced-only,
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-primary {
      display: none !important;
    }
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero {
      padding: 0.65rem 1rem 0.55rem;
    }
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero-label {
      font-size: 0.82rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-weight: 800;
      color: var(--accent-cyan);
    }
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero-num {
      font-size: clamp(1.65rem, 6vw, 2.35rem);
      margin: 0.15rem 0 0.1rem;
    }
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero-sub {
      font-size: 0.88rem;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-cc-console-foot {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 10px 16px;
      margin: 16px 0 20px;
      padding: 0 1rem 0.35rem;
      text-align: center;
    }
    .steel3d-root .s3d-cc-console-foot .s3d-cc-signout-link {
      font-size: 0.92rem;
      font-weight: 700;
      color: #cbd5e1;
      background: transparent;
      border: none;
      cursor: pointer;
      text-decoration: underline;
      text-underline-offset: 3px;
      padding: 6px 10px;
      min-height: 44px;
    }
    .steel3d-root .s3d-cc-console-foot .s3d-cc-signout-link:hover,
    .steel3d-root .s3d-cc-console-foot .s3d-cc-signout-link:focus-visible {
      color: #fff;
    }
    .steel3d-root .s3d-cc-shop-pop {
      margin: 0 1rem 0.75rem;
      padding: 0.85rem;
      border: 2px solid rgba(212, 175, 55, 0.45);
      border-radius: 4px;
      background: rgba(4, 7, 10, 0.98);
    }
    .steel3d-root .s3d-cc-shop-pop[hidden] { display: none !important; }
    .steel3d-root .s3d-cc-shop-pop-label {
      margin: 0 0 0.65rem;
      font-size: 1rem;
      font-weight: 700;
      color: #fff;
      text-align: center;
    }
    .steel3d-root .s3d-cc-shop-pop-close {
      width: 100%;
      margin-top: 0.65rem;
      min-height: 48px;
    }
    .steel3d-root .s3d-cc-more-hatch {
      margin: 0 1rem 1rem;
      border: 2px solid rgba(255, 255, 255, 0.18);
      border-radius: 4px;
      padding: 0.35rem 0.65rem 0.75rem;
      background: rgba(0, 0, 0, 0.35);
    }
    .steel3d-root .s3d-cc-more-hatch > summary {
      min-height: 56px;
      display: flex;
      align-items: center;
      cursor: pointer;
      font-size: 1.05rem;
      font-weight: 800;
      letter-spacing: 0.02em;
      text-transform: none;
      color: #fff;
      list-style: none;
    }
    .steel3d-root .s3d-cc-more-hatch > summary::-webkit-details-marker { display: none; }
    .steel3d-root .s3d-cc-more-body {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      padding-top: 0.35rem;
    }
    .steel3d-root .s3d-cc-more-body .s3d-cc-status-strip {
      margin: 0;
      border-radius: 4px;
    }
    .steel3d-root .s3d-cc-more-body .s3d-cc-systems-hatch {
      margin: 0;
    }
    /* Welder job terminal — dead easy path */
    .steel3d-root .s3d-cc-terminal .s3d-cc-term-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem 1rem;
      padding: 0.65rem 1rem;
      border-bottom: 1px solid rgba(212, 175, 55, 0.28);
    }
    .steel3d-root .s3d-cc-term-session { display: flex; flex-wrap: wrap; gap: 0.35rem; }
    .steel3d-root .s3d-cc-job-hero {
      text-align: center;
      padding: 1.1rem 1rem 0.85rem;
      background: rgba(212, 175, 55, 0.04);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      position: relative;
      overflow: hidden;
    }
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(212, 175, 55, 0.025) 2px,
        rgba(212, 175, 55, 0.025) 4px
      );
      opacity: 0.65;
    }
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero-num {
      text-shadow:
        0 0 20px rgba(212, 175, 55, 0.4),
        0 0 40px rgba(212, 175, 55, 0.15);
    }
    .steel3d-root #steel3d-company-console.s3d-cc-simple {
      box-shadow: inset 0 1px 0 rgba(212, 175, 55, 0.18);
    }
    .steel3d-root .s3d-cc-job-hero-label {
      font-size: 0.72rem;
      letter-spacing: 0.14em;
      font-weight: 800;
      color: var(--accent-cyan);
      text-transform: uppercase;
    }
    .steel3d-root .s3d-cc-job-hero-num {
      margin: 0.25rem 0 0.15rem;
      font-size: clamp(2.4rem, 8vw, 3.6rem);
      font-weight: 900;
      line-height: 1.05;
      letter-spacing: 0.04em;
      color: #fff;
      word-break: break-word;
    }
    .steel3d-root .s3d-cc-job-hero-num.is-empty { color: var(--text-muted); font-size: clamp(1.6rem, 5vw, 2.2rem); }
    .steel3d-root .s3d-cc-job-hero-sub {
      font-size: 0.85rem;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-cc-job-hero-actions {
      margin-top: 0.55rem;
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem 0.55rem;
      align-items: center;
    }
    /* Client master job directory */
    .steel3d-root .s3d-cc-job-directory {
      margin: 0.75rem 0.75rem 0.35rem;
      padding: 0.85rem 0.9rem 0.95rem;
      border-radius: 12px;
      border: 1px solid rgba(212, 175, 55, 0.22);
      background: linear-gradient(165deg, rgba(8, 16, 28, 0.95), rgba(4, 8, 14, 0.98));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }
    .steel3d-root .s3d-cc-job-dir-head {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      justify-content: space-between;
      gap: 10px 16px;
      margin-bottom: 0.75rem;
      position: sticky;
      top: 0;
      z-index: 6;
      padding: 0.35rem 0 0.55rem;
      background: linear-gradient(180deg, rgba(8, 16, 28, 0.98) 70%, rgba(8, 16, 28, 0.85));
    }
    .steel3d-root .s3d-cc-job-dir-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      gap: 8px 10px;
      flex: 1 1 280px;
      justify-content: flex-end;
      min-width: min(100%, 260px);
    }
    .steel3d-root .s3d-cc-job-dir-create {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      gap: 8px 10px;
      margin: 0;
      padding: 0;
      border: none;
      background: transparent;
      flex: 1 1 auto;
      min-width: min(100%, 220px);
    }
    .steel3d-root .s3d-cc-job-dir-create[hidden] { display: none !important; }
    .steel3d-root .s3d-cc-job-dir-create-field {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
      flex: 1 1 140px;
      min-width: min(100%, 140px);
      margin: 0;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #8fa3b5;
    }
    .steel3d-root .s3d-cc-job-dir-create-field input {
      min-height: 44px;
      padding: 0.5rem 0.75rem;
      border-radius: 8px;
      border: 1px solid rgba(126, 249, 255, 0.4);
      background: rgba(0, 0, 0, 0.5);
      color: #e8f2fa;
      font-family: var(--font-mono, ui-monospace, monospace);
      font-size: 0.95rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-cc-job-dir-create-field input:focus {
      outline: none;
      border-color: rgba(212, 175, 55, 0.55);
      box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.2);
    }
    .steel3d-root .s3d-cc-create-job-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0.5rem 1rem;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      border-radius: 8px;
      border: 1px solid rgba(80, 220, 140, 0.55);
      background: linear-gradient(180deg, rgba(28, 90, 55, 0.95), rgba(12, 48, 32, 0.98));
      color: #b8ffd4;
      cursor: pointer;
      box-shadow: 0 0 16px rgba(80, 220, 140, 0.18);
      transition: box-shadow 0.2s, transform 0.15s, border-color 0.2s;
      white-space: nowrap;
    }
    .steel3d-root .s3d-cc-create-job-btn:hover {
      border-color: rgba(120, 255, 180, 0.8);
      box-shadow: 0 0 24px rgba(80, 220, 140, 0.32);
      transform: translateY(-1px);
    }
    .steel3d-root .s3d-cc-create-job-btn[hidden] { display: none !important; }
    .steel3d-root .s3d-cc-job-dir-title {
      margin: 0;
      font-size: 0.82rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #7ef9ff;
    }
    .steel3d-root .s3d-cc-job-dir-hint {
      margin: 0.25rem 0 0;
      font-size: 0.78rem;
      color: #8fa3b5;
      line-height: 1.35;
    }
    .steel3d-root .s3d-cc-job-dir-search {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
      flex: 1 1 180px;
      min-width: min(100%, 180px);
      margin: 0;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #8fa3b5;
    }
    .steel3d-root .s3d-cc-job-dir-search input {
      min-height: 44px;
      min-width: min(100%, 240px);
      width: 100%;
      padding: 0.5rem 0.75rem;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(0, 0, 0, 0.45);
      color: #e8f2fa;
      font-size: 0.9rem;
    }
    .steel3d-root .s3d-cc-job-dir-search input:focus {
      outline: none;
      border-color: rgba(212, 175, 55, 0.5);
      box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.12);
    }
    .steel3d-root .s3d-cc-job-dir-table-wrap {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.06);
    }
    .steel3d-root .s3d-cc-job-dir-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.88rem;
    }
    .steel3d-root .s3d-cc-job-dir-table th {
      text-align: left;
      padding: 0.55rem 0.7rem;
      font-size: 0.68rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #6a8799;
      background: rgba(0, 20, 32, 0.75);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      white-space: nowrap;
    }
    .steel3d-root .s3d-cc-job-dir-table td {
      padding: 0.65rem 0.7rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      color: #d7e8f7;
      vertical-align: middle;
    }
    .steel3d-root .s3d-cc-job-dir-table tbody tr {
      cursor: pointer;
      transition: background 0.15s ease;
    }
    .steel3d-root .s3d-cc-job-dir-table tbody tr:hover,
    .steel3d-root .s3d-cc-job-dir-table tbody tr:focus-within {
      background: rgba(212, 175, 55, 0.07);
    }
    .steel3d-root .s3d-cc-job-dir-table tbody tr.is-active {
      background: rgba(212, 175, 55, 0.12);
      box-shadow: inset 3px 0 0 #D4AF37;
    }
    .steel3d-root .s3d-cc-job-dir-table tbody tr.is-selected:not(.is-active) {
      background: rgba(255, 255, 255, 0.04);
    }
    .steel3d-root .s3d-cc-job-dir-jn {
      font-weight: 800;
      letter-spacing: 0.04em;
      color: #fff;
      font-variant-numeric: tabular-nums;
    }
    .steel3d-root .s3d-cc-job-dir-name {
      color: #b8c9d8;
      max-width: 280px;
    }
    .steel3d-root .s3d-cc-job-dir-status {
      display: inline-block;
      padding: 0.15rem 0.45rem;
      border-radius: 999px;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      border: 1px solid rgba(255, 255, 255, 0.14);
      color: #9ec8d8;
    }
    .steel3d-root .s3d-cc-job-dir-status.is-active {
      border-color: rgba(6, 214, 160, 0.45);
      color: #7ef9c2;
      background: rgba(6, 40, 32, 0.35);
    }
    .steel3d-root .s3d-cc-job-dir-updated {
      font-size: 0.78rem;
      color: #7a90a3;
      white-space: nowrap;
      font-variant-numeric: tabular-nums;
    }
    .steel3d-root .s3d-cc-job-dir-open {
      min-height: 40px;
      padding: 0.35rem 0.7rem;
      border-radius: 6px;
      border: 1px solid rgba(212, 175, 55, 0.35);
      background: rgba(0, 30, 40, 0.7);
      color: #D4AF37;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      cursor: pointer;
      white-space: nowrap;
    }
    .steel3d-root .s3d-cc-job-dir-open:hover {
      border-color: rgba(212, 175, 55, 0.65);
      background: rgba(0, 50, 60, 0.85);
    }
    .steel3d-root .s3d-cc-job-dir-empty {
      margin: 0.85rem 0 0;
      padding: 0.85rem 1rem;
      text-align: center;
      color: #8fa3b5;
      font-size: 0.88rem;
      line-height: 1.45;
      border: 1px dashed rgba(255, 255, 255, 0.12);
      border-radius: 8px;
    }
    .steel3d-root .s3d-sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    @media (max-width: 640px) {
      .steel3d-root .s3d-cc-job-directory {
        margin: 0.55rem 0.4rem 0.25rem;
        padding: 0.7rem 0.55rem 0.8rem;
      }
      .steel3d-root .s3d-cc-job-dir-name {
        max-width: 140px;
      }
      .steel3d-root .s3d-cc-job-dir-head {
        align-items: stretch;
      }
      .steel3d-root .s3d-cc-job-dir-toolbar {
        flex: 1 1 100%;
        justify-content: stretch;
        min-width: 0;
      }
      .steel3d-root .s3d-cc-job-dir-search {
        flex: 1 1 100%;
        min-width: 0;
      }
      .steel3d-root .s3d-cc-job-dir-search input {
        width: 100%;
        min-width: 0;
      }
      .steel3d-root .s3d-cc-job-dir-create {
        flex: 1 1 100%;
        min-width: 0;
      }
      .steel3d-root .s3d-cc-job-dir-create-field {
        flex: 1 1 auto;
        min-width: 0;
      }
      .steel3d-root .s3d-cc-create-job-btn {
        flex: 0 0 auto;
      }
    }
    .steel3d-root .s3d-cc-switch-job-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.4rem 0.85rem;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      border-radius: 6px;
      border: 1px solid rgba(212, 175, 55, 0.45);
      background: rgba(0, 30, 40, 0.75);
      color: #D4AF37;
      cursor: pointer;
      box-shadow: 0 0 14px rgba(212, 175, 55, 0.12);
      transition: box-shadow 0.2s, transform 0.15s, border-color 0.2s;
    }
    .steel3d-root .s3d-cc-switch-job-btn:hover {
      border-color: rgba(212, 175, 55, 0.75);
      box-shadow: 0 0 22px rgba(212, 175, 55, 0.25);
      transform: translateY(-1px);
    }
    .steel3d-root .s3d-cc-switch-job-btn[hidden] { display: none !important; }
    .steel3d-root .s3d-cc-status-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      padding: 0.55rem 1rem;
      min-height: 48px;
      align-items: center;
      background: rgba(0, 0, 0, 0.35);
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }
    .steel3d-root .s3d-cc-status-pill {
      display: inline-flex;
      align-items: center;
      min-height: 40px;
      padding: 0.35rem 0.7rem;
      border-radius: 2px;
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      border: 1px solid rgba(255, 255, 255, 0.15);
      color: var(--text-muted);
    }
    .steel3d-root .s3d-cc-status-pill.is-ok {
      color: var(--accent-green);
      border-color: rgba(56, 239, 125, 0.55);
      background: rgba(56, 239, 125, 0.1);
    }
    .steel3d-root .s3d-cc-status-pill.is-warn {
      color: var(--accent-amber);
      border-color: rgba(212, 175, 55, 0.6);
      background: rgba(212, 175, 55, 0.12);
    }
    .steel3d-root .s3d-cc-status-pill.is-bad {
      color: #ff5555;
      border-color: rgba(255, 80, 80, 0.65);
      background: rgba(255, 50, 50, 0.12);
    }
    .steel3d-root .s3d-cc-primary {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.65rem;
      padding: 0.85rem 1rem;
    }
    .steel3d-root .s3d-cc-mega,
    .steel3d-root .s3d-cc-mega-sm,
    .steel3d-root .s3d-cc-tool-btn {
      min-height: 64px;
      padding: 0.75rem 0.85rem;
      border: 2px solid rgba(212, 175, 55, 0.45);
      border-radius: 4px;
      background: rgba(212, 175, 55, 0.1);
      color: #e8fdff;
      font-family: Arial, Helvetica, sans-serif !important;
      font-size: 1rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      cursor: pointer;
      text-align: center;
      line-height: 1.2;
    }
    .steel3d-root .s3d-cc-mega,
    .steel3d-root .s3d-cc-mega-sm {
      transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
    }
    .steel3d-root .s3d-cc-mega:hover,
    .steel3d-root .s3d-cc-mega:focus-visible,
    .steel3d-root .s3d-cc-mega-sm:hover,
    .steel3d-root .s3d-cc-tool-btn:hover {
      border-color: #D4AF37;
      box-shadow: 0 0 20px rgba(212, 175, 55, 0.28);
      outline: none;
    }
    .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-mega:active {
      transform: scale(0.98);
    }
    .steel3d-root .s3d-cc-mega.is-amber,
    .steel3d-root .s3d-cc-mega-sm.is-amber,
    .steel3d-root .s3d-cc-tool-btn.is-amber {
      border-color: rgba(212, 175, 55, 0.65);
      background: rgba(212, 175, 55, 0.14);
      color: #ffe0a8;
    }
    .steel3d-root .s3d-cc-mega.is-green,
    .steel3d-root .s3d-cc-tool-btn.is-green {
      border-color: rgba(56, 239, 125, 0.65);
      background: rgba(56, 239, 125, 0.12);
      color: #b8ffd0;
    }
    .steel3d-root .s3d-cc-job-pick {
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 0.8fr) minmax(0, 0.7fr);
      gap: 0.55rem;
      padding: 0 1rem 0.85rem;
      align-items: end;
    }
    .steel3d-root .s3d-cc-job-pick .s3d-cc-field select,
    .steel3d-root .s3d-cc-job-pick .s3d-cc-field input {
      min-height: 56px;
      font-size: 1rem;
    }
    .steel3d-root .s3d-cc-job-panel {
      margin: 0 1rem 0.85rem;
      padding: 0.75rem;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 4px;
      background: rgba(8, 12, 18, 0.92);
    }
    .steel3d-root .s3d-cc-job-panel[hidden] { display: none !important; }
    .steel3d-root .s3d-cc-job-panel-title {
      margin: 0.65rem 0 0.55rem;
      font-size: 0.78rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--accent-cyan);
    }
    .steel3d-root .s3d-cc-shop-row {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.5rem;
    }
    .steel3d-root .s3d-cc-mega-sm { min-height: 58px; font-size: 0.9rem; width: 100%; }
    .steel3d-root .s3d-cc-tool-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
      gap: 0.55rem;
    }
    .steel3d-root .s3d-cc-tool-btn { width: 100%; min-height: 72px; font-size: 0.95rem; font-weight: 700; }
    .steel3d-root .s3d-cc-systems-hatch {
      margin: 0.5rem 1rem 0.85rem;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 2px;
      padding: 0.35rem 0.55rem 0.55rem;
      background: rgba(0, 0, 0, 0.25);
    }
    .steel3d-root .s3d-cc-systems-hatch > summary {
      min-height: 48px;
      display: flex;
      align-items: center;
      cursor: pointer;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--text-muted);
      list-style: none;
    }
    .steel3d-root .s3d-cc-systems-hatch > summary::-webkit-details-marker { display: none; }
    /* Legacy manager radial hub removed 2026-08-04f — CentralHexagonHub + s3dCcMatrix only */
    .steel3d-root .s3d-cc-terminal .s3d-cc-matrix { padding: 0.5rem 0; }
    .steel3d-root .s3d-cc-terminal .s3d-cc-fpc-workbench {
      margin: 0 1rem 0.85rem;
      padding: 0.75rem;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 4px;
      background: rgba(4, 7, 10, 0.96);
    }
    .steel3d-root .s3d-cc-wb-close {
      min-height: 48px;
      margin-left: auto;
    }
    @media (max-width: 720px) {
      .steel3d-root .s3d-cc-primary { grid-template-columns: 1fr; }
      .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .steel3d-root .s3d-cc-shop-row { grid-template-columns: 1fr 1fr; }
      .steel3d-root .s3d-cc-job-pick { grid-template-columns: 1fr; }
    }
    .steel3d-root .s3d-cc-hud {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.55rem 1rem;
      padding: 0.75rem 1rem;
      border-bottom: 1px solid rgba(212, 175, 55, 0.28);
      background: rgba(4, 7, 10, 0.95);
    }
    .steel3d-root .s3d-cc-brand {
      font-size: 0.82rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      color: var(--accent-cyan);
      text-transform: uppercase;
    }
    .steel3d-root .s3d-cc-brand span { color: var(--text-muted); font-weight: 600; }
    .steel3d-root .s3d-cc-hud-title {
      font-size: 0.68rem;
      letter-spacing: 0.1em;
      color: var(--text-muted);
      text-transform: uppercase;
    }
    .steel3d-root .s3d-cc-session {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
      min-width: 0;
      max-width: 100%;
    }
    .steel3d-root .s3d-cc-chip {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      max-width: 100%;
      min-width: 0;
      padding: 0.2rem 0.5rem;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 2px;
      font-size: 0.62rem;
      letter-spacing: 0.06em;
      color: var(--accent-cyan);
      background: rgba(212, 175, 55, 0.05);
      text-transform: uppercase;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-cc-chip strong {
      margin-left: 0.3rem;
      color: var(--text-main);
      font-weight: 700;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    @media (max-width: 480px) {
      .steel3d-root .s3d-cc-hud {
        align-items: flex-start;
      }
      .steel3d-root .s3d-cc-brand {
        min-width: 0;
        max-width: 100%;
      }
      .steel3d-root .s3d-cc-chip {
        max-width: min(100%, 92vw);
        font-size: 0.58rem;
      }
      .steel3d-root #s3dCcCompanyId,
      .steel3d-root #s3dCcSessionChip,
      .steel3d-root #s3dCcJobId {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom;
      }
    }
    .steel3d-root .s3d-cc-chip.is-role { border-color: rgba(212, 175, 55, 0.45); color: var(--accent-amber); }
    .steel3d-root .s3d-cc-chip.is-ok { border-color: rgba(56, 239, 125, 0.45); color: var(--accent-green); }
    .steel3d-root .s3d-cc-jobbar {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 0.8fr) minmax(0, 0.7fr) auto auto;
      gap: 0.55rem;
      padding: 0.75rem 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      background: rgba(12, 17, 24, 0.88);
      align-items: end;
    }
    .steel3d-root .s3d-cc-field { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
    .steel3d-root .s3d-cc-field span {
      font-size: 0.58rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-cc-field select,
    .steel3d-root .s3d-cc-field input {
      width: 100%;
      min-height: 44px;
      padding: 0.45rem 0.55rem;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 2px;
      background: #04070a;
      color: var(--text-main);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.85rem;
    }
    .steel3d-root .s3d-cc-touch {
      min-width: 54px;
      min-height: 54px;
      padding: 0.55rem 0.85rem;
      border: 1px solid rgba(212, 175, 55, 0.45);
      border-radius: 2px;
      background: rgba(212, 175, 55, 0.08);
      color: var(--accent-cyan);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      cursor: pointer;
    }
    .steel3d-root .s3d-cc-touch:hover,
    .steel3d-root .s3d-cc-touch:focus-visible {
      border-color: var(--accent-cyan);
      box-shadow: 0 0 14px rgba(212, 175, 55, 0.18);
      outline: none;
    }
    .steel3d-root .s3d-cc-touch.is-amber {
      border-color: rgba(212, 175, 55, 0.55);
      color: var(--accent-amber);
      background: rgba(212, 175, 55, 0.08);
    }
    .steel3d-root .s3d-cc-touch.is-green {
      border-color: rgba(56, 239, 125, 0.5);
      color: var(--accent-green);
      background: rgba(56, 239, 125, 0.08);
    }
    .steel3d-root .s3d-cc-matrix {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.65rem;
      padding: 0.85rem 1rem 0.35rem;
    }
    .steel3d-root .s3d-cc-node {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 0.4rem;
      min-height: 132px;
      padding: 0.75rem 0.7rem 0.65rem;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-left: 3px solid var(--cc-status, var(--accent-cyan));
      border-radius: 2px;
      background: rgba(8, 12, 18, 0.92);
      color: inherit;
      text-align: left;
      cursor: pointer;
      font-family: Arial, Helvetica, sans-serif;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }
    .steel3d-root .s3d-cc-node:hover,
    .steel3d-root .s3d-cc-node:focus-visible,
    .steel3d-root .s3d-cc-node.is-open {
      border-color: rgba(212, 175, 55, 0.45);
      box-shadow: 0 0 18px rgba(212, 175, 55, 0.12);
      outline: none;
      transform: translateY(-1px);
    }
    .steel3d-root .s3d-cc-node[data-status="cyan"] { --cc-status: #D4AF37; }
    .steel3d-root .s3d-cc-node[data-status="amber"] { --cc-status: #D4AF37; }
    .steel3d-root .s3d-cc-node[data-status="red"] { --cc-status: #ff3333; }
    .steel3d-root .s3d-cc-node[data-status="green"] { --cc-status: #00ff66; }
    .steel3d-root .s3d-cc-node-top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 0.4rem;
    }
    .steel3d-root .s3d-cc-node-id {
      font-size: 0.62rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      color: var(--cc-status, var(--accent-cyan));
    }
    .steel3d-root .s3d-cc-node-status {
      font-size: 0.55rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 0.15rem 0.35rem;
      border: 1px solid color-mix(in srgb, var(--cc-status, #D4AF37) 55%, transparent);
      color: var(--cc-status, var(--accent-cyan));
      border-radius: 2px;
    }
    .steel3d-root .s3d-cc-node-title {
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: var(--text-main);
      line-height: 1.25;
    }
    .steel3d-root .s3d-cc-node-sub {
      font-size: 0.68rem;
      color: var(--text-muted);
      line-height: 1.35;
    }
    .steel3d-root .s3d-cc-counters {
      display: flex;
      flex-wrap: wrap;
      gap: 0.3rem;
      margin-top: auto;
    }
    .steel3d-root .s3d-cc-counter {
      font-size: 0.58rem;
      letter-spacing: 0.04em;
      padding: 0.18rem 0.35rem;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 2px;
      color: var(--text-muted);
      background: rgba(0, 0, 0, 0.25);
    }
    .steel3d-root .s3d-cc-counter b { color: var(--text-main); font-weight: 700; }
    .steel3d-root .s3d-cc-drawer {
      margin: 0.35rem 1rem 0.75rem;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 2px;
      background: rgba(4, 7, 10, 0.96);
      overflow: hidden;
    }
    .steel3d-root .s3d-cc-drawer[hidden] { display: none !important; }
    .steel3d-root .s3d-cc-drawer-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      padding: 0.7rem 0.85rem;
      border-bottom: 1px solid rgba(212, 175, 55, 0.18);
      background: rgba(212, 175, 55, 0.04);
    }
    .steel3d-root .s3d-cc-drawer-head h3 {
      margin: 0;
      font-size: 0.82rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--accent-cyan);
    }
    .steel3d-root .s3d-cc-drawer-body { padding: 0.75rem 0.85rem 0.95rem; }
    .steel3d-root .s3d-cc-subgrid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 0.55rem;
      margin-bottom: 0.75rem;
    }
    .steel3d-root .s3d-cc-sub {
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 2px;
      padding: 0.65rem 0.7rem;
      background: rgba(12, 17, 24, 0.75);
      min-height: 110px;
    }
    .steel3d-root .s3d-cc-sub h4 {
      margin: 0 0 0.35rem;
      font-size: 0.72rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--accent-amber);
    }
    .steel3d-root .s3d-cc-sub p {
      margin: 0 0 0.55rem;
      font-size: 0.72rem;
      line-height: 1.4;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-cc-sub .s3d-cc-phase {
      display: inline-block;
      margin-bottom: 0.45rem;
      font-size: 0.55rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text-muted);
      border: 1px solid rgba(255, 255, 255, 0.12);
      padding: 0.12rem 0.35rem;
      border-radius: 2px;
    }
    .steel3d-root .s3d-cc-sub .s3d-cc-phase.is-live {
      color: var(--accent-green);
      border-color: rgba(56, 239, 125, 0.4);
    }
    .steel3d-root .s3d-cc-sub .s3d-cc-phase.is-soon {
      color: var(--accent-amber);
      border-color: rgba(212, 175, 55, 0.4);
    }
    .steel3d-root .s3d-cc-master {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      padding: 0 1rem 0.85rem;
    }
    .steel3d-root .s3d-cc-note {
      padding: 0 1rem 0.9rem;
      font-size: 0.68rem;
      color: var(--text-muted);
      letter-spacing: 0.03em;
    }
    .steel3d-root .s3d-cc-workspace-toggle {
      margin: 0 1rem 0.85rem;
    }
    .steel3d-root .s3d-mgr-shell.s3d-cc-classic-hidden .s3d-mgr-ai-workspace {
      display: none !important;
    }
    .steel3d-root #s3d-preview-drawer {
      position: fixed;
      top: 0;
      right: 0;
      width: min(520px, 100vw);
      height: 100vh;
      z-index: 12000;
      display: flex;
      flex-direction: column;
      background: rgba(4, 7, 10, 0.98);
      border-left: 1px solid rgba(212, 175, 55, 0.35);
      box-shadow: -12px 0 40px rgba(0, 0, 0, 0.55);
      transform: translateX(105%);
      transition: transform 0.22s ease;
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root #s3d-preview-drawer.is-open {
      transform: translateX(0);
    }
    .steel3d-root #s3d-preview-drawer[hidden] { display: none !important; }
    .steel3d-root .s3d-preview-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      padding: 0.8rem 0.9rem;
      border-bottom: 1px solid rgba(212, 175, 55, 0.22);
    }
    .steel3d-root .s3d-preview-head h3 {
      margin: 0;
      font-size: 0.78rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--accent-cyan);
    }
    .steel3d-root .s3d-preview-controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      padding: 0.65rem 0.9rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }
    .steel3d-root .s3d-preview-stage {
      flex: 1;
      min-height: 0;
      padding: 0.75rem 0.9rem 1rem;
      display: flex;
      flex-direction: column;
      gap: 0.55rem;
    }
    .steel3d-root .s3d-preview-frame {
      flex: 1;
      min-height: 280px;
      border: 1px solid rgba(212, 175, 55, 0.2);
      background:
        linear-gradient(180deg, rgba(12, 17, 24, 0.9), rgba(4, 7, 10, 0.95)),
        repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(212, 175, 55, 0.04) 20px);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-muted);
      font-size: 0.78rem;
      text-align: center;
      padding: 1rem;
    }
    .steel3d-root .s3d-preview-frame iframe,
    .steel3d-root .s3d-preview-frame embed,
    .steel3d-root .s3d-preview-frame canvas {
      width: 100%;
      height: 100%;
      min-height: 320px;
      border: 0;
      background: #111;
    }
    .steel3d-root .s3d-cc-modal {
      position: fixed;
      inset: 0;
      z-index: 12100;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1rem;
      background: rgba(0, 0, 0, 0.72);
    }
    .steel3d-root .s3d-cc-modal[hidden] { display: none !important; }
    .steel3d-root .s3d-cc-modal-card {
      width: min(480px, 100%);
      border: 1px solid rgba(212, 175, 55, 0.35);
      border-radius: 2px;
      background: #04070a;
      padding: 1rem;
    }
    .steel3d-root .s3d-cc-modal-card h3 {
      margin: 0 0 0.5rem;
      color: var(--accent-cyan);
      font-size: 0.9rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-cc-modal-card video,
    .steel3d-root .s3d-cc-modal-card .s3d-cc-scan-fallback {
      width: 100%;
      min-height: 220px;
      border: 1px solid rgba(212, 175, 55, 0.2);
      background: #000;
      margin: 0.65rem 0;
      object-fit: cover;
    }
    .steel3d-root .s3d-cc-toast {
      position: fixed;
      left: 50%;
      bottom: 1.25rem;
      transform: translateX(-50%);
      z-index: 12200;
      min-width: 220px;
      max-width: min(520px, 92vw);
      padding: 0.7rem 0.95rem;
      border: 1px solid rgba(212, 175, 55, 0.4);
      border-radius: 2px;
      background: rgba(4, 7, 10, 0.96);
      color: var(--text-main);
      font-size: 0.78rem;
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
    }
    .steel3d-root .s3d-cc-toast[hidden] { display: none !important; }
    .steel3d-root .s3d-cc-toast.is-warn {
      border-color: rgba(212, 175, 55, 0.55);
      color: var(--accent-amber);
      font-size: 1rem;
      font-weight: 800;
      min-height: 52px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    /* Portaled toast fallback (landing hub before console open) */
    #s3dHexHubToast.s3d-cc-toast {
      position: fixed;
      left: 50%;
      bottom: 1.25rem;
      transform: translateX(-50%);
      z-index: 12200;
      min-width: 220px;
      max-width: min(520px, 92vw);
      padding: 0.7rem 0.95rem;
      border: 1px solid rgba(212, 175, 55, 0.4);
      border-radius: 2px;
      background: rgba(4, 7, 10, 0.96);
      color: #e2e8f0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.78rem;
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
    }
    #s3dHexHubToast.s3d-cc-toast[hidden] { display: none !important; }
    #s3dHexHubToast.s3d-cc-toast.is-warn {
      border-color: rgba(212, 175, 55, 0.55);
      color: #ffb703;
      font-weight: 800;
    }
    @media (max-width: 1100px) {
      .steel3d-root .s3d-cc-matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .steel3d-root .s3d-cc-jobbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 640px) {
      .steel3d-root .s3d-cc-matrix { grid-template-columns: 1fr; }
      .steel3d-root .s3d-cc-jobbar { grid-template-columns: 1fr; }
      .steel3d-root #s3d-preview-drawer { width: 100vw; }
    }
    /* FPC workbench: heat tree, calibration, NCR, audit pack */
    .steel3d-root .s3d-cc-fpc-workbench {
      margin-top: 0.65rem;
      border-top: 1px solid rgba(212, 175, 55, 0.18);
      padding-top: 0.75rem;
    }
    .steel3d-root .s3d-cc-fpc-workbench[hidden] { display: none !important; }
    .steel3d-root .s3d-cc-fpc-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      margin-bottom: 0.55rem;
    }
    .steel3d-root .s3d-cc-fpc-head h4 {
      margin: 0;
      font-size: 0.72rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--accent-cyan);
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-cc-badge {
      display: inline-block;
      min-height: 22px;
      padding: 0.12rem 0.4rem;
      border-radius: 2px;
      font-size: 0.58rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      border: 1px solid rgba(255, 255, 255, 0.2);
      color: var(--text-muted);
    }
    .steel3d-root .s3d-cc-badge.is-green {
      color: var(--accent-green);
      border-color: rgba(56, 239, 125, 0.5);
      background: rgba(56, 239, 125, 0.08);
    }
    .steel3d-root .s3d-cc-badge.is-amber {
      color: var(--accent-amber);
      border-color: rgba(212, 175, 55, 0.55);
      background: rgba(212, 175, 55, 0.08);
    }
    .steel3d-root .s3d-cc-badge.is-red {
      color: #ff5555;
      border-color: rgba(255, 80, 80, 0.55);
      background: rgba(255, 50, 50, 0.1);
    }
    .steel3d-root .s3d-cc-tree {
      list-style: none;
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-cc-tree ul {
      list-style: none;
      margin: 0.2rem 0 0.35rem 0.85rem;
      padding: 0 0 0 0.55rem;
      border-left: 1px solid rgba(212, 175, 55, 0.22);
    }
    .steel3d-root .s3d-cc-tree-node {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.4rem;
      width: 100%;
      min-height: 48px;
      margin: 0.2rem 0;
      padding: 0.4rem 0.55rem;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 2px;
      background: rgba(12, 17, 24, 0.85);
      color: var(--text-main);
      font-size: 0.78rem;
      text-align: left;
      cursor: pointer;
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-cc-tree-node:hover,
    .steel3d-root .s3d-cc-tree-node:focus-visible {
      border-color: rgba(212, 175, 55, 0.45);
      outline: none;
    }
    .steel3d-root .s3d-cc-tree-node .s3d-cc-tree-kind {
      font-size: 0.55rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--accent-cyan);
    }
    .steel3d-root .s3d-cc-form-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 0.55rem;
      margin-bottom: 0.65rem;
    }
    .steel3d-root .s3d-cc-form-grid label {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      font-size: 0.58rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-cc-form-grid input,
    .steel3d-root .s3d-cc-form-grid select,
    .steel3d-root .s3d-cc-form-grid textarea {
      min-height: 54px;
      padding: 0.45rem 0.55rem;
      border: 1px solid rgba(212, 175, 55, 0.28);
      border-radius: 2px;
      background: #04070a;
      color: var(--text-main);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.85rem;
    }
    .steel3d-root .s3d-cc-form-grid textarea { min-height: 96px; resize: vertical; }
    .steel3d-root .s3d-cc-form-grid .s3d-cc-check {
      flex-direction: row;
      align-items: center;
      min-height: 54px;
      gap: 0.55rem;
      text-transform: none;
      letter-spacing: 0.02em;
      font-size: 0.78rem;
      color: var(--text-main);
    }
    .steel3d-root .s3d-cc-form-grid .s3d-cc-check input {
      width: 22px;
      height: 22px;
      min-height: 22px;
    }
    .steel3d-root .s3d-cc-table-wrap {
      overflow: auto;
      max-height: 280px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      margin-bottom: 0.65rem;
    }
    .steel3d-root .s3d-cc-table {
      width: 100%;
      border-collapse: collapse;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.72rem;
    }
    .steel3d-root .s3d-cc-table th,
    .steel3d-root .s3d-cc-table td {
      padding: 0.45rem 0.5rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      text-align: left;
      vertical-align: top;
    }
    .steel3d-root .s3d-cc-table th {
      color: var(--accent-cyan);
      letter-spacing: 0.06em;
      text-transform: uppercase;
      font-size: 0.58rem;
      position: sticky;
      top: 0;
      background: #04070a;
    }
    .steel3d-root .s3d-cc-table tr[data-fpc-row] { cursor: pointer; }
    .steel3d-root .s3d-cc-table tr[data-fpc-row]:hover { background: rgba(212, 175, 55, 0.05); }
    .steel3d-root .s3d-audit-pack-print {
      font-family: Arial, Helvetica, sans-serif;
      color: #111;
      background: #fff;
      text-align: left;
      padding: 12px 14px;
      max-height: 70vh;
      overflow: auto;
      width: 100%;
    }
    .steel3d-root .s3d-audit-pack-print h1 {
      margin: 0 0 6px;
      font-size: 18px;
      letter-spacing: 0.04em;
    }
    .steel3d-root .s3d-audit-pack-print h2 {
      margin: 16px 0 6px;
      font-size: 13px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      border-bottom: 1px solid #ccc;
      padding-bottom: 4px;
    }
    .steel3d-root .s3d-audit-pack-print p,
    .steel3d-root .s3d-audit-pack-print li {
      font-size: 11px;
      line-height: 1.45;
      margin: 0 0 4px;
    }
    .steel3d-root .s3d-audit-pack-print table {
      width: 100%;
      border-collapse: collapse;
      font-size: 10px;
      margin: 6px 0 10px;
    }
    .steel3d-root .s3d-audit-pack-print th,
    .steel3d-root .s3d-audit-pack-print td {
      border: 1px solid #ccc;
      padding: 4px 6px;
      text-align: left;
    }
    .steel3d-root .s3d-audit-pack-print .s3d-audit-disclaimer {
      margin-top: 18px;
      padding-top: 8px;
      border-top: 1px solid #999;
      font-size: 9px;
      color: #444;
    }
    /* Console MVP workbenches — takeoff / sketch / zebra / sheets */
    .steel3d-root .s3d-cc-mvp-tools {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      margin: 0.45rem 0 0.65rem;
    }
    .steel3d-root .s3d-cc-mvp-tools .s3d-cc-touch.is-active {
      border-color: var(--accent-green);
      color: var(--accent-green);
      box-shadow: 0 0 12px rgba(56, 239, 125, 0.18);
    }
    .steel3d-root .s3d-cc-takeoff-stage {
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.9fr);
      gap: 0.65rem;
      margin-bottom: 0.65rem;
    }
    .steel3d-root .s3d-cc-canvas-wrap {
      position: relative;
      min-height: 280px;
      border: 1px solid rgba(212, 175, 55, 0.28);
      background: #0a0e14;
      overflow: auto;
    }
    .steel3d-root .s3d-cc-canvas-wrap canvas {
      display: block;
      max-width: 100%;
      cursor: crosshair;
      background: #111;
    }
    .steel3d-root .s3d-cc-takeoff-side {
      display: flex;
      flex-direction: column;
      gap: 0.45rem;
      min-width: 0;
    }
    .steel3d-root .s3d-cc-sketch-preview {
      width: 100%;
      max-height: 220px;
      object-fit: contain;
      border: 1px solid rgba(212, 175, 55, 0.25);
      background: #0a0e14;
    }
    .steel3d-root .s3d-cc-zebra-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 0.45rem;
      margin: 0.5rem 0;
    }
    .steel3d-root .s3d-cc-zebra-label {
      border: 1px dashed rgba(212, 175, 55, 0.35);
      padding: 0.55rem;
      font-size: 0.68rem;
      background: rgba(12, 17, 24, 0.9);
      min-height: 96px;
    }
    .steel3d-root .s3d-sheet-print,
    .steel3d-root .s3d-fab-sheet-print,
    .steel3d-root .s3d-takeoff-print {
      font-family: Arial, Helvetica, sans-serif !important;
      color: #111;
      background: #fff;
      text-align: left;
      padding: 14px 16px;
      max-height: 70vh;
      overflow: auto;
      width: 100%;
    }
    .steel3d-root .s3d-sheet-print h1,
    .steel3d-root .s3d-fab-sheet-print h1,
    .steel3d-root .s3d-takeoff-print h1 {
      margin: 0 0 6px;
      font-size: 16px;
    }
    .steel3d-root .s3d-sheet-print table,
    .steel3d-root .s3d-fab-sheet-print table,
    .steel3d-root .s3d-takeoff-print table {
      width: 100%;
      border-collapse: collapse;
      font-size: 10px;
      margin: 6px 0 10px;
    }
    .steel3d-root .s3d-sheet-print th,
    .steel3d-root .s3d-sheet-print td,
    .steel3d-root .s3d-fab-sheet-print th,
    .steel3d-root .s3d-fab-sheet-print td,
    .steel3d-root .s3d-takeoff-print th,
    .steel3d-root .s3d-takeoff-print td {
      border: 1px solid #ccc;
      padding: 4px 6px;
      text-align: left;
    }
    .steel3d-root .s3d-fab-views {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 8px;
      margin: 8px 0;
    }
    .steel3d-root .s3d-fab-view-box {
      border: 1px solid #333;
      min-height: 120px;
      padding: 6px;
      position: relative;
    }
    .steel3d-root .s3d-fab-view-box span {
      position: absolute;
      top: 4px;
      left: 6px;
      font-size: 9px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #555;
    }
    .steel3d-root .s3d-fab-titleblock {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 8px;
      border: 2px solid #111;
      padding: 8px;
      margin-bottom: 10px;
    }
    .steel3d-root .s3d-fab-qr-ph {
      width: 72px;
      height: 72px;
      border: 1px dashed #666;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 9px;
      color: #666;
      text-align: center;
    }
    @media (max-width: 900px) {
      .steel3d-root .s3d-cc-takeoff-stage { grid-template-columns: 1fr; }
      .steel3d-root .s3d-fab-views { grid-template-columns: 1fr; }
    }
    @media print {
      body * { visibility: hidden !important; }
      .steel3d-root #s3d-preview-drawer,
      .steel3d-root #s3d-preview-drawer * {
        visibility: visible !important;
      }
      .steel3d-root #s3d-preview-drawer .s3d-preview-controls,
      .steel3d-root #s3d-preview-drawer .s3d-preview-head {
        display: none !important;
      }
      .steel3d-root #s3d-preview-drawer {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        box-shadow: none !important;
        border: 0 !important;
        color: #000 !important;
        background: #fff !important;
        display: block !important;
      }
      .steel3d-root .s3d-preview-frame,
      .steel3d-root .s3d-audit-pack-print {
        max-height: none !important;
        overflow: visible !important;
        border: 0 !important;
        background: #fff !important;
        color: #000 !important;
        display: block !important;
        align-items: stretch !important;
      }
      .steel3d-root .s3d-demo-watermark {
        visibility: visible !important;
        display: block !important;
      }
    }
    /* ----- EN 1090-2 Compliance Firewall (2026-08-03a) ----- */
    .steel3d-root .s3d-print-titleblock {
      display: grid;
      grid-template-columns: 100px 1fr;
      gap: 12px;
      align-items: center;
      border-bottom: 2px solid #222;
      padding-bottom: 8px;
      margin-bottom: 12px;
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-print-logo img { max-width: 96px; max-height: 48px; object-fit: contain; }
    .steel3d-root .s3d-print-sheet-wrap { position: relative; }
    .steel3d-root .s3d-demo-watermark {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 5;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(2rem, 12vw, 4.5rem);
      font-weight: 800;
      color: rgba(200, 40, 40, 0.14);
      transform: rotate(-32deg);
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-demo-badge {
      display: inline-block;
      font-size: 10px;
      font-weight: 700;
      color: #ffb703;
      border: 1px solid rgba(255, 183, 3, 0.5);
      padding: 1px 5px;
      border-radius: 3px;
      margin-left: 4px;
    }
    .steel3d-root .s3d-demo-badge-btn {
      cursor: pointer;
      pointer-events: auto;
      font-family: Arial, Helvetica, sans-serif;
      letter-spacing: 0.04em;
      margin: 2px 0 6px;
      transition: box-shadow 0.2s, transform 0.15s, border-color 0.2s;
    }
    .steel3d-root .s3d-demo-badge-btn:hover {
      border-color: rgba(255, 183, 3, 0.85);
      box-shadow: 0 0 14px rgba(255, 183, 3, 0.28);
      transform: translateY(-1px);
    }
    .steel3d-root .s3d-master-dropzone {
      border: 2px dashed rgba(212, 175, 55, 0.45);
      border-radius: 10px;
      padding: 24px 16px;
      text-align: center;
      background: rgba(5, 8, 12, 0.6);
      margin: 12px 0;
    }
    .steel3d-root .s3d-master-dropzone.is-drag {
      border-color: #84ff00;
      background: rgba(132, 255, 0, 0.08);
    }
    .steel3d-root .s3d-master-upload-result {
      margin: 12px 0;
      padding: 12px 14px;
      border-radius: 8px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
    }
    .steel3d-root .s3d-master-upload-result.is-refused {
      border: 1px solid rgba(255, 80, 80, 0.55);
      background: rgba(80, 10, 10, 0.35);
    }
    .steel3d-root .s3d-master-upload-result.is-accepted {
      border: 1px solid rgba(56, 239, 125, 0.45);
      background: rgba(10, 40, 20, 0.35);
    }
    .steel3d-root .s3d-refusal-hud {
      font-size: 11px;
      letter-spacing: 0.06em;
      color: #ff6b6b;
      margin: 0 0 6px;
    }
    .steel3d-root .s3d-drawing-qr-stamp {
      position: absolute;
      top: 8px;
      left: 8px;
      z-index: 6;
      background: #fff;
      padding: 4px;
      border: 1px solid #ccc;
    }
    .steel3d-root #s3d-preview-drawer.is-fullscreen {
      position: fixed !important;
      inset: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      z-index: 99999 !important;
      max-width: none !important;
    }
    .steel3d-root .s3d-sample-data-actions {
      margin-top: 14px;
      padding-top: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    /* ----- Central Display Hub (8 nodes · bilateral spokes) + Master Upload Overlay (2026-08-05b) ----- */
    .steel3d-root .s3d-fpc-audit-notice {
      display: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.45;
      text-align: center;
      margin: 0 auto 12px;
      padding: 10px 14px;
      max-width: 1200px;
      color: #fef3c7;
      background: rgba(30, 20, 8, 0.92);
      border: 2px solid #D4AF37;
      border-left: 6px solid #dc2626;
      border-radius: 8px;
      box-shadow: 0 0 18px rgba(212, 175, 55, 0.22);
    }
    .steel3d-root.is-console-visible #s3dFpcAuditNotice,
    .steel3d-root #steel3d-manager:has(#steel3dMgrShell:not([hidden])) #s3dFpcAuditNotice {
      display: block;
    }
    .steel3d-root .s3d-fpc-audit-notice strong {
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    .steel3d-root .s3d-guardian-fpc-badge {
      display: inline-block;
      margin-right: 8px;
      padding: 2px 8px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #FFB703;
      background: rgba(247, 127, 0, 0.12);
      border: 1px solid rgba(247, 127, 0, 0.4);
      border-radius: 4px;
      vertical-align: middle;
      animation: s3d-guardian-fpc-badge-pulse 2.6s ease-in-out infinite;
    }
    @keyframes s3d-guardian-fpc-badge-pulse {
      0%, 100% {
        opacity: 0.92;
        box-shadow: 0 0 0 0 rgba(247, 127, 0, 0);
        border-color: rgba(247, 127, 0, 0.35);
      }
      50% {
        opacity: 1;
        box-shadow: 0 0 8px rgba(255, 183, 3, 0.28);
        border-color: rgba(255, 183, 3, 0.55);
      }
    }
    .steel3d-root .s3d-hero-guardian-tag {
      margin: 10px 0 0;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: rgba(212, 175, 55, 0.82);
      opacity: 0.9;
    }
    .steel3d-root .s3d-guardian-chip {
      border-color: rgba(247, 127, 0, 0.4) !important;
      background: rgba(247, 127, 0, 0.08) !important;
      color: #ffd9a8 !important;
      font-size: 11px;
    }
    .steel3d-root .s3d-guardian-chip.is-active {
      animation: s3d-guardian-chip-pulse 2.6s ease-in-out infinite;
    }
    .steel3d-root .s3d-guardian-chip.is-active .s3d-guardian-chip-dot {
      display: inline-block;
      width: 7px;
      height: 7px;
      margin-right: 4px;
      border-radius: 50%;
      background: #F77F00;
      box-shadow: 0 0 8px rgba(255, 183, 3, 0.7);
      animation: s3d-guardian-pulse 2.2s ease-in-out infinite;
    }
    @keyframes s3d-guardian-pulse {
      0%, 100% {
        opacity: 1;
        transform: scale(1);
        background: #F77F00;
        box-shadow: 0 0 6px rgba(247, 127, 0, 0.55);
      }
      50% {
        opacity: 0.7;
        transform: scale(1.15);
        background: #FFB703;
        box-shadow: 0 0 12px rgba(255, 183, 3, 0.85);
      }
    }
    @keyframes s3d-guardian-chip-pulse {
      0%, 100% {
        border-color: rgba(247, 127, 0, 0.35) !important;
        box-shadow: 0 0 0 0 rgba(247, 127, 0, 0);
      }
      50% {
        border-color: rgba(255, 183, 3, 0.55) !important;
        box-shadow: 0 0 10px rgba(247, 127, 0, 0.22);
      }
    }
    .steel3d-root .s3d-guardian-stack {
      position: fixed;
      right: 12px;
      bottom: 72px;
      z-index: 12050;
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-width: min(420px, calc(100vw - 24px));
      pointer-events: none;
    }
    .steel3d-root .s3d-guardian-advisory {
      pointer-events: auto;
      padding: 12px 14px;
      border-radius: 10px;
      border: 1px solid rgba(212, 175, 55, 0.28);
      background: linear-gradient(145deg, rgba(6, 14, 24, 0.94), rgba(4, 10, 18, 0.98));
      backdrop-filter: blur(10px);
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(212, 175, 55, 0.06);
      color: #e8f4ff;
      font-size: 13px;
      line-height: 1.45;
      transition: opacity 0.25s ease, transform 0.25s ease;
    }
    .steel3d-root .s3d-guardian-advisory.is-warning,
    .steel3d-root .s3d-guardian-advisory.is-critical {
      border-color: rgba(212, 175, 55, 0.45);
    }
    .steel3d-root .s3d-guardian-advisory.is-block {
      border-color: rgba(239, 68, 68, 0.55);
      box-shadow: 0 8px 28px rgba(239, 68, 68, 0.12);
    }
    .steel3d-root .s3d-guardian-advisory.is-fading,
    .steel3d-root .s3d-guardian-advisory.is-dismissed {
      opacity: 0;
      transform: translateY(6px);
    }
    .steel3d-root .s3d-guardian-advisory-head {
      display: flex;
      align-items: flex-start;
      gap: 8px;
    }
    .steel3d-root .s3d-guardian-advisory-icon { flex-shrink: 0; }
    .steel3d-root .s3d-guardian-advisory-msg { margin: 0; flex: 1; }
    .steel3d-root .s3d-guardian-advisory-dismiss {
      flex-shrink: 0;
      border: 0;
      background: transparent;
      color: var(--text-muted);
      font-size: 18px;
      line-height: 1;
      cursor: pointer;
      padding: 0 2px;
    }
    .steel3d-root .s3d-guardian-advisory-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 10px;
      padding-top: 8px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .steel3d-root .s3d-guardian-advisory-btn {
      font-size: 11px;
      font-weight: 700;
      padding: 6px 10px;
      border-radius: 6px;
      border: 1px solid rgba(212, 175, 55, 0.35);
      background: rgba(212, 175, 55, 0.08);
      color: #D4AF37;
      cursor: pointer;
    }
    .steel3d-root .s3d-guardian-feed {
      margin: 0 0 14px;
      border: 1px solid rgba(212, 175, 55, 0.22);
      border-radius: 10px;
      background: rgba(4, 10, 18, 0.72);
      overflow: hidden;
    }
    .steel3d-root .s3d-guardian-feed[hidden] { display: none !important; }
    .steel3d-root .s3d-guardian-feed-summary {
      cursor: pointer;
      padding: 10px 14px;
      font-size: 12px;
      font-weight: 700;
      color: #b8f4ff;
      list-style: none;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .steel3d-root .s3d-guardian-feed-summary::-webkit-details-marker { display: none; }
    .steel3d-root .s3d-guardian-feed-summary-meta {
      margin-left: auto;
      font-weight: 500;
      font-size: 11px;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-guardian-feed-body {
      padding: 0 12px 12px;
      max-height: 240px;
      overflow-y: auto;
    }
    .steel3d-root .s3d-guardian-feed-row {
      padding: 8px 10px;
      margin-bottom: 6px;
      border-radius: 6px;
      border-left: 3px solid rgba(212, 175, 55, 0.45);
      background: rgba(0, 0, 0, 0.22);
      font-size: 12px;
    }
    .steel3d-root .s3d-guardian-feed-row.is-warning,
    .steel3d-root .s3d-guardian-feed-row.is-critical,
    .steel3d-root .s3d-guardian-feed-row.is-block {
      border-left-color: #D4AF37;
    }
    .steel3d-root .s3d-guardian-feed-time,
    .steel3d-root .s3d-guardian-feed-type,
    .steel3d-root .s3d-guardian-feed-job {
      display: inline-block;
      margin-right: 8px;
      font-size: 10px;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }
    .steel3d-root .s3d-guardian-feed-job { color: #D4AF37; }
    .steel3d-root .s3d-guardian-feed-msg { margin: 4px 0 0; color: #e8f4ff; line-height: 1.4; }
    .steel3d-root .s3d-guardian-feed-empty {
      margin: 0;
      font-size: 12px;
      color: var(--text-muted);
      font-style: italic;
    }
    .steel3d-root .s3d-guardian-platform-strip {
      margin: 0 0 12px;
      padding: 10px 14px;
      border-radius: 8px;
      font-size: 12px;
      color: #b8f4ff;
      background: linear-gradient(90deg, rgba(212, 175, 55, 0.08), rgba(4, 10, 18, 0.6));
      border: 1px solid rgba(212, 175, 55, 0.25);
    }
    .steel3d-root .s3d-guardian-platform-strip[hidden] { display: none !important; }
    .steel3d-root .s3d-guardian-platform-icon { margin-right: 6px; }
    @media (max-width: 640px) {
      .steel3d-root .s3d-guardian-stack {
        right: 8px;
        left: 8px;
        bottom: 64px;
        max-width: none;
      }
      .steel3d-root .s3d-guardian-advisory { font-size: 12px; }
      .steel3d-root .s3d-guardian-chip { display: none; }
    }
    .steel3d-root .s3d-hex-hub {
      /* Central display hub — vertical rectangle + 4+4 node columns + horizontal spokes */
      --s3d-hex-radius: 300;
      /* RWC Steel3D taxonomy — 8 distinct node colors (2026-08-05z; 05=red, 07=purple) */
      --s3d-node-01: #00B4D8;
      --s3d-node-02: #06D6A0;
      --s3d-node-03: #118AB2;
      --s3d-node-04: #F77F00;
      --s3d-node-05: #E63946;
      --s3d-node-06: #FFB703;
      --s3d-node-07: #8338EC;
      --s3d-node-08: #70E000;
    }
    /* Hex hub + landing CAD section + trial block — Arial throughout */
    .steel3d-root .s3d-hex-hub,
    .steel3d-root .s3d-hex-hub *,
    .steel3d-root #s3dConsoleHexSection,
    .steel3d-root #s3dConsoleHexSection *,
    .steel3d-root .s3d-console-hex-section,
    .steel3d-root .s3d-console-hex-section *,
    .steel3d-root #s3d-cad-engine,
    .steel3d-root #s3d-cad-engine *,
    .steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only,
    .steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only *,
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack,
    .steel3d-root #steel3d-manager .s3d-trial-auth-stack * {
      font-family: Arial, Helvetica, sans-serif !important;
    }
    /* ----- Central display hub (vertical rectangle · bilateral columns) + master bar (2026-08-05v) ----- */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap {
      --s3d-hex-display-w: 208px;
      --s3d-hex-display-h: 380px;
      --s3d-hex-content: 188px;
      width: min(var(--s3d-hex-display-w), 44vw);
      height: min(var(--s3d-hex-display-h), 68vh);
      aspect-ratio: auto;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-glow,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core::before,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core::after {
      clip-path: none !important;
      border-radius: 8px !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background:
        linear-gradient(180deg, rgba(20, 36, 56, 0.98) 0%, rgba(6, 10, 18, 0.99) 55%, rgba(14, 24, 38, 0.96) 100%);
      box-shadow:
        inset 0 0 0 2px rgba(255, 255, 255, 0.08),
        inset 0 0 0 1px rgba(212, 175, 55, 0.28),
        0 0 40px rgba(212, 175, 55, 0.1),
        0 14px 36px rgba(0, 0, 0, 0.5);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-inner {
      width: min(var(--s3d-hex-content), 92%);
      max-width: 100%;
      height: auto;
      max-height: 100%;
      margin: 0;
      flex-shrink: 0;
      transform: none !important;
      padding: 12px 10px 10px;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core::before {
      inset: 7% !important;
      border: 1px solid rgba(212, 175, 55, 0.12) !important;
      background: transparent !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core::after {
      background:
        linear-gradient(180deg, rgba(212, 175, 55, 0.06) 0%, transparent 40%, transparent 70%, rgba(0, 0, 0, 0.2) 100%) !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap {
      overflow: visible;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      max-width: 100%;
      transform: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-master-bar {
      flex-shrink: 0;
      order: 3;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-svg--columns {
      opacity: 1;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-ring-seg {
      filter: none;
    }
    /* Mirrored 4-row slots — left/right share identical Y positions (no stagger, no center-align drift) */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--row-1,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--row-2,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--right .s3d-hex-parent--row-1,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--right .s3d-hex-parent--row-2 {
      transform: none !important;
    }
    /* Mobile-first mind-map: single column stack (desktop radial lives in min-width: 1024px) */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
    .steel3d-root .s3d-hex-hub-only .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
    .steel3d-root .s3d-console-hex-section .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-viewport--columns {
      aspect-ratio: auto !important;
      min-height: 0 !important;
      max-width: none;
      width: 100%;
      margin-inline: auto;
      padding: 10px 8px 4px !important;
      align-items: stretch;
      position: relative;
      height: auto !important;
      overflow: visible;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-columns {
      position: relative !important;
      inset: auto !important;
      z-index: 3;
      display: flex !important;
      flex-direction: column;
      align-items: stretch;
      gap: 14px;
      width: 100%;
      max-width: none;
      min-height: 0 !important;
      height: auto !important;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--right {
      display: flex !important;
      flex-direction: column;
      align-content: stretch;
      justify-content: flex-start !important;
      align-items: stretch !important;
      gap: 10px !important;
      min-height: 0 !important;
      height: auto !important;
      box-sizing: border-box;
      padding: 0 !important;
      grid-template-rows: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left {
      justify-items: stretch;
      order: 2;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--right {
      justify-items: stretch;
      order: 3;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--center {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 0;
      order: 1;
      width: 100%;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-svg--columns {
      display: none;
    }
    /* Professional industrial node plates — accent edge, not candy capsules */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent {
      position: relative !important;
      left: auto !important;
      top: auto !important;
      width: 100% !important;
      max-width: none !important;
      height: auto !important;
      min-height: 0;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      opacity: 1;
      transform: none !important;
    }
    /* Mind-map nodes: steel plates — one muted system, no rainbow HUD.
       2026-08-06au: accent-active recoloured tan→emerald (single-accent-discipline; was off-brand gold) */
    .steel3d-root .s3d-hex-hub--mindmap {
      --s3d-node-accent: #9aa8b5;
      --s3d-node-accent-active: var(--accent-green);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn {
      position: relative !important;
      border-radius: 4px !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 12px !important;
      width: 100%;
      /* Equal plate height for 1- and 2-line titles (spoke midpoints stay even) */
      min-height: 76px;
      box-sizing: border-box;
      max-height: none;
      padding: 11px 14px 11px 16px !important;
      text-align: left !important;
      background: #0c121a !important;
      border: 1px solid rgba(255, 255, 255, 0.09) !important;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.03) inset,
        0 6px 16px rgba(0, 0, 0, 0.32) !important;
      overflow: hidden;
      filter: none !important;
      backdrop-filter: none !important;
      transition: border-color 0.15s ease, background 0.15s ease;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn::before {
      display: none !important;
      content: none !important;
      width: 0 !important;
      height: 0 !important;
      opacity: 0 !important;
      animation: none !important;
      background: transparent !important;
      box-shadow: none !important;
      pointer-events: none;
    }
    @keyframes s3dHexNodeBreathe {
      0%, 100% { opacity: 0.55; box-shadow: 0 0 0 rgba(148, 163, 176, 0); }
      50% { opacity: 0.85; box-shadow: 0 0 7px 0 rgba(148, 163, 176, 0.35); }
    }
    @keyframes s3dHexNodeBreatheLit {
      0%, 100% { opacity: 0.82; box-shadow: 0 0 6px 0 rgba(56, 239, 125, 0.32); }
      50% { opacity: 1; box-shadow: 0 0 14px 1px rgba(56, 239, 125, 0.75); }
    }
    /* Stagger so the 8 nodes never breathe in unison — reads as "alive", not a synced blink */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="01"] .s3d-hex-parent-btn::before { animation-delay: 0s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-btn::before { animation-delay: 0.65s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="03"] .s3d-hex-parent-btn::before { animation-delay: 1.3s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="04"] .s3d-hex-parent-btn::before { animation-delay: 1.95s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="05"] .s3d-hex-parent-btn::before { animation-delay: 2.6s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="06"] .s3d-hex-parent-btn::before { animation-delay: 3.25s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="07"] .s3d-hex-parent-btn::before { animation-delay: 3.9s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="08"] .s3d-hex-parent-btn::before { animation-delay: 4.55s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left .s3d-hex-parent-btn {
      flex-direction: row !important;
      text-align: left !important;
      padding: 11px 14px 11px 16px !important;
      border-radius: 4px !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--right .s3d-hex-parent-btn {
      border: 1px solid rgba(255, 255, 255, 0.09) !important;
    }
    /* 2026-08-06bh: parent hover matches mind-map subnode emerald border (not muted white) */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn:hover {
      border-color: rgba(56, 239, 125, 0.35) !important;
      background: rgba(14, 20, 30, 0.96) !important;
      box-shadow: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn:hover::before {
      opacity: 1 !important;
      background: var(--s3d-node-accent-active) !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-id {
      color: #7d8d9c !important;
      font-weight: 600;
      font-size: 0.62rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-shadow: none;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-label {
      color: #e4ebf2 !important;
      font-size: 0.8rem;
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: 0.01em;
      text-shadow: none;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      /* Reserve 2 lines so 01/04/05/08 match 02/03/06/07 card heights */
      min-height: calc(1.3em * 2);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-copy {
      justify-content: center;
      min-height: calc(1.3em * 2 + 1.55rem);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-stats {
      color: #6b7d8e !important;
      opacity: 1;
      font-size: 0.68rem;
      font-weight: 500;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-stats b {
      color: #b8c6d4 !important;
      font-weight: 600;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-ico {
      flex-shrink: 0;
      width: 32px;
      height: 32px;
      border-radius: 3px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      /* colour set per data-hex-node below (do not use grey here — loses to nothing if more specific) */
      background: rgba(0, 0, 0, 0.4);
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: none;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-ico .s3d-hex-node-icon {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      fill: none;
    }
    /* Per-node icon colours (match HEX_HUB_TAXONOMY) — landing + console (.s3d-hex-hub--mindmap) */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="01"] .s3d-hex-parent-ico,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="01"] .s3d-hex-parent-ico {
      color: #00b4d8 !important;
      border-color: rgba(0, 180, 216, 0.45);
      background: rgba(0, 180, 216, 0.12);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-ico,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-ico {
      color: #f77f00 !important;
      border-color: rgba(247, 127, 0, 0.45);
      background: rgba(247, 127, 0, 0.12);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="03"] .s3d-hex-parent-ico,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="03"] .s3d-hex-parent-ico {
      color: #e63946 !important;
      border-color: rgba(230, 57, 70, 0.45);
      background: rgba(230, 57, 70, 0.12);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="04"] .s3d-hex-parent-ico,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="04"] .s3d-hex-parent-ico {
      color: #06d6a0 !important;
      border-color: rgba(6, 214, 160, 0.45);
      background: rgba(6, 214, 160, 0.12);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="05"] .s3d-hex-parent-ico,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="05"] .s3d-hex-parent-ico {
      color: #118ab2 !important;
      border-color: rgba(17, 138, 178, 0.45);
      background: rgba(17, 138, 178, 0.12);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="06"] .s3d-hex-parent-ico,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="06"] .s3d-hex-parent-ico {
      color: #ffb703 !important;
      border-color: rgba(255, 183, 3, 0.45);
      background: rgba(255, 183, 3, 0.12);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="07"] .s3d-hex-parent-ico,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="07"] .s3d-hex-parent-ico {
      color: #2a9d8f !important;
      border-color: rgba(42, 157, 143, 0.45);
      background: rgba(42, 157, 143, 0.12);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="08"] .s3d-hex-parent-ico,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="08"] .s3d-hex-parent-ico {
      color: #70e000 !important;
      border-color: rgba(112, 224, 0, 0.45);
      background: rgba(112, 224, 0, 0.12);
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-dots {
      display: none;
    }
    /* 2026-08-06by: featured/02 idle = peer muted border; :hover gets same emerald as peers */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-featured .s3d-hex-parent-btn:not(:hover),
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-btn:not(:hover) {
      border: 1px solid rgba(255, 255, 255, 0.09) !important;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 6px 16px rgba(0, 0, 0, 0.32) !important;
      outline: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-featured .s3d-hex-parent-btn:hover,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-btn:hover {
      border: 1px solid rgba(56, 239, 125, 0.35) !important;
      background: rgba(14, 20, 30, 0.96) !important;
      box-shadow: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-featured .s3d-hex-parent-btn::before {
      display: none !important;
      content: none !important;
      animation: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-parent-btn,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-active .s3d-hex-parent-btn,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-lit .s3d-hex-parent-btn {
      filter: none !important;
      border: 1px solid rgba(56, 239, 125, 0.45) !important;
      background: #121a24 !important;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 8px 18px rgba(0, 0, 0, 0.36) !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-parent-btn::before,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-active .s3d-hex-parent-btn::before,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-lit .s3d-hex-parent-btn::before {
      display: none !important;
      content: none !important;
      animation: none !important;
    }
    /* 2026-08-06cg: demo+console — sub plates match parent size/layout; readable copy; kill 44px shrink */
    /* 2026-08-06ch: auto-grow parent/sub panels — no hard clip that hangs last sub past the border */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent {
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-subs {
      gap: 10px !important;
      margin-top: 10px !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      box-sizing: border-box !important;
    }
    @media (max-height: 640px) {
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-subs {
        max-height: calc(100vh - 140px) !important;
        overflow-y: auto !important;
      }
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--hover-reveal .s3d-hex-parent:hover .s3d-hex-sub,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--hover-reveal .s3d-hex-parent:has(.s3d-hex-subs:hover) .s3d-hex-sub,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-sub {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 12px !important;
      width: 100% !important;
      min-width: 0 !important;
      min-height: 76px !important;
      max-height: none !important;
      padding: 11px 14px 11px 16px !important;
      box-sizing: border-box !important;
      text-align: left !important;
      border-radius: 4px !important;
      border: 1px solid color-mix(in srgb, var(--hex-color, #9aa8b5) 45%, transparent) !important;
      background: #0c121a !important;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.03) inset,
        0 6px 16px rgba(0, 0, 0, 0.28) !important;
      font-size: 16px !important;
      color: #e4ebf2 !important;
      white-space: normal !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 2px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-id,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--hover-reveal .s3d-hex-parent:hover .s3d-hex-sub-id,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-sub-id {
      display: block !important;
      color: var(--hex-color, #7d8d9c) !important;
      font-weight: 600 !important;
      font-size: 0.62rem !important;
      letter-spacing: 0.14em !important;
      text-transform: uppercase !important;
      line-height: 1.25 !important;
      text-shadow: none !important;
      flex: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-label,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--hover-reveal .s3d-hex-parent:hover .s3d-hex-sub-label,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-sub-label {
      display: -webkit-box !important;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden !important;
      color: #e4ebf2 !important;
      font-size: 0.8rem !important;
      font-weight: 600 !important;
      line-height: 1.3 !important;
      letter-spacing: 0.01em !important;
      text-shadow: none !important;
      min-height: calc(1.3em * 2);
      white-space: normal !important;
      overflow-wrap: break-word !important;
      word-break: normal !important;
      flex: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-ico {
      flex-shrink: 0 !important;
      width: 32px !important;
      height: 32px !important;
      border-radius: 3px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      color: var(--hex-color, #9aa8b5) !important;
      border: 1px solid color-mix(in srgb, var(--hex-color, #9aa8b5) 45%, transparent) !important;
      background: color-mix(in srgb, var(--hex-color, #9aa8b5) 12%, transparent) !important;
      opacity: 1 !important;
      margin: 0 !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-ico .s3d-hex-node-icon {
      width: 16px !important;
      height: 16px !important;
      stroke: currentColor !important;
      fill: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-count {
      color: #b8c6d4 !important;
      font-size: 0.68rem !important;
      font-weight: 600 !important;
      font-style: normal !important;
      margin-left: auto !important;
      padding-left: 8px !important;
      flex: 0 0 auto !important;
      white-space: nowrap !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub:hover,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub.is-active {
      border-color: color-mix(in srgb, var(--hex-color, #38ef7d) 70%, transparent) !important;
      background: rgba(14, 20, 30, 0.96) !important;
      box-shadow: none !important;
    }
    /* Quiet connectors — solid hairlines (colour never overridden: JS sets inline stroke per taxonomy
       node, so !important is required here to keep the single-accent-discipline steel look).
       2026-08-06au: added a soft glow-shimmer (filter/opacity only — never touches stroke colour, so
       it can animate without fighting the !important above) so the spine reads as quietly "live"
       rather than a flat technical diagram. Emerald flow replaces the old flat grey once a node is lit. */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke {
      stroke: rgba(148, 163, 176, 0.42) !important;
      stroke-width: 1.25 !important;
      stroke-dasharray: none !important;
      stroke-opacity: 1 !important;
      filter: none;
      opacity: 1;
      animation: s3dHexSpokeGlimmer 7s ease-in-out infinite;
    }
    .steel3d-root .s3d-hex-hub--mindmap.is-loaded .s3d-hex-spoke,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke.is-lit {
      stroke: var(--accent-green) !important;
      filter: drop-shadow(0 0 2px rgba(56, 239, 125, 0.4));
      opacity: 1;
      animation: s3dHexSpokeGlowPulse 2.6s ease-in-out infinite;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-packet {
      display: none !important;
    }
    @keyframes s3dHexSpokeGlimmer {
      0%, 100% { filter: drop-shadow(0 0 0 rgba(110, 231, 183, 0)); }
      50% { filter: drop-shadow(0 0 2px rgba(110, 231, 183, 0.4)); }
    }
    @keyframes s3dHexSpokeGlowPulse {
      0%, 100% { filter: drop-shadow(0 0 2px rgba(56, 239, 125, 0.4)); }
      50% { filter: drop-shadow(0 0 5px rgba(56, 239, 125, 0.85)); }
    }
    /* Same "never in unison" stagger as the node cards, keyed to the spoke's own data-spoke index */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke[data-spoke="1"] { animation-delay: 0s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke[data-spoke="2"] { animation-delay: 0.9s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke[data-spoke="3"] { animation-delay: 1.8s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke[data-spoke="4"] { animation-delay: 2.7s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke[data-spoke="5"] { animation-delay: 3.6s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke[data-spoke="6"] { animation-delay: 4.5s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke[data-spoke="7"] { animation-delay: 5.4s; }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke[data-spoke="8"] { animation-delay: 6.3s; }
    /* Rim segments: steel grey idle. No blanket lit emerald on all segs (that looked like
       useless curly greens). 2026-08-06by: 1:1 hover/focus pulse on the matching segment. */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-ring-seg {
      stroke: rgba(148, 163, 176, 0.88) !important;
      stroke-opacity: 1 !important;
      opacity: 1 !important;
      filter: none !important;
      transition: stroke 0.2s ease, filter 0.2s ease;
      visibility: visible !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-ring-seg[data-hex-node] {
      stroke: rgba(148, 163, 176, 0.88) !important;
      stroke-opacity: 1 !important;
      opacity: 1 !important;
      filter: none !important;
      visibility: visible !important;
    }
    @keyframes s3dHexSegHoverPulse {
      0%, 100% {
        stroke: rgba(56, 239, 125, 0.55);
        filter: drop-shadow(0 0 2px rgba(56, 239, 125, 0.35));
      }
      50% {
        stroke: rgba(212, 175, 55, 0.75);
        filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.55));
      }
    }
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="01"]:hover) .s3d-hex-ring-seg[data-hex-node="01"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="01"]:focus-within) .s3d-hex-ring-seg[data-hex-node="01"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="02"]:hover) .s3d-hex-ring-seg[data-hex-node="02"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="02"]:focus-within) .s3d-hex-ring-seg[data-hex-node="02"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="03"]:hover) .s3d-hex-ring-seg[data-hex-node="03"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="03"]:focus-within) .s3d-hex-ring-seg[data-hex-node="03"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="04"]:hover) .s3d-hex-ring-seg[data-hex-node="04"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="04"]:focus-within) .s3d-hex-ring-seg[data-hex-node="04"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="05"]:hover) .s3d-hex-ring-seg[data-hex-node="05"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="05"]:focus-within) .s3d-hex-ring-seg[data-hex-node="05"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="06"]:hover) .s3d-hex-ring-seg[data-hex-node="06"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="06"]:focus-within) .s3d-hex-ring-seg[data-hex-node="06"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="07"]:hover) .s3d-hex-ring-seg[data-hex-node="07"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="07"]:focus-within) .s3d-hex-ring-seg[data-hex-node="07"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="08"]:hover) .s3d-hex-ring-seg[data-hex-node="08"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="08"]:focus-within) .s3d-hex-ring-seg[data-hex-node="08"] {
      stroke: rgba(56, 239, 125, 0.65) !important;
      filter: drop-shadow(0 0 4px rgba(56, 239, 125, 0.45)) !important;
      animation: s3dHexSegHoverPulse 1.6s ease-in-out infinite;
    }
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="01"]:hover) .s3d-hex-spoke[data-hex-node="01"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="02"]:hover) .s3d-hex-spoke[data-hex-node="02"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="03"]:hover) .s3d-hex-spoke[data-hex-node="03"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="04"]:hover) .s3d-hex-spoke[data-hex-node="04"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="05"]:hover) .s3d-hex-spoke[data-hex-node="05"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="06"]:hover) .s3d-hex-spoke[data-hex-node="06"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="07"]:hover) .s3d-hex-spoke[data-hex-node="07"],
    .steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="08"]:hover) .s3d-hex-spoke[data-hex-node="08"] {
      stroke: rgba(56, 239, 125, 0.9) !important;
      filter: drop-shadow(0 0 4px rgba(56, 239, 125, 0.5));
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-hub-ring,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-hub-ring--track {
      stroke: rgba(255, 255, 255, 0.08) !important;
      stroke-dasharray: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-hub-ring--inner {
      stroke: rgba(255, 255, 255, 0.12) !important;
      stroke-dasharray: none !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-glow {
      /* Emerald wash on vertical central display — reads alive before job load */
      background: linear-gradient(180deg, rgba(56, 239, 125, 0.12) 0%, transparent 45%, transparent 100%) !important;
      border-radius: 8px !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core {
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 0 0 5px rgba(0, 0, 0, 0.35),
        0 10px 32px rgba(0, 0, 0, 0.45) !important;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-title {
      color: #b8c6d4 !important;
      text-shadow: none !important;
      letter-spacing: 0.16em;
    }
    /* 2026-08-06by: restore hub expanding pulse rings on central display (rectangular). */
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap::before,
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap::after {
      content: "" !important;
      display: block !important;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      inset: 0;
      aspect-ratio: auto;
      border-radius: 8px;
      border: 2px solid rgba(56, 239, 125, 0.72);
      box-shadow:
        0 0 0 1px rgba(56, 239, 125, 0.2),
        0 0 18px rgba(56, 239, 125, 0.35);
      box-sizing: border-box;
      pointer-events: none;
      opacity: 0;
      transform: scale(0.75);
      transform-origin: center center;
      animation: s3dHexHubRadar 4.4s ease-out infinite !important;
      z-index: 1;
    }
    .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap::after {
      animation-delay: 2.2s !important;
      border-color: rgba(212, 175, 55, 0.55);
      box-shadow:
        0 0 0 1px rgba(212, 175, 55, 0.18),
        0 0 16px rgba(212, 175, 55, 0.28);
    }
    @keyframes s3dHexHubRadar {
      0% { opacity: 0.85; transform: scale(0.75); }
      70% { opacity: 0.2; }
      100% { opacity: 0; transform: scale(1.55); }
    }
    /* Pre-Audit health ring (colours match boot.js's own copy 1:1 on purpose — that copy is injected
       lazily via ensureTraceFpcRouteUiStyles() the first time a route/upload/health event fires, so
       before that the ring had no CSS at all and "0% PRE-AUDIT" rendered as flat unstyled text. This
       always-loaded copy fixes that first-paint gap; only NEW properties (transition/animation/
       @property) are added here so the two copies never fight over a value. */
    @property --pct {
      syntax: '<number>';
      inherits: true;
      initial-value: 0;
    }
    .steel3d-root .s3d-hex-health {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
      margin: 6px 0 4px;
    }
    .steel3d-root .s3d-hex-health-ring {
      --pct: 0;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      position: relative;
      background: conic-gradient(#10b981 calc(var(--pct) * 1%), rgba(255, 255, 255, 0.12) 0);
      transition: background 0.8s ease;
      animation: s3dHexHealthRingGlow 3.6s ease-in-out infinite;
    }
    .steel3d-root .s3d-hex-health-ring::before {
      content: "";
      position: absolute;
      inset: 5px;
      border-radius: 50%;
      background: rgba(4, 10, 14, 0.92);
    }
    .steel3d-root .s3d-hex-health-pct {
      position: relative;
      z-index: 1;
      font-size: 11px;
      font-weight: 700;
      color: #e8eef6;
    }
    .steel3d-root .s3d-hex-health-label {
      font-size: 9px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #9aa7b8;
    }
    .steel3d-root .s3d-hex-health-gaps {
      font-size: 9px;
      color: #f6ad55;
      max-width: 140px;
      text-align: center;
      line-height: 1.25;
    }
    @keyframes s3dHexHealthRingGlow {
      0%, 100% { box-shadow: 0 0 0 rgba(16, 185, 129, 0); }
      50% { box-shadow: 0 0 10px 1px rgba(16, 185, 129, 0.3); }
    }
    @media (prefers-reduced-motion: reduce) {
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn::before,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke,
      .steel3d-root .s3d-hex-hub--mindmap.is-loaded .s3d-hex-spoke,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke.is-lit,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-ring-seg,
      .steel3d-root .s3d-hex-health-ring {
        animation: none !important;
        transition: none !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap::before,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap::after {
        animation: none !important;
        opacity: 0 !important;
      }
    }
    .steel3d-root .s3d-hex-parent-ico {
      flex-shrink: 0;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--hex-color, #D4AF37);
      background: color-mix(in srgb, var(--hex-color, #D4AF37) 18%, transparent);
      border: 1px solid color-mix(in srgb, var(--hex-color, #D4AF37) 45%, transparent);
    }
    .steel3d-root .s3d-hex-parent-copy {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
      flex: 1;
    }
    .steel3d-root .s3d-hex-node-icon { display: block; }
    .steel3d-root .s3d-hex-sub {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .steel3d-root .s3d-hex-sub-ico {
      flex-shrink: 0;
      color: var(--hex-color, #D4AF37);
      opacity: 0.9;
    }
    .steel3d-root .s3d-hex-sub.is-spare {
      opacity: 0.55;
      border-style: dashed;
    }
    .steel3d-root .s3d-hex-master-bar {
      display: flex !important;
      align-items: center;
      gap: 14px;
      width: 100%;
      max-width: 1040px;
      margin: 16px auto 12px;
      padding: 14px 18px;
      border-radius: 14px;
      cursor: pointer;
      position: relative;
      z-index: 4;
      box-sizing: border-box;
      background: linear-gradient(90deg, rgba(10, 18, 30, 0.95), rgba(14, 28, 44, 0.92));
      border: 1px solid rgba(212, 175, 55, 0.35);
      box-shadow: 0 0 28px rgba(212, 175, 55, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .steel3d-root .s3d-hex-master-bar:hover,
    .steel3d-root .s3d-hex-master-bar:focus-visible {
      border-color: rgba(212, 175, 55, 0.65);
      box-shadow: 0 0 36px rgba(212, 175, 55, 0.18);
      outline: none;
    }
    .steel3d-root .s3d-hex-master-bar.is-drop-active {
      border-color: #06d6a0;
      background: linear-gradient(90deg, rgba(6, 40, 32, 0.95), rgba(10, 28, 40, 0.95));
    }
    .steel3d-root .s3d-hex-master-bar.is-pulse-hint {
      animation: s3dMasterBarPulse 1.2s ease-in-out 3;
      border-color: rgba(212, 175, 55, 0.75);
      box-shadow: 0 0 36px rgba(212, 175, 55, 0.28);
    }
    @keyframes s3dMasterBarPulse {
      0%, 100% { transform: translateY(0); box-shadow: 0 0 28px rgba(212, 175, 55, 0.12); }
      50% { transform: translateY(-2px); box-shadow: 0 0 42px rgba(212, 175, 55, 0.35); }
    }
    .steel3d-root .s3d-hex-master-bar-ico {
      flex-shrink: 0;
      color: #D4AF37;
      display: inline-flex;
    }
    .steel3d-root .s3d-hex-master-bar-text {
      flex: 1;
      min-width: 0;
      font-size: 0.82rem;
      line-height: 1.35;
      color: #d7e8f7;
      font-weight: 600;
    }
    .steel3d-root .s3d-hex-master-bar-choose {
      flex-shrink: 0;
      padding: 10px 16px;
      border-radius: 999px;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      color: #041018;
      background: linear-gradient(135deg, #D4AF37, #06d6a0);
    }
    /* 2026-08-06bi: landing mind-map — auth CTA replaces live Master Upload dropzone */
    .steel3d-root .s3d-hex-master-bar--landing-cta {
      cursor: default;
      flex-wrap: wrap;
      border-color: rgba(56, 239, 125, 0.32);
      background: linear-gradient(90deg, rgba(8, 14, 22, 0.96), rgba(10, 22, 34, 0.94));
      box-shadow: 0 0 24px rgba(56, 239, 125, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }
    .steel3d-root .s3d-hex-master-bar--landing-cta:hover,
    .steel3d-root .s3d-hex-master-bar--landing-cta:focus-visible {
      border-color: rgba(56, 239, 125, 0.48);
      box-shadow: 0 0 28px rgba(56, 239, 125, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      outline: none;
    }
    .steel3d-root .s3d-hex-master-bar--landing-cta .s3d-hex-master-bar-ico {
      color: var(--accent-green, #38ef7d);
    }
    .steel3d-root .s3d-hex-master-bar--landing-cta .s3d-hex-master-bar-text {
      font-weight: 600;
      color: #c8d9e8;
    }
    .steel3d-root .s3d-hex-master-bar-cta-row {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      flex-shrink: 0;
      margin-left: auto;
    }
    .steel3d-root .s3d-hex-master-bar--landing-cta .s3d-hex-master-bar-signin,
    .steel3d-root .s3d-hex-master-bar--landing-cta .s3d-hex-master-bar-trial {
      min-height: 42px;
      font-family: Arial, Helvetica, sans-serif;
      text-decoration: none;
    }
    @media (max-width: 720px) {
      .steel3d-root .s3d-hex-master-bar-cta-row {
        width: 100%;
        margin-left: 0;
      }
      .steel3d-root .s3d-hex-master-bar--landing-cta .s3d-hex-master-bar-signin,
      .steel3d-root .s3d-hex-master-bar--landing-cta .s3d-hex-master-bar-trial {
        flex: 1 1 auto;
        justify-content: center;
        text-align: center;
      }
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-core-master-btn { display: none !important; }
    .steel3d-root .s3d-pricing-cad-banner {
      margin: 1.25rem 0 1.5rem;
      padding: 1.1rem 1.25rem;
      border-radius: 12px;
      border: 1px solid rgba(6, 214, 160, 0.4);
      background: linear-gradient(120deg, rgba(6, 40, 32, 0.55), rgba(8, 18, 32, 0.7));
    }
    .steel3d-root .s3d-pricing-cad-banner h3 {
      margin: 0 0 0.65rem;
      font-size: 0.95rem;
      color: #7ef9ff;
      letter-spacing: 0.06em;
    }
    .steel3d-root .s3d-pricing-cad-banner ul {
      margin: 0;
      padding-left: 1.1rem;
      color: #d7e8f7;
      font-size: 0.88rem;
      line-height: 1.55;
    }
    .steel3d-root .s3d-pricing-cad-banner li { margin: 0.35rem 0; }
    /* ----- Calculators: CEV / CET / Pcm ----- */
    .steel3d-root .s3d-calc-section {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem;
      background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(0, 180, 200, 0.08), transparent 55%),
        linear-gradient(180deg, rgba(6, 10, 16, 0.98), rgba(8, 14, 22, 0.96));
    }
    .steel3d-root .s3d-calc-section .s3d-sec-head h2 {
      text-align: center;
      letter-spacing: 0.06em;
    }
    .steel3d-root .s3d-calc-shell {
      max-width: 920px;
      margin: 1.5rem auto 0;
      padding: 1.25rem 1.35rem 1.5rem;
      border: 1px solid rgba(212, 175, 55, 0.22);
      border-radius: 14px;
      background: linear-gradient(165deg, rgba(10, 18, 30, 0.96), rgba(6, 10, 16, 0.98));
      box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }
    .steel3d-root .s3d-calc-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 1.1rem;
      padding-bottom: 0.85rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    .steel3d-root .s3d-calc-tab {
      min-height: 44px;
      padding: 0.55rem 1rem;
      border-radius: 999px;
      border: 1px solid rgba(212, 175, 55, 0.28);
      background: rgba(0, 20, 32, 0.55);
      color: #9ec8d8;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      cursor: pointer;
    }
    .steel3d-root .s3d-calc-tab.is-active {
      color: #041018;
      background: linear-gradient(135deg, #D4AF37, #06d6a0);
      border-color: transparent;
    }
    .steel3d-root .s3d-calc-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      justify-content: space-between;
      gap: 12px 16px;
      margin-bottom: 1rem;
    }
    .steel3d-root .s3d-calc-preset {
      display: flex;
      flex-direction: column;
      gap: 6px;
      min-width: min(100%, 240px);
      color: #9eb4c4;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-calc-preset .s3d-select {
      min-height: 44px;
    }
    .steel3d-root .s3d-calc-toolbar-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .steel3d-root .s3d-calc-form-note {
      margin: 0 0 0.85rem;
      color: #8fa3b5;
      font-size: 0.85rem;
    }
    .steel3d-root .s3d-calc-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .steel3d-root .s3d-calc-grid label {
      display: flex;
      flex-direction: column;
      gap: 6px;
      color: #c5d5e4;
      font-size: 0.8rem;
      font-weight: 700;
    }
    .steel3d-root .s3d-calc-grid label span em {
      font-style: normal;
      font-weight: 600;
      color: #6a8799;
      font-size: 0.7rem;
      margin-left: 4px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }
    .steel3d-root .s3d-calc-grid input {
      min-height: 44px;
      padding: 0.55rem 0.7rem;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(4, 8, 14, 0.85);
      color: #e8f2fa;
      font-size: 1rem;
      font-variant-numeric: tabular-nums;
    }
    .steel3d-root .s3d-calc-grid input:focus {
      outline: none;
      border-color: rgba(212, 175, 55, 0.55);
      box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.15);
    }
    .steel3d-root .s3d-calc-grid input.is-invalid {
      border-color: #e63946;
    }
    .steel3d-root .s3d-calc-results {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 1.35rem;
    }
    .steel3d-root .s3d-calc-metric {
      padding: 1rem 1rem 0.95rem;
      border-radius: 12px;
      border: 1px solid rgba(212, 175, 55, 0.18);
      background: rgba(0, 16, 28, 0.65);
      display: flex;
      flex-direction: column;
      gap: 6px;
      min-height: 132px;
    }
    .steel3d-root .s3d-calc-metric-label {
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #7ef9ff;
    }
    .steel3d-root .s3d-calc-metric-label small {
      margin-left: 0.35rem;
      color: #6a8799;
      letter-spacing: 0.04em;
    }
    .steel3d-root .s3d-calc-metric-val {
      font-size: clamp(1.75rem, 4vw, 2.25rem);
      font-weight: 800;
      font-variant-numeric: tabular-nums;
      color: #ffffff;
      line-height: 1.1;
      letter-spacing: 0.02em;
    }
    .steel3d-root .s3d-calc-metric-formula {
      margin-top: auto;
      font-size: 0.68rem;
      line-height: 1.35;
      color: #7a90a3;
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-calc-guidance {
      margin-top: 1rem;
      padding: 0.9rem 1rem;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(8, 14, 22, 0.8);
      color: #d7e8f7;
      font-size: 0.9rem;
      line-height: 1.45;
    }
    .steel3d-root .s3d-calc-guidance.is-ok {
      border-color: rgba(6, 214, 160, 0.45);
      background: rgba(6, 40, 32, 0.45);
    }
    .steel3d-root .s3d-calc-guidance.is-warn {
      border-color: rgba(255, 176, 32, 0.5);
      background: rgba(48, 36, 8, 0.45);
    }
    .steel3d-root .s3d-calc-guidance.is-risk {
      border-color: rgba(230, 57, 70, 0.55);
      background: rgba(48, 12, 16, 0.5);
    }
    .steel3d-root .s3d-calc-breakdown {
      margin-top: 0.85rem;
      padding: 0.85rem 1rem;
      border-radius: 10px;
      border: 1px dashed rgba(255, 255, 255, 0.12);
      color: #9eb4c4;
      font-size: 0.78rem;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.55;
      white-space: pre-wrap;
    }
    .steel3d-root .s3d-calc-footnote {
      margin: 1.1rem 0 0;
      color: #7a90a3;
      font-size: 0.78rem;
      line-height: 1.5;
    }
    .steel3d-root .s3d-btn-ghost {
      background: transparent;
      border: 1px solid rgba(255, 255, 255, 0.18);
      color: #d7e8f7;
    }
    .steel3d-root .s3d-btn-ghost:hover {
      border-color: rgba(212, 175, 55, 0.45);
      color: #fff;
    }
    @media (max-width: 820px) {
      .steel3d-root .s3d-calc-grid,
      .steel3d-root .s3d-calc-results {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 520px) {
      .steel3d-root .s3d-calc-shell {
        padding: 1rem 0.85rem 1.15rem;
      }
      .steel3d-root .s3d-calc-grid {
        grid-template-columns: 1fr 1fr;
      }
      .steel3d-root .s3d-calc-results {
        grid-template-columns: 1fr;
      }
      .steel3d-root .s3d-calc-metric {
        min-height: 0;
      }
    }
    .steel3d-root .s3d-ico-inline {
      display: inline-block;
      vertical-align: -0.15em;
      margin-right: 0.35em;
      color: #06d6a0;
    }
    @media (max-width: 1023px) {
      .steel3d-root .s3d-hex-viewport--columns {
        min-height: 0 !important;
        padding: 18px 10px 20px !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap {
        --s3d-hex-display-w: 188px;
        --s3d-hex-display-h: 320px;
        --s3d-hex-content: 168px;
        width: min(var(--s3d-hex-display-w), 52vw) !important;
        height: min(var(--s3d-hex-display-h), 58vh) !important;
        margin-inline: auto;
      }
      .steel3d-root .s3d-hex-master-bar {
        flex-wrap: wrap;
        margin-top: 12px;
      }
      .steel3d-root .s3d-hex-master-bar-choose {
        width: 100%;
        text-align: center;
      }
    }
    /* Desktop only: bilateral column hub — 4+4 nodes flanking vertical central display */
    @media (min-width: 1024px) {
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
      .steel3d-root .s3d-hex-hub-only .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
      .steel3d-root .s3d-console-hex-section .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-viewport--columns {
        min-height: 560px !important;
        aspect-ratio: 1000 / 540 !important;
        max-width: 1040px;
        padding: 0 !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-columns {
        position: absolute !important;
        inset: 0 !important;
        display: grid !important;
        flex-direction: unset;
        /* Narrower centre → left/right stacks sit further out toward the frame */
        grid-template-columns: minmax(0, 1.2fr) minmax(200px, 24%) minmax(0, 1.2fr);
        align-items: stretch;
        gap: 0;
        height: 100% !important;
        padding: 0 0.25%;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--right {
        /* Compact 4-pack — equal row tracks so spoke Y centres stay mirrored */
        display: grid !important;
        grid-template-rows: repeat(4, minmax(76px, auto));
        align-content: center !important;
        justify-content: unset !important;
        gap: 12px !important;
        height: 100% !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        grid-template-columns: minmax(0, 1fr);
        order: 0;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left {
        justify-items: start;
        /* Hug outer frame edge — further from hub */
        align-items: stretch !important;
        padding-right: 18% !important;
        padding-left: 0.5% !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--right {
        justify-items: end;
        align-items: stretch !important;
        padding-left: 18% !important;
        padding-right: 0.5% !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--center {
        order: 0;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left .s3d-hex-parent-btn {
        flex-direction: row-reverse !important;
        text-align: right !important;
        padding: 11px 16px 11px 14px !important;
      }
      /* Accent bar faces the hub on both sides */
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left .s3d-hex-parent-btn::before {
        left: auto !important;
        right: 0 !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent {
        max-width: 260px !important;
        width: 100%;
        height: 100% !important;
        min-height: 76px;
        flex: 0 0 auto;
        align-items: stretch;
        align-self: stretch;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn {
        min-height: 76px;
        height: 100%;
        max-height: none;
        padding: 11px 14px 11px 16px !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-svg--columns {
        display: block !important;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        z-index: 4;
        pointer-events: none;
        overflow: visible;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap {
        --s3d-hex-display-w: 208px;
        --s3d-hex-display-h: 380px;
        --s3d-hex-content: 188px;
        width: min(var(--s3d-hex-display-w), 28vw);
        height: min(var(--s3d-hex-display-h), 72%);
      }
    }
    .steel3d-root .s3d-hex-hub--columns {
      --s3d-hex-col-gap: 18px;
    }
    .steel3d-root .s3d-hex-viewport--columns {
      min-height: 580px;
      padding: 32px 16px 36px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .steel3d-root .s3d-hex-svg--columns {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 4;
      pointer-events: none;
      opacity: 1;
    }
    .steel3d-root .s3d-hex-hub-ring {
      fill: none;
      stroke: rgba(212, 175, 55, 0.14);
      stroke-width: 1;
      stroke-dasharray: 4 6;
    }
    .steel3d-root .s3d-hex-hub-ring--inner {
      stroke: rgba(212, 175, 55, 0.28);
      stroke-width: 1.25;
      stroke-dasharray: none;
    }
    .steel3d-root .s3d-hex-columns {
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(220px, 268px) minmax(0, 1fr);
      align-items: center;
      gap: var(--s3d-hex-col-gap);
      width: 100%;
      max-width: 1040px;
      margin-inline: auto;
      min-height: 500px;
      pointer-events: none;
    }
    .steel3d-root .s3d-hex-columns > * {
      pointer-events: auto;
    }
    .steel3d-root .s3d-hex-col--left,
    .steel3d-root .s3d-hex-col--right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 18px;
      min-height: 460px;
    }
    .steel3d-root .s3d-hex-col--left {
      align-items: flex-end;
    }
    .steel3d-root .s3d-hex-col--right {
      align-items: flex-start;
    }
    /* Slight stagger so it doesn't read as a stock 8-capsule template (disabled for mind-map) */
    .steel3d-root .s3d-hex-hub--columns:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--row-1 {
      transform: translateX(-10px);
    }
    .steel3d-root .s3d-hex-hub--columns:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--row-2 {
      transform: translateX(8px);
    }
    .steel3d-root .s3d-hex-hub--columns:not(.s3d-hex-hub--mindmap) .s3d-hex-col--right .s3d-hex-parent--row-1 {
      transform: translateX(10px);
    }
    .steel3d-root .s3d-hex-hub--columns:not(.s3d-hex-hub--mindmap) .s3d-hex-col--right .s3d-hex-parent--row-2 {
      transform: translateX(-8px);
    }
    .steel3d-root .s3d-hex-col--center {
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 5;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-core-wrap {
      position: relative;
      left: auto;
      top: auto;
      transform: none;
      width: min(312px, 78vw);
      height: min(312px, 78vw);
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-core-glow {
      clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
      border-radius: 0;
      inset: 2%;
      background: radial-gradient(circle, rgba(212, 175, 55, 0.22) 0%, transparent 68%);
    }
    /* Central display HUD core — vertical rectangle, not a circle or octagon */
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-core {
      clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
      border-radius: 0;
      width: 100%;
      aspect-ratio: 1 / 1;
      background:
        linear-gradient(145deg, rgba(10, 18, 30, 0.98) 0%, rgba(6, 10, 18, 0.99) 45%, rgba(14, 24, 38, 0.96) 100%);
      border: none;
      box-shadow:
        inset 0 0 0 1px rgba(212, 175, 55, 0.4),
        inset 0 0 0 6px rgba(0, 0, 0, 0.35),
        0 0 40px rgba(212, 175, 55, 0.14),
        0 12px 40px rgba(0, 0, 0, 0.5);
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-core::before {
      clip-path: polygon(32% 3%, 68% 3%, 97% 32%, 97% 68%, 68% 97%, 32% 97%, 3% 68%, 3% 32%);
      border-radius: 0;
      border-color: rgba(212, 175, 55, 0.15);
      inset: 8%;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-core::after {
      clip-path: inherit;
      border-radius: 0;
      background:
        linear-gradient(180deg, rgba(212, 175, 55, 0.08) 0%, transparent 38%, transparent 72%, rgba(0, 0, 0, 0.25) 100%),
        repeating-linear-gradient(
          0deg,
          transparent,
          transparent 11px,
          rgba(212, 175, 55, 0.03) 11px,
          rgba(212, 175, 55, 0.03) 12px
        );
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-core-title {
      color: #7ef9ff;
      letter-spacing: 0.14em;
      font-size: 0.62rem;
      text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-core-inner {
      padding: 20% 13% 16%;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent {
      position: relative;
      left: auto;
      top: auto;
      width: min(260px, 100%);
      opacity: 0.78;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent.is-lit,
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent.is-loaded,
    .steel3d-root .s3d-hex-hub--columns.is-loaded .s3d-hex-parent {
      opacity: 1;
    }
    /* Industrial node plates — not stock rounded “OPTION” capsules */
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent-btn {
      position: relative;
      border-radius: 4px 14px 4px 14px;
      padding: 12px 14px 11px 16px;
      min-height: 58px;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 3px;
      background:
        linear-gradient(115deg, rgba(12, 18, 28, 0.94) 0%, rgba(8, 12, 20, 0.97) 100%);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-left: 3px solid var(--hex-color, #D4AF37);
      box-shadow:
        0 6px 20px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
      overflow: hidden;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--left .s3d-hex-parent-btn {
      border-radius: 14px 4px 14px 4px;
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      border-right: 3px solid var(--hex-color, #D4AF37);
      text-align: right;
      align-items: flex-end;
      padding-right: 16px;
      padding-left: 14px;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--right .s3d-hex-parent-btn {
      text-align: left;
      align-items: flex-start;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent-btn::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 28px;
      opacity: 0.18;
      pointer-events: none;
      background: linear-gradient(90deg, var(--hex-color, #D4AF37), transparent);
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--left .s3d-hex-parent-btn::before {
      right: 0;
      left: auto;
      background: linear-gradient(270deg, var(--hex-color, #D4AF37), transparent);
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--right .s3d-hex-parent-btn::before {
      left: 0;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent-orb {
      display: none;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent-id {
      font-size: 0.58rem;
      letter-spacing: 0.12em;
      color: var(--hex-color, #D4AF37);
      opacity: 0.95;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent-label {
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1.2;
      color: #e8f4ff;
      max-width: 100%;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent-stats {
      font-size: 0.58rem;
      opacity: 0.7;
      color: #9bb4c9;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent--left,
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent--right {
      display: block;
      width: min(260px, 100%);
      max-width: 100%;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-hub--console,
    .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--console {
      transform: none;
    }
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent.is-expanded .s3d-hex-parent-btn,
    .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent.is-active .s3d-hex-parent-btn {
      box-shadow:
        0 0 0 1px var(--hex-color, #D4AF37),
        0 8px 28px rgba(0, 0, 0, 0.4),
        0 0 24px color-mix(in srgb, var(--hex-color, #D4AF37) 35%, transparent);
    }
    @keyframes s3dHexNodeInColumn {
      from { opacity: 0; transform: translateY(10px); filter: blur(2px); }
      to { opacity: 1; filter: blur(0); }
    }
    .steel3d-root .s3d-hex-hub--columns.is-loaded .s3d-hex-parent {
      animation: s3dHexNodeInColumn 0.5s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    }
    .steel3d-root .s3d-hex-hub--columns.is-loaded .s3d-hex-parent--row-0 { animation-delay: 0.02s; }
    .steel3d-root .s3d-hex-hub--columns.is-loaded .s3d-hex-parent--row-1 { animation-delay: 0.08s; }
    .steel3d-root .s3d-hex-hub--columns.is-loaded .s3d-hex-parent--row-2 { animation-delay: 0.14s; }
    .steel3d-root .s3d-hex-hub--columns.is-loaded .s3d-hex-parent--row-3 { animation-delay: 0.2s; }
    /* Desktop only (≥1024): side flyout sub-nodes — never on phone/tablet stacked mind-map */
    @media (min-width: 1024px) {
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent--left.is-expanded .s3d-hex-subs {
        right: calc(100% + 28px);
        left: auto;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
      }
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent--right.is-expanded .s3d-hex-subs {
        left: calc(100% + 28px);
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
      }
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns .s3d-hex-parent--left.is-expanded .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns .s3d-hex-parent--right.is-expanded .s3d-hex-subs {
        display: flex;
        flex-direction: column;
        position: absolute;
        z-index: 12;
        min-width: 220px;
        max-width: min(280px, 28vw);
        height: auto;
        max-height: none;
        padding: 10px;
        border-radius: 12px;
        background: rgba(15, 23, 42, 0.92);
        border: 1px solid color-mix(in srgb, var(--hex-color, #9aa8b5) 42%, transparent);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
        margin: 0;
        gap: 6px;
        overflow: visible;
        box-sizing: border-box;
      }
      /* Short viewports: scroll inside the flyout border instead of clipping the last sub */
      @media (max-height: 640px) {
        .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns .s3d-hex-parent.is-expanded .s3d-hex-subs,
        .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent:hover .s3d-hex-subs,
        .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent:has(.s3d-hex-subs:hover) .s3d-hex-subs {
          max-height: calc(100vh - 96px);
          overflow-y: auto;
        }
      }
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns .s3d-hex-parent--left.is-expanded .s3d-hex-subs {
        right: calc(100% + 40px);
        left: auto;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
      }
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--columns .s3d-hex-parent--right.is-expanded .s3d-hex-subs {
        left: calc(100% + 40px);
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
      }
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left:hover::after,
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left:has(.s3d-hex-subs:hover)::after,
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left.is-expanded::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 44px;
        background: transparent;
        z-index: 11;
      }
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right:hover::after,
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right:has(.s3d-hex-subs:hover)::after,
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right.is-expanded::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 44px;
        background: transparent;
        z-index: 11;
      }
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--left .s3d-hex-subs::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 44px;
        background: transparent;
      }
      .steel3d-root .s3d-hex-hub--columns.s3d-hex-hub--hover-reveal .s3d-hex-parent--right .s3d-hex-subs::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 44px;
        background: transparent;
      }
    }
    @media (max-width: 767px) {
      .steel3d-root .s3d-hex-viewport--columns {
        min-height: auto;
        padding: 16px 10px 20px;
      }
      .steel3d-root .s3d-hex-columns {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        min-height: 0;
        gap: 14px;
      }
      .steel3d-root .s3d-hex-col--left,
      .steel3d-root .s3d-hex-col--right {
        min-height: 0;
        gap: 10px;
        align-items: stretch;
      }
      .steel3d-root .s3d-hex-col--center {
        order: -1;
      }
      .steel3d-root .s3d-hex-svg--columns {
        display: none;
      }
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent,
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent--row-1,
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-parent--row-2,
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--right .s3d-hex-parent--row-1,
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--right .s3d-hex-parent--row-2 {
        width: 100%;
        opacity: 1;
        transform: none;
      }
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--left .s3d-hex-parent-btn,
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--right .s3d-hex-parent-btn {
        text-align: left;
        align-items: flex-start;
        border-radius: 4px 14px 4px 14px;
        border-left: 3px solid var(--hex-color, #D4AF37);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
      }
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--left .s3d-hex-parent-btn::before,
      .steel3d-root .s3d-hex-hub--columns .s3d-hex-col--right .s3d-hex-parent-btn::before {
        left: 0;
        right: auto;
        background: linear-gradient(90deg, var(--hex-color, #D4AF37), transparent);
      }
    }
    /* 2026-08-06cb: landing muted copy contrast on dusk + lightened scrim */
    .steel3d-root .s3d-sub,
    .steel3d-root .s3d-cap-card p,
    .steel3d-root .s3d-price-note,
    .steel3d-root .s3d-calc-footnote,
    .steel3d-root .s3d-note,
    .steel3d-root .s3d-legal-block p,
    .steel3d-root .s3d-foot .s3d-note,
    .steel3d-root .s3d-feature-visual-body p,
    .steel3d-root .s3d-vault-node-stripe li span:not(.s3d-vault-node-id),
    .steel3d-root .s3d-pricing-trial-offer p,
    .steel3d-root .s3d-pricing-cad-banner li,
    .steel3d-root .s3d-spec-list li {
      color: var(--text-muted) !important;
      -webkit-text-fill-color: var(--text-muted) !important;
    }
    .steel3d-root .s3d-cap-status {
      color: var(--accent-green) !important;
    }
    /* 2026-08-06cb: pricing always visible on landing + when signed in (nav target) */
    .steel3d-root #steel3d-pricing.s3d-pricing-section,
    .steel3d-root:not(.is-console-visible) #steel3d-pricing,
    .steel3d-root.is-console-visible #steel3d-pricing {
      display: block !important;
      visibility: visible !important;
    }
    .steel3d-root #steel3d-pricing .s3d-pricing-grid {
      display: grid !important;
      visibility: visible !important;
      opacity: 1 !important;
    }
    .steel3d-root #steel3d-pricing .s3d-pricing-card {
      display: flex !important;
      visibility: visible !important;
      opacity: 1 !important;
    }
    /* Signed-in console: hide landing CAD demo only — keep Pricing reachable from nav */
    .steel3d-root.is-console-visible #s3d-cad-engine {
      display: none !important;
    }
    .steel3d-root.is-console-visible #s3dHeaderMasterUpload,
    .steel3d-root:has(.s3d-hex-hub--console) #s3dHeaderMasterUpload,
    .steel3d-root #steel3d-manager:has(#steel3dMgrShell:not([hidden])) #s3dHeaderMasterUpload {
      display: none !important;
    }
    .steel3d-root #s3dConsoleHexSection,
    .steel3d-root .s3d-console-hex-section {
      margin: 14px auto 32px;
      padding: 0 6px;
      overflow: visible;
      width: 100%;
      max-width: 1200px;
    }
    .steel3d-root .s3d-mgr-shell:has(.s3d-console-hex-section),
    .steel3d-root #steel3d-company-console.s3d-cc-simple {
      overflow: visible;
    }
    .steel3d-root #s3dCentralHexHubConsole,
    .steel3d-root .s3d-console-hex-section .s3d-hex-hub-mount {
      margin: 0;
      overflow: visible;
      width: 100%;
      max-width: none;
    }
    .steel3d-root .s3d-console-hex-section .s3d-hex-hub {
      width: 100%;
      max-width: none;
      overflow: visible;
    }
    .steel3d-root .s3d-console-hex-section .s3d-hex-viewport {
      min-height: 580px;
      width: 100%;
      max-width: none;
      max-height: none;
      overflow: visible;
      padding: 32px 16px 36px;
      border-color: rgba(212, 175, 55, 0.18);
      box-shadow:
        inset 0 0 80px rgba(0, 100, 200, 0.06),
        0 0 40px rgba(212, 175, 55, 0.08);
    }
    /* Console mind-map desktop geometry is scoped in @media (min-width: 1024px) above */
    /* Mind-map: landing + console identical (no console scale-down) */
    .steel3d-root .s3d-hex-hub--console.s3d-hex-hub--mindmap,
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console {
      transform: none !important;
      width: 100%;
      max-width: 100%;
      margin-inline: auto;
    }
    .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) {
      --s3d-hex-radius: 300;
      width: 100%;
      max-width: 100%;
      margin-inline: auto;
      transform: scale(0.85);
      transform-origin: center center;
    }
    .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-core-wrap {
      --s3d-hex-disc: 320px;
      --s3d-hex-content: 292px;
      width: min(var(--s3d-hex-disc), 78vw) !important;
      height: min(var(--s3d-hex-disc), 78vw) !important;
    }
    .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) .s3d-hex-core-wrap {
      width: min(340px, 52vw);
      height: min(340px, 52vw);
    }
    .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) .s3d-hex-parent {
      width: 174px;
    }
    .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) .s3d-hex-parent-btn {
      padding: 13px 10px 11px;
    }
    .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) .s3d-hex-parent-id {
      font-size: 10px;
    }
    .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) .s3d-hex-parent-label {
      font-size: 12px;
    }
    .steel3d-root .s3d-hex-hub--console .s3d-hex-parent-stats {
      font-size: 10px;
    }
    .steel3d-root .s3d-hex-hub--console.s3d-hex-hub--mindmap .s3d-hex-subs {
      gap: 10px !important;
      margin-top: 10px !important;
    }
    .steel3d-root .s3d-hex-hub--console.s3d-hex-hub--mindmap .s3d-hex-sub {
      font-size: 16px !important;
      padding: 11px 14px 11px 16px !important;
      min-width: 0 !important;
      min-height: 76px !important;
      gap: 12px !important;
    }
    .steel3d-root .s3d-hex-hub--console.s3d-hex-hub--mindmap .s3d-hex-sub-id {
      font-size: 0.62rem !important;
    }
    .steel3d-root .s3d-hex-hub--console.s3d-hex-hub--mindmap .s3d-hex-sub-label {
      font-size: 0.8rem !important;
    }
    .steel3d-root .s3d-hex-master-upload-wrap {
      position: absolute;
      transform: translateX(-50%);
      z-index: 8;
      overflow: visible;
      pointer-events: auto;
      margin-top: 92px;
      width: max-content;
      max-width: 96vw;
    }
    /* Console: bar below hub — avoids NODE 05 + footer overlap */
    .steel3d-root .s3d-hex-hub-mount:has(.s3d-hex-hub--console) .s3d-hex-mobile-master-bar,
    .steel3d-root .s3d-hex-master-upload-wrap,
    .steel3d-root .s3d-hex-hub--console .s3d-hex-master-upload-wrap {
      display: none !important;
    }
    .steel3d-root .s3d-hex-hub--console .s3d-hex-node-master-btn {
      min-width: min(400px, 94vw);
      width: auto;
      padding: 13px 28px;
      font-size: 0.8rem;
      border-width: 2px;
      letter-spacing: 0.04em;
      line-height: 1.2;
      border-radius: 999px;
      white-space: nowrap;
      box-shadow:
        0 0 22px rgba(179, 136, 255, 0.42),
        0 0 44px rgba(179, 136, 255, 0.16);
      animation: s3dMasterUploadPulse 2.6s ease-in-out infinite;
    }
    @keyframes s3dMasterUploadPulse {
      0%, 100% {
        box-shadow: 0 0 22px rgba(179, 136, 255, 0.42), 0 0 44px rgba(179, 136, 255, 0.16);
      }
      50% {
        box-shadow: 0 0 32px rgba(179, 136, 255, 0.62), 0 0 64px rgba(179, 136, 255, 0.24);
      }
    }
    /* 2026-08-06bf: never surface cryptic MASTER UPLOAD in marketing chrome — upload lives on hub */
    .steel3d-root .s3d-master-upload-header-btn,
    .steel3d-root .s3d-master-upload-header-btn[hidden] {
      display: none !important;
    }
    .steel3d-root .s3d-master-upload-header-btn {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 10px 12px;
      border-radius: 8px;
      border: 1px solid rgba(132, 255, 0, 0.55);
      background: rgba(40, 70, 10, 0.55);
      color: #84ff00;
      cursor: pointer;
      box-shadow: 0 0 18px rgba(132, 255, 0, 0.18);
      transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    }
    .steel3d-root .s3d-master-upload-header-btn:hover {
      transform: translateY(-1px) scale(1.03);
      filter: brightness(1.12);
      box-shadow: 0 0 24px rgba(132, 255, 0, 0.32);
    }
    @media (prefers-reduced-motion: reduce) {
      .steel3d-root .s3d-master-upload-header-btn { transition: none; }
      .steel3d-root .s3d-master-upload-header-btn:hover { transform: none; }
    }
    .steel3d-root .s3d-hex-hub-mount { margin: 20px 0 28px; overflow: visible; }
    .steel3d-root #s3dCentralHexHubLanding,
    .steel3d-root #s3dCentralHexHubLanding .s3d-hex-hub-mount {
      overflow: visible;
    }
    .steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only {
      max-width: 960px;
      margin-inline: auto;
      padding: 0;
      overflow: visible;
      border: none !important;
      background: transparent !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
    }
    .steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only::before { display: none !important; }
    .steel3d-root .s3d-hex-hub-only .s3d-hex-hub-mount {
      margin-inline: auto;
      max-width: 920px;
      width: 100%;
      overflow: visible;
    }
    .steel3d-root .s3d-hex-hub-only .s3d-hex-viewport {
      width: 100%;
      max-width: 920px;
      min-width: min(100%, 880px);
      margin-inline: auto;
      aspect-ratio: auto;
      min-height: 960px;
      max-height: none;
      overflow: visible;
      padding: 140px 72px 168px;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-hex-hub-only .s3d-hex-hub--mindmap .s3d-hex-viewport--columns {
      max-width: 1040px;
      min-width: 0;
    }
    .steel3d-root .s3d-hex-hud { display: none !important; }
    .steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only .s3d-hex-hub-mount {
      margin-inline: auto;
    }
    .steel3d-root .s3d-radial-viewport--retired { display: none !important; }
    .steel3d-root .s3d-hex-hub-eyebrow {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #D4AF37;
      text-align: center;
      margin: 0 0 12px;
      text-shadow: 0 0 12px rgba(212, 175, 55, 0.45);
    }
    .steel3d-root .s3d-hex-viewport {
      position: relative;
      min-height: 820px;
      border: 1px solid rgba(148, 163, 184, 0.22);
      border-radius: 16px;
      background:
        radial-gradient(ellipse 80% 60% at 50% 48%, rgba(17, 138, 178, 0.06), transparent 70%),
        #0B0F17;
      overflow: visible;
      box-shadow:
        inset 0 0 80px rgba(0, 0, 0, 0.35),
        0 0 40px rgba(0, 180, 255, 0.06);
    }
    .steel3d-root .s3d-hex-hub {
      overflow: visible;
      margin-inline: auto;
      width: 100%;
      max-width: 100%;
    }
    .steel3d-root .s3d-hex-backdrop {
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
    }
    .steel3d-root .s3d-hex-grid-bg {
      position: absolute;
      inset: -20%;
      opacity: 0.35;
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='84' viewBox='0 0 48 84'%3E%3Cpolygon points='24,2 38.1,12.1 44,24 38.1,35.9 24,46 9.9,35.9 4,24 9.9,12.1' fill='none' stroke='rgba(0,180,255,0.14)' stroke-width='1'/%3E%3Cpolygon points='24,38 38.1,48.1 44,60 38.1,71.9 24,82 9.9,71.9 4,60 9.9,48.1' fill='none' stroke='rgba(0,180,255,0.1)' stroke-width='1'/%3E%3C/svg%3E");
      background-size: 48px 84px;
      animation: s3dHexGridDrift 24s linear infinite;
    }
    .steel3d-root .s3d-hex-ambient-glow {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 50%, rgba(0, 180, 255, 0.12) 0%, transparent 42%),
        radial-gradient(circle at 20% 30%, rgba(56, 239, 125, 0.04) 0%, transparent 25%),
        radial-gradient(circle at 80% 70%, rgba(179, 136, 255, 0.04) 0%, transparent 25%);
      animation: s3dHexAmbientPulse 6s ease-in-out infinite alternate;
    }
    @keyframes s3dHexAmbientPulse {
      from { opacity: 0.7; }
      to { opacity: 1; }
    }
    .steel3d-root .s3d-hex-particles {
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(0, 220, 255, 0.55) 1px, transparent 1px);
      background-size: 32px 32px;
      opacity: 0.18;
      animation: s3dHexGridDrift 20s linear infinite reverse;
    }
    .steel3d-root .s3d-hex-particles::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(56, 239, 125, 0.4) 1px, transparent 1px);
      background-size: 48px 48px;
      opacity: 0.12;
      animation: s3dHexGridDrift 32s linear infinite;
    }
    @keyframes s3dHexGridDrift {
      from { transform: translateY(0); }
      to { transform: translateY(-100px); }
    }
    .steel3d-root .s3d-hex-radial-pulse {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 80px;
      height: 80px;
      margin: -40px 0 0 -40px;
      border-radius: 50%;
      border: 2px solid rgba(212, 175, 55, 0.6);
      opacity: 0;
      pointer-events: none;
      z-index: 2;
    }
    .steel3d-root .s3d-hex-hub.is-loading .s3d-hex-radial-pulse {
      animation: s3dHexRadialPulse 1.4s ease-out infinite;
    }
    @keyframes s3dHexRadialPulse {
      0% { transform: scale(0.5); opacity: 0.85; border-color: rgba(212, 175, 55, 0.8); }
      100% { transform: scale(4.5); opacity: 0; border-color: rgba(56, 239, 125, 0); }
    }
    .steel3d-root .s3d-hex-svg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
    }
    .steel3d-root .s3d-hex-grid {
      fill: none;
      stroke: rgba(0, 180, 255, 0.18);
      stroke-width: 1.2;
    }
    .steel3d-root .s3d-hex-grid-inner {
      fill: none;
      stroke: rgba(0, 180, 255, 0.08);
      stroke-width: 1;
    }
    .steel3d-root .s3d-hex-spoke {
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-dasharray: 6 14;
      opacity: 0.2;
      filter: drop-shadow(0 0 3px currentColor);
      transition: opacity 0.5s;
    }
    .steel3d-root .s3d-hex-branch {
      fill: none;
      stroke-width: 1.2;
      stroke-linecap: round;
      stroke-dasharray: 3 8;
      opacity: 0;
    }
    .steel3d-root .s3d-hex-spoke.is-lit {
      opacity: 1;
      animation: s3dHexPulseSpoke 1.4s ease-out forwards, s3dHexCircuitFlow 2.8s linear infinite;
    }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-spoke {
      opacity: 1;
      animation: s3dHexPulseSpoke 1.4s ease-out forwards, s3dHexCircuitFlow 2.8s linear infinite;
    }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-branch {
      opacity: 0.55;
      animation: s3dHexCircuitFlow 3.2s linear infinite;
    }
    /* Animation delays only — stroke colour comes from JS hexHubNodeById (do not override; 05/07 were swapped via CSS vars) */
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-spoke[data-spoke="1"] { animation-delay: 0.05s, 0s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-spoke[data-spoke="2"] { animation-delay: 0.15s, 0.3s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-spoke[data-spoke="3"] { animation-delay: 0.25s, 0.6s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-spoke[data-spoke="4"] { animation-delay: 0.35s, 0.9s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-spoke[data-spoke="5"] { animation-delay: 0.45s, 1.2s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-spoke[data-spoke="6"] { animation-delay: 0.55s, 1.5s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-spoke[data-spoke="7"] { animation-delay: 0.65s, 1.8s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-spoke[data-spoke="8"] { animation-delay: 0.75s, 2.1s; }
    @keyframes s3dHexPulseSpoke {
      0% { stroke-dashoffset: 140; opacity: 0.15; filter: drop-shadow(0 0 0 transparent); }
      100% { stroke-dashoffset: 0; opacity: 1; filter: drop-shadow(0 0 8px currentColor); }
    }
    @keyframes s3dHexCircuitFlow {
      to { stroke-dashoffset: -40; }
    }
    .steel3d-root .s3d-hex-packet {
      opacity: 0;
      filter: drop-shadow(0 0 4px currentColor);
    }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-packet {
      opacity: 0.9;
    }
    .steel3d-root .s3d-hex-core-wrap {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 5;
      width: min(280px, 46vw);
      height: min(280px, 46vw);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: visible;
      pointer-events: auto;
    }
    .steel3d-root .s3d-hex-core-glow {
      position: absolute;
      inset: 8%;
      clip-path: var(--s3d-oct-clip);
      background: radial-gradient(circle at 50% 40%, rgba(0, 200, 255, 0.35), rgba(0, 80, 180, 0.08) 70%);
      filter: blur(12px);
      animation: s3dHexCoreGlow 3s ease-in-out infinite alternate;
    }
    @keyframes s3dHexCoreGlow {
      from { opacity: 0.65; transform: scale(0.98); }
      to { opacity: 1; transform: scale(1.03); }
    }
    .steel3d-root .s3d-hex-core {
      position: relative;
      width: 72%;
      aspect-ratio: 1 / 1;
      clip-path: var(--s3d-oct-clip);
      background: linear-gradient(160deg, rgba(15, 23, 42, 0.88) 0%, rgba(11, 15, 23, 0.96) 55%, rgba(15, 23, 42, 0.9) 100%);
      border: none;
      box-shadow:
        inset 0 2px 0 rgba(255, 255, 255, 0.06),
        inset 0 -8px 24px rgba(0, 0, 0, 0.5),
        0 0 40px rgba(0, 180, 255, 0.2),
        0 0 80px rgba(17, 138, 178, 0.1);
      backdrop-filter: blur(8px);
    }
    .steel3d-root .s3d-hex-core::before {
      content: "";
      position: absolute;
      inset: 3px;
      clip-path: var(--s3d-oct-clip);
      border: 1px solid rgba(0, 220, 255, 0.45);
      pointer-events: none;
    }
    .steel3d-root .s3d-hex-core::after {
      content: "";
      position: absolute;
      inset: 0;
      clip-path: var(--s3d-oct-clip);
      background: linear-gradient(180deg, rgba(0, 200, 255, 0.12) 0%, transparent 35%, transparent 65%, rgba(0, 80, 160, 0.15) 100%);
      pointer-events: none;
    }
    .steel3d-root .s3d-hex-hub.is-loading .s3d-hex-core {
      animation: s3dHexCorePulse 0.7s ease-in-out infinite alternate;
    }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-core {
      animation: s3dHexCoreLoaded 2s ease-out forwards;
    }
    @keyframes s3dHexCorePulse {
      from { box-shadow: inset 0 2px 0 rgba(255,255,255,0.06), 0 0 24px rgba(0, 200, 255, 0.25); }
      to { box-shadow: inset 0 2px 0 rgba(255,255,255,0.1), 0 0 48px rgba(132, 255, 0, 0.5); }
    }
    @keyframes s3dHexCoreLoaded {
      0% { transform: scale(0.92); filter: brightness(0.7); }
      60% { transform: scale(1.04); filter: brightness(1.15); }
      100% { transform: scale(1); filter: brightness(1); }
    }
    .steel3d-root .s3d-hex-core-inner {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 100%;
      padding: 24% 18% 22%;
      text-align: center;
      box-sizing: border-box;
      overflow: visible;
      pointer-events: auto;
    }
    .steel3d-root .s3d-hex-core-title,
    .steel3d-root .s3d-hex-core-label {
      display: block;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.12em;
      color: #00B4D8;
      text-shadow: 0 0 10px rgba(0, 180, 216, 0.45);
      margin-bottom: 4px;
      text-transform: uppercase;
    }
    .steel3d-root .s3d-hex-core .s3d-demo-badge {
      display: block;
      font-size: 8px;
      margin: 2px 0 6px;
      letter-spacing: 0.06em;
    }
    .steel3d-root .s3d-hex-job-input {
      width: 100%;
      max-width: 100%;
      margin: 2px 0 5px;
      padding: 6px 8px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-align: center;
      border: 1px solid rgba(0, 200, 255, 0.35);
      border-radius: 5px;
      background: rgba(0, 0, 0, 0.55);
      color: #fff;
      box-shadow: inset 0 0 12px rgba(0, 180, 255, 0.08);
      box-sizing: border-box;
    }
    .steel3d-root .s3d-hex-job-input:focus {
      outline: none;
      border-color: rgba(56, 239, 125, 0.6);
      box-shadow: 0 0 16px rgba(56, 239, 125, 0.2);
    }
    .steel3d-root .s3d-hex-core-master-btn {
      display: block;
      width: 100%;
      max-width: 100%;
      min-height: 44px;
      margin: 6px 0 0;
      padding: 10px 6px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: clamp(5px, 1.55vw, 7px);
      font-weight: 800;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      text-align: center;
      line-height: 1.2;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-radius: 6px;
      border: 2px solid rgba(131, 56, 236, 0.75);
      background: linear-gradient(180deg, rgba(50, 24, 78, 0.95), rgba(22, 10, 38, 0.98));
      color: #e8d4ff;
      cursor: pointer;
      box-sizing: border-box;
      box-shadow:
        0 0 18px rgba(131, 56, 236, 0.38),
        0 0 36px rgba(131, 56, 236, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
      transition: box-shadow 0.2s, transform 0.15s, border-color 0.2s;
    }
    .steel3d-root .s3d-hex-core-master-btn:hover {
      border-color: rgba(179, 136, 255, 0.9);
      box-shadow:
        0 0 28px rgba(131, 56, 236, 0.55),
        0 0 48px rgba(131, 56, 236, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
      transform: translateY(-1px);
    }
    .steel3d-root .s3d-hex-hub.is-locked .s3d-hex-job-input[readonly] {
      opacity: 0.88;
      border-color: rgba(56, 239, 125, 0.45);
      color: #c8ffd8;
    }
    .steel3d-root .s3d-hex-load-btn {
      display: block;
      width: 86%;
      max-width: 100%;
      margin-top: 3px;
      padding: 5px 6px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 8px;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      border-radius: 4px;
      border: 1px solid rgba(132, 255, 0, 0.55);
      background: linear-gradient(180deg, rgba(40, 70, 10, 0.85), rgba(20, 35, 6, 0.9));
      color: #84ff00;
      cursor: pointer;
      box-shadow: 0 0 12px rgba(132, 255, 0, 0.12);
      transition: box-shadow 0.2s, transform 0.15s;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-hex-load-btn:hover {
      box-shadow: 0 0 20px rgba(132, 255, 0, 0.3);
      transform: translateY(-1px);
    }
    .steel3d-root .s3d-hex-switch-job-btn {
      display: block;
      width: 86%;
      max-width: 100%;
      margin-top: 4px;
      padding: 4px 6px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 7px;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      border-radius: 4px;
      border: 1px solid rgba(212, 175, 55, 0.45);
      background: rgba(0, 24, 32, 0.85);
      color: #D4AF37;
      cursor: pointer;
      box-shadow: 0 0 10px rgba(212, 175, 55, 0.1);
      transition: box-shadow 0.2s, transform 0.15s;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-hex-switch-job-btn:hover {
      box-shadow: 0 0 18px rgba(212, 175, 55, 0.28);
      transform: translateY(-1px);
    }
    .steel3d-root .s3d-hex-switch-job-btn[hidden],
    .steel3d-root .s3d-hex-load-btn[hidden] { display: none !important; }
    .steel3d-root .s3d-hex-node-master-btn {
      position: relative;
      display: block;
      min-width: min(360px, 92vw);
      width: auto;
      padding: 12px 24px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-align: center;
      border-radius: 999px;
      border: 2px solid rgba(179, 136, 255, 0.65);
      background: linear-gradient(180deg, rgba(40, 20, 60, 0.92), rgba(20, 10, 35, 0.95));
      color: #d4b8ff;
      cursor: pointer;
      z-index: 6;
      white-space: nowrap;
      line-height: 1.2;
      box-sizing: border-box;
      transition: box-shadow 0.2s, transform 0.15s;
    }
    .steel3d-root .s3d-hex-node-master-btn:hover {
      box-shadow: 0 0 28px rgba(179, 136, 255, 0.5);
      transform: translateY(-1px);
    }
    .steel3d-root .s3d-hex-parent[data-hex-node="05"] {
      overflow: visible;
      z-index: 4;
    }
    .steel3d-root .s3d-hex-hub--console .s3d-hex-parent[data-hex-node="05"] {
      z-index: 5;
    }
    .steel3d-root .s3d-hex-hud {
      position: absolute;
      bottom: 14px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 6;
      display: flex;
      gap: 20px;
      padding: 8px 18px;
      border-radius: 999px;
      border: 1px solid rgba(0, 200, 255, 0.25);
      background: rgba(4, 10, 18, 0.88);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      letter-spacing: 0.06em;
      color: var(--text-muted);
      opacity: 0;
      transition: opacity 0.5s;
    }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-hud {
      opacity: 1;
      animation: s3dHexHudIn 0.6s ease-out 1s backwards;
    }
    @keyframes s3dHexHudIn {
      from { opacity: 0; transform: translateX(-50%) translateY(8px); }
      to { opacity: 1; transform: translateX(-50%) translateY(0); }
    }
    .steel3d-root .s3d-hex-hud b {
      color: #D4AF37;
      font-size: 13px;
      font-weight: 800;
    }
    .steel3d-root .s3d-hex-hud-compliance b { color: #00ffaa; }
    .steel3d-root .s3d-hex-nodes-layer {
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
      overflow: visible;
    }
    .steel3d-root .s3d-hex-nodes-layer > * { pointer-events: auto; }
    .steel3d-root .s3d-hex-parent {
      position: absolute;
      transform: translate(-50%, -50%);
      z-index: 3;
      width: 132px;
      opacity: 0.25;
      transition: opacity 0.4s, transform 0.4s;
    }
    .steel3d-root .s3d-hex-parent.is-lit,
    .steel3d-root .s3d-hex-parent.is-loaded {
      opacity: 1;
    }
    .steel3d-root .s3d-hex-parent.is-lit .s3d-hex-parent-btn {
      box-shadow: 0 0 28px color-mix(in srgb, var(--hex-color, #D4AF37) 40%, transparent);
      border-color: var(--hex-color);
    }
    .steel3d-root .s3d-hex-parent.is-lit .s3d-hex-parent-orb {
      animation: s3dHexOrbPulse 2s ease-in-out infinite;
    }
    .steel3d-root .s3d-hex-parent--subs-out {
      display: flex;
      flex-direction: column-reverse;
      align-items: stretch;
    }
    .steel3d-root .s3d-hex-parent--subs-out .s3d-hex-parent-orb {
      top: auto;
      bottom: -6px;
    }
    .steel3d-root .s3d-hex-parent--subs-out .s3d-hex-subs {
      margin-top: 0;
      margin-bottom: 6px;
    }
    .steel3d-root .s3d-hex-parent--subs-flank .s3d-hex-subs {
      margin-bottom: 4px;
    }
    .steel3d-root .s3d-hex-parent--subs-east {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      width: auto;
      max-width: 240px;
    }
    .steel3d-root .s3d-hex-parent--subs-west {
      display: flex;
      flex-direction: row-reverse;
      align-items: flex-start;
      width: auto;
      max-width: 240px;
    }
    .steel3d-root .s3d-hex-parent--subs-east .s3d-hex-parent-btn,
    .steel3d-root .s3d-hex-parent--subs-west .s3d-hex-parent-btn {
      flex: 0 0 132px;
      width: 132px;
    }
    .steel3d-root .s3d-hex-hub--console .s3d-hex-parent--subs-east .s3d-hex-parent-btn,
    .steel3d-root .s3d-hex-hub--console .s3d-hex-parent--subs-west .s3d-hex-parent-btn {
      flex: 0 0 174px;
      width: 174px;
    }
    .steel3d-root .s3d-hex-parent--subs-east .s3d-hex-subs,
    .steel3d-root .s3d-hex-parent--subs-west .s3d-hex-subs {
      margin-top: 8px;
      margin-bottom: 0;
      margin-left: 0;
      flex: 1;
      min-width: 88px;
    }
    .steel3d-root .s3d-hex-parent--subs-east .s3d-hex-subs {
      margin-left: 6px;
    }
    .steel3d-root .s3d-hex-parent--subs-west .s3d-hex-subs {
      margin-right: 6px;
    }
    .steel3d-root .s3d-hex-parent--subs-east .s3d-hex-parent-orb {
      top: 50%;
      left: auto;
      right: -6px;
      bottom: auto;
      margin-left: 0;
      margin-top: -7px;
    }
    .steel3d-root .s3d-hex-parent--subs-west .s3d-hex-parent-orb {
      top: 50%;
      left: -6px;
      right: auto;
      bottom: auto;
      margin-left: 0;
      margin-top: -7px;
    }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent {
      opacity: 1;
      animation: s3dHexNodeIn 0.65s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent[data-hex-node="01"] { animation-delay: 0.2s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent[data-hex-node="02"] { animation-delay: 0.3s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent[data-hex-node="03"] { animation-delay: 0.4s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent[data-hex-node="04"] { animation-delay: 0.5s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent[data-hex-node="05"] { animation-delay: 0.6s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent[data-hex-node="06"] { animation-delay: 0.7s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent[data-hex-node="07"] { animation-delay: 0.8s; }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent[data-hex-node="08"] { animation-delay: 0.9s; }
    @keyframes s3dHexNodeIn {
      from { opacity: 0; transform: translate(-50%, -50%) scale(0.7); filter: blur(4px); }
      to { opacity: 1; transform: translate(-50%, -50%) scale(1); filter: blur(0); }
    }
    .steel3d-root .s3d-hex-parent-orb {
      position: absolute;
      left: 50%;
      top: -6px;
      width: 14px;
      height: 14px;
      margin-left: -7px;
      border-radius: 50%;
      background: var(--hex-color, #D4AF37);
      box-shadow: 0 0 12px var(--hex-color), 0 0 24px var(--hex-color);
      opacity: 0.85;
    }
    .steel3d-root .s3d-hex-hub.is-loaded .s3d-hex-parent-orb {
      animation: s3dHexOrbPulse 2s ease-in-out infinite;
    }
    @keyframes s3dHexOrbPulse {
      0%, 100% { transform: scale(1); opacity: 0.85; }
      50% { transform: scale(1.15); opacity: 1; }
    }
    .steel3d-root .s3d-hex-parent.is-route-hit .s3d-hex-parent-btn,
    .steel3d-root .s3d-hex-parent.is-route-hit .s3d-hex-parent-orb {
      box-shadow: 0 0 28px var(--hex-color);
      border-color: var(--hex-color);
    }
    .steel3d-root .s3d-hex-parent.is-route-hit .s3d-hex-parent-orb {
      animation: s3dHexRouteFlash 0.4s ease-in-out 3;
    }
    .steel3d-root .s3d-hex-parent.is-drag .s3d-hex-parent-btn,
    .steel3d-root .s3d-hex-sub.is-drag {
      box-shadow: 0 0 24px var(--hex-color, #ff8c00);
      border-color: var(--hex-color, #ff8c00);
    }
    .steel3d-root .s3d-hex-parent[data-hex-node="04"].is-drag .s3d-hex-parent-btn {
      box-shadow: 0 0 28px #ff8c00;
      border-color: #ff8c00;
    }
    .steel3d-root .s3d-mobile-signoff-panel .s3d-mgr-field {
      display: block;
      margin: 10px 0 12px;
    }
    .steel3d-root .s3d-cc-mega.is-amber {
      border: 1px solid rgba(255, 183, 3, 0.65);
      background: rgba(50, 35, 8, 0.65);
      color: #ffb703;
    }
    .steel3d-root .s3d-deep-scan-panel {
      margin-top: 10px;
      padding: 10px;
      border: 1px solid rgba(212, 175, 55, 0.25);
      border-radius: 8px;
      background: rgba(4, 12, 18, 0.85);
    }
    @keyframes s3dHexRouteFlash {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.4); }
    }
    .steel3d-root .s3d-hex-parent-btn {
      position: relative;
      width: 100%;
      padding: 10px 8px 8px;
      border-radius: 10px;
      border: 1px solid color-mix(in srgb, var(--hex-color, #D4AF37) 40%, transparent);
      background: rgba(15, 23, 42, 0.82);
      backdrop-filter: blur(6px);
      color: #e2e8f0;
      cursor: pointer;
      text-align: left;
      font-family: Arial, Helvetica, sans-serif;
      box-shadow:
        0 0 16px color-mix(in srgb, var(--hex-color, #D4AF37) 20%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
      transition: box-shadow 0.25s, border-color 0.25s;
    }
    .steel3d-root .s3d-hex-parent-btn:hover {
      box-shadow: 0 0 20px color-mix(in srgb, var(--hex-color, #D4AF37) 28%, transparent);
      border-color: var(--hex-color);
    }
    .steel3d-root .s3d-hex-sub-dots {
      display: none;
      justify-content: center;
      gap: 4px;
      margin-top: 5px;
    }
    .steel3d-root .s3d-hex-sub-dots i {
      display: block;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--hex-color, #64748b);
      opacity: 0.55;
      box-shadow: 0 0 4px color-mix(in srgb, var(--hex-color, #64748b) 40%, transparent);
    }
    @media (min-width: 768px) {
      .steel3d-root .s3d-hex-sub-dots { display: flex; }
      .steel3d-root .s3d-hex-parent.is-expanded .s3d-hex-sub-dots { display: none; }
      .steel3d-root .s3d-hex-hub--hover-reveal .s3d-hex-parent:hover .s3d-hex-sub-dots,
      .steel3d-root .s3d-hex-hub--hover-reveal .s3d-hex-parent:has(.s3d-hex-subs:hover) .s3d-hex-sub-dots { display: none; }
    }
    .steel3d-root .s3d-hex-parent-id {
      display: block;
      font-size: 9px;
      font-weight: 800;
      color: var(--hex-color, #D4AF37);
      letter-spacing: 0.08em;
      text-shadow: 0 0 8px color-mix(in srgb, var(--hex-color, #D4AF37) 50%, transparent);
    }
    .steel3d-root .s3d-hex-parent-label {
      display: block;
      font-size: 10px;
      font-weight: 700;
      line-height: 1.25;
      margin: 3px 0;
    }
    .steel3d-root .s3d-hex-parent-stats {
      display: block;
      font-size: 9px;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-hex-parent-stats b { color: var(--hex-color, #84ff00); }
    .steel3d-root .s3d-hex-subs {
      display: none;
      gap: 4px;
      margin-top: 0;
    }
    .steel3d-root .s3d-hex-sub {
      font-size: 12px;
      padding: 10px 12px;
      min-width: 48px;
      min-height: 44px;
      border-radius: 8px;
      border: 1px solid color-mix(in srgb, var(--hex-color, #64748b) 35%, transparent);
      background: rgba(11, 15, 23, 0.75);
      color: #cbd5e1;
      cursor: pointer;
      font-family: Arial, Helvetica, sans-serif;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      white-space: normal;
      text-align: left;
      transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
      box-sizing: border-box;
    }
    .steel3d-root .s3d-hex-sub-id {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.02em;
      color: var(--hex-color, #D4AF37);
      flex: 0 0 auto;
      line-height: 1.25;
    }
    .steel3d-root .s3d-hex-sub-label {
      font-size: 13px;
      line-height: 1.3;
      flex: 1 1 auto;
      min-width: 0;
      white-space: normal;
      overflow-wrap: anywhere;
    }
    @media (min-width: 1024px) {
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-east,
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-west {
        display: block;
        width: 132px;
        max-width: 132px;
      }
      .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-east,
      .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-west {
        width: 174px;
        max-width: 174px;
      }
      /* Desktop glassmorphism flyouts (radial / non-stacked hubs) */
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent.is-expanded .s3d-hex-subs {
        display: flex;
        flex-direction: column;
        position: absolute;
        z-index: 12;
        min-width: 240px;
        max-width: min(300px, 86vw);
        padding: 12px;
        border-radius: 12px;
        background: rgba(15, 23, 42, 0.88);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(148, 163, 184, 0.28);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
        margin: 0;
        gap: 8px;
        overflow: visible;
      }
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-out.is-expanded .s3d-hex-subs {
        left: 50%;
        bottom: calc(100% + 8px);
        transform: translateX(-50%);
        top: auto;
      }
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-east.is-expanded .s3d-hex-subs {
        left: calc(100% + 10px);
        top: 0;
      }
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-west.is-expanded .s3d-hex-subs {
        right: calc(100% + 10px);
        left: auto;
        top: 0;
      }
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-flank.is-expanded .s3d-hex-subs {
        left: 50%;
        bottom: calc(100% + 8px);
        transform: translateX(-50%);
        top: auto;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent.is-expanded .s3d-hex-subs {
        display: flex;
        flex-direction: column;
        position: absolute;
        z-index: 12;
        min-width: 240px;
        max-width: min(300px, 86vw);
        padding: 12px;
        border-radius: 12px;
        background: rgba(15, 23, 42, 0.88);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(148, 163, 184, 0.28);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
        margin: 0;
        gap: 8px;
        overflow: visible;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-out:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-out:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-out.is-expanded .s3d-hex-subs {
        left: 50%;
        bottom: calc(100% + 8px);
        transform: translateX(-50%);
        top: auto;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-east:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-east:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-east.is-expanded .s3d-hex-subs {
        left: calc(100% + 10px);
        top: 0;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-west:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-west:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-west.is-expanded .s3d-hex-subs {
        right: calc(100% + 10px);
        left: auto;
        top: 0;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-flank:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-flank:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-flank.is-expanded .s3d-hex-subs {
        left: 50%;
        bottom: calc(100% + 8px);
        transform: translateX(-50%);
        top: auto;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-east .s3d-hex-subs::before,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-west .s3d-hex-subs::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 14px;
        background: transparent;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-east .s3d-hex-subs::before {
        right: 100%;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-west .s3d-hex-subs::before {
        left: 100%;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-out .s3d-hex-subs::before,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent--subs-flank .s3d-hex-subs::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 14px;
        background: transparent;
      }
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:hover .s3d-hex-parent-btn,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:has(.s3d-hex-subs:hover) .s3d-hex-parent-btn,
      .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent.is-expanded .s3d-hex-parent-btn {
        border-color: var(--hex-color, #D4AF37);
        box-shadow:
          0 0 16px color-mix(in srgb, var(--hex-color, #D4AF37) 45%, transparent),
          0 0 32px color-mix(in srgb, var(--hex-color, #D4AF37) 20%, transparent);
      }
    }
    /* Phone + tablet: mind-map = vertical accordion (never absolute side flyouts) */
    @media (max-width: 1023px) {
      .steel3d-root .s3d-hex-hub--mindmap,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console {
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--subs-east,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--subs-west,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--subs-out,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--subs-flank {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: none !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--hover-reveal .s3d-hex-parent:hover .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--hover-reveal .s3d-hex-parent:has(.s3d-hex-subs:hover) .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--hover-reveal .s3d-hex-parent.is-expanded .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--left.is-expanded .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--right.is-expanded .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--subs-out.is-expanded .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--subs-east.is-expanded .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--subs-west.is-expanded .s3d-hex-subs,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent--subs-flank.is-expanded .s3d-hex-subs {
        display: grid !important;
        grid-template-columns: 1fr !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        margin: 8px 0 0 !important;
        padding: 10px !important;
        gap: 10px !important;
        z-index: 2 !important;
        box-sizing: border-box;
        border-radius: 10px;
        background: rgba(8, 14, 24, 0.92);
        border: 1px solid color-mix(in srgb, var(--hex-color, #9aa8b5) 40%, transparent);
        box-shadow: none;
        backdrop-filter: none;
        overflow: visible !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent::after,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-subs::before {
        content: none !important;
        display: none !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub {
        width: 100%;
        min-height: 76px;
      }
    }
    @media (max-width: 767px) {
      .steel3d-root .s3d-hex-parent.is-expanded .s3d-hex-subs {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 8px;
        gap: 6px;
        transform: none;
        z-index: 12;
        position: relative;
      }
      .steel3d-root .s3d-hex-sub {
        min-height: 44px;
        padding: 10px 12px;
        font-size: 12px;
      }
      .steel3d-root .s3d-hex-sub-id { font-size: 11px; }
      .steel3d-root .s3d-hex-sub-label { font-size: 13px; }
      .steel3d-root .s3d-hex-parent.is-expanded .s3d-hex-sub {
        font-size: 12px;
        padding: 10px 12px;
        min-width: 48px;
        min-height: 44px;
        border-width: 1.5px;
      }
      .steel3d-root .s3d-hex-parent-btn {
        min-height: 44px;
      }
    }
    .steel3d-root .s3d-hex-sub:hover {
      border-color: var(--hex-color);
      box-shadow: 0 0 10px color-mix(in srgb, var(--hex-color, #D4AF37) 25%, transparent);
    }
    .steel3d-root .s3d-hex-sub.is-drag {
      border-color: #84ff00;
      background: rgba(132, 255, 0, 0.15);
      box-shadow: 0 0 14px rgba(132, 255, 0, 0.35);
    }
    .steel3d-root .s3d-hex-sub.is-lit {
      border-color: var(--hex-color);
      background: color-mix(in srgb, var(--hex-color, #84ff00) 12%, rgba(0, 0, 0, 0.45));
      box-shadow: 0 0 8px color-mix(in srgb, var(--hex-color, #D4AF37) 30%, transparent);
    }
    .steel3d-root .s3d-hex-parent.is-active .s3d-hex-parent-btn,
    .steel3d-root .s3d-hex-sub.is-active {
      border-color: var(--hex-color, #D4AF37);
      box-shadow:
        0 0 16px color-mix(in srgb, var(--hex-color, #D4AF37) 45%, transparent),
        0 0 32px color-mix(in srgb, var(--hex-color, #D4AF37) 20%, transparent);
    }
    .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:hover .s3d-hex-sub,
    .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:has(.s3d-hex-subs:hover) .s3d-hex-sub,
    .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent.is-expanded .s3d-hex-sub {
      font-size: 12px;
      padding: 10px 12px;
      min-width: 48px;
      min-height: 44px;
      border-width: 1.5px;
    }
    .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:hover .s3d-hex-sub-id,
    .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:has(.s3d-hex-subs:hover) .s3d-hex-sub-id,
    .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent.is-expanded .s3d-hex-sub-id {
      font-size: 11px;
    }
    .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:hover .s3d-hex-sub-label,
    .steel3d-root .s3d-hex-hub--hover-reveal:not(.s3d-hex-hub--mindmap) .s3d-hex-parent:has(.s3d-hex-subs:hover) .s3d-hex-sub-label,
    .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--mindmap) .s3d-hex-parent.is-expanded .s3d-hex-sub-label {
      font-size: 13px;
    }
    .steel3d-root .s3d-hex-vault-advisory {
      font-size: 11px;
      line-height: 1.45;
      margin: 0 0 12px;
      padding: 10px;
      border-radius: 8px;
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-hex-vault-advisory.is-warn {
      background: rgba(120, 53, 15, 0.35);
      border: 1px solid rgba(212, 175, 55, 0.55);
      color: #D4AF37;
    }
    .steel3d-root .s3d-hex-vault-advisory.is-ok {
      background: rgba(6, 78, 59, 0.35);
      border: 1px solid rgba(6, 214, 160, 0.45);
      color: #6ee7b7;
    }
    /* Hex vault drawer — sub-node file list + delete */
    .steel3d-root #s3dHexVaultBackdrop {
      position: fixed;
      inset: 0;
      z-index: 99990;
      background: rgba(2, 6, 12, 0.55);
      opacity: 0;
      transition: opacity 0.22s ease;
      pointer-events: none;
    }
    .steel3d-root #s3dHexVaultBackdrop.is-open {
      opacity: 1;
      pointer-events: auto;
    }
    .steel3d-root #s3dHexVaultBackdrop[hidden] { display: none !important; }
    .steel3d-root #s3dHexVaultDrawer {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 99995;
      width: min(420px, 96vw);
      height: 100vh;
      background: rgba(6, 10, 16, 0.98);
      border-left: 1px solid rgba(212, 175, 55, 0.28);
      box-shadow: -8px 0 32px rgba(0, 0, 0, 0.45);
      transform: translateX(104%);
      transition: transform 0.24s ease;
      display: flex;
      flex-direction: column;
      font-family: Arial, Helvetica, sans-serif;
      color: #e2e8f0;
    }
    .steel3d-root #s3dHexVaultDrawer.is-open { transform: translateX(0); }
    .steel3d-root #s3dHexVaultDrawer[hidden] { display: none !important; }
    .steel3d-root .s3d-hex-vault-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      padding: 16px 14px 10px;
      border-bottom: 1px solid rgba(212, 175, 55, 0.15);
    }
    .steel3d-root .s3d-hex-vault-head h3 {
      margin: 0;
      font-size: 14px;
      font-weight: 700;
      color: #D4AF37;
      line-height: 1.35;
    }
    .steel3d-root .s3d-hex-vault-meta {
      padding: 0 14px 10px;
      font-size: 11px;
      color: var(--text-muted);
    }
    .steel3d-root .s3d-hex-vault-actions {
      padding: 0 14px 12px;
    }
    .steel3d-root .s3d-hex-vault-actions .s3d-cc-touch {
      width: 100%;
      font-family: Arial, Helvetica, sans-serif;
    }
    .steel3d-root .s3d-hex-vault-list {
      flex: 1;
      overflow-y: auto;
      padding: 0 14px 20px;
    }
    .steel3d-root .s3d-hex-vault-row {
      border: 1px solid rgba(100, 116, 139, 0.35);
      border-radius: 8px;
      padding: 10px;
      margin-bottom: 8px;
      background: rgba(0, 0, 0, 0.35);
    }
    .steel3d-root .s3d-hex-vault-row-name {
      font-size: 12px;
      font-weight: 600;
      margin-bottom: 8px;
      word-break: break-word;
    }
    .steel3d-root .s3d-hex-vault-row-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .steel3d-root .s3d-hex-vault-btn {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      padding: 5px 8px;
      border-radius: 6px;
      border: 1px solid rgba(212, 175, 55, 0.25);
      background: rgba(212, 175, 55, 0.08);
      color: #e2e8f0;
      cursor: pointer;
    }
    .steel3d-root .s3d-hex-vault-btn:hover {
      border-color: rgba(212, 175, 55, 0.55);
      background: rgba(212, 175, 55, 0.14);
    }
    .steel3d-root .s3d-hex-vault-btn--danger {
      border-color: rgba(248, 113, 113, 0.45);
      background: rgba(248, 113, 113, 0.12);
    }
    .steel3d-root .s3d-hex-vault-btn--muted {
      opacity: 0.55;
      cursor: not-allowed;
    }
    .steel3d-root .s3d-hex-vault-empty {
      font-size: 12px;
      color: var(--text-muted);
      margin: 8px 0;
      line-height: 1.45;
    }
    .steel3d-root .s3d-hex-vault-empty--sub { font-size: 11px; margin: 4px 0 10px; }
    .steel3d-root .s3d-hex-vault-group { margin-bottom: 14px; }
    .steel3d-root .s3d-hex-vault-group-title {
      margin: 0 0 6px;
      font-size: 11px;
      color: #D4AF37;
      font-weight: 700;
    }
    .steel3d-root .s3d-hex-vault-demo-warn { font-size: 9px; }
    .steel3d-root .s3d-hex-load-btn.is-attention {
      animation: s3dHexLoadAttention 0.55s ease-in-out 3;
      box-shadow: 0 0 18px rgba(132, 255, 0, 0.65);
    }
    @keyframes s3dHexLoadAttention {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.06); }
    }
    @media (max-width: 720px) {
      .steel3d-root #s3dHexVaultDrawer { width: 100vw; }
    }
    .steel3d-root .s3d-hex-sub-count {
      font-style: normal;
      color: #84ff00;
      margin-left: 2px;
      font-weight: 700;
    }
    .steel3d-root .s3d-master-upload-overlay {
      position: fixed;
      inset: 0;
      z-index: 100000;
      background: rgba(2, 6, 10, 0.92);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px;
    }
    .steel3d-root .s3d-master-upload-overlay[hidden] { display: none !important; }
    .steel3d-root .s3d-master-overlay-card {
      width: min(640px, 96vw);
      border: 1px solid rgba(212, 175, 55, 0.35);
      border-radius: 12px;
      background: rgba(8, 12, 18, 0.98);
      padding: 18px 16px 16px;
      position: relative;
      overflow: hidden;
    }
    .steel3d-root .s3d-master-overlay-card::before {
      content: "";
      position: absolute;
      inset: -40%;
      background: conic-gradient(from 0deg, transparent, rgba(212, 175, 55, 0.08), transparent 40%);
      animation: s3dRadarSpin 3s linear infinite;
      pointer-events: none;
    }
    @keyframes s3dRadarSpin {
      to { transform: rotate(360deg); }
    }
    .steel3d-root .s3d-master-overlay-head {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
    }
    .steel3d-root .s3d-master-overlay-head h3 {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      letter-spacing: 0.06em;
      color: #84ff00;
    }
    .steel3d-root .s3d-master-overlay-drop {
      position: relative;
      border: 2px dashed rgba(212, 175, 55, 0.45);
      border-radius: 10px;
      padding: 36px 16px;
      text-align: center;
      background: rgba(5, 8, 12, 0.65);
    }
    .steel3d-root .s3d-master-overlay-drop.is-drag {
      border-color: #84ff00;
      background: rgba(132, 255, 0, 0.08);
    }
    .steel3d-root .s3d-consensus-list {
      list-style: none;
      padding: 0;
      margin: 8px 0 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
    }
    .steel3d-root .s3d-consensus-list li {
      padding: 6px 8px;
      margin: 4px 0;
      border-radius: 6px;
      opacity: 0;
      animation: s3dConsensusIn 0.4s ease forwards;
    }
    .steel3d-root .s3d-consensus-list li.is-ok { background: rgba(16, 185, 129, 0.15); color: #6ee7b7; }
    .steel3d-root .s3d-consensus-list li.is-warn { background: rgba(255, 183, 3, 0.12); color: #D4AF37; }
    @keyframes s3dConsensusIn {
      from { opacity: 0; transform: translateX(-8px); }
      to { opacity: 1; transform: translateX(0); }
    }
    /* Mobile Master Upload bar — shown below hub on narrow screens (console) */
    .steel3d-root .s3d-hex-mobile-master-bar {
      display: none;
      width: 100%;
      box-sizing: border-box;
      padding: 0 4px 12px;
    }
    .steel3d-root .s3d-hex-node-master-btn--mobile {
      width: 100%;
      min-width: 0;
      min-height: 44px;
      padding: 12px 14px;
      font-size: clamp(0.62rem, 2.8vw, 0.72rem);
      letter-spacing: 0.02em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    /* ----- Hex hub responsive: desktop ≥1024 / tablet 768–1023 / mobile ≤767 (2026-08-05v) ----- */
    @media (min-width: 1024px) {
      .steel3d-root .s3d-hex-hub--console {
        transform: scale(0.85);
        transform-origin: center center;
      }
      .steel3d-root .s3d-console-hex-section .s3d-hex-viewport {
        min-height: 760px;
        padding: 96px 72px 88px;
      }
      .steel3d-root .s3d-hex-hub-only .s3d-hex-viewport {
        padding: 140px 72px 168px;
      }
    }
    @media (min-width: 768px) and (max-width: 1023px) {
      .steel3d-root {
        overflow-x: hidden;
        max-width: 100%;
      }
      .steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only,
      .steel3d-root #s3dConsoleHexSection,
      .steel3d-root .s3d-console-hex-section {
        max-width: 100%;
        width: 100%;
        margin-inline: auto;
        padding-left: max(8px, env(safe-area-inset-left, 0px));
        padding-right: max(8px, env(safe-area-inset-right, 0px));
        box-sizing: border-box;
      }
      .steel3d-root .s3d-hex-hub-only .s3d-hex-hub-mount,
      .steel3d-root .s3d-hex-hub-only .s3d-hex-viewport,
      .steel3d-root .s3d-console-hex-section .s3d-hex-viewport {
        max-width: 100%;
        margin-inline: auto;
      }
      .steel3d-root .s3d-hex-hub-only .s3d-hex-viewport:not(.s3d-hex-viewport--columns) {
        min-height: 920px;
        min-height: min(920px, -webkit-fill-available);
        min-height: min(920px, 100dvh);
        padding: 128px 36px 168px;
        padding-left: max(36px, calc(24px + env(safe-area-inset-left, 0px)));
        padding-right: max(36px, calc(24px + env(safe-area-inset-right, 0px)));
        padding-top: max(128px, calc(112px + env(safe-area-inset-top, 0px)));
        padding-bottom: max(168px, calc(152px + env(safe-area-inset-bottom, 0px)));
        overflow: visible;
        -webkit-overflow-scrolling: touch;
      }
      .steel3d-root .s3d-hex-hub-only .s3d-hex-viewport--columns,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-viewport--columns {
        min-height: 0 !important;
        padding: 16px 12px 12px !important;
      }
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--console) {
        transform: scale(0.98);
        transform-origin: center center;
      }
      .steel3d-root .s3d-hex-hub--console {
        transform: scale(0.8);
        transform-origin: center center;
      }
      .steel3d-root .s3d-console-hex-section .s3d-hex-viewport {
        min-height: 720px;
        min-height: min(720px, -webkit-fill-available);
        min-height: min(720px, 100dvh);
        padding: 108px 40px 92px;
        padding-left: max(40px, calc(28px + env(safe-area-inset-left, 0px)));
        padding-right: max(40px, calc(28px + env(safe-area-inset-right, 0px)));
        padding-top: max(108px, calc(96px + env(safe-area-inset-top, 0px)));
        padding-bottom: max(92px, calc(80px + env(safe-area-inset-bottom, 0px)));
        overflow: visible;
        -webkit-overflow-scrolling: touch;
      }
      .steel3d-root .s3d-hex-hub--console .s3d-hex-parent {
        width: 158px;
      }
      .steel3d-root .s3d-hex-hub--console .s3d-hex-parent-label {
        font-size: 11px;
      }
      .steel3d-root .s3d-hex-hub--console .s3d-hex-core-wrap {
        width: min(340px, 54vw);
        height: min(340px, 54vw);
      }
      .steel3d-root .s3d-hex-load-btn {
        min-height: 44px;
        padding: 10px 8px;
        font-size: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .steel3d-root .s3d-hex-job-input {
        min-height: 44px;
      }
      .steel3d-root .s3d-hex-sub {
        min-height: 44px;
        min-width: 48px;
        padding: 10px 12px;
        font-size: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
      }
      .steel3d-root .s3d-hex-sub-id { font-size: 11px; }
      .steel3d-root .s3d-hex-sub-label { font-size: 13px; }
      .steel3d-root .s3d-hex-parent-btn {
        min-height: 44px;
      }
      .steel3d-root .s3d-hex-hub--console .s3d-hex-node-master-btn {
        min-height: 44px;
        min-width: min(380px, 90vw);
        padding: 12px 20px;
        font-size: 0.72rem;
        white-space: normal;
        text-wrap: balance;
        line-height: 1.25;
      }
      .steel3d-root .s3d-hex-master-upload-wrap {
        max-width: min(100%, 92vw);
      }
      .steel3d-root #steel3d-manager .s3d-trial-auth-stack {
        --s3d-trial-auth-col: min(480px, 92vw);
        max-width: var(--s3d-trial-auth-col);
        width: 100%;
        padding-left: max(12px, env(safe-area-inset-left, 0px));
        padding-right: max(12px, env(safe-area-inset-right, 0px));
        box-sizing: border-box;
      }
      .steel3d-root .s3d-master-upload-overlay {
        padding: max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
      }
      .steel3d-root .s3d-cc-console-foot .s3d-cc-signout-link {
        min-height: 44px;
        min-width: 44px;
      }
    }
    @media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
      .steel3d-root .s3d-hex-hub-only .s3d-hex-viewport:not(.s3d-hex-viewport--columns) {
        min-height: 880px;
        min-height: min(880px, -webkit-fill-available);
        min-height: min(880px, 100dvh);
        padding-top: max(108px, calc(96px + env(safe-area-inset-top, 0px)));
        padding-bottom: max(148px, calc(132px + env(safe-area-inset-bottom, 0px)));
        padding-left: max(28px, calc(20px + env(safe-area-inset-left, 0px)));
        padding-right: max(28px, calc(20px + env(safe-area-inset-right, 0px)));
      }
      .steel3d-root .s3d-console-hex-section .s3d-hex-viewport {
        min-height: 640px;
        min-height: min(640px, -webkit-fill-available);
        min-height: min(640px, 100dvh);
        padding-top: max(96px, calc(88px + env(safe-area-inset-top, 0px)));
        padding-bottom: max(80px, calc(72px + env(safe-area-inset-bottom, 0px)));
      }
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--console):not(.s3d-hex-hub--mindmap) {
        transform: scale(0.92);
      }
      .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) {
        transform: scale(0.78);
      }
      .steel3d-root .s3d-hex-hub--mindmap,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console {
        transform: none !important;
        width: 100% !important;
      }
      .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) .s3d-hex-node-master-btn {
        white-space: nowrap;
        font-size: 0.68rem;
        letter-spacing: 0.03em;
      }
    }
    @media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
      .steel3d-root .s3d-hex-hub-only .s3d-hex-viewport:not(.s3d-hex-viewport--columns) {
        min-height: 960px;
        min-height: min(960px, -webkit-fill-available);
        min-height: min(960px, 100dvh);
        padding-top: max(148px, calc(132px + env(safe-area-inset-top, 0px)));
        padding-bottom: max(192px, calc(176px + env(safe-area-inset-bottom, 0px)));
      }
      .steel3d-root .s3d-console-hex-section .s3d-hex-viewport {
        min-height: 740px;
        min-height: min(740px, -webkit-fill-available);
        min-height: min(740px, 100dvh);
        padding-top: max(116px, calc(104px + env(safe-area-inset-top, 0px)));
        padding-bottom: max(96px, calc(84px + env(safe-area-inset-bottom, 0px)));
      }
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--console):not(.s3d-hex-hub--mindmap) {
        transform: scale(1);
      }
      .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) {
        transform: scale(0.82);
      }
      .steel3d-root .s3d-hex-hub--mindmap,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console {
        transform: none !important;
        width: 100% !important;
      }
    }
    @media (max-width: 767px) {
      .steel3d-root #s3d-cad-engine,
      .steel3d-root #s3dConsoleHexSection,
      .steel3d-root .s3d-console-hex-section,
      .steel3d-root .s3d-mgr-shell:has(.s3d-console-hex-section) {
        overflow-x: hidden;
        max-width: 100%;
      }
      .steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only {
        padding: 0 8px;
        max-width: 100%;
        margin-bottom: 0;
      }
      .steel3d-root .s3d-hex-viewport {
        min-height: 0;
        padding: 8px 6px 0;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
      }
      .steel3d-root .s3d-hex-hub-only .s3d-hex-viewport {
        min-height: 0;
        padding: 8px 6px 0;
      }
      .steel3d-root .s3d-hex-hub-only .s3d-hex-viewport--columns,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-viewport--columns {
        min-height: 0 !important;
        padding: 8px 6px 0 !important;
      }
      .steel3d-root .s3d-console-hex-section .s3d-hex-viewport {
        min-height: 0;
        padding: 8px 4px 0;
      }
      /* Mind-map: never scale/compress on phone — vertical stack only */
      .steel3d-root .s3d-hex-hub--mindmap,
      .steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console {
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto;
      }
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--console):not(.s3d-hex-hub--mindmap) {
        transform: scale(0.72);
        transform-origin: top center;
        width: 138.9%;
        margin: 0 auto;
      }
      .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) {
        transform: scale(0.68);
        transform-origin: top center;
        width: 147%;
        margin: 0 auto;
      }
      .steel3d-root .s3d-hex-hub-mount {
        margin: 8px 0 0;
      }
      .steel3d-root .s3d-hex-hub-only .s3d-hex-hub-mount {
        margin-bottom: 0;
      }
      .steel3d-root .s3d-hex-master-bar {
        margin: 10px auto 0;
      }
      .steel3d-root #s3d-cad-engine.s3d-cad-section,
      .steel3d-root .s3d-cad-section {
        padding-bottom: 12px;
        margin-bottom: 0;
      }
      .steel3d-root #s3d-cad-engine .s3d-cad-header {
        margin-bottom: 14px;
      }
      .steel3d-root #steel3d-pricing.s3d-pricing-section {
        padding-top: 28px;
        margin-top: 0;
      }
      .steel3d-root .s3d-hex-hub-eyebrow {
        font-size: 9px;
        letter-spacing: 0.1em;
        margin-bottom: 8px;
        padding: 0 8px;
      }
      .steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--columns) .s3d-hex-parent {
        width: 108px;
      }
      .steel3d-root .s3d-hex-hub--console:not(.s3d-hex-hub--mindmap) .s3d-hex-parent {
        width: 112px;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent {
        width: 100% !important;
        max-width: none !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-id {
        font-size: 10px !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-label {
        font-size: 13px !important;
        line-height: 1.3 !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-stats {
        font-size: 10px !important;
      }
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left,
      .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--right {
        gap: 12px !important;
      }
      .steel3d-root .s3d-hex-parent-id {
        font-size: 8px;
      }
      .steel3d-root .s3d-hex-parent-label {
        font-size: 10px;
        line-height: 1.25;
      }
      .steel3d-root .s3d-hex-parent-stats {
        font-size: 8px;
      }
      .steel3d-root .s3d-hex-core-wrap {
        width: min(200px, 52vw);
        height: min(200px, 52vw);
      }
      .steel3d-root .s3d-hex-hub--console .s3d-hex-core-wrap {
        width: min(210px, 54vw);
        height: min(210px, 54vw);
      }
      .steel3d-root .s3d-hex-core-inner {
        padding: 24% 16% 22%;
      }
      .steel3d-root .s3d-hex-core-label {
        font-size: 9px;
      }
      .steel3d-root .s3d-hex-job-input {
        font-size: 12px;
        padding: 8px 6px;
      }
      .steel3d-root .s3d-hex-load-btn {
        width: 92%;
        min-height: 44px;
        font-size: 10px;
        padding: 10px 8px;
      }
      .steel3d-root .s3d-hex-core-master-btn {
        min-height: 44px;
        font-size: clamp(4.5px, 2.4vw, 6px);
        padding: 8px 4px;
        letter-spacing: 0.02em;
      }
      .steel3d-root .s3d-hex-sub {
        min-height: 44px;
        padding: 10px 12px;
        font-size: 12px;
      }
      .steel3d-root .s3d-hex-sub-id { font-size: 11px; }
      .steel3d-root .s3d-hex-sub-label { font-size: 13px; }
      .steel3d-root .s3d-hex-hub--console .s3d-hex-master-upload-wrap {
        display: none !important;
      }
      .steel3d-root .s3d-hex-mobile-master-bar {
        padding: 10px 16px 14px;
      }
      .steel3d-root .s3d-hex-master-upload-wrap {
        margin-top: 72px;
        max-width: 98vw;
      }
      .steel3d-root .s3d-hex-node-master-btn {
        min-width: min(300px, 94vw);
        font-size: 0.64rem;
        padding: 12px 14px;
        min-height: 44px;
        letter-spacing: 0.02em;
      }
      .steel3d-root .s3d-hex-branch { display: none; }
      .steel3d-root .s3d-hex-packet { display: none; }
      .steel3d-root .s3d-hex-hud {
        flex-direction: column;
        gap: 4px;
        font-size: 9px;
        padding: 6px 14px;
      }
      .steel3d-root .s3d-hex-grid-bg { opacity: 0.2; }
      .steel3d-root .s3d-master-upload-header-btn { display: none; }
      .steel3d-root #steel3d-manager .s3d-trial-auth-stack {
        max-width: 100%;
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
      }
      .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero {
        padding: 0.5rem 16px 0.4rem;
      }
      .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero-label {
        font-size: 0.74rem;
      }
      .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero-num {
        font-size: clamp(1.35rem, 8vw, 1.85rem);
        margin: 0.1rem 0;
      }
      .steel3d-root .s3d-cc-terminal.s3d-cc-simple .s3d-cc-job-hero-sub {
        font-size: 0.78rem;
        line-height: 1.35;
      }
      .steel3d-root .s3d-cc-console-foot {
        padding: 0 16px 0.5rem;
      }
      .steel3d-root .s3d-master-upload-overlay {
        padding: 0;
        align-items: stretch;
      }
      .steel3d-root .s3d-master-overlay-card {
        width: 100%;
        max-width: 100%;
        min-height: 100dvh;
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 16px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
      }
      .steel3d-root .s3d-master-overlay-drop {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 24px 16px;
        min-height: 200px;
      }
      .steel3d-root .s3d-master-overlay-head h3 {
        font-size: 12px;
      }
    }
/* === HOLIDAY STABLE 2026-08-06z: About force-visible (CSS-only; keep dark industrial canvas) === */
.steel3d-root .s3d-sec-proof,
.steel3d-root #steel3d-about,
.steel3d-root #steel3d-about.s3d-sec-proof,
.steel3d-root #steel3d-about.s3d-about-force-show,
.steel3d-root .s3d-about-force-show,
.steel3d-root #steel3d-credentials {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 12rem !important;
  max-height: none !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  position: relative !important;
  pointer-events: auto !important;
  content-visibility: visible !important;
  contain: none !important;
}
.steel3d-root #steel3d-about[hidden],
.steel3d-root .s3d-sec-proof[hidden],
.steel3d-root #steel3d-about[aria-hidden="true"],
.steel3d-root .s3d-about-force-show[hidden] {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}
/* Kill light-canvas / blueprint leftovers if old markup still injects them */
.steel3d-root .s3d-blueprint-grid,
.steel3d-root .animate-grid-drift {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
/* 2026-08-06av: page chrome dark (no CAD grid); portal root/main transparent so .s3d-bg-stack shows */
html:has(.steel3d-root),
body:has(.steel3d-root) {
  background-color: #04070a !important;
  background-image: none !important;
}
.steel3d-root,
.steel3d-root main {
  background-color: transparent !important;
  background-image: none !important;
}
.steel3d-root .s3d-bg-photo,
.steel3d-root .s3d-bg-picture,
.steel3d-root .s3d-bg-stack,
.steel3d-root .s3d-site-bg-photo,
.steel3d-root .s3d-bg-stack .s3d-bg-photo,
.steel3d-root .s3d-bg-stack .s3d-site-bg-photo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.steel3d-root .s3d-bg-tint,
.steel3d-root .s3d-bg-scrim {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* 2026-08-06cj: atmosphere wins over photo force-show */
.steel3d-root.s3d-bg--atmosphere .s3d-bg-photo,
.steel3d-root.s3d-bg--atmosphere .s3d-bg-picture,
.steel3d-root.s3d-bg--atmosphere .s3d-site-bg-photo,
.steel3d-root.s3d-bg--atmosphere .s3d-bg-stack .s3d-bg-photo,
.steel3d-root.s3d-bg--atmosphere .s3d-bg-stack .s3d-site-bg-photo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
/* 2026-08-25cs: hue-wave default wins over photo force-show */
.steel3d-root.s3d-bg--waves .s3d-bg-photo,
.steel3d-root.s3d-bg--waves .s3d-bg-picture,
.steel3d-root.s3d-bg--waves .s3d-site-bg-photo,
.steel3d-root.s3d-bg--waves .s3d-bg-stack .s3d-bg-photo,
.steel3d-root.s3d-bg--waves .s3d-bg-stack .s3d-site-bg-photo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.steel3d-root.s3d-bg--waves .s3d-bg-waves {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.steel3d-root.s3d-bg--waves .s3d-bg-glow {
  display: none !important;
  opacity: 0 !important;
}
.steel3d-root.s3d-bg--atmosphere .s3d-blueprint-grid,
.steel3d-root.s3d-bg--atmosphere .animate-grid-drift {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html:has(.steel3d-root.s3d-bg--atmosphere),
body:has(.steel3d-root.s3d-bg--atmosphere) {
  background-color: #263445 !important;
}
/* 2026-08-25cs: leak-proof SEO fallback sibling (outside .steel3d-root) — mobile Safari
   ignores deprecated clip:rect; block children ignore parent white-space:nowrap so
   crawl copy + img alt text were visible behind the hue-wave landing at ~390px. */
#steel3d-seo-fallback,
[data-s3d-seo-fallback="1"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  -webkit-clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  z-index: -9999 !important;
  pointer-events: none !important;
  contain: strict !important;
  max-width: 1px !important;
  max-height: 1px !important;
  isolation: isolate !important;
}
#steel3d-seo-fallback *,
[data-s3d-seo-fallback="1"] * {
  display: inline !important;
  max-width: 1px !important;
  max-height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  -webkit-clip-path: inset(50%) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#steel3d-seo-fallback img,
[data-s3d-seo-fallback="1"] img {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  object-fit: none !important;
  object-position: 0 0 !important;
}
/* 2026-08-06ay: pricing equal-height + top-aligned — no translateY/scale on any tier */
.steel3d-root .s3d-pricing-grid {
  align-items: stretch !important;
}
.steel3d-root .s3d-pricing-grid .s3d-pricing-card,
.steel3d-root .s3d-pricing-card.s3d-featured,
.steel3d-root .s3d-pricing-card.s3d-featured:hover {
  height: 100%;
  transform: none !important;
  border-width: 1px;
  border-color: var(--border-cyan);
  box-shadow: var(--shadow-card-rest);
}
.steel3d-root .s3d-pricing-card:hover {
  border-color: var(--accent-green);
  box-shadow: var(--shadow-card-hover);
  transform: none;
}
.steel3d-root .s3d-pricing-card.s3d-featured:hover {
  border-color: var(--accent-green);
  box-shadow: var(--shadow-card-hover);
  transform: none !important;
}
/* === 2026-08-06au BOLD REDESIGN — Codespot-pattern bento/stat/logo-strip pass (dark navy/emerald, Arial only) === */
.steel3d-root {
  --fw-display: 800 !important;
}
/* ---- 1. Hero: bigger/tighter headline, bold static CTA pair, social-proof row, diagonal wash ---- */
.steel3d-root .s3d-hero h1.s3d-hero-title {
  letter-spacing: -0.01em !important;
  line-height: 1.08 !important;
}
.steel3d-root .s3d-hero::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  top: -10%;
  right: -12%;
  width: min(60vw, 900px);
  height: min(70vh, 900px);
  background: linear-gradient(135deg, rgba(56, 239, 125, 0.16) 0%, rgba(56, 239, 125, 0.05) 38%, transparent 72%);
  clip-path: polygon(100% 0%, 100% 100%, 20% 100%);
  pointer-events: none;
  z-index: 1;
  opacity: 1;
}
.steel3d-root .s3d-hero-cta-pair {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 1.4rem;
  margin: 0.35rem auto 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: min(52rem, 100%);
  z-index: 2;
}
.steel3d-root .s3d-hero-cta-pair .s3d-btn-primary.s3d-hero-cta-primary {
  min-height: 56px;
  padding: 15px 26px;
  font-size: 13px;
  border-radius: 999px;
  gap: 8px;
  /* 2026-08-06au: lock readable dark ink on emerald (rest + hover) — beats Divi a:hover */
  color: #04140c !important;
  -webkit-text-fill-color: #04140c !important;
  background: linear-gradient(180deg, #5cf79c 0%, var(--accent-green) 55%, var(--accent-green-deep) 100%) !important;
  border-color: var(--accent-green) !important;
}
.steel3d-root .s3d-hero-cta-pair .s3d-btn-primary.s3d-hero-cta-primary:hover,
.steel3d-root .s3d-hero-cta-pair .s3d-btn-primary.s3d-hero-cta-primary:focus-visible {
  color: #04140c !important;
  -webkit-text-fill-color: #04140c !important;
  background: linear-gradient(180deg, #6ff5a8 0%, #45f288 55%, var(--accent-green) 100%) !important;
  border-color: var(--accent-green) !important;
  filter: none;
}
.steel3d-root .s3d-hero-cta-pair .s3d-btn-primary.s3d-hero-cta-primary:hover,
.steel3d-root .s3d-hero-cta-pair .s3d-btn-primary.s3d-hero-cta-primary:hover .s3d-cta-arrow,
.steel3d-root .s3d-hero-cta-pair .s3d-btn-primary.s3d-hero-cta-primary:hover * {
  color: #04140c !important;
  -webkit-text-fill-color: #04140c !important;
}
.steel3d-root .s3d-hero-cta-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-main) !important;
  -webkit-text-fill-color: var(--text-main) !important;
  text-decoration: none;
  padding: 8px 2px;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.steel3d-root .s3d-hero-cta-link:hover {
  color: var(--accent-green) !important;
  -webkit-text-fill-color: var(--accent-green) !important;
  border-bottom-color: var(--accent-green);
}
.steel3d-root .s3d-cta-arrow,
.steel3d-root .s3d-more-info-arrow {
  display: inline-block;
  transition: transform 0.2s var(--ease-out-expo);
}
.steel3d-root .s3d-hero-cta-primary:hover .s3d-cta-arrow,
.steel3d-root .s3d-hero-cta-link:hover .s3d-cta-arrow,
.steel3d-root .s3d-btn:hover .s3d-cta-arrow,
.steel3d-root .s3d-more-info-link:hover .s3d-more-info-arrow {
  transform: translateX(4px);
}
.steel3d-root .s3d-hero-social-proof {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin: 1.35rem auto 0;
  max-width: min(46rem, 100%);
  font-family: Arial, Helvetica, sans-serif;
}
.steel3d-root .s3d-avatar-stack {
  display: inline-flex;
  align-items: center;
}
.steel3d-root .s3d-avatar-dot {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(160deg, #123322 0%, #04140c 100%);
  border: 1.5px solid rgba(56, 239, 125, 0.55);
  color: var(--accent-green);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.02em;
  margin-left: -8px;
}
.steel3d-root .s3d-avatar-dot:first-child {
  margin-left: 0;
}
.steel3d-root .s3d-social-proof-text {
  color: var(--text-muted);
  font-size: 0.82rem;
  line-height: 1.4;
}
.steel3d-root .s3d-social-proof-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--text-main);
  font-size: 0.82rem;
  white-space: nowrap;
}
.steel3d-root .s3d-star-row {
  color: var(--accent-green);
  font-size: 0.78rem;
  letter-spacing: 0.06em;
}
@media (max-width: 640px) {
  .steel3d-root .s3d-hero-cta-pair {
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
  }
  .steel3d-root .s3d-hero::before {
    width: 70vw;
    height: 50vh;
  }
}
/* ---- 2/4. Bento row + stat band (huge numbers, bordered rounded cards) ---- */
.steel3d-root .s3d-hero-bento-section,
.steel3d-root .s3d-stat-band-section,
.steel3d-root .s3d-trust-strip-section {
  position: relative;
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  border-top: 1px solid rgba(56, 239, 125, 0.14);
  overflow: hidden;
  /* 2026-08-06au: these two sections have no opaque card behind their text — they sit directly on
     the sitewide fixed photo by design. The photo used to be a dark workshop shot; the new dusk render
     has bright sky/sunset, so add a background floor here (independent of scroll position, unlike the
     bg-stack's own scrim gradient) to guarantee the stat numbers/labels and trust logos stay legible. */
  background: linear-gradient(180deg, rgba(4, 7, 10, 0.6), rgba(4, 7, 10, 0.72));
}
.steel3d-root .s3d-bento-row {
  display: grid;
  grid-template-columns: minmax(240px, 0.85fr) minmax(280px, 1.15fr);
  gap: 20px;
  align-items: stretch;
}
@media (max-width: 780px) {
  .steel3d-root .s3d-bento-row {
    grid-template-columns: 1fr;
  }
}
.steel3d-root .s3d-bento-stat-card,
.steel3d-root .s3d-bento-photo-card {
  border-radius: 20px;
  border: 1px solid rgba(56, 239, 125, 0.28);
  background: var(--bg-panel-alt);
  overflow: hidden;
  position: relative;
}
.steel3d-root .s3d-bento-stat-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(1.75rem, 3vw, 2.5rem);
  background-image: var(--card-wash);
  box-shadow: var(--shadow-card-rest);
  /* 2026-08-06au: centralise text — this stat card had no text-align, so the "8" + caption sat
     left-aligned while every other stat/hero section on the page is center-aligned (including the
     near-identical .s3d-stat-band-item pattern just below it). align-items + text-align match that. */
  text-align: center;
}
.steel3d-root .s3d-bento-stat-num {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: clamp(3rem, 7vw, 4.75rem);
  line-height: 1;
  color: var(--accent-green);
  letter-spacing: -0.02em;
}
.steel3d-root .s3d-bento-stat-label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--text-muted);
  max-width: 26ch;
}
.steel3d-root .s3d-bento-photo-card {
  min-height: 260px;
  padding: 0;
  transition: transform 0.28s var(--ease-out-expo), box-shadow 0.28s var(--ease-out-expo), border-color 0.28s ease;
}
.steel3d-root .s3d-bento-stat-card {
  transition: transform 0.28s var(--ease-out-expo), box-shadow 0.28s var(--ease-out-expo), border-color 0.28s ease;
}
.steel3d-root .s3d-bento-row .s3d-bento-stat-card:hover,
.steel3d-root .s3d-bento-row .s3d-bento-photo-card:hover {
  transform: none;
  border-color: var(--accent-green);
  box-shadow: var(--shadow-card-hover);
}
.steel3d-root .s3d-bento-photo-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s var(--ease-out-expo);
}
.steel3d-root .s3d-bento-photo-card:hover img {
  transform: scale(1.05);
}
/* Stagger the scroll-reveal fade-in across grids (JS adds .s3d-reveal / .s3d-reveal-in) */
.steel3d-root .s3d-bento-row .s3d-reveal:nth-child(2) { transition-delay: 0.1s; }
.steel3d-root .s3d-stat-band .s3d-reveal:nth-child(2) { transition-delay: 0.08s; }
.steel3d-root .s3d-stat-band .s3d-reveal:nth-child(3) { transition-delay: 0.16s; }
.steel3d-root .s3d-cap-grid .s3d-reveal:nth-child(2) { transition-delay: 0.08s; }
.steel3d-root .s3d-cap-grid .s3d-reveal:nth-child(3) { transition-delay: 0.16s; }
.steel3d-root .s3d-cap-grid .s3d-reveal:nth-child(4) { transition-delay: 0.24s; }
.steel3d-root .s3d-cap-grid .s3d-reveal:nth-child(5) { transition-delay: 0.32s; }
.steel3d-root .s3d-cap-grid .s3d-reveal:nth-child(6) { transition-delay: 0.4s; }
.steel3d-root .s3d-feature-visual-grid .s3d-reveal:nth-child(2) { transition-delay: 0.1s; }
.steel3d-root .s3d-pricing-grid .s3d-reveal:nth-child(2) { transition-delay: 0.08s; }
.steel3d-root .s3d-pricing-grid .s3d-reveal:nth-child(3) { transition-delay: 0.16s; }
.steel3d-root .s3d-pricing-grid .s3d-reveal:nth-child(4) { transition-delay: 0.24s; }
@media (prefers-reduced-motion: reduce) {
  .steel3d-root .s3d-bento-stat-card,
  .steel3d-root .s3d-bento-photo-card,
  .steel3d-root .s3d-bento-photo-card img {
    transition: none;
  }
  .steel3d-root .s3d-bento-row .s3d-bento-stat-card:hover,
  .steel3d-root .s3d-bento-row .s3d-bento-photo-card:hover,
  .steel3d-root .s3d-bento-photo-card:hover img {
    transform: none;
  }
}
.steel3d-root .s3d-stat-band {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  text-align: center;
}
@media (max-width: 780px) {
  .steel3d-root .s3d-stat-band {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.steel3d-root .s3d-stat-band-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.steel3d-root .s3d-stat-band-num {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: clamp(2.75rem, 6vw, 4rem);
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--accent-green);
}
.steel3d-root .s3d-stat-band-label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.02em;
  color: var(--text-muted);
  max-width: 22ch;
}
/* ---- 3. Logo/trust strip — flat monochrome wordmarks, muted ---- */
.steel3d-root .s3d-trust-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3rem);
}
.steel3d-root .s3d-trust-mark {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  opacity: 0.55;
  text-transform: uppercase;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.steel3d-root .s3d-trust-mark:hover {
  opacity: 0.95;
  color: var(--accent-green);
}
/* ---- 5. Feature bento: solid circular icon badges, highlighted card, image+copy bento ---- */
.steel3d-root .s3d-cap-ico {
  background: var(--accent-green) !important;
  color: #04140c !important;
  box-shadow: 0 0 0 4px rgba(56, 239, 125, 0.12);
}
/* 2026-08-06au: HUD unicode glyphs (▣ ⬡ ◎ ⌘ ✓) swapped for semantic inline SVG line icons — no
   icon font/CDN, currentColor inherits the dark badge fill above */
.steel3d-root .s3d-cap-ico svg {
  width: 28px;
  height: 28px;
  display: block;
}
.steel3d-root .s3d-cap-card:hover .s3d-cap-ico {
  transform: scale(1.08);
  box-shadow: 0 0 0 6px rgba(56, 239, 125, 0.22);
}
/* 2026-08-06au: restated at higher specificity so the hover lift always wins over the
   scroll-reveal's resting transform (.s3d-reveal.s3d-reveal-in sets translateY(0) at equal
   specificity to the base .s3d-cap-card:hover rule declared earlier in the file) */
.steel3d-root .s3d-cap-grid .s3d-cap-card:hover {
  transform: none;
  border: 1.5px solid var(--accent-green);
}
.steel3d-root .s3d-cap-grid {
  border-radius: 20px;
}
.steel3d-root .s3d-cap-card {
  border-radius: 20px;
}
/* 2026-08-06bj: no permanent elevated/2nd-card emerald frame — idle matches peers; hover only */
.steel3d-root .s3d-cap-grid .s3d-cap-card:nth-of-type(2) {
  border: 1px solid rgba(56, 239, 125, 0.22);
  box-shadow: var(--shadow-card-rest);
  transform: none;
}
.steel3d-root .s3d-cap-grid .s3d-cap-card:nth-of-type(2):hover {
  transform: none;
  border: 1.5px solid var(--accent-green);
  box-shadow: var(--shadow-card-hover);
}
@media (max-width: 780px) {
  .steel3d-root .s3d-cap-grid .s3d-cap-card:nth-of-type(2) {
    transform: none;
  }
}
.steel3d-root .s3d-feature-visual-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-feature-visual-grid {
    grid-template-columns: 1fr;
  }
}
.steel3d-root .s3d-feature-visual-card {
  border-radius: 20px;
  border: 1px solid rgba(56, 239, 125, 0.22);
  background: var(--bg-panel-alt);
  background-image: var(--card-wash);
  overflow: visible;
  box-sizing: border-box;
  box-shadow: var(--shadow-card-rest);
  transition: box-shadow 0.25s var(--ease-out-expo), border-color 0.25s ease, border-width 0.25s ease;
}
.steel3d-root .s3d-feature-visual-card:hover {
  transform: none;
  border: 1.5px solid var(--accent-green);
  box-shadow: var(--shadow-card-hover);
}
/* 2026-08-06bj: elevated feature visual idle = peer border (pricing featured untouched) */
.steel3d-root .s3d-feature-visual-card.s3d-feature-visual-elevated {
  border: 1px solid rgba(56, 239, 125, 0.22);
  box-shadow: var(--shadow-card-rest);
}
.steel3d-root .s3d-feature-visual-media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  background: #04070a;
}
.steel3d-root .s3d-feature-visual-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.steel3d-root .s3d-feature-visual-body {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
}
.steel3d-root .s3d-feature-visual-body h3 {
  margin: 0 0 0.6rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  color: var(--text-main);
  letter-spacing: -0.01em;
}
.steel3d-root .s3d-feature-visual-body p {
  margin: 0 0 1rem;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--text-muted);
}
.steel3d-root .s3d-more-info-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 0.88rem;
  color: var(--accent-green) !important;
  -webkit-text-fill-color: var(--accent-green) !important;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, filter 0.2s ease;
}
.steel3d-root .s3d-more-info-link:hover {
  border-bottom-color: rgba(56, 239, 125, 0.55);
  filter: brightness(1.15);
}
/* ---- 6. Pricing: equal footprint + top-aligned; MOST POPULAR badge stays; hover emerald only ---- */
/* 2026-08-06ay: kill permanent emerald border + ALL translateY on featured (rest + hover) */
.steel3d-root .s3d-pricing-card.s3d-featured,
.steel3d-root .s3d-pricing-card.s3d-featured:hover {
  border-width: 1px;
  border-color: var(--border-cyan);
  transform: none !important;
  box-shadow: var(--shadow-card-rest);
}
.steel3d-root .s3d-pricing-card:hover,
.steel3d-root .s3d-pricing-card.s3d-featured:hover {
  border: 1px solid var(--accent-green);
  box-shadow: var(--shadow-card-hover);
  transform: none !important;
}
/* 2026-08-06au: sitewide equal-height hardening for same-type marketing card grids.
   Prefer grid/flex stretch over pixel min-heights. Does not add scale() — featured/2nd-card
   lift (translateY) + border/glow stay as highlight only. Hero bento stays asymmetric by design. */
.steel3d-root .s3d-cap-grid,
.steel3d-root .s3d-pricing-grid,
.steel3d-root .s3d-feature-visual-grid,
.steel3d-root .s3d-steps,
.steel3d-root .s3d-stat-band,
.steel3d-root .s3d-calc-results {
  align-items: stretch;
}
.steel3d-root .s3d-cap-grid .s3d-cap-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.steel3d-root .s3d-cap-grid .s3d-cap-card .s3d-cap-status {
  margin-top: auto;
}
.steel3d-root .s3d-pricing-grid .s3d-pricing-card {
  height: 100%;
}
.steel3d-root .s3d-feature-visual-grid .s3d-feature-visual-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.steel3d-root .s3d-feature-visual-grid .s3d-feature-visual-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.steel3d-root .s3d-feature-visual-grid .s3d-more-info-link {
  margin-top: auto;
}
.steel3d-root .s3d-steps .s3d-step {
  height: 100%;
}
.steel3d-root .s3d-calc-results .s3d-calc-metric {
  height: 100%;
}
.steel3d-root .s3d-stat-band .s3d-stat-band-item {
  height: 100%;
}
.steel3d-root .s3d-bento-row .s3d-bento-stat-card,
.steel3d-root .s3d-bento-row .s3d-bento-photo-card {
  height: 100%;
  min-height: 100%;
}
/* ---- 7. Section dividers: subtle angled dark-emerald wedges at 3 major transitions ---- */
.steel3d-root .s3d-diagonal-wash {
  isolation: isolate;
  /* 2026-08-06au: clip-path wedges are viewport-relative (vw) so they never exceed section width,
     but overflow:hidden here is a defensive guard against horizontal scroll on narrow viewports */
  overflow: hidden;
}
/* 2026-08-06au: second ambient glow — pricing section, opposite corner from the hero glow, same
   slow CSS-only drift; respects prefers-reduced-motion via the shared .s3d-pricing-glow rule above */
.steel3d-root .s3d-pricing-glow {
  display: block;
  position: absolute;
  bottom: -12%;
  left: -10%;
  width: 520px;
  max-width: 65vw;
  height: 520px;
  max-height: 65vw;
  border-radius: 50%;
  background: radial-gradient(circle, var(--accent-green) 0%, transparent 70%);
  filter: blur(110px);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
  will-change: transform;
  animation: s3dGlowDrift 17s ease-in-out infinite alternate-reverse;
}
.steel3d-root .s3d-diagonal-wash::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  width: min(46vw, 640px);
  height: min(60%, 460px);
  opacity: 0.9;
}
.steel3d-root .s3d-diagonal-wash-tr::after {
  top: 0;
  right: 0;
  background: linear-gradient(135deg, rgba(56, 239, 125, 0.1) 0%, transparent 65%);
  clip-path: polygon(100% 0%, 100% 100%, 30% 0%);
}
.steel3d-root .s3d-diagonal-wash-bl::after {
  bottom: 0;
  left: 0;
  background: linear-gradient(315deg, rgba(56, 239, 125, 0.08) 0%, transparent 65%);
  clip-path: polygon(0% 100%, 0% 0%, 70% 100%);
}
.steel3d-root .s3d-diagonal-wash > .s3d-wrap {
  position: relative;
  z-index: 1;
}
/* ---- 8. Typography boldness: bigger contrast between HUD section headers and body ---- */
.steel3d-root .s3d-section-header h2,
.steel3d-root .s3d-sec-head h2,
.steel3d-root #steel3d-about h2,
.steel3d-root #steel3d-credentials h2,
.steel3d-root #steel3d-engine h2,
.steel3d-root #steel3d-capabilities h2,
.steel3d-root #steel3d-calculators h2,
.steel3d-root #steel3d-pricing h2 {
  font-weight: 800 !important;
  font-size: clamp(1.05rem, 2.4vw, 1.4rem) !important;
  letter-spacing: 0.1em !important;
}
/* === 2026-08-06au: LANDING PAGE TEXT — CENTER EVERYTHING (Steve, repeated 2x, explicit + broad).
   This OVERRIDES prior left-aligned "convention" left over from earlier passes on capability/
   feature card body copy, footer columns, pull-quotes, legal copy, and section kicker labels.
   Scope: PUBLIC MARKETING sections only — direct-child <section> of #steel3d-main, EXCLUDING
   #steel3d-manager (the entire portal/console/auth/admin app lives there, untouched) — plus the
   sitewide footer. Deliberately TAG-based (h1–h6/p/li/blockquote/etc.), not container-based, so
   <label>/<input>/<select>/<textarea>/<button> never inherit centering — real form controls
   keep native alignment automatically, with zero extra "keep left" rules needed for them.
   Placed last in <style> per this file's documented "later !important wins" cascade convention,
   so it beats every earlier left-align rule regardless of specificity. */
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) :is(h1, h2, h3, h4, h5, h6, p, li, blockquote, dt, dd, figcaption),
.steel3d-root main#steel3d-main > footer.s3d-footer :is(h1, h2, h3, h4, h5, h6, p, li, blockquote, dt, dd, figcaption),
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-price,
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-tier-badge,
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-cap-status,
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) #steel3d-form-sent {
  text-align: center !important;
}
/* Footer link row + GDPR badge are flex rows — justify-content positions them, text-align alone
   would not move the flex items */
.steel3d-root main#steel3d-main > footer.s3d-footer .s3d-foot-col-right {
  justify-content: center !important;
}
/* Pre-audit health-score callout (ring + note, Core Engine section) — centered as a unit */
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-health-gauge {
  justify-content: center !important;
}
/* "Our guarantee" is a blockified <strong> (no text tag above matches it) — center via its own
   container so it and the <p> beneath it read as one centered card */
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-legal-guarantee {
  text-align: center !important;
}
/* Decorative eyebrow underline is a fixed-width block — text-align never repositions it, needs
   auto margins to sit under the now-centered eyebrow label */
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-eyebrow::after {
  margin-inline: auto !important;
}
/* Legal policy bullet lists: move the marker inline with the now-centered text instead of
   leaving it pinned to the old left padding edge (avoids a detached-bullet look).
   2026-08-06au: superseded below once legal body returns to left-aligned prose. */
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-legal-sec .s3d-legal-block ul {
  list-style-position: inside !important;
  padding-left: 0 !important;
}
/* Capability/feature icon badges are fixed-width flex items — text-align does not move a
   fixed-width box, only auto margins do */
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-cap-ico {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* "More Information →" is an icon+text pair (inline-flex row) — center the pair AS A UNIT via
   justify-content rather than breaking the icon/text relationship */
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-more-info-link {
  justify-content: center !important;
}
/* --- Exceptions: functional checklist ROWS stay left-aligned as a unit, per Steve's own
   worked example ("[✓] Feature text"). Centering would wrap long feature text onto a second
   line that no longer lines up under the checkmark/icon glyph — the checklist BLOCK itself
   already sits inside a now-centered card/section, so it still reads as centered "as a unit"
   even though each individual row stays left. */
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-spec-list li,
.steel3d-root main#steel3d-main > section:not(#steel3d-manager) .s3d-pricing-cad-banner li {
  text-align: left !important;
}
/* === 2026-08-06au: LEGAL CONTENT BOX — HORIZONTAL CENTER (Steve screenshot evidence).
   Root cause: .s3d-legal-panel already had max-width: 78ch but NO margin-inline:auto, so the
   bordered card stayed left-flushed inside the full-width .s3d-wrap. Build an centered TEXT
   nodes (title looked centered) but never moved the block-level panel — empty black gap on
   the right. Applies to ALL .s3d-legal-sec siblings (#steel3d-privacy-policy, #steel3d-terms).
   Body prose: left-aligned INSIDE the centered max-width box (readable long legal copy);
   section title / eyebrow / meta stay centered via the an text-align rules above. */
.steel3d-root main#steel3d-main > section.s3d-legal-sec .s3d-legal-panel {
  margin-inline: auto !important;
  width: 100%;
  max-width: 78ch;
  box-sizing: border-box;
}
.steel3d-root main#steel3d-main > section.s3d-legal-sec .s3d-legal-block :is(h3, p, li),
.steel3d-root main#steel3d-main > section.s3d-legal-sec .s3d-legal-guarantee,
.steel3d-root main#steel3d-main > section.s3d-legal-sec .s3d-legal-guarantee :is(p, strong) {
  text-align: left !important;
}
.steel3d-root main#steel3d-main > section.s3d-legal-sec .s3d-legal-block ul {
  list-style-position: outside !important;
  padding-left: 1.2rem !important;
}
/* === 2026-08-06au: SITEWIDE ARIAL LOCK (Steve, firm + repeated).
   Tokens were already Arial, but Divi/theme rules on body/h1–h6/button/input/a often win
   inheritance without !important. Explicit Consolas/Courier on calc formula/breakdown and a
   trailing `monospace` fallback on mind-map plates also reintroduced non-Arial faces.
   Placed last in <style> so it beats every earlier font-family (and Divi) inside .steel3d-root.
   No Google Fonts / webfonts. SVG text inherits fine; no icon-font CDNs in this tree. */
.steel3d-root,
.steel3d-root * {
  font-family: Arial, Helvetica, sans-serif !important;
}
/* === 2026-08-06bf: MARKETING CARD GRID PASS (Steve)
   Full emerald frames (not left-only), equal height within each same-type grid,
   top-aligned rows, no translateY/scale lifting siblings. Hex mind-map sizing untouched.
   2026-08-06bh: landing parents use hover-only emerald (subnode parity); console keeps lit frames. */
.steel3d-root .s3d-cap-grid,
.steel3d-root .s3d-pricing-grid,
.steel3d-root .s3d-feature-visual-grid,
.steel3d-root .s3d-steps,
.steel3d-root .s3d-stat-band,
.steel3d-root .s3d-bento-row,
.steel3d-root .s3d-grid,
.steel3d-root .s3d-calc-results {
  align-items: stretch !important;
}
.steel3d-root .s3d-cap-grid .s3d-cap-card,
.steel3d-root .s3d-pricing-grid .s3d-pricing-card,
.steel3d-root .s3d-feature-visual-grid .s3d-feature-visual-card,
.steel3d-root .s3d-steps .s3d-step,
.steel3d-root .s3d-stat-band .s3d-stat-band-item,
.steel3d-root .s3d-bento-row .s3d-bento-stat-card,
.steel3d-root .s3d-bento-row .s3d-bento-photo-card,
.steel3d-root .s3d-grid .s3d-card {
  height: 100%;
  align-self: stretch;
  box-sizing: border-box;
}
.steel3d-root .s3d-cap-card,
.steel3d-root .s3d-cap-grid .s3d-cap-card {
  border-left-width: 1px !important;
  border-style: solid !important;
}
/* 2026-08-06bj: marketing cards — idle peer border; full emerald on hover only.
   Pricing .s3d-featured intentionally untouched (Steve confirmed OK). */
.steel3d-root .s3d-cap-grid .s3d-cap-card,
.steel3d-root .s3d-cap-grid .s3d-cap-card:nth-of-type(2),
.steel3d-root .s3d-feature-visual-card,
.steel3d-root .s3d-feature-visual-card.s3d-feature-visual-elevated {
  border: 1px solid rgba(56, 239, 125, 0.22) !important;
  box-shadow: var(--shadow-card-rest) !important;
  transform: none !important;
}
.steel3d-root .s3d-cap-card:hover,
.steel3d-root .s3d-cap-grid .s3d-cap-card:hover,
.steel3d-root .s3d-cap-grid .s3d-cap-card:nth-of-type(2):hover,
.steel3d-root .s3d-feature-visual-card:hover,
.steel3d-root .s3d-feature-visual-card.s3d-feature-visual-elevated:hover {
  border: 1.5px solid var(--accent-green) !important;
  box-shadow: var(--shadow-card-hover) !important;
  transform: none !important;
}
.steel3d-root .s3d-pricing-card:hover,
.steel3d-root .s3d-pricing-card.s3d-featured:hover {
  border: 1px solid var(--accent-green) !important;
  transform: none !important;
}
.steel3d-root .s3d-bento-row .s3d-bento-stat-card:hover,
.steel3d-root .s3d-bento-row .s3d-bento-photo-card:hover,
.steel3d-root .s3d-steps .s3d-step:hover,
.steel3d-root .s3d-grid .s3d-card:hover {
  transform: none !important;
}
/* Landing demo hub: idle featured/lit = no permanent full green border */
.steel3d-root .s3d-hex-hub--mindmap:not(.s3d-hex-hub--console) .s3d-hex-parent.is-featured .s3d-hex-parent-btn:not(:hover),
.steel3d-root .s3d-hex-hub--mindmap:not(.s3d-hex-hub--console) .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-btn:not(:hover),
.steel3d-root .s3d-hex-hub--mindmap:not(.s3d-hex-hub--console) .s3d-hex-parent.is-lit .s3d-hex-parent-btn:not(:hover),
.steel3d-root .s3d-hex-hub--mindmap:not(.s3d-hex-hub--console) .s3d-hex-parent.is-active .s3d-hex-parent-btn:not(:hover),
.steel3d-root .s3d-hex-hub--mindmap:not(.s3d-hex-hub--console) .s3d-hex-parent.is-expanded .s3d-hex-parent-btn:not(:hover) {
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 6px 16px rgba(0, 0, 0, 0.32) !important;
  outline: none !important;
}
/* 2026-08-06bt: mind-map parents (landing + console) — no permanent left green stripe */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-featured .s3d-hex-parent-btn::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-btn::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-lit .s3d-hex-parent-btn::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-active .s3d-hex-parent-btn::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-parent-btn::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn:hover::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  animation: none !important;
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* Landing + console: parent hover = emerald border (incl. featured / node 02) */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn:hover,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-featured .s3d-hex-parent-btn:hover,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-btn:hover,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-lit .s3d-hex-parent-btn:hover,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-active .s3d-hex-parent-btn:hover,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-parent-btn:hover {
  border: 1px solid rgba(56, 239, 125, 0.35) !important;
  background: rgba(14, 20, 30, 0.96) !important;
  box-shadow: none !important;
}
/* Post-login console: keep full emerald frame when lit/active/expanded */
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent.is-lit .s3d-hex-parent-btn,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent.is-active .s3d-hex-parent-btn,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent.is-expanded .s3d-hex-parent-btn {
  border: 1px solid rgba(56, 239, 125, 0.45) !important;
}
/* === 2026-08-06bs: 8-node legal vault stripe (marketing) === */
.steel3d-root .s3d-vault-nodes-sec {
  padding: 2.75rem 0 2.25rem;
}
.steel3d-root .s3d-vault-node-stripe {
  list-style: none;
  margin: 1.35rem auto 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  max-width: min(100%, 1100px);
}
.steel3d-root .s3d-vault-node-stripe > li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(56, 239, 125, 0.22);
  background: linear-gradient(165deg, rgba(8, 18, 28, 0.92), rgba(6, 12, 20, 0.88));
  font-family: Arial, Helvetica, sans-serif;
  min-height: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.steel3d-root .s3d-vault-node-stripe > li:hover {
  border-color: rgba(56, 239, 125, 0.48);
  box-shadow: 0 0 0 1px rgba(56, 239, 125, 0.12);
}
.steel3d-root .s3d-vault-node-id {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #38ef7d;
}
.steel3d-root .s3d-vault-node-stripe strong {
  font-size: 0.86rem;
  line-height: 1.25;
  color: #e8eef6;
  font-weight: 700;
}
.steel3d-root .s3d-vault-node-stripe > li > span:last-child {
  font-size: 0.78rem;
  line-height: 1.35;
  color: #9eb0c3;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-vault-node-stripe {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .steel3d-root .s3d-vault-node-stripe {
    grid-template-columns: 1fr;
  }
}
.steel3d-root .s3d-unassigned-vault {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(247, 127, 0, 0.4);
  background: rgba(18, 12, 6, 0.72);
  font-family: Arial, Helvetica, sans-serif;
}
.steel3d-root .s3d-unassigned-vault[hidden] { display: none !important; }
.steel3d-root .s3d-unassigned-vault-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.steel3d-root .s3d-unassigned-vault-head h3 {
  margin: 0;
  font-size: 0.92rem;
  color: #ffb703;
  letter-spacing: 0.04em;
}
.steel3d-root .s3d-unassigned-vault-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.steel3d-root .s3d-unassigned-vault-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.28);
  font-size: 0.84rem;
  color: #d7e8f7;
}
.steel3d-root .s3d-unassigned-vault-list .s3d-btn {
  margin-left: auto;
}
.steel3d-root .s3d-dms-actions .s3d-audit-pack-btn {
  white-space: nowrap;
}
/* === 2026-08-06bn: Core Engine 2×3 + Capabilities 3+2 centered card grids === */
.steel3d-root #steel3d-engine .s3d-cap-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  width: 100%;
  max-width: min(100%, 960px);
  margin-inline: auto;
  align-items: stretch;
}
.steel3d-root #steel3d-engine .s3d-cap-grid .s3d-cap-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
/* Capabilities: 6-col grid → top 3 (span 2) + bottom 2 centered (cols 2–4 and 4–6) */
.steel3d-root #steel3d-capabilities .s3d-cap-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
  width: 100%;
  max-width: min(100%, 960px);
  margin-inline: auto;
  align-items: stretch;
}
.steel3d-root #steel3d-capabilities .s3d-cap-grid .s3d-cap-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.steel3d-root #steel3d-capabilities .s3d-cap-grid .s3d-cap-card:nth-child(1) { grid-column: 1 / 3; }
.steel3d-root #steel3d-capabilities .s3d-cap-grid .s3d-cap-card:nth-child(2) { grid-column: 3 / 5; }
.steel3d-root #steel3d-capabilities .s3d-cap-grid .s3d-cap-card:nth-child(3) { grid-column: 5 / 7; }
.steel3d-root #steel3d-capabilities .s3d-cap-grid .s3d-cap-card:nth-child(4) { grid-column: 2 / 4; }
.steel3d-root #steel3d-capabilities .s3d-cap-grid .s3d-cap-card:nth-child(5) { grid-column: 4 / 6; }
@media (max-width: 700px) {
  .steel3d-root #steel3d-engine .s3d-cap-grid,
  .steel3d-root #steel3d-capabilities .s3d-cap-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .steel3d-root #steel3d-capabilities .s3d-cap-grid .s3d-cap-card:nth-child(n) {
    grid-column: 1 / -1;
  }
}
/* === 2026-08-06bo: pricing CTAs + MOST POPULAR = Tier 4 Book RWC outline family ===
   2026-08-06bq: billing toggles share the same idle/hover rules.
   Fixes Tier 1 trial label vanishing on hover (primary emerald fill + emerald text).
   Equal card footprint / emerald card hover borders unchanged. */
.steel3d-root .s3d-pricing-section .s3d-billing-btn,
.steel3d-root .s3d-pricing-section .s3d-pricing-card > a.s3d-btn,
.steel3d-root .s3d-pricing-section .s3d-pricing-trial-offer > a.s3d-btn {
  border: 1px solid var(--border-cyan) !important;
  border-radius: var(--radius-sm) !important;
  background: rgba(8, 11, 16, 0.92) !important;
  background-image: none !important;
  color: var(--text-main) !important;
  -webkit-text-fill-color: var(--text-main) !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
  min-height: 48px;
  font-family: var(--font-hud);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.steel3d-root .s3d-pricing-section .s3d-pricing-card > a.s3d-btn,
.steel3d-root .s3d-pricing-section .s3d-pricing-trial-offer > a.s3d-btn {
  padding: 15px 24px;
}
.steel3d-root .s3d-pricing-section .s3d-billing-btn:hover,
.steel3d-root .s3d-pricing-section .s3d-billing-btn:focus-visible,
.steel3d-root .s3d-pricing-section .s3d-pricing-card > a.s3d-btn:hover,
.steel3d-root .s3d-pricing-section .s3d-pricing-card > a.s3d-btn:focus-visible,
.steel3d-root .s3d-pricing-section .s3d-pricing-trial-offer > a.s3d-btn:hover,
.steel3d-root .s3d-pricing-section .s3d-pricing-trial-offer > a.s3d-btn:focus-visible {
  border-color: rgba(56, 239, 125, 0.5) !important;
  background: rgba(56, 239, 125, 0.08) !important;
  background-image: none !important;
  color: var(--accent-green) !important;
  -webkit-text-fill-color: var(--accent-green) !important;
  box-shadow: 0 0 18px rgba(56, 239, 125, 0.18) !important;
  filter: none !important;
  transform: translateY(-1px);
}
.steel3d-root .s3d-pricing-section .s3d-pricing-card > a.s3d-btn:hover *,
.steel3d-root .s3d-pricing-section .s3d-pricing-card > a.s3d-btn:hover .s3d-cta-arrow,
.steel3d-root .s3d-pricing-section .s3d-pricing-trial-offer > a.s3d-btn:hover *,
.steel3d-root .s3d-pricing-section .s3d-pricing-trial-offer > a.s3d-btn:hover .s3d-cta-arrow {
  color: var(--accent-green) !important;
  -webkit-text-fill-color: var(--accent-green) !important;
  opacity: 1 !important;
}
.steel3d-root .s3d-pricing-section .s3d-billing-btn.is-active {
  border-color: var(--border-cyan-glow) !important;
  background: rgba(8, 11, 16, 0.92) !important;
  color: var(--text-main) !important;
  -webkit-text-fill-color: var(--text-main) !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.18) !important;
  transform: none;
}
.steel3d-root .s3d-pricing-section .s3d-billing-btn.is-active:hover,
.steel3d-root .s3d-pricing-section .s3d-billing-btn.is-active:focus-visible {
  border-color: rgba(56, 239, 125, 0.5) !important;
  background: rgba(56, 239, 125, 0.08) !important;
  color: var(--accent-green) !important;
  -webkit-text-fill-color: var(--accent-green) !important;
  box-shadow: 0 0 18px rgba(56, 239, 125, 0.18) !important;
  transform: translateY(-1px);
}
.steel3d-root .s3d-pricing-section .s3d-pricing-card .s3d-tier-badge {
  border: 1px solid var(--border-cyan) !important;
  background: rgba(8, 11, 16, 0.92) !important;
  color: var(--text-main) !important;
  -webkit-text-fill-color: var(--text-main) !important;
  border-radius: var(--radius-sm) !important;
  font-family: var(--font-hud) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}
/* === 2026-08-06ch: Documents area + transparency + Node 03 weld audit sim === */
.steel3d-root .s3d-docs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: min(100%, 980px);
  margin: 0 auto;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-docs-grid { grid-template-columns: 1fr; }
}
.steel3d-root .s3d-docs-card {
  display: flex;
  flex-direction: column;
  padding: 1.1rem 1.15rem 1.05rem;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 4px;
  background: rgba(8, 14, 24, 0.88);
  min-height: 100%;
  box-sizing: border-box;
}
.steel3d-root .s3d-docs-card h3 {
  margin: 0 0 0.45rem;
  font-size: 1rem;
  color: #e4ebf2;
}
.steel3d-root .s3d-docs-card p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: #b8c6d4;
  flex: 1 1 auto;
}
.steel3d-root .s3d-docs-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 0.85rem;
  width: 100%;
}
.steel3d-root .s3d-docs-actions .s3d-btn {
  flex: 1 1 0;
  white-space: nowrap;
  min-width: 0;
  justify-content: center;
}
@media (max-width: 380px) {
  .steel3d-root .s3d-docs-actions { flex-wrap: wrap; }
}
.steel3d-root .s3d-docs-modal {
  position: fixed;
  inset: 0;
  z-index: 14500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.82);
  box-sizing: border-box;
}
.steel3d-root .s3d-docs-modal[hidden] { display: none !important; }
.steel3d-root .s3d-docs-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.steel3d-root .s3d-docs-modal-head h3 {
  margin: 0;
  font-size: 1.05rem;
  color: #e4ebf2;
}
.steel3d-root .s3d-docs-modal-meta {
  margin: 0.25rem 0 0;
  font-size: 0.78rem;
  color: #9aa8b5;
}
.steel3d-root .s3d-docs-modal-frame {
  position: relative;
  flex: 1 1 auto;
  min-height: 420px;
  border: 1px solid rgba(56, 239, 125, 0.22);
  border-radius: 4px;
  overflow: hidden;
  background: #0b132b;
}
.steel3d-root .s3d-docs-modal-frame embed {
  width: 100%;
  height: min(58vh, 560px);
  border: 0;
  background: #0b132b;
}
.steel3d-root .s3d-docs-ip-note {
  margin: 0;
  font-size: 0.78rem;
  color: #9aa8b5;
}
.steel3d-root .s3d-docs-legal-notice {
  margin: 1rem 0 0;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-left: 4px solid #D4AF37;
  border-radius: 4px;
  background: rgba(120, 53, 15, 0.28);
  color: #fde68a;
  font-size: 0.82rem;
  line-height: 1.55;
  text-align: left;
}
.steel3d-root .s3d-manual-preview-kicker {
  margin: 0 0 0.55rem !important;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #10b981;
}
.steel3d-root .s3d-manual-preview-actions .s3d-btn {
  min-width: 11.5rem;
}
.steel3d-root .s3d-transparency-section .s3d-transparency-panel {
  max-width: min(100%, 880px);
  margin: 0 auto;
  padding: 1.35rem 1.4rem 1.25rem;
  border: 1px solid rgba(56, 239, 125, 0.28);
  border-radius: 4px;
  background: rgba(8, 14, 24, 0.9);
  text-align: center;
}
.steel3d-root .s3d-transparency-section .s3d-transparency-panel > p:not(.s3d-docs-legal-notice):not(.s3d-manual-preview-kicker) {
  margin: 0 0 0.95rem;
  color: #c5d0db;
  line-height: 1.6;
}
.steel3d-root .s3d-docs-modal-card {
  width: min(960px, 100%);
  max-height: min(94vh, 900px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0.85rem 1rem 0.9rem;
  border: 1px solid rgba(56, 239, 125, 0.4);
  border-radius: 4px;
  background: #04070a;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55);
}
.steel3d-root .s3d-docs-modal-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
  padding: 0.7rem 0.85rem;
  border-radius: 4px;
  border: 1px solid rgba(56, 239, 125, 0.45);
  background: linear-gradient(90deg, rgba(6, 78, 59, 0.55), rgba(8, 20, 34, 0.95));
}
.steel3d-root .s3d-docs-modal-cta span {
  flex: 1 1 220px;
  margin: 0;
  color: #e4ebf2;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.35;
}
.steel3d-root .s3d-docs-modal-cta--sticky {
  position: sticky;
  bottom: 0;
  z-index: 3;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35);
}
.steel3d-root .s3d-docs-modal-trial-cta {
  flex: 0 0 auto;
  white-space: nowrap;
  letter-spacing: 0.04em;
  font-weight: 800;
}
.steel3d-root .s3d-weld-sim-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.75rem;
  max-width: min(100%, 540px);
  margin: 0 auto;
}
/* ---- Realistic workshop tablet mockup ---- */
.steel3d-root .s3d-weld-tablet-stage {
  position: relative;
  width: min(100%, 420px);
  padding: 0 0 28px;
  perspective: 1400px;
}
.steel3d-root .s3d-weld-tablet {
  position: relative;
  transform: perspective(1400px) rotateX(5deg) rotateY(-3deg);
  transform-style: preserve-3d;
  transition: transform 0.45s ease;
}
.steel3d-root .s3d-weld-tablet:hover {
  transform: perspective(1400px) rotateX(3deg) rotateY(-1deg) translateY(-2px);
}
.steel3d-root .s3d-weld-tablet-frame {
  position: relative;
  border-radius: 34px;
  padding: 22px 16px 18px;
  background:
    linear-gradient(155deg, rgba(255,255,255,0.09) 0%, transparent 36%),
    linear-gradient(180deg, #3a424d 0%, #252b33 18%, #141a22 55%, #0c1016 100%);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.12) inset,
    0 -2px 6px rgba(0,0,0,0.45) inset,
    inset 0 0 0 1px rgba(0,0,0,0.65),
    0 32px 64px rgba(0,0,0,0.48),
    0 12px 28px rgba(0,0,0,0.32),
    0 2px 0 rgba(56,239,125,0.04);
}
.steel3d-root .s3d-weld-tablet-btn {
  position: absolute;
  border-radius: 2px;
  background: linear-gradient(90deg, #1a2028, #2d3640, #1a2028);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.06);
  z-index: 3;
}
.steel3d-root .s3d-weld-tablet-btn--power {
  right: -3px;
  top: 22%;
  width: 3px;
  height: 36px;
}
.steel3d-root .s3d-weld-tablet-btn--vol-up {
  right: -3px;
  top: 38%;
  width: 3px;
  height: 22px;
}
.steel3d-root .s3d-weld-tablet-btn--vol-down {
  right: -3px;
  top: 48%;
  width: 3px;
  height: 22px;
}
.steel3d-root .s3d-weld-tablet-top-bezel {
  position: relative;
  height: 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.steel3d-root .s3d-weld-tablet-camera {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 32%, #1a2838 0%, #060a10 65%, #020408 100%);
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.85),
    0 0 0 2px rgba(255,255,255,0.04),
    inset 0 1px 2px rgba(255,255,255,0.08);
}
.steel3d-root .s3d-weld-tablet-screen-well {
  position: relative;
  padding: 3px;
  border-radius: 14px;
  background: linear-gradient(180deg, #020508 0%, #0a1018 100%);
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.95),
    0 2px 8px rgba(0,0,0,0.55) inset,
    0 -1px 0 rgba(255,255,255,0.03) inset;
}
.steel3d-root .s3d-weld-tablet-bottom-bezel {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}
.steel3d-root .s3d-weld-tablet-home-indicator {
  width: 96px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,0.16);
  box-shadow: 0 1px 0 rgba(0,0,0,0.35);
}
.steel3d-root .s3d-weld-tablet-desk-shadow {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 4px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.42) 0%, transparent 72%);
  filter: blur(6px);
  transform: rotateX(80deg);
  pointer-events: none;
  z-index: -1;
}
.steel3d-root .s3d-weld-tablet-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, transparent 42%, transparent 78%, rgba(255,255,255,0.02) 100%);
}
.steel3d-root .s3d-weld-screen {
  position: relative;
  border-radius: 11px;
  border: 1px solid rgba(56, 239, 125, 0.18);
  background: #050a10;
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.9) inset,
    0 0 40px rgba(56,239,125,0.03) inset;
}
.steel3d-root .s3d-weld-screen-glass {
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 4;
  background:
    linear-gradient(125deg, rgba(255,255,255,0.09) 0%, transparent 32%, transparent 58%, rgba(255,255,255,0.025) 100%),
    linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 12%);
  border-radius: inherit;
}
.steel3d-root .s3d-weld-screen-glass::after {
  content: "";
  position: absolute;
  top: 8%;
  left: 12%;
  width: 28%;
  height: 18%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255,255,255,0.06) 0%, transparent 70%);
  pointer-events: none;
}
.steel3d-root .s3d-wsim {
  position: relative;
  font-family: var(--font-hud, Arial, Helvetica, sans-serif);
  color: #e4ebf2;
  min-height: 420px;
  display: flex;
  flex-direction: column;
}
.steel3d-root .s3d-wsim-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  padding: 0.55rem 0.75rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8fa0ae;
  background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, transparent 100%);
  border-bottom: 1px solid rgba(56,239,125,0.12);
}
.steel3d-root .s3d-wsim-header strong { color: #c8d4de; font-weight: 700; }
.steel3d-root .s3d-wsim-header .s3d-wsim-node-tag {
  margin-left: auto;
  padding: 0.15rem 0.45rem;
  border-radius: 4px;
  background: rgba(56,239,125,0.12);
  color: #38ef7d;
  font-size: 0.58rem;
  letter-spacing: 0.08em;
}
.steel3d-root .s3d-wsim-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  padding: 0.5rem 0.65rem 0;
  position: relative;
}
.steel3d-root .s3d-wsim-steps::before {
  content: "";
  position: absolute;
  top: 1.15rem;
  left: 12%;
  right: 12%;
  height: 2px;
  background: rgba(148,163,184,0.15);
  z-index: 0;
}
.steel3d-root .s3d-wsim-step {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 0.15rem 0.45rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5c6b78;
  transition: color 0.35s ease;
}
.steel3d-root .s3d-wsim-step-dot {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto 0.35rem;
  border-radius: 50%;
  background: #1e2832;
  border: 2px solid rgba(148,163,184,0.35);
  transition: border-color 0.35s, background 0.35s, box-shadow 0.35s, transform 0.35s;
}
.steel3d-root .s3d-wsim-step.is-active { color: #38ef7d; }
.steel3d-root .s3d-wsim-step.is-active .s3d-wsim-step-dot {
  background: #0d1812;
  border-color: #38ef7d;
  box-shadow: 0 0 12px rgba(56,239,125,0.55);
  transform: scale(1.15);
}
.steel3d-root .s3d-wsim-step.is-done { color: #9aa8b5; }
.steel3d-root .s3d-wsim-step.is-done .s3d-wsim-step-dot {
  background: rgba(56,239,125,0.25);
  border-color: #38ef7d;
}
.steel3d-root .s3d-wsim-stage {
  position: relative;
  flex: 1;
  min-height: 240px;
  padding: 0.65rem 0.75rem 0.5rem;
}
.steel3d-root .s3d-wsim-panel {
  position: absolute;
  inset: 0.65rem 0.75rem 0.5rem;
  opacity: 0;
  transform: translateY(10px) scale(0.985);
  pointer-events: none;
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.steel3d-root .s3d-wsim[data-phase="0"] .s3d-wsim-panel--welder,
.steel3d-root .s3d-wsim[data-phase="1"] .s3d-wsim-panel--arc,
.steel3d-root .s3d-wsim[data-phase="2"] .s3d-wsim-panel--calc,
.steel3d-root .s3d-wsim[data-phase="3"] .s3d-wsim-panel--pass {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.steel3d-root .s3d-wsim-welder-card {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding: 0.85rem;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(56,239,125,0.08) 0%, rgba(255,255,255,0.02) 100%);
  border: 1px solid rgba(56,239,125,0.2);
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}
.steel3d-root .s3d-wsim-avatar {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 800;
  color: #38ef7d;
  background: radial-gradient(circle at 35% 30%, #1a2830, #0a1016);
  border: 2px solid rgba(56,239,125,0.35);
  box-shadow: 0 0 20px rgba(56,239,125,0.12);
}
.steel3d-root .s3d-wsim-welder-name {
  margin: 0 0 0.2rem;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #f0f4f8;
}
.steel3d-root .s3d-wsim-welder-id {
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
  color: #8fa0ae;
  letter-spacing: 0.06em;
}
.steel3d-root .s3d-wsim-qual-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #38ef7d;
  background: rgba(56,239,125,0.12);
  border: 1px solid rgba(56,239,125,0.35);
}
.steel3d-root .s3d-wsim-qual-badge svg { flex-shrink: 0; }
.steel3d-root .s3d-wsim-welder-meta {
  margin-top: 0.65rem;
  font-size: 0.68rem;
  color: #6b7a88;
  line-height: 1.5;
}
.steel3d-root .s3d-wsim-arc-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.55rem;
}
.steel3d-root .s3d-wsim-stopwatch {
  font-size: 1.85rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  color: #f0f4f8;
  text-shadow: 0 0 24px rgba(56,239,125,0.15);
}
.steel3d-root .s3d-wsim-arc-live {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #38ef7d;
  background: rgba(56,239,125,0.1);
  border: 1px solid rgba(56,239,125,0.35);
  animation: s3d-wsim-arc-live-pulse 1.4s ease-in-out infinite;
}
.steel3d-root .s3d-wsim-arc-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #38ef7d;
  box-shadow: 0 0 10px rgba(56,239,125,0.8);
  animation: s3d-wsim-arc-live-pulse 1.4s ease-in-out infinite;
}
@keyframes s3d-wsim-arc-live-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}
.steel3d-root .s3d-wsim-arc-zone {
  position: relative;
  height: 110px;
  margin: 0.35rem 0 0.55rem;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 40%),
    repeating-linear-gradient(90deg, rgba(148,163,184,0.06) 0, rgba(148,163,184,0.06) 1px, transparent 1px, transparent 24px),
    #0a1218;
  border: 1px solid rgba(148,163,184,0.15);
  overflow: hidden;
}
.steel3d-root .s3d-wsim-seam {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 50%;
  height: 3px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, #4a5568 15%, #6b7280 50%, #4a5568 85%, transparent);
  border-radius: 2px;
}
.steel3d-root .s3d-wsim-seam-weld {
  position: absolute;
  left: 8%;
  top: 50%;
  height: 4px;
  width: 0;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #38ef7d, #11998e);
  border-radius: 2px;
  box-shadow: 0 0 12px rgba(56,239,125,0.5);
  transition: width 0.1s linear;
}
.steel3d-root .s3d-wsim-arc-head {
  position: absolute;
  top: 50%;
  left: 8%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0%, #ffb703 25%, #e63946 70%, transparent 100%);
  box-shadow: 0 0 20px rgba(255,183,3,0.8), 0 0 40px rgba(230,57,70,0.5);
  animation: s3d-wsim-arc-glow 0.35s ease-in-out infinite alternate;
  transition: left 0.08s linear;
}
@keyframes s3d-wsim-arc-glow {
  from { transform: scale(0.92); filter: brightness(1); }
  to { transform: scale(1.08); filter: brightness(1.15); }
}
.steel3d-root .s3d-wsim-sparks {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.steel3d-root .s3d-wsim-sparks span {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffb703;
  opacity: 0;
  animation: s3d-wsim-spark 0.6s ease-out infinite;
}
.steel3d-root .s3d-wsim-sparks span:nth-child(1) { animation-delay: 0s; }
.steel3d-root .s3d-wsim-sparks span:nth-child(2) { animation-delay: 0.15s; }
.steel3d-root .s3d-wsim-sparks span:nth-child(3) { animation-delay: 0.28s; }
.steel3d-root .s3d-wsim-sparks span:nth-child(4) { animation-delay: 0.42s; }
.steel3d-root .s3d-wsim-sparks span:nth-child(5) { animation-delay: 0.55s; }
@keyframes s3d-wsim-spark {
  0% { opacity: 0; transform: translate(0, 0) scale(1); }
  20% { opacity: 1; }
  100% { opacity: 0; transform: translate(var(--sx, 12px), var(--sy, -18px)) scale(0.3); }
}
.steel3d-root .s3d-wsim-arc-readouts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  font-size: 0.68rem;
}
.steel3d-root .s3d-wsim-readout {
  padding: 0.35rem 0.45rem;
  border-radius: 6px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(148,163,184,0.12);
}
.steel3d-root .s3d-wsim-readout-label {
  display: block;
  font-size: 0.58rem;
  color: #6b7a88;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 0.15rem;
}
.steel3d-root .s3d-wsim-readout-val {
  font-weight: 700;
  color: #d4dde6;
  font-variant-numeric: tabular-nums;
}
.steel3d-root .s3d-wsim-calc-grid {
  display: grid;
  gap: 0.45rem;
  margin-bottom: 0.65rem;
}
.steel3d-root .s3d-wsim-calc-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0.4rem 0.55rem;
  border-radius: 6px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(148,163,184,0.1);
  font-size: 0.72rem;
}
.steel3d-root .s3d-wsim-calc-row span:first-child {
  color: #8fa0ae;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.62rem;
}
.steel3d-root .s3d-wsim-calc-row strong {
  font-variant-numeric: tabular-nums;
  color: #f0f4f8;
  font-size: 0.85rem;
}
.steel3d-root .s3d-wsim-gauge-wrap {
  padding: 0.55rem 0.5rem 0.35rem;
  border-radius: 8px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(56,239,125,0.15);
}
.steel3d-root .s3d-wsim-gauge-label {
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #6b7a88;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.45rem;
}
.steel3d-root .s3d-wsim-gauge-label strong { color: #38ef7d; font-size: 0.72rem; }
.steel3d-root .s3d-wsim-gauge-track {
  position: relative;
  height: 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  overflow: visible;
}
.steel3d-root .s3d-wsim-gauge-band {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(56,239,125,0.25), rgba(56,239,125,0.45));
  border: 1px solid rgba(56,239,125,0.5);
  box-shadow: 0 0 12px rgba(56,239,125,0.2);
  transition: left 0.6s ease, width 0.6s ease;
}
.steel3d-root .s3d-wsim-gauge-needle {
  position: absolute;
  top: -4px;
  width: 3px;
  height: 22px;
  margin-left: -1.5px;
  border-radius: 2px;
  background: #f0f4f8;
  box-shadow: 0 0 8px rgba(255,255,255,0.5);
  transition: left 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.steel3d-root .s3d-wsim-gauge-ticks {
  display: flex;
  justify-content: space-between;
  margin-top: 0.35rem;
  font-size: 0.58rem;
  color: #5c6b78;
  font-variant-numeric: tabular-nums;
}
.steel3d-root .s3d-wsim-pass-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem 0;
  animation: s3d-wsim-pass-stamp 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes s3d-wsim-pass-stamp {
  0% { opacity: 0; transform: scale(1.4) rotate(-4deg); }
  60% { opacity: 1; transform: scale(0.96) rotate(1deg); }
  100% { transform: scale(1) rotate(0); }
}
.steel3d-root .s3d-wsim-pass-ring {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  margin-bottom: 0.55rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(56,239,125,0.2) 0%, transparent 70%);
  border: 3px solid #38ef7d;
  box-shadow: 0 0 32px rgba(56,239,125,0.35), 0 0 0 8px rgba(56,239,125,0.08);
}
.steel3d-root .s3d-wsim-pass-ring svg { color: #38ef7d; }
.steel3d-root .s3d-wsim-pass-title {
  margin: 0 0 0.25rem;
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  color: #38ef7d;
  text-shadow: 0 0 24px rgba(56,239,125,0.4);
}
.steel3d-root .s3d-wsim-pass-sub {
  margin: 0 0 0.55rem;
  font-size: 0.72rem;
  color: #9aa8b5;
  letter-spacing: 0.04em;
}
.steel3d-root .s3d-wsim-hash-line {
  width: 100%;
  padding: 0.45rem 0.55rem;
  border-radius: 6px;
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(148,163,184,0.15);
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.58rem;
  color: #7d8d9c;
  word-break: break-all;
  line-height: 1.45;
  min-height: 2.2em;
}
.steel3d-root .s3d-wsim-hash-line.is-typing::after {
  content: "â–‹";
  color: #38ef7d;
  animation: s3d-wsim-cursor 0.8s step-end infinite;
}
@keyframes s3d-wsim-cursor {
  50% { opacity: 0; }
}
.steel3d-root .s3d-wsim-footer {
  padding: 0.55rem 0.75rem 0.75rem;
  border-top: 1px solid rgba(148,163,184,0.1);
  background: rgba(0,0,0,0.2);
}
.steel3d-root .s3d-wsim-test-btn {
  display: block;
  width: 100%;
  padding: 0.7rem 1rem;
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #041008;
  cursor: pointer;
  background: linear-gradient(180deg, #5af59a 0%, #38ef7d 45%, #1fa855 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.25) inset,
    0 4px 0 #157a3e,
    0 8px 20px rgba(56,239,125,0.25);
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}
.steel3d-root .s3d-wsim-test-btn:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.3) inset,
    0 4px 0 #157a3e,
    0 10px 28px rgba(56,239,125,0.35);
}
.steel3d-root .s3d-wsim-test-btn:active {
  transform: translateY(3px);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.15) inset,
    0 1px 0 #157a3e,
    0 4px 12px rgba(56,239,125,0.2);
}
.steel3d-root .s3d-wsim-test-btn:focus-visible {
  outline: 2px solid #38ef7d;
  outline-offset: 2px;
}
.steel3d-root .s3d-weld-sim-foot {
  width: min(100%, 420px);
  text-align: center;
}
.steel3d-root .s3d-weld-sim-foot h3 {
  margin: 0 0 0.45rem;
  color: #e4ebf2;
  font-size: 1.05rem;
}
.steel3d-root .s3d-weld-sim-foot p {
  margin: 0 0 0.75rem;
  color: #b8c6d4;
  line-height: 1.55;
  font-size: 0.92rem;
}
.steel3d-root .s3d-weld-sim-status {
  margin: 0 0 0.65rem;
  font-family: var(--font-hud, Arial, Helvetica, sans-serif);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aa8b5;
}
.steel3d-root .s3d-weld-sim-status.is-pass { color: #38ef7d; }
.steel3d-root .s3d-weld-sim-hash {
  display: block;
  margin-top: 4px;
  word-break: break-all;
  color: #7d8d9c;
  font-size: 0.65rem;
  letter-spacing: 0;
  font-family: Consolas, monospace;
}
.steel3d-root .s3d-weld-sim-trial-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 1.1rem;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  color: #e4ebf2;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(148,163,184,0.3);
  transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.steel3d-root .s3d-weld-sim-trial-cta:hover {
  border-color: rgba(56,239,125,0.45);
  background: rgba(56,239,125,0.08);
  color: #38ef7d;
}
@media (max-width: 480px) {
  .steel3d-root .s3d-weld-tablet-stage { width: min(100%, 360px); padding-bottom: 20px; }
  .steel3d-root .s3d-weld-tablet { transform: perspective(1200px) rotateX(3deg) rotateY(-1deg); }
  .steel3d-root .s3d-weld-tablet-frame { border-radius: 28px; padding: 18px 12px 14px; }
  .steel3d-root .s3d-wsim { min-height: 380px; }
  .steel3d-root .s3d-wsim-header { font-size: 0.55rem; }
  .steel3d-root .s3d-wsim-step { font-size: 0.52rem; }
  .steel3d-root .s3d-wsim-stopwatch { font-size: 1.5rem; }
  .steel3d-root .s3d-wsim-pass-title { font-size: 1.1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .steel3d-root .s3d-weld-tablet { transform: none; transition: none; }
  .steel3d-root .s3d-weld-tablet:hover { transform: none; }
  .steel3d-root .s3d-wsim-arc-live,
  .steel3d-root .s3d-wsim-arc-live-dot,
  .steel3d-root .s3d-wsim-arc-head,
  .steel3d-root .s3d-wsim-sparks span,
  .steel3d-root .s3d-wsim-pass-badge { animation: none !important; }
  .steel3d-root .s3d-wsim-panel { transition-duration: 0.01ms; }
}
/* 2026-08-25cq: public weld sim always visible (never console-gate) */
.steel3d-root #steel3d-weld-sim,
.steel3d-root .s3d-weld-sim-section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 320px;
  position: relative;
  z-index: 2;
}
.steel3d-root.is-console-visible #steel3d-weld-sim {
  display: block !important;
}
.steel3d-root #steel3d-weld-sim .s3d-weld-sim-wrap {
  display: flex !important;
  visibility: visible !important;
}
.steel3d-root #steel3d-weld-sim .s3d-weld-tablet-stage,
.steel3d-root #steel3d-weld-sim .s3d-weld-tablet,
.steel3d-root #steel3d-weld-sim .s3d-weld-screen,
.steel3d-root #steel3d-weld-sim .s3d-wsim {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.steel3d-root #steel3d-weld-sim .s3d-eyebrow {
  text-align: center;
  margin: 0 0 0.35rem;
  color: #38ef7d;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
}
/* ===== 2026-08-30v: restore hub (no vault door) + one dark glass + head crop ===== */
/* One glass token sitewide — readable over desk photo */
.steel3d-root {
  --bg-panel: rgba(4, 7, 10, 0.85);
  --bg-panel-alt: rgba(4, 7, 10, 0.85);
  --s3d-card-bg: rgba(4, 7, 10, 0.85);
  --glass: rgba(4, 7, 10, 0.85);
  --glass-strong: rgba(4, 7, 10, 0.85);
  /* Steel3D emerald accent border — add .s3d-panel-accent now; set on .s3d-card for sitewide later */
  --s3d-border-accent: #38ef7d;
  --s3d-border-accent-glow: rgba(56, 239, 125, 0.45);
  --s3d-hero-media-pos-x: 50%;
  --s3d-hero-media-pos-y: 10%;
  --s3d-hero-photo-url: url("https://steel3d.co.uk/wp-content/uploads/2026/08/steel3d-desk-bg-v2.jpg?v=2026-08-31aa");
}
/* Shared accent border (Steve: flip sitewide later by adding .s3d-card to this list) */
.steel3d-root .s3d-panel-accent {
  border: 2px solid var(--s3d-border-accent) !important;
  box-shadow:
    0 0 0 1px var(--s3d-border-accent-glow),
    0 12px 32px rgba(0, 0, 0, 0.35) !important;
}
/* Sitewide switch (commented): .steel3d-root .s3d-card { border: 2px solid var(--s3d-border-accent) !important; } */
.steel3d-root .s3d-hero-demo,
.steel3d-root .s3d-mgr-shell,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-card,
.steel3d-root .s3d-panel,
.steel3d-root .s3d-cap-card,
.steel3d-root .s3d-bento-stat-card,
.steel3d-root .s3d-stat-band-item,
.steel3d-root .s3d-feature-visual-card,
.steel3d-root .s3d-health-gauge,
.steel3d-root .s3d-weld-sim-wrap,
.steel3d-root .s3d-weld-screen,
.steel3d-root .s3d-auth-viewport,
.steel3d-root .s3d-glass-node,
.steel3d-root .s3d-center-glass,
.steel3d-root .s3d-cc-card,
.steel3d-root .s3d-cc-panel,
.steel3d-root .s3d-cc-tile,
.steel3d-root .s3d-fpc-card,
.steel3d-root .s3d-vault-card,
.steel3d-root .s3d-doc-card,
.steel3d-root .s3d-mgr-card,
.steel3d-root .s3d-workbench-panel,
.steel3d-root .s3d-guardian-card,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-central-display {
  background: var(--glass) !important;
  background-color: var(--glass) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.steel3d-root #steel3d-company-console,
.steel3d-root .s3d-cc {
  background: var(--glass) !important;
}
/* Landing hub chamber stays clear — nodes use glass, not a dark plate over everything */
.steel3d-root #s3d-cad-engine .s3d-hex-viewport,
.steel3d-root #s3dCentralHexHubLanding .s3d-hex-viewport,
.steel3d-root .s3d-hex-hub-only .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-viewport {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
/* Head clears fixed nav — LOW % only */
.steel3d-root .s3d-bg-photo,
.steel3d-root .s3d-site-bg-photo,
.steel3d-root .s3d-bg-stack .s3d-bg-photo,
.steel3d-root .s3d-bg-stack .s3d-site-bg-photo,
.steel3d-root.s3d-bg--photo .s3d-bg-photo,
.steel3d-root.s3d-bg--photo .s3d-site-bg-photo,
.steel3d-root .s3d-bg-picture img {
  object-fit: cover !important;
  object-position: center 10% !important;
  filter: none !important;
  -webkit-filter: none !important;
}
@media (max-width: 900px) {
  .steel3d-root {
    --s3d-hero-media-pos-x: 25%;
    --s3d-hero-media-pos-y: 10%;
  }
  .steel3d-root .s3d-bg-photo,
  .steel3d-root .s3d-site-bg-photo,
  .steel3d-root .s3d-bg-stack .s3d-bg-photo,
  .steel3d-root.s3d-bg--photo .s3d-bg-photo,
  .steel3d-root .s3d-bg-picture img {
    object-position: 28% 10% !important;
  }
}
/* Modest hero top pad so hair clears sticky nav */
.steel3d-root .s3d-hero,
.steel3d-root #steel3d-platform,
.steel3d-root #s3d-cad-engine {
  padding-top: clamp(0.5rem, 2vw, 1.25rem);
}
/* Kill Master Upload black curtain on landing */
.steel3d-root .s3d-hex-master-bar--landing-cta,
.steel3d-root [data-hex-landing-cta],
.steel3d-root .s3d-hex-hub:not(.s3d-hex-hub--console) > .s3d-hex-master-bar,
.steel3d-root #s3dCentralHexHubLanding .s3d-hex-master-bar,
.steel3d-root #s3d-cad-engine .s3d-hex-master-bar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
/* NO vault door — strip any leftover door chrome */
.steel3d-root .s3d-hex-vault-door,
.steel3d-root [data-hex-vault-door],
.steel3d-root .s3d-hex-vault-door-frame,
.steel3d-root .s3d-hex-vault-door-leaf,
.steel3d-root .s3d-hex-vault-door-svg,
.steel3d-root .s3d-hex-vault-plate {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* Console usable */
.steel3d-root #s3dHexVaultBackdrop:not(.is-open),
.steel3d-root #s3dMasterUploadOverlay:not(.is-open),
.steel3d-root .s3d-master-upload-overlay:not(.is-open) {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
}
.steel3d-root .s3d-hex-master-bar,
.steel3d-root .s3d-hex-master-bar *,
.steel3d-root .s3d-hex-master-file,
.steel3d-root [data-hex-master-choose] {
  pointer-events: auto !important;
}
/* ===== 2026-08-30v FINISH: cards + twin emerald CTAs + quote + glass ===== */
.steel3d-root {
  --bg-panel: rgba(4, 7, 10, 0.85);
  --bg-panel-alt: rgba(4, 7, 10, 0.85);
  --s3d-card-bg: rgba(4, 7, 10, 0.85);
  --glass: rgba(4, 7, 10, 0.85);
  --glass-strong: rgba(4, 7, 10, 0.85);
  --s3d-border-accent: #38ef7d;
  --s3d-border-accent-glow: rgba(56, 239, 125, 0.45);
  --s3d-hero-media-pos-x: 50%;
  --s3d-hero-media-pos-y: 10%;
  --s3d-hero-photo-url: url("https://steel3d.co.uk/wp-content/uploads/2026/08/steel3d-desk-bg-v2.jpg?v=2026-08-31aa");
}
/* Emerald twin buttons (hero / detailing / manual / trial pitch) */
.steel3d-root .s3d-btn-emerald,
.steel3d-root a.s3d-btn.s3d-btn-emerald,
.steel3d-root button.s3d-btn.s3d-btn-emerald,
.steel3d-root .s3d-hero-cta-pair .s3d-btn-primary.s3d-hero-cta-primary,
.steel3d-root .s3d-hero-cta-pair a.s3d-btn.s3d-hero-cta-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  min-height: 3rem !important;
  padding: 0.7rem 1.35rem !important;
  border-radius: 8px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #04140c !important;
  -webkit-text-fill-color: #04140c !important;
  background: linear-gradient(180deg, #5cf79c 0%, #38ef7d 55%, #157a3e 100%) !important;
  border: 1px solid rgba(56, 239, 125, 0.75) !important;
  box-shadow: 0 4px 0 #0f5a2d, 0 10px 24px rgba(56, 239, 125, 0.22) !important;
  cursor: pointer !important;
}
.steel3d-root .s3d-btn-emerald:hover,
.steel3d-root a.s3d-btn.s3d-btn-emerald:hover,
.steel3d-root .s3d-hero-cta-pair .s3d-btn-primary.s3d-hero-cta-primary:hover,
.steel3d-root .s3d-hero-cta-pair .s3d-btn-primary.s3d-hero-cta-primary:focus-visible {
  color: #04140c !important;
  -webkit-text-fill-color: #04140c !important;
  background: linear-gradient(180deg, #6ff5a8 0%, #45f288 55%, #38ef7d 100%) !important;
  filter: none !important;
  transform: translateY(-1px);
}
.steel3d-root .s3d-hero-cta-pair {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.85rem !important;
  margin: 0.75rem auto 0 !important;
}
.steel3d-root .s3d-hero-cta-pair .s3d-hero-cta-link {
  /* force link-style CTAs to emerald twin */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 3rem !important;
  padding: 0.7rem 1.35rem !important;
  border-radius: 8px !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #04140c !important;
  -webkit-text-fill-color: #04140c !important;
  background: linear-gradient(180deg, #5cf79c 0%, #38ef7d 55%, #157a3e 100%) !important;
  border: 1px solid rgba(56, 239, 125, 0.75) !important;
  box-shadow: 0 4px 0 #0f5a2d, 0 10px 24px rgba(56, 239, 125, 0.22) !important;
}
/* Vault panel accent borders */
.steel3d-root .s3d-panel-accent {
  border: 2px solid var(--s3d-border-accent) !important;
  box-shadow: 0 0 0 1px var(--s3d-border-accent-glow), 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}
/* Sitewide later: .steel3d-root .s3d-card { border: 2px solid var(--s3d-border-accent) !important; } */
/* Founder quote: NO orange vertical bar */
.steel3d-root .s3d-founder-quote {
  border-left: none !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  background: var(--glass) !important;
}
.steel3d-root .s3d-founder-quote::before,
.steel3d-root .s3d-founder-quote::after {
  display: none !important;
  content: none !important;
}
/* Head crop */
.steel3d-root .s3d-bg-photo,
.steel3d-root .s3d-site-bg-photo,
.steel3d-root.s3d-bg--photo .s3d-bg-photo,
.steel3d-root .s3d-bg-picture img {
  object-fit: cover !important;
  object-position: center 10% !important;
}
/* Detailing banner: center + twin buttons */
.steel3d-root .s3d-pricing-cad-banner {
  text-align: center !important;
}
.steel3d-root .s3d-pricing-cad-banner p,
.steel3d-root .s3d-pricing-cad-banner ul {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.steel3d-root .s3d-pricing-cad-banner .s3d-form-actions {
  justify-content: center !important;
}
/* Tier label row = billing toggle chrome */
.steel3d-root .s3d-pricing-tier-label-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin: 0 0 1.25rem !important;
}
.steel3d-root .s3d-pricing-tier-label-row .s3d-billing-btn {
  cursor: default !important;
  pointer-events: none !important;
}
.steel3d-root .s3d-pricing-paid-label {
  display: none !important;
}
/* Plans blurb + trial pitch = pricing card chrome */
.steel3d-root .s3d-pricing-plans-card,
.steel3d-root .s3d-trial-pitch-card {
  /* inherit .s3d-pricing-card look; tighten for blurb */
  max-width: 52rem;
  margin: 0 auto 1.25rem;
  text-align: center;
}
.steel3d-root .s3d-pricing-plans-card p,
.steel3d-root .s3d-trial-pitch-card p {
  margin: 0 0 0.75rem;
  color: var(--text-muted);
  line-height: 1.55;
  font-size: 0.92rem;
}
.steel3d-root .s3d-pricing-plans-card p:last-child,
.steel3d-root .s3d-trial-pitch-card p:last-child {
  margin-bottom: 0;
}
.steel3d-root .s3d-trial-pitch-card h3 {
  margin: 0 0 0.65rem;
  color: var(--text-main);
  font-size: 1.15rem;
  letter-spacing: 0.04em;
}
.steel3d-root .s3d-trial-pitch-actions,
.steel3d-root .s3d-manual-preview-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  margin-top: 1rem !important;
}
/* Glass on common panels */
.steel3d-root .s3d-glass-node,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-central-display,
.steel3d-root .s3d-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-cap-card,
.steel3d-root .s3d-bento-stat-card,
.steel3d-root .s3d-bento-photo-card {
  background: var(--glass) !important;
  background-color: var(--glass) !important;
}
/* No vault door */
.steel3d-root .s3d-hex-vault-door,
.steel3d-root [data-hex-vault-door] {
  display: none !important;
  pointer-events: none !important;
}
/* No Master Upload curtain on landing */
.steel3d-root #s3dCentralHexHubLanding .s3d-hex-master-bar,
.steel3d-root .s3d-hex-master-bar--landing-cta {
  display: none !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* ===== 2026-08-30r: Divi Visual Builder / admin-bar safety (keep visitor look) ===== */
#wpadminbar {
  z-index: 999999 !important;
  pointer-events: auto !important;
}
body.admin-bar #wpadminbar a,
body.admin-bar #wpadminbar .ab-item {
  pointer-events: auto !important;
}
.s3d-bg-stack,
.s3d-bg-stack--viewport-fixed,
body > .s3d-bg-stack,
.steel3d-root .s3d-bg-stack,
.s3d-bg-stack * {
  pointer-events: none !important;
}
html:has(#steel3d-top) body.et-fb-root-ancestor .s3d-bg-stack,
html:has(#steel3d-top) body.et_fb_enabled .s3d-bg-stack,
html:has(#steel3d-top) body.et-fb .s3d-bg-stack,
html:has(#et-fb-app) .s3d-bg-stack,
html:has(#steel3d-top) body.et-fb-root-ancestor > .s3d-bg-stack,
html:has(#steel3d-top) body.et_fb_enabled > .s3d-bg-stack,
html.et-fb-root-ancestor .s3d-bg-stack {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}
html:has(#steel3d-top) body.et-fb-root-ancestor #page-container,
html:has(#steel3d-top) body.et_fb_enabled #page-container,
html:has(#steel3d-top) body.et-fb #page-container,
html:has(#et-fb-app) #page-container,
html:has(#steel3d-top):has(#et-fb-app) #page-container,
html:has(#steel3d-top) body.et-fb-root-ancestor #et-boc,
html:has(#steel3d-top) body.et_fb_enabled #et-boc,
html:has(#et-fb-app) #et-boc,
html:has(#steel3d-top) body.et-fb-root-ancestor #et-main-area,
html:has(#steel3d-top) body.et_fb_enabled #et-main-area,
html:has(#et-fb-app) #et-main-area,
html:has(#steel3d-top) body.et-fb-root-ancestor .et_pb_section,
html:has(#steel3d-top) body.et_fb_enabled .et_pb_section,
html:has(#steel3d-top) body.et-fb-root-ancestor .et_pb_row,
html:has(#steel3d-top) body.et-fb-root-ancestor .et_pb_column,
html:has(#steel3d-top) body.et-fb-root-ancestor .et_pb_code,
html:has(#steel3d-top) body.et-fb-root-ancestor .et_pb_code_inner,
html:has(#et-fb-app) .et_pb_section,
html:has(#et-fb-app) .et_pb_row,
html:has(#et-fb-app) .et_pb_column {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html:has(#et-fb-app) #et-fb-app,
body.et-fb-root-ancestor #et-fb-app,
body.et_fb_enabled #et-fb-app,
#et-fb-app,
.et-fb,
.et-fb-root-ancestor {
  background: #fff !important;
  background-color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: block !important;
}
#et-fb-app *,
.et-fb,
.et-fb * {
  pointer-events: auto !important;
}
html:has(#steel3d-top) body.et-fb-root-ancestor #steel3d-top,
html:has(#steel3d-top) body.et_fb_enabled #steel3d-top,
html:has(#et-fb-app) #steel3d-top,
html:has(#steel3d-top) body.et-fb-root-ancestor .steel3d-root,
html:has(#steel3d-top) body.et_fb_enabled .steel3d-root {
  pointer-events: none !important;
  z-index: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}
/* ===== 2026-08-31u: zoom 0.38 full-bleed + scale fix + no brown borders + Divi width ===== */
/* Visitor-only: Divi wrappers transparent so body-reparented desk photo shows */
/* 30r: excluded when et_fb / VB active */
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)),
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #page-container,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-boc,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-main-area,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #main-content,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #content-area,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #left-area,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_builder_inner_content,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_section,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_row,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_column,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_module,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_code,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_code_inner,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .s3d-viewport-root,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) main,
body:has(.steel3d-root):not(.et-fb-root-ancestor):not(.et_fb_enabled):not(.et-fb):not(:has(#et-fb-app)),
body.et_pb_page:has(.steel3d-root):not(.et-fb-root-ancestor):not(.et_fb_enabled):not(:has(#et-fb-app)),
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(#et-fb-app)),
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(#et-fb-app)) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
/* Full viewport width — kill Divi boxed #page-container brown/dark side gutters */
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #page-container,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-boc,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-main-area,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #main-content,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #content-area,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_builder_inner_content,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_section,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_row,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_column,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_code,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_code_inner {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
/* Desktop scroll: never trap document in 100vh overflow:hidden wrappers */
html:has(.steel3d-root):not(.s3d-shopfloor-modal-open):not(:has(body.et-fb-root-ancestor)):not(:has(#et-fb-app)),
body:has(.steel3d-root):not(.s3d-shopfloor-modal-open):not(.s3d-mobile-nav-open):not(.et-fb-root-ancestor):not(.et_fb_enabled):not(:has(#et-fb-app)) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y pinch-zoom !important;
}
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #page-container,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-boc,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-main-area,
html:has(.steel3d-root):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_builder_inner_content,
#steel3d-top.steel3d-root,
.steel3d-root {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  touch-action: pan-y pinch-zoom !important;
}
/* Fixed bg stack — full viewport cover behind content (NOT inline floating img) */
.steel3d-root .s3d-bg-stack,
body > .s3d-bg-stack,
body > .s3d-bg-stack.s3d-bg-stack--viewport-fixed,
.s3d-bg-stack.s3d-bg-stack--viewport-fixed {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  transform: none !important;
  filter: none !important;
  background-color: transparent !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#steel3d-top.steel3d-root,
.steel3d-root {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
}
/* Kill inline/floating duplicate photos outside the fixed stack */
.steel3d-root .s3d-hero-media .s3d-bg-picture,
.steel3d-root .s3d-hero-media .s3d-bg-photo,
.steel3d-root .s3d-hero-media img,
.steel3d-root main .s3d-bg-photo:not(.s3d-bg-stack .s3d-bg-photo),
.steel3d-root .s3d-hero .s3d-bg-photo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* Desktop (>=1100): hide mobile nav layer entirely (match Menu breakpoint) */
@media (min-width: 1100px) {
  .steel3d-root > .s3d-mobile-nav-layer,
  .steel3d-root > .s3d-mobile-nav-layer.s3d-mnav-open,
  .steel3d-root > #steel3dMobileNavLayer,
  .steel3d-root > #steel3dMobileNavLayer.s3d-mnav-open,
  .steel3d-root > .s3d-mobile-nav-layer .s3d-mnav-panel,
  .steel3d-root > .s3d-mobile-nav-layer .s3d-mnav-backdrop,
  .steel3d-root #steel3dMnavPanel,
  .steel3d-root #steel3dMnavBackdrop,
  .steel3d-root .s3d-mnav-panel,
  .steel3d-root .s3d-mnav-backdrop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    max-height: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    width: 0 !important;
    height: 0 !important;
  }
  body.s3d-mobile-nav-open {
    overflow-y: auto !important;
  }
}
/* 31r desk hero outside frost */
.steel3d-root{--s3d-home-glass-bg:rgba(4, 7, 10, 0.42);--s3d-home-glass-border:rgba(56,239,125,0.22);--s3d-hero-photo-url:url(https://steel3d.co.uk/wp-content/uploads/2026/08/steel3d-desk-bg-v2.jpg?v=2026-08-31aa)}
.steel3d-root .s3d-home-block{position:relative;z-index:2;background:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;max-width:none;margin:0;padding:0;overflow:visible}
.steel3d-root .s3d-home-block > .s3d-hero,body.admin-bar .steel3d-root .s3d-home-block > .s3d-hero{margin-top:calc(-1 * (var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra)))!important;min-height:100vh;min-height:100dvh;padding:0;background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.admin-bar .steel3d-root .s3d-home-block > .s3d-hero{margin-top:calc(-1 * (32px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra)))!important}
@media screen and (max-width:782px){body.admin-bar .steel3d-root .s3d-home-block > .s3d-hero{margin-top:calc(-1 * (46px + var(--s3d-head-h) + var(--s3d-anchor-pad) + var(--s3d-scroll-extra)))!important}}
.steel3d-root .s3d-home-block > .s3d-hero .s3d-hero-panel{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.steel3d-root .s3d-home-glass-card{position:relative;z-index:2;max-width:min(68rem,88vw);margin:0 auto clamp(1.75rem,4vw,3rem);padding:clamp(0.85rem,1.8vw,1.5rem);background:var(--s3d-home-glass-bg);backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08);border:1px solid var(--s3d-home-glass-border);border-radius:clamp(18px,2.4vw,28px);box-shadow:0 0 0 1px rgba(255,255,255,0.04) inset,0 22px 56px rgba(0,0,0,0.28);overflow:hidden;color:var(--text-main,#e2e8f0)}
.steel3d-root .s3d-home-glass-card .s3d-hero-bento-section{background:transparent!important;background-image:none!important;border-top:none;padding:0 0 clamp(1rem,2vw,1.5rem);margin:0}
.steel3d-root .s3d-home-glass-card .s3d-hero-bento-section .s3d-wrap{padding-left:0;padding-right:0}
@media (max-width:640px){.steel3d-root .s3d-home-glass-card{max-width:min(94vw,100%);padding:0.75rem;border-radius:16px}}
.steel3d-root .s3d-hex-hub--mindmap,.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console{--s3d-hub-radius:10px;--s3d-hub-glass:rgba(10,16,26,0.72);--s3d-hub-glass-hover:rgba(14,22,34,0.86);--s3d-hub-border:rgba(255,255,255,0.07);--s3d-hub-border-hover:rgba(56,239,125,0.28);--s3d-hub-shadow:0 1px 0 rgba(255,255,255,0.04) inset,0 10px 36px rgba(0,0,0,0.34);--s3d-hub-sub-bg:rgba(6,10,18,0.55)}
.steel3d-root .s3d-home-glass-card .s3d-cad-section{background:transparent!important;border:none!important;box-shadow:none!important;margin:0!important;max-width:none!important;padding:clamp(1.25rem,2.2vw,1.75rem) 0 0!important;border-top:1px solid rgba(255,255,255,0.06)!important}
.steel3d-root .s3d-home-glass-card .s3d-cad-section::before{display:none!important}
.steel3d-root .s3d-home-glass-card .s3d-bento-stat,.steel3d-root .s3d-home-glass-card .s3d-bento-photo{background:rgba(8,12,18,0.55)!important;border:1px solid rgba(255,255,255,0.08)!important;box-shadow:none!important}
.steel3d-root .s3d-home-glass-card .s3d-trial-pitch-block{background:rgba(6,10,16,0.5)!important;border:1px solid rgba(56,239,125,0.18)!important;box-shadow:none!important}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-viewport,.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-viewport--columns{background:rgba(8,12,20,0.45)!important;border:1px solid rgba(255,255,255,0.06)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 16px 48px rgba(0,0,0,0.32)!important;border-radius:var(--s3d-hub-radius,10px)!important}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-core{background:rgba(4,8,14,0.88)!important;border:1px solid rgba(56,239,125,0.22)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.32)!important}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-core:hover,.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-core:focus-within{box-shadow:inset 0 2px 6px rgba(0,0,0,0.32),0 0 0 2px rgba(56,239,125,0.1)!important}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-parent-btn{background:var(--s3d-hub-glass)!important;border:1px solid var(--s3d-hub-border)!important;box-shadow:var(--s3d-hub-shadow)!important;border-radius:var(--s3d-hub-radius)!important}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-parent-btn:hover,.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-parent.is-active .s3d-hex-parent-btn,.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-parent.is-expanded .s3d-hex-parent-btn{background:var(--s3d-hub-glass-hover)!important;border-color:var(--s3d-hub-border-hover)!important}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-sub{background:var(--s3d-hub-sub-bg)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:calc(var(--s3d-hub-radius) - 2px)!important}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub-only .s3d-hex-viewport{min-height:clamp(420px,52vh,640px)}
@media (max-width:900px){.steel3d-root .s3d-home-glass-card .s3d-hex-hub-only .s3d-hex-viewport{min-height:clamp(360px,48vh,560px)}}
/* 2026-08-31u: photo mode - kill body/Divi ink so fixed desk stack reads */
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)),
body:has(.steel3d-root.s3d-bg--photo):not(.et-fb-root-ancestor):not(.et_fb_enabled):not(.et-fb):not(:has(#et-fb-app)),
.steel3d-root.s3d-bg--photo main#steel3d-main,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #page-container,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-boc,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-main-area,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_builder_inner_content,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_section,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_row,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_column,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_code,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_code_inner{
  background:transparent!important;background-color:transparent!important;background-image:none!important}
.steel3d-root.s3d-bg--photo{--steel3d-bg-scrim-top:0.04;--steel3d-bg-scrim-bottom:0.14;--steel3d-bg-tint:0.02}
.steel3d-root.s3d-bg--photo .s3d-bg-waves,.steel3d-root.s3d-bg--photo .s3d-blueprint-grid,body > .s3d-bg-stack .s3d-bg-waves,body > .s3d-bg-stack .s3d-blueprint-grid{display:none!important;opacity:0!important;visibility:hidden!important}
/* ===== BUILD-2026-08-31t-GLASS-NAV: frosted top nav ONLY - open desk hero like 31r ===== */
html:has(.steel3d-root) {
  --s3d-side-w: 0px;
}
/* Undo any leftover sidebar experiment offsets */
.steel3d-root main#steel3d-main,
.steel3d-root main,
.steel3d-root footer {
  padding-left: 0 !important;
  margin-left: 0 !important;
  width: auto !important;
  max-width: none !important;
}
/*
  Frosted glass horizontal top bar ONLY.
  Hard-cap geometry so frost can NEVER expand into a full-viewport veil
  (the 31q / sidebar failure mode).
*/
.steel3d-root header.s3d-head,
.steel3d-root > header.s3d-head {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: 120px !important;
  min-height: var(--s3d-head-h, 72px);
  overflow: visible !important;
  z-index: 1000 !important;
  background: rgba(4, 7, 10, 0.1) !important;
  backdrop-filter: blur(6px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(6px) saturate(1.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-right: none !important;
  box-shadow: 0 1px 0 rgba(201, 169, 98, 0.08), 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}
.steel3d-root header.s3d-head.s3d-head-scrolled {
  background: rgba(4, 7, 10, 0.18) !important;
  backdrop-filter: blur(7px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(7px) saturate(1.08) !important;
  border-bottom-color: rgba(56, 239, 125, 0.22) !important;
  box-shadow: 0 1px 0 rgba(56, 239, 125, 0.14), 0 14px 32px rgba(0, 0, 0, 0.22) !important;
  max-height: 120px !important;
  bottom: auto !important;
  height: auto !important;
}
/* Readable chrome on glass - desk/head show through */
.steel3d-root nav.s3d-nav a,
.steel3d-root .s3d-cta-signin,
.steel3d-root .s3d-burger-btn,
.steel3d-root .s3d-mark .s3d-status-badge {
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.72), 0 0 2px rgba(0, 0, 0, 0.55);
}
.steel3d-root nav.s3d-nav a:hover,
.steel3d-root nav.s3d-nav a.s3d-nav-active {
  background: rgba(255, 255, 255, 0.06) !important;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .steel3d-root header.s3d-head {
    background: rgba(4, 7, 10, 0.12) !important;
    backdrop-filter: blur(6px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(6px) saturate(1.06) !important;
    max-height: 120px !important;
    bottom: auto !important;
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .steel3d-root header.s3d-head {
    background: rgba(4, 7, 10, 0.06) !important;
    backdrop-filter: blur(4px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(4px) saturate(1.04) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    max-height: 120px !important;
    bottom: auto !important;
    height: auto !important;
  }
}
/* Centered landing - full viewport (31r composition); no sidebar offset */
.steel3d-root .s3d-hero-panel,
.steel3d-root .s3d-hero-plate {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(56rem, 94vw) !important;
}
.steel3d-root .s3d-home-glass-card {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(68rem, 88vw) !important;
}
.steel3d-root .s3d-wrap:not(.s3d-head-inner) {
  margin-left: auto !important;
  margin-right: auto !important;
}
.steel3d-root .s3d-hero .s3d-hud-tag,
.steel3d-root .s3d-hero .s3d-hero-title,
.steel3d-root .s3d-hero h1.s3d-hero-title,
.steel3d-root .s3d-hero .s3d-hero-subtitle,
.steel3d-root .s3d-hero .s3d-hero-demo,
.steel3d-root .s3d-hero .s3d-hero-actions,
.steel3d-root .s3d-hero .s3d-cta-group {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
/* Head sits under glass; desk/monitors/factory stay in frame — per breakpoint */
body > .s3d-bg-stack img.s3d-bg-photo,
.s3d-bg-stack img.s3d-bg-photo,
.steel3d-root .s3d-bg-stack .s3d-bg-photo,
.steel3d-root .s3d-bg-photo {
  object-position: center 38% !important;
}
@media (max-width: 980px) {
  body > .s3d-bg-stack img.s3d-bg-photo,
  .s3d-bg-stack img.s3d-bg-photo,
  .steel3d-root .s3d-bg-stack .s3d-bg-photo,
  .steel3d-root .s3d-bg-photo {
    object-position: center 30% !important;
  }
}
@media (max-width: 640px) {
  body > .s3d-bg-stack img.s3d-bg-photo,
  .s3d-bg-stack img.s3d-bg-photo,
  .steel3d-root .s3d-bg-stack .s3d-bg-photo,
  .steel3d-root .s3d-bg-photo {
    object-position: center 24% !important;
  }
}
/*
  HARDEN (31t): re-assert open hero + photo-mode AFTER glass-nav so no opaque
  fill / full-page frost can reappear from earlier Divi or experiment rules.
*/
.steel3d-root .s3d-home-block,
.steel3d-root .s3d-home-block > .s3d-hero,
.steel3d-root .s3d-home-block > .s3d-hero .s3d-hero-panel,
.steel3d-root .s3d-home-block > .s3d-hero .s3d-hero-media {
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: none !important;
}
.steel3d-root .s3d-home-block > .s3d-hero {
  filter: none !important;
}
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)),
body:has(.steel3d-root.s3d-bg--photo):not(.et-fb-root-ancestor):not(.et_fb_enabled):not(.et-fb):not(:has(#et-fb-app)),
.steel3d-root.s3d-bg--photo,
.steel3d-root.s3d-bg--photo main#steel3d-main,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #page-container,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-boc,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) #et-main-area,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_builder_inner_content,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_section,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_row,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_column,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_code,
html:has(.steel3d-root.s3d-bg--photo):not(:has(body.et-fb-root-ancestor)):not(:has(body.et_fb_enabled)):not(:has(#et-fb-app)):not(:has(body.et-fb)) .et_pb_code_inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
body > .s3d-bg-stack.s3d-bg-stack--viewport-fixed,
body > .s3d-bg-stack {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  pointer-events: none !important;
}
body > .s3d-bg-stack img.s3d-bg-photo,
body > .s3d-bg-stack img.s3d-site-bg-photo {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}
/* ===== BUILD-2026-08-31u-MINDMAP: premium industrial vault map ===== */
/*
  Coherent redesign of s3d-hex-hub--mindmap (bilateral 01–08 vault map).
  Goals: kill cyan HUD / radar rings / particle clutter; clear hierarchy;
  refined glass nodes; quiet steel connectors; emerald only on focus.
*/
.steel3d-root .s3d-hex-hub--mindmap,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console {
  --s3d-mm-ink: #e8eef4;
  --s3d-mm-muted: rgba(168, 182, 196, 0.78);
  --s3d-mm-faint: rgba(148, 163, 176, 0.42);
  --s3d-mm-line: rgba(148, 163, 176, 0.28);
  --s3d-mm-line-hot: rgba(56, 239, 125, 0.55);
  --s3d-mm-glass: rgba(8, 14, 22, 0.78);
  --s3d-mm-glass-hover: rgba(12, 20, 30, 0.9);
  --s3d-mm-border: rgba(255, 255, 255, 0.08);
  --s3d-mm-border-hot: rgba(56, 239, 125, 0.38);
  --s3d-mm-rail: rgba(154, 168, 181, 0.55);
  --s3d-mm-radius: 10px;
  --s3d-mm-core-border: rgba(255, 255, 255, 0.1);
  --s3d-hub-radius: var(--s3d-mm-radius);
  --s3d-hub-glass: var(--s3d-mm-glass);
  --s3d-hub-glass-hover: var(--s3d-mm-glass-hover);
  --s3d-hub-border: var(--s3d-mm-border);
  --s3d-hub-border-hover: var(--s3d-mm-border-hot);
  --s3d-hub-shadow: 0 1px 0 rgba(255, 255, 255, 0.045) inset, 0 12px 32px rgba(0, 0, 0, 0.36);
  --s3d-hub-sub-bg: rgba(4, 8, 14, 0.55);
  --s3d-node-accent: var(--s3d-mm-rail);
  --s3d-node-accent-active: var(--accent-green, #38ef7d);
}
/* ----- Section header: industrial label, not neon HUD ----- */
.steel3d-root .s3d-hex-hub-only > .s3d-radial-header,
.steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only .s3d-radial-header {
  margin-bottom: 18px;
  padding: 0 8px;
}
.steel3d-root .s3d-hex-hub-only .s3d-radial-badge,
.steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only .s3d-radial-badge {
  color: rgba(184, 198, 212, 0.88) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  letter-spacing: 0.14em !important;
  font-weight: 600 !important;
  padding: 7px 12px !important;
}
.steel3d-root .s3d-hex-hub-only .s3d-radial-badge .s3d-cad-ico,
.steel3d-root .s3d-hex-hub-only .s3d-radial-badge .node-icon,
.steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only .s3d-radial-badge .s3d-cad-ico,
.steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only .s3d-radial-badge .node-icon {
  color: rgba(56, 239, 125, 0.85) !important;
}
.steel3d-root .s3d-hex-hub-only .s3d-glow-title,
.steel3d-root .s3d-radial-engine-container.s3d-hex-hub-only .s3d-glow-title {
  color: #f2f6fa !important;
  text-shadow: none !important;
  letter-spacing: 0.1em !important;
  font-weight: 700 !important;
  font-size: clamp(14px, 1.7vw, 18px) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-hub-eyebrow {
  color: var(--s3d-mm-muted) !important;
  letter-spacing: 0.16em !important;
  font-size: 10px !important;
  margin: 0 0 16px !important;
  text-align: center;
}
/* ----- Viewport stage: quiet glass chamber ----- */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
.steel3d-root .s3d-hex-hub-only .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
.steel3d-root .s3d-console-hex-section .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-viewport--columns {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 28%),
    rgba(5, 9, 14, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 48px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(10px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-viewport--columns {
  background: rgba(4, 8, 14, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}
/* Kill amateur HUD chrome */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-grid-bg,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-particles,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-particles::after,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-packet,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-hub-ring,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-hub-ring--track,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-hub-ring--inner,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-glow,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap::after {
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
  content: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-ambient-glow {
  opacity: 0.35 !important;
  animation: none !important;
  background:
    radial-gradient(ellipse 70% 50% at 50% 48%, rgba(56, 239, 125, 0.05), transparent 62%),
    radial-gradient(ellipse 90% 70% at 50% 100%, rgba(0, 0, 0, 0.35), transparent 55%) !important;
}
/* ----- Connectors: hairline + soft junction ticks (not fat radar bars) ----- */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke {
  stroke: var(--s3d-mm-line) !important;
  stroke-width: 1.15 !important;
  stroke-linecap: round !important;
  stroke-opacity: 1 !important;
  fill: none !important;
  filter: none !important;
  animation: none !important;
  transition: stroke 0.18s ease, stroke-width 0.18s ease;
}
.steel3d-root .s3d-hex-hub--mindmap.is-loaded .s3d-hex-spoke,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke.is-lit {
  stroke: rgba(148, 163, 176, 0.38) !important;
  animation: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-ring-seg {
  stroke: rgba(148, 163, 176, 0.55) !important;
  stroke-width: 2.25 !important;
  stroke-linecap: round !important;
  filter: none !important;
  animation: none !important;
  opacity: 0.9;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-display-frame {
  stroke: rgba(255, 255, 255, 0.06) !important;
  stroke-dasharray: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke-dot {
  fill: rgba(148, 163, 176, 0.55) !important;
  stroke: none !important;
  transition: fill 0.18s ease;
}
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="01"]:hover) .s3d-hex-spoke[data-hex-node="01"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="02"]:hover) .s3d-hex-spoke[data-hex-node="02"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="03"]:hover) .s3d-hex-spoke[data-hex-node="03"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="04"]:hover) .s3d-hex-spoke[data-hex-node="04"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="05"]:hover) .s3d-hex-spoke[data-hex-node="05"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="06"]:hover) .s3d-hex-spoke[data-hex-node="06"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="07"]:hover) .s3d-hex-spoke[data-hex-node="07"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="08"]:hover) .s3d-hex-spoke[data-hex-node="08"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="01"]:focus-within) .s3d-hex-spoke[data-hex-node="01"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="02"]:focus-within) .s3d-hex-spoke[data-hex-node="02"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="03"]:focus-within) .s3d-hex-spoke[data-hex-node="03"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="04"]:focus-within) .s3d-hex-spoke[data-hex-node="04"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="05"]:focus-within) .s3d-hex-spoke[data-hex-node="05"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="06"]:focus-within) .s3d-hex-spoke[data-hex-node="06"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="07"]:focus-within) .s3d-hex-spoke[data-hex-node="07"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="08"]:focus-within) .s3d-hex-spoke[data-hex-node="08"] {
  stroke: var(--s3d-mm-line-hot) !important;
  stroke-width: 1.35 !important;
}
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="01"]:hover) .s3d-hex-ring-seg[data-hex-node="01"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="02"]:hover) .s3d-hex-ring-seg[data-hex-node="02"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="03"]:hover) .s3d-hex-ring-seg[data-hex-node="03"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="04"]:hover) .s3d-hex-ring-seg[data-hex-node="04"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="05"]:hover) .s3d-hex-ring-seg[data-hex-node="05"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="06"]:hover) .s3d-hex-ring-seg[data-hex-node="06"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="07"]:hover) .s3d-hex-ring-seg[data-hex-node="07"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="08"]:hover) .s3d-hex-ring-seg[data-hex-node="08"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="01"]:focus-within) .s3d-hex-ring-seg[data-hex-node="01"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="02"]:focus-within) .s3d-hex-ring-seg[data-hex-node="02"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="03"]:focus-within) .s3d-hex-ring-seg[data-hex-node="03"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="04"]:focus-within) .s3d-hex-ring-seg[data-hex-node="04"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="05"]:focus-within) .s3d-hex-ring-seg[data-hex-node="05"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="06"]:focus-within) .s3d-hex-ring-seg[data-hex-node="06"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="07"]:focus-within) .s3d-hex-ring-seg[data-hex-node="07"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="08"]:focus-within) .s3d-hex-ring-seg[data-hex-node="08"] {
  stroke: rgba(56, 239, 125, 0.85) !important;
  animation: none !important;
  filter: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="01"]:hover) .s3d-hex-spoke-dot[data-hex-node="01"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="02"]:hover) .s3d-hex-spoke-dot[data-hex-node="02"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="03"]:hover) .s3d-hex-spoke-dot[data-hex-node="03"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="04"]:hover) .s3d-hex-spoke-dot[data-hex-node="04"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="05"]:hover) .s3d-hex-spoke-dot[data-hex-node="05"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="06"]:hover) .s3d-hex-spoke-dot[data-hex-node="06"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="07"]:hover) .s3d-hex-spoke-dot[data-hex-node="07"],
.steel3d-root .s3d-hex-hub--mindmap:has(.s3d-hex-parent[data-hex-node="08"]:hover) .s3d-hex-spoke-dot[data-hex-node="08"] {
  fill: rgba(56, 239, 125, 0.9) !important;
}
/* ----- Central job core: terminal plate, not cyan HUD tower ----- */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core {
  clip-path: none !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 36, 0.96) 0%, rgba(6, 10, 16, 0.98) 100%) !important;
  border: 1px solid var(--s3d-mm-core-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 0 0 1px rgba(56, 239, 125, 0.08),
    0 16px 40px rgba(0, 0, 0, 0.42) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core::before {
  inset: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 40%) !important;
  border-radius: 12px !important;
}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-core {
  background: rgba(4, 8, 14, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-title {
  color: rgba(184, 198, 212, 0.9) !important;
  text-shadow: none !important;
  letter-spacing: 0.16em !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-health-ring {
  animation: none !important;
  filter: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-job-input {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(0, 0, 0, 0.45) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35) !important;
  color: var(--s3d-mm-ink) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-job-input:focus {
  border-color: rgba(56, 239, 125, 0.45) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(56, 239, 125, 0.12) !important;
  outline: none !important;
}
/* ----- Parent nodes: refined glass plates ----- */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn {
  position: relative !important;
  min-height: 70px !important;
  padding: 12px 14px 12px 18px !important;
  border-radius: var(--s3d-mm-radius) !important;
  background: var(--s3d-mm-glass) !important;
  border: 1px solid var(--s3d-mm-border) !important;
  box-shadow: var(--s3d-hub-shadow) !important;
  backdrop-filter: blur(12px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.05) !important;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
  overflow: hidden !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 12px !important;
  bottom: 12px !important;
  width: 2px !important;
  height: auto !important;
  border-radius: 0 2px 2px 0 !important;
  background: var(--s3d-mm-rail) !important;
  opacity: 0.85 !important;
  animation: none !important;
  box-shadow: none !important;
  pointer-events: none;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left .s3d-hex-parent-btn {
  padding: 12px 18px 12px 14px !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left .s3d-hex-parent-btn::before {
  left: auto !important;
  right: 0 !important;
  border-radius: 2px 0 0 2px !important;
}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-parent-btn {
  background: rgba(8, 14, 22, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 8px 24px rgba(0, 0, 0, 0.22) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn:hover,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-featured .s3d-hex-parent-btn:hover,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-btn:hover {
  background: var(--s3d-mm-glass-hover) !important;
  border-color: var(--s3d-mm-border-hot) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 14px 36px rgba(0, 0, 0, 0.38) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn:hover::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-parent-btn::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-active .s3d-hex-parent-btn::before,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-lit .s3d-hex-parent-btn::before {
  display: block !important;
  content: "" !important;
  background: var(--s3d-node-accent-active) !important;
  opacity: 1 !important;
  animation: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-parent-btn,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-active .s3d-hex-parent-btn,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-lit .s3d-hex-parent-btn {
  background: rgba(14, 24, 34, 0.92) !important;
  border-color: var(--s3d-mm-border-hot) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 12px 32px rgba(0, 0, 0, 0.4) !important;
  filter: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-featured .s3d-hex-parent-btn:not(:hover),
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-btn:not(:hover) {
  border: 1px solid var(--s3d-mm-border) !important;
  outline: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-id {
  color: var(--s3d-mm-muted) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.16em !important;
  font-weight: 650 !important;
  font-variant-numeric: tabular-nums !important;
  text-shadow: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-label {
  color: var(--s3d-mm-ink) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
  letter-spacing: 0.01em !important;
  text-shadow: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-stats {
  color: rgba(125, 141, 156, 0.9) !important;
  font-size: 0.66rem !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-stats b {
  color: rgba(196, 210, 222, 0.95) !important;
}
/* Unified muted icon wells — no rainbow candy */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="01"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="03"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="04"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="05"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="06"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="07"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent[data-hex-node="08"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="01"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="02"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="03"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="04"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="05"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="06"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="07"] .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--console .s3d-hex-parent[data-hex-node="08"] .s3d-hex-parent-ico {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  color: rgba(196, 210, 222, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(0, 0, 0, 0.35) !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent:hover .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-parent-ico,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-active .s3d-hex-parent-ico {
  color: rgba(56, 239, 125, 0.95) !important;
  border-color: rgba(56, 239, 125, 0.35) !important;
  background: rgba(56, 239, 125, 0.1) !important;
}
/* ----- Sub-nodes: quiet hierarchy ----- */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-subs {
  gap: 6px !important;
  margin-top: 8px !important;
  padding-left: 12px !important;
  margin-left: 8px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left .s3d-hex-subs {
  padding-left: 0 !important;
  padding-right: 12px !important;
  margin-left: 0 !important;
  margin-right: 8px !important;
  border-left: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub,
.steel3d-root .s3d-hex-hub--mindmap.s3d-hex-hub--hover-reveal .s3d-hex-parent:hover .s3d-hex-sub,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent.is-expanded .s3d-hex-sub {
  min-height: 44px !important;
  padding: 8px 11px !important;
  border-radius: 8px !important;
  background: var(--s3d-hub-sub-bg) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-home-glass-card .s3d-hex-hub:not(.s3d-hex-hub--console) .s3d-hex-sub {
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub:hover,
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub.is-active {
  background: rgba(12, 20, 30, 0.88) !important;
  border-color: rgba(56, 239, 125, 0.32) !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-id {
  color: var(--s3d-mm-muted) !important;
  font-size: 0.55rem !important;
  letter-spacing: 0.14em !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-label {
  color: rgba(228, 235, 242, 0.92) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
}
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-sub-ico {
  width: 26px !important;
  height: 26px !important;
  border-radius: 6px !important;
  color: rgba(184, 198, 212, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(0, 0, 0, 0.3) !important;
}
/* ----- Master bar ----- */
.steel3d-root .s3d-hex-hub--mindmap .s3d-hex-master-bar {
  border-radius: 12px !important;
  padding: 14px 18px !important;
  background: rgba(8, 14, 22, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(12px) !important;
}
@media (min-width: 1024px) {
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-viewport--columns,
  .steel3d-root .s3d-hex-hub-only .s3d-hex-hub--mindmap .s3d-hex-viewport--columns {
    min-height: 600px !important;
    max-width: 1080px;
  }
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--left,
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--right {
    gap: 14px !important;
  }
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent {
    max-width: 268px !important;
  }
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap {
    --s3d-hex-display-w: 216px;
    --s3d-hex-display-h: 392px;
    --s3d-hex-content: 192px;
  }
}
@media (max-width: 900px) {
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn {
    min-height: 60px !important;
  }
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-viewport--columns {
    backdrop-filter: blur(8px) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-spoke,
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-ring-seg,
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-parent-btn {
    transition: none !important;
    animation: none !important;
  }
}
/* ===== BUILD-2026-08-31aa-SPLIT-HERO: Steel3D split landing (desk photo + proof rail) ===== */
.steel3d-root .s3d-hero--split {
  align-items: stretch !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
/* Light veil — desk photo stays visible (not generic dark SaaS wash) */
.steel3d-root .s3d-hero--split::before {
  display: block !important;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(95deg, rgba(4, 7, 10, 0.78) 0%, rgba(4, 7, 10, 0.38) 48%, rgba(4, 7, 10, 0.62) 100%),
    linear-gradient(180deg, transparent 55%, rgba(4, 7, 10, 0.55) 100%);
}
.steel3d-root .s3d-hero-split-wrap {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: min(78rem, 94vw);
  margin: 0 auto;
  padding:
    calc(var(--s3d-head-h) + clamp(2rem, 5vw, 3.25rem))
    clamp(18px, 4vw, 40px)
    clamp(2.5rem, 6vw, 3.5rem);
  box-sizing: border-box;
}
.steel3d-root .s3d-hero-split-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, 0.92fr);
  gap: clamp(24px, 4.5vw, 52px);
  align-items: center;
}
.steel3d-root .s3d-hero--split .s3d-hero-panel,
.steel3d-root .s3d-hero--split .s3d-hero-split-copy {
  align-items: flex-start !important;
  text-align: left !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.steel3d-root .s3d-hero--split .s3d-hud-tag {
  margin-bottom: 1.1rem;
}
.steel3d-root .s3d-hero--split .s3d-hero-title {
  font-size: clamp(2rem, 4.2vw, 3.1rem) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  text-align: left !important;
  letter-spacing: 0.01em;
  margin: 0 0 1rem !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-line {
  display: block;
}
.steel3d-root .s3d-hero--split .s3d-cyan-text {
  color: var(--accent-green, #38ef7d) !important;
  -webkit-text-fill-color: var(--accent-green, #38ef7d) !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-subtitle {
  text-align: left !important;
  max-width: 36rem;
  line-height: 1.62;
  margin: 0 0 0.65rem !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-guardian-tag {
  text-align: left !important;
  margin: 0 0 1rem !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-roi {
  justify-content: flex-start !important;
  margin-bottom: 1.25rem !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-cta-pair {
  justify-content: flex-start !important;
  margin-bottom: 1rem !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-cta-pair .s3d-hero-cta-primary:nth-child(2) {
  background: transparent !important;
  border: 1px solid rgba(201, 169, 98, 0.45) !important;
  color: #f5f0e6 !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-hero--split .s3d-trial-pitch-block {
  display: block !important;
  margin-top: 1.25rem !important;
  max-width: 36rem;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px solid rgba(56, 239, 125, 0.22);
  background: rgba(6, 10, 16, 0.65);
}
.steel3d-root .s3d-hero--split .s3d-trial-pitch-block h3 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}
.steel3d-root .s3d-hero--split .s3d-trial-pitch-block p {
  font-size: 0.88rem;
  margin: 0 0 0.35rem;
  text-align: left;
}
/* Proof rail — vertical fabrication metrics (not startup card collage) */
.steel3d-root .s3d-hero-proof-rail {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-left: 2px solid rgba(201, 169, 98, 0.35);
  padding-left: clamp(14px, 2vw, 20px);
}
.steel3d-root .s3d-proof-tile {
  padding: 14px 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(6, 10, 16, 0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.steel3d-root .s3d-proof-tile--lead {
  border-color: rgba(56, 239, 125, 0.28);
  background: rgba(6, 12, 18, 0.78);
  padding: 18px 16px;
}
.steel3d-root .s3d-proof-kicker {
  display: block;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(201, 169, 98, 0.9);
  margin-bottom: 6px;
}
.steel3d-root .s3d-proof-value {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: #f2f6fa;
  line-height: 1.25;
}
.steel3d-root .s3d-proof-value strong {
  color: var(--accent-green, #38ef7d);
  font-size: 1.35rem;
}
.steel3d-root .s3d-proof-note {
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.45;
  color: rgba(168, 182, 196, 0.82);
}
.steel3d-root .s3d-proof-figure {
  margin: 6px 0 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(4, 7, 10, 0.55);
}
.steel3d-root .s3d-proof-figure img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 140px;
  object-fit: cover;
  object-position: center 40%;
}
.steel3d-root .s3d-proof-figure figcaption {
  padding: 8px 12px;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(184, 198, 212, 0.75);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.steel3d-root .s3d-hero--split .s3d-hero-social-proof {
  justify-content: flex-start !important;
  text-align: left !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-demo {
  margin-top: 1.25rem !important;
  max-width: 24rem;
  border-left: 3px solid var(--accent-green, #38ef7d);
  border-radius: 0 10px 10px 0;
  background: rgba(4, 8, 14, 0.62);
}
/* Glass card below hero — bento + full vault map */
.steel3d-root .s3d-home-glass-card {
  margin-top: 0 !important;
}
.steel3d-root .s3d-home-glass-card .s3d-hero-bento-section {
  display: block !important;
}
.steel3d-root .s3d-home-glass-card .s3d-cad-section,
.steel3d-root .s3d-home-glass-card #steel3d-platform,
.steel3d-root .s3d-home-glass-card .s3d-radial-engine-container {
  display: block !important;
  visibility: visible !important;
}
@media (max-width: 980px) {
  .steel3d-root .s3d-hero-split-grid {
    grid-template-columns: 1fr;
  }
  .steel3d-root .s3d-hero-proof-rail {
    border-left: none;
    padding-left: 0;
    border-top: 2px solid rgba(201, 169, 98, 0.3);
    padding-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .steel3d-root .s3d-proof-tile--lead {
    grid-column: 1 / -1;
  }
  .steel3d-root .s3d-proof-figure {
    grid-column: 1 / -1;
  }
}
@media (max-width: 520px) {
  .steel3d-root .s3d-hero-proof-rail {
    grid-template-columns: 1fr;
  }
}
/* ===== BUILD-2026-08-31aa-INK-LANDING: dark glow bg (no desk photo) + SaaS split hero ===== */
/* Kill desk photo everywhere */
.steel3d-root .s3d-bg-picture,
.steel3d-root .s3d-bg-photo,
.steel3d-root .s3d-site-bg-photo,
body > .s3d-bg-stack .s3d-bg-picture,
body > .s3d-bg-stack .s3d-bg-photo,
body > .s3d-bg-stack .s3d-site-bg-photo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Dark ink canvas + emerald glow streaks (CodeSpot-adjacent, Steel3D palette) */
.steel3d-root.s3d-bg--ink,
body > .s3d-bg-stack.s3d-bg-stack--viewport-fixed,
.steel3d-root .s3d-bg-stack {
  background-color: #04070a !important;
  background-image:
    radial-gradient(ellipse 90% 55% at 78% 12%, rgba(56, 239, 125, 0.16), transparent 58%),
    radial-gradient(ellipse 65% 45% at 12% 82%, rgba(56, 239, 125, 0.08), transparent 52%),
    linear-gradient(165deg, #030508 0%, #04070a 45%, #050a0e 100%) !important;
}
.steel3d-root.s3d-bg--ink .s3d-bg-waves,
body > .s3d-bg-stack .s3d-bg-waves {
  display: block !important;
  opacity: 0.55 !important;
  visibility: visible !important;
}
.steel3d-root.s3d-bg--ink .s3d-blueprint-grid,
body > .s3d-bg-stack .s3d-blueprint-grid {
  display: block !important;
  opacity: 0.12 !important;
  visibility: visible !important;
}
.steel3d-root.s3d-bg--ink .s3d-bg-tint,
.steel3d-root.s3d-bg--ink .s3d-bg-scrim {
  opacity: 0.35 !important;
}
html:has(.steel3d-root.s3d-bg--ink),
body:has(.steel3d-root.s3d-bg--ink),
html:has(.steel3d-root.s3d-bg--ink) #page-container,
html:has(.steel3d-root.s3d-bg--ink) .et_pb_section,
html:has(.steel3d-root.s3d-bg--ink) .et_pb_row,
html:has(.steel3d-root.s3d-bg--ink) .et_pb_column {
  background: transparent !important;
  background-color: transparent !important;
}
/* Hero — no desk veil */
.steel3d-root .s3d-hero--split::before {
  display: none !important;
}
.steel3d-root .s3d-hero--split {
  min-height: min(92vh, 900px) !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-title {
  font-size: clamp(2.15rem, 5vw, 3.45rem) !important;
  letter-spacing: -0.025em !important;
}
.steel3d-root .s3d-hero--split .s3d-cyan-text {
  color: #f4f8fc !important;
  -webkit-text-fill-color: #f4f8fc !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-cta-primary:first-child {
  border-radius: 10px !important;
  box-shadow: 0 10px 32px rgba(56, 239, 125, 0.32) !important;
}
/* Proof rail → dark glass card mosaic */
.steel3d-root .s3d-hero-proof-rail {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "lead lead"
    "a b"
    "fig fig";
  gap: 12px;
  border-left: none !important;
  padding-left: 0 !important;
}
.steel3d-root .s3d-proof-tile--lead { grid-area: lead; }
.steel3d-root .s3d-proof-tile:nth-of-type(2) { grid-area: a; }
.steel3d-root .s3d-proof-tile:nth-of-type(3) { grid-area: b; }
.steel3d-root .s3d-proof-figure { grid-area: fig; }
.steel3d-root .s3d-proof-tile,
.steel3d-root .s3d-proof-figure {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  background: rgba(8, 12, 18, 0.78) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35) !important;
}
.steel3d-root .s3d-proof-tile--lead {
  position: relative;
  overflow: hidden;
  border-color: rgba(56, 239, 125, 0.22) !important;
}
.steel3d-root .s3d-proof-tile--lead::after {
  content: "";
  position: absolute;
  right: -15%;
  bottom: -40%;
  width: 65%;
  height: 90%;
  background: radial-gradient(circle, rgba(56, 239, 125, 0.28), transparent 68%);
  pointer-events: none;
}
/* Glass card section — vault map */
.steel3d-root .s3d-home-glass-card {
  background: rgba(6, 10, 16, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  margin: 0 auto clamp(2rem, 5vw, 3rem) !important;
  max-width: min(76rem, 94vw) !important;
}
/* Remove old duplicate bento */
.steel3d-root .s3d-hero-bento-section {
  display: none !important;
}
/* Nav — minimal dark bar */
.steel3d-root header.s3d-head,
.steel3d-root > header.s3d-head {
  background: rgba(4, 7, 10, 0.55) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.steel3d-root nav.s3d-nav a {
  border-radius: 8px !important;
  padding: 8px 12px !important;
}
.steel3d-root nav.s3d-nav a:hover,
.steel3d-root nav.s3d-nav a.s3d-nav-active {
  background: rgba(56, 239, 125, 0.1) !important;
  color: #f0fdf4 !important;
}
@media (max-width: 980px) {
  .steel3d-root .s3d-hero-proof-rail {
    grid-template-columns: 1fr;
    grid-template-areas: "lead" "a" "b" "fig";
  }
}
/* Content flow — trial strip after vault map (home glass card only) */
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip {
  margin-top: clamp(1.25rem, 3vw, 2rem);
  padding-top: clamp(1rem, 2.5vw, 1.5rem);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip .s3d-trial-pitch-block {
  display: block !important;
  text-align: center;
  max-width: 42rem;
  margin: 0 auto;
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip h2.s3d-trial-strip-title,
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip h3 {
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  margin: 0 0 0.5rem;
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip p {
  margin: 0 0 1rem;
  color: rgba(184, 198, 212, 0.88);
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip .s3d-trial-pitch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.steel3d-root .s3d-hero-cta-ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #eef4fa !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-cad-section .s3d-cad-header {
  text-align: center;
  margin-bottom: 1.5rem;
}
.steel3d-root .s3d-cad-section .s3d-sub {
  max-width: 52rem;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* ===== BUILD-2026-08-31aa-INK-LANDING: dark glow bg (no desk photo) + SaaS split hero ===== */
/* Kill desk photo everywhere */
.steel3d-root .s3d-bg-picture,
.steel3d-root .s3d-bg-photo,
.steel3d-root .s3d-site-bg-photo,
body > .s3d-bg-stack .s3d-bg-picture,
body > .s3d-bg-stack .s3d-bg-photo,
body > .s3d-bg-stack .s3d-site-bg-photo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Dark ink canvas + emerald glow streaks (CodeSpot-adjacent, Steel3D palette) */
.steel3d-root.s3d-bg--ink,
body > .s3d-bg-stack.s3d-bg-stack--viewport-fixed,
.steel3d-root .s3d-bg-stack {
  background-color: #04070a !important;
  background-image:
    radial-gradient(ellipse 90% 55% at 78% 12%, rgba(56, 239, 125, 0.16), transparent 58%),
    radial-gradient(ellipse 65% 45% at 12% 82%, rgba(56, 239, 125, 0.08), transparent 52%),
    linear-gradient(165deg, #030508 0%, #04070a 45%, #050a0e 100%) !important;
}
.steel3d-root.s3d-bg--ink .s3d-bg-waves,
body > .s3d-bg-stack .s3d-bg-waves {
  display: block !important;
  opacity: 0.55 !important;
  visibility: visible !important;
}
.steel3d-root.s3d-bg--ink .s3d-blueprint-grid,
body > .s3d-bg-stack .s3d-blueprint-grid {
  display: block !important;
  opacity: 0.12 !important;
  visibility: visible !important;
}
.steel3d-root.s3d-bg--ink .s3d-bg-tint,
.steel3d-root.s3d-bg--ink .s3d-bg-scrim {
  opacity: 0.35 !important;
}
html:has(.steel3d-root.s3d-bg--ink),
body:has(.steel3d-root.s3d-bg--ink),
html:has(.steel3d-root.s3d-bg--ink) #page-container,
html:has(.steel3d-root.s3d-bg--ink) .et_pb_section,
html:has(.steel3d-root.s3d-bg--ink) .et_pb_row,
html:has(.steel3d-root.s3d-bg--ink) .et_pb_column {
  background: transparent !important;
  background-color: transparent !important;
}
/* Hero — no desk veil */
.steel3d-root .s3d-hero--split::before {
  display: none !important;
}
.steel3d-root .s3d-hero--split {
  min-height: min(92vh, 900px) !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-title {
  font-size: clamp(2.15rem, 5vw, 3.45rem) !important;
  letter-spacing: -0.025em !important;
}
.steel3d-root .s3d-hero--split .s3d-cyan-text {
  color: #f4f8fc !important;
  -webkit-text-fill-color: #f4f8fc !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-cta-primary:first-child {
  border-radius: 10px !important;
  box-shadow: 0 10px 32px rgba(56, 239, 125, 0.32) !important;
}
/* Proof rail → dark glass card mosaic */
.steel3d-root .s3d-hero-proof-rail {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "lead lead"
    "a b"
    "fig fig";
  gap: 12px;
  border-left: none !important;
  padding-left: 0 !important;
}
.steel3d-root .s3d-proof-tile--lead { grid-area: lead; }
.steel3d-root .s3d-proof-tile:nth-of-type(2) { grid-area: a; }
.steel3d-root .s3d-proof-tile:nth-of-type(3) { grid-area: b; }
.steel3d-root .s3d-proof-figure { grid-area: fig; }
.steel3d-root .s3d-proof-tile,
.steel3d-root .s3d-proof-figure {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  background: rgba(8, 12, 18, 0.78) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35) !important;
}
.steel3d-root .s3d-proof-tile--lead {
  position: relative;
  overflow: hidden;
  border-color: rgba(56, 239, 125, 0.22) !important;
}
.steel3d-root .s3d-proof-tile--lead::after {
  content: "";
  position: absolute;
  right: -15%;
  bottom: -40%;
  width: 65%;
  height: 90%;
  background: radial-gradient(circle, rgba(56, 239, 125, 0.28), transparent 68%);
  pointer-events: none;
}
/* Glass card section — vault map */
.steel3d-root .s3d-home-glass-card {
  background: rgba(6, 10, 16, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  margin: 0 auto clamp(2rem, 5vw, 3rem) !important;
  max-width: min(76rem, 94vw) !important;
}
/* Remove old duplicate bento */
.steel3d-root .s3d-hero-bento-section {
  display: none !important;
}
/* Nav — minimal dark bar */
.steel3d-root header.s3d-head,
.steel3d-root > header.s3d-head {
  background: rgba(4, 7, 10, 0.55) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.steel3d-root nav.s3d-nav a {
  border-radius: 8px !important;
  padding: 8px 12px !important;
}
.steel3d-root nav.s3d-nav a:hover,
.steel3d-root nav.s3d-nav a.s3d-nav-active {
  background: rgba(56, 239, 125, 0.1) !important;
  color: #f0fdf4 !important;
}
@media (max-width: 980px) {
  .steel3d-root .s3d-hero-proof-rail {
    grid-template-columns: 1fr;
    grid-template-areas: "lead" "a" "b" "fig";
  }
}
/* Content flow — trial strip after vault map (home glass card only) */
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip {
  margin-top: clamp(1.25rem, 3vw, 2rem);
  padding-top: clamp(1rem, 2.5vw, 1.5rem);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip .s3d-trial-pitch-block {
  display: block !important;
  text-align: center;
  max-width: 42rem;
  margin: 0 auto;
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip h2.s3d-trial-strip-title,
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip h3 {
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  margin: 0 0 0.5rem;
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip p {
  margin: 0 0 1rem;
  color: rgba(184, 198, 212, 0.88);
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip .s3d-trial-pitch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.steel3d-root .s3d-hero-cta-ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #eef4fa !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-cad-section .s3d-cad-header {
  text-align: center;
  margin-bottom: 1.5rem;
}
.steel3d-root .s3d-cad-section .s3d-sub {
  max-width: 52rem;
  margin-left: auto !important;
  margin-right: auto !important;
}
.steel3d-root .s3d-contact-section .s3d-trial-strip .s3d-trial-strip-kicker {
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  margin: 0 0 0.5rem;
  text-align: center;
  color: #eef4fa;
}
/* ===== BUILD-2026-08-31z-INK-LANDING: dark glow bg (no desk photo) + SaaS split hero ===== */
/* Kill desk photo everywhere */
.steel3d-root .s3d-bg-picture,
.steel3d-root .s3d-bg-photo,
.steel3d-root .s3d-site-bg-photo,
body > .s3d-bg-stack .s3d-bg-picture,
body > .s3d-bg-stack .s3d-bg-photo,
body > .s3d-bg-stack .s3d-site-bg-photo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Dark ink canvas + emerald glow streaks (CodeSpot-adjacent, Steel3D palette) */
.steel3d-root.s3d-bg--ink,
body > .s3d-bg-stack.s3d-bg-stack--viewport-fixed,
.steel3d-root .s3d-bg-stack {
  background-color: #04070a !important;
  background-image:
    radial-gradient(ellipse 90% 55% at 78% 12%, rgba(56, 239, 125, 0.16), transparent 58%),
    radial-gradient(ellipse 65% 45% at 12% 82%, rgba(56, 239, 125, 0.08), transparent 52%),
    linear-gradient(165deg, #030508 0%, #04070a 45%, #050a0e 100%) !important;
}
.steel3d-root.s3d-bg--ink .s3d-bg-waves,
body > .s3d-bg-stack .s3d-bg-waves {
  display: block !important;
  opacity: 0.55 !important;
  visibility: visible !important;
}
.steel3d-root.s3d-bg--ink .s3d-blueprint-grid,
body > .s3d-bg-stack .s3d-blueprint-grid {
  display: block !important;
  opacity: 0.12 !important;
  visibility: visible !important;
}
.steel3d-root.s3d-bg--ink .s3d-bg-tint,
.steel3d-root.s3d-bg--ink .s3d-bg-scrim {
  opacity: 0.35 !important;
}
html:has(.steel3d-root.s3d-bg--ink),
body:has(.steel3d-root.s3d-bg--ink),
html:has(.steel3d-root.s3d-bg--ink) #page-container,
html:has(.steel3d-root.s3d-bg--ink) .et_pb_section,
html:has(.steel3d-root.s3d-bg--ink) .et_pb_row,
html:has(.steel3d-root.s3d-bg--ink) .et_pb_column {
  background: transparent !important;
  background-color: transparent !important;
}
/* Hero — no desk veil */
.steel3d-root .s3d-hero--split::before {
  display: none !important;
}
.steel3d-root .s3d-hero--split {
  min-height: min(92vh, 900px) !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-title {
  font-size: clamp(2.15rem, 5vw, 3.45rem) !important;
  letter-spacing: -0.025em !important;
}
.steel3d-root .s3d-hero--split .s3d-cyan-text {
  color: #f4f8fc !important;
  -webkit-text-fill-color: #f4f8fc !important;
}
.steel3d-root .s3d-hero--split .s3d-hero-cta-primary:first-child {
  border-radius: 10px !important;
  box-shadow: 0 10px 32px rgba(56, 239, 125, 0.32) !important;
}
/* Proof rail → dark glass card mosaic */
.steel3d-root .s3d-hero-proof-rail {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "lead lead"
    "a b"
    "fig fig";
  gap: 12px;
  border-left: none !important;
  padding-left: 0 !important;
}
.steel3d-root .s3d-proof-tile--lead { grid-area: lead; }
.steel3d-root .s3d-proof-tile:nth-of-type(2) { grid-area: a; }
.steel3d-root .s3d-proof-tile:nth-of-type(3) { grid-area: b; }
.steel3d-root .s3d-proof-figure { grid-area: fig; }
.steel3d-root .s3d-proof-tile,
.steel3d-root .s3d-proof-figure {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  background: rgba(8, 12, 18, 0.78) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35) !important;
}
.steel3d-root .s3d-proof-tile--lead {
  position: relative;
  overflow: hidden;
  border-color: rgba(56, 239, 125, 0.22) !important;
}
.steel3d-root .s3d-proof-tile--lead::after {
  content: "";
  position: absolute;
  right: -15%;
  bottom: -40%;
  width: 65%;
  height: 90%;
  background: radial-gradient(circle, rgba(56, 239, 125, 0.28), transparent 68%);
  pointer-events: none;
}
/* Glass card section — vault map */
.steel3d-root .s3d-home-glass-card {
  background: rgba(6, 10, 16, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  margin: 0 auto clamp(2rem, 5vw, 3rem) !important;
  max-width: min(76rem, 94vw) !important;
}
/* Remove old duplicate bento */
.steel3d-root .s3d-hero-bento-section {
  display: none !important;
}
/* Nav — invisible bar (no glass plate). On scroll: soft top fade + solid tab plates
   so landing copy never bleeds through the labels. */
.steel3d-root header.s3d-head,
.steel3d-root > header.s3d-head {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  isolation: isolate;
}
.steel3d-root header.s3d-head::before,
.steel3d-root > header.s3d-head::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: calc(100% + 2.25rem);
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.28s ease;
  background: linear-gradient(
    180deg,
    #0b0e14 0%,
    #0b0e14 52%,
    rgba(11, 14, 20, 0.92) 72%,
    rgba(11, 14, 20, 0) 100%
  );
}
.steel3d-root header.s3d-head.s3d-head-scrolled::before,
.steel3d-root > header.s3d-head.s3d-head-scrolled::before {
  opacity: 1;
}
.steel3d-root header.s3d-head.s3d-head-scrolled,
.steel3d-root > header.s3d-head.s3d-head-scrolled {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.steel3d-root header.s3d-head .s3d-head-inner,
.steel3d-root > header.s3d-head .s3d-head-inner {
  position: relative;
  z-index: 1;
}
.steel3d-root nav.s3d-nav {
  gap: 0 6px !important;
  flex-wrap: wrap !important;
  row-gap: 4px !important;
}
.steel3d-root nav.s3d-nav a {
  border-radius: 8px !important;
  padding: 12px 18px !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  min-width: 0 !important;
  /* Opaque plates — scrolling hero text cannot show through tab labels */
  color: #c5d0de !important;
  background: #0b0e14 !important;
  border: 1px solid #232b3b !important;
  box-shadow: 0 0 0 1px rgba(11, 14, 20, 0.9) !important;
  outline: none !important;
}
.steel3d-root nav.s3d-nav a:focus {
  color: #c5d0de !important;
  background: #0b0e14 !important;
  border-color: #232b3b !important;
  box-shadow: 0 0 0 1px rgba(11, 14, 20, 0.9) !important;
}
.steel3d-root nav.s3d-nav a:hover {
  background: #121721 !important;
  color: #e8eef6 !important;
  border-color: rgba(212, 175, 55, 0.45) !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.2) !important;
}
/* Scroll-spy class kept for JS, but no sticky “selected” plate after click */
.steel3d-root nav.s3d-nav a.s3d-nav-active {
  color: #c5d0de !important;
  background: #0b0e14 !important;
  border-color: #232b3b !important;
  box-shadow: 0 0 0 1px rgba(11, 14, 20, 0.9) !important;
}
/* Orange underline: hover/focus only — never stick via scroll-spy .s3d-nav-active */
.steel3d-root nav.s3d-nav a::after {
  left: 14px !important;
  right: 14px !important;
  bottom: 7px !important;
  background: #D4AF37 !important;
  transform-origin: 50% 50% !important;
  transform: scaleX(0) !important;
  transition: transform 0.22s ease !important;
  pointer-events: none;
}
.steel3d-root nav.s3d-nav a.s3d-nav-active::after,
.steel3d-root nav.s3d-nav a:focus::after,
.steel3d-root nav.s3d-nav a:active::after {
  transform: scaleX(0) !important;
}
.steel3d-root nav.s3d-nav a:hover::after,
.steel3d-root nav.s3d-nav a:focus-visible::after {
  transform: scaleX(1) !important;
}
.steel3d-root nav.s3d-nav a:focus-visible {
  background: #121721 !important;
  color: #e8eef6 !important;
  border-color: rgba(212, 175, 55, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.28) !important;
}
.steel3d-root .s3d-mark {
  background: #0b0e14 !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  box-shadow: 0 0 0 1px #0b0e14 !important;
}
/* Vault map glass card — allow sub-node flyouts to escape */
.steel3d-root .s3d-home-glass-card {
  overflow: visible !important;
}
.steel3d-root .s3d-radial-engine-container,
.steel3d-root .s3d-hex-hub-mount,
.steel3d-root .s3d-hex-hub--mindmap,
.steel3d-root .s3d-hex-viewport--columns {
  overflow: visible !important;
}
/* Job control centre — match 4-node column height (76px × 4 + 12px gaps) */
@media (min-width: 1024px) {
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-core-wrap {
    --s3d-hex-display-h: 340px !important;
    --s3d-hex-content: 168px !important;
    height: 340px !important;
    max-height: 340px !important;
    align-self: center !important;
  }
  .steel3d-root .s3d-hex-hub--mindmap .s3d-hex-col--center {
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
@media (max-width: 980px) {
  .steel3d-root .s3d-hero-proof-rail {
    grid-template-columns: 1fr;
    grid-template-areas: "lead" "a" "b" "fig";
  }
}
/* Content flow — trial strip after vault map (home glass card only) */
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip {
  margin-top: clamp(1.25rem, 3vw, 2rem);
  padding-top: clamp(1rem, 2.5vw, 1.5rem);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip .s3d-trial-pitch-block {
  display: block !important;
  text-align: center;
  max-width: 42rem;
  margin: 0 auto;
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip h2.s3d-trial-strip-title,
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip h3 {
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  margin: 0 0 0.5rem;
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip p {
  margin: 0 0 1rem;
  color: rgba(184, 198, 212, 0.88);
}
.steel3d-root .s3d-home-glass-card > .s3d-trial-strip .s3d-trial-pitch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.steel3d-root .s3d-hero-cta-ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #eef4fa !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-cad-section .s3d-cad-header {
  text-align: center;
  margin-bottom: 1.5rem;
}
.steel3d-root .s3d-cad-section .s3d-sub {
  max-width: 52rem;
  margin-left: auto !important;
  margin-right: auto !important;
}
.steel3d-root .s3d-contact-section .s3d-trial-strip .s3d-trial-strip-kicker {
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  margin: 0 0 0.5rem;
  text-align: center;
  color: #eef4fa;
}
/* ===== BUILD-2026-09-02a-CAD-THEME ===== */
html:has(.steel3d-root),
body:has(.steel3d-root),
body.et_pb_page:has(.steel3d-root) {
  background: #0b0e14 !important;
  background-color: #0b0e14 !important;
}
.steel3d-root {
  --bg-canvas: #0b0e14;
  --bg-panel: #121721;
  --bg-panel-alt: #121721;
  --grid-line: #232b3b;
  --border-cyan: #232b3b;
  --border-cyan-glow: #D4AF37;
  --accent-cyan: #D4AF37;
  --accent-green: #D4AF37;
  --accent-green-deep: #00b8cc;
  --accent-amber: #D4AF37;
  --text-main: #e8eef6;
  --text-muted: #c5d0de;
  --text-muted-soft: #9aabc0;
  --font-hud: Arial, Helvetica, sans-serif;
  --font-sans: Arial, Helvetica, sans-serif;
  --s3d-card-bg: #121721;
  --s3d-border: #232b3b;
  --s3d-border-active: #D4AF37;
  --s3d-cyan: #D4AF37;
  --s3d-amber: #D4AF37;
  --s3d-green: #D4AF37;
  --s3d-font-heading: var(--font-hud);
  --s3d-font-mono: var(--font-hud);
  --s3d-font-body: var(--font-hud);
  --radius: 6px;
  --radius-sm: 4px;
  --cyan-soft: rgba(212, 175, 55, 0.12);
  --cyan-glow: rgba(212, 175, 55, 0.28);
  --shadow-card-rest: none;
  --shadow-card-hover: 0 0 0 1px #D4AF37, 0 0 22px rgba(212, 175, 55, 0.25);
  --overlay-hero: linear-gradient(180deg, rgba(11, 14, 20, 0.2) 0%, rgba(11, 14, 20, 0.72) 100%);
  --card-wash: none;
  font-family: var(--font-hud);
}
.steel3d-root .s3d-bg-stack,
.steel3d-root .s3d-bg-stack--cad,
body > .s3d-bg-stack {
  background-color: #0b0e14 !important;
  background-image:
    linear-gradient(to right, rgba(35, 43, 59, 0.55) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(35, 43, 59, 0.55) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
}
.steel3d-root .s3d-blueprint-grid,
.steel3d-root .animate-grid-drift {
  display: block !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(to right, rgba(35, 43, 59, 0.7) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(35, 43, 59, 0.7) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
  background-color: transparent !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
.steel3d-root .s3d-bg-picture,
.steel3d-root .s3d-bg-photo,
.steel3d-root .s3d-site-bg-photo,
.steel3d-root .s3d-bg-waves,
.steel3d-root .s3d-hero-media {
  display: none !important;
}
.steel3d-root .s3d-bg-scrim,
.steel3d-root .s3d-bg-tint,
.steel3d-root .s3d-bg-glow {
  background: transparent !important;
  opacity: 0.15 !important;
}
.steel3d-root .s3d-mono-readout,
.steel3d-root .s3d-spec-list,
.steel3d-root .s3d-price-val,
.steel3d-root .s3d-unit,
.steel3d-root table.s3d-bom-table,
.steel3d-root .s3d-ws-readout,
.steel3d-root .s3d-hud-tag,
.steel3d-root .s3d-status-badge,
.steel3d-root .s3d-tier-code {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.02em;
}
.steel3d-root .s3d-cap-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-docs-card,
.steel3d-root .s3d-proof-tile,
.steel3d-root .s3d-feature-visual-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-suggest-panel,
.steel3d-root .s3d-auth-terminal-frame,
.steel3d-root .s3d-home-glass-card {
  background: #121721 !important;
  border: 1px solid #232b3b !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
/* Contact + Suggestions — identical grey cards, shared field chrome */
.steel3d-root .s3d-contact-section .s3d-form-card,
.steel3d-root .s3d-contact-suggest-row > .s3d-form-card {
  background: #121721 !important;
  border: 1px solid #232b3b !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 1.75rem 1.6rem 1.85rem !important;
}
.steel3d-root .s3d-contact-section .s3d-contact-title {
  margin: 0 0 0.35rem;
  font-family: var(--font-sans), Arial, Helvetica, sans-serif !important;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #e8eef6 !important;
  text-align: left;
}
.steel3d-root .s3d-contact-section .s3d-contact-lead {
  margin: 0 0 1.35rem;
  font-family: var(--font-sans), Arial, Helvetica, sans-serif !important;
  font-size: 0.92rem;
  line-height: 1.5;
  color: #c5d0de !important;
  text-align: left;
  max-width: none;
}
.steel3d-root .s3d-contact-form .s3d-input,
.steel3d-root .s3d-contact-form .s3d-select,
.steel3d-root .s3d-contact-form textarea.s3d-input,
.steel3d-root .s3d-suggest-form .s3d-input,
.steel3d-root .s3d-suggest-form textarea.s3d-input {
  background: #0b0e14 !important;
  border: 1px solid #232b3b !important;
  border-radius: 4px !important;
  color: #e8eef6 !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-contact-form .s3d-input:hover,
.steel3d-root .s3d-contact-form .s3d-select:hover,
.steel3d-root .s3d-contact-form textarea.s3d-input:hover,
.steel3d-root .s3d-suggest-form .s3d-input:hover,
.steel3d-root .s3d-suggest-form textarea.s3d-input:hover,
.steel3d-root .s3d-contact-form .s3d-input:focus,
.steel3d-root .s3d-contact-form .s3d-select:focus,
.steel3d-root .s3d-contact-form textarea.s3d-input:focus,
.steel3d-root .s3d-suggest-form .s3d-input:focus,
.steel3d-root .s3d-suggest-form textarea.s3d-input:focus {
  border-color: #D4AF37 !important;
  background: #0f141d !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.25) !important;
}
.steel3d-root .s3d-contact-form label,
.steel3d-root .s3d-suggest-form label {
  color: #9aabc0 !important;
}
.steel3d-root .s3d-suggest-hud {
  display: none !important;
}
.steel3d-root .s3d-cap-card:hover,
.steel3d-root .s3d-pricing-card:hover,
.steel3d-root .s3d-docs-card:hover,
.steel3d-root .s3d-proof-tile:hover {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 1px #D4AF37, 0 0 22px rgba(212, 175, 55, 0.25) !important;
}
.steel3d-root .s3d-pricing-card.s3d-featured {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 24px rgba(212, 175, 55, 0.18) !important;
}
.steel3d-root .s3d-cap-ico {
  border-radius: 4px !important;
  border-color: #232b3b !important;
  color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.06) !important;
}
.steel3d-root .s3d-cap-card:hover .s3d-cap-ico {
  background: rgba(212, 175, 55, 0.16) !important;
  color: #D4AF37 !important;
  border-color: #D4AF37 !important;
}
.steel3d-root .s3d-btn-primary,
.steel3d-root .btn-primary,
.steel3d-root .s3d-cta-mini:not(.s3d-email-pill):not(.s3d-pill),
.steel3d-root button.s3d-btn-primary,
.steel3d-root a.s3d-btn-primary,
.steel3d-root .s3d-hero .s3d-btn-primary {
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #0b0e14 !important;
  -webkit-text-fill-color: #0b0e14 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  filter: none !important;
}
.steel3d-root .s3d-btn-primary:hover,
.steel3d-root .s3d-cta-mini:not(.s3d-email-pill):not(.s3d-pill):hover,
.steel3d-root a.s3d-btn-primary:hover,
.steel3d-root .s3d-hero .s3d-btn-primary:hover {
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #0b0e14 !important;
  -webkit-text-fill-color: #0b0e14 !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.35) !important;
}
.steel3d-root .s3d-hero-cta-ghost,
.steel3d-root a.s3d-hero-cta-ghost {
  background: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border: 1px solid #232b3b !important;
}
.steel3d-root .s3d-hero-cta-ghost:hover,
.steel3d-root a.s3d-hero-cta-ghost:hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
}
.steel3d-root .s3d-cyan-text,
.steel3d-root .s3d-glow-title {
  color: #D4AF37 !important;
}
.steel3d-root .s3d-cad-pipe {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
}
.steel3d-root .s3d-cad-pipe li {
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 6px;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.steel3d-root .s3d-cad-pipe li:hover {
  border-color: #D4AF37;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.22);
}
.steel3d-root .s3d-cad-pipe strong { color: #e8eef6; font-size: 13px; }
.steel3d-root .s3d-cad-pipe span { color: #9aabc0; font-size: 12px; }
.steel3d-root .s3d-cad-pipe .s3d-mono-readout { color: #D4AF37; font-size: 11px; }
.steel3d-root .s3d-pricing-grid--cad {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .steel3d-root .s3d-cad-pipe,
  .steel3d-root .s3d-pricing-grid--cad {
    grid-template-columns: 1fr;
  }
}
/* ---- Sketch converter workspace ---- */
.steel3d-root.s3d-mode-workspace {
  overflow-x: hidden;
  overflow-y: visible;
}
.steel3d-root.s3d-mode-workspace main > *:not(#s3dSketchWorkspace):not(.s3d-ws):not(.s3d-industrial-hero):not(#steel3d-hero):not(.s3d-feature-grid-wrap):not(#steel3d-features):not(.s3d-showcase-wrap):not(#steel3d-showcase):not(#showcase):not(.s3d-quote-section):not(#s3dQuoteSection):not(.s3d-quote-submit):not(#s3dQuoteSubmit):not(.s3d-pricing-estimator):not(#s3dPricingEstimator):not(.s3d-guest-submit):not(#s3dGuestSubmit):not(.s3d-client-register):not(#s3dClientRegister):not(.s3d-process-flow):not(#how-it-works):not(.s3d-job-portal):not(#s3dJobPortal):not(.s3d-owner-gate):not(#s3dOwnerGate):not(.s3d-owner-portal):not(#s3dOwnerPortal):not(.s3d-variations-panel):not(#s3dVariationsPanel):not(.s3d-docs-section):not(#steel3d-documents):not(.s3d-credentials):not(#steel3d-credentials):not(.s3d-contact-section):not(#steel3d-contact):not(#steel3d-suggestions) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
.steel3d-root.s3d-mode-workspace .s3d-industrial-hero,
.steel3d-root.s3d-mode-workspace #steel3d-hero,
.steel3d-root.s3d-mode-workspace .s3d-feature-grid-wrap,
.steel3d-root.s3d-mode-workspace #steel3d-features,
.steel3d-root.s3d-mode-workspace .s3d-showcase-wrap,
.steel3d-root.s3d-mode-workspace #steel3d-showcase,
.steel3d-root.s3d-mode-workspace #showcase,
.steel3d-root.s3d-mode-workspace .s3d-quote-submit,
.steel3d-root.s3d-mode-workspace #s3dQuoteSubmit,
.steel3d-root.s3d-mode-workspace .s3d-guest-submit,
.steel3d-root.s3d-mode-workspace #s3dGuestSubmit,
.steel3d-root.s3d-mode-workspace .s3d-client-register,
.steel3d-root.s3d-mode-workspace #s3dClientRegister,
.steel3d-root.s3d-mode-workspace .s3d-process-flow,
.steel3d-root.s3d-mode-workspace #how-it-works,
html[data-s3d-owner="1"] .steel3d-root.s3d-mode-workspace .s3d-pricing-estimator,
html[data-s3d-owner="1"] .steel3d-root.s3d-mode-workspace #s3dPricingEstimator,
html[data-s3d-owner="1"] .steel3d-root.s3d-mode-workspace .s3d-variations-panel,
html[data-s3d-owner="1"] .steel3d-root.s3d-mode-workspace #s3dVariationsPanel,
.steel3d-root.s3d-mode-workspace .s3d-credentials,
.steel3d-root.s3d-mode-workspace #steel3d-credentials,
.steel3d-root.s3d-mode-workspace .s3d-contact-section,
.steel3d-root.s3d-mode-workspace #steel3d-contact,
.steel3d-root.s3d-mode-workspace #steel3d-suggestions,
.steel3d-root.s3d-mode-workspace .s3d-quote-section:not([hidden]),
.steel3d-root.s3d-mode-workspace #s3dQuoteSection:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}
/* Job portal only on #job — never sit in the Client profile / How it works scroll stack */
html:not([data-s3d-route="job"]) .steel3d-root #s3dJobPortal,
html:not([data-s3d-route="job"]) .steel3d-root .s3d-job-portal {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}
.steel3d-root.s3d-mode-workspace #steel3d-home,
.steel3d-root.s3d-mode-workspace #steel3d-about,
.steel3d-root.s3d-mode-workspace #steel3d-stat-band,
.steel3d-root.s3d-mode-workspace #steel3d-capabilities,
.steel3d-root.s3d-mode-workspace #steel3d-sketch-cad,
.steel3d-root.s3d-mode-workspace #steel3d-pricing,
.steel3d-root.s3d-mode-workspace #steel3d-manager,
.steel3d-root.s3d-mode-workspace footer.s3d-foot:not(.s3d-legal-foot),
.steel3d-root.s3d-mode-workspace .s3d-shopfloor-modal {
  display: none !important;
}
/* Docs modal must show when opened in workspace mode */
.steel3d-root.s3d-mode-workspace .s3d-docs-modal:not([hidden]) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 14500 !important;
}
.steel3d-root.s3d-mode-workspace #steel3d-documents,
.steel3d-root.s3d-mode-workspace .s3d-docs-section {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}
.s3d-ws {
  display: none;
  position: relative;
  z-index: 20;
  width: 100%;
  max-width: min(1280px, 100%);
  margin-left: auto;
  margin-right: auto;
  min-height: calc(100dvh - var(--s3d-head-h, 88px) - env(safe-area-inset-bottom, 0px));
  padding:
    max(10px, env(safe-area-inset-top, 0px))
    max(12px, env(safe-area-inset-right, 0px))
    max(12px, env(safe-area-inset-bottom, 0px))
    max(12px, env(safe-area-inset-left, 0px));
  box-sizing: border-box;
}
/* Legacy 2-col shell — never apply to workstation (that layout is flex column: bar + 01|02 + S3D) */
.steel3d-root.s3d-mode-workspace .s3d-ws:not(.s3d-ws--workstation),
.steel3d-root.is-console-visible #s3dSketchWorkspace.s3d-ws:not(.s3d-ws--workstation),
.steel3d-root.is-console-visible.s3d-mode-workspace #s3dSketchWorkspace:not(.s3d-ws--workstation) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(300px, 1fr) minmax(160px, 28vh);
  gap: clamp(8px, 1.2vw, 14px);
  align-content: stretch;
  justify-content: center;
  width: 100%;
  max-width: min(1280px, 100%);
  margin-inline: auto;
}
.s3d-ws-left,
.s3d-ws-right,
.s3d-ws-bom {
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 6px;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.s3d-ws-left,
.s3d-ws-right {
  justify-self: stretch;
}
.s3d-ws-bom {
  grid-column: 1 / -1;
  max-width: 100%;
}
.s3d-ws-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid #232b3b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(10px, 2.4vw, 11px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #D4AF37;
  flex-shrink: 0;
}
.s3d-ws-toolbar > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s3d-ws-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  flex-shrink: 0;
}
.s3d-ws-toolbar-actions .s3d-btn {
  min-height: 40px;
  min-width: auto;
  padding: 8px 12px;
  font-size: 11px;
}
.s3d-ws-canvas-wrap,
.s3d-ws-view-wrap {
  position: relative;
  flex: 1 1 auto;
  min-height: clamp(200px, 36vh, 520px);
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(to right, rgba(35, 43, 59, 0.55) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(35, 43, 59, 0.55) 1px, transparent 1px);
  background-size: 24px 24px;
  background-color: #0b0e14;
}
.s3d-ws-canvas-wrap canvas,
.s3d-ws-view-wrap canvas,
.s3d-ws-view-wrap #s3dFrameCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  object-fit: contain;
}
.s3d-cad-viewer-mount {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s3d-cad-viewer-mount canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
}
.s3d-ws-drop {
  position: absolute;
  inset: 12px;
  left: 12px;
  right: 12px;
  top: 12px;
  bottom: 12px;
  width: auto;
  max-width: none;
  margin: 0;
  transform: none;
  border: 1px dashed #232b3b;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #9aabc0;
  pointer-events: none;
  padding: clamp(12px, 3vw, 20px);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(11px, 2.8vw, 13px);
  line-height: 1.45;
  box-sizing: border-box;
  z-index: 1;
}
.s3d-ws-drop.is-hidden { display: none; }
.s3d-ws-file {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.s3d-ws-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 12px;
  border-top: 1px solid #232b3b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #c5d0de;
  flex-shrink: 0;
}
.s3d-ws-controls label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.s3d-ws-controls input[type="number"],
.s3d-ws-controls input[type="range"] {
  background: #0b0e14;
  border: 1px solid #232b3b;
  color: #D4AF37;
  border-radius: 4px;
  font-family: inherit;
  padding: 4px 8px;
  max-width: 100%;
}
.s3d-ws-controls input[type="range"] {
  width: min(160px, 40vw);
}
.s3d-ws-bom-scroll {
  overflow: auto;
  flex: 1;
  -webkit-overflow-scrolling: touch;
}
.s3d-bom-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(11px, 2.6vw, 12px);
}
.s3d-bom-table th,
.s3d-bom-table td {
  border-bottom: 1px solid #232b3b;
  padding: 8px 12px;
  text-align: left;
  white-space: nowrap;
}
.s3d-bom-table th {
  color: #D4AF37;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 10px;
  position: sticky;
  top: 0;
  background: #121721;
  z-index: 1;
}
.s3d-bom-table td { color: #e8eef6; }
.s3d-bom-table tfoot td {
  color: #D4AF37;
  font-weight: 700;
}
.s3d-ws-empty {
  padding: 18px;
  color: #9aabc0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
}
.s3d-ws-view-hint {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  margin: 0;
  z-index: 2;
  pointer-events: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9aabc0;
  text-align: center;
  width: max-content;
  max-width: 94%;
}
/* Tablet: still side-by-side when space allows */
@media (max-width: 1100px) {
  .steel3d-root.s3d-mode-workspace .s3d-ws,
  .steel3d-root.is-console-visible #s3dSketchWorkspace.s3d-ws,
  .steel3d-root.is-console-visible.s3d-mode-workspace #s3dSketchWorkspace {
    max-width: min(980px, 100%);
    grid-template-rows: minmax(260px, 1fr) minmax(150px, 26vh);
  }
}
/* Phone / narrow: stack sketch → 3D → BOM, full width, centered */
@media (max-width: 860px) {
  .steel3d-root.s3d-mode-workspace {
    overflow: auto;
  }
  .steel3d-root.s3d-mode-workspace .s3d-ws,
  .steel3d-root.is-console-visible #s3dSketchWorkspace.s3d-ws,
  .steel3d-root.is-console-visible.s3d-mode-workspace #s3dSketchWorkspace {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    max-width: 640px;
    margin-inline: auto;
    min-height: auto;
    height: auto;
    gap: 10px;
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
  }
  .s3d-ws-left,
  .s3d-ws-right {
    width: 100%;
    min-height: min(52vh, 420px);
    flex: 0 0 auto;
  }
  .s3d-ws-bom {
    grid-column: auto;
    width: 100%;
    min-height: 200px;
    max-height: 40vh;
  }
  .s3d-ws-canvas-wrap,
  .s3d-ws-view-wrap {
    min-height: min(46vh, 360px);
  }
  .s3d-ws-toolbar {
    flex-wrap: wrap;
  }
  .s3d-ws-toolbar-actions {
    width: 100%;
    justify-content: center;
  }
  .s3d-ws-toolbar-actions .s3d-btn {
    flex: 1 1 auto;
    min-width: calc(50% - 6px);
  }
}
@media (max-width: 480px) {
  .s3d-ws-toolbar > span:first-child {
    white-space: normal;
    line-height: 1.3;
  }
  .s3d-bom-table th,
  .s3d-bom-table td {
    padding: 8px 8px;
    font-size: 11px;
  }
  .s3d-ws-toolbar-actions .s3d-btn {
    min-width: 100%;
  }
}
@media (orientation: landscape) and (max-height: 520px) and (min-width: 700px) {
  .steel3d-root.s3d-mode-workspace .s3d-ws,
  .steel3d-root.is-console-visible.s3d-mode-workspace #s3dSketchWorkspace {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: minmax(180px, 1fr) minmax(110px, 34vh);
    max-width: min(1100px, 100%);
  }
  .s3d-ws-canvas-wrap,
  .s3d-ws-view-wrap {
    min-height: 140px;
  }
}
/* ===== BUILD-2026-09-02d: CAD command centre + extruded viewer ===== */
/* Workspace landing shows hero/showcase/pricing/guest — do NOT hide them.
   Legacy is-console-visible only applies when NOT in s3d-mode-workspace. */
.steel3d-root.is-console-visible:not(.s3d-mode-workspace) main > *:not(#steel3d-manager):not(#s3dSketchWorkspace):not(.s3d-ws):not(footer.s3d-foot) {
  display: none !important;
}
.steel3d-root.is-console-visible.s3d-mode-workspace main > .s3d-industrial-hero,
.steel3d-root.is-console-visible.s3d-mode-workspace main > #steel3d-hero,
.steel3d-root.is-console-visible.s3d-mode-workspace main > .s3d-feature-grid-wrap,
.steel3d-root.is-console-visible.s3d-mode-workspace main > #steel3d-features,
.steel3d-root.is-console-visible.s3d-mode-workspace main > .s3d-showcase-wrap,
.steel3d-root.is-console-visible.s3d-mode-workspace main > #showcase,
.steel3d-root.is-console-visible.s3d-mode-workspace main > #steel3d-showcase,
.steel3d-root.is-console-visible.s3d-mode-workspace main > .s3d-pricing-estimator,
.steel3d-root.is-console-visible.s3d-mode-workspace main > #s3dPricingEstimator,
.steel3d-root.is-console-visible.s3d-mode-workspace main > .s3d-guest-submit,
.steel3d-root.is-console-visible.s3d-mode-workspace main > #s3dGuestSubmit,
.steel3d-root.is-console-visible.s3d-mode-workspace main > .s3d-variations-panel,
.steel3d-root.is-console-visible.s3d-mode-workspace main > #s3dVariationsPanel,
.steel3d-root.is-console-visible.s3d-mode-workspace main > .s3d-quote-section:not([hidden]),
.steel3d-root.is-console-visible.s3d-mode-workspace main > #s3dQuoteSection:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}
.steel3d-root.is-console-visible.s3d-mode-workspace main > #s3dSketchWorkspace.s3d-ws--workstation,
.steel3d-root.is-console-visible.s3d-mode-workspace main > .s3d-ws.s3d-ws--workstation {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}
.steel3d-root.is-console-visible.s3d-mode-workspace main > #s3dSketchWorkspace:not(.s3d-ws--workstation),
.steel3d-root.is-console-visible.s3d-mode-workspace main > .s3d-ws:not(.s3d-ws--workstation) {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}
.steel3d-root.is-console-visible.s3d-mode-workspace > .s3d-legal-foot,
.steel3d-root.is-console-visible.s3d-mode-workspace #s3dLegalFooter {
  display: block !important;
  visibility: visible !important;
}
.steel3d-root.is-console-visible footer.s3d-foot,
.steel3d-root.is-console-visible .s3d-hex-vault-backdrop,
.steel3d-root.is-console-visible #s3dHexVaultDrawer,
.steel3d-root.is-console-visible .s3d-trial-marketing,
.steel3d-root.is-console-visible #steel3dMgrAuth,
.steel3d-root.is-console-visible #s3dCentralHexHubLanding {
  display: none !important;
}
.steel3d-root.is-console-visible #steel3d-manager {
  display: block !important;
  padding-top: calc(var(--s3d-head-h, 88px) + 12px) !important;
  max-width: none !important;
}
.steel3d-root.is-console-visible #steel3d-manager > .s3d-wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 12px 12px;
}
.steel3d-root.is-console-visible #steel3dMgrShell,
.steel3d-root.is-console-visible #steel3d-company-console {
  display: block !important;
}
.steel3d-root.is-console-visible #steel3dOwnerToolbar {
  display: none !important;
}
.steel3d-root .s3d-cad-cc-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  padding: 12px 14px;
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 6px;
  margin-bottom: 8px;
}
.steel3d-root .s3d-cad-cc-brand {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 160px;
}
.steel3d-root .s3d-cad-cc-kicker {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #D4AF37;
}
.steel3d-root .s3d-cad-cc-brand strong {
  color: #e8eef6;
  font-size: 15px;
}
.steel3d-root .s3d-cad-cc-jobs,
.steel3d-root .s3d-cad-cc-session {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
  flex: 1 1 280px;
}
.steel3d-root .s3d-cad-cc-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aabc0;
}
.steel3d-root .s3d-cad-cc-field select,
.steel3d-root .s3d-cad-cc-field input {
  min-width: 140px;
  background: #0b0e14;
  border: 1px solid #232b3b;
  color: #e8eef6;
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 13px;
}
.steel3d-root .s3d-cad-cc-hint {
  margin: 0 0 10px;
  color: #9aabc0;
  font-size: 12px;
}
.steel3d-root .s3d-cad-cc-stubs {
  display: none !important;
}
.steel3d-root.is-console-visible.s3d-mode-workspace #steel3d-manager,
.steel3d-root.s3d-mode-cad-cc #steel3d-manager {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}
.steel3d-root.is-console-visible #s3dSketchWorkspace,
.steel3d-root.is-console-visible.s3d-mode-workspace #s3dSketchWorkspace {
  display: grid !important;
  min-height: calc(100dvh - var(--s3d-head-h, 88px) - 140px);
}
.s3d-cad-viewer-mount {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.s3d-cad-viewer-mount canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.s3d-ws-view-hint {
  position: absolute;
  left: 10px;
  bottom: 8px;
  margin: 0;
  z-index: 2;
  pointer-events: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9aabc0;
}
.s3d-ws-view-wrap #s3dFrameCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
/* ===== BUILD-2026-09-04ws: top actions · 01|02 · S3D under both ===== */
.steel3d-root.s3d-mode-workspace .s3d-ws.s3d-ws--workstation,
.steel3d-root.is-console-visible #s3dSketchWorkspace.s3d-ws--workstation,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  align-content: stretch !important;
  width: 100% !important;
  max-width: min(1680px, 100%) !important;
  margin-inline: auto;
  min-height: calc(100dvh - var(--s3d-head-h, 72px));
  height: auto !important;
  overflow: visible !important;
  gap: 8px;
  padding: 8px max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
  box-sizing: border-box;
}
/* Slim top action bar — never a side column */
.s3d-ws--workstation > .s3d-ws-station-head {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  padding: 6px 10px;
  min-height: 0;
  height: auto;
  max-height: none;
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 6px;
  flex: 0 0 auto !important;
  width: 100% !important;
  align-self: stretch !important;
  box-sizing: border-box;
}
.s3d-ws-station-brand {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 0 1 auto;
}
.s3d-ws-station-brand strong {
  color: #e8eef6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.s3d-ws-station-brand span {
  color: #6b7c90;
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
}
.s3d-ws-station-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-end;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}
.s3d-ws-export-sep {
  display: inline-block;
  width: 1px;
  height: 22px;
  background: #2a3344;
  margin: 0 2px;
  flex: 0 0 auto;
}
.s3d-ws-station-actions .s3d-btn {
  min-height: 32px;
  min-width: auto;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.2;
}
.s3d-ws-station-actions .s3d-btn--compact {
  min-height: 30px;
  padding: 4px 8px;
  font-size: 10px;
  letter-spacing: 0.04em;
}
/* Phone / tablet: Clear + Generate hit Directive 01 48px targets */
@media (max-width: 900px), ((hover: none) and (pointer: coarse)) {
  .s3d-ws-station-actions {
    width: 100%;
    justify-content: stretch;
  }
  .s3d-ws-station-actions .s3d-btn,
  .s3d-ws-station-actions #s3dWsGenerate,
  .s3d-ws-station-actions #s3dWsClear,
  .s3d-ws-toolbar-actions #s3dWsClearIngest {
    min-height: 48px !important;
    min-width: 48px !important;
    padding: 10px 14px !important;
    font-size: 12px !important;
    touch-action: manipulation;
  }
  .s3d-ws-toolbar-actions #s3dWsClearIngest {
    flex: 1 1 auto;
  }
  .steel3d-root .s3d-industrial-cta {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }
  .steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill,
  .steel3d-root .s3d-industrial-cta button.s3d-pill.s3d-pill--orange {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    color: #0b0e14 !important;
    -webkit-text-fill-color: #0b0e14 !important;
    background: #D4AF37 !important;
  }
}
/* 01 left | 02 right · S3D full width under both */
.s3d-ws--workstation > .s3d-ws-panels {
  flex: 1 1 auto !important;
  min-height: 0;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(360px, 1.25fr) minmax(220px, 0.75fr);
  gap: 20px;
  align-items: stretch;
  justify-items: stretch;
}
.s3d-ws--layout-2-1 .s3d-ws-left {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}
.s3d-ws--layout-2-1 .s3d-ws-center {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}
.s3d-ws--layout-2-1 .s3d-ws-coach {
  grid-column: 1 / -1;
  grid-row: 2;
  justify-self: stretch;
  width: 100% !important;
  max-width: none !important;
}
.s3d-ws--workstation .s3d-ws-panel {
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 6px;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.s3d-ws--workstation .s3d-ws-bom {
  grid-column: auto;
  border: none;
  border-top: 1px solid #232b3b;
  border-radius: 0;
  max-height: 34%;
  min-height: 120px;
  background: #0f141d;
}
.s3d-ws--workstation .s3d-ws-canvas-wrap {
  flex: 1 1 55%;
  min-height: 160px;
}
.s3d-ws--workstation .s3d-ws-view-wrap {
  flex: 1 1 auto;
  min-height: 220px;
}
.s3d-ws-panel-tag {
  color: #9aabc0 !important;
  font-size: 9px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
/* Panel 3 — S3D AI Coach */
.s3d-ws-coach {
  background: #0f141d !important;
  border-color: #1e2a3a !important;
}
.s3d-coach-head {
  padding: 12px 14px 8px;
  border-bottom: 1px solid #232b3b;
  flex-shrink: 0;
}
.s3d-coach-brand {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #D4AF37;
}
.s3d-coach-status {
  margin: 6px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 0.04em;
  color: #9aabc0;
  background: rgba(212, 175, 55, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 4px;
  padding: 5px 8px;
}
.s3d-coach-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #D4AF37;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.8);
  animation: s3d-coach-pulse 1.8s ease-in-out infinite;
}
@keyframes s3d-coach-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}
.s3d-coach-tips {
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #232b3b;
  background: linear-gradient(180deg, rgba(212, 175, 55, 0.07), transparent);
  flex-shrink: 0;
}
.s3d-coach-tips-label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #D4AF37;
  margin-bottom: 4px;
}
.s3d-coach-tip {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #c5d0de;
  font-family: Arial, Helvetica, sans-serif;
}
.s3d-coach-chat {
  flex: 1 1 auto;
  min-height: 140px;
  overflow: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  -webkit-overflow-scrolling: touch;
}
.s3d-coach-msg {
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid #232b3b;
  font-size: 12px;
  line-height: 1.5;
  color: #e8eef6;
  font-family: Arial, Helvetica, sans-serif;
  white-space: pre-wrap;
  word-break: break-word;
}
.s3d-coach-msg--s3d {
  background: #121721;
  border-color: rgba(212, 175, 55, 0.28);
  align-self: flex-start;
}
.s3d-coach-msg--user {
  background: #0b0e14;
  border-color: #3a4558;
  align-self: flex-end;
}
.s3d-coach-msg .s3d-coach-who {
  display: block;
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #D4AF37;
  margin-bottom: 6px;
}
.s3d-coach-msg--user .s3d-coach-who { color: #9aabc0; }
.s3d-coach-msg pre,
.s3d-coach-msg .s3d-coach-code {
  margin: 8px 0 0;
  padding: 10px;
  background: #0b0e14;
  border: 1px solid #232b3b;
  border-radius: 4px;
  overflow: auto;
  font-size: 11px;
  color: #7ee0ff;
}
.s3d-coach-msg .s3d-coach-ascii {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.25;
  color: #c5d0de;
}
.s3d-coach-compose {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px 12px;
  border-top: 1px solid #232b3b;
  flex-shrink: 0;
  background: #121721;
}
.s3d-coach-input {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  min-height: 56px;
  max-height: 140px;
  background: #0b0e14;
  border: 1px solid #232b3b;
  border-radius: 4px;
  color: #e8eef6;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.s3d-coach-input:focus {
  outline: none;
  border-color: #D4AF37;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.25);
}
.s3d-coach-compose-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.s3d-coach-compose-actions .s3d-btn {
  min-height: 40px;
  min-width: auto;
  padding: 8px 12px;
  font-size: 11px;
}
/* Workspace-only shell (marketing pages removed) */
.steel3d-root.s3d-theme-cad.s3d-bg--ink,
.steel3d-root.s3d-mode-workspace {
  background: #0b0e14;
  color: #e8eef6;
}
.s3d-head--workspace-only {
  border-bottom: 1px solid #232b3b;
  background: #0f141d;
}
.s3d-main--workspace-only {
  padding: 0;
  max-width: none;
}
.steel3d-root.s3d-mode-workspace .s3d-ws.s3d-ws--workstation,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: min(1680px, 100%);
  margin-inline: auto;
  min-height: calc(100dvh - var(--s3d-head-h, 72px));
}
@media (max-width: 1100px) {
  .s3d-ws--workstation > .s3d-ws-panels {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: minmax(280px, 1fr) minmax(240px, 38vh);
  }
  .s3d-ws--layout-2-1 .s3d-ws-coach {
    grid-column: 1 / -1;
    width: 100% !important;
    min-height: 240px;
  }
}
@media (max-width: 760px) {
  .steel3d-root.s3d-mode-workspace .s3d-ws.s3d-ws--workstation {
    min-height: auto;
    height: auto;
    overflow: auto;
  }
  .s3d-ws--workstation > .s3d-ws-panels {
    display: flex !important;
    flex-direction: column;
  }
  .s3d-ws--workstation .s3d-ws-panel {
    min-height: min(48vh, 420px);
  }
  .s3d-ws-coach {
    min-height: 320px;
  }
  .s3d-ws-station-actions {
    width: 100%;
  }
  .s3d-ws-station-actions .s3d-btn {
    flex: 1 1 calc(33.33% - 6px);
  }
  .s3d-ws-export-sep {
    display: none;
  }
}
.s3d-ws-sidenotes-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 12px 10px;
  border-top: 1px solid #232b3b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aabc0;
  flex-shrink: 0;
}
.s3d-ws-sidenotes {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  min-height: 64px;
  max-height: 140px;
  background: #0b0e14;
  border: 1px solid #232b3b;
  border-radius: 4px;
  color: #e8eef6;
  padding: 8px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
}
.s3d-ws-sidenotes:focus {
  outline: none;
  border-color: #D4AF37;
}
.s3d-ws-drop.is-flash {
  outline: 2px solid #D4AF37;
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.2);
}
/* ===== BUILD-2026-09-04b: industrial hero + feature grid + quote ===== */
.s3d-industrial-hero {
  position: relative;
  padding: clamp(40px, 7vh, 72px) 0 clamp(28px, 4vh, 40px);
  border-bottom: 1px solid #232b3b;
  background:
    radial-gradient(ellipse 55% 70% at 50% 20%, rgba(212, 175, 55, 0.12), transparent 60%),
    linear-gradient(180deg, rgba(212, 175, 55, 0.04), transparent 70%);
}
.s3d-industrial-hero-inner {
  max-width: min(920px, 100%);
  margin-inline: auto;
  padding-inline: max(20px, env(safe-area-inset-left));
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.s3d-industrial-kicker {
  margin: 0 auto 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #D4AF37;
}
/* Old orange status pill (hero kicker) */
.steel3d-root .s3d-industrial-kicker.s3d-pill,
.steel3d-root .s3d-pill.s3d-pill--orange,
.s3d-industrial-kicker.s3d-pill--orange {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: min(100%, 42rem) !important;
  margin: 0 auto 1.1rem !important;
  padding: 0.45rem 1rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(201, 169, 98, 0.55) !important;
  background: rgba(201, 169, 98, 0.1) !important;
  color: #e8c878 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-industrial-kicker.s3d-pill::before,
.steel3d-root .s3d-pill.s3d-pill--orange::before,
.s3d-industrial-kicker.s3d-pill--orange::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 2px !important;
  border-radius: 0 !important;
  background: #D4AF37 !important;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.55) !important;
  flex: 0 0 auto !important;
}
.s3d-industrial-title {
  margin: 0 0 16px;
  max-width: 22ch;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(1.55rem, 3.2vw, 2.35rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: #e8eef6;
  text-align: center;
}
.s3d-industrial-sub {
  margin: 0 0 22px;
  max-width: 54ch;
  font-size: 15px;
  line-height: 1.55;
  color: #9aabc0;
  text-align: center;
}
.s3d-industrial-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.s3d-industrial-cta .s3d-btn {
  min-height: 48px;
  padding: 12px 20px;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
/* Hero CTAs — same amber pill language as the kicker */
.steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill,
.steel3d-root .s3d-industrial-cta button.s3d-pill.s3d-pill--orange {
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: min(100%, 28rem) !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0.55rem 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(201, 169, 98, 0.55) !important;
  background: rgba(201, 169, 98, 0.1) !important;
  color: #e8c878 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
.steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill::before,
.steel3d-root .s3d-industrial-cta button.s3d-pill.s3d-pill--orange::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 2px !important;
  border-radius: 0 !important;
  background: #D4AF37 !important;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.55) !important;
  flex: 0 0 auto !important;
}
.steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill:hover,
.steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill:focus-visible,
.steel3d-root .s3d-industrial-cta button.s3d-pill.s3d-pill--orange:hover,
.steel3d-root .s3d-industrial-cta button.s3d-pill.s3d-pill--orange:focus-visible {
  background: rgba(201, 169, 98, 0.18) !important;
  border-color: rgba(232, 200, 120, 0.75) !important;
  color: #f0d090 !important;
  outline: none !important;
}
.steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill:active {
  background: rgba(201, 169, 98, 0.24) !important;
}
.s3d-feature-grid-wrap {
  padding: 18px 0 8px;
}
.s3d-feature-grid {
  list-style: none;
  margin: 0 auto;
  padding: 0 max(16px, env(safe-area-inset-left));
  max-width: min(1100px, 100%);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.s3d-feature-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 18px 14px 16px;
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 6px;
  min-height: 130px;
  text-align: center;
}
.s3d-feature-card--icon {
  position: relative;
}
/* Legacy media cards — hide screenshots if old markup cached */
.s3d-feature-card--media .s3d-feature-media {
  display: none !important;
}
.s3d-feature-card--media {
  padding: 18px 14px 16px !important;
}
/* Image + icon cards (showcase-style) */
.s3d-feature-card--media {
  padding: 0;
  gap: 0;
  min-height: 0;
  overflow: hidden;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.s3d-feature-card--media:hover {
  border-color: #3a4a5e;
  transform: translateY(-2px);
}
.s3d-feature-media {
  position: relative;
  display: block;
  background: #0b0e14;
  overflow: hidden;
}
.s3d-feature-media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.35s ease;
}
.s3d-feature-card--media:hover .s3d-feature-media img {
  transform: scale(1.03);
}
.s3d-feature-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 12px 16px;
  border-top: 1px solid #232b3b;
  background: #0f141d;
  text-align: center;
}
.s3d-feature-idx {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  color: #9aabc0;
}
.s3d-feature-card strong {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #e8eef6;
  line-height: 1.35;
  text-align: center;
}
.s3d-feature-card span:last-child,
.s3d-feature-desc {
  font-size: 12px;
  color: #9aabc0;
  line-height: 1.4;
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
}
.s3d-feature-ico {
  position: static;
  left: auto;
  bottom: auto;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0 0 4px;
  border-radius: 6px;
  background: #0b1220;
  border: 1px solid rgba(212, 175, 55, 0.55);
  color: #7ee0ff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  z-index: 1;
}
.s3d-feature-ico svg {
  width: 20px;
  height: 20px;
  display: block;
}
.steel3d-root .s3d-feature-card--icon .s3d-feature-ico,
.steel3d-root .s3d-feature-card .s3d-feature-ico {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 auto 2px !important;
}
.s3d-quote-section {
  padding: 12px 0 8px;
}
.s3d-quote-section[hidden] {
  display: none !important;
}
.s3d-quote-inner {
  max-width: min(1100px, 100%);
  margin-inline: auto;
  padding: 16px max(16px, env(safe-area-inset-left));
  background: #0f141d;
  border: 1px solid #232b3b;
  border-radius: 6px;
}
.s3d-quote-title {
  margin: 0 0 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #D4AF37;
}
.s3d-quote-lead {
  margin: 0 0 12px;
  color: #9aabc0;
  font-size: 13px;
}
.s3d-quote-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 12px;
}
.s3d-quote-stats div {
  padding: 10px;
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 4px;
}
.s3d-quote-stats dt {
  margin: 0 0 4px;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9aabc0;
}
.s3d-quote-stats dd {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #e8eef6;
}
.s3d-quote-note {
  margin: 0 0 12px;
  font-size: 12px;
  color: #9aabc0;
}
.s3d-quote-note a {
  color: #D4AF37;
}
@media (max-width: 900px) {
  .s3d-feature-grid,
  .s3d-quote-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .s3d-industrial-title {
    max-width: none;
  }
}
@media (max-width: 520px) {
  .s3d-feature-grid,
  .s3d-quote-stats {
    grid-template-columns: 1fr;
  }
}
/* Showcase panels — row1: 1|2, row2: 3|4 */
.s3d-showcase-wrap {
  padding: 10px 0 20px;
}
.s3d-showcase-heading {
  margin: 0 auto 12px;
  max-width: min(1100px, 100%);
  padding-inline: max(16px, env(safe-area-inset-left));
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #D4AF37;
  text-align: center;
}
.s3d-showcase-grid {
  margin: 0 auto;
  padding: 0 max(16px, env(safe-area-inset-left));
  max-width: min(1100px, 100%);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 12px;
}
.s3d-showcase-panel {
  margin: 0;
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.s3d-showcase-panel img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top center;
  background: #0b0e14;
}
.s3d-showcase-panel figcaption {
  padding: 8px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9aabc0;
  border-top: 1px solid #232b3b;
}
@media (max-width: 700px) {
  .s3d-showcase-grid { grid-template-columns: 1fr; }
}
/* Detailing cost estimator */
.s3d-pricing-estimator {
  padding: 12px 0 24px;
}
.s3d-pricing-estimator-inner {
  max-width: min(1100px, 100%);
  margin-inline: auto;
  padding: 18px max(16px, env(safe-area-inset-left));
  background: #0f141d;
  border: 1px solid #232b3b;
  border-radius: 6px;
}
.s3d-pricing-estimator h2 {
  margin: 0 0 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #D4AF37;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.s3d-pricing-estimator-lead {
  margin: 0 0 14px;
  font-size: 13px;
  color: #9aabc0;
}
.s3d-pricing-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 14px;
  align-items: start;
}
.s3d-pricing-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.s3d-pricing-form label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aabc0;
}
.s3d-pricing-form select,
.s3d-pricing-form input[type="number"],
.s3d-pricing-form input[type="text"] {
  background: #0b0e14;
  border: 1px solid #232b3b;
  border-radius: 4px;
  color: #e8eef6;
  padding: 8px 10px;
  font-size: 13px;
  min-height: 40px;
}
.s3d-pricing-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.s3d-pricing-row--stack {
  grid-template-columns: 1fr;
  gap: 8px;
}
.s3d-pricing-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  color: #c5d0de;
  text-transform: none;
  letter-spacing: 0;
  font-family: inherit;
}
.s3d-pricing-checks label {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  color: #c5d0de;
}
/* Aligned tick rows — same left edge, same box height */
.steel3d-root .s3d-pricing-form label.s3d-pricing-check,
.s3d-pricing-form label.s3d-pricing-check {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 12px !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  background: #0b0e14 !important;
  border: 1px solid #232b3b !important;
  border-radius: 4px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #c5d0de !important;
  cursor: pointer !important;
}
.steel3d-root .s3d-pricing-form label.s3d-pricing-check span,
.s3d-pricing-form label.s3d-pricing-check span {
  flex: 1 1 auto;
  line-height: 1.35;
  text-align: left;
}
.steel3d-root .s3d-pricing-form label.s3d-pricing-check input[type="checkbox"],
.s3d-pricing-form label.s3d-pricing-check input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: checkbox;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 18px !important;
  align-self: center !important;
  accent-color: #00c4d6;
  cursor: pointer;
}
.s3d-pricing-catalogue {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(90px, 110px) auto auto;
  gap: 8px;
  align-items: end;
}
.s3d-price-item-type {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}
.steel3d-root .s3d-price-type-btn,
.s3d-price-type-btn {
  min-height: 48px;
  min-width: 48px;
  padding: 0 14px;
  border: 2px solid #D4AF37;
  background: #0B0E14;
  color: #D4AF37;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  cursor: pointer;
}
.steel3d-root .s3d-price-type-btn.is-active,
.s3d-price-type-btn.is-active,
.steel3d-root .s3d-price-type-btn[aria-selected="true"],
.s3d-price-type-btn[aria-selected="true"] {
  background: #D4AF37;
  color: #0B0E14;
}
.s3d-pricing-catalogue--bracket {
  grid-template-columns: minmax(80px, 1fr) minmax(100px, 1fr) repeat(3, minmax(70px, 1fr));
}
.s3d-pricing-catalogue--actions {
  grid-template-columns: auto auto;
  justify-content: start;
  margin-top: 8px;
}
.s3d-price-plate-preview {
  color: #D4AF37 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-weight: 700;
}
.steel3d-root .s3d-price-qty,
.s3d-price-qty {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-height: 48px;
  border: 2px solid #D4AF37;
  background: #0B0E14;
  box-sizing: border-box;
}
.steel3d-root .s3d-price-qty-field,
.s3d-price-qty-field {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  min-width: 88px;
  text-transform: none !important;
  letter-spacing: 0.04em !important;
  color: #D4AF37 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.steel3d-root .s3d-price-qty-prefix,
.s3d-price-qty-prefix {
  color: #D4AF37;
}
.steel3d-root .s3d-price-qty-field input,
.s3d-price-qty-field input,
.steel3d-root #s3dPricingEstimator #s3dPriceQty {
  width: 4.4rem;
  min-width: 4.4rem;
  min-height: 44px !important;
  padding: 0 4px !important;
  border: 0 !important;
  background: transparent !important;
  color: #D4AF37 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
}
.steel3d-root #s3dPricingEstimator.is-plate-mode #s3dPriceQty {
  width: 5.2rem;
  min-width: 5.2rem;
}
.steel3d-root .s3d-price-qty-btn,
.s3d-price-qty-btn {
  min-width: 48px;
  min-height: 48px;
  padding: 0;
  border: 0;
  border-right: 2px solid #D4AF37;
  background: #0B0E14;
  color: #D4AF37;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.steel3d-root .s3d-price-qty-btn:last-of-type,
.s3d-price-qty-btn:last-of-type {
  border-right: 0;
  border-left: 2px solid #D4AF37;
}
.steel3d-root .s3d-price-qty-btn:hover,
.steel3d-root .s3d-price-qty-btn:focus-visible,
.s3d-price-qty-btn:hover,
.s3d-price-qty-btn:focus-visible {
  background: rgba(212, 175, 55, 0.12);
}
.steel3d-root .s3d-price-qty-readout,
.s3d-price-qty-readout {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  padding: 0 8px;
  color: #D4AF37;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.s3d-pricing-lines {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 220px;
  overflow: auto;
  border: 1px solid #232b3b;
  border-radius: 4px;
  background: #0b0e14;
}
.s3d-pricing-lines li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 10px;
  border-bottom: 1px solid #1a2230;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #e8eef6;
}
.s3d-pricing-lines li.s3d-price-line {
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 10px;
}
.s3d-pricing-lines li:last-child { border-bottom: none; }
.steel3d-root .s3d-price-line-main,
.s3d-price-line-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 160px;
}
.steel3d-root .s3d-price-line-badge,
.s3d-price-line-badge {
  color: #D4AF37;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.steel3d-root .s3d-price-line-badge--bracket,
.s3d-price-line-badge--bracket {
  display: inline-block;
  background: #D4AF37;
  color: #0B0E14;
  padding: 4px 8px;
  font-weight: 800;
  letter-spacing: 0.03em;
}
.steel3d-root .s3d-price-line-meta,
.s3d-price-line-meta {
  color: #9aabc0;
  font-size: 11px;
}
.steel3d-root .s3d-price-line-actions,
.s3d-price-line-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.steel3d-root .s3d-price-qty--row,
.s3d-price-qty--row {
  min-height: 48px;
}
.s3d-pricing-lines button[data-idx] {
  background: transparent;
  border: none;
  color: #ff6b6b;
  cursor: pointer;
  font-size: 11px;
  min-width: 48px;
  min-height: 48px;
}
.s3d-pricing-card {
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 6px;
  padding: 14px;
  position: sticky;
  top: 12px;
}
.s3d-pricing-card h3 {
  margin: 0 0 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9aabc0;
}
.s3d-pricing-fee {
  margin: 0 0 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 28px;
  color: #38ef7d;
}
.s3d-pricing-fee-sub {
  margin: 0 0 12px;
  font-size: 12px;
  color: #9aabc0;
}
.s3d-pricing-breakdown {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: #c5d0de;
}
.s3d-pricing-breakdown li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px solid #1a2230;
}
.s3d-pricing-deliverables {
  margin: 0 0 14px;
  padding: 0 0 0 16px;
  font-size: 12px;
  color: #9aabc0;
}
.s3d-pricing-deliverables li { margin: 4px 0; }
.s3d-pricing-card .s3d-btn {
  width: 100%;
  min-height: 44px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 12px;
}
@media (max-width: 860px) {
  .s3d-pricing-layout { grid-template-columns: 1fr; }
  .s3d-pricing-card { position: static; }
}
/* Revisions & variations */
.s3d-variations-panel { padding: 8px 0 20px; }
.s3d-variations-inner {
  max-width: min(1100px, 100%);
  margin-inline: auto;
  padding: 16px max(16px, env(safe-area-inset-left));
  background: #0f141d;
  border: 1px solid #232b3b;
  border-radius: 6px;
}
.s3d-variations-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.s3d-variations-head h2 {
  margin: 0 0 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #D4AF37;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.s3d-variations-lead { margin: 0; font-size: 12px; color: #9aabc0; }
.s3d-variations-job {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aabc0;
  font-family: Arial, Helvetica, sans-serif;
}
.s3d-variations-job input,
.s3d-var-issue input {
  background: #0b0e14;
  border: 1px solid #232b3b;
  border-radius: 4px;
  color: #e8eef6;
  padding: 8px 10px;
  min-height: 38px;
  font-size: 13px;
}
.s3d-var-banner {
  margin: 0 0 10px;
  padding: 10px 12px;
  background: rgba(255, 107, 107, 0.12);
  border: 1px solid rgba(255, 107, 107, 0.45);
  border-radius: 4px;
  color: #ffb4b4;
  font-size: 12px;
}
.s3d-var-banner[hidden] { display: none !important; }
.s3d-var-total { margin: 0 0 10px; font-size: 12px; color: #38ef7d; font-family: Arial, Helvetica, sans-serif; }
.s3d-var-issue {
  display: grid;
  grid-template-columns: 70px 90px minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: end;
  margin-bottom: 12px;
}
.s3d-var-issue label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aabc0;
  font-family: Arial, Helvetica, sans-serif;
}
.s3d-var-card {
  background: #121721;
  border: 1px solid #232b3b;
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 10px;
}
.s3d-var-card.is-pending { border-color: rgba(212, 175, 55, 0.45); }
.s3d-var-card header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  font-family: Arial, Helvetica, sans-serif;
  color: #e8eef6;
}
.s3d-var-status { color: #D4AF37; font-size: 10px; letter-spacing: 0.1em; }
.s3d-var-card p { margin: 0 0 8px; font-size: 13px; color: #c5d0de; }
.s3d-var-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0 0 10px;
}
.s3d-var-meta dt { font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: #9aabc0; margin: 0 0 2px; }
.s3d-var-meta dd { margin: 0; font-size: 12px; color: #e8eef6; }
.s3d-var-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; }
.s3d-var-sign { flex: 1 1 200px; display: flex; flex-direction: column; gap: 4px; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: #9aabc0; }
.s3d-var-sign-input { background: #0b0e14; border: 1px solid #232b3b; border-radius: 4px; color: #e8eef6; padding: 8px 10px; min-height: 38px; }
.s3d-var-empty { color: #9aabc0; font-size: 12px; }
.s3d-var-signed { margin: 0; font-size: 11px; color: #38ef7d; }
@media (max-width: 800px) {
  .s3d-var-issue { grid-template-columns: 1fr 1fr; }
  .s3d-var-summary { grid-column: 1 / -1; }
  .s3d-var-meta { grid-template-columns: 1fr; }
}
/* Guest Submit — unauthenticated intake */
.s3d-guest-submit {
  padding: 2.5rem 0 3rem;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}
.s3d-guest-inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 1.25rem;
}
.s3d-guest-submit h2 {
  margin: 0 0 0.35rem;
  font-size: 1.45rem;
  letter-spacing: 0.02em;
  color: #e2e8f0;
}
.s3d-guest-lead {
  margin: 0 0 1.1rem;
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.45;
}
.s3d-guest-form {
  display: grid;
  gap: 0.75rem;
}
.s3d-guest-form label {
  display: grid;
  gap: 0.3rem;
  color: #cbd5e1;
  font-size: 0.85rem;
}
.s3d-guest-form input {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(148, 163, 184, 0.28);
  color: #f1f5f9;
  border-radius: 6px;
  padding: 0.55rem 0.7rem;
  font: inherit;
}
.s3d-guest-form .s3d-btn {
  margin-top: 0.35rem;
  justify-self: start;
}
.s3d-guest-status {
  margin: 0.85rem 0 0;
  font-size: 0.9rem;
}
.s3d-guest-status.is-ok { color: #86efac; }
.s3d-guest-status.is-err { color: #fca5a5; }
.s3d-guest-result {
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(212, 175, 55, 0.35);
  background: rgba(14, 116, 144, 0.15);
  border-radius: 8px;
}
.s3d-guest-result strong {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  color: #D4AF37;
  margin: 0.25rem 0 0.5rem;
}
.steel3d-root.s3d-mode-workspace #s3dGuestSubmit,
.steel3d-root.s3d-mode-workspace .s3d-guest-submit {
  display: block;
}
/* Legal footer + modals (workspace SPA) */
.steel3d-root > .s3d-legal-foot,
.steel3d-root .s3d-legal-foot {
  display: block !important;
  visibility: visible !important;
  margin-top: 2rem;
  padding: 1.25rem 0 1.75rem;
  border-top: 1px solid rgba(148, 163, 184, 0.2);
  background: linear-gradient(180deg, rgba(2, 6, 23, 0.2), rgba(2, 6, 23, 0.85));
}
.s3d-legal-foot-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.25rem;
  align-items: center;
  justify-content: space-between;
}
.s3d-legal-foot-brand {
  margin: 0;
  color: #94a3b8;
  font-size: 0.82rem;
}
.s3d-legal-foot-brand a { color: #D4AF37; text-decoration: none; }
.s3d-legal-foot-brand-block {
  display: grid;
  gap: 0.35rem;
  max-width: 36rem;
}
.s3d-legal-foot-address {
  margin: 0;
  color: #94a3b8;
  font-size: 0.78rem;
  line-height: 1.4;
}
.s3d-legal-foot-badge {
  margin: 0;
  justify-self: start;
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-radius: 4px;
  color: #D4AF37;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  font-weight: 700;
}
.s3d-legal-foot-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.65rem;
  align-items: center;
  font-size: 0.88rem;
}
.s3d-legal-foot-nav a {
  color: #cbd5e1;
  text-decoration: none;
  border-bottom: 1px solid rgba(212, 175, 55, 0.35);
}
.s3d-legal-foot-nav a:hover,
.s3d-legal-foot-nav a:focus-visible {
  color: #D4AF37;
}
.s3d-legal-foot-nav span {
  color: #64748b;
}
.s3d-guest-accept {
  display: grid !important;
  grid-template-columns: auto 1fr;
  gap: 0.55rem;
  align-items: start;
  margin-top: 0.25rem;
  color: #cbd5e1;
  font-size: 0.88rem;
  line-height: 1.4;
}
.s3d-guest-accept input[type="checkbox"] {
  margin-top: 0.2rem;
  width: 1.05rem;
  height: 1.05rem;
}
.s3d-guest-accept a {
  color: #D4AF37;
}
.s3d-legal-modal[hidden] { display: none !important; }
.s3d-legal-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.s3d-legal-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.72);
}
.s3d-legal-modal-panel {
  position: relative;
  width: min(560px, 100%);
  max-height: min(80vh, 640px);
  overflow: auto;
  background: #0f172a;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
  padding: 1rem 1.1rem 1.15rem;
  color: #e2e8f0;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}
.s3d-legal-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}
.s3d-legal-modal-head h2 {
  margin: 0;
  font-size: 1.1rem;
  color: #f8fafc;
}
.s3d-legal-modal-body {
  font-size: 0.92rem;
  line-height: 1.45;
  color: #cbd5e1;
}
.s3d-legal-modal-body ul {
  margin: 0.5rem 0 0;
  padding-left: 1.1rem;
}
.s3d-legal-modal-body a { color: #D4AF37; }
.s3d-legal-modal-full {
  margin: 0.85rem 0 0;
  font-size: 0.88rem;
}
.s3d-legal-modal-full a { color: #D4AF37; }
.steel3d-root.s3d-mode-workspace > .s3d-legal-foot,
.steel3d-root.s3d-mode-workspace #s3dLegalFooter {
  display: block !important;
  visibility: visible !important;
}
/* Header Showcase nav */
.s3d-head-actions {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  flex-wrap: wrap;
}
.s3d-head-nav {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.s3d-nav-link {
  color: #cbd5e1;
  text-decoration: none;
  font-size: 0.88rem;
  letter-spacing: 0.04em;
  border-bottom: 1px solid transparent;
  padding: 0.15rem 0;
}
.s3d-nav-link:hover,
.s3d-nav-link:focus-visible {
  color: #D4AF37;
  border-bottom-color: rgba(212, 175, 55, 0.55);
}
/* Showcase lead + clickable panels */
.s3d-showcase-lead {
  margin: 0 auto 14px;
  max-width: min(1100px, 100%);
  padding-inline: max(16px, env(safe-area-inset-left));
  color: #94a3b8;
  font-size: 0.92rem;
  line-height: 1.4;
  text-align: center;
}
.s3d-showcase-open {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
  text-align: left;
  color: inherit;
}
.s3d-showcase-open:focus-visible {
  outline: 2px solid #D4AF37;
  outline-offset: 2px;
}
.s3d-showcase-placeholder {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 10;
  background: #0b0e14;
  color: #64748b;
  font-size: 0.85rem;
  padding: 1rem;
  text-align: center;
}
.s3d-showcase-panel figcaption strong {
  display: block;
  color: #e2e8f0;
  letter-spacing: 0.08em;
}
.s3d-showcase-sub {
  display: block;
  margin-top: 0.25rem;
  color: #94a3b8;
  letter-spacing: 0.04em;
  text-transform: none;
  font-size: 0.78rem;
}
/* Lightbox */
.s3d-showcase-lightbox[hidden] { display: none !important; }
.s3d-showcase-lightbox {
  position: fixed;
  inset: 0;
  z-index: 13000;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.s3d-showcase-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.82);
}
.s3d-showcase-lightbox-panel {
  position: relative;
  width: min(1100px, 100%);
  max-height: min(92vh, 900px);
  overflow: auto;
  background: #0f172a;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 10px;
  padding: 0.85rem 0.95rem 1rem;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.5);
}
.s3d-showcase-lightbox-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.65rem;
}
.s3d-showcase-lightbox-head h2 {
  margin: 0;
  font-size: 1.05rem;
  color: #f8fafc;
}
.s3d-showcase-lightbox-head p {
  margin: 0.2rem 0 0;
  color: #94a3b8;
  font-size: 0.88rem;
}
.s3d-showcase-lightbox-panel img {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(78vh, 760px);
  object-fit: contain;
  background: #020617;
  border-radius: 6px;
}
html.s3d-lb-open,
html.s3d-lb-open body {
  overflow: hidden;
}
/* ===== BUILD-2026-09-04ui: calm fabricator shell + nuclear landing visibility ===== */
.steel3d-root.s3d-mode-workspace {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  height: auto !important;
  max-height: none !important;
}
html:has(.steel3d-root.s3d-mode-workspace),
body:has(.steel3d-root.s3d-mode-workspace) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: none !important;
}
/* Force marketing sections visible above the tool */
.steel3d-root.s3d-mode-workspace #steel3d-main > .s3d-industrial-hero,
.steel3d-root.s3d-mode-workspace #steel3d-main > #steel3d-hero,
.steel3d-root.s3d-mode-workspace #steel3d-main > .s3d-feature-grid-wrap,
.steel3d-root.s3d-mode-workspace #steel3d-main > #steel3d-features,
.steel3d-root.s3d-mode-workspace #steel3d-main > .s3d-showcase-wrap,
.steel3d-root.s3d-mode-workspace #steel3d-main > #showcase,
.steel3d-root.s3d-mode-workspace #steel3d-main > .s3d-pricing-estimator,
.steel3d-root.s3d-mode-workspace #steel3d-main > #s3dPricingEstimator,
.steel3d-root.s3d-mode-workspace #steel3d-main > .s3d-guest-submit,
.steel3d-root.s3d-mode-workspace #steel3d-main > #s3dGuestSubmit,
.steel3d-root.s3d-mode-workspace #steel3d-main > .s3d-variations-panel,
.steel3d-root.s3d-mode-workspace #steel3d-main > #s3dVariationsPanel,
.steel3d-root.s3d-mode-workspace #steel3d-main > .s3d-credentials,
.steel3d-root.s3d-mode-workspace #steel3d-main > #steel3d-credentials,
.steel3d-root.s3d-mode-workspace #steel3d-main > .s3d-quote-section:not([hidden]),
.steel3d-root.s3d-mode-workspace main > .s3d-industrial-hero,
.steel3d-root.s3d-mode-workspace main > #steel3d-hero,
.steel3d-root.s3d-mode-workspace main > .s3d-feature-grid-wrap,
.steel3d-root.s3d-mode-workspace main > #steel3d-features,
.steel3d-root.s3d-mode-workspace main > .s3d-showcase-wrap,
.steel3d-root.s3d-mode-workspace main > #showcase,
.steel3d-root.s3d-mode-workspace main > .s3d-pricing-estimator,
.steel3d-root.s3d-mode-workspace main > #s3dPricingEstimator,
.steel3d-root.s3d-mode-workspace main > .s3d-guest-submit,
.steel3d-root.s3d-mode-workspace main > #s3dGuestSubmit,
.steel3d-root.s3d-mode-workspace main > .s3d-variations-panel,
.steel3d-root.s3d-mode-workspace main > #s3dVariationsPanel,
.steel3d-root.s3d-mode-workspace main > .s3d-credentials,
.steel3d-root.s3d-mode-workspace main > #steel3d-credentials,
.steel3d-root.s3d-mode-workspace.is-console-visible main > .s3d-industrial-hero,
.steel3d-root.s3d-mode-workspace.is-console-visible main > #steel3d-hero,
.steel3d-root.s3d-mode-workspace.is-console-visible main > .s3d-feature-grid-wrap,
.steel3d-root.s3d-mode-workspace.is-console-visible main > #steel3d-features,
.steel3d-root.s3d-mode-workspace.is-console-visible main > .s3d-showcase-wrap,
.steel3d-root.s3d-mode-workspace.is-console-visible main > #showcase,
.steel3d-root.s3d-mode-workspace.is-console-visible main > .s3d-pricing-estimator,
.steel3d-root.s3d-mode-workspace.is-console-visible main > #s3dPricingEstimator,
.steel3d-root.s3d-mode-workspace.is-console-visible main > .s3d-guest-submit,
.steel3d-root.s3d-mode-workspace.is-console-visible main > #s3dGuestSubmit,
.steel3d-root.s3d-mode-workspace.is-console-visible main > .s3d-variations-panel,
.steel3d-root.s3d-mode-workspace.is-console-visible main > #s3dVariationsPanel,
.steel3d-root.s3d-mode-workspace.is-console-visible main > .s3d-credentials,
.steel3d-root.s3d-mode-workspace.is-console-visible main > #steel3d-credentials {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  position: relative !important;
  clip: auto !important;
  clip-path: none !important;
}
/* Continuous tool shell — not a stack of cards */
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation,
.steel3d-root.s3d-mode-workspace #s3dSketchWorkspace.s3d-ws--workstation {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 1.25rem auto 2rem !important;
  max-width: min(1760px, calc(100% - 24px)) !important;
  min-height: min(78vh, 900px);
  height: auto !important;
  overflow: visible !important;
  background: #0a0d12 !important;
  border: 1px solid #1a2230 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-station-head {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: #0c1018 !important;
  border: none !important;
  border-bottom: 1px solid #1a2230 !important;
  border-radius: 0 !important;
  flex: 0 0 auto !important;
  width: 100% !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-station-brand strong {
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c5d0de !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-station-brand span {
  color: #5a6b7d !important;
  font-size: 9px !important;
  letter-spacing: 0.06em;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-station-actions .s3d-btn {
  min-height: 28px !important;
  padding: 4px 9px !important;
  font-size: 10px !important;
  border-radius: 2px !important;
  letter-spacing: 0.03em;
  background: transparent !important;
  border-color: #2a3344 !important;
  color: #9aabc0 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-station-actions .s3d-btn:hover {
  border-color: #3d4d63 !important;
  color: #e8eef6 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-station-actions .s3d-btn-primary {
  background: #0e3a42 !important;
  border-color: #00c4d6 !important;
  color: #7ef0ff !important;
  font-weight: 600;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-export-sep {
  background: #1a2230 !important;
  height: 18px !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
  grid-template-rows: minmax(420px, 1.45fr) minmax(148px, 0.42fr) !important;
  gap: 0 !important;
  flex: 1 1 auto !important;
  min-height: 0;
  width: 100% !important;
  background: #0a0d12;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-panel {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-left {
  border-right: 1px solid #1a2230 !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-coach {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  border-top: 1px solid #1a2230 !important;
  background: #080b10 !important;
  min-height: 0 !important;
  max-height: none;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-toolbar {
  padding: 7px 12px !important;
  border-bottom: 1px solid #1a2230 !important;
  background: transparent !important;
  color: #7a8b9c !important;
  font-size: 10px !important;
  letter-spacing: 0.1em;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-panel-tag {
  color: #4a5a6a !important;
  font-size: 9px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-canvas-wrap,
.steel3d-root #s3dSketchWorkspace .s3d-ws-view-wrap {
  background-color: #07090d !important;
  background-image:
    linear-gradient(to right, rgba(26, 34, 48, 0.35) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(26, 34, 48, 0.35) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
  min-height: 220px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-view-wrap {
  background-image: none !important;
  background-color: #05070a !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-drop {
  color: #6b7c90 !important;
  font-size: 12px !important;
  letter-spacing: 0.02em;
  border: 1px dashed #2a3344 !important;
  background: rgba(8, 12, 18, 0.55) !important;
  border-radius: 2px !important;
  padding: 1.25rem !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-controls,
.steel3d-root #s3dSketchWorkspace .s3d-ws-sidenotes-label {
  border-color: #1a2230 !important;
  background: #0a0d12 !important;
  padding: 8px 12px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-bom {
  background: #080b10 !important;
  border-top: 1px solid #1a2230 !important;
  max-height: 28% !important;
  min-height: 100px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-coach-head {
  padding: 8px 12px 6px !important;
  border-bottom: 1px solid #1a2230 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-coach-brand {
  font-size: 12px !important;
  letter-spacing: 0.08em;
  color: #8ad4e0 !important;
  font-weight: 600;
}
.steel3d-root #s3dSketchWorkspace .s3d-coach-status {
  margin-top: 4px !important;
  padding: 3px 7px !important;
  font-size: 9px !important;
  background: transparent !important;
  border-color: #1e2a3a !important;
  color: #6b7c90 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-coach-tips {
  padding: 6px 12px !important;
  background: transparent !important;
  border-bottom: 1px solid #1a2230 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-coach-tips-label {
  color: #8a7a4a !important;
  font-size: 8px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-coach-tip {
  font-size: 11px !important;
  color: #8a9aab !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-coach-chat {
  min-height: 48px !important;
  max-height: 120px;
  padding: 8px 12px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-coach-compose {
  padding: 8px 12px 10px !important;
  background: #0a0d12 !important;
  border-top: 1px solid #1a2230 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-coach-input {
  min-height: 40px !important;
  max-height: 88px !important;
  font-size: 11px !important;
  border-radius: 2px !important;
  border-color: #1a2230 !important;
  background: #05070a !important;
}
@media (max-width: 900px) {
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels {
    display: flex !important;
    flex-direction: column !important;
  }
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-left {
    border-right: none !important;
    border-bottom: 1px solid #1a2230 !important;
  }
}
/* ===== BUILD-2026-09-05nav: fixed chrome + narrow orange tabs + bigger logo ===== */
.steel3d-root header.s3d-head,
.steel3d-root header.s3d-head.s3d-head--workspace-only,
.steel3d-root > header.s3d-head,
.steel3d-root header.s3d-head.s3d-head-scrolled,
body > header.s3d-head,
body > header.s3d-head.s3d-head--workspace-only,
body > header.s3d-head.s3d-head--viewport-fixed,
html body > header.s3d-head {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  z-index: 100050 !important;
  /* Shallow nav strip on top; logo fixed underneath (does not scroll) */
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  transform: none !important;
  -webkit-transform: none !important;
  filter: none !important;
  pointer-events: none !important;
}
body.admin-bar .steel3d-root header.s3d-head,
body.admin-bar .steel3d-root header.s3d-head.s3d-head--workspace-only,
body.admin-bar > header.s3d-head {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar .steel3d-root header.s3d-head,
  body.admin-bar .steel3d-root header.s3d-head.s3d-head--workspace-only,
  body.admin-bar > header.s3d-head {
    top: 46px !important;
  }
}
.steel3d-root header.s3d-head::before,
.steel3d-root header.s3d-head.s3d-head-scrolled::before,
body > header.s3d-head::before {
  display: none !important;
  opacity: 0 !important;
  content: none !important;
}
/* Thin opaque nav strip — larger tabs, shallow depth */
.steel3d-root nav.s3d-nav.s3d-nav--full,
.steel3d-root .s3d-nav--full,
.steel3d-root header.s3d-head nav.s3d-nav,
body > header.s3d-head nav.s3d-nav {
  order: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left)) !important;
  box-sizing: border-box !important;
  background: rgba(11, 14, 20, 0.96) !important;
  border: none !important;
  border-bottom: 1px solid rgba(201, 169, 98, 0.22) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}
.steel3d-root nav.s3d-nav.s3d-nav--full a,
.steel3d-root .s3d-nav--full .s3d-nav-link,
.steel3d-root header.s3d-head nav.s3d-nav a,
body > header.s3d-head nav.s3d-nav a {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.7rem 1.15rem !important;
  border: 1px solid rgba(201, 169, 98, 0.35) !important;
  border-radius: 0 !important;
  background: rgba(201, 169, 98, 0.06) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  position: relative !important;
  pointer-events: auto !important;
}
/* Logo under nav — fixed with header, transparent band */
.steel3d-root .s3d-head-top,
body > header.s3d-head .s3d-head-top {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 2px max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left)) !important;
  box-sizing: border-box !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.steel3d-root .s3d-head--workspace-only .s3d-mark,
.steel3d-root .s3d-head-top .s3d-mark,
body > header.s3d-head .s3d-mark {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: translateX(28px) !important;
  pointer-events: auto !important;
}
.steel3d-root .s3d-head-top .s3d-mark-brand,
body > header.s3d-head .s3d-mark-brand {
  display: block !important;
  line-height: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-head-top .s3d-logo,
.steel3d-root header.s3d-head .s3d-logo,
body > header.s3d-head .s3d-logo {
  display: block !important;
  height: clamp(132px, 16vw, 220px) !important;
  max-height: 220px !important;
  width: auto !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
/* Old standalone email pill removed — email lives in the nav strip */
.steel3d-root .s3d-head-top .s3d-cta-mini,
body > header.s3d-head .s3d-cta-mini,
.steel3d-root .s3d-head-top .s3d-email-pill,
body > header.s3d-head .s3d-email-pill,
.steel3d-root a.s3d-email-pill,
body > header.s3d-head a.s3d-pill.s3d-pill--orange.s3d-email-pill {
  display: none !important;
}
/* Nav email tab — same chrome as other nav buttons */
.steel3d-root nav.s3d-nav a.s3d-nav-email,
body > header.s3d-head nav.s3d-nav a.s3d-nav-email {
  text-transform: none !important;
  letter-spacing: 0.06em !important;
  text-decoration: none !important;
}
.steel3d-root nav.s3d-nav a.s3d-nav-email .s3d-nav-email-short,
body > header.s3d-head nav.s3d-nav a.s3d-nav-email .s3d-nav-email-short {
  display: none !important;
}
.steel3d-root nav.s3d-nav a.s3d-nav-email .s3d-nav-email-full,
body > header.s3d-head nav.s3d-nav a.s3d-nav-email .s3d-nav-email-full {
  display: inline !important;
}
/* Nav strip chrome already set above — keep hover / underline only */
.steel3d-root nav.s3d-nav.s3d-nav--full a:last-child,
.steel3d-root .s3d-nav--full .s3d-nav-link:last-child,
body > header.s3d-head nav.s3d-nav a:last-child {
  border-right: 1px solid rgba(201, 169, 98, 0.35) !important;
}
.steel3d-root nav.s3d-nav.s3d-nav--full a:hover,
.steel3d-root nav.s3d-nav.s3d-nav--full a:focus-visible,
.steel3d-root .s3d-nav--full .s3d-nav-link:hover,
.steel3d-root .s3d-nav--full .s3d-nav-link:focus-visible,
.steel3d-root header.s3d-head nav.s3d-nav a:hover,
.steel3d-root header.s3d-head nav.s3d-nav a:focus-visible,
body > header.s3d-head nav.s3d-nav a:hover,
body > header.s3d-head nav.s3d-nav a:focus-visible {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: rgba(201, 169, 98, 0.16) !important;
  border: 1px solid #e8c878 !important;
  border-color: #e8c878 !important;
  box-shadow: 0 0 0 1px rgba(232, 200, 120, 0.35) !important;
}
.steel3d-root nav.s3d-nav.s3d-nav--full a::after,
.steel3d-root header.s3d-head nav.s3d-nav a::after,
body > header.s3d-head nav.s3d-nav a::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 5px !important;
  height: 2px !important;
  border-radius: 0 !important;
  background: #D4AF37 !important;
  transform: scaleX(0) !important;
  transform-origin: 0 50% !important;
  transition: transform 0.25s ease !important;
}
.steel3d-root nav.s3d-nav.s3d-nav--full a:hover::after,
.steel3d-root nav.s3d-nav.s3d-nav--full a.s3d-nav-active::after,
.steel3d-root header.s3d-head nav.s3d-nav a:hover::after,
.steel3d-root header.s3d-head nav.s3d-nav a.s3d-nav-active::after,
body > header.s3d-head nav.s3d-nav a:hover::after,
body > header.s3d-head nav.s3d-nav a.s3d-nav-active::after {
  transform: scaleX(1) !important;
}
/* Lift site — clear shallow nav only; logo floats over hero */
.steel3d-root main#steel3d-main,
.steel3d-root .s3d-main--workspace-only {
  padding-top: clamp(5rem, 9vw, 6.25rem) !important;
}
/* Credentials section */
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials {
  display: block !important;
  visibility: visible !important;
  padding: 28px 0 20px;
  border-bottom: 1px solid #232b3b;
}
.steel3d-root .s3d-credentials-inner {
  max-width: min(920px, 100%);
  margin-inline: auto;
  padding-inline: max(16px, env(safe-area-inset-left));
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.steel3d-root .s3d-credentials-kicker {
  margin: 0 !important;
}
.steel3d-root .s3d-credentials-title {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(1.15rem, 2.4vw, 1.55rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #e8eef6;
}
.steel3d-root .s3d-credentials-lead {
  margin: 0;
  max-width: 58ch;
  color: #9aabc0;
  font-size: 14px;
  line-height: 1.55;
}
.steel3d-root .s3d-credentials-badges {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 760px;
}
.steel3d-root .s3d-credentials-badges li {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.85rem;
  border: 1px solid rgba(201, 169, 98, 0.35);
  border-radius: 0;
  background: rgba(201, 169, 98, 0.06);
  color: #e8c878;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.steel3d-root .s3d-credentials-sign {
  margin: 4px 0 0;
  color: #9aabc0;
  font-size: 12px;
}
/* Hero CTAs truly centered */
.steel3d-root .s3d-industrial-hero-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin-inline: auto !important;
}
.steel3d-root .s3d-industrial-cta {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  width: auto !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}
@media (max-width: 720px) {
  .steel3d-root nav.s3d-nav.s3d-nav--full,
  .steel3d-root .s3d-nav--full,
  body > header.s3d-head nav.s3d-nav {
    display: flex !important;
    max-width: calc(100% - 24px) !important;
    gap: 5px !important;
  }
  .steel3d-root nav.s3d-nav.s3d-nav--full a,
  .steel3d-root .s3d-nav--full .s3d-nav-link,
  body > header.s3d-head nav.s3d-nav a {
    flex: 1 1 calc(33.33% - 5px) !important;
    padding: 0.5rem 0.4rem !important;
    font-size: 9px !important;
    border-bottom: 1px solid rgba(201, 169, 98, 0.35) !important;
  }
  .steel3d-root .s3d-head-top .s3d-logo,
  .steel3d-root header.s3d-head .s3d-logo,
  body > header.s3d-head .s3d-logo {
    height: clamp(100px, 24vw, 150px) !important;
    max-height: 150px !important;
  }
  body > header.s3d-head,
  html body > header.s3d-head,
  .steel3d-root header.s3d-head {
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto !important;
  }
  body > header.s3d-head .s3d-mark,
  .steel3d-root .s3d-head-top .s3d-mark {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  body > header.s3d-head .s3d-email-pill,
  .steel3d-root a.s3d-email-pill {
    display: none !important;
  }
  body > header.s3d-head nav.s3d-nav,
  .steel3d-root nav.s3d-nav.s3d-nav--full {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    gap: 8px !important;
    justify-self: center !important;
  }
  body > header.s3d-head nav.s3d-nav a.s3d-nav-email .s3d-nav-email-full {
    display: none !important;
  }
  body > header.s3d-head nav.s3d-nav a.s3d-nav-email .s3d-nav-email-short {
    display: inline !important;
  }
}
/* ===== BUILD-2026-09-05drop: pinned drop zone + 3 stacked bands (estimator width) ===== */
.steel3d-root #s3dSketchWorkspace .s3d-ws-drop,
.steel3d-root #s3dSketchCanvasWrap .s3d-ws-drop,
#s3dSketchCanvasWrap .s3d-ws-drop {
  position: absolute !important;
  inset: 12px !important;
  left: 12px !important;
  right: 12px !important;
  top: 12px !important;
  bottom: 12px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  translate: none !important;
  pointer-events: none !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s ease, background-color 0.15s ease !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-canvas-wrap,
#s3dSketchCanvasWrap {
  position: relative !important;
  overflow: hidden !important;
  min-height: 280px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-canvas-wrap.is-drag,
#s3dSketchCanvasWrap.is-drag {
  outline: 2px solid #D4AF37 !important;
  outline-offset: -2px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-canvas-wrap.is-drag .s3d-ws-drop,
#s3dSketchCanvasWrap.is-drag .s3d-ws-drop {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.07) !important;
}
/* Same content width as .s3d-pricing-estimator-inner */
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack,
.steel3d-root.s3d-mode-workspace #s3dSketchWorkspace.s3d-ws--workstation {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: min(1100px, 100%) !important;
  margin: 1.25rem auto 2rem !important;
  padding: 0 !important;
  gap: 12px !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-station-head {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid #232b3b !important;
  border-radius: 6px !important;
  background: #0f141d !important;
  padding: 10px 14px !important;
}
/* Three separate full-width horizontal bands */
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-panels,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  background: transparent !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-panel,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-left,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-center,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-coach {
  display: flex !important;
  flex-direction: column !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  min-height: 0 !important;
  border: 1px solid #232b3b !important;
  border-radius: 6px !important;
  background: #0f141d !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-left {
  min-height: 420px !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-center {
  min-height: 420px !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-view-wrap {
  min-height: 360px !important;
  flex: 1 1 auto !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-coach {
  min-height: 360px !important;
  box-shadow: inset 0 3px 0 #00c4d6 !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-coach-chat {
  flex: 1 1 auto !important;
  min-height: 160px !important;
  max-height: 320px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-coach-head,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-coach-tips,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-coach-compose {
  flex: 0 0 auto !important;
}
/* Never trap document scroll inside workspace chrome */
.steel3d-root #s3dSketchWorkspace,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack,
.steel3d-root #s3dSketchWorkspace .s3d-ws-panels,
.steel3d-root #s3dSketchWorkspace .s3d-ws-panel,
.steel3d-root #s3dSketchWorkspace .s3d-ws-view-wrap,
.steel3d-root #s3dSketchWorkspace .s3d-cad-viewer-mount,
.steel3d-root #s3dSketchWorkspace .s3d-ws-canvas-wrap {
  overscroll-behavior: auto !important;
  touch-action: pan-y pinch-zoom !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-cad-viewer-mount canvas,
.steel3d-root #s3dSketchWorkspace #s3dFrameCanvas {
  touch-action: pan-y pinch-zoom !important;
}
@media (max-width: 760px) {
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-center {
    min-height: min(48vh, 380px) !important;
  }
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-coach {
    min-height: 320px !important;
  }
}
/* ===== BUILD-2026-09-05logobig: taller nav + bigger centered hero logo ===== */
html body > header.s3d-head {
  display: block !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
html body > header.s3d-head .s3d-head-top,
html body > header.s3d-head .s3d-mark,
html body > header.s3d-head .s3d-logo {
  display: none !important;
}
html body > header.s3d-head nav.s3d-nav {
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  background: rgba(11, 14, 20, 0.96) !important;
  border-bottom: 1px solid rgba(201, 169, 98, 0.22) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
  pointer-events: auto !important;
}
html body > header.s3d-head nav.s3d-nav a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  min-height: 52px !important;
  padding: 0.7rem 1.15rem !important;
}
html body > header.s3d-head nav.s3d-nav a:hover,
html body > header.s3d-head nav.s3d-nav a:focus-visible {
  border: 1px solid #e8c878 !important;
  background: rgba(201, 169, 98, 0.16) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body > header.s3d-head nav.s3d-nav a::after {
  background: #D4AF37 !important;
}
html body > header.s3d-head a.s3d-email-pill,
html .steel3d-root a.s3d-email-pill {
  display: none !important;
}
html body > header.s3d-head nav.s3d-nav a.s3d-nav-email {
  text-transform: none !important;
  letter-spacing: 0.06em !important;
}
html body > header.s3d-head nav.s3d-nav a.s3d-nav-email .s3d-nav-email-short {
  display: none !important;
}
html body > header.s3d-head nav.s3d-nav a.s3d-nav-email .s3d-nav-email-full {
  display: inline !important;
}
/* Centered hero logo above headline */
.steel3d-root .s3d-hero-logo,
.s3d-hero-logo {
  display: block !important;
  width: min(880px, 94vw) !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 auto 1.15rem !important;
  object-fit: contain !important;
}
.steel3d-root main#steel3d-main,
.steel3d-root .s3d-main--workspace-only {
  padding-top: clamp(5rem, 9vw, 6.25rem) !important;
}
@media (max-width: 900px) {
  html body > header.s3d-head nav.s3d-nav {
    padding: 10px 10px !important;
    gap: 6px !important;
  }
  html body > header.s3d-head nav.s3d-nav a {
    flex: 1 1 calc(33.33% - 6px) !important;
    min-height: 40px !important;
    font-size: 10px !important;
    padding: 0.5rem 0.4rem !important;
  }
  html body > header.s3d-head nav.s3d-nav a.s3d-nav-email .s3d-nav-email-full {
    display: none !important;
  }
  html body > header.s3d-head nav.s3d-nav a.s3d-nav-email .s3d-nav-email-short {
    display: inline !important;
  }
  .steel3d-root .s3d-hero-logo {
    width: min(620px, 96vw) !important;
  }
  .steel3d-root main#steel3d-main {
    padding-top: clamp(5.5rem, 16vw, 7.5rem) !important;
  }
}
@media (max-width: 480px) {
  html body > header.s3d-head nav.s3d-nav a {
    flex: 1 1 calc(50% - 6px) !important;
  }
}
/* ===== BUILD-2026-09-05arial: Arial sitewide (text, buttons, pills, nav, forms) ===== */
html:has(.steel3d-root),
html:has(.steel3d-root) body,
.steel3d-root {
  --font-hud: Arial, Helvetica, sans-serif !important;
  --font-sans: Arial, Helvetica, sans-serif !important;
  --font-body: Arial, Helvetica, sans-serif !important;
  --font-brand: Arial, Helvetica, sans-serif !important;
  --font-display: Arial, Helvetica, sans-serif !important;
  --font-serif: Arial, Helvetica, sans-serif !important;
  --font-mono: Arial, Helvetica, sans-serif !important;
  --s3d-font-heading: Arial, Helvetica, sans-serif !important;
  --s3d-font-mono: Arial, Helvetica, sans-serif !important;
  --s3d-font-body: Arial, Helvetica, sans-serif !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
html body .steel3d-root,
html body .steel3d-root *:not(svg):not(path):not(circle):not(line):not(polyline):not(polygon):not(rect):not(g),
html body > header.s3d-head,
html body > header.s3d-head *,
html body .steel3d-root button,
html body .steel3d-root a,
html body .steel3d-root input,
html body .steel3d-root select,
html body .steel3d-root textarea,
html body .steel3d-root label,
html body .steel3d-root .s3d-pill,
html body .steel3d-root .s3d-cta-mini,
html body .steel3d-root .s3d-nav a,
html body > header.s3d-head nav.s3d-nav a,
html body .steel3d-root h1,
html body .steel3d-root h2,
html body .steel3d-root h3,
html body .steel3d-root h4,
html body .steel3d-root p,
html body .steel3d-root span,
html body .steel3d-root li,
html body .steel3d-root td,
html body .steel3d-root th {
  font-family: Arial, Helvetica, sans-serif !important;
}
/* ===== BUILD-2026-09-06docs: Documents section + workspace visibility ===== */
.steel3d-root .s3d-docs-section {
  display: block !important;
  visibility: visible !important;
  padding: clamp(2rem, 4vw, 3.25rem) 0 !important;
  scroll-margin-top: calc(var(--s3d-head-h, 80px) + 72px) !important;
}
.steel3d-root .s3d-docs-heading {
  margin: 0 auto 0.5rem !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem) !important;
  color: #e8eef6 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}
.steel3d-root .s3d-docs-lead {
  margin: 0 auto 1.35rem !important;
  color: #c5d0de !important;
  font-family: Arial, Helvetica, sans-serif !important;
  max-width: 48rem !important;
  text-align: center !important;
}
.steel3d-root.s3d-mode-workspace main > .s3d-docs-section,
.steel3d-root.s3d-mode-workspace main > #steel3d-documents {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
}
/* ===== BUILD-2026-09-06contact: Contact + Suggestions visible on CAD site ===== */
.steel3d-root .s3d-contact-section {
  display: block !important;
  visibility: visible !important;
  padding: clamp(2rem, 4vw, 3.25rem) 0 !important;
  scroll-margin-top: calc(var(--s3d-head-h, 80px) + 72px) !important;
}
.steel3d-root.s3d-mode-workspace main > .s3d-contact-section,
.steel3d-root.s3d-mode-workspace main > #steel3d-contact,
.steel3d-root.s3d-mode-workspace main > #steel3d-suggestions,
.steel3d-root.s3d-mode-workspace #steel3d-contact,
.steel3d-root.s3d-mode-workspace #steel3d-suggestions,
.steel3d-root.s3d-mode-workspace .s3d-contact-section {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
}
.steel3d-root .s3d-form-success[hidden] { display: none !important; }
.steel3d-root .s3d-form-success:not([hidden]) {
  display: block !important;
  margin: 0 auto 1.25rem !important;
  max-width: 1120px !important;
  padding: 0.85rem 1rem !important;
  border: 1px solid rgba(56, 189, 120, 0.45) !important;
  background: rgba(16, 40, 28, 0.85) !important;
  color: #d8ffe8 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
/* ===== BUILD-2026-09-06menu: phone/tablet = Menu dropdown; desktop nav strip unchanged ===== */
/* Desktop: keep full nav strip; hide burger + dropdown */
@media (min-width: 1100px) {
  .steel3d-root .s3d-head-bar,
  body > header.s3d-head .s3d-head-bar,
  .steel3d-root header.s3d-head.s3d-head--workspace-only .s3d-burger-btn,
  .steel3d-root .s3d-head--workspace-only #steel3dMenuBtn {
    display: none !important;
  }
  .steel3d-root nav.s3d-nav.s3d-nav--full,
  .steel3d-root .s3d-nav--full,
  .steel3d-root header.s3d-head nav.s3d-nav,
  body > header.s3d-head nav.s3d-nav {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .steel3d-root > .s3d-mobile-nav-layer,
  .steel3d-root > #steel3dMobileNavLayer,
  .steel3d-root > .s3d-mobile-nav-layer.s3d-mnav-open,
  .steel3d-root #steel3dMnavPanel,
  .steel3d-root #steel3dMnavBackdrop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}
/* Phone / tablet: Menu only — clear logo */
@media (max-width: 1099px) {
  .steel3d-root header.s3d-head.s3d-head--workspace-only,
  body > header.s3d-head.s3d-head--workspace-only {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 0 !important;
    padding: 10px max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left)) !important;
    background: transparent !important;
    pointer-events: none !important;
    z-index: 100050 !important;
  }
  .steel3d-root .s3d-head-bar,
  body > header.s3d-head .s3d-head-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    z-index: 3 !important;
  }
  .steel3d-root header.s3d-head.s3d-head--workspace-only .s3d-burger-btn,
  body > header.s3d-head.s3d-head--workspace-only .s3d-burger-btn,
  .steel3d-root .s3d-head--workspace-only #steel3dMenuBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    min-width: 88px !important;
    margin: 0 !important;
    padding: 0.65rem 1.15rem !important;
    border: 1px solid rgba(201, 169, 98, 0.45) !important;
    border-radius: 0 !important;
    background: rgba(11, 14, 20, 0.92) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 100070 !important; /* above dropdown layer so Menu toggles closed */
  }
  .steel3d-root header.s3d-head.s3d-head--workspace-only .s3d-burger-btn[aria-expanded="true"],
  body > header.s3d-head .s3d-burger-btn[aria-expanded="true"] {
    border-color: rgba(201, 169, 98, 0.85) !important;
    background: rgba(201, 169, 98, 0.18) !important;
    color: #f0d9a0 !important;
    -webkit-text-fill-color: #f0d9a0 !important;
  }
  /* Keep Menu/Close ABOVE the full-screen overlay (header was z 100050, layer 100060) */
  body.s3d-mobile-nav-open header.s3d-head,
  body.s3d-mobile-nav-open .steel3d-root header.s3d-head,
  body.s3d-mobile-nav-open body > header.s3d-head {
    z-index: 100080 !important;
    pointer-events: none !important;
  }
  body.s3d-mobile-nav-open header.s3d-head .s3d-head-bar,
  body.s3d-mobile-nav-open header.s3d-head #steel3dMenuBtn,
  body.s3d-mobile-nav-open .s3d-head-bar,
  body.s3d-mobile-nav-open #steel3dMenuBtn {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 100081 !important;
  }
  .steel3d-root nav.s3d-nav.s3d-nav--full,
  .steel3d-root .s3d-nav--full,
  .steel3d-root header.s3d-head nav.s3d-nav,
  body > header.s3d-head nav.s3d-nav,
  .steel3d-root header.s3d-head.s3d-head--workspace-only nav.s3d-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  /* CLOSED by default — use display:none (visibility:hidden on parent does NOT hide visible children) */
  .steel3d-root > .s3d-mobile-nav-layer,
  .steel3d-root > #steel3dMobileNavLayer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100060 !important;
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  .steel3d-root > .s3d-mobile-nav-layer.s3d-mnav-open,
  .steel3d-root > #steel3dMobileNavLayer.s3d-mnav-open {
    display: block !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .steel3d-root > .s3d-mobile-nav-layer:not(.s3d-mnav-open) .s3d-mnav-backdrop,
  .steel3d-root > .s3d-mobile-nav-layer:not(.s3d-mnav-open) .s3d-mnav-panel,
  .steel3d-root > #steel3dMobileNavLayer:not(.s3d-mnav-open) #steel3dMnavBackdrop,
  .steel3d-root > #steel3dMobileNavLayer:not(.s3d-mnav-open) #steel3dMnavPanel {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
  .steel3d-root > .s3d-mobile-nav-layer.s3d-mnav-open .s3d-mnav-backdrop,
  .steel3d-root #steel3dMobileNavLayer.s3d-mnav-open #steel3dMnavBackdrop {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: rgba(5, 6, 8, 0.55) !important;
    cursor: pointer !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }
  /* Compact dropdown under Menu — only when open */
  .steel3d-root > .s3d-mobile-nav-layer.s3d-mnav-open .s3d-mnav-panel,
  .steel3d-root #steel3dMobileNavLayer.s3d-mnav-open #steel3dMnavPanel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    position: absolute !important;
    top: 64px !important;
    right: max(12px, env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    bottom: auto !important;
    width: min(280px, calc(100vw - 24px)) !important;
    max-width: min(280px, calc(100vw - 24px)) !important;
    max-height: min(70vh, calc(100vh - 88px)) !important;
    margin: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 8px !important;
    border: 1px solid rgba(201, 169, 98, 0.35) !important;
    border-radius: 0 !important;
    background: #0a0c0f !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2 !important;
  }
  .steel3d-root #steel3dMnavPanel .s3d-mnav-close,
  .steel3d-root .s3d-mnav-panel .s3d-mnav-close,
  .steel3d-root #steel3dMnavClose {
    display: block !important;
    width: 100% !important;
    margin: 0 0 4px !important;
    padding: 12px 14px !important;
    min-height: 48px !important;
    border: 1px solid rgba(201, 169, 98, 0.55) !important;
    border-radius: 0 !important;
    background: rgba(201, 169, 98, 0.14) !important;
    color: #f0d9a0 !important;
    -webkit-text-fill-color: #f0d9a0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    text-align: center !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }
  .steel3d-root #steel3dMobileNavLayer.s3d-mnav-open #steel3dMnavPanel a,
  .steel3d-root .s3d-mnav-panel a {
    display: block !important;
    padding: 12px 14px !important;
    min-height: 44px !important;
    color: #f2f4f8 !important;
    -webkit-text-fill-color: #f2f4f8 !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }
  .steel3d-root #steel3dMnavPanel a:hover,
  .steel3d-root #steel3dMnavPanel a:active {
    border-color: rgba(201, 169, 98, 0.35) !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }
  body.s3d-mobile-nav-open {
    overflow: hidden !important;
  }
}
/* Directive 02 — CAD pipeline: WS-01 → WS-02 → WS-03 → Estimator */
.steel3d-root #s3dWs01,
.steel3d-root #s3dWs02,
.steel3d-root #s3dWs03,
.steel3d-root #s3dPricingEstimator {
  scroll-margin-top: calc(var(--s3d-head-h, 72px) + 16px);
}
.steel3d-root .s3d-ws-pipeline {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 0 4px;
  padding: 0;
}
@media (min-width: 900px) {
  .steel3d-root .s3d-ws-pipeline {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
}
.steel3d-root .s3d-ws-pipe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 48px;
  padding: 10px 12px;
  box-sizing: border-box;
  text-decoration: none;
  color: #f2f4f8;
  -webkit-text-fill-color: #f2f4f8;
  background: #0a0d12;
  border: 2px solid #3d4d63;
  border-radius: 0;
}
.steel3d-root .s3d-ws-pipe:hover,
.steel3d-root .s3d-ws-pipe:focus-visible {
  border-color: #00c4d6;
  color: #7ef0ff;
  -webkit-text-fill-color: #7ef0ff;
}
.steel3d-root .s3d-ws-pipe strong {
  font: 700 12px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.steel3d-root .s3d-ws-pipe span {
  margin-top: 4px;
  font: 600 11px/1.3 Arial, Helvetica, sans-serif;
  color: #9aabc0;
  -webkit-text-fill-color: #9aabc0;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack #s3dWs01,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack #s3dWs02,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack #s3dWs03 {
  border: 2px solid #3d4d63 !important;
}
.steel3d-root .s3d-ws-export-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #232b3b;
}
.steel3d-root .s3d-ws-export-row .s3d-btn {
  min-height: 44px;
  min-width: 44px;
  padding: 0 14px;
}
/* Directive 01 — mobile high-contrast CAD frames */
.steel3d-root .s3d-area-banner {
  display: block;
  margin: 0;
  padding: 8px 12px;
  background: #121721;
  color: #D4AF37;
  -webkit-text-fill-color: #D4AF37;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 2px solid #222b3d;
}
.steel3d-root .s3d-cad-frame,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack #s3dWs01,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack #s3dWs02,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack #s3dWs03,
.steel3d-root #s3dSketchWorkspace .s3d-ws-pipeline,
.steel3d-root #s3dSketchWorkspace .s3d-ws-station-head,
.steel3d-root #s3dSketchCanvasWrap,
.steel3d-root #s3dWsBom {
  border: 1px solid #1a1f26 !important;
  border-left: 1px solid #1a1f26 !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box;
}
.steel3d-root .s3d-cad-frame--estimator,
.steel3d-root #s3dPricingEstimator .s3d-pricing-estimator-inner {
  border: 1px solid #1a1f26 !important;
  border-left: 1px solid #1a1f26 !important;
  background: #0f141d;
  box-shadow: none !important;
}
.steel3d-root #s3dSketchCanvasWrap {
  border-left-color: #1a1f26 !important;
}
@media (max-width: 767px) {
  .steel3d-root #s3dSketchWorkspace,
  .steel3d-root #s3dPricingEstimator {
    max-width: 100vw !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
  .steel3d-root #s3dPricingEstimator .s3d-pricing-estimator-inner,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-station-head {
    padding: 12px !important;
  }
  .steel3d-root .s3d-pricing-catalogue {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
  .steel3d-root .s3d-pricing-catalogue--bracket,
  .steel3d-root .s3d-price-item-type {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .steel3d-root .s3d-price-type-btn {
    width: 100%;
  }
  .steel3d-root .s3d-pricing-catalogue .s3d-price-qty,
  .steel3d-root .s3d-pricing-catalogue #s3dPriceAddLine,
  .steel3d-root .s3d-pricing-catalogue--actions {
    grid-column: 1 / -1;
  }
  .steel3d-root .s3d-pricing-layout,
  .steel3d-root .s3d-ws-station-head,
  .steel3d-root .s3d-ws-station-actions,
  .steel3d-root .s3d-ws-controls,
  .steel3d-root .s3d-ws-export-row,
  .steel3d-root .s3d-pricing-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-btn,
  .steel3d-root #s3dPricingEstimator .s3d-btn,
  .steel3d-root #s3dPricingEstimator select,
  .steel3d-root #s3dPricingEstimator input,
  .steel3d-root #s3dSketchWorkspace input,
  .steel3d-root #s3dSketchWorkspace button,
  .steel3d-root .s3d-ws-pipe {
    min-height: 44px !important;
  }
  .steel3d-root .s3d-ws-station-actions .s3d-btn,
  .steel3d-root .s3d-ws-station-actions .s3d-btn--compact {
    width: 100%;
    min-height: 44px !important;
  }
}
@media (min-width: 768px) {
  .steel3d-root #s3dPricingEstimator .s3d-pricing-estimator-inner {
    padding: 24px;
  }
}
/* Directive 02 — routes + estimator as own view panel */
.steel3d-root nav.s3d-nav a.s3d-nav-estimator,
.steel3d-root #steel3dMnavPanel a.s3d-nav-estimator {
  border: 2px solid #D4AF37 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.12) !important;
  font-weight: 800 !important;
}
.steel3d-root nav.s3d-nav a.s3d-nav-estimator.s3d-nav-active,
.steel3d-root #steel3dMnavPanel a.s3d-nav-estimator.s3d-nav-active {
  background: rgba(212, 175, 55, 0.22) !important;
  color: #fff6d6 !important;
  -webkit-text-fill-color: #fff6d6 !important;
}
.steel3d-root #s3dPricingEstimator {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
}
.steel3d-root[data-s3d-route="estimator"] #s3dPricingEstimator,
.steel3d-root #s3dPricingEstimator.s3d-route-panel-active {
  min-height: calc(100dvh - var(--s3d-head-h, 80px) - 24px);
}
.steel3d-root[data-s3d-route="ws-01"] #s3dWs01,
.steel3d-root[data-s3d-route="ws-02"] #s3dWs02,
.steel3d-root[data-s3d-route="ws-03"] #s3dWs03 {
  box-shadow: 0 0 0 2px #D4AF37 !important;
}
/* Directive 04: 45° chamfered Safety Yellow actions + section-cut hatch + GA title-block */
.steel3d-root .s3d-btn,
.steel3d-root button.s3d-btn,
.steel3d-root a.s3d-btn,
.steel3d-root .s3d-pill.s3d-hero-cta-pill,
.steel3d-root .s3d-cta-mini {
  border-radius: 0 !important;
  clip-path: polygon(
    var(--s3d-chamfer, 10px) 0,
    100% 0,
    100% calc(100% - var(--s3d-chamfer, 10px)),
    calc(100% - var(--s3d-chamfer, 10px)) 100%,
    0 100%,
    0 var(--s3d-chamfer, 10px)
  );
}
.steel3d-root .s3d-btn-primary,
.steel3d-root button.s3d-btn-primary,
.steel3d-root a.s3d-btn.s3d-btn-primary,
.steel3d-root .s3d-cta-mini,
.steel3d-root .s3d-pill.s3d-hero-cta-pill {
  background: #D4AF37 !important;
  background-image: none !important;
  border-color: #D4AF37 !important;
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.28), 0 4px 16px rgba(0, 0, 0, 0.28) !important;
}
.steel3d-root .s3d-btn-primary:hover,
.steel3d-root button.s3d-btn-primary:hover,
.steel3d-root a.s3d-btn.s3d-btn-primary:hover,
.steel3d-root .s3d-pill.s3d-hero-cta-pill:hover {
  background: #ffc933 !important;
  border-color: #ffc933 !important;
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  filter: none;
}
.steel3d-root .s3d-btn:not(.s3d-btn-primary):hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.16);
}
.steel3d-root .s3d-section-hatch,
.steel3d-root #s3dPricingEstimator.is-override .s3d-pricing-estimator-inner,
.steel3d-root #s3dPricingEstimator.is-override .s3d-pricing-card {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 7px,
    rgba(212, 175, 55, 0.09) 7px,
    rgba(212, 175, 55, 0.09) 8px
  ) !important;
  box-shadow: inset 0 0 0 2px rgba(212, 175, 55, 0.35);
}
.steel3d-root .s3d-ws-view-wrap {
  position: relative;
}
.steel3d-root .s3d-ga-titleblock {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 6px 12px;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  box-sizing: border-box;
  background: #0B0E14;
  border: 2px solid #222b3d;
  border-top: 2px solid #D4AF37;
  color: #e2e8f0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.steel3d-root .s3d-ga-tb-brand {
  color: #D4AF37;
  font-weight: 800;
}
.steel3d-root .s3d-ga-tb-addr {
  color: #D4AF37;
  grid-column: 1 / -1;
  text-transform: none;
  letter-spacing: 0.02em;
}
.steel3d-root .s3d-ga-tb-std {
  color: #D4AF37;
  font-weight: 700;
}
.steel3d-root .s3d-ga-tb-date {
  color: #D4AF37;
  font-weight: 700;
}
/* Directive 07: revision audit badge + history drawer */
.steel3d-root .s3d-rev-badge {
  border: 2px solid #D4AF37;
  background: #0B0E14;
  color: #D4AF37;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  letter-spacing: 0.06em;
  min-height: 48px;
  padding: 6px 10px;
  cursor: pointer;
}
.steel3d-root .s3d-rev-badge:hover,
.steel3d-root .s3d-rev-badge:focus-visible {
  background: rgba(212, 175, 55, 0.1);
}
.steel3d-root .s3d-rev-history-btn {
  min-height: 48px;
}
.steel3d-root nav.s3d-nav .s3d-rev-badge--nav {
  align-self: center;
  max-width: 260px;
  line-height: 1.25;
  white-space: normal;
}
.steel3d-root .s3d-rev-drawer {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  justify-content: flex-end;
}
.steel3d-root .s3d-rev-drawer[hidden] {
  display: none !important;
}
.steel3d-root .s3d-rev-drawer-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(11, 14, 20, 0.72);
  cursor: pointer;
}
.steel3d-root .s3d-rev-drawer-panel {
  position: relative;
  width: min(420px, 100vw);
  height: 100%;
  overflow: auto;
  background: #0B0E14;
  border-left: 2px solid #D4AF37;
  padding: 16px;
  box-sizing: border-box;
}
.steel3d-root .s3d-rev-drawer-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.steel3d-root .s3d-rev-drawer-panel h2 {
  margin: 0;
  color: #D4AF37;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 16px;
}
.steel3d-root .s3d-rev-drawer-lead,
.steel3d-root .s3d-rev-empty {
  color: #9ca3af;
  font-size: 13px;
}
.steel3d-root .s3d-rev-card {
  border: 1px solid #232b3b;
  padding: 10px 12px;
  margin: 0 0 10px;
  background: #121721;
}
.steel3d-root .s3d-rev-card header {
  margin-bottom: 6px;
}
.steel3d-root .s3d-rev-card strong {
  color: #D4AF37;
  font-family: ui-monospace, Consolas, monospace;
}
.steel3d-root .s3d-rev-status {
  color: #D4AF37;
  font-size: 11px;
  letter-spacing: 0.04em;
}
.steel3d-root .s3d-rev-time,
.steel3d-root .s3d-rev-hash {
  font-family: ui-monospace, Consolas, monospace;
  font-size: 11px;
  color: #7a889b;
}
/* BUILD-2026-09-09e: revision log form + job-portal proofing tags */
.steel3d-root .s3d-rev-log-form {
  display: grid;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px;
  border: 1px solid #222b3d;
  border-left: 3px solid #D4AF37;
  background: #0B0E14;
}
.steel3d-root .s3d-rev-log-next {
  margin: 0;
  color: #D4AF37;
  font-family: ui-monospace, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
}
.steel3d-root .s3d-rev-log-form label {
  display: grid;
  gap: 4px;
  color: #e8eef6;
  font-size: 12px;
}
.steel3d-root .s3d-rev-log-form textarea,
.steel3d-root .s3d-rev-log-form input,
.steel3d-root .s3d-rev-log-form select {
  width: 100%;
  box-sizing: border-box;
  min-height: 44px;
  padding: 10px 12px;
  background: #121721;
  border: 1px solid #222b3d;
  color: #e8eef6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.steel3d-root .s3d-rev-log-form textarea {
  min-height: 72px;
  resize: vertical;
}
.steel3d-root .s3d-rev-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.steel3d-root .s3d-rev-note,
.steel3d-root .s3d-rev-ton,
.steel3d-root .s3d-rev-appr {
  margin: 4px 0;
  color: #c5d0de;
  font-size: 13px;
}
.steel3d-root .s3d-job-rev-tags {
  margin: 12px 0 16px;
  padding: 12px;
  border: 1px solid #222b3d;
  border-left: 4px solid #D4AF37;
  background: rgba(11, 14, 20, 0.92);
}
.steel3d-root .s3d-job-rev-kicker {
  margin: 0 0 8px;
  color: #D4AF37;
  font-family: ui-monospace, Consolas, monospace;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.steel3d-root .s3d-job-rev-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.steel3d-root .s3d-job-rev-tag {
  display: grid;
  grid-template-columns: auto auto 1fr auto auto;
  gap: 8px 12px;
  align-items: start;
  padding: 8px 10px;
  border: 1px solid #222b3d;
  background: #121721;
  color: #e8eef6;
  font-size: 12px;
}
.steel3d-root .s3d-job-rev-letter {
  color: #D4AF37;
  font-family: ui-monospace, Consolas, monospace;
  font-weight: 700;
}
.steel3d-root .s3d-job-rev-date {
  color: #7a889b;
  font-family: ui-monospace, Consolas, monospace;
}
.steel3d-root .s3d-job-rev-note {
  color: #c5d0de;
}
.steel3d-root .s3d-job-rev-ton {
  color: #D4AF37;
  font-family: ui-monospace, Consolas, monospace;
  white-space: nowrap;
}
.steel3d-root .s3d-job-rev-appr {
  color: #D4AF37;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 10px;
}
.steel3d-root .s3d-job-rev-tag--approved .s3d-job-rev-appr {
  color: #38ef7d;
}
.steel3d-root .s3d-job-rev-tag--rejected .s3d-job-rev-appr {
  color: #ff6b6b;
}
@media (max-width: 720px) {
  .steel3d-root .s3d-job-rev-tag {
    grid-template-columns: 1fr 1fr;
  }
}
.steel3d-root .s3d-guest-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .steel3d-root .s3d-ga-titleblock {
    grid-template-columns: 1fr;
  }
}
/* Directive 06: internal operating manual download — CAD cyan + 45° chamfer */
.steel3d-root .s3d-btn-internal-manual,
.steel3d-root button.s3d-btn-internal-manual {
  border: 2px solid #D4AF37 !important;
  background: #0B0E14 !important;
  background-image: none !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.05em;
  min-height: 48px;
  padding: 8px 12px !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.22), 0 0 14px rgba(212, 175, 55, 0.12) !important;
}
.steel3d-root .s3d-btn-internal-manual:hover,
.steel3d-root button.s3d-btn-internal-manual:hover,
.steel3d-root .s3d-btn-internal-manual:focus-visible {
  background: rgba(212, 175, 55, 0.12) !important;
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}
.steel3d-root nav.s3d-nav .s3d-btn-internal-manual {
  align-self: center;
  max-width: 220px;
  white-space: normal;
  line-height: 1.25;
  text-align: center;
}
@media (max-width: 1199px) {
  .steel3d-root nav.s3d-nav .s3d-btn-internal-manual {
    display: none;
  }
}
.steel3d-root .s3d-mnav-panel .s3d-btn-internal-manual {
  width: 100%;
  margin: 6px 0;
}
.steel3d-root .s3d-docs-internal-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
}
.steel3d-root .s3d-docs-internal-ref {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  color: #9ca3af;
  letter-spacing: 0.04em;
}
/* ===== BUILD-2026-09-07d12: pure utility / zero-friction ===== */
.steel3d-root .animate-grid-drift {
  animation: none !important;
}
.steel3d-root .s3d-industrial-hero {
  padding: clamp(22px, 3.6vh, 40px) 0 clamp(14px, 2vh, 22px);
}
.steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill,
.steel3d-root .s3d-industrial-cta button.s3d-pill.s3d-pill--orange {
  min-height: 48px !important;
  padding: 0.7rem 1.2rem !important;
}
.steel3d-root #steel3d-main.s3d-main--workspace-only,
.steel3d-root main#steel3d-main {
  display: flex !important;
  flex-direction: column !important;
}
.steel3d-root #steel3d-main > * {
  order: 50;
}
.steel3d-root #steel3d-main > #steel3d-hero,
.steel3d-root #steel3d-main > .s3d-industrial-hero { order: 1; }
.steel3d-root #steel3d-main > #steel3d-features,
.steel3d-root #steel3d-main > .s3d-tool-rail { order: 2; }
.steel3d-root #steel3d-main > #s3dSketchWorkspace { order: 3; }
.steel3d-root #steel3d-main > #s3dPricingEstimator { order: 4; }
.steel3d-root #steel3d-main > #s3dQuoteSection { order: 5; }
.steel3d-root #steel3d-main > #s3dGuestSubmit { order: 6; }
.steel3d-root #steel3d-main > #s3dVariationsPanel { order: 7; }
.steel3d-root #steel3d-main > #steel3d-documents { order: 8; }
.steel3d-root #steel3d-main > #showcase,
.steel3d-root #steel3d-main > .s3d-showcase-wrap { order: 20; }
.steel3d-root #steel3d-main > #steel3d-credentials { order: 21; }
.steel3d-root #steel3d-main > #steel3d-contact { order: 22; }
.steel3d-root #steel3d-main > footer,
.steel3d-root #steel3d-main > #s3dLegalFooter { order: 90; }
.steel3d-root #steel3d-main > .s3d-legal-modal,
.steel3d-root #steel3d-main > .s3d-docs-modal,
.steel3d-root #steel3d-main > .s3d-rev-drawer { order: 95; }
.steel3d-root .s3d-tool-rail {
  padding: 10px 0 6px;
  border-bottom: 1px solid #232b3b;
}
.steel3d-root .s3d-tool-rail-grid {
  gap: 10px;
}
.steel3d-root a.s3d-tool-tile {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  min-height: 120px;
  border: 2px solid #222b3d;
  border-left: 4px solid #D4AF37;
  background: #0f141d;
}
.steel3d-root a.s3d-tool-tile:hover,
.steel3d-root a.s3d-tool-tile:focus-visible {
  border-color: #D4AF37;
  color: #e8eef6;
  outline: 2px solid #D4AF37;
  outline-offset: 2px;
}
.steel3d-root a.s3d-tool-tile strong {
  color: #e8eef6;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.steel3d-root a.s3d-tool-tile > span:last-child {
  color: #9aabc0;
  font-size: 12px;
}
.steel3d-root a.s3d-tool-tile .s3d-feature-idx {
  color: #D4AF37;
}
/* ===== BUILD-2026-09-07d13: no client chatbot — reclaim workspace ===== */
.steel3d-root .s3d-coach-tips,
.steel3d-root .s3d-coach-chat,
.steel3d-root .s3d-coach-compose,
.steel3d-root #s3dSketchWorkspace .s3d-coach-tips,
.steel3d-root #s3dSketchWorkspace .s3d-coach-chat,
.steel3d-root #s3dSketchWorkspace .s3d-coach-compose,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-coach-tips,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-coach-chat,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-coach-compose {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation.s3d-ws--stack,
.steel3d-root.s3d-mode-workspace #s3dSketchWorkspace.s3d-ws--workstation {
  max-width: min(1680px, 100%) !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-panels,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation.s3d-ws--stack > .s3d-ws-panels {
  display: grid !important;
  flex-direction: unset !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: minmax(560px, 1fr) auto !important;
  gap: 16px !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-left,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-left {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-height: 560px !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-center,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-center {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 560px !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-view-wrap,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-view-wrap {
  min-height: 480px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-export,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-export,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-export,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-coach,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-coach {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  min-height: 0 !important;
  height: auto !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  box-shadow: none !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-export-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 16px;
  margin: 0;
  padding: 0;
  border: 0;
}
.steel3d-root #s3dSketchWorkspace .s3d-export-brand {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #D4AF37;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-export-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
@media (max-width: 900px) {
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-panels,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation.s3d-ws--stack > .s3d-ws-panels {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-center,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-center {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: min(48vh, 420px) !important;
  }
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-export,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-export,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack .s3d-ws-coach {
    min-height: 0 !important;
  }
}
/* ===== BUILD-2026-09-07d14: mobile overhang lock — max-width 100vw ===== */
html:has(.steel3d-root),
html:has(#steel3d-top),
body:has(.steel3d-root),
body:has(#steel3d-top) {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
}
#steel3d-top.steel3d-root,
.steel3d-root,
.steel3d-root #steel3d-main,
.steel3d-root main#steel3d-main {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
}
html:has(.steel3d-root) #page-container,
html:has(.steel3d-root) #et-boc,
html:has(.steel3d-root) #et-main-area,
html:has(.steel3d-root) #main-content,
html:has(.steel3d-root) #content-area,
html:has(.steel3d-root) .et_builder_inner_content,
html:has(.steel3d-root) .et_pb_section,
html:has(.steel3d-root) .et_pb_row,
html:has(.steel3d-root) .et_pb_column,
html:has(.steel3d-root) .et_pb_code,
html:has(.steel3d-root) .et_pb_code_inner {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.steel3d-root .s3d-bg-stack,
body > .s3d-bg-stack,
.s3d-bg-stack.s3d-bg-stack--viewport-fixed {
  width: 100% !important;
  max-width: 100vw !important;
}
.steel3d-root #steel3d-main,
.steel3d-root main#steel3d-main,
.steel3d-root .s3d-main--workspace-only {
  padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
  padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
}
@media (min-width: 640px) {
  .steel3d-root #steel3d-main,
  .steel3d-root main#steel3d-main,
  .steel3d-root .s3d-main--workspace-only {
    padding-left: max(24px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(24px, env(safe-area-inset-right, 0px)) !important;
  }
}
.steel3d-root img,
.steel3d-root .s3d-hero-logo,
.s3d-hero-logo {
  max-width: 100% !important;
  width: min(880px, 100%) !important;
  height: auto !important;
}
.steel3d-root .s3d-bg-glow,
.steel3d-root .s3d-pricing-glow {
  width: min(600px, 100%) !important;
  max-width: 100% !important;
}
.steel3d-root .s3d-wrap,
.steel3d-root .s3d-industrial-hero-inner,
.steel3d-root .s3d-pricing-estimator-inner,
.steel3d-root .s3d-guest-submit,
.steel3d-root #s3dGuestSubmit,
.steel3d-root .s3d-variations-panel,
.steel3d-root .s3d-contact-section,
.steel3d-root .s3d-docs-section,
.steel3d-root .s3d-legal-foot-inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-scroll-x,
.steel3d-root .s3d-ws-bom-scroll,
.steel3d-root .s3d-ws-bom-scroll.s3d-scroll-x {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
.steel3d-root .s3d-scroll-x::-webkit-scrollbar,
.steel3d-root .s3d-ws-bom-scroll::-webkit-scrollbar {
  height: 6px;
}
.steel3d-root .s3d-scroll-x::-webkit-scrollbar-thumb,
.steel3d-root .s3d-ws-bom-scroll::-webkit-scrollbar-thumb {
  background: #3a4558;
  border-radius: 999px;
}
.steel3d-root table.s3d-bom-table,
.steel3d-root .s3d-pricing-lines,
.steel3d-root .s3d-pricing-breakdown {
  min-width: 0;
  max-width: none;
}
.steel3d-root .s3d-rev-badge,
.steel3d-root .s3d-ga-titleblock,
.steel3d-root .s3d-pricing-estimator-lead {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.steel3d-root .s3d-ga-titleblock {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
}
@media (max-width: 767px) {
  .steel3d-root .s3d-head-bar,
  .steel3d-root .s3d-industrial-cta,
  .steel3d-root .s3d-ws-station-head,
  .steel3d-root .s3d-ws-station-actions,
  .steel3d-root .s3d-ws-export-row,
  .steel3d-root .s3d-ws-controls,
  .steel3d-root .s3d-pricing-layout,
  .steel3d-root .s3d-pricing-row,
  .steel3d-root .s3d-pricing-catalogue--actions,
  .steel3d-root .s3d-form-row,
  .steel3d-root .s3d-legal-foot-inner,
  .steel3d-root .s3d-legal-foot-nav,
  .steel3d-root .s3d-docs-internal-bar {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    max-width: 100% !important;
  }
  .steel3d-root nav.s3d-nav.s3d-nav--full,
  .steel3d-root .s3d-nav--full,
  body > header.s3d-head nav.s3d-nav {
    flex-wrap: wrap !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .steel3d-root .s3d-contact-suggest-row,
  .steel3d-root .s3d-ws-pipeline,
  .steel3d-root .s3d-tool-rail-grid,
  .steel3d-root .s3d-feature-grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .steel3d-root #s3dSketchWorkspace,
  .steel3d-root #s3dPricingEstimator,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-panels {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }
  .steel3d-root .s3d-btn,
  .steel3d-root .s3d-hero-cta-pill,
  .steel3d-root .s3d-price-type-btn,
  .steel3d-root .s3d-ws-pipe {
    max-width: 100% !important;
  }
}
/* ===== BUILD-2026-09-10g: watermark only on unpaid job portal (not public WS-02) ===== */
.steel3d-root .s3d-ws-view-wrap {
  position: relative;
}
.steel3d-root .s3d-ga-watermark[hidden],
html:not([data-s3d-route="job"]) .steel3d-root .s3d-ga-watermark,
html:not([data-s3d-route="job"]) #s3dGaWatermark {
  display: none !important;
}
.steel3d-root .s3d-ga-watermark {
  pointer-events: none;
  position: absolute;
  inset: 8%;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    repeating-linear-gradient(
      -18deg,
      transparent 0,
      transparent 46px,
      rgba(255, 45, 45, 0.07) 46px,
      rgba(255, 45, 45, 0.07) 48px
    );
}
.steel3d-root .s3d-ga-watermark span {
  display: inline-block;
  box-sizing: border-box;
  transform: rotate(-18deg);
  font-weight: 800;
  letter-spacing: 0.04em;
  font-size: clamp(12px, 1.6vw, 18px);
  line-height: 1.25;
  color: #ff2d2d;
  border: 3px solid #ff2d2d;
  padding: 10px 14px;
  background: rgba(11, 14, 20, 0.78);
  text-shadow: 0 0 2px #0b0e14, 0 1px 0 #0b0e14;
  white-space: normal;
  text-align: center;
  max-width: min(22rem, 90%);
}
html[data-s3d-route="job"][data-s3d-fab-unlocked="1"] .steel3d-root .s3d-ga-watermark,
html[data-s3d-route="job"][data-s3d-fab-unlocked="1"] #s3dGaWatermark,
html[data-s3d-route="job"][data-s3d-paid="1"] .steel3d-root .s3d-ga-watermark {
  display: none !important;
}
.steel3d-root #s3dJobPortal,
.steel3d-root .s3d-job-portal {
  width: 100%;
  max-width: 1100px;
  margin: 24px auto;
  padding: 0 12px;
  box-sizing: border-box;
}
.steel3d-root .s3d-job-portal-inner {
  border: 2px solid #222b3d;
  border-left: 4px solid #D4AF37;
  background: #0b0e14;
  padding: 20px;
}
.steel3d-root .s3d-job-portal-kicker {
  color: #D4AF37;
  letter-spacing: 0.08em;
  font-weight: 700;
}
.steel3d-root .s3d-job-portal-preview {
  width: 100%;
  min-height: 420px;
  border: 1px solid #222b3d;
  background: #111827;
  margin: 12px 0;
}
.steel3d-root .s3d-job-portal-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  margin-top: 12px;
  max-width: 100%;
}
.steel3d-root .s3d-job-portal-actions--preview {
  margin-top: 8px;
}
.steel3d-root .s3d-job-portal-actions .s3d-btn,
.steel3d-root .s3d-job-portal-actions a.s3d-btn,
.steel3d-root .s3d-job-portal-actions button.s3d-btn,
.steel3d-root .s3d-job-portal-actions .s3d-btn--viewer {
  width: 100%;
  min-height: 48px;
  min-width: 0;
  padding: 12px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: #D4AF37 !important;
  background-image: none !important;
  border: 2px solid #D4AF37 !important;
  color: #0b0e14 !important;
  -webkit-text-fill-color: #0b0e14 !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.28), 0 4px 16px rgba(0, 0, 0, 0.28) !important;
}
.steel3d-root .s3d-job-portal-actions .s3d-btn:hover,
.steel3d-root .s3d-job-portal-actions a.s3d-btn:hover,
.steel3d-root .s3d-job-portal-actions button.s3d-btn:hover,
.steel3d-root .s3d-job-portal-actions .s3d-btn--viewer:hover,
.steel3d-root .s3d-job-portal-actions .s3d-btn--viewer:focus {
  background: #ffc933 !important;
  border-color: #ffc933 !important;
  color: #0b0e14 !important;
  -webkit-text-fill-color: #0b0e14 !important;
  filter: none;
}
@media (max-width: 700px) {
  .steel3d-root .s3d-job-portal-actions {
    grid-template-columns: 1fr;
  }
}
.steel3d-root .s3d-job-viewer-drawer {
  margin: 12px 0;
  border: 2px solid #D4AF37;
  background: #0b0e14;
  max-width: 100%;
  box-sizing: border-box;
}
.steel3d-root .s3d-job-viewer-drawer-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #222b3d;
}
.steel3d-root .s3d-job-viewer-drawer-bar p {
  margin: 0;
  color: #e2e8f0;
  max-width: 100%;
}
.steel3d-root .s3d-job-viewer-frame {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 56vh;
  height: 64vh;
  border: 0;
  background: #111827;
}
.steel3d-root .s3d-job-portal-actions .s3d-btn--viewer.is-viewer-missing,
.steel3d-root .s3d-job-portal-actions .s3d-btn--viewer[aria-disabled="true"] {
  background: #1a2230 !important;
  border-color: #3d4a63 !important;
  color: #c8d4e4 !important;
  -webkit-text-fill-color: #c8d4e4 !important;
  box-shadow: none !important;
  cursor: not-allowed;
}
.steel3d-root .s3d-job-portal-actions .s3d-btn--viewer.is-viewer-ready {
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #0b0e14 !important;
  -webkit-text-fill-color: #0b0e14 !important;
}
.steel3d-root .s3d-job-viewer-drawer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.steel3d-root .s3d-job-viewer-drawer-actions .s3d-btn--viewer-ext {
  min-height: 40px;
  background: #D4AF37 !important;
  border: 2px solid #D4AF37 !important;
  color: #0b0e14 !important;
  -webkit-text-fill-color: #0b0e14 !important;
  font-weight: 800;
  text-decoration: none;
}
.steel3d-root .s3d-job-viewer-note {
  margin: 0;
  padding: 8px 12px 12px;
  color: #c8d4e4;
  font-size: 0.92rem;
}
.steel3d-root .s3d-owner-viewer-label {
  display: block;
  margin: 10px 0 0;
  color: #D4AF37;
  font-weight: 700;
}
.steel3d-root .s3d-owner-viewer-input {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 48px;
  margin-top: 6px;
  box-sizing: border-box;
  background: #111827;
  color: #e2e8f0;
  border: 2px solid #222b3d;
  padding: 8px 10px;
}
html[data-s3d-route="job"] .steel3d-root.s3d-mode-workspace #s3dJobPortal:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
/* D15 / D16: owner vault + quote submit + Stripe pay */
html:not([data-s3d-owner="1"]) .steel3d-root #s3dPricingEstimator,
html:not([data-s3d-owner="1"]) .steel3d-root #s3dVariationsPanel,
html:not([data-s3d-owner="1"]) .steel3d-root #s3dOwnerPortal,
html:not([data-s3d-owner="1"]) .steel3d-root .s3d-docs-internal-bar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html[data-s3d-owner="1"] .steel3d-root #s3dOwnerPortal:not([hidden]),
html[data-s3d-owner="1"] .steel3d-root #s3dPricingEstimator,
html[data-s3d-owner="1"] .steel3d-root #s3dVariationsPanel {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.steel3d-root.s3d-mode-workspace main > #s3dQuoteSubmit,
.steel3d-root.s3d-mode-workspace main > .s3d-quote-submit,
.steel3d-root.s3d-mode-workspace main > #s3dOwnerGate:not([hidden]),
.steel3d-root.s3d-mode-workspace main > .s3d-owner-gate:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
}
.steel3d-root .s3d-owner-gate,
.steel3d-root .s3d-owner-portal,
.steel3d-root .s3d-quote-submit {
  max-width: 1100px;
  margin: 24px auto;
  padding: 0 16px;
  box-sizing: border-box;
}
.steel3d-root .s3d-owner-gate-inner,
.steel3d-root .s3d-owner-portal-head,
.steel3d-root .s3d-owner-inbox {
  border: 2px solid #222b3d;
  border-left: 4px solid #D4AF37;
  background: #0b0e14;
  padding: 20px;
  margin-bottom: 16px;
}
.steel3d-root .s3d-owner-portal-head {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  justify-content: space-between;
  align-items: flex-start;
}
.steel3d-root .s3d-job-search-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 2px solid #222b3d;
  border-left: 4px solid #D4AF37;
  background: #0f141d;
  max-width: 100%;
  box-sizing: border-box;
}
.steel3d-root .s3d-job-search-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 220px;
  min-width: 0;
  color: #e2e8f0;
  font: 700 12px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.steel3d-root .s3d-job-search-input {
  min-height: 48px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 2px solid #3d4d63;
  background: #0B0E14;
  color: #f2f4f8;
  font: 600 15px/1.3 ui-monospace, Menlo, Consolas, monospace;
}
.steel3d-root .s3d-job-search-hint {
  flex: 1 1 100%;
  margin: 0;
  color: #94a3b8;
  font: 500 13px/1.4 Arial, Helvetica, sans-serif;
}
.steel3d-root .s3d-job-drawer {
  position: fixed;
  inset: 0;
  z-index: 100120;
  display: none;
}
.steel3d-root .s3d-job-drawer.is-open,
.steel3d-root .s3d-job-drawer:not([hidden]) {
  display: block;
}
.steel3d-root .s3d-job-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 7, 10, 0.72);
}
.steel3d-root .s3d-job-drawer-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(520px, 100vw);
  height: 100%;
  max-height: 100dvh;
  overflow: auto;
  background: #0B0E14;
  border-left: 3px solid #D4AF37;
  box-sizing: border-box;
  padding: 16px;
}
.steel3d-root .s3d-job-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.steel3d-root .s3d-job-drawer-head h3 {
  margin: 0;
  color: #f2f4f8;
  font: 700 18px/1.2 Arial, Helvetica, sans-serif;
}
.steel3d-root .s3d-job-drawer-section {
  margin: 0 0 16px;
  padding: 12px;
  border: 1px solid #222b3d;
  background: #0f141d;
}
.steel3d-root .s3d-job-drawer-section h4 {
  margin: 0 0 8px;
  color: #D4AF37;
  font: 700 12px/1.2 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.steel3d-root .s3d-job-drawer-lisp {
  max-height: 240px;
  overflow: auto;
  padding: 10px;
  background: #060a0e;
  border: 1px solid #222b3d;
  color: #e2e8f0;
  font: 12px/1.45 ui-monospace, Menlo, Consolas, monospace;
  white-space: pre-wrap;
  word-break: break-word;
}
.steel3d-root .s3d-job-drawer-files {
  margin: 8px 0 0;
  padding-left: 18px;
}
.steel3d-root .s3d-mono {
  font-family: ui-monospace, Menlo, Consolas, monospace;
}
.steel3d-root .s3d-client-register {
  margin: 1.25rem auto 2rem;
  max-width: min(1100px, 100%);
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.steel3d-root .s3d-client-register-inner {
  border: none;
  border-left: none;
  background: transparent;
  padding: 20px 24px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: clip;
}
.steel3d-root .s3d-client-register-form,
.steel3d-root .s3d-guest-form {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.steel3d-root .s3d-client-register-form {
  max-width: min(36rem, 100%);
  margin-inline: auto;
}
.steel3d-root .s3d-client-register-form label,
.steel3d-root .s3d-guest-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #e2e8f0;
  font: 600 13px/1.3 Arial, Helvetica, sans-serif;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.steel3d-root .s3d-client-register-form input,
.steel3d-root .s3d-client-register-form textarea,
.steel3d-root .s3d-client-register-form select,
.steel3d-root .s3d-guest-form textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: 48px;
  padding: 10px 12px;
  border: 2px solid #3d4d63;
  background: #0B0E14;
  color: #f2f4f8;
  font: 500 15px/1.3 Arial, Helvetica, sans-serif;
}
.steel3d-root .s3d-client-register-status.is-error {
  color: #f87171;
}
.steel3d-root .s3d-owner-clients-list {
  display: grid;
  gap: 12px;
}
.steel3d-root .s3d-owner-clients-sub {
  margin: 1.25rem 0 0.5rem;
  color: #D4AF37;
  font: 700 13px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.steel3d-root .s3d-owner-client {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  border: 1px solid #222b3d;
  padding: 12px;
  background: #0f141d;
}
.steel3d-root .s3d-owner-client-logo {
  width: 88px;
  height: 56px;
  object-fit: contain;
  background: #0B0E14;
  border: 1px solid #222b3d;
  flex: 0 0 auto;
}
.steel3d-root .s3d-owner-client-logo--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font: 600 11px/1 Arial, Helvetica, sans-serif;
}
.steel3d-root .s3d-owner-client-metrics {
  color: #D4AF37;
  font: 600 13px/1.4 ui-monospace, Menlo, Consolas, monospace;
}
.steel3d-root .s3d-btn.is-active {
  border-color: #D4AF37;
  color: #0B0E14;
  background: #D4AF37;
}
.steel3d-root .s3d-ga-tb-client {
  color: #e2e8f0;
  font-weight: 700;
}
.steel3d-root .s3d-ga-tb-logo {
  max-height: 36px;
  max-width: 120px;
  object-fit: contain;
  vertical-align: middle;
}
.steel3d-root .s3d-owner-portal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.steel3d-root .s3d-owner-job {
  border: 1px solid #222b3d;
  padding: 12px;
  margin: 10px 0;
}
.steel3d-root .s3d-owner-job-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.steel3d-root .s3d-owner-gate-status.is-error,
.steel3d-root .s3d-guest-status.is-err {
  color: #ff8a8a;
  background: rgba(127, 29, 29, 0.35);
  border: 1px solid rgba(248, 113, 113, 0.45);
  padding: 0.55rem 0.75rem;
  margin-top: 0.75rem;
  display: block;
}
.steel3d-root .s3d-quote-file input[type="file"] {
  display: block;
  margin-top: 6px;
}
.steel3d-root .s3d-owner-forgot-wrap {
  margin: 12px 0 0;
}
.steel3d-root .s3d-owner-forgot {
  background: none;
  border: 0;
  padding: 0;
  color: #9ca3af;
  font-size: 13px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.steel3d-root .s3d-owner-forgot:hover,
.steel3d-root .s3d-owner-forgot:focus {
  color: #D4AF37;
}
.steel3d-root #s3dOwnerEmail[readonly] {
  color: #e8eef6;
  border-color: #D4AF37;
  background: #121721;
}
.steel3d-root .s3d-owner-gate-inner input[type="password"],
.steel3d-root .s3d-owner-gate-inner input[type="email"] {
  width: 100%;
  min-height: 48px;
  margin-top: 6px;
  background: #0b0e14;
  color: #e8eef6;
  border: 2px solid #222b3d;
  padding: 10px 12px;
  box-sizing: border-box;
}
/* D19: manual quick-quote workstation */
.steel3d-root .s3d-qq-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
  margin: 0 0 14px;
}
.steel3d-root .s3d-qq-jobref {
  min-width: min(220px, 100%);
}
.steel3d-root .s3d-qq-jobref input {
  min-height: 48px;
  border: 2px solid #D4AF37;
  background: #0b0e14;
  color: #e8eef6;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.steel3d-root .s3d-qq-templates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.steel3d-root .s3d-qq-tpl {
  min-height: 48px;
  border: 2px solid #D4AF37;
  color: #D4AF37;
  background: #0b0e14;
}
.steel3d-root .s3d-qq-tpl:hover,
.steel3d-root .s3d-qq-tpl:focus-visible {
  background: #D4AF37;
  color: #0b0e14;
}
.steel3d-root .s3d-qq-fast {
  grid-template-columns: minmax(0, 1.6fr) minmax(110px, 140px);
}
.steel3d-root #s3dPriceSection,
.steel3d-root #s3dPriceLength,
.steel3d-root #s3dPriceQty {
  min-height: 48px;
}
.steel3d-root #s3dPriceAddLine {
  min-height: 48px;
  min-width: 48px;
}
.steel3d-root .s3d-qq-jobopts {
  border: 1px solid #232b3b;
  background: #0b0e14;
  padding: 8px 12px;
}
.steel3d-root .s3d-qq-jobopts summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #D4AF37;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.steel3d-root .s3d-qq-export {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.steel3d-root .s3d-qq-export .s3d-btn {
  min-height: 48px;
  flex: 1 1 160px;
}
.steel3d-root .s3d-qq-export-status {
  margin: 8px 0 0;
  font-size: 12px;
  color: #9aabc0;
}
.steel3d-root .s3d-qq-export-status.is-error {
  color: #D4AF37;
}
.steel3d-root .s3d-qq-sticky {
  display: none;
}
@media (max-width: 767px) {
  html.s3d-qq-open .steel3d-root {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  }
  html[data-s3d-owner="1"] .steel3d-root #s3dPriceStickyBar:not([hidden]) {
    display: flex !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    gap: 8px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    background: #0b0e14;
    border-top: 2px solid #D4AF37;
    box-sizing: border-box;
    max-width: 100vw;
  }
  html[data-s3d-owner="1"] .steel3d-root #s3dPriceStickyBar .s3d-btn {
    flex: 1 1 0;
    min-height: 48px;
    min-width: 48px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
  }
  .steel3d-root .s3d-qq-templates,
  .steel3d-root .s3d-qq-export,
  .steel3d-root .s3d-qq-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .steel3d-root .s3d-qq-tpl,
  .steel3d-root .s3d-qq-export .s3d-btn {
    width: 100%;
  }
}
/* D20: hybrid scan + editable estimator rows */
.steel3d-root .s3d-scan-bar {
  margin: 0 0 14px;
}
.steel3d-root .s3d-scan-toggle {
  width: 100%;
  min-height: 48px;
  border: 2px solid #D4AF37;
  background: #121208;
  color: #D4AF37;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.steel3d-root .s3d-scan-toggle.is-open,
.steel3d-root .s3d-scan-toggle[aria-expanded="true"] {
  background: #D4AF37;
  color: #0b0e14;
}
.steel3d-root .s3d-scan-drop {
  margin-top: 8px;
  padding: 14px;
  border: 2px dashed #D4AF37;
  background: #0b0e14;
}
.steel3d-root .s3d-scan-drop.is-drag,
.steel3d-root .s3d-scan-drop.is-busy {
  box-shadow: inset 0 0 0 2px #D4AF37;
}
.steel3d-root .s3d-scan-drop-label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 88px;
  padding: 12px;
  border: 2px solid #222b3d;
  background: #121721;
  color: #e8eef6;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.steel3d-root .s3d-scan-drop-label input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.steel3d-root .s3d-scan-status {
  margin: 8px 0 0;
  color: #9aabc0;
  font-size: 13px;
}
.steel3d-root .s3d-scan-status.is-error {
  color: #D4AF37;
}
.steel3d-root .s3d-price-line-edit {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(90px, 120px);
  gap: 8px;
  margin-top: 8px;
}
.steel3d-root .s3d-price-line-edit label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aabc0;
}
.steel3d-root .s3d-price-line-edit input {
  min-height: 48px;
  background: #0b0e14;
  border: 2px solid #D4AF37;
  color: #e8eef6;
  padding: 8px 10px;
}
.steel3d-root .s3d-price-line--scanned {
  box-shadow: inset 3px 0 0 #D4AF37;
}
@media (max-width: 767px) {
  .steel3d-root .s3d-scan-toggle,
  .steel3d-root .s3d-scan-drop-label {
    min-height: 48px;
    width: 100%;
  }
  .steel3d-root .s3d-price-line-edit {
    grid-template-columns: 1fr;
  }
}
/* Hero CTAs: dark fill-color was winning over a translucent pill — text vanished. */
.steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill,
.steel3d-root .s3d-industrial-cta button.s3d-pill.s3d-pill--orange,
.steel3d-root .s3d-industrial-cta button.s3d-hero-cta-pill {
  background: #D4AF37 !important;
  background-image: none !important;
  border: 2px solid #D4AF37 !important;
  color: #0b0e14 !important;
  -webkit-text-fill-color: #0b0e14 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  min-height: 48px !important;
  opacity: 1 !important;
}
.steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill:hover,
.steel3d-root .s3d-industrial-cta .s3d-hero-cta-pill:focus-visible,
.steel3d-root .s3d-industrial-cta button.s3d-pill.s3d-pill--orange:hover,
.steel3d-root .s3d-industrial-cta button.s3d-pill.s3d-pill--orange:focus-visible {
  background: #ffe08a !important;
  border-color: #D4AF37 !important;
  color: #0b0e14 !important;
  -webkit-text-fill-color: #0b0e14 !important;
}
.steel3d-root .s3d-showcase-heading,
.steel3d-root .s3d-showcase-lead {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Home = landing. CAD desk only on #ws-01 / #ws-02 / #ws-03 — not the vault. */
html:not([data-s3d-route="ws-01"]):not([data-s3d-route="ws-02"]):not([data-s3d-route="ws-03"]):not([data-s3d-route="ws-04"]) #s3dSketchWorkspace,
.steel3d-root:not([data-s3d-route="ws-01"]):not([data-s3d-route="ws-02"]):not([data-s3d-route="ws-03"]) #s3dSketchWorkspace {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
html[data-s3d-route="ws-01"] #s3dSketchWorkspace,
html[data-s3d-route="ws-02"] #s3dSketchWorkspace,
html[data-s3d-route="ws-03"] #s3dSketchWorkspace,
html[data-s3d-route="ws-04"] #s3dSketchWorkspace {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}
/* Workstation chrome was #4a5a6a on #07090d — unreadable. */
.steel3d-root #s3dSketchWorkspace .s3d-ws-toolbar {
  color: #e8eef6 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-panel-tag {
  color: #d6e4f0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-drop {
  color: #f2f4f8 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-color: #D4AF37 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-sidenotes::placeholder,
.steel3d-root #s3dWsSideNotes::placeholder {
  color: #9aa8ba !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #9aa8ba !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-bom-table th {
  color: #D4AF37 !important;
}
/* Contact + Suggestions — compact cards, not full-bleed slabs */
.steel3d-root .s3d-contact-suggest-row {
  max-width: 720px !important;
  gap: 10px !important;
  align-items: start !important;
}
.steel3d-root .s3d-contact-section .s3d-form-card,
.steel3d-root .s3d-contact-suggest-row > .s3d-form-card,
.steel3d-root .s3d-contact-suggest-row .s3d-suggest-panel {
  padding: 10px 12px 12px !important;
  height: auto !important;
}
.steel3d-root .s3d-contact-suggest-row > .s3d-form-card,
.steel3d-root .s3d-contact-suggest-row > .s3d-suggest-col,
.steel3d-root .s3d-contact-suggest-row .s3d-suggest-panel,
.steel3d-root .s3d-contact-suggest-row .s3d-contact-form,
.steel3d-root .s3d-contact-suggest-row .s3d-suggest-form {
  height: auto !important;
  flex: 0 0 auto !important;
}
.steel3d-root .s3d-contact-section .s3d-contact-title,
.steel3d-root .s3d-suggest-title {
  font-size: 1.05rem !important;
  margin: 0 0 0.2rem !important;
}
.steel3d-root .s3d-contact-section .s3d-contact-lead,
.steel3d-root .s3d-suggest-lead {
  margin: 0 0 0.65rem !important;
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
}
.steel3d-root .s3d-contact-form .s3d-form-group,
.steel3d-root .s3d-suggest-form .s3d-form-group,
.steel3d-root .s3d-suggest-form .s3d-form-field {
  margin-bottom: 0.45rem !important;
}
.steel3d-root .s3d-contact-form label,
.steel3d-root .s3d-suggest-form label {
  margin-bottom: 0.2rem !important;
  font-size: 0.72rem !important;
}
.steel3d-root .s3d-contact-form .s3d-form-row,
.steel3d-root .s3d-suggest-form .s3d-form-row {
  gap: 0.5rem !important;
}
.steel3d-root .s3d-contact-form .s3d-input,
.steel3d-root .s3d-contact-form .s3d-select,
.steel3d-root .s3d-contact-form textarea.s3d-input,
.steel3d-root .s3d-suggest-form .s3d-input,
.steel3d-root .s3d-suggest-form input[type="text"],
.steel3d-root .s3d-suggest-form input[type="email"],
.steel3d-root .s3d-suggest-form textarea {
  padding: 0.4rem 0.55rem !important;
  font-size: 0.85rem !important;
  min-height: 36px !important;
}
.steel3d-root .s3d-contact-form textarea.s3d-input,
.steel3d-root .s3d-suggest-form textarea,
.steel3d-root .s3d-suggest-form textarea.s3d-input {
  min-height: 56px !important;
  max-height: 120px;
  resize: vertical;
}
.steel3d-root .s3d-contact-form .s3d-check-row {
  margin: 0 0 0.55rem !important;
  padding: 0.4rem 0.55rem !important;
}
.steel3d-root .s3d-contact-form .s3d-form-submit,
.steel3d-root .s3d-suggest-form .s3d-form-submit {
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  margin-top: 0.15rem !important;
  justify-self: start;
  align-self: flex-start;
}
@media (max-width: 767px) {
  .steel3d-root .s3d-contact-form .s3d-form-submit,
  .steel3d-root .s3d-suggest-form .s3d-form-submit {
    min-height: 48px !important;
  }
}
/* Commercial quote form — readable size, not cramped slabs */
.steel3d-root .s3d-quote-submit,
.steel3d-root #s3dQuoteSubmit,
.steel3d-root .s3d-quote-submit.s3d-guest-submit {
  max-width: min(45rem, 100%) !important;
  width: 100% !important;
  margin: 28px auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-quote-submit .s3d-guest-inner,
.steel3d-root #s3dGuestSubmit.s3d-guest-inner {
  max-width: min(45rem, 100%) !important;
  width: 100% !important;
  padding: 18px 24px 22px !important;
  box-sizing: border-box !important;
  overflow-x: clip;
}
.steel3d-root .s3d-quote-submit .s3d-area-banner,
.steel3d-root #s3dQuoteSubmit .s3d-area-banner {
  margin: 0 0 18px !important;
}
.steel3d-root .s3d-quote-submit h2,
.steel3d-root .s3d-guest-submit h2 {
  font-size: 1.25rem !important;
  margin: 0 0 0.55rem !important;
}
.steel3d-root .s3d-quote-submit .s3d-guest-lead,
.steel3d-root .s3d-guest-submit .s3d-guest-lead {
  margin: 0 0 1.15rem !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}
.steel3d-root .s3d-guest-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 14px 14px !important;
}
.steel3d-root .s3d-guest-form label {
  gap: 0.35rem !important;
  font-size: 0.82rem !important;
}
.steel3d-root .s3d-guest-form .s3d-quote-file,
.steel3d-root .s3d-guest-form .s3d-guest-accept,
.steel3d-root .s3d-guest-form #s3dGuestSubmitBtn,
.steel3d-root .s3d-guest-form .s3d-btn {
  grid-column: 1 / -1;
}
.steel3d-root .s3d-guest-form input,
.steel3d-root .s3d-guest-form input[type="text"],
.steel3d-root .s3d-guest-form input[type="email"],
.steel3d-root .s3d-guest-form input[type="tel"],
.steel3d-root .s3d-guest-form input[type="file"],
.steel3d-root .s3d-guest-form textarea,
.steel3d-root .s3d-guest-form select {
  min-height: 42px !important;
  padding: 0.5rem 0.7rem !important;
  font-size: 0.92rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-guest-form .s3d-guest-accept {
  display: grid !important;
  grid-template-columns: auto 1fr;
  gap: 0.55rem !important;
  margin-top: 4px !important;
  margin-bottom: 8px !important;
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
}
.steel3d-root #s3dGuestSubmitBtn,
.steel3d-root .s3d-guest-form #s3dGuestSubmitBtn {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin-top: 18px !important;
  padding: 0 18px !important;
  justify-self: start !important;
  font-size: 13px !important;
}
.steel3d-root .s3d-guest-result {
  margin-top: 1.1rem !important;
  padding: 0.9rem 1rem !important;
}
.steel3d-root .s3d-guest-result strong {
  font-size: 1.3rem !important;
}
@media (max-width: 640px) {
  .steel3d-root .s3d-guest-form {
    grid-template-columns: 1fr !important;
  }
  .steel3d-root #s3dGuestSubmitBtn,
  .steel3d-root .s3d-guest-form #s3dGuestSubmitBtn {
    min-height: 48px !important;
    width: 100% !important;
  }
}
/* ===== BUILD-2026-09-09b: Public Interactive Process Showcase (How it works) ===== */
.steel3d-root .s3d-process-flow {
  --s3d-proc-bg: #0b0e14;
  --s3d-proc-cyan: #D4AF37;
  --s3d-proc-amber: #D4AF37;
  position: relative;
  z-index: 1;
  background: var(--s3d-proc-bg);
  border-top: 1px solid #222b3d;
  border-bottom: 1px solid #222b3d;
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  max-width: 100vw;
  box-sizing: border-box;
}
.steel3d-root .s3d-process-flow-inner {
  max-width: min(1100px, 100%);
  margin: 0 auto;
  padding: 0 clamp(12px, 3vw, 24px);
  box-sizing: border-box;
}
.steel3d-root .s3d-process-kicker {
  margin: 0 0 0.5rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--s3d-proc-cyan);
}
.steel3d-root .s3d-process-heading {
  margin: 0 0 0.55rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(1.45rem, 3.5vw, 2rem);
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #f8fafc;
  text-align: center;
}
.steel3d-root .s3d-process-lead {
  margin: 0 auto 1.5rem;
  max-width: 42rem;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #94a3b8;
  text-align: center;
}
.steel3d-root .s3d-process-timeline {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  margin: 0 0 1.25rem;
}
.steel3d-root .s3d-process-step {
  flex: 1 1 7.5rem;
  min-height: 48px;
  min-width: 7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 10px 12px;
  box-sizing: border-box;
  background: #111827;
  border: 2px solid #D4AF37;
  color: #e2e8f0;
  cursor: pointer;
  text-align: left;
  touch-action: manipulation;
  border-radius: 0;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.steel3d-root .s3d-process-step:hover,
.steel3d-root .s3d-process-step:focus-visible {
  outline: none;
  border-color: #D4AF37;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35);
}
.steel3d-root .s3d-process-step.is-active {
  background: rgba(212, 175, 55, 0.1);
  border-color: #D4AF37;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.12);
}
.steel3d-root .s3d-process-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 2px 8px;
  background: #D4AF37;
  border: 1px solid #D4AF37;
  color: #ffffff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.steel3d-root .s3d-process-label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f8fafc;
}
.steel3d-root .s3d-process-arrow {
  display: none;
  width: 14px;
  height: 2px;
  align-self: center;
  background: #D4AF37;
  flex: 0 0 auto;
  position: relative;
}
.steel3d-root .s3d-process-arrow::after {
  content: "";
  position: absolute;
  right: -1px;
  top: -3px;
  border: 4px solid transparent;
  border-left-color: #D4AF37;
}
@media (min-width: 900px) {
  .steel3d-root .s3d-process-timeline {
    flex-wrap: nowrap;
    gap: 6px;
  }
  .steel3d-root .s3d-process-arrow {
    display: block;
  }
  .steel3d-root .s3d-process-step {
    flex: 1 1 0;
    min-width: 0;
  }
}
.steel3d-root .s3d-process-stage {
  border: 2px solid #D4AF37;
  background: linear-gradient(180deg, #0f1420 0%, #0b0e14 100%);
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.2);
}
.steel3d-root .s3d-process-panel {
  display: none;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: clamp(1rem, 3vw, 1.75rem);
  padding: clamp(1rem, 3vw, 1.75rem);
  align-items: center;
}
.steel3d-root .s3d-process-panel.is-active {
  display: grid;
}
.steel3d-root .s3d-process-diagram {
  border: 1px solid #222b3d;
  background:
    linear-gradient(rgba(212, 175, 55, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212, 175, 55, 0.04) 1px, transparent 1px),
    #0b0e14;
  background-size: 16px 16px, 16px 16px, auto;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  box-sizing: border-box;
}
.steel3d-root .s3d-process-diagram svg {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
}
.steel3d-root .s3d-process-copy h3 {
  margin: 0 0 0.55rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #D4AF37;
}
.steel3d-root .s3d-process-copy p {
  margin: 0 0 0.85rem;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #cbd5e1;
}
.steel3d-root .s3d-process-points {
  margin: 0 0 1.1rem;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.45rem;
}
.steel3d-root .s3d-process-points li {
  margin: 0;
  padding: 0.55rem 0.7rem;
  border-left: 3px solid #D4AF37;
  background: rgba(212, 175, 55, 0.05);
  font-size: 0.88rem;
  line-height: 1.4;
  color: #e2e8f0;
}
.steel3d-root .s3d-process-points strong {
  color: #D4AF37;
  font-weight: 800;
}
.steel3d-root .s3d-process-copy .s3d-btn {
  min-height: 48px;
  touch-action: manipulation;
}
@media (max-width: 760px) {
  .steel3d-root .s3d-process-panel.is-active {
    grid-template-columns: 1fr;
  }
  .steel3d-root .s3d-process-step {
    flex: 1 1 calc(50% - 8px);
  }
}
@media (max-width: 480px) {
  .steel3d-root .s3d-process-step {
    flex: 1 1 100%;
  }
}
html[data-s3d-route="ws-01"] .steel3d-root .s3d-process-flow,
html[data-s3d-route="ws-02"] .steel3d-root .s3d-process-flow,
html[data-s3d-route="ws-03"] .steel3d-root .s3d-process-flow {
  display: none !important;
}
html[data-s3d-route="how-it-works"] .steel3d-root .s3d-process-flow,
html[data-s3d-route="home"] .steel3d-root .s3d-process-flow,
.steel3d-root .s3d-process-flow {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
}
html[data-s3d-route="client-onboard"] .steel3d-root #s3dClientRegister,
html[data-s3d-route="client-onboard"] .steel3d-root .s3d-client-register {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
}
/* ===== BUILD-2026-09-09c: Mobile UI/UX Polish & Layout Overhaul ===== */
html {
  overflow-x: hidden !important;
  max-width: 100% !important;
}
body,
.steel3d-root,
#steel3d-main,
.steel3d-root .s3d-wrap,
.steel3d-root .s3d-process-flow,
.steel3d-root .s3d-industrial-hero,
.steel3d-root .s3d-feature-grid-wrap,
.steel3d-root .s3d-showcase-wrap,
.steel3d-root .s3d-quote-submit,
.steel3d-root .s3d-guest-submit,
.steel3d-root #s3dJobPortal,
.steel3d-root #s3dSketchWorkspace {
  max-width: 100vw !important;
  box-sizing: border-box !important;
}
body,
.steel3d-root,
#steel3d-main {
  overflow-x: hidden !important;
}
@media (max-width: 900px), ((hover: none) and (pointer: coarse)) {
  /* 1 — Fluid 320–425(+ ) : no side-scroll; internal panes may scroll */
  .steel3d-root,
  .steel3d-root * {
    max-width: 100%;
  }
  .steel3d-root img,
  .steel3d-root svg,
  .steel3d-root video,
  .steel3d-root iframe,
  .steel3d-root canvas {
    max-width: 100% !important;
    height: auto;
  }
  .steel3d-root iframe.s3d-job-viewer-frame,
  .steel3d-root #s3dCadViewerMount canvas {
    height: auto;
    min-height: 52vh;
  }
  /* 2 — Header / hamburger drawer: high-contrast; desktop nav hidden */
  .steel3d-root .s3d-head-nav.s3d-nav--full {
    display: none !important;
  }
  .steel3d-root .s3d-burger-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px !important;
    min-width: 48px !important;
    padding: 10px 14px !important;
    border: 2px solid #D4AF37 !important;
    background: #0b0e14 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    touch-action: manipulation;
    z-index: 100060 !important;
    pointer-events: auto !important;
  }
  .steel3d-root .s3d-mnav-panel {
    background: #0b0e14 !important;
    border-left: 3px solid #D4AF37 !important;
    box-shadow: -12px 0 40px rgba(0, 0, 0, 0.65);
  }
  .steel3d-root .s3d-mnav-panel a,
  .steel3d-root .s3d-mnav-close {
    min-height: 48px !important;
    display: flex !important;
    align-items: center;
    touch-action: manipulation;
    border-bottom: 1px solid #222b3d;
    color: #e2e8f0 !important;
    font-weight: 700;
  }
  .steel3d-root .s3d-mnav-panel a.s3d-nav-active,
  .steel3d-root .s3d-mnav-panel a[aria-current="page"] {
    color: #D4AF37 !important;
    border-left: 3px solid #D4AF37;
    padding-left: 12px;
  }
  /* GA title block — no clip / overlap */
  .steel3d-root .s3d-ga-titleblock,
  .steel3d-root #s3dGaTitleBlock {
    display: flex !important;
    flex-wrap: wrap !important;
    grid-template-columns: none !important;
    gap: 6px 10px !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 10px !important;
    box-sizing: border-box !important;
  }
  .steel3d-root .s3d-ga-titleblock > span,
  .steel3d-root #s3dGaTitleBlock > span {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
  }
  .steel3d-root .s3d-ga-tb-brand {
    flex: 1 1 100%;
  }
  .steel3d-root .s3d-ga-tb-addr {
    flex: 1 1 100%;
    font-size: 9px !important;
  }
  /* 3 — 48px touch targets */
  .steel3d-root .s3d-btn,
  .steel3d-root button.s3d-btn,
  .steel3d-root a.s3d-btn,
  .steel3d-root .s3d-pill,
  .steel3d-root .s3d-hero-cta-pill,
  .steel3d-root .s3d-process-step,
  .steel3d-root .s3d-ws-pipe,
  .steel3d-root .s3d-tool-tile,
  .steel3d-root .s3d-price-type-btn,
  .steel3d-root #s3dWsGenerate,
  .steel3d-root #s3dWsClear,
  .steel3d-root #s3dWsClearIngest,
  .steel3d-root #s3dWs02Submit,
  .steel3d-root #s3dGuestSubmitBtn,
  .steel3d-root #s3dJobViewerBtn,
  .steel3d-root #s3dJobPackBtn,
  .steel3d-root .s3d-job-portal-actions .s3d-btn {
    min-height: 48px !important;
    min-width: 48px !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent;
  }
  .steel3d-root .s3d-ws-drop,
  .steel3d-root #s3dWsDropHint,
  .steel3d-root #s3dSketchCanvasWrap {
    min-height: 48px;
    touch-action: manipulation;
  }
  .steel3d-root #s3dSketchCanvasWrap {
    min-height: min(46vh, 320px) !important;
  }
  /* Autodesk / 3D preview full-width + double-tap zoom safety on chrome */
  .steel3d-root #s3dCadViewerMount,
  .steel3d-root #s3dFrameCanvasWrap,
  .steel3d-root .s3d-ws-view-wrap,
  .steel3d-root .s3d-job-viewer-drawer,
  .steel3d-root .s3d-job-viewer-frame,
  .steel3d-root #s3dJobViewerFrame {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .steel3d-root #s3dCadViewerMount,
  .steel3d-root .s3d-ws-view-wrap {
    touch-action: pan-x pan-y pinch-zoom;
  }
  .steel3d-root .s3d-job-viewer-drawer-bar,
  .steel3d-root .s3d-job-viewer-drawer-bar .s3d-btn,
  .steel3d-root #s3dJobViewerClose {
    touch-action: manipulation !important;
  }
  .steel3d-root .s3d-job-viewer-frame,
  .steel3d-root #s3dJobViewerFrame {
    width: 100% !important;
    min-height: 62vh !important;
    height: 68vh !important;
    touch-action: pan-x pan-y pinch-zoom;
  }
  /* 4 — Tables: horizontal scroll + sticky section column */
  .steel3d-root .s3d-ws-bom-scroll,
  .steel3d-root .s3d-scroll-x,
  .steel3d-root .s3d-pricing-table-wrap,
  .steel3d-root .s3d-estimator-scroll,
  .steel3d-root .s3d-bom-scroll,
  .steel3d-root [data-s3d-table-scroll] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
  .steel3d-root .s3d-bom-table,
  .steel3d-root .s3d-pricing-table,
  .steel3d-root table.s3d-est-table {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  .steel3d-root .s3d-bom-table th:first-child,
  .steel3d-root .s3d-bom-table td:first-child,
  .steel3d-root .s3d-pricing-table th:first-child,
  .steel3d-root .s3d-pricing-table td:first-child,
  .steel3d-root table.s3d-est-table th:first-child,
  .steel3d-root table.s3d-est-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    background: #0b0e14 !important;
    box-shadow: 2px 0 0 #222b3d;
    min-width: 7.5rem;
  }
  .steel3d-root .s3d-bom-table thead th:first-child,
  .steel3d-root .s3d-pricing-table thead th:first-child {
    z-index: 4;
    background: #121721 !important;
  }
  /* Forms → single column */
  .steel3d-root .s3d-guest-form,
  .steel3d-root .s3d-contact-form,
  .steel3d-root .s3d-owner-form,
  .steel3d-root .s3d-price-line-edit,
  .steel3d-root .s3d-estimator-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .steel3d-root .s3d-guest-form label,
  .steel3d-root .s3d-guest-form .s3d-quote-file,
  .steel3d-root .s3d-guest-form .s3d-guest-accept,
  .steel3d-root .s3d-guest-form .s3d-btn,
  .steel3d-root .s3d-guest-form #s3dGuestSubmitBtn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  .steel3d-root .s3d-guest-form input,
  .steel3d-root .s3d-guest-form input[type="text"],
  .steel3d-root .s3d-guest-form input[type="email"],
  .steel3d-root .s3d-guest-form input[type="tel"],
  .steel3d-root .s3d-guest-form input[type="file"],
  .steel3d-root .s3d-guest-form textarea,
  .steel3d-root .s3d-ws-sidenotes,
  .steel3d-root #s3dWsSideNotes {
    width: 100% !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    font-size: 16px !important; /* iOS: avoid input zoom */
  }
  .steel3d-root .s3d-ws-controls {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch !important;
  }
  .steel3d-root .s3d-ws-controls label,
  .steel3d-root .s3d-ws-controls input {
    width: 100% !important;
    min-height: 48px;
  }
  .steel3d-root .s3d-ws-pipeline {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .steel3d-root .s3d-ws-pipe {
    width: 100% !important;
  }
  .steel3d-root .s3d-job-portal-actions {
    grid-template-columns: 1fr !important;
  }
  .steel3d-root .s3d-ws-station-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .steel3d-root .s3d-ws-station-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }
  .steel3d-root .s3d-ws-station-actions .s3d-btn {
    flex: 1 1 calc(50% - 6px);
  }
  .steel3d-root .s3d-cad-frame,
  .steel3d-root .s3d-ws-panel {
    border: 1px solid #1a1f26 !important;
    border-left: 1px solid #1a1f26 !important;
    box-shadow: none !important;
  }
}
@media (max-width: 425px) {
  .steel3d-root .s3d-industrial-title,
  .steel3d-root #s3dHeroHeadline {
    font-size: clamp(1.15rem, 6.2vw, 1.55rem) !important;
    line-height: 1.25 !important;
  }
  .steel3d-root .s3d-industrial-sub {
    font-size: 0.9rem !important;
  }
  .steel3d-root .s3d-hero-logo {
    width: min(100%, 280px) !important;
    height: auto !important;
  }
  .steel3d-root .s3d-ws-station-actions .s3d-btn {
    flex: 1 1 100%;
  }
  .steel3d-root .s3d-process-step {
    flex: 1 1 100% !important;
  }
}
@media (max-width: 320px) {
  .steel3d-root .s3d-wrap,
  .steel3d-root .s3d-process-flow-inner {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .steel3d-root .s3d-burger-btn {
    padding: 8px 10px !important;
    font-size: 10px !important;
  }
}
/* ===== BUILD-2026-09-09d: Button contrast + click unlock ===== */
/* Decorative layers never steal clicks */
.steel3d-root .s3d-bg-stack,
.steel3d-root .s3d-blueprint-grid,
.steel3d-root .s3d-bg-tint,
.steel3d-root .s3d-bg-scrim,
.steel3d-root .s3d-ga-watermark,
.steel3d-root .s3d-btn-primary::before,
.steel3d-root .s3d-btn-primary::after,
.steel3d-root .s3d-pill::before {
  pointer-events: none !important;
}
/* Interactive controls: always hittable above glass header / overlays */
.steel3d-root button,
.steel3d-root a.s3d-btn,
.steel3d-root a.s3d-nav-link,
.steel3d-root a.s3d-ws-pipe,
.steel3d-root a.s3d-tool-tile,
.steel3d-root .s3d-pill.s3d-hero-cta-pill,
.steel3d-root .s3d-process-step,
.steel3d-root .s3d-price-type-btn,
.steel3d-root .s3d-price-qty-btn,
.steel3d-root .s3d-burger-btn,
.steel3d-root .s3d-mnav-close,
.steel3d-root .s3d-mnav-panel a,
.steel3d-root .s3d-head-bar,
.steel3d-root nav.s3d-nav,
.steel3d-root #s3dSketchCanvasWrap {
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.steel3d-root #s3dWsDropHint,
.steel3d-root .s3d-ws-file-label,
.steel3d-root label[for="s3dWsFile"] {
  pointer-events: none !important;
}
/* Secondary / compact buttons: explicit light ink on #0B0E14 */
.steel3d-root .s3d-btn:not(.s3d-btn-primary),
.steel3d-root button.s3d-btn:not(.s3d-btn-primary),
.steel3d-root a.s3d-btn:not(.s3d-btn-primary) {
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  background: #0B0E14 !important;
  border: 1px solid #222b3d !important;
}
.steel3d-root .s3d-btn:not(.s3d-btn-primary):hover,
.steel3d-root .s3d-btn:not(.s3d-btn-primary):focus-visible,
.steel3d-root button.s3d-btn:not(.s3d-btn-primary):hover,
.steel3d-root button.s3d-btn:not(.s3d-btn-primary):focus-visible,
.steel3d-root a.s3d-btn:not(.s3d-btn-primary):hover,
.steel3d-root a.s3d-btn:not(.s3d-btn-primary):focus-visible {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.1) !important;
}
.steel3d-root .s3d-btn:not(.s3d-btn-primary):active,
.steel3d-root button.s3d-btn:not(.s3d-btn-primary):active {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.16) !important;
}
/* Safety Yellow primary: dark ink always (hover / focus / active) */
.steel3d-root .s3d-btn-primary,
.steel3d-root button.s3d-btn-primary,
.steel3d-root a.s3d-btn.s3d-btn-primary,
.steel3d-root .s3d-cta-mini,
.steel3d-root .s3d-pill.s3d-hero-cta-pill,
.steel3d-root button.s3d-pill.s3d-pill--orange.s3d-hero-cta-pill {
  background: #D4AF37 !important;
  background-image: none !important;
  border-color: #D4AF37 !important;
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
}
.steel3d-root .s3d-btn-primary *,
.steel3d-root .s3d-pill.s3d-hero-cta-pill * {
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
}
.steel3d-root .s3d-btn-primary:hover,
.steel3d-root .s3d-btn-primary:focus-visible,
.steel3d-root .s3d-btn-primary:active,
.steel3d-root button.s3d-btn-primary:hover,
.steel3d-root button.s3d-btn-primary:focus-visible,
.steel3d-root button.s3d-btn-primary:active,
.steel3d-root a.s3d-btn.s3d-btn-primary:hover,
.steel3d-root a.s3d-btn.s3d-btn-primary:focus-visible,
.steel3d-root .s3d-pill.s3d-hero-cta-pill:hover,
.steel3d-root .s3d-pill.s3d-hero-cta-pill:focus-visible,
.steel3d-root .s3d-pill.s3d-hero-cta-pill:active {
  background: #ffc933 !important;
  border-color: #ffc933 !important;
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  filter: none !important;
}
/* Disabled: still readable, not clickable */
.steel3d-root button:disabled,
.steel3d-root .s3d-btn:disabled,
.steel3d-root button[disabled] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  color: #9aa8bc !important;
  -webkit-text-fill-color: #9aa8bc !important;
}
/* Estimator tabs + qty steppers */
.steel3d-root .s3d-price-type-btn {
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  background: #0B0E14 !important;
  border: 1px solid #222b3d !important;
}
.steel3d-root .s3d-price-type-btn.is-active,
.steel3d-root .s3d-price-type-btn[aria-selected="true"] {
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
}
.steel3d-root .s3d-price-qty-btn {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: #0B0E14 !important;
  border: 1px solid #D4AF37 !important;
  min-width: 48px;
  min-height: 48px;
}
.steel3d-root .s3d-price-qty-btn:hover,
.steel3d-root .s3d-price-qty-btn:focus-visible {
  background: rgba(212, 175, 55, 0.14) !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}
/* Process showcase tabs */
.steel3d-root .s3d-process-step {
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  background: #0B0E14 !important;
  border: 1px solid #222b3d !important;
}
.steel3d-root .s3d-process-step.is-active,
.steel3d-root .s3d-process-step[aria-selected="true"] {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background: rgba(212, 175, 55, 0.08) !important;
  border: 2px solid #D4AF37 !important;
}
.steel3d-root .s3d-process-step:hover:not(.is-active),
.steel3d-root .s3d-process-step:focus-visible:not(.is-active) {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
}
/* Nav links on dark chrome */
.steel3d-root a.s3d-nav-link,
.steel3d-root .s3d-mnav-panel a {
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
}
.steel3d-root a.s3d-nav-link:hover,
.steel3d-root a.s3d-nav-link.s3d-nav-active,
.steel3d-root .s3d-mnav-panel a:hover,
.steel3d-root .s3d-mnav-panel a.s3d-nav-active {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}
/* Burger / close: Safety Yellow on CAD black */
.steel3d-root .s3d-burger-btn,
.steel3d-root .s3d-mnav-close {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: #0B0E14 !important;
  border: 2px solid #D4AF37 !important;
}
.steel3d-root .s3d-burger-btn:hover,
.steel3d-root .s3d-burger-btn:focus-visible,
.steel3d-root .s3d-mnav-close:hover,
.steel3d-root .s3d-mnav-close:focus-visible {
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
}
/* File input stays non-interactive; wrap + label receive clicks */
.steel3d-root #s3dWsFile {
  pointer-events: none !important;
}
.steel3d-root #s3dSketchCanvasWrap {
  z-index: 3 !important;
}
/* ===== BUILD-2026-09-09f: Admin parameter override + missing badges ===== */
.steel3d-root .s3d-param-override {
  margin-top: 14px;
  padding: 12px;
  border: 2px solid #222b3d;
  border-left: 4px solid #D4AF37;
  background: #0B0E14;
}
.steel3d-root .s3d-param-override-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
}
.steel3d-root .s3d-param-override-head strong {
  color: #D4AF37;
  font-family: ui-monospace, Consolas, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 12px;
}
.steel3d-root .s3d-param-override-sub {
  color: #9aa8bc;
  font-size: 12px;
}
.steel3d-root .s3d-param-missing,
.steel3d-root .s3d-job-missing-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}
.steel3d-root .s3d-job-missing-badges {
  padding: 10px 12px;
  border: 1px solid #222b3d;
  border-left: 4px solid #D4AF37;
  background: rgba(11, 14, 20, 0.92);
}
.steel3d-root .s3d-job-missing-kicker {
  flex: 1 0 100%;
  margin: 0 0 4px;
  color: #D4AF37;
  font-family: ui-monospace, Consolas, monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.steel3d-root .s3d-param-badge {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 10px;
  background: #D4AF37;
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  font-family: ui-monospace, Consolas, monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  border: 1px solid #D4AF37;
}
.steel3d-root .s3d-param-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.steel3d-root .s3d-param-field {
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid #222b3d;
  background: #121721;
}
.steel3d-root .s3d-param-field.is-missing,
.steel3d-root .s3d-param-field.is-low {
  border-color: #D4AF37;
  box-shadow: inset 3px 0 0 #D4AF37;
}
.steel3d-root .s3d-param-label {
  color: #e8eef6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.steel3d-root .s3d-param-detected {
  color: #7a889b;
  font-size: 11px;
  font-family: ui-monospace, Consolas, monospace;
}
.steel3d-root .s3d-param-field input {
  width: 100%;
  box-sizing: border-box;
  min-height: 44px;
  padding: 8px 10px;
  background: #0B0E14;
  border: 1px solid #222b3d;
  color: #e8eef6;
  font-size: 14px;
}
.steel3d-root .s3d-param-field.is-missing input,
.steel3d-root .s3d-param-field.is-low input {
  border-color: #D4AF37;
}
.steel3d-root .s3d-param-totals {
  margin: 12px 0 8px;
  color: #D4AF37;
  font-family: ui-monospace, Consolas, monospace;
  font-size: 12px;
}
.steel3d-root .s3d-param-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.steel3d-root .s3d-param-status {
  flex: 1 1 100%;
  margin: 4px 0 0;
  color: #9aa8bc;
  font-size: 12px;
}
.steel3d-root .s3d-param-loading,
.steel3d-root .s3d-param-error {
  color: #9aa8bc;
  font-size: 13px;
}
.steel3d-root .s3d-param-error { color: #ff6b6b; }
/* ===== BUILD-2026-09-09g: Nesting / Procurement & Cut Map ===== */
.steel3d-root .s3d-nest-panel {
  margin-top: 16px;
  padding: 12px;
  border: 2px solid #222b3d;
  border-left: 4px solid #D4AF37;
  background: #0B0E14;
}
.steel3d-root .s3d-nest-title {
  margin: 0 0 4px;
  color: #D4AF37;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: ui-monospace, Consolas, monospace;
}
.steel3d-root .s3d-nest-lead {
  margin: 0 0 8px;
  color: #9aa8bc;
  font-size: 12px;
}
.steel3d-root .s3d-nest-totals {
  margin: 0 0 8px;
  color: #D4AF37;
  font-family: ui-monospace, Consolas, monospace;
  font-size: 12px;
}
.steel3d-root .s3d-nest-order {
  margin: 0 0 10px;
  padding-left: 1.1rem;
  color: #e8eef6;
  font-size: 13px;
}
.steel3d-root .s3d-nest-order li { margin: 3px 0; }
.steel3d-root .s3d-nest-layout {
  margin: 0 0 10px;
  padding: 10px;
  max-height: 220px;
  overflow: auto;
  background: #121721;
  border: 1px solid #222b3d;
  color: #c5d0de;
  font-family: Consolas, ui-monospace, monospace;
  font-size: 11px;
  line-height: 1.4;
  white-space: pre-wrap;
}
.steel3d-root .s3d-nest-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
/* Contact direct email (nav mailto removed — lives here + footer) */
.steel3d-root .s3d-contact-direct {
  margin: 0.75rem 0 0;
  color: #c8d4e4 !important;
  font-weight: 600;
}
.steel3d-root .s3d-contact-email {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  word-break: break-all;
}
.steel3d-root .s3d-contact-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  align-items: center;
}
.steel3d-root .s3d-contact-cta-row .s3d-btn {
  min-height: 48px;
}
/* ===== BUILD-2026-09-10b / 11j: STANDARD BUTTON = WS-01 CLEAR =====
   Black face, bold white uppercase, thin white inset frame, soft radius.
   Class: .s3d-btn-standard (also applied via .s3d-btn / nav links). */
.steel3d-root {
  --s3d-std-face: #000000;
  --s3d-std-face-hover: #1a1a1a;
  --s3d-std-face-active: #0a0a0a;
  --s3d-std-ink: #ffffff;
  --s3d-std-frame: #ffffff;
  --s3d-std-radius: 4px;
  --s3d-std-gap: 3px;
  /* aliases kept for older rules */
  --s3d-dl-face: var(--s3d-std-face);
  --s3d-dl-face-hover: var(--s3d-std-face-hover);
  --s3d-dl-face-active: var(--s3d-std-face-active);
  --s3d-dl-ink: var(--s3d-std-ink);
  --s3d-dl-frame: var(--s3d-std-frame);
  --s3d-dl-radius: var(--s3d-std-radius);
  --s3d-dl-gap: var(--s3d-std-gap);
}
.steel3d-root .s3d-btn,
.steel3d-root a.s3d-btn,
.steel3d-root button.s3d-btn,
.steel3d-root .s3d-btn-primary,
.steel3d-root a.s3d-btn-primary,
.steel3d-root button.s3d-btn-primary,
.steel3d-root .btn-primary,
.steel3d-root .s3d-cta-mini,
.steel3d-root .s3d-btn--compact,
.steel3d-root .s3d-btn--viewer,
.steel3d-root .s3d-form-submit,
.steel3d-root .s3d-nav-link,
.steel3d-root .s3d-head-nav a,
.steel3d-root .s3d-mnav-panel a,
.steel3d-root .s3d-burger-btn,
.steel3d-root .s3d-mnav-close,
.steel3d-root .s3d-pill,
.steel3d-root .s3d-hero-cta-pill,
.steel3d-root .s3d-ws-pipe,
.steel3d-root .s3d-qq-tpl,
.steel3d-root .s3d-scan-toggle,
.steel3d-root .s3d-form-actions .s3d-btn,
.steel3d-root .s3d-contact-form button[type="submit"],
.steel3d-root .s3d-suggest-form button[type="submit"],
.steel3d-root .s3d-guest-form button[type="submit"],
.steel3d-root .s3d-client-register-form button[type="submit"],
.steel3d-root .s3d-owner-gate button[type="submit"],
.steel3d-root .s3d-owner-portal .s3d-btn,
.steel3d-root .s3d-job-portal-actions .s3d-btn,
.steel3d-root .s3d-job-portal-actions a.s3d-btn,
.steel3d-root .s3d-job-portal-actions button.s3d-btn,
.steel3d-root button.s3d-btn-primary,
.steel3d-root input[type="submit"].s3d-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4em !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  background: var(--s3d-dl-face) !important;
  background-image: none !important;
  color: var(--s3d-dl-ink) !important;
  -webkit-text-fill-color: var(--s3d-dl-ink) !important;
  border: var(--s3d-dl-gap) solid var(--s3d-dl-face) !important;
  border-radius: var(--s3d-dl-radius) !important;
  outline: 1px solid var(--s3d-dl-frame) !important;
  outline-offset: calc(-1 * (var(--s3d-dl-gap) + 1px)) !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  padding: 10px 16px !important;
  min-height: 40px !important;
  min-width: 0 !important;
  cursor: pointer !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease !important;
}
.steel3d-root .s3d-btn::before,
.steel3d-root .s3d-btn::after,
.steel3d-root a.s3d-btn::before,
.steel3d-root a.s3d-btn::after,
.steel3d-root .s3d-btn-primary::before,
.steel3d-root .s3d-btn-primary::after,
.steel3d-root button.s3d-btn-primary::before,
.steel3d-root button.s3d-btn-primary::after,
.steel3d-root .s3d-pill::before,
.steel3d-root .s3d-pill::after {
  content: none !important;
  display: none !important;
}
.steel3d-root .s3d-btn:hover,
.steel3d-root a.s3d-btn:hover,
.steel3d-root button.s3d-btn:hover,
.steel3d-root .s3d-btn-primary:hover,
.steel3d-root a.s3d-btn-primary:hover,
.steel3d-root button.s3d-btn-primary:hover,
.steel3d-root .s3d-cta-mini:hover,
.steel3d-root .s3d-nav-link:hover,
.steel3d-root .s3d-head-nav a:hover,
.steel3d-root .s3d-mnav-panel a:hover,
.steel3d-root .s3d-burger-btn:hover,
.steel3d-root .s3d-pill:hover,
.steel3d-root .s3d-ws-pipe:hover,
.steel3d-root .s3d-qq-tpl:hover,
.steel3d-root .s3d-scan-toggle:hover,
.steel3d-root .s3d-job-portal-actions .s3d-btn:hover,
.steel3d-root .s3d-job-portal-actions a.s3d-btn:hover {
  background: var(--s3d-dl-face-hover) !important;
  border-color: var(--s3d-dl-face-hover) !important;
  color: var(--s3d-dl-ink) !important;
  -webkit-text-fill-color: var(--s3d-dl-ink) !important;
  transform: translateY(-1px) !important;
  filter: none !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-btn:active,
.steel3d-root .s3d-btn-primary:active,
.steel3d-root .s3d-nav-link:active,
.steel3d-root .s3d-nav-active,
.steel3d-root a.s3d-nav-active {
  background: var(--s3d-dl-face-active) !important;
  border-color: var(--s3d-dl-face-active) !important;
  color: var(--s3d-dl-ink) !important;
  -webkit-text-fill-color: var(--s3d-dl-ink) !important;
}
.steel3d-root .s3d-btn:focus-visible,
.steel3d-root .s3d-btn-primary:focus-visible,
.steel3d-root .s3d-nav-link:focus-visible,
.steel3d-root .s3d-form-submit:focus-visible {
  outline: 1px solid var(--s3d-dl-frame) !important;
  outline-offset: calc(-1 * (var(--s3d-dl-gap) + 1px)) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35) !important;
}
/* Compact nav — was oversized */
.steel3d-root .s3d-nav-link,
.steel3d-root .s3d-head-nav a,
.steel3d-root header.s3d-head .s3d-nav a {
  padding: 5px 9px !important;
  min-height: 30px !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}
.steel3d-root .s3d-mnav-panel a {
  padding: 8px 12px !important;
  min-height: 36px !important;
  font-size: 11px !important;
  width: 100% !important;
  justify-content: flex-start !important;
}
.steel3d-root .s3d-burger-btn,
.steel3d-root .s3d-mnav-close {
  padding: 6px 10px !important;
  min-height: 32px !important;
  font-size: 10px !important;
}
.steel3d-root .s3d-btn--compact,
.steel3d-root .s3d-qq-tpl {
  padding: 6px 10px !important;
  min-height: 32px !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
}
.steel3d-root .s3d-pill,
.steel3d-root .s3d-hero-cta-pill {
  padding: 7px 12px !important;
  min-height: 34px !important;
  font-size: 10px !important;
}
.steel3d-root .s3d-ws-pipe {
  padding: 8px 10px !important;
  min-height: 36px !important;
  font-size: 10px !important;
}
/* Process steps keep CAD tab chrome — not Dreamstime DOWNLOAD face */
.steel3d-root .s3d-process-step {
  padding: 8px 10px !important;
  min-height: 48px !important;
  font-size: 11px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 4px !important;
  display: flex !important;
}
.steel3d-root .s3d-process-step .s3d-process-label,
.steel3d-root .s3d-process-step .s3d-process-step-label {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
/* Full-width action rows keep DOWNLOAD look but readable height */
.steel3d-root .s3d-job-portal-actions .s3d-btn,
.steel3d-root .s3d-job-portal-actions a.s3d-btn,
.steel3d-root .s3d-contact-cta-row .s3d-btn,
.steel3d-root .s3d-form-actions .s3d-btn,
.steel3d-root .s3d-form-submit {
  min-height: 44px !important;
  padding: 11px 14px !important;
  font-size: 12px !important;
  width: auto !important;
}
.steel3d-root .s3d-job-portal-actions .s3d-btn,
.steel3d-root .s3d-job-portal-actions a.s3d-btn {
  width: 100% !important;
}
.steel3d-root .s3d-btn[disabled],
.steel3d-root button.s3d-btn:disabled,
.steel3d-root .s3d-btn.is-viewer-missing,
.steel3d-root .s3d-btn[aria-disabled="true"] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  transform: none !important;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-nav-link,
  .steel3d-root .s3d-head-nav a {
    padding: 5px 8px !important;
    min-height: 28px !important;
    font-size: 9px !important;
  }
  .steel3d-root .s3d-btn,
  .steel3d-root .s3d-btn-primary,
  .steel3d-root .s3d-form-submit {
    min-height: 44px !important;
  }
}
/* ===== BUILD-2026-09-10d: Mobile form field containment (320–425px) =====
   No Next.js register page — applies to Client profile, Quote submit,
   Contact / Suggest, Owner gate, and global form chrome.
   Tailwind equivalents: w-full max-w-full box-border · px-4/px-6 card padding · max-w-md mx-auto.
*/
.steel3d-root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
.steel3d-root select,
.steel3d-root textarea,
.steel3d-root .s3d-input,
.steel3d-root input.s3d-input,
.steel3d-root textarea.s3d-input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-form,
.steel3d-root .s3d-form-row,
.steel3d-root .s3d-form-field,
.steel3d-root .s3d-form-group,
.steel3d-root .s3d-input-group,
.steel3d-root .s3d-pw-wrap,
.steel3d-root .s3d-client-register-form,
.steel3d-root .s3d-guest-form,
.steel3d-root .s3d-contact-form,
.steel3d-root .s3d-suggest-form,
.steel3d-root .s3d-owner-form,
.steel3d-root .s3d-owner-gate form,
.steel3d-root .s3d-var-issue {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-client-register-form {
  max-width: min(28rem, 100%) !important;
  margin-inline: auto !important;
}
.steel3d-root .s3d-client-register-inner,
.steel3d-root .s3d-quote-submit .s3d-guest-inner,
.steel3d-root #s3dGuestSubmit.s3d-guest-inner,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-panel-card.s3d-form-card,
.steel3d-root .s3d-contact-section .s3d-form-card,
.steel3d-root .s3d-contact-suggest-row > .s3d-form-card,
.steel3d-root .s3d-owner-gate-inner,
.steel3d-root .s3d-auth-terminal-frame,
.steel3d-root .s3d-auth-viewport .s3d-auth-content {
  padding-left: 1.5rem !important;  /* px-6 */
  padding-right: 1.5rem !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip;
}
@media (max-width: 425px) {
  .steel3d-root .s3d-client-register,
  .steel3d-root .s3d-quote-submit,
  .steel3d-root #s3dQuoteSubmit,
  .steel3d-root .s3d-guest-submit,
  .steel3d-root .s3d-contact-section,
  .steel3d-root .s3d-owner-gate {
    padding-left: 12px !important;
    padding-right: 12px !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .steel3d-root .s3d-client-register-inner,
  .steel3d-root .s3d-quote-submit .s3d-guest-inner,
  .steel3d-root #s3dGuestSubmit.s3d-guest-inner,
  .steel3d-root .s3d-form-card,
  .steel3d-root .s3d-panel-card.s3d-form-card,
  .steel3d-root .s3d-contact-section .s3d-form-card,
  .steel3d-root .s3d-contact-suggest-row > .s3d-form-card,
  .steel3d-root .s3d-owner-gate-inner,
  .steel3d-root .s3d-auth-terminal-frame,
  .steel3d-root .s3d-auth-viewport .s3d-auth-content {
    padding-left: 1rem !important;   /* px-4 */
    padding-right: 1rem !important;
  }
  .steel3d-root .s3d-form-row,
  .steel3d-root .s3d-guest-form,
  .steel3d-root .s3d-client-register-form,
  .steel3d-root .s3d-contact-form,
  .steel3d-root .s3d-suggest-form {
    grid-template-columns: 1fr !important;
  }
  .steel3d-root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
  .steel3d-root select,
  .steel3d-root textarea {
    font-size: 16px !important; /* prevent iOS zoom */
  }
}
@media (max-width: 320px) {
  .steel3d-root .s3d-client-register,
  .steel3d-root .s3d-quote-submit,
  .steel3d-root #s3dQuoteSubmit {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .steel3d-root .s3d-client-register-inner,
  .steel3d-root .s3d-quote-submit .s3d-guest-inner,
  .steel3d-root #s3dGuestSubmit.s3d-guest-inner,
  .steel3d-root .s3d-form-card {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
/* ===== BUILD-2026-09-10e: How-it-works process steps interactive + z-index =====
   Exclude from Dreamstime DOWNLOAD face. Semantic <button> tabs; pointer-events auto;
   Step 03 (3D MODELING) badge contrast restored. */
.steel3d-root .s3d-process-flow,
.steel3d-root #how-it-works {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  isolation: isolate;
}
.steel3d-root .s3d-process-flow-inner,
.steel3d-root .s3d-process-timeline,
.steel3d-root #s3dProcessTabs,
.steel3d-root .s3d-process-stage,
.steel3d-root #s3dProcessStage {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
}
.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root #s3dProcessTabs .s3d-process-step {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 48px !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  background: #0B0E14 !important;
  background-image: none !important;
  border: 2px solid #D4AF37 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px) !important;
  -webkit-clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px) !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  transform: none !important;
  margin: 0 !important;
}
.steel3d-root .s3d-process-step:hover,
.steel3d-root .s3d-process-step:focus-visible,
.steel3d-root button.s3d-process-step:hover,
.steel3d-root button.s3d-process-step:focus-visible {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
  transform: none !important;
  outline: none !important;
}
.steel3d-root .s3d-process-step.is-active,
.steel3d-root .s3d-process-step[aria-selected="true"],
.steel3d-root button.s3d-process-step.is-active,
.steel3d-root button.s3d-process-step[aria-selected="true"] {
  background: #0A0D14 !important;
  border: 2px solid #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
}
.steel3d-root .s3d-process-badge,
.steel3d-root .s3d-process-step .s3d-process-badge,
.steel3d-root #s3dProcessTab03 .s3d-process-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.15rem !important;
  min-height: 1.35rem !important;
  padding: 3px 9px !important;
  margin: 0 !important;
  background: #D4AF37 !important;
  color: #0A0D14 !important;
  -webkit-text-fill-color: #0A0D14 !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 0 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  box-shadow: none !important;
  outline: none !important;
}
.steel3d-root .s3d-process-step.is-active .s3d-process-badge,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-badge,
.steel3d-root #s3dProcessTab03.is-active .s3d-process-badge {
  background: #D4AF37 !important;
  color: #0A0D14 !important;
  -webkit-text-fill-color: #0A0D14 !important;
  border-color: #D4AF37 !important;
}
.steel3d-root .s3d-process-label,
.steel3d-root .s3d-process-step .s3d-process-label,
.steel3d-root #s3dProcessTab03 .s3d-process-label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-process-step.is-active .s3d-process-label,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-label {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}
.steel3d-root .s3d-process-panel[hidden] {
  display: none !important;
}
.steel3d-root .s3d-process-panel.is-active:not([hidden]) {
  display: grid !important;
}
/* ===== BUILD-2026-09-10f: Contact + Suggestions cards slightly larger ===== */
.steel3d-root .s3d-contact-suggest-row {
  max-width: min(1280px, 100%) !important;
  gap: 1.75rem !important;
}
.steel3d-root .s3d-contact-section .s3d-form-card,
.steel3d-root .s3d-contact-suggest-row > .s3d-form-card,
.steel3d-root .s3d-contact-suggest-row .s3d-suggest-panel,
.steel3d-root .s3d-suggest-panel {
  padding: 2.15rem 2rem 2.25rem !important;
  min-height: 28rem;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-contact-section .s3d-contact-title,
.steel3d-root .s3d-contact-suggest-row .s3d-suggest-title {
  font-size: 1.6rem !important;
}
.steel3d-root .s3d-contact-section .s3d-contact-lead,
.steel3d-root .s3d-contact-suggest-row .s3d-suggest-lead {
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin-bottom: 1.5rem !important;
}
.steel3d-root .s3d-contact-form .s3d-input,
.steel3d-root .s3d-contact-form .s3d-select,
.steel3d-root .s3d-contact-form textarea.s3d-input,
.steel3d-root .s3d-suggest-form .s3d-input,
.steel3d-root .s3d-suggest-form textarea.s3d-input {
  min-height: 48px !important;
  font-size: 1rem !important;
  padding: 0.7rem 0.85rem !important;
}
.steel3d-root .s3d-contact-form textarea.s3d-input,
.steel3d-root .s3d-suggest-form textarea.s3d-input {
  min-height: 9rem !important;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-contact-section .s3d-form-card,
  .steel3d-root .s3d-contact-suggest-row > .s3d-form-card,
  .steel3d-root .s3d-suggest-panel {
    min-height: 0;
    padding: 1.75rem 1.25rem 1.85rem !important;
  }
}
/* ===== BUILD-2026-09-10h: blank WS-02 viewport + kill red stamp + orbit scroll lock + taller BOM ===== */
.steel3d-root .s3d-ga-watermark,
.steel3d-root #s3dGaWatermark,
html .steel3d-root .s3d-ga-watermark,
html[data-s3d-route="job"] .steel3d-root .s3d-ga-watermark,
html[data-s3d-route="job"] #s3dGaWatermark {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-view-wrap,
.steel3d-root .s3d-ws--workstation .s3d-ws-view-wrap,
.steel3d-root #s3dCadViewerMount {
  background: #05070a !important;
  background-image: none !important;
  background-size: auto !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-view-wrap,
.steel3d-root #s3dSketchWorkspace .s3d-cad-viewer-mount,
.steel3d-root #s3dSketchWorkspace #s3dCadViewerMount,
.steel3d-root #s3dSketchWorkspace #s3dCadViewerMount canvas,
.steel3d-root #s3dSketchWorkspace #s3dFrameCanvas {
  touch-action: pan-y !important;
  overscroll-behavior: auto !important;
  user-select: none;
  -webkit-user-select: none;
}
html.s3d-ws02-orbiting,
html.s3d-ws02-orbiting body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
}
html.s3d-ws02-orbiting .steel3d-root #s3dSketchWorkspace .s3d-ws-view-wrap,
html.s3d-ws02-orbiting .steel3d-root #s3dSketchWorkspace #s3dCadViewerMount,
html.s3d-ws02-orbiting .steel3d-root #s3dSketchWorkspace #s3dCadViewerMount canvas,
html.s3d-ws02-orbiting .steel3d-root #s3dSketchWorkspace #s3dFrameCanvas {
  touch-action: none !important;
  overscroll-behavior: none !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-bom,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation .s3d-ws-bom {
  max-height: min(42vh, 320px) !important;
  min-height: 180px !important;
  flex: 0 0 auto !important;
}
.steel3d-root .s3d-ws-bom-scroll,
.steel3d-root #s3dSketchWorkspace .s3d-ws-bom-scroll,
.steel3d-root .s3d-ws-bom-scroll.s3d-scroll-x {
  overflow-x: auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
/* ===== BUILD-2026-09-10i: WS-02 orbit toolbar + hit target ===== */
.steel3d-root #s3dFrameCanvasWrap,
.steel3d-root .s3d-ws-view-wrap {
  touch-action: pan-y !important;
  overscroll-behavior: auto !important;
}
.steel3d-root #s3dCadViewerMount,
.steel3d-root #s3dCadViewerMount canvas,
.steel3d-root #s3dFrameCanvas {
  pointer-events: auto !important;
  touch-action: pan-y !important;
  z-index: 3;
  cursor: grab;
}
.steel3d-root .s3d-ga-titleblock,
.steel3d-root #s3dGaTitleBlock {
  pointer-events: none !important;
  position: relative;
  z-index: 4;
}
.steel3d-root .s3d-ws-view-hint,
.steel3d-root #s3dCadViewerHint {
  pointer-events: none !important;
  z-index: 5;
}
.steel3d-root .s3d-ws02-orbit-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 10px 12px;
  margin: 0;
  background: linear-gradient(180deg, rgba(5, 7, 10, 0.92), rgba(5, 7, 10, 0.55) 70%, transparent);
  pointer-events: auto !important;
}
.steel3d-root .s3d-ws02-orbit-bar button {
  flex: 0 0 auto;
  min-height: 44px;
  min-width: 72px;
  padding: 8px 12px;
  border: 1px solid rgba(212, 175, 55, 0.55);
  background: rgba(11, 14, 20, 0.94);
  color: #e8eef6;
  font: 700 clamp(9px, 1.1vw, 11px)/1 Arial, Helvetica, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  pointer-events: auto !important;
  white-space: nowrap;
}
.steel3d-root .s3d-ws02-orbit-bar button:hover,
.steel3d-root .s3d-ws02-orbit-bar button:focus-visible {
  border-color: #D4AF37;
  color: #fff;
}
/* ===== BUILD-2026-09-11z: unified 3-column workspace WS-01|WS-02|WS-03 ===== */
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack,
.steel3d-root.s3d-mode-workspace #s3dSketchWorkspace.s3d-ws--workstation {
  max-width: min(1760px, 100%) !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels.s3d-ws-panels--3col,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-panels.s3d-ws-panels--3col,
.steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--3col {
  display: grid !important;
  flex-direction: unset !important;
  grid-template-columns: minmax(240px, 0.9fr) minmax(320px, 1.4fr) minmax(280px, 1fr) !important;
  grid-template-rows: minmax(560px, 1fr) !important;
  gap: 14px !important;
  align-items: stretch;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-left {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-height: 560px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-center {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 560px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-right,
.steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-export {
  grid-column: 3 !important;
  grid-row: 1 !important;
  min-height: 560px !important;
  height: auto !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  overflow: auto !important;
}
.steel3d-root .s3d-ws02-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  list-style: none;
  margin: 0 0 8px;
  padding: 0 2px;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9aabc0;
}
.steel3d-root .s3d-ws02-legend li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.steel3d-root .s3d-ws02-legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.35);
}
.steel3d-root .s3d-ws-bom--column {
  display: flex;
  flex-direction: column;
  min-height: 220px;
  max-height: min(46vh, 420px);
  flex: 1 1 auto;
  border: 1px solid #232b3b;
  border-radius: 4px;
  background: #0b0e14;
}
.steel3d-root .s3d-bom-swatch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  vertical-align: middle;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.4);
}
.steel3d-root .s3d-ws03-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.steel3d-root .s3d-ws03-actions .s3d-btn {
  width: 100%;
  min-height: 48px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.steel3d-root .s3d-btn--as-launch {
  background: linear-gradient(180deg, #1a3a28, #0f2418) !important;
  border: 2px solid #00ff66 !important;
  color: #b8ffd0 !important;
  box-shadow: 0 0 0 1px rgba(0,255,102,.25);
}
.steel3d-root .s3d-btn--as-launch:hover,
.steel3d-root .s3d-btn--as-launch:focus-visible {
  border-color: #7dffb0 !important;
  color: #e8fff0 !important;
}
.steel3d-root #s3dWs03GenerateQuote[aria-pressed="true"] {
  opacity: 0.85;
  border-color: #D4AF37 !important;
}
@media (min-width: 768px) and (max-width: 1100px) {
  /* Tablet: keep 3-column workstation (no squeezed vertical stack) */
  .steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--3col {
    display: grid !important;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.2fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(480px, 1fr) !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-center,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-right,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-export {
    width: auto !important;
    min-height: 480px !important;
  }
}
/* ===== BUILD-2026-09-11z: custom fabrication BOM editors ===== */
.steel3d-root .s3d-bom-custom-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #e8eef6;
  letter-spacing: 0.04em;
}
.steel3d-root .s3d-bom-custom-dims {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-top: 4px;
  font-size: 10px;
  color: #9aabc0;
}
.steel3d-root .s3d-bom-edit {
  width: 64px;
  min-height: 32px;
  background: #0b0e14;
  border: 1px solid #3d4d63;
  color: #e8eef6;
  border-radius: 3px;
  padding: 4px 6px;
  font-size: 12px;
}
.steel3d-root .s3d-bom-edit-kg {
  width: 72px;
}
.steel3d-root tr.s3d-bom-custom td {
  vertical-align: top;
  background: rgba(255,255,255,0.03);
}
/* ===== BUILD-2026-09-11z: emergency site request ===== */
.steel3d-root .s3d-ws-emergency {
  margin: 10px 0 12px;
  padding: 10px 12px;
  border: 2px solid #ff3333;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(255,51,51,0.18), rgba(15,20,29,0.95));
}
.steel3d-root .s3d-ws-emergency-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  min-height: 48px;
  user-select: none;
}
.steel3d-root .s3d-ws-emergency-toggle input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.steel3d-root .s3d-ws-emergency-switch {
  flex: 0 0 52px;
  width: 52px;
  height: 28px;
  border-radius: 14px;
  background: #2a3344;
  border: 1px solid #5a667a;
  position: relative;
  transition: background 0.15s ease;
}
.steel3d-root .s3d-ws-emergency-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #c8d4e4;
  transition: transform 0.15s ease;
}
.steel3d-root .s3d-ws-emergency-toggle input:checked + .s3d-ws-emergency-switch {
  background: #ff3333;
  border-color: #ff7777;
}
.steel3d-root .s3d-ws-emergency-toggle input:checked + .s3d-ws-emergency-switch::after {
  transform: translateX(24px);
  background: #fff;
}
.steel3d-root .s3d-ws-emergency-label {
  font: 700 13px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.08em;
  color: #ffb0b0;
  text-transform: uppercase;
}
.steel3d-root .s3d-ws-emergency-toggle input:checked ~ .s3d-ws-emergency-label {
  color: #ff6666;
}
.steel3d-root .s3d-ws-emergency-hint {
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.4;
  color: #c8d4e4;
}
.steel3d-root .s3d-ws-emergency-fields {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.steel3d-root .s3d-ws-emergency-fields label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aabc0;
}
.steel3d-root .s3d-ws-emergency-fields input,
.steel3d-root .s3d-ws-emergency-fields textarea {
  min-height: 40px;
  background: #0b0e14;
  border: 1px solid #3d4d63;
  color: #e8eef6;
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 14px;
}
.steel3d-root .s3d-btn--emergency-dispatch {
  min-height: 48px;
  width: 100%;
  background: #ff3333 !important;
  border: 2px solid #ff7777 !important;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.steel3d-root.s3d-emergency-on #s3dGaTbJob,
.steel3d-root.s3d-emergency-on #s3dCadViewerHint {
  color: #ff6666;
}
/* ===== BUILD-2026-09-11z: site error recovery + confirmation ===== */
.steel3d-root .s3d-ws-recovery-tags {
  margin: 0 0 10px;
  padding: 8px 10px;
  border: 1px solid #5a2a2a;
  border-radius: 4px;
  background: rgba(0,0,0,0.25);
}
.steel3d-root .s3d-ws-recovery-tags legend {
  padding: 0 6px;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffb0b0;
}
.steel3d-root .s3d-ws-recovery-tag {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 4px 0;
  font: 700 12px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.04em;
  color: #f2f4f8;
  cursor: pointer;
}
.steel3d-root .s3d-ws-recovery-tag input {
  width: 20px;
  height: 20px;
  accent-color: #ff3333;
}
.steel3d-root .s3d-ws-recovery-reason .s3d-req {
  color: #ff6666;
  font-size: 10px;
  letter-spacing: 0.06em;
}
.steel3d-root .s3d-ws-recovery-reason input.is-invalid {
  border-color: #ff3333 !important;
  box-shadow: 0 0 0 1px #ff3333;
}
.steel3d-root .s3d-site-confirm {
  position: fixed;
  inset: 0;
  z-index: 100200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background: rgba(4, 8, 12, 0.92);
  box-sizing: border-box;
}
.steel3d-root .s3d-site-confirm[hidden] {
  display: none !important;
}
.steel3d-root .s3d-site-confirm-card {
  width: min(420px, 100%);
  padding: 28px 22px 22px;
  text-align: center;
  border: 2px solid #38ef7d;
  border-radius: 10px;
  background: linear-gradient(180deg, #0f1a14, #0b0e14);
  box-shadow: 0 0 0 1px rgba(56,239,125,0.25), 0 16px 40px rgba(0,0,0,0.45);
}
.steel3d-root .s3d-site-confirm-check {
  width: 72px;
  height: 72px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #38ef7d;
  color: #04140a;
  font: 700 42px/72px Arial, Helvetica, sans-serif;
}
.steel3d-root .s3d-site-confirm-card h2 {
  margin: 0 0 10px;
  font: 700 22px/1.25 Arial, Helvetica, sans-serif;
  color: #e8fff0;
}
.steel3d-root .s3d-site-confirm-ref {
  margin: 0 0 8px;
  font: 700 15px/1.4 ui-monospace, Menlo, Consolas, monospace;
  color: #38ef7d;
  letter-spacing: 0.04em;
}
.steel3d-root .s3d-site-confirm-msg {
  margin: 0 0 18px;
  font-size: 15px;
  color: #c8d4e4;
}
.steel3d-root .s3d-site-confirm-card .s3d-btn {
  width: 100%;
  min-height: 48px;
}
.steel3d-root .s3d-shop-floor-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 10px 0;
  padding: 10px 12px;
  border: 2px solid #38ef7d;
  border-radius: 6px;
  background: rgba(56,239,125,0.08);
}
.steel3d-root .s3d-btn--shop-floor {
  background: #124028 !important;
  border: 2px solid #38ef7d !important;
  color: #b8ffd0 !important;
  font-weight: 700;
  min-height: 48px;
  letter-spacing: 0.06em;
}
/* ===== BUILD-2026-09-11z: mobile WS tabs + BOM number clip fix ===== */
.steel3d-root .s3d-ws-mobile-tabs {
  display: none;
}
.steel3d-root .s3d-ws-bom-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
.steel3d-root table.s3d-bom-table {
  width: 100%;
  min-width: 320px;
  table-layout: auto;
  border-collapse: collapse;
}
.steel3d-root .s3d-bom-table th.s3d-bom-num,
.steel3d-root .s3d-bom-table td.s3d-bom-num {
  text-align: right;
  padding-right: 12px !important; /* pr-3 — stop 1000.0 / 1308.8 clipping */
  padding-left: 8px !important;
  min-width: 70px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.steel3d-root .s3d-bom-table th.s3d-bom-col-section,
.steel3d-root .s3d-bom-table td.s3d-bom-col-section {
  min-width: 88px;
  padding-right: 10px;
}
.steel3d-root .s3d-bom-table .s3d-bom-edit-kg {
  width: 100%;
  max-width: 5.5rem;
  text-align: right;
  padding-right: 8px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .steel3d-root .s3d-ws-mobile-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
    width: 100%;
    max-width: 100vw;
    margin: 0 0 10px;
    padding: 0 2px;
    box-sizing: border-box;
  }
  .steel3d-root .s3d-ws-mobile-tabs[hidden] {
    display: grid !important; /* still show when workstation is open */
  }
  .steel3d-root .s3d-ws-mobile-tab {
    min-height: 48px;
    padding: 8px 4px;
    border: 2px solid #3d4d63;
    border-radius: 4px;
    background: #0b0e14;
    color: #c8d4e4;
    font: 700 10px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  .steel3d-root .s3d-ws-mobile-tab.is-active,
  .steel3d-root .s3d-ws-mobile-tab[aria-pressed="true"] {
    border-color: #D4AF37;
    color: #0b0e14;
    background: #D4AF37;
  }
  .steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--3col {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-center,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-right,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-export {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-height: min(70vh, 640px) !important;
    display: none !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col[data-s3d-ws-panel="01"] .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col[data-s3d-ws-panel="02"] .s3d-ws-center,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col[data-s3d-ws-panel="03"] .s3d-ws-right,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col[data-s3d-ws-panel="03"] .s3d-ws-export {
    display: flex !important;
  }
  .steel3d-root .s3d-ws-pipeline {
    display: none !important; /* mobile tabs replace pipe strip */
  }
  .steel3d-root .s3d-ws-bom--column {
    max-height: none;
    min-height: 240px;
  }
  .steel3d-root .s3d-bom-table th.s3d-bom-num,
  .steel3d-root .s3d-bom-table td.s3d-bom-num {
    min-width: 70px;
    padding-right: 14px !important;
  }
}
@media (min-width: 768px) {
  .steel3d-root .s3d-ws-mobile-tabs {
    display: none !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-center,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-right,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-export {
    display: flex !important;
  }
}
/* ===== BUILD-2026-09-11z: OCR confidence + amber reconciliation ===== */
.steel3d-root tr.s3d-bom-needs-confirm td {
  background: rgba(212, 175, 55, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.55);
}
.steel3d-root tr.s3d-bom-needs-confirm .s3d-bom-edit-section {
  width: min(100%, 14rem);
  min-height: 36px;
  border: 2px solid #D4AF37 !important;
  background: #0b0e14;
  color: #D4AF37;
  font-weight: 700;
  padding: 6px 8px;
  box-sizing: border-box;
}
.steel3d-root .s3d-bom-conf {
  display: inline-block;
  margin-left: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #D4AF37;
  vertical-align: middle;
}
.steel3d-root .s3d-bom-conf--ok {
  color: #38ef7d;
}
.steel3d-root .s3d-ws-bom-reconcile-hint {
  margin: 0 0 8px;
  padding: 8px 10px;
  border-left: 3px solid #D4AF37;
  background: rgba(212, 175, 55, 0.08);
  color: #e8eef6;
  font-size: 12px;
}
/* ===== BUILD-2026-09-11z: cranked beam BOM notes ===== */
.steel3d-root tr.s3d-bom-cranked td {
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.35);
}
.steel3d-root .s3d-bom-proc-note {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #D4AF37;
  letter-spacing: 0.02em;
  line-height: 1.35;
}
/* ===== BUILD-2026-09-11z: custom fabrication L/W/T/QTY ===== */
.steel3d-root .s3d-bom-custom-dims {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  margin-top: 6px;
  font-size: 11px;
  color: #c8d2de;
}
.steel3d-root .s3d-bom-custom-dims input[type="number"] {
  width: 4.2rem;
  min-height: 32px;
  background: #0b0e14;
  border: 1px solid #445;
  color: #fff;
  padding: 4px 6px;
}
.steel3d-root .s3d-bom-custom-dims--secondary {
  opacity: 0.85;
}
.steel3d-root tr.s3d-bom-custom td {
  background: rgba(255, 255, 255, 0.04);
}
/* ===== BUILD-2026-09-11z: STANDARD BUTTON token + 11 primary nav links ===== */
.steel3d-root .s3d-btn-standard,
.steel3d-root a.s3d-btn-standard,
.steel3d-root button.s3d-btn-standard,
.steel3d-root #s3dWsClear,
.steel3d-root #s3dWsClearIngest {
  background: var(--s3d-std-face) !important;
  background-image: none !important;
  color: var(--s3d-std-ink) !important;
  -webkit-text-fill-color: var(--s3d-std-ink) !important;
  border: var(--s3d-std-gap) solid var(--s3d-std-face) !important;
  border-radius: var(--s3d-std-radius) !important;
  outline: 1px solid var(--s3d-std-frame) !important;
  outline-offset: calc(-1 * (var(--s3d-std-gap) + 1px)) !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  text-transform: uppercase !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
}
/* All 11 top-nav links = standard button (desktop strip) */
.steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link,
.steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-link,
.steel3d-root header.s3d-head nav.s3d-nav > a,
body > header.s3d-head nav.s3d-nav > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  background: var(--s3d-std-face) !important;
  background-image: none !important;
  color: var(--s3d-std-ink) !important;
  -webkit-text-fill-color: var(--s3d-std-ink) !important;
  border: var(--s3d-std-gap) solid var(--s3d-std-face) !important;
  border-radius: var(--s3d-std-radius) !important;
  outline: 1px solid var(--s3d-std-frame) !important;
  outline-offset: calc(-1 * (var(--s3d-std-gap) + 1px)) !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  padding: 10px 14px !important;
  min-height: 44px !important;
  white-space: nowrap !important;
}
.steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link::after,
.steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-link::after,
.steel3d-root header.s3d-head nav.s3d-nav > a::after,
body > header.s3d-head nav.s3d-nav > a::after {
  content: none !important;
  display: none !important;
}
.steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link:hover,
.steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-link:hover,
.steel3d-root header.s3d-head nav.s3d-nav > a:hover,
body > header.s3d-head nav.s3d-nav > a:hover,
.steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link:focus-visible,
body > header.s3d-head nav.s3d-nav > a:focus-visible {
  background: var(--s3d-std-face-hover) !important;
  border-color: var(--s3d-std-face-hover) !important;
  color: var(--s3d-std-ink) !important;
  -webkit-text-fill-color: var(--s3d-std-ink) !important;
  outline: 1px solid var(--s3d-std-frame) !important;
  outline-offset: calc(-1 * (var(--s3d-std-gap) + 1px)) !important;
}
.steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link.s3d-nav-active,
.steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-active,
body > header.s3d-head nav.s3d-nav > a.s3d-nav-active {
  background: var(--s3d-std-face-active) !important;
  border-color: var(--s3d-std-face-active) !important;
  color: var(--s3d-std-ink) !important;
  -webkit-text-fill-color: var(--s3d-std-ink) !important;
  outline: 1px solid var(--s3d-std-frame) !important;
  outline-offset: calc(-1 * (var(--s3d-std-gap) + 1px)) !important;
}
/* Mobile menu: same 11 destinations as standard buttons */
.steel3d-root .s3d-mnav-panel > a {
  display: flex !important;
  width: 100% !important;
  background: var(--s3d-std-face) !important;
  color: var(--s3d-std-ink) !important;
  -webkit-text-fill-color: var(--s3d-std-ink) !important;
  border: var(--s3d-std-gap) solid var(--s3d-std-face) !important;
  border-radius: var(--s3d-std-radius) !important;
  outline: 1px solid var(--s3d-std-frame) !important;
  outline-offset: calc(-1 * (var(--s3d-std-gap) + 1px)) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  min-height: 48px !important;
  margin: 0 0 8px !important;
}
/* ===== BUILD-2026-09-11z: hero CTAs + documents = standard button ===== */
.steel3d-root .s3d-industrial-cta #s3dHeroUpload,
.steel3d-root .s3d-industrial-cta #s3dHeroNc1,
.steel3d-root .s3d-industrial-cta #s3dHeroQuote,
.steel3d-root .s3d-industrial-cta .s3d-hero-cta,
.steel3d-root .s3d-industrial-cta .s3d-btn-standard {
  background: var(--s3d-std-face, #000) !important;
  background-image: none !important;
  color: var(--s3d-std-ink, #fff) !important;
  -webkit-text-fill-color: var(--s3d-std-ink, #fff) !important;
  border: var(--s3d-std-gap, 3px) solid var(--s3d-std-face, #000) !important;
  border-radius: var(--s3d-std-radius, 4px) !important;
  outline: 1px solid var(--s3d-std-frame, #fff) !important;
  outline-offset: calc(-1 * (var(--s3d-std-gap, 3px) + 1px)) !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  min-height: 48px !important;
  padding: 12px 18px !important;
}
.steel3d-root .s3d-industrial-cta .s3d-hero-cta:hover,
.steel3d-root .s3d-industrial-cta #s3dHeroUpload:hover,
.steel3d-root .s3d-industrial-cta #s3dHeroNc1:hover,
.steel3d-root .s3d-industrial-cta #s3dHeroQuote:hover {
  background: var(--s3d-std-face-hover, #1a1a1a) !important;
  border-color: var(--s3d-std-face-hover, #1a1a1a) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.steel3d-root .s3d-docs-actions .s3d-btn,
.steel3d-root .s3d-docs-actions .s3d-btn-standard,
.steel3d-root .s3d-docs-actions a.s3d-btn {
  background: var(--s3d-std-face, #000) !important;
  background-image: none !important;
  color: var(--s3d-std-ink, #fff) !important;
  -webkit-text-fill-color: var(--s3d-std-ink, #fff) !important;
  border: var(--s3d-std-gap, 3px) solid var(--s3d-std-face, #000) !important;
  border-radius: var(--s3d-std-radius, 4px) !important;
  outline: 1px solid var(--s3d-std-frame, #fff) !important;
  outline-offset: calc(-1 * (var(--s3d-std-gap, 3px) + 1px)) !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
.steel3d-root .s3d-docs-actions .s3d-btn:hover,
.steel3d-root .s3d-docs-actions a.s3d-btn:hover {
  background: var(--s3d-std-face-hover, #1a1a1a) !important;
  border-color: var(--s3d-std-face-hover, #1a1a1a) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ===== BUILD-2026-09-12ax: Documents — all 9 Open/Download/Print identical ===== */
.steel3d-root .s3d-docs-actions > .s3d-btn,
.steel3d-root .s3d-docs-actions > button.s3d-btn,
.steel3d-root .s3d-docs-actions > a.s3d-btn,
.steel3d-root .s3d-docs-modal-cta > .s3d-btn,
.steel3d-root .s3d-docs-modal-cta > button.s3d-btn,
.steel3d-root .s3d-docs-modal-cta > a.s3d-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  background: #000 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 3px solid #000 !important;
  border-radius: 4px !important;
  outline: 1px solid #fff !important;
  outline-offset: -4px !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}
.steel3d-root .s3d-docs-actions > .s3d-btn:hover,
.steel3d-root .s3d-docs-actions > button.s3d-btn:hover,
.steel3d-root .s3d-docs-actions > a.s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > .s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > button.s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > a.s3d-btn:hover {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  outline-color: #fff !important;
}
/* ===== BUILD-2026-09-11aa: WS-01 drop intercept + parsing state ===== */
#s3dSketchCanvasWrap.is-parsing,
#s3dWs01.is-parsing #s3dSketchCanvasWrap {
  outline: 2px solid #D4AF37 !important;
  outline-offset: -2px !important;
}
#s3dSketchCanvasWrap.is-parsing .s3d-ws-drop,
.s3d-ws-drop.is-parsing {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  pointer-events: none !important;
  z-index: 5 !important;
  color: #D4AF37 !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  background: rgba(11, 14, 20, 0.72) !important;
  border-color: #D4AF37 !important;
}
#s3dWs01.is-drag #s3dSketchCanvasWrap,
#s3dSketchCanvasWrap.is-drag {
  outline: 2px solid #D4AF37 !important;
}
/* ===== BUILD-2026-09-12ax: Process showcase — solid badges + border-only active cards ===== */
.steel3d-root .s3d-process-badge,
.steel3d-root .s3d-process-step .s3d-process-badge,
.steel3d-root #s3dProcessTabs .s3d-process-badge,
.steel3d-root #s3dProcessTab01 .s3d-process-badge,
.steel3d-root #s3dProcessTab02 .s3d-process-badge,
.steel3d-root #s3dProcessTab03 .s3d-process-badge,
.steel3d-root #s3dProcessTab04 .s3d-process-badge,
.steel3d-root #s3dProcessTab05 .s3d-process-badge,
.steel3d-root .s3d-process-step.is-active .s3d-process-badge,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-badge,
.steel3d-root button.s3d-process-step.is-active .s3d-process-badge,
.steel3d-root button.s3d-process-step[aria-selected="true"] .s3d-process-badge {
  background: #D4AF37 !important;
  background-image: none !important;
  border: 1px solid #D4AF37 !important;
  color: #0A0D14 !important;
  -webkit-text-fill-color: #0A0D14 !important;
  box-shadow: none !important;
}

.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root #s3dProcessTabs .s3d-process-step {
  background: #0A0D14 !important;
  background-image: none !important;
  border: 2px solid rgba(212, 175, 55, 0.3) !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: none !important;
}

.steel3d-root .s3d-process-step:hover,
.steel3d-root .s3d-process-step:focus-visible,
.steel3d-root button.s3d-process-step:hover,
.steel3d-root button.s3d-process-step:focus-visible {
  border-color: rgba(212, 175, 55, 0.55) !important;
  background: #0A0D14 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.2) !important;
}

.steel3d-root .s3d-process-step.is-active,
.steel3d-root .s3d-process-step[aria-selected="true"],
.steel3d-root button.s3d-process-step.is-active,
.steel3d-root button.s3d-process-step[aria-selected="true"] {
  background: #0A0D14 !important;
  background-image: none !important;
  border: 2px solid #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
}

.steel3d-root .s3d-process-step .s3d-process-label,
.steel3d-root #s3dProcessTabs .s3d-process-label {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background: transparent !important;
}

.steel3d-root .s3d-process-step.is-active .s3d-process-label,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-label {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: transparent !important;
}

/* Lower detail panel: keep layout stable, fade active panel in */
.steel3d-root .s3d-process-stage {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 0.75rem !important;
}
.steel3d-root .s3d-process-panel {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.steel3d-root .s3d-process-panel.is-active:not([hidden]) {
  display: grid !important;
  opacity: 1 !important;
  transform: none !important;
}
/* ===== BUILD-2026-09-12ax: Directive 3 global drop + WS multi-state pipe ===== */

/* ===== BUILD-2026-09-12ax: Directive 5 — WS-01 drop zone reactive hit target ===== */
.steel3d-root #s3dSketchCanvasWrap,
#s3dSketchCanvasWrap {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
}
.steel3d-root #s3dSketchCanvasWrap .s3d-ws-drop,
#s3dSketchCanvasWrap .s3d-ws-drop,
.steel3d-root #s3dWsDropHint {
  pointer-events: none !important;
  cursor: inherit !important;
  z-index: 1 !important;
}
.steel3d-root #s3dSketchCanvasWrap .s3d-ws-file,
#s3dSketchCanvasWrap #s3dWsFile {
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: 0 !important;
}
.steel3d-root #s3dSketchCanvasWrap.is-drag,
#s3dSketchCanvasWrap.is-drag,
.steel3d-root #s3dWs01.is-drag #s3dSketchCanvasWrap {
  outline: 2px solid #D4AF37 !important;
  outline-offset: -2px !important;
  background: rgba(212, 175, 55, 0.06) !important;
}
.steel3d-root #s3dWsDropHint.is-drag,
#s3dSketchCanvasWrap.is-drag .s3d-ws-drop {
  border: 2px solid #D4AF37 !important;
  background: rgba(212, 175, 55, 0.10) !important;
  color: #D4AF37 !important;
}

/* ===== BUILD-2026-09-12ax: Directive 6 — credits badge + paywall ===== */
.steel3d-root .s3d-ws-credits-badge,
#s3dWsCreditsBadge {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin: 0 0 10px !important;
  padding: 8px 12px !important;
  box-sizing: border-box;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 0 !important;
  color: #D4AF37 !important;
  font-family: "JetBrains Mono", Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.steel3d-root .s3d-ws-credits-label {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}
.steel3d-root .s3d-ws-credits-count,
#s3dWsCreditsCount {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border: 1px solid rgba(212, 175, 55, 0.45);
  padding: 2px 8px;
}
.steel3d-root .s3d-ws-credits-badge.is-low .s3d-ws-credits-count {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37;
}
.steel3d-root .s3d-ws-credits-badge.is-empty {
  border-color: #ff3333 !important;
}
.steel3d-root .s3d-ws-credits-badge.is-empty .s3d-ws-credits-label,
.steel3d-root .s3d-ws-credits-badge.is-empty .s3d-ws-credits-count {
  color: #ff6666 !important;
  -webkit-text-fill-color: #ff6666 !important;
  border-color: #ff6666;
}
.steel3d-root .s3d-paywall-modal,
#s3dPaywallModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483600 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
}
.steel3d-root .s3d-paywall-modal.is-open,
#s3dPaywallModal.is-open,
#s3dPaywallModal:not([hidden]) {
  display: flex !important;
}
.steel3d-root .s3d-paywall-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 10, 14, 0.92) !important;
}
.steel3d-root .s3d-paywall-panel {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  max-height: min(90vh, 720px);
  overflow: auto;
  padding: 28px 24px;
  box-sizing: border-box;
  background: #0A0D14 !important;
  border: 2px solid #D4AF37 !important;
  color: #e8eef7;
  text-align: center;
}
.steel3d-root .s3d-paywall-panel h2 {
  margin: 0 0 12px;
  color: #D4AF37 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(1.15rem, 3vw, 1.45rem);
  letter-spacing: 0.02em;
}
.steel3d-root .s3d-paywall-sub {
  margin: 0 0 22px;
  color: #9aabc0;
  font-size: 0.95rem;
  line-height: 1.45;
}
.steel3d-root .s3d-paywall-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
.steel3d-root .s3d-paywall-cta {
  white-space: normal !important;
  line-height: 1.35 !important;
  min-height: 48px !important;
  justify-content: center;
  text-align: center;
}
.steel3d-root .s3d-paywall-contact {
  margin: 14px 0 0;
  font-size: 12px;
  color: #7a8aa0;
}
.steel3d-root .s3d-paywall-contact a {
  color: #D4AF37;
}
html.s3d-paywall-open {
  overflow: hidden;
}

/* ===== BUILD-2026-09-12ax: Directive 7 — fabricator drawing preferences ===== */
.steel3d-root .s3d-client-prefs,
#s3dFabricatorPrefs {
  margin: 16px 0 8px;
  padding: 14px 14px 10px;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  background: #0A0D14 !important;
}
.steel3d-root .s3d-client-prefs legend {
  color: #D4AF37 !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0 6px;
}
.steel3d-root .s3d-client-prefs-lead {
  margin: 0 0 12px;
  color: #9aabc0;
  font-size: 0.9rem;
}
.steel3d-root .s3d-client-prefs label {
  display: block;
  margin-bottom: 10px;
  color: #e8eef7;
}
.steel3d-root .s3d-client-prefs select,
.steel3d-root .s3d-client-prefs input[type="url"] {
  display: block;
  width: 100%;
  margin-top: 4px;
  min-height: 44px;
  background: #0B0E14;
  border: 1px solid #232b3b;
  color: #fff;
  padding: 8px 10px;
  box-sizing: border-box;
}
.steel3d-root .s3d-client-prefs-ga {
  margin-top: 8px;
  border: 1px solid #232b3b;
  padding: 10px 12px;
}
.steel3d-root .s3d-client-prefs-ga legend {
  color: #D4AF37 !important;
}
.steel3d-root .s3d-radio {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 6px 0 !important;
  min-height: 44px;
}
.steel3d-root .s3d-muted { color: #7a8aa0; font-weight: 400; }
.steel3d-root .s3d-ws03-prefs,
#s3dWs03Prefs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 8px 10px;
  border: 1px solid rgba(212, 175, 55, 0.35);
  background: #0A0D14;
}
.steel3d-root .s3d-ws03-prefs-label {
  color: #D4AF37;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.steel3d-root .s3d-ws03-prefs select {
  min-height: 40px;
  background: #0B0E14;
  border: 1px solid #232b3b;
  color: #e8eef7;
  padding: 4px 8px;
}
.steel3d-root .s3d-ws03-prefs-fmt {
  margin-left: auto;
  color: #D4AF37;
  font-family: "JetBrains Mono", Consolas, monospace;
  font-size: 11px;
  border: 1px solid rgba(212, 175, 55, 0.4);
  padding: 2px 8px;
}
/* ===== BUILD-2026-09-12ax: Directive 8 — multi-paper workshop sheet + logo stamp ===== */

/* ===== BUILD-2026-09-12ax: Directive 9 — WS-04 drawing sheet preview ===== */
.steel3d-root #s3dWs04,
#s3dWs04 {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 420px;
}
.steel3d-root .s3d-ws04-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px 12px 4px;
}
.steel3d-root .s3d-ws04-hint {
  margin: 0 12px 10px;
  color: #9aabc0;
  font-size: 0.9rem;
}
.steel3d-root .s3d-ws04-stage {
  padding: 8px 12px 16px;
  box-sizing: border-box;
}
.steel3d-root .s3d-ws04-paper-frame,
#s3dWs04PaperFrame {
  width: min(100%, 920px);
  margin: 0 auto;
  aspect-ratio: 420 / 297;
  background: #0A0D14;
  border: 2px solid #D4AF37;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.25);
  position: relative;
  overflow: hidden;
}
.steel3d-root .s3d-ws04-frame,
#s3dWs04Frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}
@media (max-width: 1100px) {
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col[data-s3d-ws-panel="04"] .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col[data-s3d-ws-panel="04"] .s3d-ws-center,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col[data-s3d-ws-panel="04"] .s3d-ws-right,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col[data-s3d-ws-panel="04"] .s3d-ws-export {
    display: none !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col[data-s3d-ws-panel="04"] #s3dWs04 {
    display: block !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col:not([data-s3d-ws-panel="04"]) #s3dWs04 {
    display: none !important;
  }
}
html.s3d-print-ws04 body > *:not(.steel3d-root),
html.s3d-print-ws04 .steel3d-root > *:not(#s3dSketchWorkspace) {
  display: none !important;
}
@media print {
  html.s3d-print-ws04 #s3dWs04PaperFrame,
  html.s3d-print-ws04 #s3dWs04Frame {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
    box-shadow: none !important;
  }
}
html[data-s3d-route="ws-04"] #s3dSketchWorkspace {
  display: flex !important;
}
html:not([data-s3d-route="ws-01"]):not([data-s3d-route="ws-02"]):not([data-s3d-route="ws-03"]):not([data-s3d-route="ws-04"]) #s3dSketchWorkspace {
  display: none !important;
}


/* ===== BUILD-2026-09-12ax: Directive 10 — 2x2 dashboard grid & responsive container ===== */
.steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--2x2,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels.s3d-ws-panels--2x2,
.steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-panels.s3d-ws-panels--2x2 {
  display: grid !important;
  gap: 16px !important;
  align-items: stretch;
  width: 100% !important;
  box-sizing: border-box;
}

/* Desktop / large tablet: 2x2 */
@media (min-width: 1024px) {
  .steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--3col,
  .steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--2x2,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels.s3d-ws-panels--3col,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels.s3d-ws-panels--2x2,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-panels.s3d-ws-panels--3col,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-panels.s3d-ws-panels--2x2 {
    display: grid !important;
    flex-direction: unset !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, minmax(400px, auto)) !important;
    gap: 16px !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 #s3dWs01,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-left {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    min-height: 400px !important;
    height: auto !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 #s3dWs02,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-center {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    min-height: 400px !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 #s3dWs03,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-right,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-export {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: flex !important;
    min-height: 400px !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 #s3dWs04,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-sheet {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 400px !important;
    width: 100% !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 #s3dWs04PaperFrame {
    width: 100%;
    max-width: 100%;
  }
  .steel3d-root .s3d-ws-mobile-tabs {
    display: none !important;
  }
}

/* Mobile / small screens: stacked vertical flow */
@media (max-width: 1023px) {
  .steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--3col,
  .steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--2x2,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--stack > .s3d-ws-panels {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    gap: 16px !important;
  }
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 #s3dWs01,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 #s3dWs02,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 #s3dWs03,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 #s3dWs04,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-center,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-right,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-export,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2 .s3d-ws-sheet,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-left,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-center,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-right,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col .s3d-ws-export,
  .steel3d-root #s3dSketchWorkspace .s3d-ws-panels--3col #s3dWs04 {
    grid-column: 1 !important;
    grid-row: auto !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: min(70vh, 560px) !important;
  }
  .steel3d-root .s3d-ws-mobile-tabs {
    display: flex !important;
  }
}

.steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2[data-s3d-ws-panel="01"] #s3dWs01,
.steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2[data-s3d-ws-panel="02"] #s3dWs02,
.steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2[data-s3d-ws-panel="03"] #s3dWs03,
.steel3d-root #s3dSketchWorkspace .s3d-ws-panels--2x2[data-s3d-ws-panel="04"] #s3dWs04 {
  box-shadow: 0 0 0 2px #D4AF37 !important;
}


/* ===== BUILD-2026-09-12ax: Directive 11 — unified Workspace nav + header credits ===== */
.steel3d-root header.s3d-head .s3d-head-util,
.steel3d-root .s3d-head-util,
#s3dHeadUtil {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 6px 12px 8px !important;
  box-sizing: border-box;
  pointer-events: auto !important;
  width: 100%;
  background: #0A0D14 !important;
  border-bottom: 1px solid #222b3d;
}
.steel3d-root .s3d-ws-credits-badge--header,
.steel3d-root .s3d-credits-wireframe,
#s3dHeadCreditsBadge {
  margin: 0 !important;
  min-height: 40px;
  padding: 6px 12px !important;
  background: transparent !important;
  border: 1px solid #D4AF37 !important;
  box-shadow: none !important;
  max-width: 100%;
}
.steel3d-root .s3d-nav-workspace.s3d-nav-active,
.steel3d-root a.s3d-nav-link[data-s3d-route="workspace"].s3d-nav-active {
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
}
html[data-s3d-route="workspace"] #s3dSketchWorkspace,
html[data-s3d-route="workspace"] #s3dSketchWorkspace.s3d-ws--workstation,
html[data-s3d-route="workspace"] #s3dSketchWorkspace.s3d-ws--stack {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}
html:not([data-s3d-route="workspace"]):not([data-s3d-route="ws-01"]):not([data-s3d-route="ws-02"]):not([data-s3d-route="ws-03"]):not([data-s3d-route="ws-04"]) #s3dSketchWorkspace {
  display: none !important;
}
@media (max-width: 767px) {
  .steel3d-root .s3d-head-util {
    justify-content: stretch;
  }
  .steel3d-root #s3dHeadCreditsBadge {
    width: 100%;
    justify-content: space-between;
  }
}


/* ===== BUILD-2026-09-12ax: Workspace nav fix ===== */
.steel3d-root nav.s3d-nav > a.s3d-nav-workspace,
.steel3d-root nav.s3d-nav > a[data-s3d-route="workspace"],
.steel3d-root .s3d-mnav-panel > a[data-s3d-route="workspace"] {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
  color: var(--s3d-std-ink, #f2f4f8) !important;
  -webkit-text-fill-color: var(--s3d-std-ink, #f2f4f8) !important;
  background: var(--s3d-std-face, #0a0d12) !important;
}
.steel3d-root nav.s3d-nav > a.s3d-nav-workspace.s3d-nav-active,
.steel3d-root nav.s3d-nav > a[data-s3d-route="workspace"].s3d-nav-active,
.steel3d-root .s3d-mnav-panel > a[data-s3d-route="workspace"].s3d-nav-active {
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  opacity: 1 !important;
}


/* ===== BUILD-2026-09-12ax: ALL nav = Open/Print style (+ cyan hover) ===== */
.steel3d-root header.s3d-head nav.s3d-nav > a,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-link,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-btn,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-btn-primary,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-btn-standard,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-workspace,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-active,
.steel3d-root header.s3d-head nav.s3d-nav > a[data-s3d-route],
.steel3d-root .s3d-mnav-panel > a,
.steel3d-root .s3d-mnav-panel > a.s3d-btn,
.steel3d-root .s3d-mnav-panel > a.s3d-btn-primary,
.steel3d-root .s3d-mnav-panel > a.s3d-btn-standard,
.steel3d-root .s3d-mnav-panel > a.s3d-nav-active,
body > header.s3d-head nav.s3d-nav > a {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: #0B0E14 !important;
  background-image: none !important;
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  border: 1px solid #222b3d !important;
  border-radius: 4px !important;
  outline: none !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  filter: none !important;
}
.steel3d-root header.s3d-head nav.s3d-nav > a:hover,
.steel3d-root header.s3d-head nav.s3d-nav > a:focus-visible,
.steel3d-root .s3d-mnav-panel > a:hover,
.steel3d-root .s3d-mnav-panel > a:focus-visible,
body > header.s3d-head nav.s3d-nav > a:hover,
body > header.s3d-head nav.s3d-nav > a:focus-visible {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.1) !important;
  outline: none !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.16) !important;
}
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-active,
.steel3d-root .s3d-mnav-panel > a.s3d-nav-active,
body > header.s3d-head nav.s3d-nav > a.s3d-nav-active {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.16) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
}
.steel3d-root header.s3d-head nav.s3d-nav > a::before,
.steel3d-root header.s3d-head nav.s3d-nav > a::after,
.steel3d-root .s3d-mnav-panel > a::before,
.steel3d-root .s3d-mnav-panel > a::after {
  content: none !important;
  display: none !important;
}

/* Keep Documents Open/Print/Download on the same cyan hover family */
.steel3d-root .s3d-docs-actions > .s3d-btn:hover,
.steel3d-root .s3d-docs-actions > button.s3d-btn:hover,
.steel3d-root .s3d-docs-actions > a.s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > .s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > button.s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > a.s3d-btn:hover {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.1) !important;
  outline-color: #D4AF37 !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.16) !important;
}


/* ===== BUILD-2026-09-12ax: NAV = gold hover/active (no cyan) ===== */
.steel3d-root header.s3d-head nav.s3d-nav > a,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-btn,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-btn-standard,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-btn-primary,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-link,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-workspace,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-active,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-workspace.s3d-nav-active,
.steel3d-root header.s3d-head nav.s3d-nav > a[data-s3d-route],
.steel3d-root header.s3d-head nav.s3d-nav > a[data-s3d-route="workspace"].s3d-nav-active,
.steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link.s3d-nav-active,
.steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-active,
.steel3d-root .s3d-mnav-panel > a,
.steel3d-root .s3d-mnav-panel > a.s3d-nav-active,
.steel3d-root .s3d-mnav-panel > a[data-s3d-route="workspace"].s3d-nav-active,
body > header.s3d-head nav.s3d-nav > a,
body > header.s3d-head nav.s3d-nav > a.s3d-nav-active {
  background: #0B0E14 !important;
  background-image: none !important;
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  border: 1px solid #222b3d !important;
  outline: none !important;
  box-shadow: none !important;
}
.steel3d-root header.s3d-head nav.s3d-nav > a:hover,
.steel3d-root header.s3d-head nav.s3d-nav > a:focus-visible,
.steel3d-root header.s3d-head nav.s3d-nav > a:active,
.steel3d-root .s3d-mnav-panel > a:hover,
.steel3d-root .s3d-mnav-panel > a:focus-visible,
.steel3d-root .s3d-mnav-panel > a:active,
body > header.s3d-head nav.s3d-nav > a:hover,
body > header.s3d-head nav.s3d-nav > a:focus-visible,
body > header.s3d-head nav.s3d-nav > a:active {
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  border-color: #D4AF37 !important;
  background: #D4AF37 !important;
  outline: none !important;
  box-shadow: none !important;
}
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-active,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-workspace.s3d-nav-active,
.steel3d-root header.s3d-head nav.s3d-nav > a[data-s3d-route].s3d-nav-active,
.steel3d-root header.s3d-head nav.s3d-nav > a[data-s3d-route="workspace"].s3d-nav-active,
.steel3d-root nav.s3d-nav > a.s3d-nav-workspace.s3d-nav-active,
.steel3d-root nav.s3d-nav > a[data-s3d-route="workspace"].s3d-nav-active,
.steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link.s3d-nav-active,
.steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-active,
.steel3d-root .s3d-nav-workspace.s3d-nav-active,
.steel3d-root a.s3d-nav-link[data-s3d-route="workspace"].s3d-nav-active,
.steel3d-root .s3d-mnav-panel > a.s3d-nav-active,
.steel3d-root .s3d-mnav-panel > a[data-s3d-route="workspace"].s3d-nav-active,
.steel3d-root .s3d-mnav-panel a.s3d-nav-active,
.steel3d-root .s3d-mnav-panel a[aria-current="page"],
body > header.s3d-head nav.s3d-nav > a.s3d-nav-active {
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  border-color: #D4AF37 !important;
  background: #D4AF37 !important;
  outline: none !important;
  box-shadow: none !important;
}
/* Docs Open/Print/Download: #D4AF37 hover (match nav, no cyan) */
.steel3d-root .s3d-docs-actions > .s3d-btn:hover,
.steel3d-root .s3d-docs-actions > button.s3d-btn:hover,
.steel3d-root .s3d-docs-actions > a.s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > .s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > button.s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > a.s3d-btn:hover {
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  border-color: #D4AF37 !important;
  background: #D4AF37 !important;
  outline-color: #D4AF37 !important;
  box-shadow: none !important;
}


/* ===== BUILD-2026-09-12ax: SITE-WIDE buttons = gold nav style ===== */
.steel3d-root {
  --s3d-std-face: #0B0E14;
  --s3d-std-face-hover: #D4AF37;
  --s3d-std-face-active: #D4AF37;
  --s3d-std-ink: #e8eef6;
  --s3d-std-ink-on-gold: #0B0E14;
  --s3d-std-frame: #222b3d;
  --s3d-std-frame-gold: #D4AF37;
  --s3d-std-radius: 4px;
  --s3d-std-gap: 1px;
  --s3d-dl-face: var(--s3d-std-face);
  --s3d-dl-face-hover: var(--s3d-std-face-hover);
  --s3d-dl-face-active: var(--s3d-std-face-active);
  --s3d-dl-ink: var(--s3d-std-ink);
  --s3d-dl-frame: var(--s3d-std-frame);
}

.steel3d-root .s3d-btn,
.steel3d-root a.s3d-btn,
.steel3d-root button.s3d-btn,
.steel3d-root .s3d-btn-primary,
.steel3d-root a.s3d-btn-primary,
.steel3d-root button.s3d-btn-primary,
.steel3d-root .s3d-btn-standard,
.steel3d-root a.s3d-btn-standard,
.steel3d-root button.s3d-btn-standard,
.steel3d-root .btn-primary,
.steel3d-root .s3d-cta-mini,
.steel3d-root .s3d-btn--compact,
.steel3d-root .s3d-btn--viewer,
.steel3d-root .s3d-form-submit,
.steel3d-root .s3d-nav-link,
.steel3d-root .s3d-head-nav a,
.steel3d-root header.s3d-head nav.s3d-nav > a,
.steel3d-root .s3d-mnav-panel a,
.steel3d-root .s3d-mnav-panel > a,
.steel3d-root .s3d-burger-btn,
.steel3d-root .s3d-mnav-close,
.steel3d-root .s3d-pill:not(.s3d-industrial-kicker),
.steel3d-root .s3d-hero-cta-pill,
.steel3d-root .s3d-hero-cta,
.steel3d-root .s3d-ws-pipe,
.steel3d-root .s3d-qq-tpl,
.steel3d-root .s3d-scan-toggle,
.steel3d-root .s3d-price-type-btn,
.steel3d-root .s3d-price-qty-btn,
.steel3d-root .s3d-form-actions .s3d-btn,
.steel3d-root .s3d-docs-actions > .s3d-btn,
.steel3d-root .s3d-docs-actions > button.s3d-btn,
.steel3d-root .s3d-docs-actions > a.s3d-btn,
.steel3d-root .s3d-docs-modal-cta > .s3d-btn,
.steel3d-root .s3d-docs-modal-cta > button.s3d-btn,
.steel3d-root .s3d-docs-modal-cta > a.s3d-btn,
.steel3d-root .s3d-contact-form button[type="submit"],
.steel3d-root .s3d-suggest-form button[type="submit"],
.steel3d-root .s3d-guest-form button[type="submit"],
.steel3d-root .s3d-client-register-form button[type="submit"],
.steel3d-root .s3d-owner-gate button[type="submit"],
.steel3d-root .s3d-owner-portal .s3d-btn,
.steel3d-root .s3d-ws-station-actions .s3d-btn,
.steel3d-root .s3d-ws-toolbar-actions .s3d-btn,
.steel3d-root .s3d-ws04-actions .s3d-btn,
.steel3d-root .s3d-paywall-panel .s3d-btn,
.steel3d-root button.s3d-btn,
.steel3d-root a.s3d-btn,
body > header.s3d-head nav.s3d-nav > a {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: #0B0E14 !important;
  background-image: none !important;
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  border: 1px solid #222b3d !important;
  border-radius: 4px !important;
  outline: none !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  filter: none !important;
}

.steel3d-root .s3d-btn:hover,
.steel3d-root .s3d-btn:focus-visible,
.steel3d-root .s3d-btn:active,
.steel3d-root a.s3d-btn:hover,
.steel3d-root a.s3d-btn:focus-visible,
.steel3d-root a.s3d-btn:active,
.steel3d-root button.s3d-btn:hover,
.steel3d-root button.s3d-btn:focus-visible,
.steel3d-root button.s3d-btn:active,
.steel3d-root .s3d-btn-primary:hover,
.steel3d-root .s3d-btn-primary:focus-visible,
.steel3d-root .s3d-btn-primary:active,
.steel3d-root a.s3d-btn-primary:hover,
.steel3d-root a.s3d-btn-primary:focus-visible,
.steel3d-root a.s3d-btn-primary:active,
.steel3d-root button.s3d-btn-primary:hover,
.steel3d-root button.s3d-btn-primary:focus-visible,
.steel3d-root button.s3d-btn-primary:active,
.steel3d-root .s3d-btn-standard:hover,
.steel3d-root .s3d-btn-standard:focus-visible,
.steel3d-root .s3d-btn-standard:active,
.steel3d-root .s3d-btn:not(.s3d-btn-primary):hover,
.steel3d-root .s3d-btn:not(.s3d-btn-primary):focus-visible,
.steel3d-root .s3d-btn:not(.s3d-btn-primary):active,
.steel3d-root a.s3d-btn:not(.s3d-btn-primary):hover,
.steel3d-root a.s3d-btn:not(.s3d-btn-primary):focus-visible,
.steel3d-root button.s3d-btn:not(.s3d-btn-primary):hover,
.steel3d-root button.s3d-btn:not(.s3d-btn-primary):focus-visible,
.steel3d-root .s3d-form-submit:hover,
.steel3d-root .s3d-form-submit:focus-visible,
.steel3d-root .s3d-form-submit:active,
.steel3d-root .s3d-nav-link:hover,
.steel3d-root .s3d-nav-link:focus-visible,
.steel3d-root .s3d-nav-link:active,
.steel3d-root header.s3d-head nav.s3d-nav > a:hover,
.steel3d-root header.s3d-head nav.s3d-nav > a:focus-visible,
.steel3d-root header.s3d-head nav.s3d-nav > a:active,
.steel3d-root .s3d-mnav-panel a:hover,
.steel3d-root .s3d-mnav-panel a:focus-visible,
.steel3d-root .s3d-mnav-panel a:active,
.steel3d-root .s3d-burger-btn:hover,
.steel3d-root .s3d-burger-btn:focus-visible,
.steel3d-root .s3d-mnav-close:hover,
.steel3d-root .s3d-mnav-close:focus-visible,
.steel3d-root .s3d-pill:not(.s3d-industrial-kicker):hover,
.steel3d-root .s3d-hero-cta:hover,
.steel3d-root .s3d-hero-cta:focus-visible,
.steel3d-root .s3d-ws-pipe:hover,
.steel3d-root .s3d-ws-pipe:focus-visible,
.steel3d-root .s3d-qq-tpl:hover,
.steel3d-root .s3d-scan-toggle:hover,
.steel3d-root .s3d-price-type-btn:hover,
.steel3d-root .s3d-price-qty-btn:hover,
.steel3d-root .s3d-docs-actions > .s3d-btn:hover,
.steel3d-root .s3d-docs-actions > button.s3d-btn:hover,
.steel3d-root .s3d-docs-actions > a.s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > .s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > button.s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > a.s3d-btn:hover,
.steel3d-root .s3d-contact-form button[type="submit"]:hover,
.steel3d-root .s3d-suggest-form button[type="submit"]:hover,
.steel3d-root .s3d-guest-form button[type="submit"]:hover,
.steel3d-root .s3d-client-register-form button[type="submit"]:hover,
.steel3d-root .s3d-owner-gate button[type="submit"]:hover,
.steel3d-root .s3d-owner-portal .s3d-btn:hover,
.steel3d-root .s3d-ws-station-actions .s3d-btn:hover,
.steel3d-root .s3d-ws-toolbar-actions .s3d-btn:hover,
.steel3d-root .s3d-ws04-actions .s3d-btn:hover,
.steel3d-root .s3d-paywall-panel .s3d-btn:hover,
body > header.s3d-head nav.s3d-nav > a:hover,
body > header.s3d-head nav.s3d-nav > a:focus-visible,
body > header.s3d-head nav.s3d-nav > a:active {
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  border-color: #D4AF37 !important;
  background: #D4AF37 !important;
  background-image: none !important;
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Active / selected / primary face = gold (same as nav active) */
.steel3d-root .s3d-btn-primary,
.steel3d-root a.s3d-btn-primary,
.steel3d-root button.s3d-btn-primary,
.steel3d-root .btn-primary,
.steel3d-root .s3d-cta-mini,
.steel3d-root .s3d-nav-active,
.steel3d-root a.s3d-nav-active,
.steel3d-root .s3d-nav-link.s3d-nav-active,
.steel3d-root .s3d-nav-workspace.s3d-nav-active,
.steel3d-root a.s3d-nav-link[data-s3d-route="workspace"].s3d-nav-active,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-active,
.steel3d-root .s3d-mnav-panel a.s3d-nav-active,
.steel3d-root .s3d-mnav-panel a[aria-current="page"],
.steel3d-root .s3d-price-type-btn.is-active,
.steel3d-root .s3d-price-type-btn[aria-selected="true"],
.steel3d-root .s3d-scan-toggle.is-active,
.steel3d-root .s3d-qq-tpl.is-active,
.steel3d-root .s3d-ws-pipe.is-active,
.steel3d-root .s3d-ws-pipe[aria-current="page"],
body > header.s3d-head nav.s3d-nav > a.s3d-nav-active {
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
  border-color: #D4AF37 !important;
  background: #D4AF37 !important;
  background-image: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.steel3d-root .s3d-btn-primary *,
.steel3d-root .s3d-nav-active *,
.steel3d-root .s3d-pill.s3d-hero-cta-pill * {
  color: #0B0E14 !important;
  -webkit-text-fill-color: #0B0E14 !important;
}

.steel3d-root button:disabled,
.steel3d-root .s3d-btn:disabled,
.steel3d-root button[disabled],
.steel3d-root a.s3d-btn[aria-disabled="true"] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  color: #9aa8bc !important;
  -webkit-text-fill-color: #9aa8bc !important;
  background: #0B0E14 !important;
  border-color: #222b3d !important;
}

.steel3d-root header.s3d-head nav.s3d-nav > a::before,
.steel3d-root header.s3d-head nav.s3d-nav > a::after,
.steel3d-root .s3d-mnav-panel > a::before,
.steel3d-root .s3d-mnav-panel > a::after,
.steel3d-root .s3d-btn::before,
.steel3d-root .s3d-btn::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}


/* ===== BUILD-2026-09-12ax: Workspace desk must be real height when routed ===== */
html[data-s3d-route="workspace"] #s3dSketchWorkspace,
html[data-s3d-route="ws-01"] #s3dSketchWorkspace,
html[data-s3d-route="ws-02"] #s3dSketchWorkspace,
html[data-s3d-route="ws-03"] #s3dSketchWorkspace,
html[data-s3d-route="ws-04"] #s3dSketchWorkspace,
html[data-s3d-route="workspace"] #s3dSketchWorkspace.s3d-ws--workstation,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation[aria-hidden="false"] {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  min-height: min(70vh, 720px) !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 1.25rem auto 2rem !important;
  padding: 10px 12px !important;
  scroll-margin-top: calc(var(--s3d-head-h, 88px) + 24px) !important;
}


/* ===== BUILD-2026-09-12ax: Directive 14 — Industrial Gold buttons & nav ===== */
.steel3d-root {
  --s3d-cad-cyan: #D4AF37;
  --accent-cyan: #D4AF37;
  --s3d-cyan: #D4AF37;
  --border-cyan: rgba(212, 175, 55, 0.3);
  --border-cyan-glow: rgba(212, 175, 55, 0.8);
  --s3d-industrial-gold: #D4AF37;
  --s3d-industrial-gold-alt: #FFC700;
  --s3d-safety: #FFC700;
  --s3d-std-face: #0B0E14;
  --s3d-std-face-hover: rgba(212, 175, 55, 0.10);
  --s3d-std-face-active: rgba(212, 175, 55, 0.16);
  --s3d-std-ink: #e8eef6;
  --s3d-std-frame: #222b3d;
}

/* Steel3D Standard Button & Navigation Styling (Industrial Gold) */
.steel3d-root .s3d-btn,
.steel3d-root .s3d-btn-standard,
.steel3d-root a.s3d-btn,
.steel3d-root a.s3d-btn-standard,
.steel3d-root button.s3d-btn,
.steel3d-root button.s3d-btn-standard,
.steel3d-root .s3d-btn-primary,
.steel3d-root a.s3d-btn-primary,
.steel3d-root button.s3d-btn-primary,
.steel3d-root .s3d-btn--compact,
.steel3d-root .s3d-form-submit,
.steel3d-root .s3d-cta-mini,
.steel3d-root .s3d-hero-cta,
.steel3d-root .s3d-pill:not(.s3d-industrial-kicker),
.steel3d-root .s3d-nav-link,
.steel3d-root header.s3d-head nav.s3d-nav > a,
.steel3d-root .s3d-mnav-panel > a,
.steel3d-root .s3d-burger-btn,
.steel3d-root .s3d-mnav-close,
.steel3d-root .s3d-ws-pipe,
.steel3d-root .s3d-ws-mobile-tab,
.steel3d-root .s3d-price-type-btn,
.steel3d-root .s3d-price-qty-btn,
.steel3d-root .s3d-qq-tpl,
.steel3d-root .s3d-scan-toggle,
.steel3d-root .s3d-paywall-cta,
.steel3d-root .s3d-docs-actions > .s3d-btn,
.steel3d-root .s3d-docs-modal-cta > .s3d-btn,
body > header.s3d-head nav.s3d-nav > a {
  background-color: #0B0E14 !important;
  background-image: none !important;
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  border: 1px solid #222b3d !important;
  border-radius: 4px !important;
  min-height: 44px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  filter: none !important;
}

/* Hover & Focus State (Gold Accent) */
.steel3d-root .s3d-btn:hover,
.steel3d-root .s3d-btn:focus,
.steel3d-root .s3d-btn:focus-visible,
.steel3d-root .s3d-btn-standard:hover,
.steel3d-root .s3d-btn-standard:focus,
.steel3d-root .s3d-btn-standard:focus-visible,
.steel3d-root a.s3d-btn:hover,
.steel3d-root a.s3d-btn:focus-visible,
.steel3d-root button.s3d-btn:hover,
.steel3d-root button.s3d-btn:focus-visible,
.steel3d-root .s3d-btn-primary:hover,
.steel3d-root .s3d-btn-primary:focus-visible,
.steel3d-root a.s3d-btn-primary:hover,
.steel3d-root button.s3d-btn-primary:hover,
.steel3d-root .s3d-btn:not(.s3d-btn-primary):hover,
.steel3d-root .s3d-btn:not(.s3d-btn-primary):focus-visible,
.steel3d-root .s3d-form-submit:hover,
.steel3d-root .s3d-hero-cta:hover,
.steel3d-root .s3d-nav-link:hover,
.steel3d-root .s3d-nav-link:focus-visible,
.steel3d-root header.s3d-head nav.s3d-nav > a:hover,
.steel3d-root header.s3d-head nav.s3d-nav > a:focus-visible,
.steel3d-root .s3d-mnav-panel > a:hover,
.steel3d-root .s3d-mnav-panel > a:focus-visible,
.steel3d-root .s3d-burger-btn:hover,
.steel3d-root .s3d-mnav-close:hover,
.steel3d-root .s3d-ws-pipe:hover,
.steel3d-root .s3d-ws-mobile-tab:hover,
.steel3d-root .s3d-price-type-btn:hover,
.steel3d-root .s3d-price-qty-btn:hover,
.steel3d-root .s3d-qq-tpl:hover,
.steel3d-root .s3d-scan-toggle:hover,
.steel3d-root .s3d-paywall-cta:hover,
.steel3d-root .s3d-docs-actions > .s3d-btn:hover,
.steel3d-root .s3d-docs-modal-cta > .s3d-btn:hover,
body > header.s3d-head nav.s3d-nav > a:hover,
body > header.s3d-head nav.s3d-nav > a:focus-visible {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  background-color: rgba(212, 175, 55, 0.10) !important;
  background-image: none !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.35) !important;
  outline: none !important;
  filter: none !important;
}

/* Active Navigation Tab & Active Buttons (.s3d-nav-active) */
.steel3d-root .s3d-btn.s3d-nav-active,
.steel3d-root .s3d-btn-standard.s3d-nav-active,
.steel3d-root a.s3d-btn.s3d-nav-active,
.steel3d-root a.s3d-btn-standard.s3d-nav-active,
.steel3d-root .s3d-nav-active,
.steel3d-root a.s3d-nav-active,
.steel3d-root .s3d-nav-link.s3d-nav-active,
.steel3d-root .s3d-nav-workspace.s3d-nav-active,
.steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-active,
.steel3d-root .s3d-mnav-panel > a.s3d-nav-active,
.steel3d-root .s3d-mnav-panel a[aria-current="page"],
.steel3d-root .s3d-btn-primary,
.steel3d-root a.s3d-btn-primary,
.steel3d-root button.s3d-btn-primary,
.steel3d-root .s3d-price-type-btn.is-active,
.steel3d-root .s3d-price-type-btn[aria-selected="true"],
.steel3d-root .s3d-ws-mobile-tab.is-active,
.steel3d-root .s3d-ws-pipe.is-active,
.steel3d-root .s3d-ws-pipe[aria-current="page"],
.steel3d-root .s3d-scan-toggle.is-active,
.steel3d-root .s3d-qq-tpl.is-active,
body > header.s3d-head nav.s3d-nav > a.s3d-nav-active {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  background-color: rgba(212, 175, 55, 0.16) !important;
  background-image: none !important;
  box-shadow: 0 0 16px rgba(212, 175, 55, 0.45) !important;
}

.steel3d-root .s3d-btn-primary *,
.steel3d-root .s3d-nav-active * {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}

.steel3d-root button:disabled,
.steel3d-root .s3d-btn:disabled,
.steel3d-root button[disabled] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  color: #9aa8bc !important;
  -webkit-text-fill-color: #9aa8bc !important;
  background-color: #0B0E14 !important;
  border-color: #222b3d !important;
  box-shadow: none !important;
}

.steel3d-root header.s3d-head nav.s3d-nav > a::before,
.steel3d-root header.s3d-head nav.s3d-nav > a::after,
.steel3d-root .s3d-btn::before,
.steel3d-root .s3d-btn::after {
  content: none !important;
  display: none !important;
}


/* ===== BUILD-2026-09-12ax: Directive 15 — WS-01 isolated dropzone ===== */
.steel3d-root #s3dSketchCanvasWrap,
#s3dSketchCanvasWrap {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
}
/* Hint is paint-only; wrap owns drag/drop/click */
.steel3d-root #s3dSketchCanvasWrap .s3d-ws-drop,
#s3dSketchCanvasWrap .s3d-ws-drop,
.steel3d-root #s3dWsDropHint {
  pointer-events: none !important;
  z-index: 1 !important;
}
.steel3d-root #s3dSketchCanvasWrap .s3d-ws-file,
#s3dSketchCanvasWrap #s3dWsFile {
  pointer-events: none !important;
  opacity: 0 !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  z-index: 0 !important;
}
.steel3d-root #s3dSketchCanvasWrap.is-drag,
#s3dSketchCanvasWrap.is-drag {
  outline: 2px solid #D4AF37 !important;
  outline-offset: -2px !important;
  background: rgba(212, 175, 55, 0.06) !important;
}
.steel3d-root #s3dSketchCanvasWrap.is-drag .s3d-ws-drop,
#s3dSketchCanvasWrap.is-drag .s3d-ws-drop,
.steel3d-root #s3dWsDropHint.is-drag {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.10) !important;
  color: #D4AF37 !important;
}


/* ===== BUILD-2026-09-12ax: Directive 16 — dropzone lock (visual) ===== */
.steel3d-root #s3dSketchCanvasWrap[data-s3d-dropzone="ws-01"],
#s3dSketchCanvasWrap[data-s3d-dropzone="ws-01"] {
  pointer-events: auto !important;
  cursor: pointer !important;
}


/* ===== BUILD-2026-09-12ax: Directive 17 — ONLY outer wrap gets pointer events ===== */
.steel3d-root #s3dSketchCanvasWrap,
.steel3d-root #s3dSketchCanvasWrap[data-s3d-dropzone="ws-01"],
#s3dSketchCanvasWrap,
#s3dSketchCanvasWrap[data-s3d-dropzone="ws-01"] {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 5 !important;
}
/* Kill ALL child hit-targets (canvas, hint, file, overlays, labels) */
.steel3d-root #s3dSketchCanvasWrap > *,
.steel3d-root #s3dSketchCanvasWrap * ,
#s3dSketchCanvasWrap > *,
#s3dSketchCanvasWrap * {
  pointer-events: none !important;
}
.steel3d-root #s3dWsDropHint,
.steel3d-root #s3dSketchCanvasWrap .s3d-ws-drop,
#s3dSketchCanvasWrap .s3d-ws-drop,
.steel3d-root #s3dSketchCanvasWrap #s3dSketchCanvas,
.steel3d-root #s3dSketchCanvasWrap #s3dWsFile,
#s3dSketchCanvasWrap #s3dWsFile {
  pointer-events: none !important;
}
.steel3d-root #s3dSketchCanvasWrap.is-drag,
#s3dSketchCanvasWrap.is-drag {
  outline: 2px solid #D4AF37 !important;
  outline-offset: -2px !important;
  background: rgba(212, 175, 55, 0.06) !important;
}
.steel3d-root #s3dSketchCanvasWrap.is-drag .s3d-ws-drop,
#s3dSketchCanvasWrap.is-drag .s3d-ws-drop {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.10) !important;
  color: #D4AF37 !important;
}


/* ===== BUILD-2026-09-12ax: Owner nav + gate visible on route ===== */
html[data-s3d-route="owner"] #s3dOwnerGate,
html[data-s3d-route="owner"] .s3d-owner-gate,
.steel3d-root[data-s3d-route="owner"] #s3dOwnerGate {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  scroll-margin-top: calc(var(--s3d-head-h, 88px) + 24px) !important;
}
html[data-s3d-route="owner"][data-s3d-owner="1"] #s3dOwnerPortal,
html[data-s3d-owner="1"][data-s3d-route="owner"] #s3dOwnerPortal {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}


/* ===== BUILD-2026-09-12ax: SITEWIDE cyan → industrial gold ===== */
.steel3d-root {
  --s3d-cad-cyan: #D4AF37 !important;
  --accent-cyan: #D4AF37 !important;
  --s3d-cyan: #D4AF37 !important;
  --border-cyan: rgba(212, 175, 55, 0.3) !important;
  --border-cyan-glow: rgba(212, 175, 55, 0.8) !important;
  --s3d-industrial-gold: #D4AF37 !important;
}


/* ===== BUILD-2026-09-12ax: EVERYTHING gold — cards, buttons, borders, accents ===== */
.steel3d-root {
  --s3d-cad-cyan: #D4AF37 !important;
  --accent-cyan: #D4AF37 !important;
  --s3d-cyan: #D4AF37 !important;
  --cyan: #D4AF37 !important;
  --cyan-soft: rgba(212, 175, 55, 0.12) !important;
  --cyan-glow: rgba(212, 175, 55, 0.15) !important;
  --border-cyan: rgba(212, 175, 55, 0.35) !important;
  --border-cyan-glow: rgba(212, 175, 55, 0.85) !important;
  --s3d-border: rgba(212, 175, 55, 0.35) !important;
  --s3d-border-active: #D4AF37 !important;
  --line: rgba(212, 175, 55, 0.35) !important;
  --glass-border: rgba(212, 175, 55, 0.35) !important;
  --s3d-industrial-gold: #D4AF37 !important;
}

/* Cards / panels / frames — gold wire borders */
.steel3d-root .s3d-card,
.steel3d-root .s3d-cad-frame,
.steel3d-root .s3d-ws-panel,
.steel3d-root .s3d-panel,
.steel3d-root .s3d-feature-card,
.steel3d-root .s3d-tool-tile,
.steel3d-root .s3d-docs-card,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-step,
.steel3d-root .s3d-showcase-card,
.steel3d-root .s3d-quote-submit,
.steel3d-root .s3d-client-register,
.steel3d-root .s3d-guest-submit,
.steel3d-root .s3d-owner-gate,
.steel3d-root .s3d-owner-portal,
.steel3d-root .s3d-pricing-estimator,
.steel3d-root .s3d-paywall-panel,
.steel3d-root .s3d-docs-modal-card,
.steel3d-root .s3d-legal-modal-panel,
.steel3d-root .s3d-ws-pipe,
.steel3d-root .s3d-area-banner,
.steel3d-root .s3d-credentials,
.steel3d-root .s3d-contact-section .s3d-wrap,
.steel3d-root .s3d-bento-stat,
.steel3d-root .s3d-cap-card,
.steel3d-root .s3d-meta,
.steel3d-root .s3d-sec {
  border-color: rgba(212, 175, 55, 0.35) !important;
}

.steel3d-root .s3d-card:hover,
.steel3d-root .s3d-feature-card:hover,
.steel3d-root .s3d-tool-tile:hover,
.steel3d-root .s3d-docs-card:hover,
.steel3d-root .s3d-ws-pipe:hover,
.steel3d-root .s3d-process-step:hover,
.steel3d-root .s3d-process-step.is-active,
.steel3d-root .s3d-cad-frame:focus-within {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.22) !important;
}

/* Left/top accent bars that were cyan */
.steel3d-root [style*="border-left"][style*="00E5FF"],
.steel3d-root [style*="border-left"][style*="00e5ff"] {
  border-left-color: #D4AF37 !important;
}

/* Buttons — gold wireframe (rest + hover/active) */
.steel3d-root .s3d-btn,
.steel3d-root .s3d-btn-standard,
.steel3d-root .s3d-btn-primary,
.steel3d-root a.s3d-btn,
.steel3d-root button.s3d-btn,
.steel3d-root header.s3d-head nav.s3d-nav > a,
.steel3d-root .s3d-mnav-panel > a,
.steel3d-root .s3d-form-submit,
.steel3d-root .s3d-hero-cta,
.steel3d-root .s3d-pill:not(.s3d-industrial-kicker),
.steel3d-root .s3d-price-type-btn,
.steel3d-root .s3d-price-qty-btn,
.steel3d-root .s3d-ws-mobile-tab,
.steel3d-root .s3d-paywall-cta,
.steel3d-root .s3d-burger-btn,
.steel3d-root .s3d-mnav-close {
  background-color: #0B0E14 !important;
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  border: 1px solid #222b3d !important;
  border-radius: 4px !important;
}
.steel3d-root .s3d-btn:hover,
.steel3d-root .s3d-btn:focus,
.steel3d-root .s3d-btn:focus-visible,
.steel3d-root .s3d-btn-standard:hover,
.steel3d-root .s3d-btn-primary:hover,
.steel3d-root a.s3d-btn:hover,
.steel3d-root button.s3d-btn:hover,
.steel3d-root header.s3d-head nav.s3d-nav > a:hover,
.steel3d-root .s3d-mnav-panel > a:hover,
.steel3d-root .s3d-form-submit:hover,
.steel3d-root .s3d-hero-cta:hover,
.steel3d-root .s3d-price-type-btn:hover,
.steel3d-root .s3d-price-qty-btn:hover,
.steel3d-root .s3d-ws-mobile-tab:hover,
.steel3d-root .s3d-paywall-cta:hover,
.steel3d-root .s3d-burger-btn:hover,
.steel3d-root .s3d-mnav-close:hover,
.steel3d-root .s3d-docs-actions > .s3d-btn:hover {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  background-color: rgba(212, 175, 55, 0.10) !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.35) !important;
}
.steel3d-root .s3d-btn.s3d-nav-active,
.steel3d-root .s3d-nav-active,
.steel3d-root .s3d-btn-primary,
.steel3d-root .s3d-price-type-btn.is-active,
.steel3d-root .s3d-ws-mobile-tab.is-active,
.steel3d-root .s3d-process-step.is-active,
.steel3d-root .s3d-ws-pipe.is-active {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  background-color: rgba(212, 175, 55, 0.16) !important;
  box-shadow: 0 0 16px rgba(212, 175, 55, 0.45) !important;
}

/* Text / icons / links that were sky-cyan */
.steel3d-root a:not(.s3d-btn):not(.s3d-nav-link),
.steel3d-root .s3d-ws-toolbar,
.steel3d-root .s3d-ws-panel-tag,
.steel3d-root .s3d-area-banner,
.steel3d-root .s3d-legal-foot a,
.steel3d-root .s3d-legal-modal-body a,
.steel3d-root .s3d-legal-modal-full a {
  color: #D4AF37 !important;
}
.steel3d-root a:not(.s3d-btn):hover {
  color: #FFC700 !important;
}

/* Outlines / focus rings */
.steel3d-root *:focus-visible {
  outline-color: #D4AF37 !important;
}

/* Dropzone / active chrome */
.steel3d-root #s3dSketchCanvasWrap.is-drag,
.steel3d-root .s3d-ws-drop.is-drag {
  outline-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
}


/* ===== BUILD-2026-09-12ax: Directive 18 — label dropzone nuclear ===== */
.steel3d-root #s3dSketchCanvasWrap,
#s3dSketchCanvasWrap {
  position: relative !important;
  min-height: 280px !important;
  pointer-events: auto !important;
}
.steel3d-root #s3dSketchCanvasWrap > canvas,
#s3dSketchCanvasWrap > canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.steel3d-root label.s3d-dropzone-container,
.steel3d-root #s3dWsDropZone {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 6 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 2px dashed rgba(212, 175, 55, 0.45) !important;
  border-radius: 4px !important;
}
.steel3d-root label.s3d-dropzone-container.is-drag,
.steel3d-root #s3dWsDropZone.is-drag,
.steel3d-root #s3dSketchCanvasWrap.is-drag label.s3d-dropzone-container {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.10) !important;
  box-shadow: inset 0 0 0 1px #D4AF37, 0 0 18px rgba(212, 175, 55, 0.25) !important;
}
.steel3d-root label.s3d-dropzone-container > input[type="file"],
.steel3d-root #s3dWsFile {
  display: none !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.steel3d-root label.s3d-dropzone-container .s3d-dropzone-paint,
.steel3d-root label.s3d-dropzone-container .s3d-ws-drop,
.steel3d-root label.s3d-dropzone-container > *,
.steel3d-root #s3dWsDropHint {
  pointer-events: none !important;
}
.steel3d-root #s3dWsDropHint {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  inset: 12px !important;
  margin: 0 !important;
  text-align: center !important;
  color: #D4AF37 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  background: transparent !important;
}
.steel3d-root #s3dWsDropHint.is-hidden {
  display: none !important;
}
.steel3d-root #s3dWsDropHint p {
  margin: 0 !important;
  pointer-events: none !important;
  color: inherit !important;
}
/* Override older Directive 17 rule that zeroed ALL wrap children including the label */
.steel3d-root #s3dSketchCanvasWrap > label.s3d-dropzone-container,
#s3dSketchCanvasWrap > label.s3d-dropzone-container {
  pointer-events: auto !important;
}


/* ===== BUILD-2026-09-12ax: Directive 19 — unblock WS-01 + visible gold file ===== */
.steel3d-root #s3dWs01.s3d-ws01-event-layer,
.steel3d-root #s3dWs01[data-s3d-directive="19"],
#s3dWs01.s3d-ws01-event-layer,
#s3dWs01 {
  position: relative !important;
  z-index: 999 !important;
  pointer-events: auto !important;
  isolation: isolate !important;
}
.steel3d-root #s3dWsPanels,
#s3dWsPanels {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 1 !important;
}
/* Transparent grid gaps / decorative overlays must not steal hits */
.steel3d-root #s3dSketchWorkspace .s3d-bg-scrim,
.steel3d-root #s3dSketchWorkspace .s3d-blueprint-grid,
.steel3d-root #s3dSketchWorkspace .s3d-bg-tint,
.steel3d-root #s3dWsPanels::before,
.steel3d-root #s3dWsPanels::after,
.steel3d-root .s3d-ws-panels::before,
.steel3d-root .s3d-ws-panels::after,
.steel3d-root .s3d-ws-panel::before,
.steel3d-root .s3d-ws-panel::after,
.steel3d-root .s3d-ws-overlay,
.steel3d-root .s3d-ws-backdrop,
.steel3d-root .s3d-ws-hit-shield,
.steel3d-root .s3d-canvas-shield,
.steel3d-root [data-s3d-overlay] {
  pointer-events: none !important;
}
.steel3d-root #s3dSketchCanvasWrap,
#s3dSketchCanvasWrap {
  position: relative !important;
  z-index: 999 !important;
  pointer-events: auto !important;
}
.steel3d-root #s3dSketchCanvasWrap > canvas,
#s3dSketchCanvasWrap > canvas {
  pointer-events: none !important;
  z-index: 0 !important;
}
/* Drop paint is visual only — no overlay shield */
.steel3d-root #s3dWsDropHint,
.steel3d-root label.s3d-dropzone-container .s3d-dropzone-paint,
.steel3d-root label.s3d-dropzone-container .s3d-ws-drop,
#s3dWsDropHint {
  pointer-events: none !important;
}
.steel3d-root label.s3d-dropzone-container,
.steel3d-root #s3dWsDropZone {
  pointer-events: auto !important;
  z-index: 6 !important;
}
/* TEMP: force native file input fully visible + clickable (overrides Dir 18 hide) */
.steel3d-root #s3dWsFile,
.steel3d-root input.s3d-ws-file,
.steel3d-root input.s3d-ws-file--debug,
#s3dWsFile,
input.s3d-ws-file--debug {
  display: block !important;
  padding: 12px !important;
  background: #D4AF37 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  margin: 0 0 10px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 1000 !important;
  border: 2px solid #000 !important;
  border-radius: 0 !important;
  font: 700 13px/1.2 Arial, Helvetica, sans-serif !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  overflow: visible !important;
}


/* ===== BUILD-2026-09-12ax: workspace yellow → industrial gold #D4AF37 ===== */
.steel3d-root {
  --s3d-safety: #D4AF37 !important;
  --accent-amber: #D4AF37 !important;
  --accent: #D4AF37 !important;
  --accent-bright: #D4AF37 !important;
  --accent-deep: #D4AF37 !important;
  --accent-soft: rgba(212, 175, 55, 0.20) !important;
  --accent-ring: rgba(212, 175, 55, 0.40) !important;
  --s3d-amber: #D4AF37 !important;
  --gold: #D4AF37 !important;
  --gold-bright: #D4AF37 !important;
  --gold-deep: #D4AF37 !important;
  --gold-soft: rgba(212, 175, 55, 0.20) !important;
  --gold-glow: rgba(212, 175, 55, 0.18) !important;
  --copper: #D4AF37 !important;
  --line-gold: rgba(212, 175, 55, 0.45) !important;
  --s3d-proc-amber: #D4AF37 !important;
  --s3d-std-face-hover: #D4AF37 !important;
  --s3d-std-face-active: #D4AF37 !important;
  --s3d-std-frame-gold: #D4AF37 !important;
}

#s3dSketchWorkspace,
#s3dSketchWorkspace * {
  --accent-amber: #D4AF37 !important;
  --s3d-amber: #D4AF37 !important;
  --s3d-safety: #D4AF37 !important;
  --gold: #D4AF37 !important;
  --gold-bright: #D4AF37 !important;
  --gold-deep: #D4AF37 !important;
  --cc-status: #D4AF37 !important;
  --node-color: #D4AF37 !important;
  --hex-color: #D4AF37 !important;
}

/* Force workspace accent text/borders that still resolve as amber/yellow */
#s3dSketchWorkspace .s3d-area-banner,
#s3dSketchWorkspace .s3d-ws-panel-tag,
#s3dSketchWorkspace .s3d-ws-credits-count,
#s3dSketchWorkspace .s3d-ws-drop,
#s3dSketchWorkspace #s3dWsDropHint,
#s3dSketchWorkspace #s3dWsDropHint p,
#s3dSketchWorkspace .s3d-ws-readout,
#s3dSketchWorkspace .s3d-ws-emergency-label,
#s3dSketchWorkspace label.s3d-dropzone-container {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
}

#s3dSketchWorkspace label.s3d-dropzone-container {
  border-color: rgba(212, 175, 55, 0.45) !important;
}
#s3dSketchWorkspace label.s3d-dropzone-container.is-drag,
#s3dSketchWorkspace #s3dSketchCanvasWrap.is-drag label.s3d-dropzone-container {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.10) !important;
  box-shadow: inset 0 0 0 1px #D4AF37, 0 0 18px rgba(212, 175, 55, 0.25) !important;
}

#s3dSketchWorkspace .s3d-ws-pipe.is-active,
#s3dSketchWorkspace .s3d-ws-mobile-tab.is-active,
#s3dSketchWorkspace .s3d-btn.s3d-nav-active {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.16) !important;
}

/* TEMP debug file control stays gold (already #D4AF37) */
#s3dSketchWorkspace #s3dWsFile,
#s3dSketchWorkspace input.s3d-ws-file--debug {
  background: #D4AF37 !important;
  border-color: #000 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}


/* ===== BUILD-2026-09-12ax: remove WS-02 GA titleblock (ingest counter owns job/rev) ===== */
.steel3d-root #s3dWs02 .s3d-ga-titleblock,
.steel3d-root #s3dWs02 #s3dGaTitleBlock,
.steel3d-root #s3dFrameCanvasWrap > .s3d-ga-titleblock,
.steel3d-root #s3dFrameCanvasWrap > #s3dGaTitleBlock,
#s3dWs02 .s3d-ga-titleblock,
#s3dWs02 #s3dGaTitleBlock,
#s3dGaTitleBlock {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
/* Kill stacked yellow-on-gold accent on WS-02 view (titleblock top line used to sit on panel gold) */
.steel3d-root #s3dWs02 .s3d-ws-view-wrap,
.steel3d-root #s3dFrameCanvasWrap {
  border-top-color: #222b3d !important;
}
.steel3d-root #s3dWs02 .s3d-ws-view-wrap::before,
.steel3d-root #s3dWs02 .s3d-ws-view-wrap::after,
.steel3d-root #s3dFrameCanvasWrap::before,
.steel3d-root #s3dFrameCanvasWrap::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: none !important;
}


/* ===== BUILD-2026-09-12ax: home hero clears fixed nav — superseded by 48.120 ===== */

/* ===== BUILD-2026-09-12ax: Directive 20 — executive 2x2 clean-slate dashboard ===== */
.steel3d-root {
  --s3d-exec-bg: #0B0E14;
  --s3d-exec-card: #121721;
  --s3d-exec-border: #222b3d;
  --s3d-exec-gold: #D4AF37;
}
.steel3d-root #s3dSketchWorkspace {
  background: #0B0E14 !important;
}
.steel3d-root #s3dWsPanels.s3d-ws-panels--2x2,
.steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--2x2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-template-rows: repeat(2, minmax(420px, auto)) !important;
  gap: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
@media (max-width: 1023px) {
  .steel3d-root #s3dWsPanels.s3d-ws-panels--2x2,
  .steel3d-root #s3dSketchWorkspace > .s3d-ws-panels.s3d-ws-panels--2x2 {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
  }
}
.steel3d-root #s3dWs01,
.steel3d-root #s3dWs02,
.steel3d-root #s3dWs03,
.steel3d-root #s3dWs04 {
  background: #121721 !important;
  border: 1px solid #222b3d !important;
  border-radius: 4px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  overflow: hidden !important;
}
.steel3d-root #s3dWs01:hover,
.steel3d-root #s3dWs02:hover,
.steel3d-root #s3dWs03:hover,
.steel3d-root #s3dWs04:hover {
  border-color: rgba(212, 175, 55, 0.45) !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.12) !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-area-banner,
.steel3d-root #s3dWs01 .s3d-area-banner,
.steel3d-root #s3dWs02 .s3d-area-banner,
.steel3d-root #s3dWs03 .s3d-area-banner,
.steel3d-root #s3dWs04 .s3d-area-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  background: #0B0E14 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-bottom: 1px solid #1a1f26 !important;
  border-left: none !important;
  border-radius: 0 !important;
  font: 800 12px/1.2 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.steel3d-root .s3d-ws-panel-status {
  color: rgba(212, 175, 55, 0.7) !important;
  -webkit-text-fill-color: rgba(212, 175, 55, 0.7) !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
}

/* WS-01 clean ingest */
.steel3d-root #s3dWs01 .s3d-ws01-presets {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 10px 12px 0 !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-preset {
  min-height: 40px !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
}
.steel3d-root #s3dWs01 #s3dSketchCanvasWrap,
.steel3d-root #s3dWs01 .s3d-ws01-paste-target {
  position: relative !important;
  min-height: 220px !important;
  margin: 12px !important;
  border: 1px dashed rgba(212, 175, 55, 0.45) !important;
  border-radius: 4px !important;
  background: #0B0E14 !important;
  outline: none !important;
  cursor: text !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}
.steel3d-root #s3dWs01 #s3dSketchCanvasWrap.is-drag,
.steel3d-root #s3dWs01 #s3dSketchCanvasWrap:focus {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.06) !important;
}
.steel3d-root #s3dWs01 #s3dSketchCanvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-ingest-hud {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  text-align: center !important;
  padding: 16px !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-ingest-hud.is-hidden {
  display: none !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-ingest-title {
  margin: 0 !important;
  color: #D4AF37 !important;
  font: 800 12px/1.2 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-ingest-sub {
  margin: 0 !important;
  color: #c5d0de !important;
  font: 400 12px/1.35 Arial, Helvetica, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-camera-video {
  position: absolute !important;
  inset: 8px !important;
  width: calc(100% - 16px) !important;
  height: calc(100% - 16px) !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  z-index: 3 !important;
  background: #000 !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 12px 12px !important;
}
.steel3d-root #s3dWs01 #s3dWsFile,
.steel3d-root #s3dWs01 input.s3d-ws-file,
.steel3d-root #s3dWs01 input.s3d-ws-file--debug {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Kill Dir 18/19 overlay label dropzone remnants */
.steel3d-root #s3dWs01 label.s3d-dropzone-container,
.steel3d-root #s3dWs01 #s3dWsDropZone {
  display: none !important;
}


/* ===== BUILD-2026-09-12ax: Directive 26 — professional industrial grade ===== */
.steel3d-root {
  --s3d-shell: #090B0E;
  --s3d-card: #111620;
  --s3d-well: #0D1118;
  --s3d-hairline: #1D2636;
  --s3d-muted: #606E85;
  --s3d-data: #F0F4F8;
  --s3d-accent: #D4AF37;
  --s3d-accent-rgb: 197, 160, 89;
  --s3d-btn-border: #283347;
  --s3d-draft-mat: #06080A;
  --s3d-viewport-well: #07090C;
  --s3d-bom-line: #19202D;
  --s3d-font-tech: "JetBrains Mono", "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Remap legacy bright gold → Brushed Precision Gold */
  --s3d-industrial-gold: #D4AF37 !important;
  --accent-cyan: #D4AF37 !important;
  --s3d-cyan: #D4AF37 !important;
  --s3d-cad-cyan: #D4AF37 !important;
  --accent-amber: #D4AF37 !important;
  --s3d-amber: #D4AF37 !important;
  --gold: #D4AF37 !important;
  --gold-bright: #D4AF37 !important;
  --gold-deep: #D4AF37 !important;
  --s3d-border-active: #D4AF37 !important;
  --s3d-safety: #D4AF37 !important;
  background: #090B0E !important;
  color: #F0F4F8 !important;
}

.steel3d-root #s3dSketchWorkspace,
.steel3d-root.s3d-mode-workspace {
  background: #090B0E !important;
}

/* Technical mono for numerical / BOM / designations */
.steel3d-root #s3dSketchWorkspace .s3d-bom-num,
.steel3d-root #s3dSketchWorkspace #s3dBomTotal,
.steel3d-root #s3dSketchWorkspace #s3dBomAreaTotal,
.steel3d-root #s3dSketchWorkspace #s3dBomTotalFoot,
.steel3d-root #s3dSketchWorkspace #s3dBomAreaFoot,
.steel3d-root #s3dSketchWorkspace #s3dWsBaselineReadout,
.steel3d-root #s3dSketchWorkspace #s3dWsCreditsCount,
.steel3d-root #s3dSketchWorkspace table.s3d-ws-table,
.steel3d-root #s3dSketchWorkspace .s3d-ws-table td,
.steel3d-root #s3dSketchWorkspace .s3d-ws-table th,
.steel3d-root #s3dSketchWorkspace .s3d-ws-panel-tag,
.steel3d-root #s3dSketchWorkspace .s3d-mono,
.steel3d-root #s3dSketchWorkspace .s3d-ws-readout,
.steel3d-root #s3dSketchWorkspace #s3dCoachStatus {
  font-family: var(--s3d-font-tech) !important;
  font-variant-numeric: tabular-nums !important;
}

.steel3d-root #s3dSketchWorkspace .s3d-area-banner,
.steel3d-root #s3dSketchWorkspace .s3d-ws-panel-tag,
.steel3d-root #s3dSketchWorkspace .s3d-ws-toolbar > span:first-child {
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

/* Kill intense glow shadows sitewide on buttons / cards in workspace */
.steel3d-root #s3dSketchWorkspace .s3d-btn,
.steel3d-root #s3dSketchWorkspace .s3d-btn-standard,
.steel3d-root nav.s3d-nav .s3d-btn,
.steel3d-root .s3d-btn:hover,
.steel3d-root .s3d-btn-standard:hover,
.steel3d-root .s3d-btn:focus-visible,
.steel3d-root .s3d-btn-standard:focus-visible,
.steel3d-root .s3d-ws-panel:hover,
.steel3d-root #s3dWs01:hover,
.steel3d-root #s3dWs02:hover,
.steel3d-root #s3dWs03:hover,
.steel3d-root #s3dWs04:hover {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Refined .s3d-btn controls */
.steel3d-root .s3d-btn,
.steel3d-root .s3d-btn-standard,
.steel3d-root a.s3d-btn,
.steel3d-root button.s3d-btn,
.steel3d-root a.s3d-btn-standard,
.steel3d-root button.s3d-btn-standard,
.steel3d-root .s3d-ws-pipe,
.steel3d-root .s3d-ws01-preset,
.steel3d-root #s3dWsFileBtn,
.steel3d-root #s3dWsCameraBtn,
.steel3d-root #s3dWsCameraSnap {
  background: #0D1118 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border: 1px solid #283347 !important;
  border-radius: 3px !important;
  font-family: var(--s3d-font-tech) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  transition: all 0.15s ease !important;
  box-shadow: none !important;
  outline: none !important;
}
.steel3d-root .s3d-btn:hover,
.steel3d-root .s3d-btn-standard:hover,
.steel3d-root a.s3d-btn:hover,
.steel3d-root button.s3d-btn:hover,
.steel3d-root .s3d-ws-pipe:hover,
.steel3d-root .s3d-ws01-preset:hover {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-btn:active,
.steel3d-root .s3d-btn-standard:active,
.steel3d-root .s3d-nav-active,
.steel3d-root a.s3d-nav-active,
.steel3d-root .s3d-btn.s3d-nav-active,
.steel3d-root .s3d-ws-mobile-tab.is-active,
.steel3d-root .s3d-ws-pipe.is-active {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.15) !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  box-shadow: none !important;
}

/* Workspace cards WS-01…04 */
.steel3d-root #s3dWs01,
.steel3d-root #s3dWs02,
.steel3d-root #s3dWs03,
.steel3d-root #s3dWs04 {
  background: #111620 !important;
  border: 1px solid #1D2636 !important;
  border-radius: 3px !important;
  border-left-width: 1px !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
}
.steel3d-root #s3dWs01:hover,
.steel3d-root #s3dWs02:hover,
.steel3d-root #s3dWs03:hover,
.steel3d-root #s3dWs04:hover {
  border-color: #283347 !important;
  box-shadow: none !important;
}

/* Header bands + engineered corner notches */
.steel3d-root #s3dSketchWorkspace .s3d-area-banner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: #0D1118 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border: none !important;
  border-bottom: 1px solid #1D2636 !important;
  border-left: none !important;
  border-radius: 0 !important;
  font-family: var(--s3d-font-tech) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-area-banner::before,
.steel3d-root #s3dSketchWorkspace .s3d-area-banner::after {
  content: "" !important;
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  border-color: #D4AF37 !important;
  border-style: solid !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-area-banner::before {
  top: 4px !important;
  left: 4px !important;
  border-width: 1px 0 0 1px !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-area-banner::after {
  top: 4px !important;
  right: 4px !important;
  border-width: 1px 1px 0 0 !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-panel-status {
  color: #606E85 !important;
  -webkit-text-fill-color: #606E85 !important;
  font-family: var(--s3d-font-tech) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
}
.steel3d-root #s3dSketchWorkspace .s3d-ws-toolbar {
  background: transparent !important;
  border-bottom: 1px solid #1D2636 !important;
  color: #606E85 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

/* WS-01 ingest tool strip */
.steel3d-root #s3dWs01 .s3d-ws01-presets {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  background: #0D1118 !important;
  border-bottom: 1px solid #1D2636 !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 8px 12px 12px !important;
  background: transparent !important;
}
.steel3d-root #s3dWs01 #s3dSketchCanvasWrap,
.steel3d-root #s3dWs01 .s3d-ws01-paste-target {
  background: #0D1118 !important;
  border: 1px solid #1D2636 !important;
  border-radius: 3px !important;
  margin: 12px !important;
}
.steel3d-root #s3dWs01 #s3dSketchCanvasWrap.is-drag,
.steel3d-root #s3dWs01 #s3dSketchCanvasWrap:focus {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.05) !important;
  box-shadow: none !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-ingest-title {
  color: #D4AF37 !important;
  font-family: var(--s3d-font-tech) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}
.steel3d-root #s3dWs01 .s3d-ws01-ingest-sub {
  color: #606E85 !important;
}
.steel3d-root #s3dWs01 #s3dWsFileBtn {
  /* sleek secondary toolbar action */
  border-color: #283347 !important;
  color: #606E85 !important;
  -webkit-text-fill-color: #606E85 !important;
}
.steel3d-root #s3dWs01 #s3dWsFileBtn:hover {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: #D4AF37 !important;
}

/* WS-02 recessed viewport well + corner crosshairs */
.steel3d-root #s3dWs02 .s3d-ws-view-wrap,
.steel3d-root #s3dFrameCanvasWrap {
  position: relative !important;
  background: #07090C !important;
  border: 1px solid #1D2636 !important;
  border-radius: 3px !important;
  margin: 10px 12px 12px !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35) !important;
  min-height: 280px !important;
}
.steel3d-root #s3dWs02 .s3d-ws-view-wrap::before,
.steel3d-root #s3dWs02 .s3d-ws-view-wrap::after,
.steel3d-root #s3dFrameCanvasWrap::before,
.steel3d-root #s3dFrameCanvasWrap::after {
  content: "" !important;
  position: absolute !important;
  width: 14px !important;
  height: 14px !important;
  border-color: rgba(212, 175, 55, 0.45) !important;
  border-style: solid !important;
  z-index: 6 !important;
  pointer-events: none !important;
  display: block !important;
}
.steel3d-root #s3dWs02 .s3d-ws-view-wrap::before,
.steel3d-root #s3dFrameCanvasWrap::before {
  top: 8px !important;
  left: 8px !important;
  border-width: 1px 0 0 1px !important;
}
.steel3d-root #s3dWs02 .s3d-ws-view-wrap::after,
.steel3d-root #s3dFrameCanvasWrap::after {
  top: 8px !important;
  right: 8px !important;
  border-width: 1px 1px 0 0 !important;
}
.steel3d-root #s3dCadViewerMount,
.steel3d-root #s3dCadViewerMount canvas {
  background: #07090C !important;
}

/* WS-03 BOM table */
.steel3d-root #s3dWs03 .s3d-ws-table,
.steel3d-root #s3dWs03 table {
  border-collapse: collapse !important;
  width: 100% !important;
  font-family: var(--s3d-font-tech) !important;
  font-size: 11px !important;
  color: #F0F4F8 !important;
}
.steel3d-root #s3dWs03 .s3d-ws-table th,
.steel3d-root #s3dWs03 .s3d-ws-table td,
.steel3d-root #s3dWs03 table th,
.steel3d-root #s3dWs03 table td {
  border: 1px solid #19202D !important;
  padding: 8px 10px !important;
  background: transparent !important;
}
.steel3d-root #s3dWs03 .s3d-ws-table tbody tr:nth-child(even) td,
.steel3d-root #s3dWs03 table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.01) !important;
}
.steel3d-root #s3dWs03 .s3d-bom-num,
.steel3d-root #s3dWs03 td.s3d-bom-num,
.steel3d-root #s3dWs03 th.s3d-bom-num {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
  color: #F0F4F8 !important;
}
.steel3d-root #s3dWs03 .s3d-ws-table thead th,
.steel3d-root #s3dWs03 table thead th {
  color: #606E85 !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: #0D1118 !important;
}

/* WS-04 A3 drafting mat */
.steel3d-root #s3dWs04 .s3d-ws04-stage,
.steel3d-root #s3dWs04Stage {
  background: #06080A !important;
  border: 1px solid #1D2636 !important;
  border-radius: 3px !important;
  padding: 18px !important;
  margin: 10px 12px 12px !important;
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.45) !important;
}
.steel3d-root #s3dWs04 .s3d-ws04-paper-frame,
.steel3d-root #s3dWs04PaperFrame {
  background: #f4f1ea !important;
  border: 1px solid #283347 !important;
  border-radius: 2px !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.55),
    0 2px 0 rgba(212, 175, 55, 0.15) !important;
  margin: 0 auto !important;
}

/* Remap leftover bright yellow accents inside workspace to brushed gold */
.steel3d-root #s3dSketchWorkspace [style*="#D4AF37"],
.steel3d-root #s3dSketchWorkspace [style*="#D4AF37"] {
  /* inline legend swatches still ok; force gold family via filter not reliable — override known classes */
}
.steel3d-root #s3dSketchWorkspace .s3d-ws02-legend i[style*="FFD700"],
.steel3d-root #s3dSketchWorkspace .s3d-ws02-legend i[style*="ffd700"] {
  background: #D4AF37 !important;
}
.steel3d-root #s3dSketchWorkspace a,
.steel3d-root #s3dSketchWorkspace .s3d-ws-credits-count,
.steel3d-root #s3dSketchWorkspace .s3d-export-brand {
  color: #D4AF37 !important;
}


/* ===== BUILD-2026-09-12ax: Directive 28 — stub ingest strip IDs ===== */
.steel3d-root #sketch-input.s3d-file-input,
#sketch-input.s3d-file-input {
  display: block !important;
  margin-top: 10px !important;
  width: calc(100% - 24px) !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
  margin-bottom: 12px !important;
  color: #F0F4F8 !important;
  font-family: var(--s3d-font-tech, "JetBrains Mono", ui-monospace, Consolas, monospace) !important;
  font-size: 11px !important;
  background: #0D1118 !important;
  border: 1px solid #1D2636 !important;
  border-radius: 3px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}
.steel3d-root #btn-ub457,
.steel3d-root #btn-pfc200,
.steel3d-root #btn-baseplate {
  flex: 1 1 auto !important;
}

/* Directive 33: owner unlimited badge */
.steel3d-root .s3d-ws-credits-badge.is-owner {
  border-color: #D4AF37 !important;
}
.steel3d-root .s3d-ws-credits-badge.is-owner .s3d-ws-credits-label,
.steel3d-root .s3d-ws-credits-badge.is-owner .s3d-ws-credits-count {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: #D4AF37;
  font-weight: 600;
}

/* Directive 37: WS-01..WS-04 — no gold/yellow accent borders (layout grid unchanged) */
.steel3d-root #s3dWs01,
.steel3d-root #s3dWs02,
.steel3d-root #s3dWs03,
.steel3d-root #s3dWs04,
.steel3d-root #s3dWs01.s3d-ws-panel,
.steel3d-root #s3dWs02.s3d-ws-panel,
.steel3d-root #s3dWs03.s3d-ws-panel,
.steel3d-root #s3dWs04.s3d-ws-panel,
.steel3d-root #s3dWs01.s3d-cad-frame,
.steel3d-root #s3dWs02.s3d-cad-frame,
.steel3d-root #s3dWs03.s3d-cad-frame,
.steel3d-root #s3dWs04.s3d-cad-frame,
.steel3d-root #s3dSketchWorkspace #s3dWs01,
.steel3d-root #s3dSketchWorkspace #s3dWs02,
.steel3d-root #s3dSketchWorkspace #s3dWs03,
.steel3d-root #s3dSketchWorkspace #s3dWs04 {
  border: 1px solid #1a1f26 !important;
  border-color: #1a1f26 !important;
  border-left: 1px solid #1a1f26 !important;
  border-right: 1px solid #1a1f26 !important;
  border-top: 1px solid #1a1f26 !important;
  border-bottom: 1px solid #1a1f26 !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}

/* Directive 41: parametric CAD toolbar (WS-01) */
.steel3d-root .s3d-parametric-bar {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 8px 0 10px !important;
  padding: 8px !important;
  background: #0D1118 !important;
  border: 1px solid #1a1f26 !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
}
@media (min-width: 900px) {
  .steel3d-root .s3d-parametric-bar {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.steel3d-root .s3d-parametric-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  color: #606E85 !important;
}
.steel3d-root .s3d-parametric-field span {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 700 !important;
}
.steel3d-root .s3d-parametric-field select,
.steel3d-root .s3d-parametric-field input {
  width: 100% !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  background: #111620 !important;
  color: #F0F4F8 !important;
  border: 1px solid #283347 !important;
  border-radius: 3px !important;
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace !important;
  font-size: 11px !important;
  padding: 6px 8px !important;
}
.steel3d-root .s3d-parametric-field select:focus,
.steel3d-root .s3d-parametric-field input:focus {
  outline: none !important;
  border-color: #D4AF37 !important;
}
.steel3d-root .s3d-parametric-field--macro {
  grid-column: 1 / -1 !important;
}
.steel3d-root .s3d-parametric-single {
  display: contents !important;
}
.steel3d-root .s3d-parametric-single[hidden] {
  display: none !important;
}
.steel3d-root .s3d-box-frame-fields {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.steel3d-root .s3d-box-frame-fields[hidden] {
  display: none !important;
}
.steel3d-root .s3d-parametric-field select,
.steel3d-root .s3d-parametric-field input {
  min-height: 48px !important;
}
.steel3d-root .s3d-ws-cutlist-hint {
  margin: 0 0 8px !important;
  padding: 0 2px !important;
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
  color: #D4AF37 !important;
}
@media (min-width: 900px) {
  .steel3d-root .s3d-box-frame-fields {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* ===== Directive 43: fixed CAD Control Deck + Primary Viewport ===== */
html[data-s3d-route="workspace"],
html[data-s3d-route="ws-01"],
html[data-s3d-route="ws-02"],
html[data-s3d-route="ws-03"],
html[data-s3d-route="ws-04"] {
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
}
html[data-s3d-route="workspace"] body,
html[data-s3d-route="ws-01"] body,
html[data-s3d-route="ws-02"] body,
html[data-s3d-route="ws-03"] body,
html[data-s3d-route="ws-04"] body {
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}
.steel3d-root.s3d-mode-workspace,
.steel3d-root[data-s3d-route="workspace"],
.steel3d-root[data-s3d-route="ws-01"],
.steel3d-root[data-s3d-route="ws-02"],
.steel3d-root[data-s3d-route="ws-03"],
.steel3d-root[data-s3d-route="ws-04"] {
  height: 100vh !important;
  max-height: 100vh !important;
  width: 100vw !important;
  max-width: 100vw !important;
  overflow: hidden !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation.s3d-ws--cad-deck {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
  padding: 48px 0 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  z-index: 35 !important;
  background: #0b0e14 !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck > .s3d-ws-station-head {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding: 4px 10px !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck > .s3d-ws-pipeline {
  display: none !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck > .s3d-ws-mobile-tabs {
  flex: 0 0 auto !important;
}
.steel3d-root #s3dWsPanels.s3d-ws-panels--cad-deck,
.steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck > .s3d-ws-panels,
.steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck > .s3d-ws-panels--cad-deck {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 340px minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
.steel3d-root .s3d-ws-control-deck {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-right: 1px solid #1a1f26 !important;
  background: #0e1218 !important;
  -webkit-overflow-scrolling: touch;
}
.steel3d-root .s3d-ws-control-deck #s3dWs01,
.steel3d-root .s3d-ws-control-deck #s3dWs03 {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-ws-control-deck #s3dWs01 {
  flex: 0 0 auto !important;
  border-bottom: 1px solid #1a1f26 !important;
}
.steel3d-root .s3d-ws-control-deck #s3dWs03 {
  flex: 1 1 auto !important;
  min-height: 180px !important;
  display: flex !important;
  flex-direction: column !important;
}
.steel3d-root .s3d-ws-control-deck #s3dWs01 .s3d-ws-canvas-wrap {
  min-height: 140px !important;
  max-height: 200px !important;
  height: 160px !important;
}
.steel3d-root .s3d-ws-control-deck #s3dWs03 .s3d-ws-bom-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
}
.steel3d-root .s3d-ws-control-deck .s3d-ws03-actions,
.steel3d-root .s3d-ws-control-deck .s3d-ws-export-row {
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.steel3d-root .s3d-ws-primary-viewport {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  background: #07090c !important;
}
.steel3d-root .s3d-ws-primary-viewport #s3dWs02,
.steel3d-root #s3dWs02.s3d-ws-panel--viewport {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.steel3d-root #s3dWs02.s3d-ws-panel--viewport > .s3d-area-banner,
.steel3d-root #s3dWs02.s3d-ws-panel--viewport > .s3d-ws-toolbar,
.steel3d-root #s3dWs02.s3d-ws-panel--viewport > .s3d-ws02-legend {
  display: none !important;
}
.steel3d-root #s3dWs02.s3d-ws-panel--viewport .s3d-ws-view-wrap,
.steel3d-root #s3dWs02.s3d-ws-panel--viewport #s3dFrameCanvasWrap {
  flex: 1 1 auto !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #07090c !important;
  overflow: hidden !important;
}
.steel3d-root #s3dCadViewerMount,
.steel3d-root #s3dCadViewerMount canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.steel3d-root .s3d-ws-float-toolbar {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  z-index: 100 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  max-width: calc(100% - 30px) !important;
  padding: 6px !important;
  background: rgba(11, 14, 20, 0.72) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 4px !important;
  backdrop-filter: blur(6px);
  pointer-events: auto !important;
}
.steel3d-root .s3d-ws-float-btn {
  appearance: none !important;
  border: 1px solid #283347 !important;
  background: rgba(14, 18, 24, 0.9) !important;
  color: #e8edf5 !important;
  font: 600 11px/1.2 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.02em !important;
  padding: 8px 10px !important;
  min-height: 36px !important;
  cursor: pointer !important;
  border-radius: 3px !important;
}
.steel3d-root .s3d-ws-float-btn:hover,
.steel3d-root .s3d-ws-float-btn:focus-visible {
  border-color: #D4AF37 !important;
  color: #fff !important;
  outline: none !important;
}
.steel3d-root .s3d-ws-float-btn[aria-pressed="false"] {
  color: #8a93a3 !important;
}
.steel3d-root .s3d-ws02-orbit-bar {
  display: none !important;
}
.steel3d-root #s3dWs04ZoomIn,
.steel3d-root #s3dWs04ZoomOut {
  display: none !important;
}
.steel3d-root .s3d-ws-sheet-drawer,
.steel3d-root #s3dWs04.s3d-ws-sheet-drawer {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  top: auto !important;
  height: 42% !important;
  max-height: 46% !important;
  z-index: 90 !important;
  display: none !important;
  flex-direction: column !important;
  background: rgba(11, 14, 20, 0.96) !important;
  border: 1px solid #283347 !important;
  border-radius: 4px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
  overflow: hidden !important;
}
.steel3d-root #s3dWs04.s3d-ws-sheet-drawer.is-open,
.steel3d-root .s3d-ws-primary-viewport.is-sheet-open #s3dWs04.s3d-ws-sheet-drawer {
  display: flex !important;
}
.steel3d-root #s3dWs04.s3d-ws-sheet-drawer .s3d-ws04-stage {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
@media (max-width: 1023px) {
  .steel3d-root #s3dWsPanels.s3d-ws-panels--cad-deck,
  .steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck > .s3d-ws-panels--cad-deck {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(0, 42%) minmax(0, 58%) !important;
  }
  .steel3d-root .s3d-ws-control-deck {
    grid-column: 1 !important;
    grid-row: 1 !important;
    border-right: none !important;
    border-bottom: 1px solid #1a1f26 !important;
  }
  .steel3d-root .s3d-ws-primary-viewport {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}

/* ===== Directive 46.4: hide owner access overlay + restore WS scroll ===== */
.steel3d-root .s3d-ws-credits-badge,
.steel3d-root .s3d-ws-credits-badge--header,
.steel3d-root .s3d-credits-wireframe,
.steel3d-root #s3dWsCreditsBadge,
.steel3d-root #s3dHeadCreditsBadge,
#s3dWsCreditsBadge,
#s3dHeadCreditsBadge,
#s3dHeadUtil {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Unlock page + workspace wrappers (override Directive 43 100vh / overflow:hidden) */
html[data-s3d-route="workspace"],
html[data-s3d-route="ws-01"],
html[data-s3d-route="ws-02"],
html[data-s3d-route="ws-03"],
html[data-s3d-route="ws-04"] {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: none !important;
}
html[data-s3d-route="workspace"] body,
html[data-s3d-route="ws-01"] body,
html[data-s3d-route="ws-02"] body,
html[data-s3d-route="ws-03"] body,
html[data-s3d-route="ws-04"] body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: none !important;
}
.steel3d-root.s3d-mode-workspace,
.steel3d-root[data-s3d-route="workspace"],
.steel3d-root[data-s3d-route="ws-01"],
.steel3d-root[data-s3d-route="ws-02"],
.steel3d-root[data-s3d-route="ws-03"],
.steel3d-root[data-s3d-route="ws-04"] {
  height: auto !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation.s3d-ws--cad-deck,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation,
html[data-s3d-route="workspace"] #s3dSketchWorkspace.s3d-ws--workstation,
html[data-s3d-route="ws-01"] #s3dSketchWorkspace.s3d-ws--workstation,
html[data-s3d-route="ws-02"] #s3dSketchWorkspace.s3d-ws--workstation,
html[data-s3d-route="ws-03"] #s3dSketchWorkspace.s3d-ws--workstation,
html[data-s3d-route="ws-04"] #s3dSketchWorkspace.s3d-ws--workstation {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100vw !important;
  height: auto !important;
  min-height: calc(100vh - 48px) !important;
  min-height: calc(100dvh - 48px) !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
.steel3d-root #s3dWsPanels.s3d-ws-panels--cad-deck,
.steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck > .s3d-ws-panels,
.steel3d-root #s3dSketchWorkspace.s3d-ws--cad-deck > .s3d-ws-panels--cad-deck,
.steel3d-root #s3dSketchWorkspace.s3d-ws--workstation > .s3d-ws-panels {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
.steel3d-root #s3dWs01,
.steel3d-root #s3dWs02,
.steel3d-root #s3dWs03,
.steel3d-root #s3dWs04 {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
.steel3d-root .s3d-ws-control-deck,
.steel3d-root .s3d-ws-primary-viewport {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 280px !important;
}

/* ===== Directive 46.5: WS-02 scroll pass-through + zoom/pan + WS-04 card bounds ===== */
.steel3d-root #s3dFrameCanvasWrap,
.steel3d-root #s3dWs02 .s3d-ws-view-wrap,
.steel3d-root #s3dWs02 #s3dCadViewerMount,
.steel3d-root #s3dWs02 #s3dCadViewerMount canvas,
.steel3d-root #s3dWs02 #s3dFrameCanvas {
  touch-action: pan-y !important;
  overscroll-behavior: auto !important;
  /* Idle: allow page wheel; drag still receives pointer events */
  pointer-events: auto !important;
}
.steel3d-root #s3dWs02 .s3d-ws-float-toolbar,
.steel3d-root #s3dWs02 .s3d-ws-float-btn {
  pointer-events: auto !important;
  z-index: 120 !important;
}
html.s3d-ws02-orbiting .steel3d-root #s3dWs02 .s3d-ws-view-wrap,
html.s3d-ws02-orbiting .steel3d-root #s3dWs02 #s3dCadViewerMount,
html.s3d-ws02-orbiting .steel3d-root #s3dWs02 #s3dCadViewerMount canvas {
  touch-action: none !important;
  overscroll-behavior: none !important;
}

.steel3d-root #s3dWs04,
.steel3d-root #s3dWs04.s3d-ws-sheet-drawer,
.steel3d-root #s3dWs04.s3d-ws-panel {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  min-width: 0 !important;
}
.steel3d-root #s3dWs04 .s3d-ws04-stage,
.steel3d-root #s3dWs04Stage {
  max-width: 100% !important;
  overflow-x: auto !important;
  box-sizing: border-box !important;
}
.steel3d-root #s3dWs04 .s3d-ws04-paper-frame,
.steel3d-root #s3dWs04PaperFrame {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.steel3d-root #s3dWs04Empty,
.steel3d-root .s3d-ws04-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  min-height: 160px;
  padding: 20px 18px;
  margin: 0 0 12px;
  box-sizing: border-box;
  max-width: 100%;
  border: 1px dashed rgba(212, 175, 55, 0.45);
  background: rgba(10, 13, 20, 0.85);
  color: #9aabc0;
}
.steel3d-root #s3dWs04Empty[hidden],
.steel3d-root .s3d-ws04-empty[hidden] {
  display: none !important;
}
.steel3d-root .s3d-ws04-empty-title {
  margin: 0;
  color: #D4AF37;
  font: 600 13px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.steel3d-root .s3d-ws04-empty-copy {
  margin: 0;
  font: 400 13px/1.45 Arial, Helvetica, sans-serif;
}
.steel3d-root #s3dPan[aria-pressed="true"] {
  border-color: #D4AF37 !important;
  color: #fff !important;
}

/* ===== Directive 46.8: disable WS-01 sketch drop zone; parametric-only ===== */
.steel3d-root #s3dWs01.s3d-ws01--parametric-only .s3d-ws01-sketch-disabled,
.steel3d-root #s3dWs01[data-s3d-sketch-parser="off"] .s3d-ws01-sketch-disabled,
.steel3d-root #s3dWs01[data-s3d-sketch-parser="off"] #s3dSketchCanvasWrap,
.steel3d-root #s3dSketchCanvasWrap.s3d-ws01-sketch-disabled {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.steel3d-root #s3dWs01[data-s3d-sketch-parser="off"] #sketch-input,
.steel3d-root #s3dWs01[data-s3d-sketch-parser="off"] #sketch-file-input,
.steel3d-root #s3dWs01[data-s3d-sketch-parser="off"] .s3d-ws01-actions {
  display: none !important;
}

/* ===== Directive 46.8: WS-04 panel + inner sheet/table overflow containment ===== */
.steel3d-root #s3dWs04,
.steel3d-root #s3dWs04 *,
.steel3d-root #s3dWs04Stage,
.steel3d-root #s3dWs04PaperFrame,
.steel3d-root #s3dWs04Frame,
.steel3d-root #s3dWs04 .s3d-ws04-stage,
.steel3d-root #s3dWs04 .s3d-ws04-paper-frame,
.steel3d-root #s3dWs04 .s3d-ws04-frame,
.steel3d-root #s3dWs04 table,
.steel3d-root #s3dWs04 pre,
.steel3d-root #s3dWs04 canvas {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.steel3d-root #s3dWs04 table,
.steel3d-root #s3dWs04 pre,
.steel3d-root #s3dWs04 .s3d-sheet-bom-wrap,
.steel3d-root #s3dWs04 iframe {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}
.steel3d-root #s3dWs04 iframe#s3dWs04Frame {
  width: 100% !important;
  max-width: 100% !important;
}



/* ===== BUILD-2026-09-15d47e: Directive 47.1 detailing landing (WS UI removed; content kept) ===== */
.steel3d-root .s3d-industrial-note {
  margin: 0.75rem auto 0;
  max-width: 42rem;
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.45;
  text-align: center;
}
.steel3d-root .s3d-services-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.steel3d-root .s3d-service-card {
  cursor: default;
}
.steel3d-root .s3d-service-card strong {
  display: block;
  margin: 0.35rem 0 0.4rem;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-services-grid {
    grid-template-columns: 1fr;
  }
}
.steel3d-root #s3dSketchWorkspace,
.steel3d-root .s3d-ws--workstation,
.steel3d-root .s3d-ws-pipeline,
.steel3d-root .s3d-nav-workspace,
.steel3d-root a[data-s3d-route="workspace"],
.steel3d-root a[data-s3d-route="ws-01"],
.steel3d-root a[data-s3d-route="ws-02"],
.steel3d-root a[data-s3d-route="ws-03"],
.steel3d-root a[data-s3d-route="ws-04"] {
  display: none !important;
}
.steel3d-root.s3d-mode-landing main > .s3d-industrial-hero,
.steel3d-root.s3d-mode-landing main > .s3d-feature-grid-wrap,
.steel3d-root.s3d-mode-landing main > .s3d-process-flow,
.steel3d-root.s3d-mode-landing main > .s3d-showcase-wrap,
.steel3d-root.s3d-mode-landing main > .s3d-credentials,
.steel3d-root.s3d-mode-landing main > .s3d-docs-section,
.steel3d-root.s3d-mode-landing main > .s3d-contact-section,
.steel3d-root.s3d-mode-landing main > .s3d-quote-submit,
.steel3d-root.s3d-mode-landing main > .s3d-client-register {
  display: block !important;
  visibility: visible !important;
}


/* ===== BUILD-2026-09-15d47e: Directive 47.2 marketing landing (pasted design) ===== */
.steel3d-root {
  --s3d-mkt-bg: #080a0f;
  --s3d-mkt-panel: #10141e;
  --s3d-mkt-card: #161b26;
  --s3d-mkt-border: #232a3b;
  --s3d-mkt-cyan: #00e5ff;
  --s3d-mkt-glow: rgba(0, 229, 255, 0.15);
  --s3d-mkt-muted: #9ca3af;
  --s3d-mkt-silver: #d1d5db;
}
.steel3d-root.s3d-mode-landing {
  background-color: var(--s3d-mkt-bg);
  background-image:
    radial-gradient(circle at 50% 0%, rgba(0, 229, 255, 0.08) 0%, transparent 70%),
    linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: 100% 100%, 40px 40px, 40px 40px;
}
.steel3d-root .s3d-mkt-hero {
  max-width: 1200px;
  margin: 0 auto 0;
  padding: 72px 1.25rem 0;
  text-align: center;
  scroll-margin-top: calc(var(--s3d-head-h, 88px) + 16px);
}
.steel3d-root .s3d-mkt-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 1rem;
  background: rgba(0, 229, 255, 0.08);
  border: 1px solid var(--s3d-mkt-cyan);
  border-radius: 20px;
  color: var(--s3d-mkt-cyan);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 auto 1.5rem;
}
.steel3d-root .s3d-mkt-logo {
  display: block;
  width: min(420px, 72vw);
  height: auto;
  margin: 0 auto 1.75rem;
}
.steel3d-root .s3d-mkt-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0 0 1.5rem;
}
.steel3d-root .s3d-mkt-title-line {
  display: block;
  background: linear-gradient(180deg, #ffffff 0%, var(--s3d-mkt-silver) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.steel3d-root .s3d-mkt-title-highlight {
  display: block;
  background: linear-gradient(90deg, var(--s3d-mkt-cyan), #FFD700);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.steel3d-root .s3d-mkt-lead {
  max-width: 680px;
  margin: 0 auto 2.5rem;
  color: var(--s3d-mkt-muted);
  font-size: 1.15rem;
  line-height: 1.6;
}
.steel3d-root .s3d-mkt-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.steel3d-root .s3d-mkt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.75rem 1.75rem;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.steel3d-root .s3d-mkt-btn--primary {
  background: linear-gradient(135deg, var(--s3d-mkt-cyan), #0088ff);
  color: #000;
  border: none;
  box-shadow: 0 0 20px var(--s3d-mkt-glow);
}
.steel3d-root .s3d-mkt-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 30px rgba(0, 229, 255, 0.4);
  color: #000;
}
.steel3d-root .s3d-mkt-btn--outline {
  border: 1px solid var(--s3d-mkt-border);
  background: var(--s3d-mkt-panel);
  color: #fff;
  font-weight: 600;
}
.steel3d-root .s3d-mkt-btn--outline:hover {
  border-color: var(--s3d-mkt-cyan);
  color: var(--s3d-mkt-cyan);
}
.steel3d-root .s3d-mkt-stats {
  max-width: 1100px;
  margin: 4rem auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  padding: 2rem;
  background: var(--s3d-mkt-panel);
  border: 1px solid var(--s3d-mkt-border);
  border-radius: 8px;
}
.steel3d-root .s3d-mkt-stat { text-align: center; }
.steel3d-root .s3d-mkt-stat-value {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 800;
  color: var(--s3d-mkt-cyan);
}
.steel3d-root .s3d-mkt-stat-label {
  color: var(--s3d-mkt-muted);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 0.25rem;
}
.steel3d-root .s3d-mkt-services {
  max-width: 1200px;
  margin: 4rem auto 2rem;
  padding: 0 2rem;
}
.steel3d-root .s3d-mkt-section-title {
  text-align: center;
  margin-bottom: 3rem;
}
.steel3d-root .s3d-mkt-section-title h2 {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  margin: 0;
}
.steel3d-root .s3d-mkt-section-title p {
  color: var(--s3d-mkt-muted);
  margin-top: 0.5rem;
}
.steel3d-root .s3d-mkt-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
.steel3d-root .s3d-mkt-card {
  background: var(--s3d-mkt-card);
  border: 1px solid var(--s3d-mkt-border);
  padding: 2.5rem 2rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.steel3d-root .s3d-mkt-card:hover {
  transform: translateY(-5px);
  border-color: var(--s3d-mkt-cyan);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 15px var(--s3d-mkt-glow);
}
.steel3d-root .s3d-mkt-card-idx {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--s3d-mkt-cyan);
  letter-spacing: 2px;
  margin-bottom: 1rem;
}
.steel3d-root .s3d-mkt-card h3 {
  font-size: 1.15rem;
  margin: 0 0 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
}
.steel3d-root .s3d-mkt-card p {
  color: var(--s3d-mkt-muted);
  font-size: 0.92rem;
  margin: 0;
  line-height: 1.55;
}
.steel3d-root .s3d-mkt-cta {
  max-width: 1200px;
  margin: 4rem auto 3rem;
  padding: 4rem 2rem;
  background: linear-gradient(135deg, #10141e 0%, #0a0d14 100%);
  border: 1px solid var(--s3d-mkt-cyan);
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 0 40px var(--s3d-mkt-glow);
}
.steel3d-root .s3d-mkt-cta h2 {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  text-transform: uppercase;
  margin: 0 0 1rem;
  color: #fff;
}
.steel3d-root .s3d-mkt-cta p {
  color: var(--s3d-mkt-muted);
  max-width: 600px;
  margin: 0 auto 2rem;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-mkt-stats,
  .steel3d-root .s3d-mkt-grid {
    grid-template-columns: 1fr;
  }
  .steel3d-root .s3d-mkt-hero {
    padding-top: calc(var(--s3d-head-h, 72px) + 1.5rem);
  }
}
.steel3d-root.s3d-mode-landing main > .s3d-mkt-hero,
.steel3d-root.s3d-mode-landing main > .s3d-mkt-stats,
.steel3d-root.s3d-mode-landing main > .s3d-mkt-services,
.steel3d-root.s3d-mode-landing main > .s3d-mkt-cta,
.steel3d-root.s3d-mode-landing main > .s3d-mkt-faq {
  display: block !important;
  visibility: visible !important;
}
.steel3d-root.s3d-mode-landing main > .s3d-mkt-stats {
  display: grid !important;
}


/* ===== BUILD-2026-09-15d47e: Directive 47.3 full Advance Steel landing ===== */
.steel3d-root .s3d-mkt-hero--steel {
  position: relative;
  max-width: none;
  margin: 0;
  padding: 0;
  min-height: min(92vh, 920px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  scroll-margin-top: calc(var(--s3d-head-h, 88px) + 16px);
}
.steel3d-root .s3d-mkt-hero-bg {
  position: absolute;
  inset: 0;
  background-color: #080a0f;
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
}
.steel3d-root .s3d-mkt-hero-vignette {
  position: absolute;
  inset: 0;
  background: rgba(8, 10, 15, 0.58);
  z-index: 1;
  pointer-events: none;
}
.steel3d-root .s3d-mkt-hero--steel .s3d-mkt-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: calc(var(--s3d-head-h, 88px) + 2.5rem) 2rem 3.5rem;
}
.steel3d-root .s3d-mkt-stats--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.steel3d-root .s3d-mkt-workflow {
  max-width: 1100px;
  margin: 0 auto 4rem;
  padding: 0 2rem;
}
.steel3d-root .s3d-mkt-workflow-steps {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: grid;
  gap: 1rem;
}
.steel3d-root .s3d-mkt-workflow-steps li {
  background: var(--s3d-mkt-panel, #10141e);
  border: 1px solid var(--s3d-mkt-border, #232a3b);
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
  display: grid;
  gap: 0.35rem;
}
.steel3d-root .s3d-mkt-workflow-steps strong {
  color: var(--s3d-mkt-cyan, #00e5ff);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.steel3d-root .s3d-mkt-workflow-steps span {
  color: var(--s3d-mkt-muted, #9ca3af);
  line-height: 1.55;
}
.steel3d-root .s3d-mkt-compat {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}
.steel3d-root .s3d-mkt-compat li {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  padding: 0.55rem 1rem;
  border: 1px solid var(--s3d-mkt-border, #232a3b);
  border-radius: 4px;
  background: var(--s3d-mkt-card, #161b26);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
}
.steel3d-root .s3d-mkt-workflow-note {
  text-align: center;
  color: var(--s3d-mkt-muted, #9ca3af);
  margin: 0;
}
.steel3d-root .s3d-mkt-workflow-note a {
  color: var(--s3d-mkt-cyan, #00e5ff);
}
.steel3d-root .s3d-legal-foot--clean {
  border-top: 1px solid var(--s3d-mkt-border, #232a3b);
  background: #080a0f;
  padding: 1.75rem 1.25rem;
}
.steel3d-root .s3d-legal-foot--clean .s3d-legal-foot-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  text-align: center;
}
.steel3d-root .s3d-legal-foot--clean .s3d-legal-foot-copy {
  margin: 0;
  color: #fff;
  font-weight: 600;
}
.steel3d-root .s3d-legal-foot--clean .s3d-legal-foot-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 0.75rem;
  align-items: center;
}
.steel3d-root .s3d-legal-foot--clean .s3d-legal-foot-disclaimer {
  margin: 0;
  color: var(--s3d-mkt-muted, #9ca3af);
  font-size: 0.85rem;
  line-height: 1.45;
}
.steel3d-root #s3dSketchWorkspace,
.steel3d-root .s3d-ws--workstation,
.steel3d-root .s3d-ws-pipeline,
.steel3d-root .s3d-nav-workspace,
.steel3d-root a[data-s3d-route="workspace"],
.steel3d-root a[data-s3d-route="ws-01"],
.steel3d-root a[data-s3d-route="ws-02"],
.steel3d-root a[data-s3d-route="ws-03"],
.steel3d-root a[data-s3d-route="ws-04"] {
  display: none !important;
}
.steel3d-root.s3d-mode-landing main > .s3d-mkt-hero,
.steel3d-root.s3d-mode-landing main > .s3d-mkt-stats,
.steel3d-root.s3d-mode-landing main > .s3d-mkt-services,
.steel3d-root.s3d-mode-landing main > .s3d-mkt-workflow,
.steel3d-root.s3d-mode-landing main > .s3d-mkt-cta,
.steel3d-root.s3d-mode-landing main > .s3d-process-flow,
.steel3d-root.s3d-mode-landing main > .s3d-showcase-wrap,
.steel3d-root.s3d-mode-landing main > .s3d-credentials,
.steel3d-root.s3d-mode-landing main > .s3d-docs-section,
.steel3d-root.s3d-mode-landing main > .s3d-contact-section,
.steel3d-root.s3d-mode-landing main > .s3d-quote-submit,
.steel3d-root.s3d-mode-landing main > .s3d-client-register {
  display: block !important;
  visibility: visible !important;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-mkt-stats--4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .steel3d-root .s3d-mkt-stats--4 {
    grid-template-columns: 1fr;
  }
}


/* ===== BUILD-2026-09-15d47e: Directive 47.4 harmonization + draughting estimator + responsive ===== */
.steel3d-root {
  --s3d-bg: #080A0F;
  --s3d-panel: #10141E;
  --s3d-accent: #00E5FF;
  --s3d-steel: #D1D5DB;
  --s3d-mkt-bg: #080A0F;
  --s3d-mkt-panel: #10141E;
  --s3d-mkt-card: #10141E;
  --s3d-mkt-cyan: #00E5FF;
  --s3d-mkt-silver: #D1D5DB;
  --s3d-mkt-glow: rgba(0, 229, 255, 0.18);
  --s3d-mkt-muted: #9ca3af;
  --s3d-mkt-border: #232a3b;
  background-color: var(--s3d-bg);
  color: var(--s3d-steel);
  overflow-x: hidden;
  max-width: 100vw;
}
.steel3d-root.s3d-mode-landing {
  background-color: var(--s3d-bg);
}
.steel3d-root .s3d-mkt-hero-vignette {
  background: rgba(8, 10, 15, 0.58) !important;
}
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-mkt-stats,
.steel3d-root .s3d-mkt-workflow-steps li,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-process-panel {
  background: var(--s3d-panel);
  color: var(--s3d-steel);
}
.steel3d-root .s3d-mkt-title-highlight,
.steel3d-root .s3d-mkt-stat-value,
.steel3d-root .s3d-mkt-card-idx,
.steel3d-root .s3d-process-badge,
.steel3d-root .s3d-pricing-fee {
  color: var(--s3d-accent);
}
.steel3d-root .s3d-mkt-title,
.steel3d-root .s3d-process-heading,
.steel3d-root .s3d-draft-estimator h2 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
}
.steel3d-root .s3d-mkt-lead,
.steel3d-root .s3d-process-lead,
.steel3d-root .s3d-draft-lead {
  font-size: clamp(1rem, 2.4vw, 1.15rem);
}
.steel3d-root .s3d-btn,
.steel3d-root .s3d-mkt-btn,
.steel3d-root .s3d-process-step {
  min-height: 48px;
}
.steel3d-root .s3d-process-timeline--4,
.steel3d-root .s3d-process-timeline--5 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: stretch;
}
.steel3d-root .s3d-process-timeline--4 .s3d-process-arrow,
.steel3d-root .s3d-process-timeline--5 .s3d-process-arrow {
  display: none;
}
.steel3d-root .s3d-draft-estimator {
  max-width: 1100px;
  margin: 0 auto 3.5rem;
  padding: 0 1.25rem;
}
.steel3d-root .s3d-draft-kicker {
  color: var(--s3d-accent);
  font-size: 0.8rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}
.steel3d-root .s3d-draft-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.steel3d-root .s3d-draft-form {
  display: grid;
  gap: 1rem;
  background: var(--s3d-panel);
  border: 1px solid var(--s3d-mkt-border);
  border-radius: 8px;
  padding: 1.5rem;
}
.steel3d-root .s3d-draft-form label {
  display: grid;
  gap: 0.4rem;
  color: var(--s3d-steel);
  font-size: 0.9rem;
}
.steel3d-root .s3d-draft-form input,
.steel3d-root .s3d-draft-form select {
  min-height: 48px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: #080A0F;
  border: 1px solid var(--s3d-mkt-border);
  color: #fff;
  border-radius: 4px;
  padding: 0.65rem 0.85rem;
  font-size: 1rem;
}
.steel3d-root .s3d-draft-card {
  border: 1px solid var(--s3d-mkt-border);
  border-radius: 8px;
  padding: 1.5rem;
}
.steel3d-root .s3d-draft-turnaround {
  color: var(--s3d-accent);
  font-weight: 700;
  margin: 0.35rem 0 1rem;
}
.steel3d-root .s3d-draft-note {
  color: var(--s3d-mkt-muted);
  font-size: 0.9rem;
  margin-top: 1rem;
}
.steel3d-root .s3d-draft-note a {
  color: var(--s3d-accent);
}
.steel3d-root.s3d-mode-landing main > .s3d-draft-estimator {
  display: block !important;
  visibility: visible !important;
}
.steel3d-root .s3d-pricing-turnaround {
  color: var(--s3d-accent);
  font-weight: 700;
  margin: 0 0 0.75rem;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-mkt-stats,
  .steel3d-root .s3d-mkt-stats--4,
  .steel3d-root .s3d-mkt-grid,
  .steel3d-root .s3d-draft-layout,
  .steel3d-root .s3d-pricing-layout,
  .steel3d-root .s3d-process-timeline,
  .steel3d-root .s3d-process-timeline--4,
  .steel3d-root .s3d-process-timeline--5,
  .steel3d-root .s3d-mkt-compat {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }
  .steel3d-root .s3d-process-timeline--4 .s3d-process-step,
  .steel3d-root .s3d-process-timeline--5 .s3d-process-step {
    width: 100%;
  }
  .steel3d-root .s3d-mkt-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .steel3d-root .s3d-mkt-btn {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .steel3d-root .s3d-mkt-hero--steel .s3d-mkt-hero-inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


/* ===== BUILD-2026-09-15d47e: Directive 47.6 zero yellow/gold — steel blue #D4AF37 ===== */
.steel3d-root {
  --accent-blue: #D4AF37;
  --accent-cyan: #D4AF37;
  --accent-amber: #D4AF37;
  --accent-bright: #D4AF37;
  --accent-deep: #D4AF37;
  --gold: #D4AF37;
  --gold-bright: #D4AF37;
  --gold-deep: #D4AF37;
  --gold-soft: rgba(212, 175, 55, 0.2);
  --gold-glow: rgba(212, 175, 55, 0.25);
  --copper: #D4AF37;
  --line-gold: rgba(212, 175, 55, 0.45);
  --s3d-safety: #D4AF37;
  --s3d-cad-cyan: #D4AF37;
  --s3d-cyan: #D4AF37;
  --s3d-amber: #D4AF37;
  --s3d-green: #D4AF37;
  --s3d-accent: #D4AF37;
  --s3d-border-active: #D4AF37;
  --s3d-mkt-cyan: #D4AF37;
  --s3d-proc-cyan: #D4AF37;
  --s3d-proc-amber: #D4AF37;
  --border-cyan-glow: #D4AF37;
  --shadow-card-hover: 0 0 0 1px #D4AF37, 0 0 22px rgba(212, 175, 55, 0.25);
}
.steel3d-root .s3d-btn:focus-visible,
.steel3d-root .s3d-mkt-btn:focus-visible,
.steel3d-root .s3d-process-step.is-active {
  box-shadow: 0 0 0 2px #D4AF37, 0 0 18px rgba(212, 175, 55, 0.25);
}




/* ===== BUILD-2026-09-15d47e: Directive 47.9 estimator revision policy ===== */
.steel3d-root .s3d-draft-stage {
  display: grid;
  gap: 0.55rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--s3d-mkt-border, #232a3b);
  border-radius: 6px;
  background: #080A0F;
}
.steel3d-root .s3d-draft-stage legend {
  padding: 0 0.35rem;
  color: var(--s3d-accent, #D4AF37);
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.steel3d-root .s3d-draft-stage-opt {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-height: 48px;
  color: var(--s3d-steel, #D1D5DB);
  font-size: 0.92rem;
  line-height: 1.35;
  cursor: pointer;
}
.steel3d-root .s3d-draft-stage-opt input {
  margin-top: 0.2rem;
  accent-color: var(--s3d-accent, #D4AF37);
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
.steel3d-root .s3d-draft-rev-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0 0 0.85rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid var(--s3d-accent, #D4AF37);
  border-radius: 4px;
  background: rgba(212, 175, 55, 0.1);
  color: var(--s3d-accent, #D4AF37);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.35;
}
.steel3d-root .s3d-draft-rev-disclaimer {
  margin: 0.85rem 0 0;
  border: 1px solid var(--s3d-mkt-border, #232a3b);
  border-radius: 4px;
  background: rgba(8, 10, 15, 0.65);
}
.steel3d-root .s3d-draft-rev-disclaimer > summary {
  list-style: none;
  cursor: pointer;
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 0.65rem 0.85rem;
  color: var(--s3d-accent, #D4AF37);
  font-size: 0.82rem;
  font-weight: 700;
}
.steel3d-root .s3d-draft-rev-disclaimer > summary::-webkit-details-marker { display: none; }
.steel3d-root .s3d-draft-rev-disclaimer[open] > summary {
  border-bottom: 1px solid var(--s3d-mkt-border, #232a3b);
}
.steel3d-root .s3d-draft-rev-disclaimer p {
  margin: 0;
  padding: 0.75rem 0.85rem 0.9rem;
  color: var(--s3d-mkt-muted, #9ca3af);
  font-size: 0.85rem;
  line-height: 1.45;
}


/* ===== BUILD-2026-09-15d47e: Directive 47.10 CDN background URL lock & z-index repair ===== */
:root {
  --s3d-hero-bg-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp");
}

html:has(.steel3d-root),
body:has(.steel3d-root),
body:has(#steel3d-top),
html:has(#steel3d-top),
body {
  position: relative !important;
  background-color: #080A0F !important;
  background-image: none !important;
  min-height: 100vh !important;
  color: #ffffff;
}

/* IMAGE — fixed full-screen (mobile / desktop / Safari) */
body::before,
body:has(.steel3d-root)::before,
body:has(#steel3d-top)::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1.0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}

/* VIGNETTE */
body::after,
body:has(.steel3d-root)::after,
body:has(#steel3d-top)::after {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: rgba(13, 17, 23, 0.7) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Prevent card/wrapper blocking */
.steel3d-root,
.steel3d-root.s3d-mode-landing,
.steel3d-root #steel3d-main,
.steel3d-root main,
.steel3d-root.s3d-mode-landing main,
#steel3d-top,
#root,
#app {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
  z-index: 1;
}

.steel3d-root #steel3d-main > section,
.steel3d-root .s3d-mkt-hero,
.steel3d-root .s3d-mkt-hero--steel,
.steel3d-root .s3d-process-flow,
.steel3d-root .s3d-showcase-wrap,
.steel3d-root .s3d-credentials,
.steel3d-root .s3d-docs-section,
.steel3d-root .s3d-contact-section,
.steel3d-root .s3d-quote-submit,
.steel3d-root .s3d-client-register,
.steel3d-root .s3d-draft-estimator,
.steel3d-root .s3d-mkt-workflow,
.steel3d-root .s3d-mkt-services,
.steel3d-root .s3d-mkt-cta {
  background: transparent !important;
  background-color: transparent !important;
}

.steel3d-root .s3d-bg-stack,
.steel3d-root .s3d-bg-stack--cad,
.steel3d-root .s3d-mkt-hero-bg,
.steel3d-root .s3d-mkt-hero-vignette {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Cards / panels keep solid fills */
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-mkt-stats,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-draft-form,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-mkt-workflow-steps li {
  background-color: #10141E !important;
}


/* ===== BUILD-2026-09-15d47e: Directive 47.13 JS mount override & transparency lock ===== */
html, body {
  background-color: #080a0f !important;
  background-image: none !important;
  position: relative !important;
  min-height: 100vh !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1.0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}
#root, #app, #__next, main, [data-reactroot], .app-wrapper, .page-wrapper,
#steel3d-top, .steel3d-root, #steel3d-main {
  background: transparent !important;
  background-color: transparent !important;
}




/* ===== BUILD-2026-09-15d47e: Directive 47.14 mobile dark vignette & yellow SVG purge ===== */
body::after {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(13, 17, 23, 0.7) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}
* {
  -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2) !important;
}
svg path[fill="#D4AF37"], svg path[fill="#D4AF37"], svg path[fill="#D4AF37"],
svg path[fill="#D4AF37"], svg path[fill="#D4AF37"], svg path[fill="#D4AF37"],
svg path[fill="#D4AF37"], svg path[fill="#D4AF37"],
svg [fill="#D4AF37"], svg [fill="#D4AF37"], svg [fill="#D4AF37"],
svg [fill="#D4AF37"], svg [fill="#D4AF37"], svg [fill="#D4AF37"],
svg [fill="#D4AF37"], svg [fill="#D4AF37"] {
  fill: #D4AF37 !important;
}
svg path[stroke="#D4AF37"], svg path[stroke="#D4AF37"], svg path[stroke="#D4AF37"],
svg path[stroke="#D4AF37"], svg path[stroke="#D4AF37"], svg path[stroke="#D4AF37"],
svg path[stroke="#D4AF37"], svg path[stroke="#D4AF37"],
svg [stroke="#D4AF37"], svg [stroke="#D4AF37"], svg [stroke="#D4AF37"],
svg [stroke="#D4AF37"], svg [stroke="#D4AF37"], svg [stroke="#D4AF37"],
svg [stroke="#D4AF37"], svg [stroke="#D4AF37"] {
  stroke: #D4AF37 !important;
}


/* ===== BUILD-2026-09-16d47f: Directive 47.16 How it works — steel blue badges/cards (mobile !important lock) ===== */
.step-badge,
.process-number,
[data-step-number],
.steel3d-root .step-badge,
.steel3d-root .process-number,
.steel3d-root [data-step-number],
.steel3d-root .s3d-process-badge,
.steel3d-root .s3d-process-step .s3d-process-badge,
.steel3d-root #s3dProcessTabs .s3d-process-badge,
.steel3d-root #s3dProcessTab01 .s3d-process-badge,
.steel3d-root #s3dProcessTab02 .s3d-process-badge,
.steel3d-root #s3dProcessTab03 .s3d-process-badge,
.steel3d-root #s3dProcessTab04 .s3d-process-badge,
.steel3d-root #s3dProcessTab05 .s3d-process-badge,
.steel3d-root .s3d-process-step.is-active .s3d-process-badge,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-badge {
  background-color: #D4AF37 !important;
  background: #D4AF37 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #D4AF37 !important;
  border: 1px solid #D4AF37 !important;
  box-shadow: none !important;
}

.process-card,
.step-card,
.how-it-works-item,
.steel3d-root .process-card,
.steel3d-root .step-card,
.steel3d-root .how-it-works-item,
.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root #s3dProcessTabs .s3d-process-step,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-stage {
  border-color: rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.1) !important;
}

.steel3d-root .s3d-process-step:hover,
.steel3d-root .s3d-process-step:focus-visible,
.steel3d-root button.s3d-process-step:hover,
.steel3d-root button.s3d-process-step:focus-visible {
  border-color: rgba(212, 175, 55, 0.55) !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.18) !important;
  background: rgba(212, 175, 55, 0.08) !important;
}

.steel3d-root .s3d-process-step.is-active,
.steel3d-root .s3d-process-step[aria-selected="true"],
.steel3d-root button.s3d-process-step.is-active,
.steel3d-root button.s3d-process-step[aria-selected="true"] {
  border-color: #D4AF37 !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.16) !important;
  background: rgba(212, 175, 55, 0.1) !important;
}

.steel3d-root .s3d-process-step.is-active .s3d-process-label,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-label {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}

.steel3d-root .s3d-process-copy h3,
.steel3d-root .s3d-process-points strong,
.steel3d-root .s3d-process-kicker,
.steel3d-root .s3d-process-arrow {
  color: #D4AF37 !important;
}
.steel3d-root .s3d-process-arrow {
  background: #D4AF37 !important;
}
.steel3d-root .s3d-process-arrow::after {
  border-left-color: #D4AF37 !important;
}
.steel3d-root .s3d-process-points li {
  border-left-color: #D4AF37 !important;
}
.steel3d-root .s3d-process-timeline--5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-process-timeline--5 {
    grid-template-columns: 1fr !important;
  }
}


/* ===== BUILD-2026-09-16d47g: Directive 47.17 bottom-half purge & steel blue override ===== */
/* Hard purge on all lower section containers and elements */
section:nth-of-type(n+3),
footer,
.bottom-section,
.process-container,
.workspace-card,
.detail-panel,
.steel3d-root section:nth-of-type(n+3),
.steel3d-root footer,
.steel3d-root .bottom-section,
.steel3d-root .process-container,
.steel3d-root .workspace-card,
.steel3d-root .detail-panel,
.steel3d-root .s3d-process-flow,
.steel3d-root #how-it-works,
.steel3d-root .s3d-showcase-wrap,
.steel3d-root #steel3d-showcase,
.steel3d-root .s3d-docs-section,
.steel3d-root #steel3d-documents,
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials,
.steel3d-root .s3d-contact-section,
.steel3d-root #steel3d-contact,
.steel3d-root .s3d-quote-section,
.steel3d-root .s3d-quote-submit,
.steel3d-root .s3d-pricing-estimator,
.steel3d-root .s3d-guest-submit,
.steel3d-root .s3d-client-register,
.steel3d-root .s3d-mkt-workflow,
.steel3d-root .s3d-mkt-cta,
.steel3d-root .s3d-draft-estimator {
  border-color: rgba(212, 175, 55, 0.3) !important;
}

/* Target all step badges, numbers, callouts, and highlights — D47.22: badges ONLY */
.steel3d-root .s3d-process-badge,
.steel3d-root .step-badge,
.steel3d-root .process-number,
.steel3d-root [data-step-number],
.steel3d-root .s3d-mkt-card-idx {
  background-color: #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #D4AF37 !important;
}

/* Specific rule reset for dark card containers — accents only stay steel blue */
.process-card,
.step-card,
.bottom-card,
.feature-panel,
.steel3d-root .process-card,
.steel3d-root .step-card,
.steel3d-root .bottom-card,
.steel3d-root .feature-panel,
.steel3d-root .how-it-works-item,
.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root #s3dProcessTabs .s3d-process-step,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-stage,
.steel3d-root .s3d-process-diagram,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-showcase-card {
  background-color: #10141E !important;
  background: #10141E !important;
  background-image: none !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

/* Restore readable copy/labels after nuclear lower-section span/div paint */
.steel3d-root section:nth-of-type(n+3) p,
.steel3d-root section:nth-of-type(n+3) li,
.steel3d-root section:nth-of-type(n+3) h2,
.steel3d-root section:nth-of-type(n+3) h3,
.steel3d-root section:nth-of-type(n+3) h4,
.steel3d-root section:nth-of-type(n+3) label,
.steel3d-root section:nth-of-type(n+3) a,
.steel3d-root #how-it-works p,
.steel3d-root #how-it-works li,
.steel3d-root #how-it-works h2,
.steel3d-root #how-it-works h3,
.steel3d-root #how-it-works .s3d-process-label,
.steel3d-root #how-it-works .s3d-process-lead,
.steel3d-root #how-it-works .s3d-process-copy,
.steel3d-root #how-it-works .s3d-process-flow-inner,
.steel3d-root #how-it-works .s3d-process-timeline,
.steel3d-root #how-it-works .s3d-wrap,
.steel3d-root .s3d-process-label,
.steel3d-root .s3d-process-lead,
.steel3d-root .s3d-process-copy,
.steel3d-root .s3d-process-points,
.steel3d-root .s3d-process-flow-inner,
.steel3d-root .s3d-process-timeline,
.steel3d-root .s3d-process-stage,
.steel3d-root .s3d-process-diagram {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.steel3d-root #how-it-works .s3d-process-heading,
.steel3d-root #how-it-works .s3d-process-lead,
.steel3d-root #how-it-works .s3d-process-label,
.steel3d-root #how-it-works .s3d-process-copy p,
.steel3d-root #how-it-works .s3d-process-points li,
.steel3d-root .s3d-process-heading,
.steel3d-root .s3d-process-lead,
.steel3d-root .s3d-process-label,
.steel3d-root .s3d-process-copy p,
.steel3d-root .s3d-process-points li {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

.steel3d-root .s3d-process-copy h3,
.steel3d-root .s3d-process-points strong,
.steel3d-root .s3d-process-step.is-active .s3d-process-label,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-label {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: transparent !important;
}

/* Re-assert badge/accent steel blue after dark card reset */
.steel3d-root .s3d-process-badge,
.steel3d-root .step-badge,
.steel3d-root .process-number,
.steel3d-root [data-step-number],
.steel3d-root .s3d-mkt-card-idx {
  background-color: #D4AF37 !important;
  background: #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #D4AF37 !important;
}
/* D48.121: removed section:nth-of-type(n+3) [class*="badge"] — it painted .s3d-credentials-badges solid gold */

.steel3d-root .s3d-process-kicker {
  background: transparent !important;
  background-color: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-color: transparent !important;
}


/* ===== BUILD-2026-09-16d47h: Directive 47.18 high-res bg cover lock + radial contrast tint ===== */
:root {
  --s3d-hero-bg-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp");
}
html, body {
  background-color: #080a0f !important;
  background-image: none !important;
  position: relative !important;
  min-height: 100vh !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1.0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}
body::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(13, 17, 23, 0.7) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}


/* ===== BUILD-2026-09-16d47i: Directive 47.19 final bg JPEG + yellow accent purge ===== */
:root {
  --s3d-hero-bg-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp");
}
html, body {
  background-color: #080a0f !important;
  background-image: none !important;
  position: relative !important;
  min-height: 100vh !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1.0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}
body::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(13, 17, 23, 0.7) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}
/* Override step badges and numbers — D47.22 scoped */
.badge,
.tag,
.step-num,
.step-badge,
.number-box,
.steel3d-root .s3d-process-badge,
.steel3d-root .step-badge,
.steel3d-root .process-number,
.steel3d-root [data-step-number],
.steel3d-root .s3d-mkt-card-idx {
  background-color: #D4AF37 !important;
  background: #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #D4AF37 !important;
}
/* Override yellow container borders */
[class*="card"],
[class*="step-item"],
.process-box,
.steel3d-root [class*="card"],
.steel3d-root .process-card,
.steel3d-root .step-card,
.steel3d-root .s3d-process-step,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-stage {
  border-color: rgba(212, 175, 55, 0.35) !important;
}
/* Keep dark card fills — accents only blue */
.steel3d-root .process-card,
.steel3d-root .step-card,
.steel3d-root .s3d-process-step,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card {
  background-color: #10141E !important;
  background: #10141E !important;
}
.steel3d-root .s3d-process-badge,
.steel3d-root .step-badge,
.steel3d-root [data-step-number],
.steel3d-root .s3d-mkt-card-idx {
  background-color: #D4AF37 !important;
  background: #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* ===== BUILD-2026-09-16d47j: Directive 47.20 CDN bg deploy + cover/vignette lock ===== */
:root {
  --s3d-hero-bg-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp");
}
html, body {
  background-color: #080a0f !important;
  background-image: none !important;
  position: relative !important;
  min-height: 100vh !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1.0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}
body::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(13, 17, 23, 0.7) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}


/* ===== BUILD-2026-09-16d47k: Directive 47.22 surgical dark navy container reset ===== */
/* 1) Kill solid blue washes from prior nuclear lower-section rules */
section:nth-of-type(n+3) span,
section:nth-of-type(n+3) div,
section:nth-of-type(n+3) [class*="step"],
section:nth-of-type(n+3) [class*="num"],
section:nth-of-type(n+3) [class*="accent"],
section:nth-of-type(n+3) [class*="yellow"],
.steel3d-root section:nth-of-type(n+3) span,
.steel3d-root section:nth-of-type(n+3) div,
.steel3d-root section:nth-of-type(n+3) [class*="step"],
.steel3d-root section:nth-of-type(n+3) [class*="num"],
.steel3d-root section:nth-of-type(n+3) [class*="accent"],
.steel3d-root #how-it-works [class*="step"],
.steel3d-root #how-it-works [class*="num"],
.steel3d-root #how-it-works [class*="accent"],
.steel3d-root .s3d-process-kicker {
  background-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* 2) Restore dark navy on sections / credentials / wrappers / panels */
section,
.credentials-section,
.credentials-container,
.workflow-section,
.contact-section,
div[class*="container"],
div[class*="wrapper"],
.steel3d-root section,
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials,
.steel3d-root .s3d-contact-section,
.steel3d-root #steel3d-contact,
.steel3d-root .s3d-mkt-workflow,
.steel3d-root .s3d-process-flow,
.steel3d-root #how-it-works,
.steel3d-root .s3d-showcase-wrap,
.steel3d-root #steel3d-showcase,
.steel3d-root .s3d-docs-section,
.steel3d-root .s3d-quote-section,
.steel3d-root .s3d-quote-submit,
.steel3d-root .s3d-pricing-estimator,
.steel3d-root .s3d-guest-submit,
.steel3d-root .s3d-client-register,
.steel3d-root .s3d-draft-estimator,
.steel3d-root .s3d-mkt-cta,
.steel3d-root .s3d-wrap,
.steel3d-root .s3d-process-flow-inner,
.steel3d-root .s3d-process-stage,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root .process-card,
.steel3d-root .step-card,
.steel3d-root .how-it-works-item,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-showcase-card {
  background-color: #0d1117 !important;
  background: #0d1117 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Keep page chrome transparent so CDN bg shows through */
html, body,
#root, #app, #__next, main, [data-reactroot], .app-wrapper, .page-wrapper,
#steel3d-top, .steel3d-root, #steel3d-main, #page-container, #et-boc, #et-main-area,
#main-content, #content-area, #left-area, .et_builder_inner_content,
.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_code, .et_pb_code_inner {
  background: transparent !important;
  background-color: transparent !important;
}

/* 3) Steel blue ONLY on small accents — badges / tags / step numbers */
.badge,
.tag,
.step-num,
.step-badge,
.number-box,
.process-number,
[data-step-number],
.s3d-process-badge,
.s3d-mkt-card-idx,
.steel3d-root .badge,
.steel3d-root .tag,
.steel3d-root .step-num,
.steel3d-root .step-badge,
.steel3d-root .number-box,
.steel3d-root .process-number,
.steel3d-root [data-step-number],
.steel3d-root .s3d-process-badge,
.steel3d-root .s3d-mkt-card-idx {
  background-color: #D4AF37 !important;
  background: #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #D4AF37 !important;
}

/* Card / step outlines only — no blue fill */
[class*="card"],
[class*="step-item"],
.process-box,
.steel3d-root [class*="card"],
.steel3d-root .process-card,
.steel3d-root .step-card,
.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-stage,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-form-card {
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
  background-color: #0d1117 !important;
  background: #0d1117 !important;
}

/* Primary action buttons */
.btn-primary,
.s3d-btn-primary,
.s3d-mkt-btn--primary,
.steel3d-root .btn-primary,
.steel3d-root .s3d-btn-primary,
.steel3d-root .s3d-mkt-btn--primary,
.steel3d-root .s3d-btn.s3d-btn-standard {
  background-color: #D4AF37 !important;
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Text highlights & links (not layout fills) */
.steel3d-root a:not(.s3d-btn):not(.s3d-mkt-btn):not(.s3d-nav-link),
.steel3d-root .s3d-process-copy h3,
.steel3d-root .s3d-process-points strong,
.steel3d-root .s3d-process-kicker,
.steel3d-root .s3d-process-step.is-active .s3d-process-label,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-label,
.steel3d-root .s3d-mkt-title-highlight,
.steel3d-root .s3d-mkt-stat-value {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Labels / copy stay light on dark navy */
.steel3d-root .s3d-process-label,
.steel3d-root .s3d-process-lead,
.steel3d-root .s3d-process-copy,
.steel3d-root .s3d-process-copy p,
.steel3d-root .s3d-process-points li,
.steel3d-root .s3d-process-heading {
  background: transparent !important;
  background-color: transparent !important;
}
.steel3d-root .s3d-process-label,
.steel3d-root .s3d-process-lead,
.steel3d-root .s3d-process-copy p,
.steel3d-root .s3d-process-points li,
.steel3d-root .s3d-process-heading {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.steel3d-root .s3d-process-step.is-active .s3d-process-label,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-label {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}






/* ===== BUILD-2026-09-16d47q: Directive 47.26 raw photo clarity — no CSS filters ===== */
:root {
  --s3d-hero-bg-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp");
}
html, body {
  background-color: #080a0f !important;
  background-image: none !important;
  position: relative !important;
  min-height: 100vh !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1.0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}
body:has(.steel3d-root)::before,
body:has(#steel3d-top)::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1.0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}
body::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(13, 17, 23, 0.7) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}
body:has(.steel3d-root)::after,
body:has(#steel3d-top)::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(13, 17, 23, 0.7) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}

/* Dark glassmorphic panels — no large blue fills */
section,
.credentials-section,
.credentials-container,
.process-container,
.workspace-card,
.contact-section,
footer,
.steel3d-root section,
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials,
.steel3d-root .s3d-contact-section,
.steel3d-root #steel3d-contact,
.steel3d-root .s3d-process-flow,
.steel3d-root #how-it-works,
.steel3d-root .s3d-mkt-workflow,
.steel3d-root .s3d-showcase-wrap,
.steel3d-root .s3d-docs-section,
.steel3d-root .s3d-quote-section,
.steel3d-root .s3d-quote-submit,
.steel3d-root .s3d-pricing-estimator,
.steel3d-root .s3d-guest-submit,
.steel3d-root .s3d-client-register,
.steel3d-root .s3d-draft-estimator,
.steel3d-root .s3d-mkt-cta,
.steel3d-root footer,
.steel3d-root .s3d-process-stage,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root .process-card,
.steel3d-root .step-card,
.steel3d-root .how-it-works-item,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-showcase-card {
  background-color: rgba(13, 17, 23, 0.88) !important;
  background: rgba(13, 17, 23, 0.88) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  color: #ffffff !important;
}

/* Page chrome transparent for CDN bg */
html, body,
#root, #app, #__next, main, [data-reactroot], .app-wrapper, .page-wrapper,
#steel3d-top, .steel3d-root, #steel3d-main, #page-container, #et-boc, #et-main-area,
#main-content, #content-area, #left-area, .et_builder_inner_content,
.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_code, .et_pb_code_inner {
  background: transparent !important;
  background-color: transparent !important;
}

/* Accent scoping — #D4AF37 only on small interactive details */
.badge,
.tag,
.step-num,
.step-badge,
.number-box,
.process-number,
[data-step-number],
.s3d-process-badge,
.s3d-mkt-card-idx,
.steel3d-root .badge,
.steel3d-root .tag,
.steel3d-root .step-num,
.steel3d-root .step-badge,
.steel3d-root .number-box,
.steel3d-root .process-number,
.steel3d-root [data-step-number],
.steel3d-root .s3d-process-badge,
.steel3d-root .s3d-mkt-card-idx {
  background-color: #D4AF37 !important;
  background: #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #D4AF37 !important;
}
.btn-primary,
.s3d-btn-primary,
.s3d-mkt-btn--primary,
.steel3d-root .btn-primary,
.steel3d-root .s3d-btn-primary,
.steel3d-root .s3d-mkt-btn--primary,
.steel3d-root .s3d-btn.s3d-btn-standard {
  background-color: #D4AF37 !important;
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.steel3d-root .s3d-process-step.is-active,
.steel3d-root .s3d-process-step[aria-selected="true"],
.steel3d-root button.s3d-process-step.is-active,
.steel3d-root button.s3d-process-step[aria-selected="true"] {
  border-color: #D4AF37 !important;
  background-color: rgba(13, 17, 23, 0.92) !important;
  background: rgba(13, 17, 23, 0.92) !important;
}
.steel3d-root a:not(.s3d-btn):not(.s3d-mkt-btn):not(.s3d-nav-link),
.steel3d-root .s3d-process-copy h3,
.steel3d-root .s3d-process-points strong,
.steel3d-root .s3d-process-kicker,
.steel3d-root .s3d-process-step.is-active .s3d-process-label,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-label,
.steel3d-root .s3d-mkt-title-highlight,
.steel3d-root .s3d-mkt-stat-value {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: transparent !important;
}
.steel3d-root .s3d-process-label,
.steel3d-root .s3d-process-lead,
.steel3d-root .s3d-process-copy p,
.steel3d-root .s3d-process-points li,
.steel3d-root .s3d-process-heading {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.steel3d-root .s3d-process-step.is-active .s3d-process-label,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-label {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}


/* ===== BUILD-2026-09-16d48a: Directive 48.00 ultra-luxury gold agency redesign ===== */
.steel3d-root {
  --accent-blue: #D4AF37;
  --accent-cyan: #D4AF37;
  --accent-amber: #D4AF37;
  --accent-bright: #FFD700;
  --accent-deep: #B8860B;
  --gold: #D4AF37;
  --gold-bright: #FFD700;
  --gold-deep: #B8860B;
  --gold-soft: rgba(212, 175, 55, 0.2);
  --gold-glow: rgba(212, 175, 55, 0.25);
  --copper: #D4AF37;
  --line-gold: rgba(212, 175, 55, 0.45);
  --s3d-safety: #D4AF37;
  --s3d-cad-cyan: #D4AF37;
  --s3d-cyan: #D4AF37;
  --s3d-amber: #D4AF37;
  --s3d-green: #D4AF37;
  --s3d-accent: #D4AF37;
  --s3d-border-active: #FFD700;
  --s3d-mkt-cyan: #D4AF37;
  --s3d-proc-cyan: #D4AF37;
  --s3d-proc-amber: #D4AF37;
  --border-cyan-glow: #D4AF37;
  --shadow-card-hover: 0 0 0 1px #FFD700, 0 0 22px rgba(212, 175, 55, 0.25);
  --s3d-hero-bg-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp");
}

/* Raw BG clarity + dark contrast sheet */
body::before,
body:has(.steel3d-root)::before,
body:has(#steel3d-top)::before {
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1.0 !important;
  z-index: -2 !important;
}
body::after,
body:has(.steel3d-root)::after,
body:has(#steel3d-top)::after {
  background: rgba(13, 17, 23, 0.7) !important;
  z-index: -1 !important;
}

/* High-end glassmorphic containers */
.glass-card,
.service-card,
.process-card,
.contact-card,
.hero-card,
.feature-block,
.step-card,
.how-it-works-item,
.bottom-card,
.feature-panel,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-stage,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-showcase-card,
.steel3d-root .s3d-credentials .s3d-cred-card,
.steel3d-root .s3d-mkt-workflow-steps li,
.steel3d-root .s3d-contact-section .s3d-form-card,
.steel3d-root .s3d-guest-submit,
.steel3d-root .s3d-client-register,
.steel3d-root .s3d-quote-submit {
  background: rgba(16, 20, 30, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8),
              inset 0 1px 0 rgba(255, 215, 0, 0.2) !important;
  border-radius: 12px !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  color: #ffffff !important;
}

.glass-card:hover,
.service-card:hover,
.process-card:hover,
.step-card:hover,
.steel3d-root .s3d-mkt-card:hover,
.steel3d-root .s3d-process-step:hover,
.steel3d-root button.s3d-process-step:hover,
.steel3d-root .s3d-draft-card:hover,
.steel3d-root .s3d-pricing-card:hover,
.steel3d-root .s3d-showcase-card:hover {
  border-color: rgba(255, 215, 0, 0.85) !important;
  box-shadow: 0 20px 40px -15px rgba(212, 175, 55, 0.25),
              0 0 25px rgba(212, 175, 55, 0.15),
              inset 0 1px 1px rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-4px) scale(1.008) !important;
}

/* Agency-grade gold glowing buttons */
.btn-primary,
.cta-btn,
button[type="submit"],
.steel3d-root .btn-primary,
.steel3d-root .cta-btn,
.steel3d-root button[type="submit"],
.steel3d-root .s3d-btn,
.steel3d-root .s3d-btn-standard,
.steel3d-root .s3d-btn-primary,
.steel3d-root .s3d-mkt-btn,
.steel3d-root .s3d-mkt-btn--primary,
.steel3d-root .s3d-nav-link.s3d-btn {
  background: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  border: 1px solid #FFD700 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
  transition: all 0.3s ease-in-out !important;
}

.btn-primary:hover,
.cta-btn:hover,
button[type="submit"]:hover,
.steel3d-root .btn-primary:hover,
.steel3d-root .cta-btn:hover,
.steel3d-root button[type="submit"]:hover,
.steel3d-root .s3d-btn:hover,
.steel3d-root .s3d-btn-standard:hover,
.steel3d-root .s3d-btn-primary:hover,
.steel3d-root .s3d-mkt-btn:hover,
.steel3d-root .s3d-mkt-btn--primary:hover {
  background: linear-gradient(135deg, #FFD700 0%, #FFF099 50%, #D4AF37 100%) !important;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.75), 0 0 50px rgba(212, 175, 55, 0.4) !important;
  transform: translateY(-2px) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Luxury accents & badges */
.badge,
.tag,
.accent-icon,
.step-badge,
.step-num,
.number-box,
.process-number,
[data-step-number],
.steel3d-root .badge,
.steel3d-root .tag,
.steel3d-root .accent-icon,
.steel3d-root .step-badge,
.steel3d-root .s3d-process-badge,
.steel3d-root .process-number,
.steel3d-root [data-step-number],
.steel3d-root .s3d-mkt-card-idx {
  background: rgba(212, 175, 55, 0.15) !important;
  color: #FFD700 !important;
  -webkit-text-fill-color: #FFD700 !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.3) !important;
  box-shadow: none !important;
}

/* Active process step — gold border, dark fill */
.steel3d-root .s3d-process-step.is-active,
.steel3d-root .s3d-process-step[aria-selected="true"],
.steel3d-root button.s3d-process-step.is-active,
.steel3d-root button.s3d-process-step[aria-selected="true"] {
  border-color: rgba(255, 215, 0, 0.85) !important;
  background: rgba(16, 20, 30, 0.92) !important;
  box-shadow: 0 0 25px rgba(212, 175, 55, 0.2), inset 0 1px 0 rgba(255, 215, 0, 0.25) !important;
}
.steel3d-root .s3d-process-step.is-active .s3d-process-label,
.steel3d-root .s3d-process-step[aria-selected="true"] .s3d-process-label,
.steel3d-root .s3d-process-copy h3,
.steel3d-root .s3d-process-points strong,
.steel3d-root .s3d-process-kicker,
.steel3d-root .s3d-mkt-title-highlight,
.steel3d-root .s3d-mkt-stat-value,
.steel3d-root a:not(.s3d-btn):not(.s3d-mkt-btn) {
  color: #FFD700 !important;
  -webkit-text-fill-color: #FFD700 !important;
  background: transparent !important;
}

/* Remap leftover steel-blue accents → gold */
.steel3d-root [style*="#D4AF37"],
.steel3d-root [style*="rgb(212, 175, 55)"] {
  /* attribute hooks for inline accent remaps */
}
.steel3d-root {
  border-color: rgba(212, 175, 55, 0.35);
}
.steel3d-root .s3d-process-points li {
  border-left-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.12) !important;
}
.steel3d-root .s3d-process-arrow {
  background: #D4AF37 !important;
}
.steel3d-root .s3d-process-arrow::after {
  border-left-color: #D4AF37 !important;
}

/* Progress / header underlines */
.steel3d-root .s3d-mkt-title::after,
.steel3d-root .s3d-process-heading::after,
.steel3d-root hr,
.steel3d-root .s3d-rule {
  border-color: rgba(212, 175, 55, 0.4) !important;
  background: linear-gradient(90deg, #D4AF37, #FFD700, transparent) !important;
}

/* Ensure dark charcoal surfaces — never solid blue fills */
section,
.credentials-section,
.credentials-container,
.process-container,
.workspace-card,
.contact-section,
footer,
.steel3d-root section,
.steel3d-root .s3d-credentials,
.steel3d-root .s3d-contact-section,
.steel3d-root .s3d-process-flow,
.steel3d-root #how-it-works {
  background-color: rgba(13, 17, 23, 0.88) !important;
  background: rgba(13, 17, 23, 0.88) !important;
  border-color: rgba(212, 175, 55, 0.3) !important;
}
html, body,
#steel3d-top, .steel3d-root, #steel3d-main,
.et_pb_section, .et_pb_row, .et_pb_column {
  background: transparent !important;
  background-color: transparent !important;
}


/* ===== BUILD-2026-09-16d48b: Directive 48.60 master consolidated UI & accessibility ===== */

/* 1) Credential badges — dark capsule pills + gold border/hover */
.steel3d-root .s3d-credentials-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  list-style: none !important;
  margin: 1.25rem 0 !important;
  padding: 0 !important;
}
.steel3d-root .s3d-credentials-badges li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0.45rem 1.15rem !important;
  margin: 0 !important;
  background: rgba(13, 17, 23, 0.9) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  border-radius: 50px !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, background 0.25s ease !important;
}
.steel3d-root .s3d-credentials-badges li:hover,
.steel3d-root .s3d-credentials-badges li:focus-visible {
  border-color: rgba(255, 215, 0, 0.85) !important;
  color: #FFD700 !important;
  -webkit-text-fill-color: #FFD700 !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.35), 0 0 32px rgba(255, 215, 0, 0.18) !important;
  background: rgba(13, 17, 23, 0.95) !important;
}

/* 2) Card borders — transparent default; keep dark glass + gold hover glow */
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-stage,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-showcase-card,
.steel3d-root .s3d-docs-card,
.steel3d-root .s3d-suggest-panel,
.steel3d-root .process-card,
.steel3d-root .step-card,
.steel3d-root .how-it-works-item,
.steel3d-root .glass-card,
.steel3d-root .service-card {
  border-color: transparent !important;
  border: 1.5px solid transparent !important;
  background: rgba(16, 20, 30, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8),
              inset 0 1px 0 rgba(255, 215, 0, 0.12) !important;
}
.steel3d-root .s3d-mkt-card:hover,
.steel3d-root .s3d-process-step:hover,
.steel3d-root button.s3d-process-step:hover,
.steel3d-root .s3d-draft-card:hover,
.steel3d-root .s3d-pricing-card:hover,
.steel3d-root .s3d-showcase-card:hover,
.steel3d-root .s3d-docs-card:hover,
.steel3d-root .s3d-form-card:hover,
.steel3d-root .s3d-suggest-panel:hover,
.steel3d-root .process-card:hover,
.steel3d-root .step-card:hover {
  border-color: rgba(255, 215, 0, 0.45) !important;
  box-shadow: 0 16px 36px -14px rgba(212, 175, 55, 0.22),
              0 0 22px rgba(212, 175, 55, 0.12),
              inset 0 1px 0 rgba(255, 215, 0, 0.22) !important;
}
.steel3d-root .s3d-process-step.is-active,
.steel3d-root .s3d-process-step[aria-selected="true"] {
  border-color: rgba(255, 215, 0, 0.55) !important;
}

/* 3) Suggestions form — mirror Contact form styling */
.steel3d-root .s3d-contact-suggest-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
}
@media (max-width: 900px) {
  .steel3d-root .s3d-contact-suggest-row {
    grid-template-columns: 1fr !important;
  }
}
.steel3d-root .s3d-suggest-section,
.steel3d-root .s3d-suggest-col,
.steel3d-root #steel3d-suggestions {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-suggest-panel {
  height: 100% !important;
  box-sizing: border-box !important;
  padding: 1.35rem 1.4rem !important;
  border-radius: 12px !important;
}
.steel3d-root .s3d-contact-suggest-row > .s3d-form-card,
.steel3d-root .s3d-suggest-panel {
  background: rgba(16, 20, 30, 0.9) !important;
  border: 1.5px solid transparent !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8),
              inset 0 1px 0 rgba(255, 215, 0, 0.12) !important;
}
.steel3d-root .s3d-suggest-hud {
  margin: 0 0 0.55rem !important;
  color: #D4AF37 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}
.steel3d-root .s3d-suggest-title,
.steel3d-root .s3d-contact-title {
  margin: 0 0 0.45rem !important;
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
}
.steel3d-root .s3d-suggest-lead,
.steel3d-root .s3d-contact-lead {
  margin: 0 0 1rem !important;
  color: #cbd5e1 !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
}
.steel3d-root .s3d-suggest-form label,
.steel3d-root .s3d-contact-form label {
  color: #e2e8f0 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
}
.steel3d-root .s3d-suggest-form .s3d-input,
.steel3d-root .s3d-suggest-form input,
.steel3d-root .s3d-suggest-form textarea,
.steel3d-root .s3d-suggest-form select,
.steel3d-root .s3d-contact-form .s3d-input,
.steel3d-root .s3d-contact-form input,
.steel3d-root .s3d-contact-form textarea,
.steel3d-root .s3d-contact-form select,
.steel3d-root .s3d-contact-form .s3d-select {
  min-height: 48px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #0a0d14 !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 0.65rem 0.85rem !important;
  font-size: 1rem !important;
}
.steel3d-root .s3d-suggest-form textarea,
.steel3d-root .s3d-contact-form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}
.steel3d-root .s3d-suggest-form .s3d-input:focus,
.steel3d-root .s3d-suggest-form input:focus,
.steel3d-root .s3d-suggest-form textarea:focus,
.steel3d-root .s3d-contact-form .s3d-input:focus,
.steel3d-root .s3d-contact-form input:focus,
.steel3d-root .s3d-contact-form textarea:focus,
.steel3d-root .s3d-contact-form select:focus {
  outline: none !important;
  border-color: #FFD700 !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35) !important;
}
.steel3d-root .s3d-suggest-form .s3d-btn,
.steel3d-root .s3d-contact-form .s3d-btn {
  min-height: 48px !important;
}

/* 4) CTA buttons — solid metallic gold + ultra-dark text */
.steel3d-root .s3d-mkt-btn--primary,
.steel3d-root a.s3d-mkt-btn--primary,
.steel3d-root .s3d-mkt-cta .s3d-mkt-btn,
.steel3d-root .s3d-mkt-hero .s3d-mkt-btn--primary,
.steel3d-root button.s3d-mkt-btn--primary,
.steel3d-root #s3dDraftEstCalc.s3d-mkt-btn--primary {
  background: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%) !important;
  background-color: #D4AF37 !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.1px !important;
  border: 1px solid #FFD700 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 18px rgba(212, 175, 55, 0.4) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.steel3d-root .s3d-mkt-btn--primary:hover,
.steel3d-root a.s3d-mkt-btn--primary:hover,
.steel3d-root .s3d-mkt-cta .s3d-mkt-btn:hover {
  background: linear-gradient(135deg, #FFD700 0%, #FFF099 50%, #D4AF37 100%) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.75), 0 0 50px rgba(212, 175, 55, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* 5a) Owner vault — compact max-width 420px */
.steel3d-root .s3d-owner-gate {
  display: flex !important;
  justify-content: center !important;
  padding: 2rem 1rem !important;
}
.steel3d-root .s3d-owner-gate-inner {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 1.15rem 1.2rem !important;
  box-sizing: border-box !important;
  background: rgba(16, 20, 30, 0.92) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important;
}
.steel3d-root .s3d-owner-gate-inner .s3d-area-banner {
  font-size: 0.7rem !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 0.55rem !important;
  color: #D4AF37 !important;
}
.steel3d-root .s3d-owner-gate-inner h2 {
  margin: 0 0 0.35rem !important;
  font-size: 1.15rem !important;
  color: #ffffff !important;
}
.steel3d-root .s3d-owner-gate-inner p {
  margin: 0 0 0.85rem !important;
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
  color: #94a3b8 !important;
}
.steel3d-root .s3d-owner-gate-inner label {
  display: grid !important;
  gap: 0.3rem !important;
  margin-bottom: 0.7rem !important;
  font-size: 0.8rem !important;
  color: #e2e8f0 !important;
}
.steel3d-root .s3d-owner-gate-inner input[type="email"],
.steel3d-root .s3d-owner-gate-inner input[type="password"] {
  min-height: 42px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.5rem 0.7rem !important;
  font-size: 0.92rem !important;
  background: #0a0d14 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
}
.steel3d-root .s3d-owner-gate-inner .s3d-btn {
  width: 100% !important;
  min-height: 44px !important;
  margin-top: 0.25rem !important;
}
.steel3d-root .s3d-owner-forgot-wrap {
  text-align: center !important;
  margin: 0.55rem 0 0 !important;
}
.steel3d-root .s3d-owner-forgot {
  font-size: 0.8rem !important;
  color: #D4AF37 !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
}

/* 5b) Footer — center-align all content */
.steel3d-root .s3d-legal-foot,
#s3dLegalFooter,
.steel3d-root footer.s3d-legal-foot {
  text-align: center !important;
}
.steel3d-root .s3d-legal-foot-inner,
#s3dLegalFooter .s3d-legal-foot-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0.75rem !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 1.5rem 1rem !important;
}
.steel3d-root .s3d-legal-foot-copy,
.steel3d-root .s3d-legal-foot-disclaimer,
#s3dLegalFooter .s3d-legal-foot-copy,
#s3dLegalFooter .s3d-legal-foot-disclaimer {
  text-align: center !important;
  margin: 0 !important;
  max-width: 720px !important;
}
.steel3d-root .s3d-legal-foot-nav,
#s3dLegalFooter .s3d-legal-foot-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem 0.55rem !important;
  text-align: center !important;
}
.steel3d-root .s3d-legal-foot-nav a,
#s3dLegalFooter .s3d-legal-foot-nav a {
  color: #D4AF37 !important;
}
.steel3d-root .s3d-legal-foot-social,
#s3dLegalFooter .s3d-legal-foot-social {
  display: flex !important;
  justify-content: center !important;
  gap: 0.75rem !important;
}
.steel3d-root .s3d-foot,
.steel3d-root .s3d-foot-grid,
.steel3d-root .s3d-foot-col,
.steel3d-root .s3d-foot-col-left,
.steel3d-root .s3d-foot-col-center,
.steel3d-root .s3d-foot-col-right {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}


/* ===== BUILD-2026-09-16d48c: Directive 48.70 mobile viewport & cache-bust ===== */

/* 2) Mobile card & grid responsiveness (< 768px) */
@media screen and (max-width: 767px) {
  html, body,
  html:has(#steel3d-top), body:has(#steel3d-top),
  html:has(.steel3d-root), body:has(.steel3d-root) {
    overflow-x: hidden !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
  .steel3d-root,
  #steel3d-top.steel3d-root,
  .steel3d-root .s3d-wrap,
  .steel3d-root .s3d-mkt-wrap,
  .steel3d-root .container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .steel3d-root .s3d-contact-suggest-row,
  .steel3d-root .contact-suggestions-wrapper,
  .steel3d-root .s3d-mkt-grid,
  .steel3d-root .s3d-feature-grid,
  .steel3d-root .s3d-feature-grid-wrap,
  .steel3d-root .s3d-showcase-grid,
  .steel3d-root .showcase-grid,
  .steel3d-root .s3d-process-steps,
  .steel3d-root .s3d-process-flow,
  .steel3d-root .s3d-docs-grid,
  .steel3d-root .s3d-pricing-grid,
  .steel3d-root .s3d-form-row,
  .steel3d-root .grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 1rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .steel3d-root .s3d-credentials-badges {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  .steel3d-root .s3d-credentials-badges li {
    width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  .steel3d-root .s3d-legal-foot-inner,
  .steel3d-root .s3d-legal-foot-nav,
  .steel3d-root .s3d-foot,
  .steel3d-root .s3d-foot-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
  }
  .steel3d-root input,
  .steel3d-root select,
  .steel3d-root textarea,
  .steel3d-root .s3d-input,
  .steel3d-root .s3d-select,
  .steel3d-root .s3d-mkt-btn--primary,
  .steel3d-root .s3d-btn-primary,
  .steel3d-root .btn-primary,
  .steel3d-root .cta-btn,
  .steel3d-root a.s3d-mkt-btn--primary {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important; /* Prevents iOS auto-zoom */
  }
  .steel3d-root nav.s3d-nav,
  .steel3d-root .s3d-nav,
  .steel3d-root .nav-menu,
  body > header.s3d-head nav.s3d-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .steel3d-root nav.s3d-nav a,
  .steel3d-root .s3d-nav-link,
  .steel3d-root .nav-item,
  body > header.s3d-head nav.s3d-nav a {
    font-size: 0.75rem !important;
    padding: 6px 10px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
  }
  .steel3d-root .s3d-owner-gate,
  .steel3d-root .owner-vault-container {
    width: 100% !important;
    padding: 12px 0 !important;
  }
  .steel3d-root .s3d-owner-gate-inner,
  .steel3d-root .owner-login-card {
    width: 92% !important;
    max-width: 420px !important;
    margin: 20px auto !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }
  .steel3d-root .s3d-mkt-card,
  .steel3d-root .s3d-process-step,
  .steel3d-root .s3d-suggest-panel,
  .steel3d-root .s3d-form-card,
  .steel3d-root .s3d-panel-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* 3) Touch / active / focus feedback (mobile has no hover) */
.steel3d-root .s3d-mkt-btn--primary:active,
.steel3d-root .s3d-mkt-btn--primary:focus,
.steel3d-root a.s3d-mkt-btn--primary:active,
.steel3d-root a.s3d-mkt-btn--primary:focus,
.steel3d-root .s3d-btn-primary:active,
.steel3d-root .s3d-btn-primary:focus,
.steel3d-root .btn-primary:active,
.steel3d-root .btn-primary:focus,
.steel3d-root .cta-btn:active,
.steel3d-root .cta-btn:focus,
.steel3d-root .s3d-btn.s3d-btn-standard:active,
.steel3d-root .s3d-credentials-badges li:active,
.steel3d-root .s3d-credentials-badges li:focus,
.steel3d-root .credential-badge:active,
.steel3d-root .credential-badge:focus,
.steel3d-root .s3d-mkt-card:active,
.steel3d-root .s3d-process-step:active,
.steel3d-root button.s3d-process-step:active {
  background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
  transform: scale(0.98) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.8) !important;
  border-color: rgba(255, 215, 0, 0.85) !important;
  outline: none !important;
}
.steel3d-root .s3d-credentials-badges li:active,
.steel3d-root .s3d-credentials-badges li:focus,
.steel3d-root .credential-badge:active {
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
}
.steel3d-root .s3d-mkt-btn--primary:focus-visible,
.steel3d-root .s3d-btn-primary:focus-visible,
.steel3d-root .s3d-credentials-badges li:focus-visible {
  outline: 2px solid #FFD700 !important;
  outline-offset: 2px !important;
}



/* ===== BUILD-2026-09-16d48g: Directive 48.98 master sitewide consolidated final ===== */

:root {
  --s3d-gold: #D4AF37 !important;
  --s3d-gold-vivid: #FFD700 !important;
  --s3d-gold-muted: #B8860B !important;
  --s3d-charcoal: #0D1117 !important;
  --s3d-surface: #10141E !important;
  --s3d-mkt-cyan: #D4AF37 !important;
  --s3d-accent: #D4AF37 !important;
}

/* 1) Steel blue → gold (any leftover) */
.steel3d-root [style*="#0088CC"],
.steel3d-root [style*="#0088cc"],
.steel3d-root [fill="#0088CC"],
.steel3d-root [stroke="#0088CC"] {
  /* attribute leftovers neutralized via gold cascade below */
}
.steel3d-root {
  --accent-blue: #D4AF37 !important;
  --s3d-blue: #D4AF37 !important;
  --s3d-steel: #D4AF37 !important;
}

/* 2) Kill structural yellow lines / default borders sitewide (then re-apply intentional gold on cards/CTAs) */
.steel3d-root *,
.steel3d-root *::before,
.steel3d-root *::after {
  border-color: transparent !important;
  outline-color: transparent !important;
}
.steel3d-root .container,
.steel3d-root .section,
.steel3d-root .glass-card,
.steel3d-root .card,
.steel3d-root .wrapper,
.steel3d-root .s3d-wrap,
.steel3d-root .s3d-mkt-wrap,
.steel3d-root .s3d-panel,
.steel3d-root .s3d-section {
  border-color: transparent !important;
  outline: none !important;
}
.steel3d-root hr,
.steel3d-root .divider,
.steel3d-root .accent-line,
.steel3d-root .grid-line,
.steel3d-root .s3d-divider,
.steel3d-root .s3d-accent-line,
.steel3d-root .s3d-section-rule,
.steel3d-root .s3d-hr {
  display: none !important;
  border: none !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Strip yellow/gold block fills from credentials SECTION chrome (badges restyled below) */
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials {
  background: rgba(13, 17, 23, 0.75) !important;
  background-image: none !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
.steel3d-root .s3d-credentials-inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-credentials .s3d-pill--orange,
.steel3d-root .s3d-credentials .s3d-pill--orange::before {
  background: rgba(10, 14, 20, 0.9) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important;
}

/* 3) Uniform glassmorphic cards */
.steel3d-root .glass-card,
.steel3d-root .service-card,
.steel3d-root .process-card,
.steel3d-root .contact-card,
.steel3d-root .suggestions-card,
.steel3d-root .card,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-process-step,
.steel3d-root button.s3d-process-step,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-stage,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-showcase-card,
.steel3d-root .s3d-docs-card,
.steel3d-root .s3d-suggest-panel,
.steel3d-root .s3d-guest-inner,
.steel3d-root .s3d-client-register-inner,
.steel3d-root .s3d-owner-gate-inner,
.steel3d-root .step-card,
.steel3d-root .how-it-works-item,
.steel3d-root form.s3d-form,
.steel3d-root form.s3d-contact-form,
.steel3d-root form.s3d-suggest-form,
.steel3d-root form.s3d-guest-form,
.steel3d-root form.s3d-client-register-form {
  background: rgba(13, 17, 23, 0.75) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8) !important;
}
.steel3d-root .glass-card:hover,
.steel3d-root .service-card:hover,
.steel3d-root .contact-card:hover,
.steel3d-root .suggestions-card:hover,
.steel3d-root .card:hover,
.steel3d-root .s3d-mkt-card:hover,
.steel3d-root .s3d-process-step:hover,
.steel3d-root button.s3d-process-step:hover,
.steel3d-root .s3d-draft-card:hover,
.steel3d-root .s3d-pricing-card:hover,
.steel3d-root .s3d-showcase-card:hover,
.steel3d-root .s3d-docs-card:hover,
.steel3d-root .s3d-form-card:hover,
.steel3d-root .s3d-suggest-panel:hover,
.steel3d-root .s3d-panel-card:hover {
  border-color: rgba(255, 215, 0, 0.5) !important;
  box-shadow: 0 15px 35px -10px rgba(212, 175, 55, 0.25) !important;
}

/* 4) Suggestions = Contact parity */
.steel3d-root .s3d-contact-suggest-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
}
.steel3d-root .s3d-suggest-section,
.steel3d-root .s3d-suggest-col,
.steel3d-root #steel3d-suggestions {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.steel3d-root .s3d-suggest-panel {
  height: 100% !important;
  box-sizing: border-box !important;
  padding: 1.35rem 1.4rem !important;
}
.steel3d-root .s3d-contact-suggest-row > .s3d-form-card {
  padding: 1.35rem 1.4rem !important;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-suggest-hud {
  margin: 0 0 0.55rem !important;
  color: #D4AF37 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
.steel3d-root .s3d-suggest-title,
.steel3d-root .s3d-contact-title {
  margin: 0 0 0.45rem !important;
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
}
.steel3d-root .s3d-suggest-lead,
.steel3d-root .s3d-contact-lead {
  margin: 0 0 1rem !important;
  color: #cbd5e1 !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
}
.steel3d-root .s3d-suggest-form label,
.steel3d-root .s3d-contact-form label {
  color: #e2e8f0 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
}
.steel3d-root .s3d-suggest-form .s3d-input,
.steel3d-root .s3d-suggest-form input,
.steel3d-root .s3d-suggest-form textarea,
.steel3d-root .s3d-suggest-form select,
.steel3d-root .s3d-contact-form .s3d-input,
.steel3d-root .s3d-contact-form input,
.steel3d-root .s3d-contact-form textarea,
.steel3d-root .s3d-contact-form select,
.steel3d-root .s3d-contact-form .s3d-select {
  min-height: 48px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #0a0d14 !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 0.65rem 0.85rem !important;
  font-size: 1rem !important;
}
.steel3d-root .s3d-suggest-form textarea,
.steel3d-root .s3d-contact-form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}
.steel3d-root .s3d-suggest-form .s3d-input:focus,
.steel3d-root .s3d-suggest-form input:focus,
.steel3d-root .s3d-suggest-form textarea:focus,
.steel3d-root .s3d-contact-form .s3d-input:focus,
.steel3d-root .s3d-contact-form input:focus,
.steel3d-root .s3d-contact-form textarea:focus,
.steel3d-root .s3d-contact-form select:focus {
  outline: none !important;
  border-color: #FFD700 !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35) !important;
}
/* Broken walkthrough checkbox row permanently removed from DOM — hide if cached */
.steel3d-root .s3d-contact-form .s3d-check-row,
.steel3d-root #s3d-demo-day,
.steel3d-root label[for="s3d-demo-day"] {
  display: none !important;
}

/* 5) Credential badges — dark capsule pills */
.steel3d-root .s3d-credentials-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  list-style: none !important;
  margin: 1rem 0 !important;
  padding: 0 !important;
}
.steel3d-root .s3d-credentials-badges li,
.steel3d-root .credential-badge,
.steel3d-root .credentials-container .badge,
.steel3d-root .credentials-grid > div,
.steel3d-root .s3d-credentials-verify,
.steel3d-root .s3d-credentials-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(10, 14, 20, 0.9) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  border-radius: 50px !important;
  padding: 10px 22px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important;
  transition: border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important;
}
.steel3d-root .s3d-credentials-badges li:hover,
.steel3d-root .s3d-credentials-badges li:focus-visible,
.steel3d-root .s3d-credentials-badges li:active,
.steel3d-root .credential-badge:hover,
.steel3d-root .s3d-credentials-verify:hover {
  border-color: #FFD700 !important;
  color: #FFD700 !important;
  -webkit-text-fill-color: #FFD700 !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.4), 0 0 32px rgba(255, 215, 0, 0.2) !important;
}

/* 6) High-contrast solid gold CTAs */
.steel3d-root .s3d-mkt-btn--primary,
.steel3d-root a.s3d-mkt-btn--primary,
.steel3d-root .s3d-mkt-cta .s3d-mkt-btn,
.steel3d-root button.s3d-mkt-btn--primary,
.steel3d-root .cta-btn,
.steel3d-root a.btn-primary,
.steel3d-root .btn-gold,
.steel3d-root button.cta-primary,
.steel3d-root .s3d-btn-primary {
  background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
  background-color: #D4AF37 !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border: 1px solid #FFD700 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.steel3d-root .s3d-mkt-btn--primary:hover,
.steel3d-root a.s3d-mkt-btn--primary:hover,
.steel3d-root .cta-btn:hover,
.steel3d-root a.btn-primary:hover,
.steel3d-root .btn-gold:hover,
.steel3d-root .s3d-mkt-btn--primary:active,
.steel3d-root .s3d-mkt-btn--primary:focus {
  background: linear-gradient(135deg, #FFF099 0%, #FFD700 100%) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-color: #FFD700 !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.75) !important;
  transform: translateY(-1px) scale(0.99) !important;
}

/* 7) Compact owner vault + centered footer */
.steel3d-root .s3d-owner-gate {
  display: flex !important;
  justify-content: center !important;
  padding: 2rem 1rem !important;
}
.steel3d-root .s3d-owner-gate-inner,
.steel3d-root .owner-vault-container,
.steel3d-root .owner-login-card {
  width: 100% !important;
  max-width: 420px !important;
  margin: 40px auto !important;
  padding: 24px !important;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-owner-gate-inner h2 {
  margin: 0 0 0.4rem !important;
  font-size: 1.25rem !important;
  color: #ffffff !important;
}
.steel3d-root .s3d-owner-gate-inner p {
  margin: 0 0 0.85rem !important;
  font-size: 0.85rem !important;
  color: #94a3b8 !important;
}
.steel3d-root .s3d-owner-gate-inner label {
  display: grid !important;
  gap: 0.3rem !important;
  margin-bottom: 0.7rem !important;
  font-size: 0.8rem !important;
  color: #e2e8f0 !important;
}
.steel3d-root .s3d-owner-gate-inner input[type="email"],
.steel3d-root .s3d-owner-gate-inner input[type="password"] {
  min-height: 42px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.5rem 0.7rem !important;
  font-size: 0.92rem !important;
  background: #0a0d14 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
}
.steel3d-root .s3d-owner-gate-inner .s3d-btn {
  width: 100% !important;
  min-height: 44px !important;
}
.steel3d-root .s3d-legal-foot,
#s3dLegalFooter,
.steel3d-root footer.s3d-legal-foot {
  text-align: center !important;
}
.steel3d-root .s3d-legal-foot-inner,
#s3dLegalFooter .s3d-legal-foot-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0.75rem !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 1.5rem 1rem !important;
}
.steel3d-root .s3d-legal-foot-copy,
.steel3d-root .s3d-legal-foot-disclaimer {
  text-align: center !important;
  margin: 0 !important;
  max-width: 720px !important;
}
.steel3d-root .s3d-legal-foot-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem 0.55rem !important;
  text-align: center !important;
}
.steel3d-root .s3d-legal-foot-nav a {
  color: #D4AF37 !important;
  border-color: transparent !important;
}
.steel3d-root .s3d-legal-foot-social {
  display: flex !important;
  justify-content: center !important;
  gap: 0.75rem !important;
}

/* 8) Drawing & Workshop Output Settings — permanently deleted; hide any cached remnant */
.steel3d-root #s3dFabricatorPrefs,
.steel3d-root .s3d-client-prefs,
.steel3d-root fieldset.s3d-client-prefs {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* 9) Mobile <768 + touch feedback */
@media screen and (max-width: 767px) {
  html, body,
  html:has(#steel3d-top), body:has(#steel3d-top),
  html:has(.steel3d-root), body:has(.steel3d-root) {
    overflow-x: hidden !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
  .steel3d-root,
  #steel3d-top.steel3d-root,
  .steel3d-root .s3d-wrap,
  .steel3d-root .s3d-mkt-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .steel3d-root .s3d-contact-suggest-row,
  .steel3d-root .s3d-mkt-grid,
  .steel3d-root .s3d-feature-grid,
  .steel3d-root .s3d-showcase-grid,
  .steel3d-root .s3d-process-steps,
  .steel3d-root .s3d-docs-grid,
  .steel3d-root .s3d-pricing-grid,
  .steel3d-root .s3d-form-row,
  .steel3d-root .grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  .steel3d-root .s3d-credentials-badges {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .steel3d-root .s3d-credentials-badges li {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .steel3d-root input,
  .steel3d-root select,
  .steel3d-root textarea,
  .steel3d-root .s3d-input,
  .steel3d-root .s3d-mkt-btn--primary,
  .steel3d-root a.s3d-mkt-btn--primary {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }
  .steel3d-root .s3d-owner-gate-inner {
    width: 92% !important;
    margin: 20px auto !important;
    padding: 16px !important;
  }
}
.steel3d-root .s3d-mkt-btn--primary:active,
.steel3d-root .cta-btn:active,
.steel3d-root .s3d-credentials-badges li:active {
  background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
  transform: scale(0.98) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.8) !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.100 build-tag export + bars connection override confirm ===== */
/* Export Tag: 2026-09-16d48h — dark pills · invisible yellow lines · glass cards · gold CTAs · vault 420px · centered footer */
.steel3d-root[data-s3d-build="2026-09-16d48h"] {
  --s3d-build-tag: "2026-09-16d48h";
}




/* ===== BUILD-2026-09-16d48h: Directive 48.106 credentials parent dark glass force ===== */
.credentials-container,
.credentials-wrapper,
.credentials-card,
.credentials-grid,
.steel3d-root .credentials-container,
.steel3d-root .credentials-wrapper,
.steel3d-root .credentials-card,
.steel3d-root .credentials-grid,
.steel3d-root section.s3d-credentials,
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials,
.steel3d-root section#steel3d-credentials,
html body .steel3d-root section.s3d-credentials#steel3d-credentials {
  background: rgba(13, 17, 23, 0.75) !important;
  background-color: rgba(13, 17, 23, 0.75) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8) !important;
  padding: 32px 24px !important;
}
.steel3d-root .s3d-credentials-inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}
.credential-pill,
.credentials-grid > div,
.badge-pill,
.credential-badge,
.credentials-container .badge,
.steel3d-root .credential-pill,
.steel3d-root .credentials-grid > div,
.steel3d-root .badge-pill,
.steel3d-root .credential-badge,
.steel3d-root .credentials-container .badge,
.steel3d-root .s3d-credentials-badges li,
.steel3d-root .s3d-credentials .s3d-pill--orange,
.steel3d-root .s3d-credentials-verify,
.steel3d-root .s3d-credentials-kicker {
  background: #0A0E14 !important;
  background-color: #0A0E14 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 50px !important;
  padding: 10px 22px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
  display: inline-block !important;
  margin: 6px !important;
}

/* ===== BUILD-2026-09-16d48h: Directive 48.107 mobile hero top-spacing tighten ===== */
@media (max-width: 768px) {
  /* Reduce top spacing on main hero wrapper */
  .hero-section,
  .home-container,
  #wc,
  div[class*="hero"],
  .steel3d-root .hero-section,
  .steel3d-root .home-container,
  .steel3d-root #wc,
  .steel3d-root div[class*="hero"],
  .steel3d-root section.s3d-mkt-hero,
  .steel3d-root section.s3d-mkt-hero--steel,
  .steel3d-root #steel3d-hero,
  .steel3d-root section.s3d-industrial-hero,
  .steel3d-root section.s3d-hero,
  .steel3d-root .s3d-mkt-hero-inner,
  .steel3d-root .s3d-industrial-hero-inner {
    padding-top: 15px !important;
    margin-top: 0 !important;
    min-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  /* Tighten padding around top pill and logo */
  .hero-section .badge-pill,
  .hero-section img,
  .hero-section h1,
  .steel3d-root .hero-section .badge-pill,
  .steel3d-root .hero-section img,
  .steel3d-root .hero-section h1,
  .steel3d-root #steel3d-hero .s3d-mkt-badge,
  .steel3d-root #steel3d-hero .badge-pill,
  .steel3d-root #steel3d-hero img,
  .steel3d-root #steel3d-hero .s3d-hero-logo,
  .steel3d-root #steel3d-hero .s3d-mkt-logo,
  .steel3d-root #steel3d-hero h1,
  .steel3d-root #steel3d-hero .s3d-mkt-title,
  .steel3d-root .s3d-mkt-hero .s3d-mkt-badge,
  .steel3d-root .s3d-mkt-hero img,
  .steel3d-root .s3d-mkt-hero h1 {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
  }
  /* Reduce headline text size slightly to preserve vertical height */
  .hero-section h1,
  .hero-title,
  .steel3d-root .hero-section h1,
  .steel3d-root .hero-title,
  .steel3d-root #steel3d-hero h1,
  .steel3d-root #steel3d-hero .s3d-mkt-title,
  .steel3d-root .s3d-mkt-hero .s3d-mkt-title,
  .steel3d-root .s3d-mkt-title,
  .steel3d-root .s3d-hero-title,
  .steel3d-root h1.s3d-hero-title {
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
  }
  .steel3d-root #steel3d-hero .s3d-mkt-title-line,
  .steel3d-root #steel3d-hero .s3d-mkt-title-highlight {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

/* ===== BUILD-2026-09-16d48h: Directive 48.118 kill poison + scoped only ===== */
html body div[class*="container"],
html body div[class*="wrapper"],
html body div[class*="card"],
html body .et_pb_row,
html body .et_pb_column,
html body .et_pb_module,
html body .et_pb_section,
html body #page-container,
html body .container {
  max-width: none !important;
}

.steel3d-root section.s3d-credentials,
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials,
.steel3d-root #steel3d-credentials .s3d-credentials-inner,
.steel3d-root #steel3d-credentials .s3d-wrap {
  background: rgba(13, 17, 23, 0.75) !important;
  background-color: rgba(13, 17, 23, 0.75) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: none !important;
  outline: none !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8) !important;
  border-radius: 12px !important;
}
.steel3d-root .s3d-credentials-badges li,
.steel3d-root .s3d-credentials .s3d-pill--orange,
.steel3d-root .s3d-credentials-verify,
.steel3d-root .s3d-credentials-kicker {
  background: #0A0E14 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 50px !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  margin: 6px !important;
}
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-docs-card,
.steel3d-root .s3d-guest-inner,
.steel3d-root .s3d-client-register-inner,
.steel3d-root .s3d-owner-gate-inner {
  background: rgba(13, 17, 23, 0.75) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8) !important;
}

.steel3d-root.s3d-mode-landing #steel3d-main > * { order: unset !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-hero { order: 1 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #specs { order: 2 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-features { order: 3 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dTechnicalWorkflow { order: 4 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dMktCta { order: 5 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dDraughtingEstimator { order: 6 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #how-it-works { order: 7 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dClientRegister { order: 8 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dQuoteSubmit { order: 9 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #showcase { order: 10 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-credentials { order: 11 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-documents { order: 12 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-faq,
.steel3d-root.s3d-mode-landing #steel3d-main > .s3d-mkt-faq { order: 13 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-contact { order: 14 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dOwnerGate { order: 15 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dOwnerPortal { order: 16 !important; }

/* ===== BUILD-2026-09-16d48h: Directive 48.119 shrink containers + no gold borders ===== */
/* Kill gold borders on ALL portal containers / cards / sections / wraps */
.steel3d-root section,
.steel3d-root .s3d-wrap,
.steel3d-root .s3d-mkt-wrap,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-panel-card,
.steel3d-root .s3d-showcase-card,
.steel3d-root .s3d-docs-card,
.steel3d-root .s3d-suggest-panel,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-process-step,
.steel3d-root .s3d-guest-inner,
.steel3d-root .s3d-client-register-inner,
.steel3d-root .s3d-owner-gate-inner,
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials,
.steel3d-root .s3d-credentials-inner,
.steel3d-root .s3d-mkt-hero,
.steel3d-root #steel3d-hero,
.steel3d-root .s3d-mkt-stats,
.steel3d-root .s3d-mkt-stat,
.steel3d-root .s3d-contact-section,
.steel3d-root .s3d-docs-section,
.steel3d-root .s3d-showcase-wrap,
.steel3d-root .glass-card,
.steel3d-root [class*="card"],
.steel3d-root [class*="panel"],
.steel3d-root [class*="inner"] {
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.75) !important;
}

/* Keep CTAs as solid gold fill — no border chrome */
.steel3d-root .s3d-mkt-btn--primary,
.steel3d-root a.s3d-mkt-btn--primary,
.steel3d-root .s3d-btn-primary,
.steel3d-root .cta-btn,
.steel3d-root .btn-gold {
  border: none !important;
  outline: none !important;
}

/* Credential pills: dark fill, NO gold border */
.steel3d-root .s3d-credentials-badges li,
.steel3d-root .s3d-credentials .s3d-pill--orange,
.steel3d-root .s3d-credentials-verify,
.steel3d-root .s3d-credentials-kicker,
.steel3d-root .s3d-mkt-badge,
.steel3d-root .s3d-pill {
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
}

/* Shrink portal content containers */
.steel3d-root #steel3d-main > section,
.steel3d-root #steel3d-main > .s3d-mkt-stats,
.steel3d-root .s3d-wrap,
.steel3d-root .s3d-mkt-wrap,
.steel3d-root .s3d-mkt-hero-inner,
.steel3d-root .s3d-credentials-inner,
.steel3d-root .s3d-guest-inner,
.steel3d-root .s3d-client-register-inner,
.steel3d-root .s3d-owner-gate-inner,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-pricing-card,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-docs-card,
.steel3d-root .s3d-showcase-card,
.steel3d-root .s3d-process-panel,
.steel3d-root #steel3d-credentials,
.steel3d-root #steel3d-contact,
.steel3d-root #steel3d-documents,
.steel3d-root #showcase {
  max-width: min(1100px, 96vw) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}
.steel3d-root #steel3d-hero,
.steel3d-root .s3d-mkt-hero {
  max-width: min(1200px, 96vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 20px 16px !important;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-docs-card,
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials {
  padding: 18px 16px !important;
  margin-bottom: 14px !important;
}
@media (max-width: 768px) {
  .steel3d-root #steel3d-main > section,
  .steel3d-root .s3d-wrap,
  .steel3d-root .s3d-mkt-wrap,
  .steel3d-root #steel3d-hero,
  .steel3d-root .s3d-mkt-hero,
  .steel3d-root #steel3d-credentials {
    max-width: 94% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}


/* ===== BUILD-2026-09-16d48h: Directive 48.120 home hero higher on load ===== */
.steel3d-root {
  --s3d-head-h: 56px !important;
}
.steel3d-root #steel3d-hero,
.steel3d-root section.s3d-industrial-hero,
.steel3d-root .s3d-mkt-hero,
#steel3d-hero,
section.s3d-industrial-hero {
  padding-top: 72px !important;
  margin-top: 0 !important;
  scroll-margin-top: 64px !important;
  box-sizing: border-box !important;
}
.steel3d-root .s3d-mkt-hero {
  padding: 72px 1.25rem 0 !important;
  margin: 0 auto 0 !important;
  max-width: min(1200px, 96vw) !important;
}
.steel3d-root .s3d-mkt-hero-inner {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .steel3d-root {
    --s3d-head-h: 48px !important;
  }
  .steel3d-root #steel3d-hero,
  .steel3d-root .s3d-mkt-hero,
  #steel3d-hero {
    padding-top: 56px !important;
    scroll-margin-top: 52px !important;
  }
  .steel3d-root .s3d-mkt-hero {
    padding: 56px 0.85rem 0 !important;
  }
}
body.admin-bar .steel3d-root #steel3d-hero,
body.admin-bar .steel3d-root .s3d-mkt-hero {
  padding-top: 96px !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.121 credentials yellow UL → glass ===== */
/* Poison was: section:nth-of-type(n+3) [class*="badge"] matching .s3d-credentials-badges */
.steel3d-root #steel3d-credentials,
.steel3d-root section.s3d-credentials,
.steel3d-root .s3d-credentials {
  background: rgba(13, 17, 23, 0.75) !important;
  background-color: rgba(13, 17, 23, 0.75) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8) !important;
}
.steel3d-root #steel3d-credentials .s3d-credentials-inner,
.steel3d-root #steel3d-credentials .s3d-wrap,
.steel3d-root .s3d-credentials-inner {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* THE yellow box — UL.s3d-credentials-badges must NOT be solid gold */
.steel3d-root .s3d-credentials-badges,
.steel3d-root #steel3d-credentials .s3d-credentials-badges,
.steel3d-root #steel3d-credentials ul.s3d-credentials-badges,
.steel3d-root section.s3d-credentials [class*="badge"],
.steel3d-root #steel3d-credentials [class*="badge"]:not(li):not(.s3d-credentials-kicker):not(.s3d-credentials-verify) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
.steel3d-root .s3d-credentials-badges li,
.steel3d-root #steel3d-credentials .s3d-credentials-badges li,
.steel3d-root #steel3d-credentials li[class*="badge"],
.steel3d-root .s3d-credentials .s3d-pill--orange,
.steel3d-root .s3d-credentials-verify,
.steel3d-root .s3d-credentials-kicker {
  background: rgba(10, 14, 20, 0.9) !important;
  background-color: rgba(10, 14, 20, 0.9) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: none !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.122 nav order = landing sections ===== */
.steel3d-root nav.s3d-nav.s3d-nav--full,
body > header.s3d-head nav.s3d-nav.s3d-nav--full {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
}
.steel3d-root nav.s3d-nav--full > a[data-s3d-route="home"],
.steel3d-root nav.s3d-nav--full > a[href="#home"] { order: 1 !important; }
.steel3d-root nav.s3d-nav--full > a[data-s3d-route="how-it-works"],
.steel3d-root nav.s3d-nav--full > a[href="#how-it-works"] { order: 2 !important; }
.steel3d-root nav.s3d-nav--full > a[data-s3d-route="client-onboard"],
.steel3d-root nav.s3d-nav--full > a.s3d-nav-company { order: 3 !important; }
.steel3d-root nav.s3d-nav--full > a[data-s3d-route="quote"],
.steel3d-root nav.s3d-nav--full > a.s3d-nav-quote { order: 4 !important; }
.steel3d-root nav.s3d-nav--full > a[data-s3d-route="showcase"],
.steel3d-root nav.s3d-nav--full > a[href="#showcase"] { order: 5 !important; }
.steel3d-root nav.s3d-nav--full > a[href="#steel3d-credentials"],
.steel3d-root nav.s3d-nav--full > a[data-s3d-scroll="steel3d-credentials"] { order: 6 !important; }
.steel3d-root nav.s3d-nav--full > a[href="#steel3d-documents"],
.steel3d-root nav.s3d-nav--full > a[data-s3d-scroll="steel3d-documents"] { order: 7 !important; }
.steel3d-root nav.s3d-nav--full > a[href="#steel3d-contact"],
.steel3d-root nav.s3d-nav--full > a[data-s3d-scroll="steel3d-contact"] { order: 8 !important; }
.steel3d-root nav.s3d-nav--full > a[data-s3d-route="owner"],
.steel3d-root nav.s3d-nav--full > a.s3d-nav-owner { order: 9 !important; }
.steel3d-root #steel3dMnavPanel > a[data-s3d-route="home"] { order: 1 !important; }
.steel3d-root #steel3dMnavPanel > a[data-s3d-route="how-it-works"] { order: 2 !important; }
.steel3d-root #steel3dMnavPanel > a[data-s3d-route="client-onboard"] { order: 3 !important; }
.steel3d-root #steel3dMnavPanel > a[data-s3d-route="quote"] { order: 4 !important; }
.steel3d-root #steel3dMnavPanel > a[data-s3d-route="showcase"],
.steel3d-root #steel3dMnavPanel > a[href="#showcase"] { order: 5 !important; }
.steel3d-root #steel3dMnavPanel > a[href="#steel3d-credentials"] { order: 6 !important; }
.steel3d-root #steel3dMnavPanel > a[href="#steel3d-documents"] { order: 7 !important; }
.steel3d-root #steel3dMnavPanel > a[href="#steel3d-contact"] { order: 8 !important; }
.steel3d-root #steel3dMnavPanel > a[data-s3d-route="owner"] { order: 9 !important; }
.steel3d-root #steel3dMnavPanel > .s3d-mnav-close { order: 0 !important; }
/* Keep Owner after Contact in section flex too */
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dOwnerGate { order: 15 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dOwnerPortal { order: 16 !important; }


/* ===== BUILD-2026-09-16d48h: Directive 48.125 normal size + invisible chrome ===== */
/* Undo 48.123 squash. Keep content readable. Hide container boxes (no border/fill). */

/* Invisible chrome — no visible boxes around sections/wraps/lists */
.steel3d-root section,
.steel3d-root #steel3d-main > section,
.steel3d-root #steel3d-main > .s3d-mkt-stats,
.steel3d-root .s3d-wrap,
.steel3d-root .s3d-mkt-wrap,
.steel3d-root .s3d-mkt-hero,
.steel3d-root #steel3d-hero,
.steel3d-root .s3d-credentials,
.steel3d-root #steel3d-credentials,
.steel3d-root .s3d-credentials-inner,
.steel3d-root .s3d-credentials-badges,
.steel3d-root .s3d-docs-section,
.steel3d-root .s3d-docs-grid,
.steel3d-root .s3d-contact-section,
.steel3d-root .s3d-showcase-wrap,
.steel3d-root .s3d-showcase-grid,
.steel3d-root .s3d-process-flow,
.steel3d-root .s3d-process-timeline,
.steel3d-root .s3d-process-stage,
.steel3d-root .s3d-mkt-stats,
.steel3d-root .s3d-mkt-stat,
.steel3d-root ul[class*="badge"],
.steel3d-root [class*="badges"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Normal content width — NOT tiny fit-content */
.steel3d-root #steel3d-main > section,
.steel3d-root #steel3d-main > .s3d-mkt-stats,
.steel3d-root .s3d-wrap,
.steel3d-root .s3d-mkt-wrap,
.steel3d-root .s3d-mkt-hero-inner,
.steel3d-root .s3d-credentials-inner,
.steel3d-root .s3d-guest-inner,
.steel3d-root .s3d-client-register-inner,
.steel3d-root .s3d-owner-gate-inner,
.steel3d-root #steel3d-credentials,
.steel3d-root #steel3d-contact,
.steel3d-root #steel3d-documents,
.steel3d-root #showcase,
.steel3d-root #how-it-works,
.steel3d-root #s3dClientRegister,
.steel3d-root #s3dQuoteSubmit,
.steel3d-root #s3dDraughtingEstimator,
.steel3d-root #s3dTechnicalWorkflow,
.steel3d-root #steel3d-features,
.steel3d-root #s3dMktCta,
.steel3d-root #s3dOwnerGate,
.steel3d-root #specs {
  width: 100% !important;
  max-width: min(1100px, 96vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  box-sizing: border-box !important;
}

.steel3d-root #steel3d-hero,
.steel3d-root .s3d-mkt-hero {
  width: 100% !important;
  max-width: min(1200px, 96vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 72px 28px 1.5rem !important;
  box-sizing: border-box !important;
}

.steel3d-root #s3dQuoteSubmit,
.steel3d-root .s3d-guest-inner,
.steel3d-root .s3d-owner-gate-inner {
  max-width: min(720px, 96vw) !important;
}

/* Badge list = invisible wrapper only (pills stay dark) */
.steel3d-root .s3d-credentials-badges,
.steel3d-root #steel3d-credentials .s3d-credentials-badges,
.steel3d-root #steel3d-credentials ul {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.55rem !important;
}

.steel3d-root .s3d-credentials-badges li,
.steel3d-root .s3d-credentials-kicker,
.steel3d-root .s3d-credentials-verify {
  background: rgba(10, 14, 20, 0.9) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 50px !important;
  width: auto !important;
  padding: 0.5rem 1rem !important;
}

/* Forms/docs: faint glass so fields readable — normal width inside parent */
.steel3d-root .s3d-form-card,
.steel3d-root .s3d-draft-card,
.steel3d-root .s3d-docs-card,
.steel3d-root .s3d-mkt-card,
.steel3d-root .s3d-process-panel,
.steel3d-root .s3d-suggest-panel,
.steel3d-root .s3d-guest-inner,
.steel3d-root .s3d-client-register-inner,
.steel3d-root .s3d-owner-gate-inner {
  background: rgba(13, 17, 23, 0.45) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 1.25rem 1.35rem !important;
}

.steel3d-root .s3d-docs-grid,
.steel3d-root .s3d-showcase-grid,
.steel3d-root .s3d-process-timeline {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .steel3d-root #steel3d-main > section,
  .steel3d-root .s3d-wrap,
  .steel3d-root #steel3d-hero,
  .steel3d-root .s3d-mkt-hero {
    max-width: 96vw !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


/* ===== BUILD-2026-09-16d48h: Directive 48.126 how-it-works center + all tabs yellow ===== */
.steel3d-root #how-it-works .s3d-process-kicker,
.steel3d-root #how-it-works .s3d-process-heading,
.steel3d-root #how-it-works .s3d-process-lead,
.steel3d-root .s3d-process-lead {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.steel3d-root #how-it-works .s3d-process-flow-inner,
.steel3d-root #how-it-works .s3d-wrap {
  text-align: center !important;
}
.steel3d-root #how-it-works .s3d-process-lead {
  max-width: 42rem !important;
}

/* Idle tabs stay dark */
.steel3d-root #s3dProcessTabs .s3d-process-step,
.steel3d-root #s3dProcessTabs button.s3d-process-step,
.steel3d-root #s3dProcessTab01,
.steel3d-root #s3dProcessTab02,
.steel3d-root #s3dProcessTab03,
.steel3d-root #s3dProcessTab04,
.steel3d-root #s3dProcessTab05 {
  background: #0B0E14 !important;
  background-image: none !important;
  border: 2px solid rgba(212, 175, 55, 0.45) !important;
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  box-shadow: none !important;
}

/* ALL 5 active tabs — solid yellow (not just 03) */
.steel3d-root #s3dProcessTabs .s3d-process-step.is-active,
.steel3d-root #s3dProcessTabs .s3d-process-step[aria-selected="true"],
.steel3d-root #s3dProcessTabs button.s3d-process-step.is-active,
.steel3d-root #s3dProcessTabs button.s3d-process-step[aria-selected="true"],
.steel3d-root #s3dProcessTab01.is-active,
.steel3d-root #s3dProcessTab01[aria-selected="true"],
.steel3d-root #s3dProcessTab02.is-active,
.steel3d-root #s3dProcessTab02[aria-selected="true"],
.steel3d-root #s3dProcessTab03.is-active,
.steel3d-root #s3dProcessTab03[aria-selected="true"],
.steel3d-root #s3dProcessTab04.is-active,
.steel3d-root #s3dProcessTab04[aria-selected="true"],
.steel3d-root #s3dProcessTab05.is-active,
.steel3d-root #s3dProcessTab05[aria-selected="true"] {
  background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
  background-color: #D4AF37 !important;
  background-image: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
  border: 2px solid #FFD700 !important;
  border-color: #FFD700 !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  box-shadow: 0 0 22px rgba(212, 175, 55, 0.45) !important;
}

.steel3d-root #s3dProcessTabs .s3d-process-step.is-active .s3d-process-label,
.steel3d-root #s3dProcessTabs .s3d-process-step[aria-selected="true"] .s3d-process-label,
.steel3d-root #s3dProcessTab01.is-active .s3d-process-label,
.steel3d-root #s3dProcessTab02.is-active .s3d-process-label,
.steel3d-root #s3dProcessTab03.is-active .s3d-process-label,
.steel3d-root #s3dProcessTab04.is-active .s3d-process-label,
.steel3d-root #s3dProcessTab05.is-active .s3d-process-label {
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  background: transparent !important;
}

.steel3d-root #s3dProcessTabs .s3d-process-step.is-active .s3d-process-badge,
.steel3d-root #s3dProcessTabs .s3d-process-step[aria-selected="true"] .s3d-process-badge,
.steel3d-root #s3dProcessTab01.is-active .s3d-process-badge,
.steel3d-root #s3dProcessTab02.is-active .s3d-process-badge,
.steel3d-root #s3dProcessTab03.is-active .s3d-process-badge,
.steel3d-root #s3dProcessTab04.is-active .s3d-process-badge,
.steel3d-root #s3dProcessTab05.is-active .s3d-process-badge {
  background: #07090E !important;
  color: #FFD700 !important;
  -webkit-text-fill-color: #FFD700 !important;
  border-color: #07090E !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.127 company profile container invisible ===== */
.steel3d-root #s3dClientRegister,
.steel3d-root section.s3d-client-register,
.steel3d-root .s3d-client-register,
.steel3d-root #s3dClientRegister .s3d-client-register-inner,
.steel3d-root .s3d-client-register-inner,
.steel3d-root #s3dClientRegister form.s3d-client-register-form,
.steel3d-root form.s3d-client-register-form,
.steel3d-root #s3dClientRegister .s3d-area-banner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Keep field controls readable — not the outer box */
.steel3d-root #s3dClientRegister .s3d-client-register-form input,
.steel3d-root #s3dClientRegister .s3d-client-register-form textarea,
.steel3d-root #s3dClientRegister .s3d-client-register-form select {
  background: rgba(10, 14, 20, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.128 gold banners + wider company inputs ===== */
.steel3d-root #s3dClientRegister .s3d-area-banner,
.steel3d-root .s3d-client-register .s3d-area-banner,
.steel3d-root #s3dQuoteSubmit .s3d-area-banner,
.steel3d-root .s3d-quote-submit .s3d-area-banner,
.steel3d-root #s3dGuestSubmit .s3d-area-banner,
.steel3d-root .s3d-guest-submit .s3d-area-banner {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 6px 0 !important;
  margin: 0 0 0.85rem !important;
}

/* Widen company profile form / inputs slightly (was 28rem) */
.steel3d-root #s3dClientRegister .s3d-client-register-form,
.steel3d-root .s3d-client-register-form {
  max-width: min(36rem, 100%) !important;
  width: 100% !important;
}
.steel3d-root #s3dClientRegister .s3d-client-register-form input,
.steel3d-root #s3dClientRegister .s3d-client-register-form textarea,
.steel3d-root #s3dClientRegister .s3d-client-register-form select,
.steel3d-root .s3d-client-register-form input,
.steel3d-root .s3d-client-register-form textarea,
.steel3d-root .s3d-client-register-form select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  padding: 0.7rem 0.95rem !important;
  box-sizing: border-box !important;
  font-size: 0.95rem !important;
}
.steel3d-root #s3dClientRegister .s3d-client-register-form textarea {
  min-height: 6.5rem !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.129 unify Company / Contact / Suggestions cards ===== */
.steel3d-root #s3dClientRegister .s3d-client-register-inner,
.steel3d-root .s3d-client-register-inner,
.steel3d-root #s3dClientRegister .s3d-form-card,
.steel3d-root #steel3d-contact .s3d-form-card,
.steel3d-root #steel3d-contact .s3d-panel-card,
.steel3d-root .s3d-contact-suggest-row > .s3d-form-card,
.steel3d-root #steel3d-contact .s3d-suggest-panel,
.steel3d-root .s3d-contact-suggest-row .s3d-suggest-panel,
.steel3d-root .s3d-suggest-panel {
  background: rgba(13, 17, 23, 0.75) !important;
  background-color: rgba(13, 17, 23, 0.75) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid transparent !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8),
              inset 0 1px 0 rgba(255, 215, 0, 0.12) !important;
  padding: 1.35rem 1.4rem !important;
  outline: none !important;
  box-sizing: border-box !important;
}

/* Company card width matches a single contact column */
.steel3d-root #s3dClientRegister .s3d-client-register-inner,
.steel3d-root .s3d-client-register-inner {
  max-width: min(640px, 96vw) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Outer sections: no extra chrome */
.steel3d-root #s3dClientRegister,
.steel3d-root section.s3d-client-register,
.steel3d-root #steel3d-contact.s3d-contact-section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Nested forms: no second box */
.steel3d-root #s3dClientRegister form.s3d-client-register-form,
.steel3d-root form.s3d-client-register-form,
.steel3d-root #steel3d-contact form.s3d-contact-form,
.steel3d-root #steel3d-contact form.s3d-suggest-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Gold kickers / banners */
.steel3d-root #s3dClientRegister .s3d-area-banner,
.steel3d-root .s3d-client-register .s3d-area-banner,
.steel3d-root #steel3d-contact .s3d-suggest-hud {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  margin: 0 0 0.55rem !important;
}

/* Titles */
.steel3d-root #s3dClientRegister .s3d-client-register-inner > h2,
.steel3d-root #steel3d-contact .s3d-contact-title,
.steel3d-root #steel3d-contact .s3d-suggest-title {
  margin: 0 0 0.45rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
}

/* Leads */
.steel3d-root #s3dClientRegister .s3d-client-register-lead,
.steel3d-root #steel3d-contact .s3d-contact-lead,
.steel3d-root #steel3d-contact .s3d-suggest-lead {
  margin: 0 0 1rem !important;
  color: #cbd5e1 !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
}

/* Labels */
.steel3d-root #s3dClientRegister .s3d-client-register-form label,
.steel3d-root #steel3d-contact .s3d-contact-form label,
.steel3d-root #steel3d-contact .s3d-suggest-form label {
  color: #e2e8f0 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
}

/* Inputs — identical across all three */
.steel3d-root #s3dClientRegister .s3d-client-register-form input,
.steel3d-root #s3dClientRegister .s3d-client-register-form textarea,
.steel3d-root #s3dClientRegister .s3d-client-register-form select,
.steel3d-root #steel3d-contact .s3d-contact-form .s3d-input,
.steel3d-root #steel3d-contact .s3d-contact-form input,
.steel3d-root #steel3d-contact .s3d-contact-form textarea,
.steel3d-root #steel3d-contact .s3d-contact-form select,
.steel3d-root #steel3d-contact .s3d-contact-form .s3d-select,
.steel3d-root #steel3d-contact .s3d-suggest-form .s3d-input,
.steel3d-root #steel3d-contact .s3d-suggest-form input,
.steel3d-root #steel3d-contact .s3d-suggest-form textarea,
.steel3d-root #steel3d-contact .s3d-suggest-form select {
  min-height: 48px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #0a0d14 !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 0.65rem 0.85rem !important;
  font-size: 1rem !important;
  box-shadow: none !important;
}
.steel3d-root #s3dClientRegister .s3d-client-register-form textarea,
.steel3d-root #steel3d-contact .s3d-contact-form textarea,
.steel3d-root #steel3d-contact .s3d-suggest-form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}
.steel3d-root #s3dClientRegister .s3d-client-register-form input:focus,
.steel3d-root #s3dClientRegister .s3d-client-register-form textarea:focus,
.steel3d-root #s3dClientRegister .s3d-client-register-form select:focus,
.steel3d-root #steel3d-contact .s3d-contact-form input:focus,
.steel3d-root #steel3d-contact .s3d-contact-form textarea:focus,
.steel3d-root #steel3d-contact .s3d-contact-form select:focus,
.steel3d-root #steel3d-contact .s3d-suggest-form input:focus,
.steel3d-root #steel3d-contact .s3d-suggest-form textarea:focus,
.steel3d-root #steel3d-contact .s3d-suggest-form select:focus {
  outline: none !important;
  border-color: #FFD700 !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35) !important;
}
.steel3d-root #s3dClientRegister .s3d-client-register-form .s3d-btn,
.steel3d-root #s3dClientRegister #s3dClientRegisterBtn,
.steel3d-root #steel3d-contact .s3d-contact-form .s3d-btn,
.steel3d-root #steel3d-contact .s3d-suggest-form .s3d-btn {
  min-height: 48px !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.130 company logo Choose file visible ===== */
.steel3d-root #s3dClientRegister input[type="file"],
.steel3d-root #s3dClientLogo,
.steel3d-root .s3d-client-register-form input[type="file"],
.steel3d-root .s3d-client-logo input[type="file"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #0a0d14 !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  padding: 0.45rem 0.55rem !important;
  min-height: 48px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

.steel3d-root #s3dClientRegister input[type="file"]::file-selector-button,
.steel3d-root #s3dClientLogo::file-selector-button,
.steel3d-root .s3d-client-register-form input[type="file"]::file-selector-button,
.steel3d-root .s3d-client-logo input[type="file"]::file-selector-button {
  background: #D4AF37 !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.55rem 1rem !important;
  margin-right: 0.75rem !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.steel3d-root #s3dClientRegister input[type="file"]::-webkit-file-upload-button,
.steel3d-root #s3dClientLogo::-webkit-file-upload-button,
.steel3d-root .s3d-client-register-form input[type="file"]::-webkit-file-upload-button,
.steel3d-root .s3d-client-logo input[type="file"]::-webkit-file-upload-button {
  background: #D4AF37 !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.55rem 1rem !important;
  margin-right: 0.75rem !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.steel3d-root #s3dClientRegister input[type="file"]:hover::file-selector-button,
.steel3d-root #s3dClientLogo:hover::file-selector-button,
.steel3d-root #s3dClientRegister input[type="file"]:hover::-webkit-file-upload-button,
.steel3d-root #s3dClientLogo:hover::-webkit-file-upload-button {
  background: #FFD700 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.131 process PANEL CTAs = choose-file gold ===== */
/* Bottom buttons inside each how-it-works section — NOT the top stage tabs */
.steel3d-root #how-it-works .s3d-process-panel .s3d-btn,
.steel3d-root #how-it-works .s3d-process-panel a.s3d-btn,
.steel3d-root #how-it-works .s3d-process-panel .s3d-btn-standard,
.steel3d-root #how-it-works .s3d-process-copy > .s3d-btn,
.steel3d-root #how-it-works .s3d-process-copy > a.s3d-btn,
.steel3d-root #s3dProcessStage .s3d-process-panel .s3d-btn,
.steel3d-root #s3dProcessStage .s3d-process-copy > a.s3d-btn-standard,
.steel3d-root #s3dProcessPanel01 .s3d-btn,
.steel3d-root #s3dProcessPanel02 .s3d-btn,
.steel3d-root #s3dProcessPanel03 .s3d-btn,
.steel3d-root #s3dProcessPanel04 .s3d-btn,
.steel3d-root #s3dProcessPanel05 .s3d-btn {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 4px !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 0.55rem 1rem !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.steel3d-root #how-it-works .s3d-process-panel .s3d-btn:hover,
.steel3d-root #how-it-works .s3d-process-panel a.s3d-btn:hover,
.steel3d-root #how-it-works .s3d-process-copy > .s3d-btn:hover,
.steel3d-root #s3dProcessStage .s3d-process-panel .s3d-btn:hover,
.steel3d-root #s3dProcessPanel01 .s3d-btn:hover,
.steel3d-root #s3dProcessPanel02 .s3d-btn:hover,
.steel3d-root #s3dProcessPanel03 .s3d-btn:hover,
.steel3d-root #s3dProcessPanel04 .s3d-btn:hover,
.steel3d-root #s3dProcessPanel05 .s3d-btn:hover {
  background: #FFD700 !important;
  background-color: #FFD700 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border: none !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.4) !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.132 Quote = Company Profile glass card ===== */
.steel3d-root #s3dQuoteSubmit .s3d-guest-inner,
.steel3d-root #s3dGuestSubmit.s3d-guest-inner,
.steel3d-root .s3d-quote-submit .s3d-guest-inner,
.steel3d-root #s3dQuoteSubmit .s3d-form-card,
.steel3d-root #s3dQuoteSubmit .s3d-panel-card {
  background: rgba(13, 17, 23, 0.75) !important;
  background-color: rgba(13, 17, 23, 0.75) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid transparent !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8),
              inset 0 1px 0 rgba(255, 215, 0, 0.12) !important;
  padding: 1.35rem 1.4rem !important;
  outline: none !important;
  box-sizing: border-box !important;
  max-width: min(640px, 96vw) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.steel3d-root #s3dQuoteSubmit,
.steel3d-root section.s3d-quote-submit,
.steel3d-root .s3d-quote-submit.s3d-guest-submit {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.steel3d-root #s3dQuoteSubmit form.s3d-guest-form,
.steel3d-root form.s3d-guest-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.steel3d-root #s3dQuoteSubmit .s3d-area-banner,
.steel3d-root .s3d-quote-submit .s3d-area-banner,
.steel3d-root .s3d-guest-submit .s3d-area-banner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  margin: 0 0 0.55rem !important;
}

.steel3d-root #s3dQuoteSubmit .s3d-guest-inner > h2,
.steel3d-root .s3d-quote-submit .s3d-guest-inner > h2,
.steel3d-root .s3d-guest-submit h2 {
  margin: 0 0 0.45rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
}

.steel3d-root #s3dQuoteSubmit .s3d-guest-lead,
.steel3d-root .s3d-quote-submit .s3d-guest-lead,
.steel3d-root .s3d-guest-submit .s3d-guest-lead {
  margin: 0 0 1rem !important;
  color: #cbd5e1 !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
}

.steel3d-root #s3dQuoteSubmit .s3d-guest-form label,
.steel3d-root .s3d-guest-form label {
  color: #e2e8f0 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  margin: 0 0 0.85rem !important;
}

.steel3d-root #s3dQuoteSubmit .s3d-guest-form input:not([type="checkbox"]):not([type="file"]),
.steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea,
.steel3d-root #s3dQuoteSubmit .s3d-guest-form select,
.steel3d-root .s3d-guest-form input:not([type="checkbox"]):not([type="file"]),
.steel3d-root .s3d-guest-form textarea,
.steel3d-root .s3d-guest-form select {
  min-height: 48px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #0a0d14 !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 0.65rem 0.85rem !important;
  font-size: 1rem !important;
  box-shadow: none !important;
}

.steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea,
.steel3d-root .s3d-guest-form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

.steel3d-root #s3dQuoteSubmit .s3d-guest-form input:not([type="checkbox"]):not([type="file"]):focus,
.steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea:focus,
.steel3d-root #s3dQuoteSubmit .s3d-guest-form select:focus,
.steel3d-root .s3d-guest-form input:not([type="checkbox"]):not([type="file"]):focus,
.steel3d-root .s3d-guest-form textarea:focus,
.steel3d-root .s3d-guest-form select:focus {
  outline: none !important;
  border-color: #FFD700 !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35) !important;
}

/* Quote Choose file = company logo gold */
.steel3d-root #s3dQuoteSubmit input[type="file"],
.steel3d-root #s3dGuestFile,
.steel3d-root .s3d-guest-form input[type="file"],
.steel3d-root .s3d-quote-file input[type="file"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #0a0d14 !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  padding: 0.45rem 0.55rem !important;
  min-height: 48px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

.steel3d-root #s3dQuoteSubmit input[type="file"]::file-selector-button,
.steel3d-root #s3dGuestFile::file-selector-button,
.steel3d-root .s3d-guest-form input[type="file"]::file-selector-button,
.steel3d-root .s3d-quote-file input[type="file"]::file-selector-button {
  background: #D4AF37 !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.55rem 1rem !important;
  margin-right: 0.75rem !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.steel3d-root #s3dQuoteSubmit input[type="file"]::-webkit-file-upload-button,
.steel3d-root #s3dGuestFile::-webkit-file-upload-button,
.steel3d-root .s3d-guest-form input[type="file"]::-webkit-file-upload-button,
.steel3d-root .s3d-quote-file input[type="file"]::-webkit-file-upload-button {
  background: #D4AF37 !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.55rem 1rem !important;
  margin-right: 0.75rem !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.steel3d-root #s3dQuoteSubmit input[type="file"]:hover::file-selector-button,
.steel3d-root #s3dGuestFile:hover::file-selector-button,
.steel3d-root #s3dQuoteSubmit input[type="file"]:hover::-webkit-file-upload-button,
.steel3d-root #s3dGuestFile:hover::-webkit-file-upload-button {
  background: #FFD700 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Terms row stays horizontal */
.steel3d-root #s3dQuoteSubmit .s3d-guest-accept,
.steel3d-root .s3d-guest-form .s3d-guest-accept {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  color: #cbd5e1 !important;
  font-weight: 500 !important;
}

.steel3d-root #s3dQuoteSubmit .s3d-guest-accept input[type="checkbox"],
.steel3d-root .s3d-guest-form .s3d-guest-accept input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin-top: 0.2rem !important;
  flex-shrink: 0 !important;
  accent-color: #D4AF37 !important;
}

/* Submit CTA = Choose file gold */
.steel3d-root #s3dQuoteSubmit #s3dGuestSubmitBtn,
.steel3d-root #s3dGuestSubmitBtn,
.steel3d-root .s3d-guest-form #s3dGuestSubmitBtn,
.steel3d-root .s3d-guest-form button[type="submit"] {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 4px !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 0.55rem 1rem !important;
  min-height: 48px !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.steel3d-root #s3dQuoteSubmit #s3dGuestSubmitBtn:hover,
.steel3d-root #s3dGuestSubmitBtn:hover,
.steel3d-root .s3d-guest-form button[type="submit"]:hover {
  background: #FFD700 !important;
  background-color: #FFD700 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.4) !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.133 Quote Address blue + Choose file gold ===== */
/* Address textarea must match the blue fill of Project / Company / Email inputs */
html body .steel3d-root #s3dQuoteSubmit #s3dGuestAddress,
html body .steel3d-root #s3dGuestAddress,
html body .steel3d-root #s3dQuoteSubmit textarea#s3dGuestAddress,
html body .steel3d-root .s3d-guest-form .s3d-guest-address textarea,
html body .steel3d-root .s3d-guest-address textarea,
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea {
  background: #10141E !important;
  background-color: #10141E !important;
  background-image: none !important;
  opacity: 1 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  min-height: 110px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.65rem 0.85rem !important;
  box-shadow: none !important;
}

/* Keep other quote text inputs on the same blue */
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form input[type="text"],
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form input[type="email"],
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form input[type="tel"],
html body .steel3d-root #s3dGuestProject,
html body .steel3d-root #s3dGuestCompany,
html body .steel3d-root #s3dGuestContact,
html body .steel3d-root #s3dGuestEmail,
html body .steel3d-root #s3dGuestPhone {
  background: #10141E !important;
  background-color: #10141E !important;
  background-image: none !important;
}

/* Choose file = same gold as Company Profile logo button */
html body .steel3d-root #s3dQuoteSubmit #s3dGuestFile,
html body .steel3d-root #s3dGuestFile,
html body .steel3d-root #s3dQuoteSubmit input[type="file"],
html body .steel3d-root .s3d-quote-file input[type="file"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #10141E !important;
  background-color: #10141E !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  padding: 0.45rem 0.55rem !important;
  min-height: 48px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

html body .steel3d-root #s3dQuoteSubmit #s3dGuestFile::file-selector-button,
html body .steel3d-root #s3dGuestFile::file-selector-button,
html body .steel3d-root #s3dQuoteSubmit input[type="file"]::file-selector-button,
html body .steel3d-root .s3d-quote-file input[type="file"]::file-selector-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.55rem 1rem !important;
  margin-right: 0.75rem !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body .steel3d-root #s3dQuoteSubmit #s3dGuestFile::-webkit-file-upload-button,
html body .steel3d-root #s3dGuestFile::-webkit-file-upload-button,
html body .steel3d-root #s3dQuoteSubmit input[type="file"]::-webkit-file-upload-button,
html body .steel3d-root .s3d-quote-file input[type="file"]::-webkit-file-upload-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.55rem 1rem !important;
  margin-right: 0.75rem !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body .steel3d-root #s3dQuoteSubmit #s3dGuestFile:hover::file-selector-button,
html body .steel3d-root #s3dGuestFile:hover::-webkit-file-upload-button {
  background: #FFD700 !important;
  background-color: #FFD700 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.136 Address = black+gold like other 5 ===== */
/* Kill the 48.135 blue/slate Address override — match Project/Company/etc exactly */
html body .steel3d-root #s3dQuoteSubmit #s3dGuestAddress,
html body .steel3d-root #s3dGuestAddress,
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-address input,
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-address textarea,
html body .steel3d-root .s3d-guest-form .s3d-guest-address input,
html body .steel3d-root .s3d-guest-form .s3d-guest-address textarea,
html body .steel3d-root .s3d-guest-form #s3dGuestAddress {
  background: #0a0d14 !important;
  background-color: #0a0d14 !important;
  background-image: none !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-color: rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  min-height: 48px !important;
  height: 48px !important;
  max-height: 48px !important;
  padding: 0.65rem 0.85rem !important;
  font-size: 1rem !important;
  line-height: 1.3 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  resize: none !important;
  box-shadow: none !important;
}

html body .steel3d-root #s3dQuoteSubmit #s3dGuestAddress:focus,
html body .steel3d-root #s3dGuestAddress:focus {
  outline: none !important;
  border-color: #FFD700 !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35) !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.137 credentials 8 identical CSCS pills + invisible glass ===== */
html body .steel3d-root #steel3d-credentials,
html body .steel3d-root section.s3d-credentials,
html body .steel3d-root .s3d-credentials,
html body .steel3d-root #steel3d-credentials .s3d-credentials-inner,
html body .steel3d-root #steel3d-credentials .s3d-wrap,
html body .steel3d-root .s3d-credentials-inner,
html body .steel3d-root #steel3d-credentials .s3d-credentials-badges,
html body .steel3d-root .s3d-credentials-badges {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-badges li,
html body .steel3d-root .s3d-credentials-badges li,
html body .steel3d-root #steel3d-credentials .s3d-credentials-kicker,
html body .steel3d-root .s3d-credentials-kicker,
html body .steel3d-root #steel3d-credentials .s3d-credentials-verify,
html body .steel3d-root .s3d-credentials-verify,
html body .steel3d-root #steel3d-credentials .s3d-pill--orange,
html body .steel3d-root .s3d-credentials .s3d-pill--orange {
  background: #0A0E14 !important;
  background-color: #0A0E14 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid #D4AF37 !important;
  border-color: #D4AF37 !important;
  border-radius: 50px !important;
  padding: 10px 22px !important;
  margin: 6px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  outline: none !important;
}

html body .steel3d-root #steel3d-credentials .s3d-pill--orange::before,
html body .steel3d-root .s3d-credentials .s3d-pill--orange::before,
html body .steel3d-root #steel3d-credentials .s3d-credentials-kicker::before,
html body .steel3d-root #steel3d-credentials .s3d-credentials-verify::before {
  content: none !important;
  display: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0 !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 1rem 0 !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.138 credentials sign gold ===== */
html body .steel3d-root #steel3d-credentials .s3d-credentials-sign,
html body .steel3d-root .s3d-credentials-sign,
html body .steel3d-root #steel3d-credentials p.s3d-credentials-sign {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 600 !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.139 [ OWNER VAULT ] gold ===== */
html body .steel3d-root #s3dOwnerGate .s3d-area-banner,
html body .steel3d-root .s3d-owner-gate .s3d-area-banner,
html body .steel3d-root .s3d-owner-gate-inner .s3d-area-banner,
html body .steel3d-root #s3dOwnerPortal .s3d-area-banner,
html body .steel3d-root .s3d-owner-portal .s3d-area-banner {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  margin: 0 0 0.55rem !important;
}


/* ===== BUILD-2026-09-16d48h: Directive 48.140 credentials verify pill wrap ===== */
html body .steel3d-root #steel3d-credentials .s3d-credentials-verify,
html body .steel3d-root .s3d-credentials-verify,
html body .steel3d-root #steel3d-credentials p.s3d-credentials-verify {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  max-width: calc(100% - 16px) !important;
  width: auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-align: center !important;
  line-height: 1.35 !important;
  padding: 10px 18px !important;
  height: auto !important;
  min-height: 0 !important;
}

@media (max-width: 640px) {
  html body .steel3d-root #steel3d-credentials .s3d-credentials-verify,
  html body .steel3d-root .s3d-credentials-verify {
    max-width: calc(100vw - 48px) !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.04em !important;
    padding: 10px 14px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}



/* ===== BUILD-2026-09-16d48h: Directive 48.142 phone home hero higher ===== */
@media (max-width: 767px) {
  html body .steel3d-root {
    --s3d-head-h: 44px !important;
    --s3d-anchor-pad: 0px !important;
    --s3d-scroll-extra: 0px !important;
  }

  html body .steel3d-root #steel3d-hero,
  html body .steel3d-root section.s3d-industrial-hero,
  html body .steel3d-root .s3d-mkt-hero,
  html body #steel3d-hero {
    padding-top: 44px !important;
    margin-top: 0 !important;
    scroll-margin-top: 44px !important;
    box-sizing: border-box !important;
  }

  html body .steel3d-root .s3d-mkt-hero {
    padding: 44px 0.75rem 0 !important;
  }

  html body .steel3d-root .s3d-mkt-hero-inner {
    padding-top: 0 !important;
    margin-top: 0 !important;
    gap: 0.65rem !important;
  }

  html body .steel3d-root .s3d-mkt-badge {
    margin-top: 0 !important;
    margin-bottom: 0.35rem !important;
  }

  html body .steel3d-root .s3d-mkt-logo,
  html body .steel3d-root .s3d-hero-logo {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  body.admin-bar .steel3d-root #steel3d-hero,
  body.admin-bar .steel3d-root .s3d-mkt-hero {
    padding-top: 90px !important;
  }
}


/* ===== BUILD-2026-09-19-vis: FAQ visibility block ===== */
.steel3d-root .s3d-mkt-faq {
  padding: 2.5rem 0 2rem !important;
  background: transparent !important;
}
.steel3d-root .s3d-mkt-faq-inner {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 1rem;
}
.steel3d-root .s3d-mkt-faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 1.25rem;
}
.steel3d-root .s3d-mkt-faq-item {
  background: rgba(13, 17, 23, 0.82) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 10px !important;
  padding: 0.85rem 1rem !important;
  color: #e2e8f0 !important;
}
.steel3d-root .s3d-mkt-faq-item summary {
  cursor: pointer;
  font-weight: 700;
  color: #D4AF37 !important;
  list-style: none;
}
.steel3d-root .s3d-mkt-faq-item summary::-webkit-details-marker { display: none; }
.steel3d-root .s3d-mkt-faq-item p {
  margin: 0.65rem 0 0 !important;
  color: #cbd5e1 !important;
  line-height: 1.55 !important;
}
.steel3d-root .s3d-mkt-faq-item a { color: #D4AF37 !important; }
.steel3d-root.s3d-mode-landing main > .s3d-mkt-faq {
  display: block !important;
  visibility: visible !important;
}
/* Flex order: FAQ sits after Documents, before Contact — never above Home */
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-faq,
.steel3d-root.s3d-mode-landing #steel3d-main > .s3d-mkt-faq {
  order: 13 !important;
}
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-contact {
  order: 14 !important;
}
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dOwnerGate {
  order: 15 !important;
}
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dOwnerPortal {
  order: 16 !important;
}


/* ===== BUILD-2026-09-19: Quote matches Company / Contact / Suggestions ===== */
/* Undo 48.141 transparent quote — same dark glass card as Company Profile */
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-inner,
html body .steel3d-root #s3dGuestSubmit.s3d-guest-inner,
html body .steel3d-root .s3d-quote-submit .s3d-guest-inner,
html body .steel3d-root #s3dQuoteSubmit .s3d-form-card,
html body .steel3d-root #s3dQuoteSubmit .s3d-panel-card,
html body .steel3d-root #s3dGuestSubmit.s3d-panel-card,
html body .steel3d-root #s3dGuestSubmit.s3d-form-card {
  background: rgba(13, 17, 23, 0.75) !important;
  background-color: rgba(13, 17, 23, 0.75) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid transparent !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8),
              inset 0 1px 0 rgba(255, 215, 0, 0.12) !important;
  outline: none !important;
  padding: 1.35rem 1.4rem !important;
  box-sizing: border-box !important;
  max-width: min(640px, 96vw) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Outer quote section stays chrome-free (card is the inner) */
html body .steel3d-root #s3dQuoteSubmit,
html body .steel3d-root section.s3d-quote-submit,
html body .steel3d-root .s3d-quote-submit.s3d-guest-submit {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .steel3d-root #s3dQuoteSubmit form.s3d-guest-form,
html body .steel3d-root form.s3d-guest-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-area-banner,
html body .steel3d-root .s3d-quote-submit .s3d-area-banner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  margin: 0 0 0.55rem !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-inner > h2,
html body .steel3d-root .s3d-quote-submit .s3d-guest-inner > h2 {
  margin: 0 0 0.45rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-lead,
html body .steel3d-root .s3d-quote-submit .s3d-guest-lead {
  margin: 0 0 1rem !important;
  color: #cbd5e1 !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form label,
html body .steel3d-root .s3d-guest-form label {
  color: #e2e8f0 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  margin: 0 0 0.85rem !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form input:not([type="checkbox"]):not([type="file"]),
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea,
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form select,
html body .steel3d-root .s3d-guest-form input:not([type="checkbox"]):not([type="file"]),
html body .steel3d-root .s3d-guest-form textarea,
html body .steel3d-root .s3d-guest-form select {
  min-height: 48px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #0a0d14 !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 0.65rem 0.85rem !important;
  font-size: 1rem !important;
  box-shadow: none !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form input:focus,
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea:focus,
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form select:focus {
  outline: none !important;
  border-color: #FFD700 !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35) !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form .s3d-btn,
html body .steel3d-root #s3dQuoteSubmit #s3dGuestSubmitBtn {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 0.35rem !important;
}


/* ===== BUILD-2026-09-20: iPad Documents Open — no card blow-up, any browser ===== */
html body .s3d-docs-modal,
html body #steel3dDocsModal.s3d-docs-modal,
.steel3d-root .s3d-docs-modal,
body > .s3d-docs-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  background: rgba(0, 0, 0, 0.86) !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
html body .s3d-docs-modal:not([hidden]),
html body #steel3dDocsModal.s3d-docs-modal:not([hidden]),
html body .s3d-docs-modal.is-open,
.steel3d-root .s3d-docs-modal:not([hidden]),
body > .s3d-docs-modal:not([hidden]) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .s3d-docs-modal[hidden],
.steel3d-root .s3d-docs-modal[hidden] {
  display: none !important;
}

html body .s3d-docs-modal-card,
body > .s3d-docs-modal .s3d-docs-modal-card,
.steel3d-root .s3d-docs-modal-card {
  width: min(960px, 100%) !important;
  max-height: min(92dvh, 900px) !important;
  overflow: auto !important;
  flex-shrink: 1 !important;
}

html body .s3d-docs-modal-frame,
.steel3d-root .s3d-docs-modal-frame {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: min(58dvh, 560px) !important;
  overflow: hidden !important;
}
html body .s3d-docs-modal-frame.is-fallback,
.steel3d-root .s3d-docs-modal-frame.is-fallback {
  min-height: 180px !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.25rem !important;
  box-sizing: border-box !important;
}
html body .s3d-docs-modal-embed,
html body .s3d-docs-modal-frame iframe,
html body .s3d-docs-modal-frame embed,
.steel3d-root .s3d-docs-modal-frame iframe,
.steel3d-root .s3d-docs-modal-frame embed {
  width: 100% !important;
  height: min(58dvh, 560px) !important;
  max-height: min(58dvh, 560px) !important;
  border: 0 !important;
  display: block !important;
  background: #0b132b !important;
}
html body .s3d-docs-modal.is-pdf-fallback .s3d-docs-modal-embed,
html body .s3d-docs-modal.is-pdf-fallback .s3d-docs-modal-frame iframe,
html body .s3d-docs-modal.is-pdf-fallback .s3d-docs-modal-frame embed {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
}

html body .s3d-docs-modal-fallback {
  text-align: center !important;
  padding: 0.5rem 0.75rem 1rem !important;
  max-width: 420px !important;
  margin: 0 auto !important;
}
html body .s3d-docs-modal-fallback[hidden] { display: none !important; }
html body .s3d-docs-modal-fallback-lead {
  color: #cbd5e1 !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  margin: 0 0 1rem !important;
}
html body .s3d-docs-modal-fallback-primary,
html body a.s3d-docs-modal-fallback-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  min-width: 180px !important;
  padding: 0.75rem 1.25rem !important;
  background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  font-weight: 800 !important;
  border: 1px solid #FFD700 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
}

/* Lock Documents cards — iPad sticky :hover must not grow layout */
html body .steel3d-root .s3d-docs-card,
html body .steel3d-root .s3d-docs-card:hover,
html body .steel3d-root .s3d-docs-card:focus,
html body .steel3d-root .s3d-docs-card:focus-within,
html body .steel3d-root .s3d-docs-card:active {
  transform: none !important;
  scale: none !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  flex-grow: 0 !important;
}
@media (hover: none) {
  html body .steel3d-root .s3d-docs-card:hover {
    border-color: rgba(212, 175, 55, 0.35) !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8) !important;
  }
}
html body.s3d-docs-modal-open,
html.s3d-docs-modal-open {
  overflow: hidden !important;
}


/* ===== BUILD-2026-09-23: ADDITIVE EXC2 RWC SECTION STYLES ===== */
.steel3d-root.s3d-mode-landing #steel3d-main > #rwc-services { order: 10 !important; }
.steel3d-root.s3d-mode-workspace #steel3d-main > #rwc-services,
.steel3d-root.s3d-mode-workspace main > #rwc-services { display: none !important; }
.steel3d-root nav.s3d-nav--full > a[href="#rwc-services"],
.steel3d-root nav.s3d-nav--full > a[data-s3d-scroll="rwc-services"] { order: 2 !important; }
.steel3d-root #steel3dMnavPanel > a[href="#rwc-services"],
.steel3d-root #steel3dMnavPanel > a[data-s3d-scroll="rwc-services"] { order: 2 !important; }

.steel3d-root #rwc-services.section-container {
  width: 100%;
  max-width: 1100px;
  margin: 2rem auto;
  padding: 1rem 1rem 1.5rem;
  box-sizing: border-box;
}
.steel3d-root #rwc-services .section-header {
  text-align: center;
  margin: 0 0 1rem;
}
/* Section title WHITE (not gold) */
.steel3d-root #rwc-services .section-header h2,
html body .steel3d-root #rwc-services .section-header h2 {
  margin: 0 0 0.4rem !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}
.steel3d-root #rwc-services .section-header p {
  margin: 0 auto;
  max-width: 42rem;
  color: #c9d1d9;
}

.steel3d-root #rwc-services .rwc-pricing-grid,
.rwc-pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  max-width: 1100px;
  margin: 20px auto;
}
.steel3d-root #rwc-services .pricing-card,
.steel3d-root #rwc-services .glass-card.pricing-card {
  background: rgba(13, 17, 23, 0.75) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: none !important;
  border-radius: 12px;
  padding: 24px 20px !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.steel3d-root #rwc-services .pricing-card h3 {
  margin: 0;
  color: #f0f6fc !important;
  -webkit-text-fill-color: #f0f6fc !important;
}
.steel3d-root #rwc-services .pricing-card .subtitle {
  margin: 0;
  color: #8b949e !important;
  -webkit-text-fill-color: #8b949e !important;
  font-size: 0.85rem;
}

.steel3d-root #rwc-services .tier-badge,
.steel3d-root #rwc-services .tier-badge.gold {
  font-size: 0.65rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: bold;
  margin-bottom: 8px;
  background: transparent !important;
}
.steel3d-root #rwc-services .pricing-card .price,
.steel3d-root #rwc-services .pricing-card .price span {
  font-size: 1.6rem;
  font-weight: bold;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  margin: 10px 0 2px 0;
}
.steel3d-root #rwc-services .pricing-card .price span {
  font-size: 0.85rem;
}
.steel3d-root #rwc-services .pricing-card .price-sub {
  font-size: 0.72rem;
  color: #8b949e !important;
  -webkit-text-fill-color: #8b949e !important;
  display: block;
  margin-bottom: 16px;
}
.steel3d-root #rwc-services .tier-features {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: left;
  font-size: 0.8rem;
  color: #c9d1d9;
}
.steel3d-root #rwc-services .tier-features li {
  padding: 6px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: #c9d1d9 !important;
}
.steel3d-root #rwc-services .tier-features li:last-child {
  border-bottom: none;
}
.steel3d-root #rwc-services .tier-features strong {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}

/* Match site primary CTAs — gold face, BLACK text (same as Submit Drawings / Estimate fee) */
html body .steel3d-root #rwc-services a.s3d-mkt-btn.s3d-mkt-btn--primary,
html body .steel3d-root #rwc-services .pricing-card a.s3d-mkt-btn--primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: auto !important;
  min-height: 48px !important;
  padding: 0.75rem 1rem !important;
  box-sizing: border-box !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: 1.1px !important;
  border-radius: 6px !important;
  border: 1px solid #FFD700 !important;
  background: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%) !important;
  background-color: #D4AF37 !important;
  background-image: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  box-shadow: 0 4px 18px rgba(212, 175, 55, 0.4) !important;
  text-shadow: none !important;
  outline: none !important;
}
html body .steel3d-root #rwc-services a.s3d-mkt-btn.s3d-mkt-btn--primary:hover,
html body .steel3d-root #rwc-services .pricing-card a.s3d-mkt-btn--primary:hover {
  background: linear-gradient(135deg, #FFD700 0%, #FFF099 50%, #D4AF37 100%) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.75), 0 0 50px rgba(212, 175, 55, 0.4) !important;
  transform: translateY(-2px) !important;
}
html body .steel3d-root #rwc-services a.s3d-btn:hover,
html body .steel3d-root #rwc-services a.s3d-btn.s3d-btn-standard:hover,
html body .steel3d-root #rwc-services .pricing-card a.s3d-btn:hover {
  background: var(--s3d-std-face-hover, #1a1a1a) !important;
  background-image: none !important;
  background-color: var(--s3d-std-face-hover, #1a1a1a) !important;
  border-color: var(--s3d-std-face-hover, #1a1a1a) !important;
  color: var(--s3d-std-ink, #ffffff) !important;
  -webkit-text-fill-color: var(--s3d-std-ink, #ffffff) !important;
  outline: 1px solid var(--s3d-std-frame, #ffffff) !important;
  outline-offset: calc(-1 * (var(--s3d-std-gap, 3px) + 1px)) !important;
  box-shadow: none !important;
  transform: none !important;
}


/* ===== BUILD-2026-09-25: Landing look polish (hero/nav/stats/glass/motion/mobile) ===== */
.steel3d-root.s3d-mode-landing nav.s3d-nav--full > a.s3d-nav-owner[hidden],
.steel3d-root #steel3dMnavPanel > a.s3d-nav-owner[hidden],
html body .steel3d-root a.s3d-nav-owner[hidden] {
  display: none !important;
}

.steel3d-root .s3d-mkt-stats--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: 900px !important;
  margin: 1.75rem auto 2rem !important;
  padding: 1.25rem 1rem !important;
  gap: 1rem !important;
}
@media (max-width: 700px) {
  .steel3d-root .s3d-mkt-stats--3 {
    grid-template-columns: 1fr !important;
  }
}

.steel3d-root .s3d-mkt-hero-inner {
  animation: s3dHeroIn 0.7s ease-out both;
}
.steel3d-root .s3d-mkt-actions {
  animation: s3dHeroIn 0.85s ease-out 0.12s both;
}
.steel3d-root .s3d-mkt-stats,
.steel3d-root #rwc-services,
.steel3d-root .s3d-mkt-services .s3d-mkt-card {
  animation: s3dFadeUp 0.65s ease-out both;
}
@keyframes s3dHeroIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes s3dFadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .steel3d-root .s3d-mkt-hero-inner,
  .steel3d-root .s3d-mkt-actions,
  .steel3d-root .s3d-mkt-stats,
  .steel3d-root #rwc-services,
  .steel3d-root .s3d-mkt-services .s3d-mkt-card {
    animation: none !important;
  }
}

.steel3d-root .s3d-mkt-services .s3d-mkt-card,
.steel3d-root #steel3d-features .s3d-mkt-card {
  background: rgba(13, 17, 23, 0.75) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.75) !important;
  padding: 1.15rem 1.1rem !important;
}
.steel3d-root .s3d-mkt-services .s3d-mkt-card h3 {
  color: #f8fafc !important;
}
.steel3d-root .s3d-mkt-card-idx {
  color: #D4AF37 !important;
}

.steel3d-root #steel3d-credentials .s3d-credentials-inner,
.steel3d-root section#steel3d-credentials .s3d-wrap {
  background: rgba(13, 17, 23, 0.78) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.75) !important;
}

.steel3d-root .s3d-docs-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 1rem !important;
}
.steel3d-root .s3d-docs-card {
  background: rgba(13, 17, 23, 0.75) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.steel3d-root .s3d-mkt-lead {
  max-width: 36rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 640px) {
  .steel3d-root .s3d-mkt-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    width: 100% !important;
  }
  .steel3d-root .s3d-mkt-actions .s3d-mkt-btn {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
  }
  .steel3d-root nav.s3d-nav--full {
    gap: 0.4rem !important;
  }
  .steel3d-root .s3d-docs-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  .steel3d-root .s3d-docs-actions .s3d-btn {
    min-height: 44px !important;
  }
}


/* ===== BUILD-2026-09-25b: Documents Open/Download/Print — larger hit targets ===== */
.steel3d-root .s3d-docs-actions {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0.55rem !important;
  width: 100% !important;
}
.steel3d-root .s3d-docs-actions > .s3d-btn,
.steel3d-root .s3d-docs-actions > button.s3d-btn,
.steel3d-root .s3d-docs-actions > a.s3d-btn,
.steel3d-root .s3d-docs-actions .s3d-btn,
.steel3d-root .s3d-docs-actions .s3d-btn-standard,
.steel3d-root .s3d-docs-actions a.s3d-btn {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
}
.steel3d-root .s3d-docs-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}


/* ===== BUILD-2026-09-25c: RWC duties panel (pricing cards removed) ===== */
.steel3d-root #rwc-services .rwc-duties,
.steel3d-root #rwc-services .glass-card.rwc-duties {
  max-width: 52rem !important;
  margin: 0 auto !important;
  padding: 1.5rem 1.35rem 1.35rem !important;
  background: rgba(13, 17, 23, 0.78) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(212, 175, 55, 0.24) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.75) !important;
  text-align: left !important;
}
.steel3d-root #rwc-services .rwc-duties-lead {
  margin: 0 0 1rem !important;
  color: #e2e8f0 !important;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
}
.steel3d-root #rwc-services .rwc-duties-list {
  margin: 0 0 1.1rem !important;
  padding: 0 0 0 1.15rem !important;
  color: #cbd5e1 !important;
  line-height: 1.55 !important;
}
.steel3d-root #rwc-services .rwc-duties-list li {
  margin: 0 0 0.65rem !important;
}
.steel3d-root #rwc-services .rwc-duties-list li:last-child {
  margin-bottom: 0 !important;
}
.steel3d-root #rwc-services .rwc-duties-list strong {
  color: #f8fafc !important;
}
.steel3d-root #rwc-services .rwc-duties-out {
  margin: 0 0 1.25rem !important;
  padding: 0.75rem 0.9rem !important;
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
  border-left: 3px solid rgba(212, 175, 55, 0.55) !important;
  background: rgba(0, 0, 0, 0.25) !important;
}
.steel3d-root #rwc-services .rwc-duties-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
}
.steel3d-root #rwc-services .rwc-duties-actions .s3d-mkt-btn {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.7rem 1.15rem !important;
}
@media (max-width: 640px) {
  .steel3d-root #rwc-services .rwc-duties-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .steel3d-root #rwc-services .rwc-duties-actions .s3d-mkt-btn {
    width: 100% !important;
  }
}


/* ===== BUILD-2026-09-25d: 2-col Core Services + Documents (04 under 02, DP under Rate) ===== */
.steel3d-root #steel3d-features .s3d-mkt-grid,
.steel3d-root .s3d-mkt-services .s3d-mkt-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.steel3d-root .s3d-docs-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  max-width: 920px !important;
}
@media (max-width: 700px) {
  .steel3d-root #steel3d-features .s3d-mkt-grid,
  .steel3d-root .s3d-mkt-services .s3d-mkt-grid,
  .steel3d-root .s3d-docs-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ===== BUILD-2026-09-25e: RWC Open Rate Card — high-contrast outline ===== */
html body .steel3d-root #rwc-services a.s3d-mkt-btn.s3d-mkt-btn--outline,
html body .steel3d-root #rwc-services .rwc-duties-actions a.s3d-mkt-btn--outline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0.75rem 1.15rem !important;
  box-sizing: border-box !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: 1.1px !important;
  border-radius: 6px !important;
  border: 2px solid #FFD700 !important;
  background: #0B0E14 !important;
  background-color: #0B0E14 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.35) !important;
  outline: none !important;
  opacity: 1 !important;
}
html body .steel3d-root #rwc-services a.s3d-mkt-btn.s3d-mkt-btn--outline:hover,
html body .steel3d-root #rwc-services .rwc-duties-actions a.s3d-mkt-btn--outline:hover {
  background: #1a1f2a !important;
  background-color: #1a1f2a !important;
  border-color: #FFF099 !important;
  color: #FFD700 !important;
  -webkit-text-fill-color: #FFD700 !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.35) !important;
  transform: translateY(-2px) !important;
}


/* ===== BUILD-2026-09-25f: Draughting estimator panels — solid match ===== */
html body .steel3d-root #s3dDraughtingEstimator .s3d-draft-form,
html body .steel3d-root #s3dDraughtingEstimator .s3d-draft-card,
html body .steel3d-root #s3dDraughtingEstimator aside.s3d-draft-card.s3d-pricing-card,
html body .steel3d-root .s3d-draft-estimator .s3d-draft-form,
html body .steel3d-root .s3d-draft-estimator .s3d-draft-card,
html body .steel3d-root .s3d-draft-estimator .s3d-draft-card.s3d-pricing-card {
  background: #10141E !important;
  background-color: #10141E !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html body .steel3d-root #s3dDraughtingEstimator .s3d-draft-card:hover,
html body .steel3d-root .s3d-draft-estimator .s3d-draft-card:hover,
html body .steel3d-root .s3d-draft-estimator .s3d-draft-card.s3d-pricing-card:hover {
  background: #10141E !important;
  background-color: #10141E !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  box-shadow: none !important;
}


/* ===== BUILD-2026-09-25g: Draughting estimator kicker — gold ===== */
html body .steel3d-root #s3dDraughtingEstimator .s3d-draft-kicker,
html body .steel3d-root .s3d-draft-estimator .s3d-draft-kicker,
html body .steel3d-root p.s3d-draft-kicker {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}


/* ===== BUILD-2026-09-25h: Landing polish 6 (hero/proof/breath/mobile/RWC SEO) ===== */

/* Landing order — proof after services; breath before RWC */
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-hero { order: 1 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #specs { order: 2 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-features { order: 3 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dProofStrip { order: 4 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dTechnicalWorkflow { order: 5 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dMktCta { order: 6 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dDraughtingEstimator { order: 7 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #how-it-works { order: 8 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dClientRegister { order: 9 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dQuoteSubmit { order: 10 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #showcase { order: 11 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #s3dMktBreath { order: 12 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #rwc-services { order: 13 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-credentials { order: 14 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-documents { order: 15 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-faq,
.steel3d-root.s3d-mode-landing #steel3d-main > .s3d-mkt-faq { order: 16 !important; }
.steel3d-root.s3d-mode-landing #steel3d-main > #steel3d-contact { order: 17 !important; }
.steel3d-root.s3d-mode-workspace #steel3d-main > #s3dProofStrip,
.steel3d-root.s3d-mode-workspace #steel3d-main > #s3dMktBreath { display: none !important; }

/* Hero secondary CTA — quieter than primary */
html body .steel3d-root .s3d-mkt-actions a.s3d-mkt-btn--quiet {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0.65rem 1.25rem !important;
  border-radius: 6px !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  background: transparent !important;
  background-image: none !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
  opacity: 0.92 !important;
}
html body .steel3d-root .s3d-mkt-actions a.s3d-mkt-btn--quiet:hover {
  border-color: #D4AF37 !important;
  color: #FFD700 !important;
  -webkit-text-fill-color: #FFD700 !important;
  opacity: 1 !important;
}

/* Proof strip */
.steel3d-root .s3d-proof-strip {
  max-width: 1100px;
  margin: 0 auto 2.75rem;
  padding: 0 1.25rem;
  box-sizing: border-box;
}
.steel3d-root .s3d-proof-inner {
  text-align: center;
}
.steel3d-root .s3d-proof-kicker {
  margin: 0 0 0.35rem;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.steel3d-root .s3d-proof-heading {
  margin: 0 0 1.25rem;
  color: #f8fafc !important;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 800;
}
.steel3d-root .s3d-proof-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}
.steel3d-root .s3d-proof-grid li {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  text-align: left;
  padding: 1.1rem 1.05rem;
  background: #10141E !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 8px;
  min-height: 100%;
  box-sizing: border-box;
}
.steel3d-root .s3d-proof-type {
  color: #f8fafc;
  font-weight: 800;
  font-size: 1rem;
}
.steel3d-root .s3d-proof-band {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.steel3d-root .s3d-proof-out {
  color: #94a3b8;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Quiet breath before RWC */
.steel3d-root .s3d-mkt-breath {
  max-width: 42rem;
  margin: 1.5rem auto 0.5rem;
  padding: 1.75rem 1.25rem;
  text-align: center;
  box-sizing: border-box;
}
.steel3d-root .s3d-mkt-breath p {
  margin: 0;
  color: #94a3b8 !important;
  font-size: 1.05rem;
  line-height: 1.55;
  font-weight: 500;
  border-top: 1px solid rgba(212, 175, 55, 0.28);
  border-bottom: 1px solid rgba(212, 175, 55, 0.28);
  padding: 1.15rem 0.5rem;
}

/* RWC SEO blurb */
.steel3d-root #rwc-services .rwc-seo-blurb {
  max-width: 46rem;
  margin: 0 auto 1.25rem;
  padding: 0 0.5rem;
  color: #cbd5e1 !important;
  font-size: 0.98rem;
  line-height: 1.55;
  text-align: center;
}

/* Mobile pass */
@media (max-width: 800px) {
  .steel3d-root .s3d-proof-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  .steel3d-root .s3d-mkt-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
    width: 100% !important;
  }
  .steel3d-root .s3d-mkt-actions .s3d-mkt-btn {
    width: 100% !important;
    min-height: 48px !important;
  }
  .steel3d-root .s3d-mkt-breath {
    padding: 1.25rem 1rem;
  }
  .steel3d-root #rwc-services .rwc-seo-blurb {
    text-align: left;
    font-size: 0.95rem;
  }
  .steel3d-root .s3d-draft-stage-opt {
    min-height: 48px !important;
    align-items: flex-start !important;
  }
  .steel3d-root #s3dDraughtingEstimator,
  .steel3d-root #rwc-services,
  .steel3d-root #s3dProofStrip {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}


/* ===== BUILD-2026-09-25i: RWC section visual refresh ===== */
.steel3d-root #rwc-services.rwc-section {
  max-width: 1100px !important;
  margin: 2.5rem auto 3rem !important;
  padding: 0 1.25rem 1.5rem !important;
}
.steel3d-root #rwc-services .rwc-kicker {
  margin: 0 0 0.45rem !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
}
.steel3d-root #rwc-services .rwc-section-head h2 {
  font-size: clamp(1.55rem, 3.6vw, 2.35rem) !important;
  letter-spacing: 0.02em !important;
}
.steel3d-root #rwc-services .rwc-glance {
  list-style: none !important;
  margin: 0 auto 1.35rem !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
  max-width: 920px !important;
}
.steel3d-root #rwc-services .rwc-glance li {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.2rem !important;
  align-items: flex-start !important;
  padding: 0.85rem 0.9rem !important;
  background: #10141E !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 8px !important;
  color: #e2e8f0 !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
.steel3d-root #rwc-services .rwc-glance li span {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
}
.steel3d-root #rwc-services .rwc-seo-blurb {
  max-width: 48rem !important;
  margin: 0 auto 1.5rem !important;
  color: #94a3b8 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
}
.steel3d-root #rwc-services .rwc-duties,
.steel3d-root #rwc-services .glass-card.rwc-duties {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 1.35rem 1.2rem 1.35rem !important;
  background: #0c1018 !important;
  background-color: #0c1018 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(212, 175, 55, 0.32) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px -18px rgba(0, 0, 0, 0.85) !important;
  text-align: left !important;
}
.steel3d-root #rwc-services .rwc-duties-lead {
  margin: 0 0 1.15rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
  color: #e2e8f0 !important;
  font-size: 1.08rem !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}
.steel3d-root #rwc-services .rwc-duties-grid {
  list-style: none !important;
  margin: 0 0 1.15rem !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}
.steel3d-root #rwc-services .rwc-duties-grid li {
  margin: 0 !important;
  padding: 1rem 1rem 1.05rem !important;
  background: #10141E !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  min-height: 100% !important;
  transition: border-color 0.2s ease, transform 0.2s ease !important;
}
.steel3d-root #rwc-services .rwc-duties-grid li:hover {
  border-color: rgba(212, 175, 55, 0.55) !important;
  transform: translateY(-2px) !important;
}
.steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide {
  grid-column: 1 / -1 !important;
}
.steel3d-root #rwc-services .rwc-duty-idx {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}
.steel3d-root #rwc-services .rwc-duties-grid h3 {
  margin: 0 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
.steel3d-root #rwc-services .rwc-duties-grid p {
  margin: 0 !important;
  color: #94a3b8 !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}
.steel3d-root #rwc-services .rwc-duties-out {
  margin: 0 0 1.25rem !important;
  padding: 0.9rem 1rem !important;
  color: #94a3b8 !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
  border-left: 3px solid #D4AF37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  border-radius: 0 8px 8px 0 !important;
}
.steel3d-root #rwc-services .rwc-duties-out strong {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}
.steel3d-root #rwc-services .rwc-duties-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: 0.25rem !important;
}
@media (max-width: 800px) {
  .steel3d-root #rwc-services .rwc-glance {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .steel3d-root #rwc-services .rwc-duties-grid {
    grid-template-columns: 1fr !important;
  }
  .steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide {
    grid-column: auto !important;
  }
}
@media (max-width: 640px) {
  .steel3d-root #rwc-services .rwc-glance {
    grid-template-columns: 1fr 1fr !important;
  }
  .steel3d-root #rwc-services .rwc-duties-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .steel3d-root #rwc-services .rwc-duties-actions .s3d-mkt-btn {
    width: 100% !important;
  }
  .steel3d-root #rwc-services .rwc-seo-blurb {
    text-align: left !important;
  }
}


/* ===== BUILD-2026-09-25j: Draughting estimate feedback flash ===== */
@keyframes s3dDraftFlash {
  0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.0); border-color: rgba(148, 163, 184, 0.28); }
  35% { box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.55); border-color: #D4AF37; }
  100% { box-shadow: none; border-color: rgba(148, 163, 184, 0.28); }
}
html body .steel3d-root #s3dDraughtingEstimator .s3d-draft-card.s3d-draft-card--flash,
html body .steel3d-root .s3d-draft-estimator .s3d-draft-card.s3d-draft-card--flash {
  animation: s3dDraftFlash 0.9s ease-out 1 !important;
}
html body .steel3d-root #s3dDraftEstCalc {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 5 !important;
}
html body .steel3d-root #s3dDraughtingEstimator .s3d-draft-form,
html body .steel3d-root #s3dDraughtingEstimator .s3d-draft-card {
  pointer-events: auto !important;
}


/* ===== BUILD-2026-09-25k: RWC kicker + duty 07 centered ===== */
.steel3d-root #rwc-services .rwc-section-head,
.steel3d-root #rwc-services .section-header.rwc-section-head {
  text-align: center !important;
}
.steel3d-root #rwc-services .rwc-kicker {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide {
  align-items: center !important;
  text-align: center !important;
}
.steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide .rwc-duty-idx,
.steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide h3,
.steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide .rwc-duty-copy,
.steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide .rwc-duty-sub {
  text-align: center !important;
  width: 100% !important;
}
.steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide .rwc-duty-copy {
  margin: 0 0 0.45rem !important;
  color: #94a3b8 !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}
.steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide .rwc-duty-sub {
  margin: 0 !important;
  color: #94a3b8 !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
}


/* ===== BUILD-2026-09-25m: Center area banners (quote / profile / owner) ===== */
html body .steel3d-root #s3dQuoteSubmit .s3d-area-banner,
html body .steel3d-root .s3d-quote-submit .s3d-area-banner,
html body .steel3d-root .s3d-guest-submit .s3d-area-banner,
html body .steel3d-root #s3dClientRegister .s3d-area-banner,
html body .steel3d-root .s3d-client-register .s3d-area-banner,
html body .steel3d-root #s3dOwnerGate .s3d-area-banner,
html body .steel3d-root .s3d-owner-gate .s3d-area-banner,
html body .steel3d-root .s3d-owner-gate-inner .s3d-area-banner,
html body .steel3d-root #s3dOwnerPortal .s3d-area-banner,
html body .steel3d-root .s3d-owner-portal .s3d-area-banner {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ===== BUILD-2026-09-25n: Mobile Menu — compact corner + scroll-hide ===== */
@media (max-width: 1099px) {
  html body .steel3d-root.s3d-mode-landing header.s3d-head.s3d-head--landing,
  html body header.s3d-head.s3d-head--landing {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: 100050 !important;
  }
  html body .steel3d-root.s3d-mode-landing .s3d-head-bar,
  html body header.s3d-head .s3d-head-bar {
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top, 0px)) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    pointer-events: none !important;
    z-index: 100070 !important;
    transition: transform 0.22s ease, opacity 0.22s ease !important;
  }
  html body .steel3d-root #steel3dMenuBtn,
  html body header.s3d-head #steel3dMenuBtn,
  html body .steel3d-root .s3d-burger-btn {
    pointer-events: auto !important;
    min-height: 44px !important;
    min-width: 72px !important;
    padding: 0.55rem 0.9rem !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
  }
  html.s3d-menu-scroll-hide body:not(.s3d-mobile-nav-open) .steel3d-root .s3d-head-bar,
  html.s3d-menu-scroll-hide body:not(.s3d-mobile-nav-open) header.s3d-head .s3d-head-bar,
  body.s3d-menu-scroll-hide:not(.s3d-mobile-nav-open) .steel3d-root .s3d-head-bar,
  body.s3d-menu-scroll-hide:not(.s3d-mobile-nav-open) header.s3d-head .s3d-head-bar {
    transform: translateY(-120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  body.s3d-mobile-nav-open .steel3d-root .s3d-head-bar,
  body.s3d-mobile-nav-open header.s3d-head .s3d-head-bar {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }
  body.s3d-mobile-nav-open #steel3dMenuBtn {
    pointer-events: auto !important;
  }
}


/* ===== BUILD-2026-09-27: Home hero only — brand-first full-bleed ===== */
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026,
html body .steel3d-root section#steel3d-hero.s3d-mkt-hero--steel.s3d-mkt-hero--home2026 {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-align: center !important;
  background: transparent !important;
  background-color: transparent !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-bg {
  position: absolute !important;
  inset: -4% !important;
  z-index: 0 !important;
  background-color: transparent !important;
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
  background-size: cover !important;
  background-position: center 42% !important;
  background-repeat: no-repeat !important;
  transform: scale(1.06) !important;
  animation: s3dHomeHeroDrift 28s ease-in-out infinite alternate !important;
  will-change: transform !important;
}

/* Soft read veil only — no solid black box over the photo */
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-vignette {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse 55% 48% at 50% 46%, rgba(7, 9, 14, 0.34) 0%, rgba(7, 9, 14, 0.12) 58%, rgba(7, 9, 14, 0.05) 100%),
    linear-gradient(180deg, rgba(7, 9, 14, 0.18) 0%, rgba(7, 9, 14, 0.04) 42%, rgba(7, 9, 14, 0.28) 100%) !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-grain {
  display: none !important;
  opacity: 0 !important;
}

/* Pull back the global body black wash while the home hero is on screen */
html body:has(#steel3d-hero.s3d-mkt-hero--home2026)::after,
html body:has(.steel3d-root.s3d-mode-landing #steel3d-hero)::after {
  background: rgba(13, 17, 23, 0.18) !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-inner {
  position: relative !important;
  z-index: 3 !important;
  width: min(920px, 92vw) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: max(4.5rem, calc(env(safe-area-inset-top, 0px) + 3.25rem)) 1.25rem 3.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-badge {
  display: none !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
  display: block !important;
  width: min(560px, 86vw) !important;
  max-width: 560px !important;
  height: auto !important;
  margin: 0 auto 1.35rem !important;
  filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.55)) !important;
  animation: s3dHomeHeroIn 0.9s ease-out both !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-title {
  margin: 0 0 1rem !important;
  font-size: clamp(1.85rem, 4.6vw, 3.15rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.12 !important;
  text-transform: none !important;
  animation: s3dHomeHeroIn 0.95s ease-out 0.08s both !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-title-line {
  display: block !important;
  color: #f3f5f8 !important;
  background: none !important;
  -webkit-text-fill-color: #f3f5f8 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85), 0 4px 28px rgba(0, 0, 0, 0.55) !important;
  font-size: 1.05em !important;
  margin-bottom: 0.28em !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-title-highlight {
  display: block !important;
  color: #d4af37 !important;
  background: none !important;
  -webkit-text-fill-color: #d4af37 !important;
  font-size: 0.62em !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 4px 22px rgba(0, 0, 0, 0.5) !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-lead {
  max-width: 34rem !important;
  margin: 0 auto 1.65rem !important;
  color: #e8eef6 !important;
  font-size: clamp(1.02rem, 2.2vw, 1.18rem) !important;
  line-height: 1.55 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85), 0 3px 18px rgba(0, 0, 0, 0.45) !important;
  animation: s3dHomeHeroIn 1s ease-out 0.14s both !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.85rem 1rem !important;
  width: 100% !important;
  margin: 0 0 1.15rem !important;
  animation: s3dHomeHeroIn 1.05s ease-out 0.2s both !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-btn {
  min-height: 48px !important;
  border-radius: 4px !important;
  letter-spacing: 0.06em !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-btn--primary {
  background: linear-gradient(180deg, #e0c56a 0%, #d4af37 48%, #b8922a 100%) !important;
  color: #0b0e14 !important;
  border: 1px solid rgba(255, 228, 160, 0.35) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important;
  font-weight: 800 !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-btn--primary:hover,
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-btn--primary:focus-visible {
  transform: translateY(-2px) !important;
  filter: brightness(1.06) !important;
  color: #0b0e14 !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-btn--quiet {
  background: rgba(8, 12, 18, 0.45) !important;
  color: #e8eef6 !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-btn--quiet:hover,
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-btn--quiet:focus-visible {
  border-color: #d4af37 !important;
  color: #fff !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-trust {
  margin: 0 !important;
  color: rgba(197, 206, 217, 0.78) !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  animation: s3dHomeHeroIn 1.1s ease-out 0.28s both !important;
}

@keyframes s3dHomeHeroIn {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes s3dHomeHeroDrift {
  from { transform: scale(1.06) translate3d(0, 0, 0); }
  to { transform: scale(1.12) translate3d(0, -1.2%, 0); }
}

@media (max-width: 700px) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-inner {
    padding-top: max(3.5rem, calc(env(safe-area-inset-top, 0px) + 2.5rem)) !important;
    padding-bottom: 2.5rem !important;
  }
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
    width: min(92vw, 420px) !important;
    margin-bottom: 1.1rem !important;
  }
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-title {
    font-size: clamp(1.55rem, 7vw, 2.05rem) !important;
  }
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-btn {
    width: 100% !important;
  }
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-btn--quiet {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.4) !important;
    border-radius: 0 !important;
    min-height: 44px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-bg,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-title,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-lead,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-actions,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-trust {
    animation: none !important;
  }
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-bg {
    transform: scale(1.04) !important;
  }
}


/* ===== BUILD-2026-09-27b: Home hero — compact (not full-screen) ===== */
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026,
html body .steel3d-root section#steel3d-hero.s3d-mkt-hero--steel.s3d-mkt-hero--home2026,
html body .steel3d-root section.s3d-mkt-hero.s3d-mkt-hero--home2026 {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-inner {
  padding: 2.75rem 1.25rem 2.35rem !important;
  min-height: 0 !important;
  height: auto !important;
  justify-content: center !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
  width: min(420px, 72vw) !important;
  max-width: 420px !important;
  margin: 0 auto 1rem !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-title {
  font-size: clamp(1.45rem, 3.6vw, 2.35rem) !important;
  margin: 0 0 0.75rem !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-lead {
  margin: 0 auto 1.25rem !important;
  font-size: clamp(0.98rem, 2vw, 1.08rem) !important;
}

@media (max-width: 700px) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026,
  html body .steel3d-root section#steel3d-hero.s3d-mkt-hero--steel.s3d-mkt-hero--home2026 {
    min-height: 0 !important;
    height: auto !important;
  }
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-inner {
    padding: 2.1rem 1rem 1.85rem !important;
    min-height: 0 !important;
  }
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
    width: min(78vw, 300px) !important;
  }
}

/* Override older Directive phone rule that forced 100dvh on #steel3d-hero */
@media (max-width: 900px) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026,
  html body .steel3d-root section#steel3d-hero.s3d-mkt-hero--home2026,
  html body .steel3d-root section.s3d-mkt-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-inner {
    min-height: 0 !important;
    height: auto !important;
  }
}


/* ===== BUILD-2026-09-27c: Home logo — bigger on PC, centred on phone ===== */
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-inner {
  align-items: center !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  object-fit: contain !important;
}

@media (min-width: 701px) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
    width: min(540px, 78vw) !important;
    max-width: 540px !important;
    margin: 0 auto 1.15rem !important;
  }
}

@media (max-width: 700px) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-inner {
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
    width: min(86vw, 340px) !important;
    max-width: 340px !important;
    margin: 0 auto 1rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ===== BUILD-2026-09-27d: Home BG — crisper on PC ===== */
@media (min-width: 701px) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-bg {
    inset: 0 !important;
    transform: none !important;
    animation: none !important;
    will-change: auto !important;
    background-size: cover !important;
    background-position: center 38% !important;
    background-repeat: no-repeat !important;
    image-rendering: auto !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    filter: contrast(1.06) saturate(1.04) brightness(1.02) !important;
  }

  /* Keep site body photo wash sharp too when home is showing */
  html body:has(#steel3d-hero.s3d-mkt-hero--home2026)::before {
    filter: contrast(1.05) saturate(1.03) brightness(1.02) !important;
    -webkit-filter: contrast(1.05) saturate(1.03) brightness(1.02) !important;
    background-size: cover !important;
    background-position: center 38% !important;
    transform: none !important;
  }

  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-vignette {
    background:
      radial-gradient(ellipse 52% 44% at 50% 44%, rgba(7, 9, 14, 0.22) 0%, rgba(7, 9, 14, 0.08) 62%, rgba(7, 9, 14, 0.03) 100%),
      linear-gradient(180deg, rgba(7, 9, 14, 0.12) 0%, rgba(7, 9, 14, 0.02) 45%, rgba(7, 9, 14, 0.2) 100%) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-bg {
    animation: none !important;
    transform: none !important;
  }
}


/* ===== BUILD-2026-09-27e: Home BG = hero-bg-06 ===== */
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-bg,
html body .steel3d-root .s3d-mkt-hero--home2026 .s3d-mkt-hero-bg {
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
}

html body:has(#steel3d-hero.s3d-mkt-hero--home2026)::before,
html body:has(.steel3d-root.s3d-mode-landing #steel3d-hero)::before {
  background-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp") !important;
}

html body .steel3d-root {
  --s3d-hero-bg-image: url("https://steel3d.co.uk/wp-content/uploads/2026/09/steel3d-hero-bg-06.webp");
}


/* ===== BUILD-2026-09-27f: Phone logo — no right crop ===== */
@media (max-width: 700px) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026,
  html body .steel3d-root section#steel3d-hero.s3d-mkt-hero--home2026 {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-hero-inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: max(1rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(1rem, env(safe-area-inset-right, 0px)) !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo,
  html body .steel3d-root #steel3d-hero .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero .s3d-mkt-logo {
    display: block !important;
    width: auto !important;
    max-width: min(100%, 300px) !important;
    height: auto !important;
    margin: 0 auto 1rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    float: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    box-sizing: border-box !important;
    transform: none !important;
  }
}


/* ===== BUILD-2026-09-27g: Home logo — slightly lighter ===== */
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
  filter: brightness(1.18) contrast(1.04) drop-shadow(0 18px 40px rgba(0, 0, 0, 0.55)) !important;
  -webkit-filter: brightness(1.18) contrast(1.04) drop-shadow(0 18px 40px rgba(0, 0, 0, 0.55)) !important;
  opacity: 1 !important;
}

/* ===== BUILD-2026-09-27h: Home logo — lighter + slightly bigger ===== */
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
  filter: brightness(1.32) contrast(1.06) drop-shadow(0 18px 40px rgba(0, 0, 0, 0.55)) !important;
  -webkit-filter: brightness(1.32) contrast(1.06) drop-shadow(0 18px 40px rgba(0, 0, 0, 0.55)) !important;
  opacity: 1 !important;
}

@media (min-width: 701px) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo {
    width: min(620px, 84vw) !important;
    max-width: 620px !important;
    margin: 0 auto 1.15rem !important;
  }
}

@media (max-width: 700px) {
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero.s3d-mkt-hero--home2026 .s3d-mkt-logo,
  html body .steel3d-root #steel3d-hero .s3d-hero-logo,
  html body .steel3d-root #steel3d-hero .s3d-mkt-logo {
    width: auto !important;
    max-width: min(100%, 340px) !important;
    height: auto !important;
    margin: 0 auto 1rem !important;
  }
}

/* ===== BUILD-2026-09-27i: Nav + buttons — glass bar, gold underline, stronger CTAs ===== */

/* Header: denser dark glass */
html body .steel3d-root header.s3d-head,
html body .steel3d-root > header.s3d-head,
html body > header.s3d-head {
  background: rgba(7, 9, 14, 0.78) !important;
  backdrop-filter: blur(14px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.12) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.22) !important;
  box-shadow: 0 1px 0 rgba(212, 175, 55, 0.08), 0 12px 28px rgba(0, 0, 0, 0.35) !important;
}
html body .steel3d-root header.s3d-head.s3d-head-scrolled,
html body > header.s3d-head.s3d-head-scrolled {
  background: rgba(7, 9, 14, 0.9) !important;
  border-bottom-color: rgba(212, 175, 55, 0.32) !important;
  box-shadow: 0 1px 0 rgba(212, 175, 55, 0.14), 0 16px 36px rgba(0, 0, 0, 0.42) !important;
}

/* Desktop nav strip: no boxed pills — clean text + gold underline */
html body .steel3d-root header.s3d-head nav.s3d-nav,
html body .steel3d-root nav.s3d-nav.s3d-head-nav,
html body .steel3d-root nav.s3d-nav.s3d-nav--full,
html body > header.s3d-head nav.s3d-nav {
  gap: 0 2px !important;
}

html body .steel3d-root header.s3d-head nav.s3d-nav > a,
html body .steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-link,
html body .steel3d-root header.s3d-head nav.s3d-nav > a.s3d-btn,
html body .steel3d-root header.s3d-head nav.s3d-nav > a.s3d-btn-standard,
html body .steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link,
html body .steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-link,
html body > header.s3d-head nav.s3d-nav > a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: rgba(232, 238, 246, 0.82) !important;
  -webkit-text-fill-color: rgba(232, 238, 246, 0.82) !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  text-shadow: none !important;
  filter: none !important;
  min-height: 48px !important;
  min-width: 0 !important;
  padding: 0 0.7rem !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  transition: color 0.22s ease, background 0.22s ease !important;
}

/* Restore gold underline (was killed by older ::after { display:none }) */
html body .steel3d-root header.s3d-head nav.s3d-nav > a::after,
html body .steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-link::after,
html body .steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link::after,
html body .steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-link::after,
html body > header.s3d-head nav.s3d-nav > a::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0.55rem !important;
  right: 0.55rem !important;
  bottom: 10px !important;
  height: 2px !important;
  border-radius: 0 !important;
  background: #D4AF37 !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.22s ease !important;
  pointer-events: none !important;
}

html body .steel3d-root header.s3d-head nav.s3d-nav > a:hover,
html body .steel3d-root header.s3d-head nav.s3d-nav > a:focus-visible,
html body .steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link:hover,
html body .steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-link:hover,
html body > header.s3d-head nav.s3d-nav > a:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .steel3d-root header.s3d-head nav.s3d-nav > a:hover::after,
html body .steel3d-root header.s3d-head nav.s3d-nav > a:focus-visible::after,
html body .steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-active::after,
html body .steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-link:hover::after,
html body .steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-active::after,
html body > header.s3d-head nav.s3d-nav > a:hover::after,
html body > header.s3d-head nav.s3d-nav > a.s3d-nav-active::after {
  transform: scaleX(1) !important;
}

html body .steel3d-root header.s3d-head nav.s3d-nav > a.s3d-nav-active,
html body .steel3d-root nav.s3d-nav.s3d-nav--full > a.s3d-nav-active,
html body .steel3d-root nav.s3d-nav.s3d-head-nav > a.s3d-nav-active,
html body > header.s3d-head nav.s3d-nav > a.s3d-nav-active {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* OWNER — quieter text link */
html body .steel3d-root header.s3d-head nav.s3d-nav > a[data-s3d-route="owner"],
html body .steel3d-root nav.s3d-nav > a[data-s3d-route="owner"],
html body > header.s3d-head nav.s3d-nav > a[data-s3d-route="owner"] {
  color: rgba(232, 238, 246, 0.45) !important;
  -webkit-text-fill-color: rgba(232, 238, 246, 0.45) !important;
  letter-spacing: 0.14em !important;
  font-weight: 600 !important;
}
html body .steel3d-root header.s3d-head nav.s3d-nav > a[data-s3d-route="owner"]:hover,
html body .steel3d-root header.s3d-head nav.s3d-nav > a[data-s3d-route="owner"].s3d-nav-active {
  color: rgba(212, 175, 55, 0.85) !important;
  -webkit-text-fill-color: rgba(212, 175, 55, 0.85) !important;
}

/* Mobile Menu button + panel rows */
html body .steel3d-root .s3d-burger-btn {
  background: rgba(11, 14, 20, 0.85) !important;
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 0 !important;
  outline: none !important;
  min-height: 48px !important;
  min-width: 48px !important;
  letter-spacing: 0.12em !important;
  font-weight: 800 !important;
}
html body .steel3d-root .s3d-burger-btn:hover,
html body .steel3d-root .s3d-burger-btn[aria-expanded="true"] {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
}

html body .steel3d-root .s3d-mnav-panel > a {
  background: rgba(11, 14, 20, 0.92) !important;
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-radius: 0 !important;
  outline: none !important;
  min-height: 48px !important;
  justify-content: flex-start !important;
  padding: 0 1rem !important;
  letter-spacing: 0.1em !important;
}
html body .steel3d-root .s3d-mnav-panel > a:hover,
html body .steel3d-root .s3d-mnav-panel > a.s3d-nav-active {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.1) !important;
}

/* Hero / marketing CTAs — sharper gold primary + ghost secondary */
html body .steel3d-root #steel3d-hero .s3d-mkt-btn--primary,
html body .steel3d-root .s3d-mkt-hero .s3d-mkt-btn--primary,
html body .steel3d-root a.s3d-mkt-btn--primary,
html body .steel3d-root .s3d-mkt-btn--primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 1.35rem !important;
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  background-color: #D4AF37 !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: filter 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}
html body .steel3d-root #steel3d-hero .s3d-mkt-btn--primary:hover,
html body .steel3d-root .s3d-mkt-hero .s3d-mkt-btn--primary:hover,
html body .steel3d-root a.s3d-mkt-btn--primary:hover,
html body .steel3d-root .s3d-mkt-btn--primary:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(212, 175, 55, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  transform: none !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
}

html body .steel3d-root #steel3d-hero .s3d-mkt-btn--outline,
html body .steel3d-root .s3d-mkt-hero .s3d-mkt-btn--outline,
html body .steel3d-root a.s3d-mkt-btn--outline,
html body .steel3d-root .s3d-mkt-btn--outline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 1.35rem !important;
  background: rgba(7, 9, 14, 0.35) !important;
  color: #f2f5f8 !important;
  -webkit-text-fill-color: #f2f5f8 !important;
  border: 1px solid rgba(232, 238, 246, 0.55) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease !important;
  transform: none !important;
}
html body .steel3d-root #steel3d-hero .s3d-mkt-btn--outline:hover,
html body .steel3d-root .s3d-mkt-hero .s3d-mkt-btn--outline:hover,
html body .steel3d-root a.s3d-mkt-btn--outline:hover,
html body .steel3d-root .s3d-mkt-btn--outline:hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Site-wide standard buttons — CAD frame, no white outline boxes */
html body .steel3d-root .s3d-btn-standard:not(.s3d-nav-link):not([data-s3d-route]),
html body .steel3d-root a.s3d-btn-standard:not(.s3d-nav-link):not([data-s3d-route]),
html body .steel3d-root button.s3d-btn-standard,
html body .steel3d-root .s3d-btn:not(.s3d-nav-link):not(.s3d-mkt-btn):not([data-s3d-route]),
html body .steel3d-root button.s3d-btn:not(.s3d-mkt-btn) {
  min-height: 48px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(212, 175, 55, 0.38) !important;
  outline: none !important;
  background: rgba(11, 14, 20, 0.92) !important;
  color: #e8eef6 !important;
  -webkit-text-fill-color: #e8eef6 !important;
  letter-spacing: 0.08em !important;
  box-shadow: none !important;
}
html body .steel3d-root .s3d-btn-standard:not(.s3d-nav-link):not([data-s3d-route]):hover,
html body .steel3d-root a.s3d-btn-standard:not(.s3d-nav-link):not([data-s3d-route]):hover,
html body .steel3d-root button.s3d-btn-standard:hover,
html body .steel3d-root .s3d-btn:not(.s3d-nav-link):not(.s3d-mkt-btn):not([data-s3d-route]):hover,
html body .steel3d-root button.s3d-btn:not(.s3d-mkt-btn):hover {
  border-color: #D4AF37 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(212, 175, 55, 0.12) !important;
  transform: none !important;
}

/* Primary filled buttons elsewhere */
html body .steel3d-root .s3d-btn-primary,
html body .steel3d-root a.s3d-btn-primary,
html body .steel3d-root button.s3d-btn-primary {
  min-height: 48px !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  outline: none !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  letter-spacing: 0.1em !important;
}
html body .steel3d-root .s3d-btn-primary:hover,
html body .steel3d-root a.s3d-btn-primary:hover,
html body .steel3d-root button.s3d-btn-primary:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
  transform: none !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
}

@media (max-width: 900px) {
  html body .steel3d-root header.s3d-head,
  html body .steel3d-root > header.s3d-head {
    background: rgba(7, 9, 14, 0.88) !important;
  }
}

/* ===== BUILD-2026-09-27j: How it works — premium process stage ===== */
html body .steel3d-root #how-it-works.s3d-process-flow,
html body .steel3d-root section#how-it-works,
html body .steel3d-root .s3d-process-flow {
  position: relative !important;
  padding: clamp(2.5rem, 5vw, 4.5rem) 0 clamp(3rem, 6vw, 5rem) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .steel3d-root #how-it-works .s3d-process-flow-inner,
html body .steel3d-root .s3d-process-flow-inner {
  max-width: min(72rem, 94vw) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Header */
html body .steel3d-root #how-it-works .s3d-process-kicker {
  display: inline-block !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #how-it-works .s3d-process-heading {
  margin: 0 0 0.55rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.85rem, 3.6vw, 2.75rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1 !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45) !important;
}

html body .steel3d-root #how-it-works .s3d-process-lead {
  max-width: 36rem !important;
  margin: 0 auto 1.85rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

/* Hide old chevron arrows — rail handles flow */
html body .steel3d-root #how-it-works .s3d-process-arrow {
  display: none !important;
}

/* Timeline: 5 equal steps on a gold rail */
html body .steel3d-root #how-it-works .s3d-process-timeline,
html body .steel3d-root #how-it-works .s3d-process-timeline--5 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  margin: 0 0 1.5rem !important;
  padding: 0.35rem 0 0.15rem !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .steel3d-root #how-it-works .s3d-process-timeline--5::before {
  content: "" !important;
  position: absolute !important;
  left: 6% !important;
  right: 6% !important;
  top: 1.55rem !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.55) 12%, rgba(212, 175, 55, 0.55) 88%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body .steel3d-root #how-it-works .s3d-process-step,
html body .steel3d-root #how-it-works button.s3d-process-step,
html body .steel3d-root #how-it-works #s3dProcessTabs .s3d-process-step {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.55rem !important;
  min-height: 0 !important;
  padding: 0.35rem 0.4rem 0.85rem !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  cursor: pointer !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

html body .steel3d-root #how-it-works .s3d-process-badge,
html body .steel3d-root #how-it-works .step-badge,
html body .steel3d-root #how-it-works .process-number,
html body .steel3d-root #how-it-works [data-step-number] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.15rem !important;
  height: 2.15rem !important;
  min-width: 2.15rem !important;
  min-height: 2.15rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 1px solid rgba(212, 175, 55, 0.55) !important;
  background: rgba(7, 9, 14, 0.92) !important;
  background-color: rgba(7, 9, 14, 0.92) !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  box-shadow: 0 0 0 4px rgba(7, 9, 14, 0.85) !important;
}

html body .steel3d-root #how-it-works .s3d-process-label {
  display: block !important;
  max-width: 9.5rem !important;
  margin: 0 auto !important;
  color: rgba(232, 238, 246, 0.72) !important;
  -webkit-text-fill-color: rgba(232, 238, 246, 0.72) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

html body .steel3d-root #how-it-works .s3d-process-step:hover .s3d-process-label,
html body .steel3d-root #how-it-works .s3d-process-step:focus-visible .s3d-process-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .steel3d-root #how-it-works .s3d-process-step:hover .s3d-process-badge,
html body .steel3d-root #how-it-works .s3d-process-step:focus-visible .s3d-process-badge {
  border-color: #D4AF37 !important;
  color: #FFD700 !important;
  -webkit-text-fill-color: #FFD700 !important;
}

/* Active step */
html body .steel3d-root #how-it-works .s3d-process-step.is-active,
html body .steel3d-root #how-it-works .s3d-process-step[aria-selected="true"],
html body .steel3d-root #how-it-works button.s3d-process-step.is-active,
html body .steel3d-root #how-it-works button.s3d-process-step[aria-selected="true"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  clip-path: none !important;
}

html body .steel3d-root #how-it-works .s3d-process-step.is-active .s3d-process-badge,
html body .steel3d-root #how-it-works .s3d-process-step[aria-selected="true"] .s3d-process-badge {
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 45%, #B8860B 100%) !important;
  background-color: #D4AF37 !important;
  border-color: #E8C547 !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  box-shadow: 0 0 0 4px rgba(7, 9, 14, 0.85), 0 6px 16px rgba(0, 0, 0, 0.35) !important;
}

html body .steel3d-root #how-it-works .s3d-process-step.is-active .s3d-process-label,
html body .steel3d-root #how-it-works .s3d-process-step[aria-selected="true"] .s3d-process-label {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}

html body .steel3d-root #how-it-works .s3d-process-step.is-active::after,
html body .steel3d-root #how-it-works .s3d-process-step[aria-selected="true"]::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 18% !important;
  right: 18% !important;
  bottom: 0 !important;
  height: 2px !important;
  background: #D4AF37 !important;
}

/* Stage panel */
html body .steel3d-root #how-it-works .s3d-process-stage {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body .steel3d-root #how-it-works .s3d-process-panel,
html body .steel3d-root #how-it-works .s3d-process-panel.process-card,
html body .steel3d-root #how-it-works .s3d-process-panel.how-it-works-item {
  display: none !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr) !important;
  gap: clamp(1.25rem, 3vw, 2.25rem) !important;
  align-items: center !important;
  text-align: left !important;
  padding: clamp(1.35rem, 2.8vw, 2.15rem) !important;
  background: rgba(10, 13, 20, 0.78) !important;
  background-color: rgba(10, 13, 20, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
}

html body .steel3d-root #how-it-works .s3d-process-panel.is-active,
html body .steel3d-root #how-it-works .s3d-process-panel:not([hidden]) {
  display: grid !important;
}

html body .steel3d-root #how-it-works .s3d-process-panel[hidden] {
  display: none !important;
}

/* Diagram well */
html body .steel3d-root #how-it-works .s3d-process-diagram {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 11rem !important;
  padding: 1rem !important;
  margin: 0 !important;
  background: rgba(7, 9, 14, 0.65) !important;
  background-color: rgba(7, 9, 14, 0.65) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
}

html body .steel3d-root #how-it-works .s3d-process-diagram svg {
  width: min(100%, 280px) !important;
  height: auto !important;
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.12)) !important;
}

html body .steel3d-root #how-it-works .s3d-process-copy {
  background: transparent !important;
  padding: 0 !important;
}

html body .steel3d-root #how-it-works .s3d-process-copy h3 {
  margin: 0 0 0.65rem !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: clamp(1.05rem, 2vw, 1.35rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
}

html body .steel3d-root #how-it-works .s3d-process-copy p {
  margin: 0 0 1rem !important;
  color: rgba(226, 232, 240, 0.88) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.88) !important;
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
}

html body .steel3d-root #how-it-works .s3d-process-points {
  list-style: none !important;
  margin: 0 0 1.25rem !important;
  padding: 0 !important;
}

html body .steel3d-root #how-it-works .s3d-process-points li {
  margin: 0 !important;
  padding: 0.55rem 0 0.55rem 0.85rem !important;
  border: none !important;
  border-top: 1px solid rgba(212, 175, 55, 0.18) !important;
  border-left: none !important;
  color: rgba(226, 232, 240, 0.85) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.85) !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
  background: transparent !important;
}

html body .steel3d-root #how-it-works .s3d-process-points li:first-child {
  border-top: none !important;
  padding-top: 0 !important;
}

html body .steel3d-root #how-it-works .s3d-process-points strong {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

/* CTA in panel */
html body .steel3d-root #how-it-works .s3d-process-copy .s3d-btn,
html body .steel3d-root #how-it-works .s3d-process-copy a.s3d-btn-standard {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 1.25rem !important;
  margin: 0 !important;
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #how-it-works .s3d-process-copy .s3d-btn:hover,
html body .steel3d-root #how-it-works .s3d-process-copy a.s3d-btn-standard:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
  transform: none !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
}

@media (max-width: 900px) {
  html body .steel3d-root #how-it-works .s3d-process-timeline--5::before {
    display: none !important;
  }
  html body .steel3d-root #how-it-works .s3d-process-timeline,
  html body .steel3d-root #how-it-works .s3d-process-timeline--5 {
    grid-template-columns: 1fr !important;
    gap: 0.35rem !important;
  }
  html body .steel3d-root #how-it-works .s3d-process-step,
  html body .steel3d-root #how-it-works button.s3d-process-step {
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 0.85rem !important;
    min-height: 48px !important;
    padding: 0.65rem 0.75rem !important;
    border: 1px solid rgba(212, 175, 55, 0.22) !important;
    background: rgba(10, 13, 20, 0.72) !important;
    text-align: left !important;
  }
  html body .steel3d-root #how-it-works .s3d-process-step.is-active,
  html body .steel3d-root #how-it-works .s3d-process-step[aria-selected="true"] {
    border-color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.1) !important;
  }
  html body .steel3d-root #how-it-works .s3d-process-step.is-active::after,
  html body .steel3d-root #how-it-works .s3d-process-step[aria-selected="true"]::after {
    display: none !important;
  }
  html body .steel3d-root #how-it-works .s3d-process-label {
    max-width: none !important;
    text-align: left !important;
    font-size: 0.78rem !important;
  }
  html body .steel3d-root #how-it-works .s3d-process-badge {
    box-shadow: none !important;
  }
  html body .steel3d-root #how-it-works .s3d-process-panel.is-active,
  html body .steel3d-root #how-it-works .s3d-process-panel:not([hidden]) {
    grid-template-columns: 1fr !important;
  }
}

/* ===== BUILD-2026-09-27k: Freelance RWC — fantastic shop-floor section ===== */

/* Quiet breath strip */
html body .steel3d-root .s3d-mkt-breath {
  max-width: min(44rem, 92vw) !important;
  margin: 0 auto clamp(1.25rem, 3vw, 2rem) !important;
  padding: 0.85rem 1rem !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.22) !important;
  box-shadow: none !important;
}
html body .steel3d-root .s3d-mkt-breath p {
  margin: 0 !important;
  color: rgba(226, 232, 240, 0.72) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.72) !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

/* Section shell */
html body .steel3d-root #rwc-services.section-container,
html body .steel3d-root #rwc-services.rwc-section {
  width: 100% !important;
  max-width: min(72rem, 94vw) !important;
  margin: 0 auto !important;
  padding: clamp(2.25rem, 4.5vw, 4rem) 0 clamp(2.75rem, 5vw, 4.5rem) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #rwc-services .rwc-section-head,
html body .steel3d-root #rwc-services .section-header {
  text-align: center !important;
  margin: 0 auto 1.5rem !important;
  max-width: 40rem !important;
}

html body .steel3d-root #rwc-services .rwc-kicker {
  display: inline-block !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #rwc-services .section-header h2,
html body .steel3d-root #rwc-services .rwc-section-head h2 {
  margin: 0 0 0.65rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.85rem, 3.6vw, 2.75rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1 !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45) !important;
}

html body .steel3d-root #rwc-services .section-header > p:not(.rwc-kicker),
html body .steel3d-root #rwc-services .rwc-section-head > p:not(.rwc-kicker) {
  margin: 0 auto !important;
  max-width: 36rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

/* Glance chips — gold-frame CAD tiles */
html body .steel3d-root #rwc-services .rwc-glance {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
  max-width: min(52rem, 100%) !important;
  margin: 0 auto 1.35rem !important;
  padding: 0 !important;
}

html body .steel3d-root #rwc-services .rwc-glance li {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  min-height: 5.25rem !important;
  margin: 0 !important;
  padding: 0.85rem 0.65rem !important;
  background: rgba(10, 13, 20, 0.72) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  backdrop-filter: blur(10px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
}

html body .steel3d-root #rwc-services .rwc-glance li span {
  display: block !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* SEO blurb — quiet secondary line, not a wall */
html body .steel3d-root #rwc-services .rwc-seo-blurb {
  max-width: 42rem !important;
  margin: 0 auto 1.65rem !important;
  padding: 0 0.5rem !important;
  color: rgba(226, 232, 240, 0.55) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.55) !important;
  font-size: 0.86rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
}

/* Duties glass panel */
html body .steel3d-root #rwc-services .rwc-duties,
html body .steel3d-root #rwc-services .glass-card.rwc-duties {
  margin: 0 auto !important;
  padding: clamp(1.35rem, 2.8vw, 2.15rem) !important;
  background: rgba(10, 13, 20, 0.78) !important;
  background-color: rgba(10, 13, 20, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
}

html body .steel3d-root #rwc-services .rwc-duties-lead {
  margin: 0 0 1.25rem !important;
  padding: 0 0 1rem !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
  color: rgba(244, 247, 251, 0.92) !important;
  -webkit-text-fill-color: rgba(244, 247, 251, 0.92) !important;
  font-size: 1.02rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

html body .steel3d-root #rwc-services .rwc-duties-grid {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  margin: 0 0 1.25rem !important;
  padding: 0 !important;
}

html body .steel3d-root #rwc-services .rwc-duties-grid li {
  position: relative !important;
  margin: 0 !important;
  padding: 1rem 1rem 1rem 3.15rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}

html body .steel3d-root #rwc-services .rwc-duties-grid li:hover {
  border-color: rgba(212, 175, 55, 0.45) !important;
  background: rgba(212, 175, 55, 0.06) !important;
}

html body .steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide {
  grid-column: 1 / -1 !important;
}

html body .steel3d-root #rwc-services .rwc-duty-idx {
  position: absolute !important;
  left: 0.85rem !important;
  top: 1.05rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(212, 175, 55, 0.55) !important;
  border-radius: 0 !important;
  background: rgba(7, 9, 14, 0.9) !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

html body .steel3d-root #rwc-services .rwc-duties-grid h3 {
  margin: 0 0 0.4rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
}

html body .steel3d-root #rwc-services .rwc-duties-grid p,
html body .steel3d-root #rwc-services .rwc-duty-copy,
html body .steel3d-root #rwc-services .rwc-duty-sub {
  margin: 0 !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  background: transparent !important;
}

html body .steel3d-root #rwc-services .rwc-duty-sub {
  margin-top: 0.35rem !important;
  color: rgba(226, 232, 240, 0.58) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.58) !important;
  font-size: 0.82rem !important;
}

html body .steel3d-root #rwc-services .rwc-duties-out {
  margin: 0 0 1.35rem !important;
  padding: 0.85rem 1rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.18) !important;
  border-left: 2px solid rgba(212, 175, 55, 0.55) !important;
  border-radius: 0 !important;
  color: rgba(226, 232, 240, 0.7) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.7) !important;
  font-size: 0.86rem !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

html body .steel3d-root #rwc-services .rwc-duties-out strong {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
}

/* Actions */
html body .steel3d-root #rwc-services .rwc-duties-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: 0 !important;
}

html body .steel3d-root #rwc-services .rwc-duties-actions .s3d-mkt-btn,
html body .steel3d-root #rwc-services a.s3d-mkt-btn {
  width: auto !important;
  min-width: 11rem !important;
  min-height: 48px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  letter-spacing: 0.1em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #rwc-services a.s3d-mkt-btn--primary,
html body .steel3d-root #rwc-services .rwc-duties-actions a.s3d-mkt-btn--primary {
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

html body .steel3d-root #rwc-services a.s3d-mkt-btn--primary:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
  transform: none !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
}

html body .steel3d-root #rwc-services a.s3d-mkt-btn--outline,
html body .steel3d-root #rwc-services .rwc-duties-actions a.s3d-mkt-btn--outline {
  background: rgba(7, 9, 14, 0.35) !important;
  color: #f2f5f8 !important;
  -webkit-text-fill-color: #f2f5f8 !important;
  border: 1px solid rgba(232, 238, 246, 0.55) !important;
  box-shadow: none !important;
}

html body .steel3d-root #rwc-services a.s3d-mkt-btn--outline:hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  transform: none !important;
}

@media (max-width: 900px) {
  html body .steel3d-root #rwc-services .rwc-glance {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body .steel3d-root #rwc-services .rwc-duties-grid {
    grid-template-columns: 1fr !important;
  }
  html body .steel3d-root #rwc-services .rwc-duties-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body .steel3d-root #rwc-services .rwc-duties-actions .s3d-mkt-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 520px) {
  html body .steel3d-root #rwc-services .rwc-glance {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* ===== BUILD-2026-09-27k2: RWC duty 07 — no title under badge ===== */
html body .steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide {
  align-items: flex-start !important;
  text-align: left !important;
  padding: 1rem 1rem 1rem 3.15rem !important;
}
html body .steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide .rwc-duty-idx {
  position: absolute !important;
  left: 0.85rem !important;
  top: 1.05rem !important;
  width: 1.85rem !important;
  height: 1.85rem !important;
  margin: 0 !important;
}
html body .steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide h3,
html body .steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide .rwc-duty-copy,
html body .steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide .rwc-duty-sub {
  text-align: left !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
html body .steel3d-root #rwc-services .rwc-duties-grid li.rwc-duty-wide h3 {
  margin: 0 0 0.4rem !important;
  padding-left: 0 !important;
}

/* ===== BUILD-2026-09-27m: Company Profile — premium form + RWC interest ===== */
html body .steel3d-root #s3dClientRegister.s3d-client-register,
html body .steel3d-root .s3d-client-register {
  max-width: min(52rem, 94vw) !important;
  margin: 0 auto !important;
  padding: clamp(2.25rem, 4.5vw, 4rem) 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-inner,
html body .steel3d-root .s3d-client-register-inner {
  margin: 0 auto !important;
  padding: clamp(1.35rem, 2.8vw, 2.15rem) !important;
  background: rgba(10, 13, 20, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  text-align: left !important;
}

html body .steel3d-root #s3dClientRegister .s3d-area-banner,
html body .steel3d-root #s3dClientRegister .s3d-client-register-kicker {
  display: block !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

html body .steel3d-root #s3dClientRegister h2 {
  margin: 0 0 0.65rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-lead {
  margin: 0 0 1.15rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-glance {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  margin: 0 0 1.35rem !important;
  padding: 0 !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-glance li {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.25rem !important;
  min-height: 4.25rem !important;
  margin: 0 !important;
  padding: 0.7rem 0.75rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-radius: 0 !important;
  color: rgba(226, 232, 240, 0.75) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.75) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-glance li span {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.85rem 0.9rem !important;
  margin: 0 !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-form label {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  margin: 0 !important;
  color: rgba(226, 232, 240, 0.82) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.82) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-address,
html body .steel3d-root #s3dClientRegister .s3d-client-logo,
html body .steel3d-root #s3dClientRegister .s3d-client-rwc-opt,
html body .steel3d-root #s3dClientRegister #s3dClientRegisterBtn {
  grid-column: 1 / -1 !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-form input,
html body .steel3d-root #s3dClientRegister .s3d-client-register-form textarea {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0.7rem 0.85rem !important;
  box-sizing: border-box !important;
  background: rgba(7, 9, 14, 0.72) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 0 !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  outline: none !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-form textarea {
  min-height: 5.5rem !important;
  resize: vertical !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-form input:focus,
html body .steel3d-root #s3dClientRegister .s3d-client-register-form textarea:focus {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-rwc-opt {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
  padding: 0.95rem 1rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 2px solid #D4AF37 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-rwc-opt input[type="checkbox"] {
  width: 1.15rem !important;
  height: 1.15rem !important;
  min-height: 0 !important;
  margin-top: 0.15rem !important;
  accent-color: #D4AF37 !important;
  flex: 0 0 auto !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-rwc-opt-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  color: rgba(226, 232, 240, 0.88) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.88) !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-rwc-opt-text strong {
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-rwc-opt-text em {
  font-style: normal !important;
  color: rgba(226, 232, 240, 0.62) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.62) !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-rwc-opt-text a {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body .steel3d-root #s3dClientRegister #s3dClientRegisterBtn,
html body .steel3d-root #s3dClientRegister button.s3d-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 0.25rem !important;
  padding: 0 1.25rem !important;
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dClientRegister #s3dClientRegisterBtn:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
  transform: none !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-result {
  margin-top: 1.15rem !important;
  padding: 1rem !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 2px solid #D4AF37 !important;
  background: rgba(7, 9, 14, 0.55) !important;
}

html body .steel3d-root #s3dClientRegister .s3d-client-register-result strong {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 1.15rem !important;
  letter-spacing: 0.08em !important;
}

@media (max-width: 700px) {
  html body .steel3d-root #s3dClientRegister .s3d-client-register-glance {
    grid-template-columns: 1fr 1fr !important;
  }
  html body .steel3d-root #s3dClientRegister .s3d-client-register-form {
    grid-template-columns: 1fr !important;
  }
}

/* ===== BUILD-2026-09-27q: Quote submit — sibling of Company Profile ===== */
html body .steel3d-root #s3dQuoteSubmit.s3d-quote-submit,
html body .steel3d-root .s3d-quote-submit.s3d-guest-submit {
  max-width: min(52rem, 94vw) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(2.25rem, 4.5vw, 4rem) 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-inner,
html body .steel3d-root #s3dGuestSubmit.s3d-guest-inner {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(1.35rem, 2.8vw, 2.15rem) !important;
  background: rgba(10, 13, 20, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  text-align: left !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-area-banner,
html body .steel3d-root #s3dQuoteSubmit .s3d-quote-kicker {
  display: block !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

html body .steel3d-root #s3dQuoteSubmit h2 {
  margin: 0 0 0.65rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-lead {
  margin: 0 0 1.15rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-glance {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  margin: 0 0 1.35rem !important;
  padding: 0 !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-glance li {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.25rem !important;
  min-height: 4.25rem !important;
  margin: 0 !important;
  padding: 0.7rem 0.75rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-radius: 0 !important;
  color: rgba(226, 232, 240, 0.75) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.75) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-glance li span {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.85rem 0.9rem !important;
  margin: 0 !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form label {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  margin: 0 !important;
  color: rgba(226, 232, 240, 0.82) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.82) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-optional {
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: lowercase !important;
  color: rgba(226, 232, 240, 0.45) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.45) !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-address,
html body .steel3d-root #s3dQuoteSubmit .s3d-quote-file,
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-accept,
html body .steel3d-root #s3dQuoteSubmit #s3dGuestSubmitBtn,
html body .steel3d-root #s3dQuoteSubmit .s3d-quote-handoff {
  grid-column: 1 / -1 !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form input,
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0.7rem 0.85rem !important;
  box-sizing: border-box !important;
  background: rgba(7, 9, 14, 0.72) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 0 !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  outline: none !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea {
  min-height: 4.25rem !important;
  resize: vertical !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form input:focus,
html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form textarea:focus {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-file {
  position: relative !important;
  gap: 0.45rem !important;
  padding: 1.1rem 1rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px dashed rgba(212, 175, 55, 0.45) !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-file:hover,
html body .steel3d-root #s3dQuoteSubmit .s3d-quote-file:focus-within {
  border-color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.06) !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-file-title {
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-file-hint {
  color: rgba(226, 232, 240, 0.55) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.55) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-file input[type="file"] {
  width: 100% !important;
  min-height: 42px !important;
  margin-top: 0.35rem !important;
  padding: 0.45rem 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(226, 232, 240, 0.85) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.85) !important;
  font-size: 0.88rem !important;
  cursor: pointer !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-accept {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
  padding: 0.95rem 1rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 2px solid #D4AF37 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-accept input[type="checkbox"] {
  width: 1.15rem !important;
  height: 1.15rem !important;
  min-height: 0 !important;
  margin-top: 0.15rem !important;
  accent-color: #D4AF37 !important;
  flex: 0 0 auto !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-accept span {
  color: rgba(226, 232, 240, 0.82) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.82) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-accept a {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body .steel3d-root #s3dQuoteSubmit #s3dGuestSubmitBtn,
html body .steel3d-root #s3dQuoteSubmit button.s3d-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin-top: 0.25rem !important;
  padding: 0 1.25rem !important;
  justify-self: stretch !important;
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dQuoteSubmit #s3dGuestSubmitBtn:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
  transform: none !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-handoff {
  margin: 0.15rem 0 0 !important;
  color: rgba(226, 232, 240, 0.58) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.58) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-quote-handoff a {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-result {
  margin-top: 1.15rem !important;
  padding: 1rem !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 2px solid #D4AF37 !important;
  background: rgba(7, 9, 14, 0.55) !important;
}

html body .steel3d-root #s3dQuoteSubmit .s3d-guest-result strong {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 1.15rem !important;
  letter-spacing: 0.08em !important;
}

@media (max-width: 700px) {
  html body .steel3d-root #s3dQuoteSubmit .s3d-quote-glance {
    grid-template-columns: 1fr 1fr !important;
  }
  html body .steel3d-root #s3dQuoteSubmit .s3d-guest-form {
    grid-template-columns: 1fr !important;
  }
}

/* ===== BUILD-2026-09-27s: Showcase — sibling of Quote / Profile ===== */
html body .steel3d-root #showcase.s3d-showcase-wrap,
html body .steel3d-root .s3d-showcase-wrap {
  max-width: min(58rem, 94vw) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(2.25rem, 4.5vw, 4rem) 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #showcase .s3d-showcase-inner,
html body .steel3d-root .s3d-showcase-inner {
  margin: 0 auto !important;
  padding: clamp(1.35rem, 2.8vw, 2.15rem) !important;
  background: rgba(10, 13, 20, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #showcase .s3d-showcase-kicker {
  display: block !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

html body .steel3d-root #showcase .s3d-showcase-heading,
html body .steel3d-root #showcase h2.s3d-showcase-heading {
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  max-width: none !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
  text-transform: none !important;
  text-align: left !important;
}

html body .steel3d-root #showcase .s3d-showcase-lead {
  margin: 0 auto 0.45rem !important;
  max-width: 40rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

html body .steel3d-root #showcase .s3d-showcase-trust {
  margin: 0 auto 1.35rem !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body .steel3d-root #showcase .s3d-showcase-grid {
  margin: 0 0 1.35rem !important;
  padding: 0 !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.75rem !important;
}

html body .steel3d-root #showcase .s3d-showcase-panel,
html body .steel3d-root #showcase .s3d-showcase-card {
  margin: 0 !important;
  background: rgba(7, 9, 14, 0.72) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body .steel3d-root #showcase .s3d-showcase-panel:hover,
html body .steel3d-root #showcase .s3d-showcase-card:hover {
  border-color: rgba(212, 175, 55, 0.55) !important;
}

html body .steel3d-root #showcase .s3d-showcase-open {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: #07090E !important;
  cursor: pointer !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 10 !important;
}

html body .steel3d-root #showcase .s3d-showcase-open img,
html body .steel3d-root #showcase .s3d-showcase-panel img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center 42% !important;
  transform: scale(1.12) !important;
  transform-origin: center center !important;
  transition: transform 0.35s ease !important;
  background: #07090E !important;
}

html body .steel3d-root #showcase .s3d-showcase-panel:hover .s3d-showcase-open img {
  transform: scale(1.18) !important;
}

html body .steel3d-root #showcase .s3d-showcase-panel figcaption {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.2rem !important;
  padding: 0.75rem 0.85rem !important;
  border-top: 1px solid rgba(212, 175, 55, 0.22) !important;
  background: rgba(7, 9, 14, 0.55) !important;
}

html body .steel3d-root #showcase .s3d-showcase-panel figcaption strong {
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

html body .steel3d-root #showcase .s3d-showcase-sub {
  color: rgba(226, 232, 240, 0.55) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.55) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #showcase .s3d-showcase-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.85rem 1.25rem !important;
  margin: 0 !important;
  padding: 1rem 1.05rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 2px solid #D4AF37 !important;
}

html body .steel3d-root #showcase .s3d-showcase-cta-lead {
  margin: 0 !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
}

html body .steel3d-root #showcase .s3d-showcase-cta .s3d-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 1.25rem !important;
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #showcase .s3d-showcase-cta .s3d-btn-primary:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
}

html body .steel3d-root #showcase .s3d-showcase-lightbox-panel {
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  background: rgba(10, 13, 20, 0.96) !important;
}

@media (max-width: 700px) {
  html body .steel3d-root #showcase .s3d-showcase-grid {
    grid-template-columns: 1fr !important;
  }
  html body .steel3d-root #showcase .s3d-showcase-cta {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body .steel3d-root #showcase .s3d-showcase-cta .s3d-btn-primary {
    width: 100% !important;
  }
}

/* ===== BUILD-2026-09-27c: Credentials — sibling of Showcase / Quote ===== */
html body .steel3d-root #steel3d-credentials.s3d-credentials,
html body .steel3d-root .s3d-credentials {
  max-width: min(52rem, 94vw) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(2.25rem, 4.5vw, 4rem) 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-inner {
  margin: 0 auto !important;
  padding: 0 clamp(0.5rem, 2vw, 1rem) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-kicker,
html body .steel3d-root #steel3d-credentials .s3d-credentials-kicker.s3d-pill {
  display: block !important;
  width: auto !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-title {
  margin: 0 0 0.65rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-lead {
  margin: 0 0 1.15rem !important;
  max-width: 40rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-standards {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  margin: 0 0 1.15rem !important;
  padding: 0 !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-standards li {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.25rem !important;
  min-height: 4rem !important;
  margin: 0 !important;
  padding: 0.7rem 0.75rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-radius: 0 !important;
  color: rgba(226, 232, 240, 0.75) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.75) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-standards li span {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-badges {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.55rem !important;
  margin: 0 0 1.15rem !important;
  padding: 0 !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-badges li {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0.3rem !important;
  min-height: 4.5rem !important;
  margin: 0 !important;
  padding: 0.85rem 0.9rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 2px solid #D4AF37 !important;
  border-radius: 0 !important;
  color: rgba(226, 232, 240, 0.88) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.88) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-badges li span {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-verify,
html body .steel3d-root #steel3d-credentials .s3d-credentials-verify.s3d-pill {
  display: block !important;
  width: auto !important;
  margin: 0 0 0.45rem !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(226, 232, 240, 0.58) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.58) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: left !important;
  line-height: 1.45 !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-sign {
  margin: 0 0 1.15rem !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin: 0 !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-cta .s3d-btn {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-cta .s3d-btn-primary {
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #steel3d-credentials .s3d-credentials-cta .s3d-btn-primary:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
}

@media (max-width: 700px) {
  html body .steel3d-root #steel3d-credentials .s3d-credentials-standards {
    grid-template-columns: 1fr 1fr !important;
  }
  html body .steel3d-root #steel3d-credentials .s3d-credentials-badges {
    grid-template-columns: 1fr !important;
  }
  html body .steel3d-root #steel3d-credentials .s3d-credentials-cta {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body .steel3d-root #steel3d-credentials .s3d-credentials-cta .s3d-btn {
    width: 100% !important;
  }
}

/* ===== BUILD-2026-09-27d: Documents — sibling of Credentials / Showcase ===== */
html body .steel3d-root #steel3d-documents.s3d-docs-section,
html body .steel3d-root .s3d-docs-section {
  max-width: min(58rem, 94vw) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(2.25rem, 4.5vw, 4rem) 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-inner {
  margin: 0 auto !important;
  padding: clamp(1.35rem, 2.8vw, 2.15rem) !important;
  background: rgba(10, 13, 20, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-kicker {
  display: block !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-heading {
  margin: 0 0 0.65rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
  text-transform: none !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-lead {
  margin: 0 auto 0.45rem !important;
  max-width: 40rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-trust {
  margin: 0 auto 1.35rem !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-grid {
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.75rem !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 1rem 1.05rem 1.05rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-left: 2px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-card:hover {
  border-color: rgba(212, 175, 55, 0.55) !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-tag {
  margin: 0 0 0.45rem !important;
  padding: 0 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-card h3 {
  margin: 0 0 0.45rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-card > p:not(.s3d-docs-tag) {
  margin: 0 0 1rem !important;
  flex: 1 1 auto !important;
  color: rgba(226, 232, 240, 0.72) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.72) !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 0.45rem !important;
  width: 100% !important;
  margin-top: auto !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-actions .s3d-btn {
  flex: 1 1 auto !important;
  min-height: 44px !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  width: auto !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-actions .s3d-btn-primary {
  flex: 1 1 100% !important;
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-actions .s3d-btn-primary:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-actions .s3d-docs-btn-quiet {
  flex: 1 1 calc(50% - 0.25rem) !important;
  background: rgba(7, 9, 14, 0.72) !important;
  color: rgba(226, 232, 240, 0.88) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.88) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #steel3d-documents .s3d-docs-actions .s3d-docs-btn-quiet:hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}

@media (max-width: 700px) {
  html body .steel3d-root #steel3d-documents .s3d-docs-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ===== BUILD-2026-09-27e: Contact — no outer glass; gold form cards ===== */
html body .steel3d-root #steel3d-contact.s3d-contact-section,
html body .steel3d-root .s3d-contact-section {
  max-width: min(64rem, 94vw) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(2.25rem, 4.5vw, 4rem) 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-inner,
html body .steel3d-root #steel3d-contact > .s3d-wrap {
  margin: 0 auto !important;
  padding: 0 clamp(0.5rem, 2vw, 1rem) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #steel3d-contact .s3d-trial-strip {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 1.5rem !important;
  margin-inline: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #steel3d-contact .s3d-trial-strip > * {
  width: 100% !important;
  max-width: 42rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  float: none !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-kicker {
  display: block !important;
  margin: 0 auto 0.45rem !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-contact .s3d-trial-strip-kicker {
  display: block !important;
  margin: 0 auto 0.55rem !important;
  color: rgba(226, 232, 240, 0.55) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.55) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-contact #s3dContactHeading {
  margin: 0 auto 0.65rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-intro {
  margin: 0 auto 0.45rem !important;
  max-width: 40rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-trust {
  margin: 0 auto 0.85rem !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-direct {
  margin: 0 auto 1rem !important;
  color: rgba(226, 232, 240, 0.72) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.72) !important;
  font-size: 0.92rem !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-email {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-cta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.65rem !important;
  width: 100% !important;
  max-width: 42rem !important;
  margin: 0 auto !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-cta-row .s3d-btn {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-cta-row .s3d-btn-primary,
html body .steel3d-root #steel3d-contact .s3d-contact-card .s3d-btn-primary {
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-cta-row .s3d-btn-primary:hover,
html body .steel3d-root #steel3d-contact .s3d-contact-card .s3d-btn-primary:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-suggest-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.85rem !important;
  align-items: stretch !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-card,
html body .steel3d-root #steel3d-contact .s3d-panel-card.s3d-form-card,
html body .steel3d-root #steel3d-contact .s3d-suggest-panel {
  margin: 0 !important;
  padding: clamp(1.15rem, 2.4vw, 1.65rem) !important;
  background: rgba(10, 13, 20, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-card-kicker,
html body .steel3d-root #steel3d-contact .s3d-suggest-hud {
  display: block !important;
  margin: 0 0 0.55rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-title,
html body .steel3d-root #steel3d-contact .s3d-suggest-title {
  margin: 0 0 0.55rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-lead,
html body .steel3d-root #steel3d-contact .s3d-suggest-lead {
  margin: 0 0 1rem !important;
  color: rgba(226, 232, 240, 0.72) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.72) !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-form .s3d-input,
html body .steel3d-root #steel3d-contact .s3d-contact-form .s3d-select,
html body .steel3d-root #steel3d-contact .s3d-suggest-form .s3d-input,
html body .steel3d-root #steel3d-contact .s3d-contact-form textarea,
html body .steel3d-root #steel3d-contact .s3d-suggest-form textarea {
  min-height: 48px !important;
  background: rgba(7, 9, 14, 0.72) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 0 !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-form .s3d-input:focus,
html body .steel3d-root #steel3d-contact .s3d-contact-form .s3d-select:focus,
html body .steel3d-root #steel3d-contact .s3d-suggest-form .s3d-input:focus,
html body .steel3d-root #steel3d-contact textarea:focus {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
  outline: none !important;
}

html body .steel3d-root #steel3d-contact .s3d-contact-form .s3d-btn-primary,
html body .steel3d-root #steel3d-contact .s3d-suggest-form .s3d-btn-primary {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 0.35rem !important;
}

html body .steel3d-root #steel3d-contact .s3d-form-note a {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 700 !important;
}

@media (max-width: 860px) {
  html body .steel3d-root #steel3d-contact .s3d-contact-suggest-row {
    grid-template-columns: 1fr !important;
  }
  html body .steel3d-root #steel3d-contact .s3d-contact-cta-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body .steel3d-root #steel3d-contact .s3d-contact-cta-row .s3d-btn {
    width: 100% !important;
  }
}

/* ===== BUILD-2026-09-27o: Owner gate + dashboard chrome (vault guts later) ===== */
html body .steel3d-root #s3dOwnerGate.s3d-owner-gate,
html body .steel3d-root .s3d-owner-gate {
  max-width: min(28rem, 94vw) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(2.25rem, 4.5vw, 4rem) 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .steel3d-root #s3dOwnerGate .s3d-owner-gate-inner {
  margin: 0 auto !important;
  padding: clamp(1.35rem, 2.8vw, 2.15rem) !important;
  background: rgba(10, 13, 20, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #s3dOwnerGate .s3d-owner-gate-kicker,
html body .steel3d-root #s3dOwnerGate .s3d-area-banner,
html body .steel3d-root .s3d-qq-kicker {
  display: block !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

html body .steel3d-root #s3dOwnerGate h2 {
  margin: 0 0 0.55rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.45rem, 2.6vw, 1.9rem) !important;
  font-weight: 800 !important;
}

html body .steel3d-root #s3dOwnerGate .s3d-owner-gate-inner > #s3dOwnerLoginPanel > p,
html body .steel3d-root #s3dOwnerGate .s3d-owner-gate-inner > #s3dOwnerResetPanel > p {
  margin: 0 0 1.1rem !important;
  color: rgba(226, 232, 240, 0.72) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.72) !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
}

html body .steel3d-root #s3dOwnerGate label {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  margin: 0 0 0.85rem !important;
  color: rgba(226, 232, 240, 0.82) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.82) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dOwnerGate input[type="email"],
html body .steel3d-root #s3dOwnerGate input[type="password"] {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0.7rem 0.85rem !important;
  box-sizing: border-box !important;
  background: rgba(7, 9, 14, 0.72) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 0 !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 0.95rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .steel3d-root #s3dOwnerGate input:focus {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
  outline: none !important;
}

html body .steel3d-root #s3dOwnerGate .s3d-btn-primary {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 0.25rem !important;
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dOwnerGate .s3d-btn-primary:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
}

html body .steel3d-root #s3dOwnerGate .s3d-owner-forgot {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background: transparent !important;
  border: none !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

html body .steel3d-root #s3dOwnerPortal.s3d-owner-portal,
html body .steel3d-root .s3d-owner-portal {
  max-width: min(72rem, 96vw) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem 1.25rem !important;
  margin: 0 0 1.15rem !important;
  padding: clamp(1.1rem, 2.2vw, 1.5rem) !important;
  background: rgba(10, 13, 20, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  box-sizing: border-box !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-kicker {
  display: block !important;
  margin: 0 0 0.45rem !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-titles h2 {
  margin: 0 0 0.35rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem) !important;
  font-weight: 800 !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-titles p {
  margin: 0 !important;
  color: rgba(226, 232, 240, 0.62) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.62) !important;
  font-size: 0.88rem !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 0.55rem !important;
  margin: 0 !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-primary,
html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-secondary {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 0.45rem !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-primary .s3d-btn,
html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-secondary .s3d-btn,
html body .steel3d-root #s3dOwnerPortal .s3d-rev-badge {
  min-height: 44px !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-primary .s3d-btn-primary {
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-owner-btn-quiet,
html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-secondary .s3d-btn {
  background: rgba(7, 9, 14, 0.72) !important;
  color: rgba(226, 232, 240, 0.88) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.88) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-rev-badge {
  background: rgba(7, 9, 14, 0.72) !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 0 !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  padding: 0 0.85rem !important;
}

html body .steel3d-root #s3dOwnerPortal #s3dRevBadgeNav[hidden] {
  display: none !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-job-search-header {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 0.65rem !important;
  margin: 0 0 1.15rem !important;
  padding: 0.95rem 1rem !important;
  background: rgba(7, 9, 14, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-left: 2px solid #D4AF37 !important;
}

html body .steel3d-root #s3dOwnerPortal .s3d-job-search-input {
  min-height: 48px !important;
  background: rgba(7, 9, 14, 0.72) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 0 !important;
  color: #f4f7fb !important;
}

@media (max-width: 900px) {
  html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-actions {
    align-items: stretch !important;
    width: 100% !important;
  }
  html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-primary,
  html body .steel3d-root #s3dOwnerPortal .s3d-owner-portal-secondary {
    justify-content: flex-start !important;
  }
}

/* ===== BUILD-2026-09-27f: FAQ — sibling chrome, no outer glass ===== */
html body .steel3d-root #steel3d-faq.s3d-mkt-faq,
html body .steel3d-root .s3d-mkt-faq {
  max-width: min(52rem, 94vw) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(2.25rem, 4.5vw, 4rem) 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body .steel3d-root #steel3d-faq .s3d-mkt-faq-inner {
  margin: 0 auto !important;
  padding: 0 clamp(0.5rem, 2vw, 1rem) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .steel3d-root #steel3d-faq .s3d-faq-head,
html body .steel3d-root #steel3d-faq .s3d-mkt-section-title {
  margin: 0 auto 1.35rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-faq .s3d-faq-kicker {
  display: block !important;
  margin: 0 auto 0.55rem !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-faq #s3dFaqHeading {
  margin: 0 auto 0.65rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.15 !important;
  text-transform: none !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-faq .s3d-faq-lead {
  margin: 0 auto 0.45rem !important;
  max-width: 40rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-faq .s3d-faq-trust {
  margin: 0 auto !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-faq .s3d-mkt-faq-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  margin: 0 0 1.35rem !important;
  padding: 0 !important;
}

html body .steel3d-root #steel3d-faq .s3d-mkt-faq-item {
  margin: 0 !important;
  padding: 0 !important;
  background: rgba(10, 13, 20, 0.72) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-left: 3px solid #D4AF37 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .steel3d-root #steel3d-faq .s3d-mkt-faq-item[open] {
  border-color: rgba(212, 175, 55, 0.45) !important;
  background: rgba(10, 13, 20, 0.85) !important;
}

html body .steel3d-root #steel3d-faq .s3d-mkt-faq-item summary {
  list-style: none !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0.95rem 1.05rem !important;
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-faq .s3d-mkt-faq-item summary::-webkit-details-marker {
  display: none !important;
}

html body .steel3d-root #steel3d-faq .s3d-mkt-faq-item[open] summary {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.22) !important;
}

html body .steel3d-root #steel3d-faq .s3d-mkt-faq-item p {
  margin: 0 !important;
  padding: 0.9rem 1.05rem 1.05rem !important;
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

html body .steel3d-root #steel3d-faq .s3d-mkt-faq-item a {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body .steel3d-root #steel3d-faq .s3d-faq-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

html body .steel3d-root #steel3d-faq .s3d-faq-cta-lead {
  width: 100% !important;
  margin: 0 0 0.15rem !important;
  color: rgba(226, 232, 240, 0.72) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.72) !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  text-align: center !important;
}

html body .steel3d-root #steel3d-faq .s3d-faq-cta .s3d-btn {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .steel3d-root #steel3d-faq .s3d-faq-cta .s3d-btn-primary {
  background: linear-gradient(180deg, #F0D060 0%, #D4AF37 42%, #B8860B 100%) !important;
  color: #07090E !important;
  -webkit-text-fill-color: #07090E !important;
  border: 1px solid #E8C547 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body .steel3d-root #steel3d-faq .s3d-faq-cta .s3d-btn-primary:hover {
  filter: brightness(1.08) !important;
  border-color: #FFD700 !important;
}

@media (max-width: 640px) {
  html body .steel3d-root #steel3d-faq .s3d-faq-cta {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body .steel3d-root #steel3d-faq .s3d-faq-cta .s3d-btn {
    width: 100% !important;
  }
}

/* FOOT2 - legal foot as narrow centered column (no full-bleed slab) */
.steel3d-root .s3d-legal-foot--clean {
  border-top: none !important;
  background: transparent !important;
  padding: 1.5rem 1rem 0.35rem !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}
.steel3d-root .s3d-legal-foot--clean .s3d-legal-foot-inner {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 0 0.5rem !important;
  border-top: 1px solid rgba(212, 175, 55, 0.28) !important;
  padding-top: 1.25rem !important;
}
.steel3d-root .s3d-legal-foot--clean .s3d-legal-foot-disclaimer {
  color: #d1d5db !important;
}
.steel3d-root .s3d-legal-foot--clean .s3d-legal-foot-copy {
  color: #f3f4f6 !important;
}