/* Tommy / operator studio visual system
   Warm paper, ink, cobalt signal and vermilion action. The canvas and cursor
   remain active, but the interface reads as a human-built working archive. */
:root {
  --tommy-paper: #f2eee6;
  --tommy-paper-2: #e8e4dc;
  --tommy-white: #fbfaf7;
  --tommy-ink: #17191d;
  --tommy-muted: #666a70;
  --tommy-faint: #9a9b9e;
  --tommy-line: rgba(23,25,29,.16);
  --tommy-line-strong: rgba(23,25,29,.30);
  --tommy-blue: #2053d6;
  --tommy-blue-deep: #14358b;
  --tommy-orange: #df5b35;
  --tommy-yellow: #f3bd4e;
  --tommy-shadow: 0 24px 70px rgba(23,25,29,.12);
  /* aliases consumed by the original route and artifact styles */
  --ink: var(--tommy-ink);
  --ink-deep: #10131c;
  --surface: var(--tommy-white);
  --surface-2: var(--tommy-paper-2);
  --line: var(--tommy-line);
  --line-strong: var(--tommy-line-strong);
  --paper: var(--tommy-paper);
  --muted: var(--tommy-muted);
  --muted-2: var(--tommy-faint);
  --acid: var(--tommy-blue);
  --aqua: #78a0ff;
  --orange: var(--tommy-orange);
  --violet: var(--tommy-blue-deep);
}

/* Homepage: an operator's desk with visible signal machinery. */
html { background: var(--tommy-paper); }
body.cyber-home {
  color: var(--tommy-ink);
  background:
    radial-gradient(circle at 12% 8%, rgba(32,83,214,.10), transparent 28rem),
    radial-gradient(circle at 90% 21%, rgba(223,91,53,.09), transparent 24rem),
    var(--tommy-paper);
}
.cyber-home::selection { color: var(--tommy-paper); background: var(--tommy-blue); }
.cyber-home::before { opacity: .075; mix-blend-mode: multiply; }
.signal-canvas { opacity: .15; mix-blend-mode: multiply; }
.pointer-glow {
  background: radial-gradient(circle, rgba(32,83,214,.16), rgba(223,91,53,.06) 27%, transparent 68%);
  mix-blend-mode: multiply;
  filter: blur(7px);
}
.cursor-dot { background: var(--tommy-orange); box-shadow: 0 0 12px rgba(223,91,53,.45); }
.cursor-ring { border-color: rgba(32,83,214,.75); }
.cursor-ring.is-hover { border-color: var(--tommy-orange); background: rgba(223,91,53,.08); }
.cyber-skip { color: var(--tommy-paper); background: var(--tommy-blue); }
.cyber-preloader { color: var(--tommy-blue); background: var(--tommy-paper); }
.preloader-mark span { color: var(--tommy-orange); }
.preloader-line { background: rgba(32,83,214,.18); }
.preloader-line i { background: var(--tommy-orange); }
.cyber-preloader small { color: var(--tommy-muted); }

.signal-header { border-color: transparent; }
.signal-header.scrolled { border-color: var(--tommy-line); background: rgba(242,238,230,.88); backdrop-filter: blur(16px) saturate(125%); }
.cyber-brand { min-width: 245px; }
.brand-glyph { color: var(--tommy-blue); }
.brand-glyph span { color: var(--tommy-orange); }
.brand-stack b { color: var(--tommy-ink); }
.brand-stack small { color: var(--tommy-muted); }
.signal-nav a { color: var(--tommy-muted); }
.signal-nav a:hover, .signal-nav a:focus-visible { color: var(--tommy-blue); }
.signal-nav a i { color: var(--tommy-faint); }
.cyber-lang { color: var(--tommy-muted); }
.cyber-lang:hover { color: var(--tommy-blue); }
.signal-contact { border-color: var(--tommy-line-strong); color: var(--tommy-ink); background: rgba(251,250,247,.42); }
.signal-contact span { color: var(--tommy-orange); }
.signal-contact:hover { border-color: var(--tommy-blue); color: var(--tommy-blue); background: rgba(32,83,214,.06); }
.signal-menu { border-color: var(--tommy-line); }
.signal-menu span { background: var(--tommy-ink); }

.signal-hero {
  border-color: var(--tommy-line);
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(23,25,29,.05) 8% 8.12%, transparent 8.12% 100%),
    linear-gradient(180deg, rgba(251,250,247,.72), rgba(232,228,220,.26));
}
.signal-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .52; background-image: linear-gradient(rgba(32,83,214,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(32,83,214,.075) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(90deg, #000, transparent 72%); }
.signal-hero::after { background: linear-gradient(90deg, rgba(242,238,230,.95) 0%, rgba(242,238,230,.58) 47%, rgba(242,238,230,.08) 100%), linear-gradient(180deg, rgba(242,238,230,.35), transparent 35%, rgba(242,238,230,.3)); }
.eyebrow-line { color: var(--tommy-blue); }
.eyebrow-line b { color: var(--tommy-muted); }
.live-dot { background: var(--tommy-orange); box-shadow: 0 0 12px rgba(223,91,53,.5); }
.hero-main h1 { color: var(--tommy-ink); text-shadow: 5px 5px 0 rgba(32,83,214,.07); }
.hero-outline { -webkit-text-stroke: 1.5px var(--tommy-blue); }
.hero-main h1 em { color: var(--tommy-muted); }
.hero-main h1 em strong { color: var(--tommy-orange); }
.hero-lede { color: #464b54; }
.neon-button { border-color: var(--tommy-blue); color: var(--tommy-paper); background: var(--tommy-blue); box-shadow: 8px 8px 0 rgba(223,91,53,.22); }
.neon-button::before { border-color: rgba(242,238,230,.42); }
.neon-button:hover { color: var(--tommy-blue); background: transparent; box-shadow: 5px 5px 0 rgba(223,91,53,.26); }
.under-link, .text-arrow { color: var(--tommy-muted); }
.under-link span, .text-arrow span { color: var(--tommy-orange); }
.under-link:hover, .text-arrow:hover { color: var(--tommy-blue); }

.hero-hud { border-color: var(--tommy-line-strong); background: rgba(251,250,247,.76); box-shadow: var(--tommy-shadow), inset 0 0 55px rgba(32,83,214,.035); backdrop-filter: blur(10px); }
.hero-hud::before { content: 'BUILT BY TOMMY'; position: absolute; top: 15px; right: 19px; padding: 5px 8px; border: 1px solid var(--tommy-orange); color: var(--tommy-orange); font: 600 8px var(--c-mono); letter-spacing: .11em; transform: rotate(2deg); }
.hero-hud:hover { border-color: var(--tommy-blue); }
.hud-top, .hud-foot { color: var(--tommy-muted); }
.hud-signal, .hud-signal b { color: var(--tommy-blue); }
.hud-signal b, .hud-foot b { background: var(--tommy-orange); box-shadow: 0 0 8px rgba(223,91,53,.45); }
.orbit-ring { border-color: rgba(32,83,214,.30); }
.ring-b { border-color: rgba(223,91,53,.28); }
.orbit-core { border-color: var(--tommy-blue); color: var(--tommy-blue); background: radial-gradient(circle, rgba(32,83,214,.13), rgba(32,83,214,.025) 58%, transparent); box-shadow: 0 0 42px rgba(32,83,214,.16), inset 0 0 26px rgba(32,83,214,.10); }
.orbit-core i { background: var(--tommy-orange); box-shadow: 0 0 12px rgba(223,91,53,.5); }
.orbit-label { color: var(--tommy-muted); }
.label-a { color: var(--tommy-blue); }.label-b { color: var(--tommy-orange); }.label-c { color: var(--tommy-blue-deep); }
.hud-readout { border-color: var(--tommy-line); }
.hud-readout div { border-color: var(--tommy-line); }
.hud-readout small { color: var(--tommy-muted); }.hud-readout strong { color: var(--tommy-ink); }
.hud-foot { color: var(--tommy-muted); }
.desk-canvas { position: relative; min-height: 345px; margin: 18px 0 0; overflow: hidden; background: linear-gradient(135deg, rgba(32,83,214,.04), rgba(223,91,53,.04)); }
.desk-canvas::before { content: ''; position: absolute; inset: 0; opacity: .6; background-image: linear-gradient(rgba(32,83,214,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(32,83,214,.10) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(90deg, #000, transparent 88%); }
.desk-card { position: absolute; z-index: 2; display: grid; gap: 5px; width: 176px; padding: 13px; border: 1px solid var(--tommy-line-strong); background: rgba(251,250,247,.92); box-shadow: 5px 5px 0 rgba(23,25,29,.08); transform: rotate(-2deg); transition: transform .25s ease, border-color .25s ease; }
.desk-card:hover { border-color: var(--tommy-blue); transform: translateY(-4px) rotate(0deg); }
.desk-card small { color: var(--tommy-orange); font: 600 8px var(--c-mono); letter-spacing: .10em; }.desk-card strong { color: var(--tommy-ink); font: 700 14px var(--c-body); }.desk-card span { color: var(--tommy-muted); font: 500 9px var(--c-mono); }
.desk-input { top: 36px; left: 10px; }.desk-agent { top: 137px; left: 92px; border-color: rgba(32,83,214,.48); transform: rotate(2deg); }.desk-human { right: 8px; bottom: 37px; transform: rotate(-1deg); }.desk-agent small { color: var(--tommy-blue); }.desk-human small { color: var(--tommy-blue-deep); }
.desk-route { position: absolute; z-index: 1; height: 1px; background: var(--tommy-blue); transform-origin: left center; opacity: .66; }.desk-route-a { top: 115px; left: 174px; width: 91px; transform: rotate(35deg); }.desk-route-b { top: 217px; left: 242px; width: 91px; background: var(--tommy-orange); transform: rotate(-29deg); }
.desk-note { position: absolute; right: 18px; top: 39px; z-index: 3; color: var(--tommy-orange); font: 600 12px/1.25 var(--c-body); transform: rotate(5deg); }.desk-sign { position: absolute; left: 15px; bottom: 14px; color: var(--tommy-muted); font: 500 9px var(--c-mono); letter-spacing: .12em; }
.hero-corner { color: var(--tommy-muted); }
.scroll-cue { color: var(--tommy-muted); }.scroll-cue span { background: linear-gradient(var(--tommy-orange), transparent); }

.signal-ticker { border-color: var(--tommy-ink); background: var(--tommy-ink); color: var(--tommy-paper); }
.ticker-track i { color: var(--tommy-orange); }
.cyber-section { border-color: var(--tommy-line); background: rgba(242,238,230,.94); }
.section-kicker { color: var(--tommy-blue); }.section-kicker > span { color: var(--tommy-orange); }.section-kicker i { background: linear-gradient(90deg, var(--tommy-line-strong), transparent); }.section-kicker small { color: var(--tommy-muted); }
.proof-statement h2, .work-heading h2, .fiction-heading h2, .field-heading h2, .systems-heading h2, .protocol-copy h2, .final-card h2 { color: var(--tommy-ink); }
.proof-statement h2 em, .work-heading h2 em, .fiction-heading h2 em, .field-heading h2 em, .systems-heading h2 em, .protocol-copy h2 em, .final-card h2 em { color: var(--tommy-blue); }
.micro-label { color: var(--tommy-muted); }
.proof-statement > p:not(.micro-label), .work-heading p, .fiction-heading p, .field-heading p, .systems-heading p, .protocol-copy > p, .final-card p { color: #555a62; }
.proof-data .data-card { border-color: var(--tommy-line); background: var(--tommy-white); box-shadow: 7px 7px 0 rgba(32,83,214,.08); }
.data-card:hover { border-color: var(--tommy-blue); background: #fff; }
.data-index { color: var(--tommy-orange); }.data-card strong { color: var(--tommy-blue); }.data-card small { color: var(--tommy-muted); }.data-line { background: var(--tommy-line-strong); }
.work-section { background: var(--tommy-paper-2); }
.home-case { border-color: var(--tommy-line); background: var(--tommy-white); box-shadow: 0 8px 0 rgba(23,25,29,.04); }
.home-case::before { background: radial-gradient(circle at var(--card-x,50%) var(--card-y,50%), rgba(32,83,214,.11), transparent 43%); }
.home-case:hover { border-color: var(--tommy-blue); background: #fff; box-shadow: 5px 5px 0 rgba(223,91,53,.18); }
.case-topline, .case-bottom { color: var(--tommy-muted); }.case-icon-mini { color: var(--tommy-blue); border-color: var(--tommy-line-strong); }.case-evidence.production { color: var(--tommy-blue); border-color: rgba(32,83,214,.24); background: rgba(32,83,214,.07); }.case-evidence.internal { color: var(--tommy-orange); border-color: rgba(223,91,53,.24); background: rgba(223,91,53,.07); }.case-evidence.demo { color: #8a5a10; border-color: rgba(243,189,78,.55); background: rgba(243,189,78,.15); }.home-case h3 { color: var(--tommy-ink); }.home-case p { color: #62656b; }.case-bottom span:last-child { color: var(--tommy-blue); }
.fiction-section { background: #f7f3ec; }
.fiction-card { border-color: var(--tommy-line); background: var(--tommy-white); box-shadow: 8px 8px 0 rgba(23,25,29,.045); }
.fiction-card:hover { border-color: var(--tommy-orange); box-shadow: 6px 6px 0 rgba(32,83,214,.16); }
.fiction-card-top span, .fiction-card-bottom { color: var(--tommy-muted); }.fiction-card-top b { color: var(--tommy-orange); }.fiction-card h3 { color: var(--tommy-ink); }.fiction-card p { color: #5f6268; }.fiction-orbit { border-color: rgba(32,83,214,.34); }.fiction-lime .fiction-orbit { border-color: rgba(223,91,53,.42); }.fiction-aqua .fiction-orbit { border-color: rgba(32,83,214,.42); }.fiction-violet .fiction-orbit { border-color: rgba(20,53,139,.4); }
.field-section { background: #e8edf6; }
.field-card { border-color: var(--tommy-line); background: var(--tommy-white); box-shadow: 6px 6px 0 rgba(23,25,29,.05); }.field-card:hover { border-color: var(--tommy-blue); }.field-media { background: #d9e0ef; }.field-media::after { background: linear-gradient(180deg, transparent 44%, rgba(23,25,29,.62)); }.field-scan { color: var(--tommy-paper); background: var(--tommy-blue); }.field-code { color: var(--tommy-orange); }.field-copy h3 { color: var(--tommy-ink); }.field-copy p { color: #5e626a; }.field-tags b { border-color: var(--tommy-line); color: var(--tommy-blue); background: rgba(32,83,214,.04); }.capability-ribbon { border-color: var(--tommy-line); color: var(--tommy-muted); }.capability-ribbon span::after { color: var(--tommy-orange); }
.systems-section { background: var(--tommy-paper); }.system-matrix { border-color: var(--tommy-line); }.system-node { border-color: var(--tommy-line); background: transparent; }.system-node:hover { background: var(--tommy-white); border-color: var(--tommy-blue); box-shadow: 7px 7px 0 rgba(223,91,53,.12); }.system-node .node-no, .system-node b { color: var(--tommy-muted); }.node-icon { color: var(--tommy-blue); }.system-node h3 { color: var(--tommy-ink); }.system-node p { color: #5e626a; }.system-node a { color: var(--tommy-blue); }.node-lime .node-icon, .node-lime a { color: var(--tommy-blue); }.node-aqua .node-icon, .node-aqua a { color: var(--tommy-orange); }.node-purple .node-icon, .node-purple a { color: var(--tommy-blue-deep); }.node-orange .node-icon, .node-orange a { color: var(--tommy-orange); }
.protocol-section { background: #e7e7e3; }.protocol-terminal { border-color: var(--tommy-ink); background: var(--tommy-ink); box-shadow: 18px 18px 0 rgba(32,83,214,.13); }.terminal-head, .protocol-tabs { border-color: rgba(242,238,230,.16); }.terminal-head { color: #a5a8ae; }.terminal-head > span i:last-child { background: var(--tommy-blue); }.terminal-head em { color: var(--tommy-orange); }.protocol-tab { color: #8d929a; }.protocol-tab:hover, .protocol-tab.active { color: var(--tommy-paper); border-color: var(--tommy-orange); }.terminal-body { color: #dfe2e7; }.terminal-line { border-color: rgba(242,238,230,.11); }.terminal-time { color: #888e98; }.terminal-role.agent, .terminal-role.trace { color: #74a0ff; }.terminal-role.guard { color: #f2a27e; }.terminal-role.human { color: #f3bd4e; }.terminal-foot { color: #8f949d; border-color: rgba(242,238,230,.13); }.terminal-foot b { color: var(--tommy-orange); }
.final-section { background: var(--tommy-paper); }.final-card { border-color: var(--tommy-blue); background: radial-gradient(circle at 88% 12%, rgba(32,83,214,.33), transparent 30%), radial-gradient(circle at 0 100%, rgba(223,91,53,.28), transparent 35%), var(--tommy-ink); box-shadow: 10px 10px 0 rgba(223,91,53,.18); }.final-card .section-kicker { color: #c9d8ff; }.final-card .section-kicker > span { color: var(--tommy-orange); }.final-card h2 { color: var(--tommy-paper); }.final-card h2 em { color: #86a8ff; }.final-card p { color: #c2c6cf; }.final-card .neon-button { background: var(--tommy-orange); border-color: var(--tommy-orange); color: var(--tommy-ink); box-shadow: 6px 6px 0 rgba(242,238,230,.16); }.final-card .neon-button:hover { color: var(--tommy-orange); background: transparent; }.final-noise { opacity: .08; }.final-coordinates { color: #8e949f; }
.cyber-footer { border-color: var(--tommy-line); background: var(--tommy-ink); }.cyber-footer .brand-stack b { color: var(--tommy-paper); }.cyber-footer .brand-stack small, .cyber-footer .footer-links, .cyber-footer .footer-status, .cyber-footer .footer-bottom { color: #999da5; }.cyber-footer .footer-links a:hover { color: var(--tommy-orange); }.cyber-footer .footer-status span { color: var(--tommy-orange); }.cyber-footer .footer-status span b { background: var(--tommy-orange); box-shadow: none; }

/* Inner routes share the same desk palette. */
body:not(.cyber-home) { color: var(--tommy-ink); background: var(--tommy-paper); }
body:not(.cyber-home)::selection { color: var(--tommy-paper); background: var(--tommy-blue); }
body:not(.cyber-home) .site-noise { opacity: .055; mix-blend-mode: multiply; }
body:not(.cyber-home) .site-grid { opacity: .2; background-image: linear-gradient(rgba(32,83,214,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(32,83,214,.055) 1px, transparent 1px); }
body:not(.cyber-home) .site-header { border-color: var(--tommy-line); background: rgba(242,238,230,.88); }
body:not(.cyber-home) .site-header.scrolled { background: rgba(242,238,230,.96); }
body:not(.cyber-home) .wordmark-mark { color: var(--tommy-paper); background: var(--tommy-blue); }.wordmark-mark span { color: var(--tommy-orange); }.wordmark-copy strong { color: var(--tommy-ink); }.wordmark-copy small { color: var(--tommy-muted); }
body:not(.cyber-home) .desktop-nav a, body:not(.cyber-home) .mobile-nav a { color: var(--tommy-muted); } body:not(.cyber-home) .desktop-nav a:hover, body:not(.cyber-home) .mobile-nav a:hover { color: var(--tommy-blue); }
body:not(.cyber-home) .button-primary { color: var(--tommy-paper); background: var(--tommy-blue); box-shadow: 7px 7px 0 rgba(223,91,53,.18); } body:not(.cyber-home) .button-primary:hover { background: var(--tommy-orange); }
body:not(.cyber-home) .button-outline { border-color: var(--tommy-line-strong); color: var(--tommy-ink); background: transparent; } body:not(.cyber-home) .button-outline:hover { border-color: var(--tommy-blue); color: var(--tommy-blue); }
body:not(.cyber-home) .page-hero, body:not(.cyber-home) .inner-page-hero { background: radial-gradient(circle at 90% 5%, rgba(32,83,214,.12), transparent 27rem), linear-gradient(180deg, #f7f4ee, var(--tommy-paper)); border-color: var(--tommy-line); }
body:not(.cyber-home) .page-hero h1, body:not(.cyber-home) .inner-page-hero h1 { color: var(--tommy-ink); } body:not(.cyber-home) .page-hero h1 em, body:not(.cyber-home) .inner-page-hero h1 em, body:not(.cyber-home) .accent { color: var(--tommy-blue); }
body:not(.cyber-home) .page-hero-lede, body:not(.cyber-home) .hero-lede, body:not(.cyber-home) .route-title p, body:not(.cyber-home) .page-hero-aside p { color: #595e65; }
body:not(.cyber-home) .page-hero-aside, body:not(.cyber-home) .hero-panel, body:not(.cyber-home) .simple-form, body:not(.cyber-home) .case-card, body:not(.cyber-home) .matrix-card, body:not(.cyber-home) .price-card, body:not(.cyber-home) .faq-grid details { border-color: var(--tommy-line); background: var(--tommy-white); box-shadow: 7px 7px 0 rgba(23,25,29,.045); }
body:not(.cyber-home) .section-pad, body:not(.cyber-home) .route-section, body:not(.cyber-home) .metrics-section { border-color: var(--tommy-line); }
body:not(.cyber-home) .route-section.alt, body:not(.cyber-home) .work-section, body:not(.cyber-home) .method-section { background: var(--tommy-paper-2); }
body:not(.cyber-home) .route-kicker, body:not(.cyber-home) .route-title h2 em, body:not(.cyber-home) .matrix-card b, body:not(.cyber-home) .timeline b, body:not(.cyber-home) .price-card > b, body:not(.cyber-home) .proof-row strong, body:not(.cyber-home) .footer-label { color: var(--tommy-blue); }
body:not(.cyber-home) .route-title h2, body:not(.cyber-home) .section-heading h2, body:not(.cyber-home) .metric-layout h2, body:not(.cyber-home) .contact-card h2, body:not(.cyber-home) .case-card h3, body:not(.cyber-home) .matrix-card h3, body:not(.cyber-home) .price-card h3, body:not(.cyber-home) .timeline h3 { color: var(--tommy-ink); }
body:not(.cyber-home) .route-title p, body:not(.cyber-home) .section-heading > p, body:not(.cyber-home) .heading-side > p, body:not(.cyber-home) .case-summary, body:not(.cyber-home) .matrix-card p, body:not(.cyber-home) .price-card p, body:not(.cyber-home) .timeline p, body:not(.cyber-home) .proof-row span, body:not(.cyber-home) .faq-grid p { color: #5d6269; }
body:not(.cyber-home) .case-card:hover, body:not(.cyber-home) .matrix-card:hover, body:not(.cyber-home) .price-card:hover { border-color: var(--tommy-blue); background: #fff; box-shadow: 5px 5px 0 rgba(223,91,53,.16); }
.tommy-note { display: grid; grid-template-columns: max-content 1fr; gap: 13px; align-items: baseline; margin: 20px 0 0; padding: 12px 14px; border: 1px dashed rgba(223,91,53,.55); color: #d8dbe0; background: rgba(223,91,53,.055); font: 500 11px/1.55 var(--mono); }
.tommy-note b { color: var(--tommy-orange); font-size: 9px; letter-spacing: .08em; }.tommy-note span { color: #bac0ca; }
body:not(.cyber-home) .case-icon { color: var(--tommy-blue); border-color: var(--tommy-line-strong); }.case-status { color: var(--tommy-blue); background: rgba(32,83,214,.08); }.case-status.internal { color: var(--tommy-orange); background: rgba(223,91,53,.08); }.case-status.demo { color: #895b12; background: rgba(243,189,78,.18); }.case-proof { border-color: var(--tommy-blue); color: #5d6269; background: rgba(32,83,214,.055); }.case-card.demo-card .case-proof { border-color: var(--tommy-orange); background: rgba(223,91,53,.055); }.case-open { color: var(--tommy-orange); }
body:not(.cyber-home) .filter:hover, body:not(.cyber-home) .filter.active, body:not(.cyber-home) .library-filter:hover, body:not(.cyber-home) .library-filter.active { color: var(--tommy-paper); border-color: var(--tommy-blue); background: var(--tommy-blue); }
body:not(.cyber-home) .case-search, body:not(.cyber-home) .library-toolbar input, body:not(.cyber-home) .library-toolbar select, body:not(.cyber-home) .simple-form input, body:not(.cyber-home) .simple-form textarea, body:not(.cyber-home) .simple-form select, body:not(.cyber-home) .contact-card input, body:not(.cyber-home) .contact-card textarea { color: var(--tommy-ink); border-color: var(--tommy-line-strong); background: #fff; }
body:not(.cyber-home) .case-search:focus, body:not(.cyber-home) .library-toolbar input:focus, body:not(.cyber-home) .library-toolbar select:focus, body:not(.cyber-home) .simple-form input:focus, body:not(.cyber-home) .simple-form textarea:focus { border-color: var(--tommy-blue); box-shadow: 0 0 0 3px rgba(32,83,214,.10); }
body:not(.cyber-home) .lab-section, body:not(.cyber-home) .lab-full, body:not(.cyber-home) .lab-output { background: var(--tommy-ink); color: var(--tommy-paper); }.lab-output { border-color: rgba(242,238,230,.2); }.lab-output .log-success { color: #86a8ff; }.lab-output .log-guard { color: #f2a27e; }
body:not(.cyber-home) .contact-card { border-color: var(--tommy-blue); background: radial-gradient(circle at 0 0, rgba(32,83,214,.14), transparent 45%), var(--tommy-white); }
body:not(.cyber-home) .site-footer { border-color: var(--tommy-line); background: var(--tommy-ink); }.site-footer a:hover { color: var(--tommy-orange); }
body:not(.cyber-home) .site-footer__brand, body:not(.cyber-home) .site-footer__meta { color: var(--tommy-paper); }

@media (max-width: 720px) {
  .signal-header { background: rgba(242,238,230,.86); }
  .signal-nav { background: rgba(242,238,230,.98); border-color: var(--tommy-line); }
  .signal-nav a { border-color: var(--tommy-line); }
  .hero-frame, .hero-main { min-width: 0; }
  .hero-main h1 { max-width: 100%; overflow: hidden; font-size: clamp(49px, 14.5vw, 71px); letter-spacing: -.14em; }
  .hero-lede { width: 100%; max-width: 100%; }
  .hero-hud::before { top: 12px; right: 12px; font-size: 7px; }
  .neon-button { box-shadow: 5px 5px 0 rgba(223,91,53,.20); }
  .tommy-note { grid-template-columns: 1fr; gap: 5px; }
}