<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Huang Goodman — Full-Service Marketing & Business Development Agency (with Hako Shikin)</title>
  <meta name="description" content="Huang Goodman is a full-service marketing and business development agency: strategy, creative, web, content, media, partnerships, sales enablement, and operational execution—supported by Hako Shikin production." />
  <meta name="robots" content="index,follow" />
  <meta property="og:title" content="Huang Goodman — Full-Service Marketing & Business Development Agency" />
  <meta property="og:description" content="Strategy, creative, web, content, partnerships, sales enablement, and high-standard execution. Manufacturing support via Hako Shikin." />
  <meta property="og:type" content="website" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preconnect" href="https://pops4-voyage.billing-010.workers.dev" crossorigin>
  <link rel="preconnect" href="https://pops4-ma.billing-010.workers.dev" crossorigin>
  <link rel="preconnect" href="https://pops4-sports.billing-010.workers.dev" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Noto+Serif+JP:wght@400;500;600&family=Outfit:wght@300;400;500;600&family=Jost:wght@300;400;500;600;700&family=Oswald:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <style>
    :root {
      --ivory: #f5f0e8;
      --cream: #ede7db;
      --parchment: #e4ddd0;
      --obsidian: #0c0b09;
      --charcoal: #1c1a17;
      --warm-grey: #3d3a35;
      --muted: #8a847a;
      --gold-leaf: #c9a84c;
      --gold-soft: #d4b86a;
      --champagne: #e8dcc8;
      --azure-coast: #6b8fa3;
      --deep-sea: #2a4a5c;
      --crystal: #a8c5d6;
      --rose-quartz: #c4a4a0;
      --ink: #2c2825;
      --ruby: #8b2232;
      --ruby-soft: rgba(139, 34, 50, 0.12);
      --terra: #c4622d;
      --markets-edge: #1a1a18;
      --markets-accent: #c4622d;
      --sans: 'Outfit', sans-serif;
      --serif: 'Cormorant Garamond', Georgia, serif;
      --jp: 'Noto Serif JP', serif;
      --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
      --radius: 0px;
      --radius-sm: 0px;
      --shadow: 0 24px 60px rgba(12, 11, 9, 0.08);
      --shadow-lg: 0 32px 80px rgba(12, 11, 9, 0.12);
      --max: 1160px;
      --azure: #0078d4;
      --azure-bright: #1b9ef5;
      --electric: #00d4ff;
      --electric-dim: rgba(0,212,255,0.1);
      --azure-glow: rgba(0,120,212,0.14);
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    ::selection { background: var(--gold-leaf); color: var(--obsidian); }
    html { scroll-behavior: smooth; }
    body { font-family: var(--sans); background: linear-gradient(135deg,#eef4f8 0%,#d8e7f0 55%,#a7c4d8 100%); background-attachment: fixed; color: #0a2240; overflow-x: hidden; -webkit-font-smoothing: antialiased; line-height: 1.6; }

    /* ── GLOBAL BEACH PALETTE OVERRIDE ──
       Every section background goes transparent so the body beach gradient
       shows through. Every text color flips to dark navy. Functional CTAs
       (gold buttons, navy buttons, branded accents) are explicitly preserved
       by their own selectors elsewhere. ── */
    section, .section, .scene-wrap, main, .wrap, .container { background: transparent !important; }
    /* Scene plates · the museum-floor and Japanese-floor graphics visible at
       meaningful opacity so they read as design elements — but blended into
       the beach gradient instead of covering it. */
    /* Museum + Japanese floor graphics · visible but light · sits behind content as background */
    .scene-plate { opacity: .42 !important; mix-blend-mode: normal !important; filter: saturate(.92) brightness(1.04) contrast(.96) !important; }
    .scene-plate.clean1 { opacity: .45 !important; }
    .scene-plate.clean2 { opacity: .32 !important; mix-blend-mode: multiply !important; }
    .scene-plate.jp1 { opacity: .42 !important; }
    .scene-plate.jp2 { opacity: .28 !important; mix-blend-mode: multiply !important; }
    .floor-band .floor-img { opacity: .55 !important; filter: saturate(.95) brightness(1.05) !important; }
    .hero-bg { opacity: .6 !important; }
    .section-cream, .section-ivory, .section-dark { background: transparent !important; color: #0a2240 !important; }
    .section-dark .section-kicker, .section-dark .section-title, .section-dark .section-title em, .section-dark .section-hint, .section-dark .card h2, .section-dark .card p, .section-dark .card li, .section-dark .step strong, .section-dark .step span { color: #0a2240 !important; }
    .section-dark .section-title em { color: #0a2a52 !important; }
    .section-dark .card { background: rgba(255,255,255,0.55) !important; border-color: #0a2a52 !important; backdrop-filter: blur(6px); }
    .section-dark .badge { border-color: #0a2a52 !important; color: #0a2a52 !important; background: rgba(255,255,255,.35) !important; }
    .section-dark .divider { background: linear-gradient(90deg, transparent, rgba(10,42,82,0.35), transparent) !important; }

    /* Default content cards everywhere → white-translucent on the beach */
    .card { background: rgba(255,255,255,0.55) !important; border: 2px solid #0a2a52 !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); color: #0a2240 !important; }
    .card h2 { color: #081a32 !important; }
    .card p, .card li, .card ul li { color: #0a2240 !important; }
    .card p strong, .card li strong { color: #081a32 !important; }

    /* Headlines + body copy → dark navy spine */
    h1, h2, h3, h4, .section-title { color: #081a32 !important; }
    .section-title em { color: #0a2a52 !important; font-style: italic; }
    .section-kicker, .section-hint { color: #0a2a52 !important; }
    .section-rule { background: #0a2a52 !important; }

    /* Hero */
    .hero h1 { color: #081a32 !important; text-shadow: 0 1px 8px rgba(255,255,255,.4) !important; }
    .hero-lede { color: #0a2240 !important; text-shadow: 0 1px 6px rgba(255,255,255,.3) !important; }
    .hero-lede strong { color: #081a32 !important; }
    .kicker { color: #0a2a52 !important; }
    .kicker code { color: #0a2a52 !important; }

    /* Step blocks */
    .step strong { color: #0a2a52 !important; }
    .step span { color: #0a2240 !important; }

    /* Bullets */
    .card li::before { background: #c9a84c !important; }

    /* Badges that should still read */
    .badge { color: #0a2a52 !important; border-color: #0a2a52 !important; background: rgba(255,255,255,.4) !important; font-weight: 700 !important; }
    .badge.warm { color: #8a6f1e !important; border-color: #c9a84c !important; background: rgba(201,168,76,.18) !important; }
    .badge.cool { color: #0a2a52 !important; border-color: #0a2a52 !important; background: rgba(10,42,82,.10) !important; }

    /* Inline links inside content */
    .section a:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-brand101):not(.topnav-shop):not(.topnav-engage):not(.topnav-cta):not(.sora-intro-cta){ color: #0a2a52; border-bottom: 1px solid rgba(10,42,82,.35); }
    .section a:not(.btn):not(.btn-primary):not(.btn-secondary):hover{ color: #081a32; border-bottom-color: #081a32; }

    /* CTA buttons — keep functional contrast */
    .btn-primary { background: #0a2a52 !important; color: #fff !important; }
    .btn-primary:hover { background: #c9a84c !important; color: #0a2240 !important; }
    .btn-secondary { color: #0a2a52 !important; border-color: #0a2a52 !important; }
    .btn-secondary:hover { color: #c9a84c !important; border-color: #c9a84c !important; }
    body::before { content: ''; position: fixed; inset: 0; z-index: 9999; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"); opacity: 0.5; }
    a { color: var(--deep-sea); text-decoration: none; transition: color 0.3s; }
    a:hover { color: var(--gold-leaf); }
    img { max-width: 100%; height: auto; }
    .scene-wrap { position: relative; overflow: hidden; }
    .scene-plate { position: absolute; inset: 0; pointer-events: none; z-index: 0; background-position: center; background-size: cover; filter: saturate(1.25) contrast(1.16) brightness(1.00); transform: scale(1.01); }
    .scene-plate.clean1 { background-image: url("/images/clean_museum_floor1.jpg"); opacity: .88; }
    .scene-plate.clean2 { background-image: url("/images/museum_wall_floor_bench.jpg"); opacity: .72; mix-blend-mode: multiply; }
    .scene-plate.jp1 { background-image: url("/images/japanese_floor.jpg"); opacity: .85; }
    .scene-plate.jp2 { background-image: url("/images/japanese_floor2.jpg"); opacity: .68; mix-blend-mode: multiply; }
    .scene-veil { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
    .scene-veil.hero-veil { background: linear-gradient(90deg, rgba(245,240,232,.42) 0%, rgba(245,240,232,.22) 28%, rgba(245,240,232,.14) 58%, rgba(237,231,219,.32) 100%), radial-gradient(1000px 600px at 18% 18%, rgba(201,168,76,.06), transparent 62%), radial-gradient(900px 600px at 88% 78%, rgba(107,143,163,.06), transparent 62%); }
    .scene-veil.services-veil { background: linear-gradient(90deg, rgba(237,231,219,.38), rgba(237,231,219,.18) 45%, rgba(237,231,219,.38) 100%), radial-gradient(900px 520px at 50% 0%, rgba(201,168,76,.05), transparent 60%); }
    .scene-veil.dark-veil { background: linear-gradient(90deg, rgba(12,11,9,.42), rgba(12,11,9,.24) 42%, rgba(12,11,9,.42) 100%), radial-gradient(900px 520px at 50% 0%, rgba(201,168,76,.04), transparent 60%); }
    .scene-veil.contact-veil { background: linear-gradient(90deg, rgba(28,26,23,.44), rgba(28,26,23,.26) 48%, rgba(28,26,23,.44) 100%), radial-gradient(520px 380px at 18% 30%, rgba(139,34,50,.06), transparent 62%), radial-gradient(520px 380px at 88% 70%, rgba(201,168,76,.06), transparent 62%); }
    .scene-wrap > .wrap, .scene-wrap > .contact-inner { position: relative; z-index: 2; }
    .floor-band { position: relative; overflow: hidden; margin-top: 48px; padding: 0; border-top: 1px solid var(--parchment); border-bottom: 1px solid var(--parchment); }
    .floor-band .floor-img { position: absolute; inset: 0; background-image: url("/images/clean_museum_floor1.jpg"); background-size: cover; background-position: center; opacity: .82; filter: saturate(1.18) contrast(1.14) brightness(1.02); pointer-events: none; z-index: 0; }
    .floor-band .floor-veil { position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient(90deg, rgba(237,231,219,.32), rgba(237,231,219,.16) 45%, rgba(237,231,219,.32) 100%), radial-gradient(900px 420px at 50% 0%, rgba(201,168,76,.04), transparent 62%); }
    .floor-band .floor-inner { position: relative; z-index: 2; padding: 40px 0; }
    @keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes drawLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }
    @keyframes shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
    @keyframes gentlePulse { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } }
    @keyframes pulse { 0%,100% { opacity: 0.4; } 50% { opacity: 1; } }
    @keyframes scanDown { 0% { top: 0; opacity: 0.8; } 90% { opacity: 0.8; } 100% { top: 100%; opacity: 0; } }
    @keyframes tickerScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
    @keyframes tickerScrollReverse { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }
    .reveal { opacity: 0; transform: translateY(35px); transition: opacity 0.8s cubic-bezier(0.23,1,0.32,1), transform 0.8s cubic-bezier(0.23,1,0.32,1); }
    .reveal.visible { opacity: 1; transform: translateY(0); }
    .wrap { max-width: var(--max); margin: 0 auto; padding: 0 24px; }

    /* NAV */
    .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 14px 28px; display: flex; align-items: center; justify-content: space-between; background: rgba(245, 240, 232, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(201, 168, 76, 0.15); transition: all 0.4s; }
    .nav.scrolled { padding: 9px 28px; background: rgba(245, 240, 232, 0.98); box-shadow: 0 4px 30px rgba(12, 11, 9, 0.06); }
    .nav-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); flex-shrink: 0; }
    .nav-brand img { height: 30px; width: auto; }
    .nav-brand-text { display: flex; flex-direction: column; }
    .nav-brand-name { font-family: var(--serif); font-size: 15px; font-weight: 600; color: var(--obsidian); letter-spacing: 0.5px; line-height: 1.1; }
    .nav-brand-sub { font-size: 8.5px; color: var(--muted); font-weight: 400; letter-spacing: 0.3px; }
    .nav-links { display: flex; gap: 2px; align-items: center; flex-wrap: nowrap; }
    .nav-links a { font-size: 9px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--warm-grey); font-weight: 400; position: relative; padding: 4px 7px; white-space: nowrap; }
    .nav-links a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: var(--gold-leaf); transition: width 0.3s; }
    .nav-links a:hover { color: var(--gold-leaf); }
    .nav-links a:hover::after { width: 100%; }
    .nav-cta { background: var(--obsidian) !important; color: var(--ivory) !important; padding: 7px 14px !important; letter-spacing: 1.5px !important; transition: all 0.3s !important; font-size: 9px !important; }
    .nav-cta:hover { background: var(--gold-leaf) !important; color: var(--obsidian) !important; }
    .nav-cta::after { display: none !important; }
    .nav-social { display: flex; gap: 6px; align-items: center; flex-shrink: 0; }
    .nav-social a { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid var(--parchment); color: var(--warm-grey); transition: all 0.3s; }
    .nav-social a:hover { border-color: var(--gold-leaf); color: var(--gold-leaf); }
    .nav-social svg { width: 12px; height: 12px; }
    .nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: 8px; }
    .nav-toggle span { display: block; width: 22px; height: 1.5px; background: var(--ink); margin: 5px 0; transition: all 0.3s; }

    /* MARKETS EDGE TICKER — NEW, top of stack */
    #markets-ticker { position: fixed; top: 57px; left: 0; right: 0; z-index: 99; background: var(--markets-edge); border-bottom: 1px solid rgba(196,98,45,.3); height: 40px; display: flex; align-items: center; overflow: hidden; transition: top 0.4s; }
    .nav.scrolled ~ #markets-ticker { top: 46px; }
    .me-label { flex-shrink: 0; background: var(--markets-accent); color: #fff; font-family: var(--sans); font-size: .7rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; padding: 0 1.2rem; height: 100%; display: flex; align-items: center; gap: 8px; white-space: nowrap; text-decoration: none; }
    .me-label:hover { background: #a84f1f; color: #fff; }
    .me-label::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,0.25); animation: pulse 2s infinite; }
    .me-track-wrap { overflow: hidden; flex: 1; height: 100%; position: relative; }
    .me-track { display: inline-flex; align-items: center; height: 100%; white-space: nowrap; animation: tickerScroll 55s linear infinite; }
    .me-track:hover { animation-play-state: paused; }
    .me-item { font-family: var(--serif); font-size: .88rem; font-style: italic; font-weight: 400; color: rgba(245,240,232,.88); padding: 0 2.2rem; letter-spacing: .01em; }
    .me-item strong { font-weight: 700; color: #fff; font-style: normal; }
    .me-tier { display: inline-block; font-family: var(--sans); font-size: .55rem; font-weight: 700; letter-spacing: .2em; padding: 2px 8px; margin-right: 10px; vertical-align: middle; font-style: normal; }
    .me-tier.t-diamond { background: rgba(74,111,165,.25); color: #9fc0e8; border: 1px solid rgba(74,111,165,.5); }
    .me-tier.t-platinum { background: rgba(138,0,0,.3); color: #ff9999; border: 1px solid rgba(138,0,0,.5); }
    .me-tier.t-gold { background: rgba(201,168,76,.25); color: #e8c870; border: 1px solid rgba(201,168,76,.5); }
    .me-tier.t-silver { background: rgba(138,148,159,.25); color: #c4cfda; border: 1px solid rgba(138,148,159,.5); }
    .me-sep { color: var(--markets-accent); opacity: .5; font-size: .7rem; padding: 0 .3rem; }
    .me-view-all { flex-shrink: 0; font-family: var(--sans); font-size: .65rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--markets-accent); padding: 0 1.2rem; border-left: 1px solid rgba(196,98,45,.25); height: 100%; display: flex; align-items: center; white-space: nowrap; text-decoration: none; transition: color .2s; }
    .me-view-all:hover { color: #fff; }

    /* INTEL TICKER — BRIEFING, sits BELOW markets ticker, slightly bigger than before */
    #intel-ticker { position: fixed; top: 97px; left: 0; right: 0; z-index: 99; background: linear-gradient(90deg,#d8e7f0 0%,#a7c4d8 50%,#6e95b3 100%); border-bottom: 2px solid #0a2a52; height: 44px; display: flex; align-items: center; overflow: hidden; transition: top 0.4s; }
    .nav.scrolled ~ #intel-ticker { top: 86px; }
    .ticker-label { flex-shrink: 0; background: #0a2a52; color: #fff; font-family: var(--sans); font-size: .78rem; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; padding: 0 1.4rem; height: 100%; display: flex; align-items: center; white-space: nowrap; text-decoration: none; }
    .ticker-label:hover { background: #081a32; color: #fff; }
    .ticker-track-wrap { overflow: hidden; flex: 1; height: 100%; position: relative; }
    .ticker-track { display: inline-flex; align-items: center; height: 100%; white-space: nowrap; animation: tickerScrollReverse 45s linear infinite; }
    .ticker-track:hover { animation-play-state: paused; }
    .ticker-item { font-family: var(--sans); font-size: .88rem; font-weight: 500; letter-spacing: .04em; color: #0a2240; padding: 0 2.5rem; }
    .ticker-item strong { font-weight: 800; color: #081a32; }
    .ticker-sep { color: #0a2a52; opacity: .6; font-size: .8rem; }
    .ticker-view-all { flex-shrink: 0; font-family: var(--sans); font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #0a2a52; padding: 0 1.2rem; border-left: 1.5px solid rgba(10,42,82,.4); height: 100%; display: flex; align-items: center; white-space: nowrap; text-decoration: none; transition: color .2s; }
    .ticker-view-all:hover { color: #081a32; }

    /* HERO — bumped padding to accommodate 2 tickers (57 nav + 40 me + 44 briefing = 141) */
    .hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 210px 0 80px; position: relative; }
    .hero-bg { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 80% 60% at 20% 80%, rgba(107, 143, 163, 0.06) 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 80% 20%, rgba(201, 168, 76, 0.04) 0%, transparent 70%); pointer-events: none; }
    .kicker { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold-leaf); font-weight: 500; margin-bottom: 28px; }
    .kicker code { font-family: var(--mono); font-size: 10px; color: var(--deep-sea); letter-spacing: 1.5px; }
    .kicker-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold-leaf); box-shadow: 0 0 0 4px rgba(201, 168, 76, 0.12); }
    .hero h1 { font-family: var(--serif); font-size: clamp(2.8rem, 5.5vw, 4.8rem); font-weight: 300; line-height: 1.08; color: var(--obsidian); margin-bottom: 32px; text-shadow: 0 2px 12px rgba(245, 240, 232, 0.6), 0 8px 28px rgba(245, 240, 232, 0.4); }
    .hero-lede { max-width: 72ch; font-size: 16px; color: var(--warm-grey); line-height: 1.8; font-weight: 300; margin-bottom: 32px; text-shadow: 0 1px 8px rgba(245, 240, 232, 0.5); }
    .hero-lede strong { color: var(--obsidian); font-weight: 600; }
    .cta-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
    .btn { display: inline-flex; align-items: center; gap: 8px; padding: 15px 36px; font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; text-decoration: none; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); cursor: pointer; border: none; }
    .btn-primary { background: var(--obsidian); color: var(--ivory); }
    .btn-primary:hover { background: var(--gold-leaf); color: var(--obsidian); transform: translateY(-3px); box-shadow: 0 16px 48px rgba(201, 168, 76, 0.25); }
    .btn-secondary { background: transparent; color: var(--ink); border: 1px solid var(--parchment); }
    .btn-secondary:hover { border-color: var(--gold-leaf); color: var(--gold-leaf); transform: translateY(-3px); }
    .micro-link { font-size: 12px; color: var(--muted); font-weight: 300; }
    .micro-link a { color: var(--deep-sea); }
    .hero-grid { display: grid; grid-template-columns: 7fr 5fr; gap: 24px; margin-top: 56px; }
    .card { background: rgba(237, 231, 219, 0.85); border: 1px solid var(--parchment); padding: 36px 32px; position: relative; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
    .card:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(12, 11, 9, 0.08); }
    .card h2 { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold-leaf); font-weight: 500; margin-bottom: 14px; }
    .card p { font-size: 14px; color: var(--warm-grey); line-height: 1.75; font-weight: 300; }
    .card ul { list-style: none; padding: 0; font-size: 14px; color: var(--warm-grey); line-height: 1.75; font-weight: 300; }
    .card li { padding: 4px 0 4px 16px; position: relative; }
    .card li::before { content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 1px; background: var(--gold-leaf); }
    .badge-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
    .badge { font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 14px; font-weight: 400; border: 1px solid var(--parchment); color: var(--muted); }
    .badge.warm { border-color: rgba(201, 168, 76, 0.3); color: var(--gold-leaf); }
    .badge.cool { border-color: rgba(139, 34, 50, 0.2); color: var(--ruby); }

    /* SECTIONS */
    .section { padding: 100px 0; }
    .section-dark { background: var(--obsidian); color: var(--ivory); position: relative; overflow: hidden; }
    .section-cream { background: var(--cream); }
    .section-ivory { background: var(--ivory); }
    .section-header { margin-bottom: 56px; }
    .section-kicker { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold-leaf); font-weight: 500; margin-bottom: 14px; }
    .section-title { font-family: var(--serif); font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 300; color: var(--obsidian); line-height: 1.2; }
    .section-title em { font-weight: 500; color: var(--deep-sea); }
    .section-hint { font-size: 13px; color: var(--muted); font-weight: 300; margin-top: 8px; max-width: 70ch; }
    .section-rule { width: 60px; height: 1px; background: var(--gold-leaf); margin-top: 20px; animation: drawLine 1s ease-out; transform-origin: left; }
    .section-dark .section-kicker { color: var(--gold-soft); }
    .section-dark .section-title { color: var(--champagne); }
    .section-dark .section-title em { color: var(--gold-leaf); }
    .section-dark .section-hint { color: rgba(245, 240, 232, 0.5); }
    .section-dark .card { background: rgba(12, 11, 9, 0.65); border-color: rgba(255, 255, 255, 0.10); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
    .section-dark .card:hover { border-color: rgba(201, 168, 76, 0.2); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2); }
    .section-dark .card h2 { color: var(--gold-soft); }
    .section-dark .card p, .section-dark .card li { color: rgba(245, 240, 232, 0.7); }
    .section-dark .badge { border-color: rgba(201, 168, 76, 0.2); color: var(--gold-soft); }
    .section-dark .badge.cool { border-color: rgba(196, 164, 160, 0.3); color: var(--rose-quartz); }
    .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
    .span-full { grid-column: 1 / -1; }
    .step strong { display: block; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--deep-sea); margin-bottom: 8px; font-weight: 500; }
    .section-dark .step strong { color: var(--crystal); }
    .step span { font-size: 13px; color: var(--warm-grey); font-weight: 300; line-height: 1.65; }
    .section-dark .step span { color: rgba(245, 240, 232, 0.65); }
    .divider { height: 1px; margin: 20px 0; background: linear-gradient(90deg, transparent, var(--parchment), transparent); }
    .section-dark .divider { background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.2), transparent); }

    /* PRESS SECTION */
    .press-section { padding: 72px 0; background: transparent; border-top: 2px solid #0a2a52; }
    .press-releases { display: flex; flex-direction: column; gap: 0; margin-top: 2rem; }
    .press-item { display: grid; grid-template-columns: 140px 1fr auto; gap: 2rem; align-items: baseline; padding: 1.25rem 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
    .press-item:first-child { border-top: 1px solid rgba(255,255,255,0.06); }
    .press-item-date { font-size: 11px; letter-spacing: 2px; color: #0a2a52; font-weight: 700; }
    .press-item-tag { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: #8a6f1e; margin-top: 3px; font-weight: 800; }
    .press-item-title { font-family: var(--sans); font-size: 20px; font-weight: 800; color: #081a32; line-height: 1.25; transition: color 0.2s; letter-spacing:-.01em; }
    .press-item-title:hover { color: #0a2a52; }
    .press-item-deck { font-size: 13px; color: #0a2240; margin-top: 4px; line-height: 1.45; font-weight: 500; }
    .press-item-link { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--gold-leaf); white-space: nowrap; opacity: 0.7; transition: opacity 0.2s; }
    .press-item-link:hover { opacity: 1; color: var(--gold-leaf); }
    .press-all-link { display: inline-block; margin-top: 1.5rem; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold-leaf); opacity: 0.7; transition: opacity 0.2s; }
    .press-all-link:hover { opacity: 1; color: var(--gold-leaf); }

    /* AI MFG */
    .ai-mfg-section { padding: 100px 0; background: transparent; position: relative; overflow: hidden; border-top: 2px solid #0a2a52; }
    .ai-mfg-section::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(0,120,212,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(0,120,212,0.07) 1px, transparent 1px); background-size: 60px 60px; pointer-events: none; }
    .ai-mfg-section::after { content: ""; position: absolute; top: -20%; right: -10%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(0,120,212,0.1) 0%, transparent 65%); pointer-events: none; }
    .ai-scan { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, #0078d4, #00d4ff, transparent); animation: scanDown 10s linear infinite; pointer-events: none; z-index: 1; }
    .ai-mfg-inner { position: relative; z-index: 2; }
    .ai-status { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; }
    .ai-dot { width: 7px; height: 7px; background: #10b981; border-radius: 50%; animation: pulse 2s infinite; }
    .ai-status-text { font-family: var(--mono); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #1a6b3a; font-weight: 700; }
    .ai-mfg-kicker { font-family: var(--mono); font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #0a2a52; margin-bottom: 16px; display: block; font-weight: 800; }
    .ai-mfg-h2 { font-family: var(--sans); font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 900; line-height: 1.05; color: #081a32; margin-bottom: 20px; letter-spacing:-.02em; }
    .ai-mfg-h2 em { font-style: italic; color: #0a2a52; font-weight: 700; }
    .ai-mfg-lede { font-size: 15px; line-height: 1.6; color: #0a2240; font-weight: 500; max-width: 640px; margin-bottom: 32px; }
    .ai-mfg-lede strong { color: #081a32; font-weight: 800; }
    .ai-stats-row { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
    .ai-stat-pill { display: flex; flex-direction: column; padding: 14px 20px; background: rgba(0,120,212,0.08); border: 1px solid rgba(0,120,212,0.2); min-width: 120px; }
    .ai-stat-num { font-family: var(--sans); font-size: 1.6rem; font-weight: 900; color: #081a32; line-height: 1; letter-spacing:-.01em; }
    .ai-stat-label { font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: #0a2a52; margin-top: 5px; font-weight: 800; }
    .ai-cta-row { display: flex; flex-wrap: wrap; gap: 12px; }
    .ai-btn-primary { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; background: #0a2a52; color: #fff; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 800; transition: all 0.2s; text-decoration: none; border: 2px solid #0a2a52; box-shadow: 3px 3px 0 0 #c9a84c; }
    .ai-btn-primary:hover { background: #081a32; color: #fff; transform: translate(-2px,-2px); box-shadow: 5px 5px 0 0 #c9a84c; }
    .ai-btn-ghost { display: inline-flex; align-items: center; gap: 10px; padding: 15px 28px; background: rgba(255,255,255,.4); color: #0a2240; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 800; border: 2px solid #0a2a52; transition: all 0.2s; text-decoration: none; }
    .ai-btn-ghost:hover { background: #0a2a52; color: #fff; }
    .ai-mfg-layout { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: start; }
    .ai-arch-stack { display: flex; flex-direction: column; gap: 3px; }
    .ai-layer { padding: 14px 18px; border: 1px solid; cursor: default; transition: all 0.2s; }
    .ai-layer:hover { transform: translateX(4px); }
    .layer-ai-outer { border-color: rgba(0,212,255,0.25); background: rgba(0,212,255,0.04); }
    .layer-media { border-color: rgba(16,185,129,0.3); background: rgba(16,185,129,0.05); }
    .layer-platform { border-color: rgba(0,120,212,0.3); background: rgba(0,120,212,0.05); }
    .layer-security { border-color: rgba(0,120,212,0.45); background: rgba(0,120,212,0.08); }
    .layer-core { border-color: #0078d4; background: rgba(0,120,212,0.12); border-left-width: 3px; }
    .layer-edge { border-color: rgba(245,158,11,0.3); background: rgba(245,158,11,0.04); }
    .ai-layer-badge { font-family: var(--mono); font-size: 9px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 4px; font-weight: 800; }
    .layer-ai-outer .ai-layer-badge { color: #0a2a52; }
    .layer-media .ai-layer-badge { color: #1a6b3a; }
    .layer-platform .ai-layer-badge { color: #0a2a52; }
    .layer-security .ai-layer-badge { color: #7a1a26; }
    .layer-core .ai-layer-badge { color: #0a2a52; }
    .layer-edge .ai-layer-badge { color: #8a6f1e; }
    .ai-layer-title { font-size: 13px; font-weight: 800; color: #081a32; margin-bottom: 3px; letter-spacing:-.005em; }
    .ai-layer-desc { font-size: 12px; color: #0a2240; line-height: 1.5; font-weight: 500; }
    .ai-connector { display: flex; align-items: center; justify-content: center; height: 12px; }
    .ai-connector-line { width: 1px; height: 100%; background: linear-gradient(180deg, rgba(0,120,212,0.5), rgba(0,120,212,0.1)); }
    .ai-mfg-tag-bar { display: flex; align-items: center; gap: 16px; margin-bottom: 32px; }
    .ai-mfg-tag-bar-line { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(0,120,212,0.4), transparent); }
    .ai-mfg-tag-bar-text { font-family: var(--mono); font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #0a2a52; white-space: nowrap; font-weight: 800; }
    .ai-cap-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 24px; }
    .ai-cap { padding: 14px 16px; border: 1px solid rgba(0,120,212,0.15); background: rgba(13,31,60,0.5); transition: all 0.2s; }
    .ai-cap:hover { border-color: rgba(0,120,212,0.4); }
    .ai-cap-title { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 900; color: #081a32; margin-bottom: 4px; }
    .ai-cap-desc { font-size: 12px; color: #0a2240; line-height: 1.5; font-weight: 500; }

    /* INTEL CARD */
    .intel-card { border: 2px solid #0a2a52 !important; background: rgba(255,255,255,.55) !important; color: #0a2240 !important; position: relative; overflow: hidden; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
    .intel-card::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(10,42,82,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(10,42,82,.05) 1px, transparent 1px); background-size: 28px 28px; pointer-events: none; }
    .intel-card-inner { position: relative; z-index: 1; }
    .intel-card h2 { color: #081a32 !important; }
    .intel-card p { color: #0a2240 !important; font-weight: 500; }
    .intel-live { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: 10px; }
    .intel-live-dot { width: 5px; height: 5px; border-radius: 50%; background: #3dcb6b; animation: pulse 2.5s infinite; }
    .intel-live-text { font-size: .58rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #1a6b3a; }
    .intel-leads { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
    .intel-lead-row { display: flex; align-items: baseline; gap: .6rem; padding: 8px 12px; background: rgba(255,255,255,.55); border: 1.5px solid #0a2a52; font-size: .76rem; }
    .intel-lead-tier { font-size: .54rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; flex-shrink: 0; padding: .2rem .5rem; }
    .tier-pt { background: #7a1a26; color: #fff; border: 1.5px solid #4a0010; }
    .tier-gd { background: #c9a84c; color: #0a2240; border: 1.5px solid #8a6f1e; }
    .tier-sv { background: #0a2a52; color: #fff; border: 1.5px solid #081a32; }
    .tier-sv { background: rgba(80,90,100,.4); color: #aabbc8; border: 1px solid rgba(90,101,114,.3); }
    .intel-lead-co { color: #081a32; font-weight: 700; flex: 1; }
    .intel-lead-trigger { color: #0a2a52; font-size: .68rem; font-weight: 500; }
    .intel-loading { color: #0a2a52; font-size: .76rem; font-style: italic; padding: 8px 0; font-weight: 500; }

    /* CONTACT */
    .contact-section { padding: 80px 0 100px; background: var(--charcoal); position: relative; overflow: hidden; border-top: 3px solid var(--gold-leaf); }
    .contact-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 60% at 20% 80%, rgba(139, 34, 50, 0.14) 0%, transparent 65%), radial-gradient(ellipse 60% 60% at 80% 20%, rgba(201, 168, 76, 0.1) 0%, transparent 65%); }
    .contact-inner { position: relative; z-index: 2; }
    .contact-frame { background: #ffffff; border: 2px solid var(--gold-leaf); padding: 52px 56px 56px; box-shadow: 0 40px 100px rgba(0,0,0,0.55), 0 12px 32px rgba(0,0,0,0.35); position: relative; max-width: 900px; margin: 0 auto; }
    .contact-frame::before { content: ''; position: absolute; top: -2px; left: -2px; width: 36px; height: 36px; border-top: 4px solid var(--gold-leaf); border-left: 4px solid var(--gold-leaf); pointer-events: none; }
    .contact-frame::after { content: ''; position: absolute; bottom: -2px; right: -2px; width: 36px; height: 36px; border-bottom: 4px solid var(--gold-leaf); border-right: 4px solid var(--gold-leaf); pointer-events: none; }
    .contact-frame .section-kicker { color: var(--gold-leaf) !important; font-size: 12px !important; letter-spacing: 5px !important; font-weight: 700 !important; }
    .contact-frame .section-title { color: #000000 !important; font-weight: 800 !important; font-size: clamp(2rem, 4vw, 3.2rem) !important; line-height: 1.1 !important; text-shadow: none !important; }
    .contact-frame .section-title em { color: var(--deep-sea) !important; font-weight: 800 !important; }
    .contact-lede { font-size: 15px; color: #111111; line-height: 1.8; font-weight: 500; margin-bottom: 28px; max-width: 72ch; }
    .contact-frame label { color: #000000 !important; font-weight: 600 !important; }
    .contact-frame input, .contact-frame textarea, .contact-frame select { border: 1px solid var(--parchment) !important; background: #f8f5f0 !important; color: var(--obsidian) !important; }
    .contact-frame input::placeholder, .contact-frame textarea::placeholder { color: var(--muted) !important; }
    .contact-frame input:focus, .contact-frame textarea:focus, .contact-frame select:focus { border-color: var(--gold-leaf) !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(201,168,76,0.15) !important; }
    .contact-frame select { color: var(--obsidian) !important; }
    .contact-frame select option { background: #fff; color: var(--obsidian); }
    .contact-frame .form-note { color: var(--warm-grey) !important; }
    .contact-frame .form-note a { color: var(--deep-sea) !important; }
    form { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
    label { display: block; font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--champagne); margin-bottom: 8px; font-weight: 500; }
    input, textarea, select { width: 100%; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: var(--ivory); font-family: var(--sans); font-size: 14px; font-weight: 300; outline: none; transition: border-color 0.3s; }
    input::placeholder, textarea::placeholder { color: rgba(245, 240, 232, 0.35); }
    input:focus, textarea:focus, select:focus { border-color: rgba(201, 168, 76, 0.4); box-shadow: 0 0 0 4px rgba(201, 168, 76, 0.06); }
    textarea { min-height: 140px; resize: vertical; }
    select { color: var(--ivory); }
    select option { background: var(--charcoal); color: var(--ivory); }
    .f6 { grid-column: span 6; }
    .f4 { grid-column: span 4; }
    .f12 { grid-column: span 12; }
    .form-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; }
    .form-note { font-size: 12px; color: rgba(245, 240, 232, 0.5); font-weight: 300; max-width: 60ch; }
    .form-note a { color: var(--gold-soft); }
    .btn-gold { background: var(--gold-leaf); color: var(--obsidian); padding: 16px 40px; }
    .btn-gold:hover { background: var(--ivory); transform: translateY(-3px); box-shadow: 0 16px 48px rgba(201, 168, 76, 0.3); }

    /* FOOTER */
    .footer-section { padding: 60px 0 40px; background: var(--obsidian); color: rgba(245, 240, 232, 0.7); border-top: 1px solid rgba(201, 168, 76, 0.1); }
    .foot-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
    .foot-col h4 { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold-soft); font-weight: 500; margin-bottom: 12px; }
    .foot-col p { font-size: 13px; color: rgba(245, 240, 232, 0.55); font-weight: 300; line-height: 1.7; }
    .foot-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; }
    .foot-links a { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--crystal); font-weight: 400; border-bottom: 1px solid transparent; padding-bottom: 2px; }
    .foot-links a:hover { color: var(--gold-leaf); border-bottom-color: var(--gold-leaf); }
    .legal { margin-top: 40px; padding: 28px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.02); font-size: 12px; color: rgba(245, 240, 232, 0.5); line-height: 1.7; font-weight: 300; }
    .legal strong { color: rgba(245, 240, 232, 0.7); font-weight: 500; }
    .legal p { margin: 0 0 12px; }
    .legal p:last-child { margin: 0; }
    .legal a { color: var(--gold-soft); }
    .legal-title { display: block; margin-bottom: 16px; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold-soft); font-weight: 500; }
    .footer-bottom { margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.04); display: flex; justify-content: center; gap: 8px; align-items: center; }
    .footer-bottom img { height: 24px; width: auto; opacity: 0.25; }
    .footer-bottom span { font-size: 10px; color: rgba(245, 240, 232, 0.2); letter-spacing: 1px; }
    .scroll-cue { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; animation: gentlePulse 3s ease-in-out infinite; }
    .scroll-cue span { font-size: 9px; letter-spacing: 4px; text-transform: uppercase; color: var(--muted); }
    .scroll-cue-line { width: 1px; height: 48px; background: linear-gradient(to bottom, var(--gold-leaf), transparent); }
    .anchor { scroll-margin-top: 140px; }

    @media (max-width: 1100px) {
      .nav-links, .nav-social { display: none; }
      .nav-toggle { display: block; }
      .nav-links.open { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: rgba(245, 240, 232, 0.97); backdrop-filter: blur(20px); padding: 24px 28px; gap: 18px; border-bottom: 1px solid var(--parchment); }
      .nav-links.open + .nav-social { display: flex; position: absolute; top: 100%; right: 28px; padding-top: 24px; }
      .hero-grid, .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
      .foot-grid { grid-template-columns: 1fr; }
      .f6, .f4, .f12 { grid-column: span 12; }
      .hero { padding: 200px 0 60px; min-height: auto; }
      .section { padding: 72px 0; }
      .card { padding: 28px 24px; }
      .nav { padding: 14px 20px; }
      .ai-mfg-layout { grid-template-columns: 1fr; gap: 40px; }
      .ai-cap-grid { grid-template-columns: 1fr; }
      #markets-ticker { top: 52px; height: 36px; }
      #intel-ticker { top: 88px; height: 40px; }
      .nav.scrolled ~ #markets-ticker { top: 44px; }
      .nav.scrolled ~ #intel-ticker { top: 80px; }
      .me-item { font-size: .78rem; padding: 0 1.6rem; }
      .ticker-item { font-size: .72rem; padding: 0 1.6rem; }
      .press-item { grid-template-columns: 1fr; gap: .5rem; }
    }

    /* ═══════════════════════════════════════════════════════════
       2026 · ESPN × belle · Desks row · Sora intro · blunt hero
    ═══════════════════════════════════════════════════════════ */
    :root{
      --display:'Oswald','Jost',sans-serif;
      --sans2:'Jost','Outfit',system-ui,sans-serif;
      --atlantic:#1f538f; --atlantic-deep:#0f3668; --atlantic-ice:#b9d0ec;
      --navy-deep:#061a38; --ai-blue:#2563eb; --ai-blue-deep:#1d4ed8;
    }

    /* DESKS BAR · right under the tickers, top-of-page ecosystem blast */
    .desks-bar{
      background: linear-gradient(135deg, #d8e7f0 0%, #a7c4d8 55%, #6e95b3 100%);
      color: #0a2240;
      border-bottom: 3px solid #0a2a52;
      padding: 0;
      position: relative;
      z-index: 8;
    }
    .desks-bar-inner{
      max-width: 1400px; margin: 0 auto;
      display: grid; grid-template-columns: auto repeat(6, 1fr) auto;
      gap: 1px;
      background: rgba(201,168,76,.3);
      padding: 1px;
    }
    @media(max-width:1200px){ .desks-bar-inner{ grid-template-columns: repeat(3, 1fr); } .desks-bar-label, .desks-bar-sora { grid-column: 1 / -1; } }
    @media(max-width:720px){ .desks-bar-inner{ grid-template-columns: repeat(2, 1fr); } }
    @media(max-width:480px){ .desks-bar-inner{ grid-template-columns: 1fr; } }
    .desks-bar-label{
      background: #0a2a52; color: #fff;
      padding: 20px 24px;
      font-family: var(--display);
      font-size: .78rem; letter-spacing: .28em; text-transform: uppercase;
      font-weight: 900;
      display: flex; align-items: center; gap: 12px;
      white-space: nowrap;
    }
    .desks-bar-label::before{
      content:""; width: 9px; height: 9px; background: #c9a84c;
      border-radius: 50%; animation: deskPulse 1.8s infinite;
      box-shadow: 0 0 0 3px rgba(201,168,76,.3);
    }
    @keyframes deskPulse{0%,100%{opacity:.4}50%{opacity:1}}
    .desk-cell{
      background: linear-gradient(135deg, #d8e7f0 0%, #a7c4d8 55%, #6e95b3 100%);
      padding: 18px 20px;
      text-decoration: none;
      color: #0a2240;
      display: flex; flex-direction: column; justify-content: center;
      transition: all .2s;
      border-top: 3px solid transparent;
      min-height: 96px;
    }
    .desk-cell:hover{ background: linear-gradient(135deg, #c8dde8 0%, #94b4cc 55%, #5a85a6 100%); color: #081a32; text-decoration: none; transform: translateY(-2px); }
    .desk-cell.briefing{ border-top-color: #0a2a52; }
    .desk-cell.ma{ border-top-color: #1d4278; }
    .desk-cell.sports{ border-top-color: #c9a84c; }
    .desk-cell.voyage{ border-top-color: #c4622d; }
    .desk-cell.house{ border-top-color: #c9a84c; background: linear-gradient(135deg, #c8dde8 0%, #94b4cc 55%, #5a85a6 100%); }
    .desk-cell.fending{ border-top-color: #7a1a26; }
    .desk-name{
      font-family: var(--display);
      font-size: 1rem; font-weight: 900;
      letter-spacing: 1.8px; text-transform: uppercase;
      color: #081a32;
      display: flex; align-items: baseline; gap: 8px;
    }
    .desk-name em{
      font-family: 'Cormorant Garamond', serif;
      font-style: italic;
      font-weight: 700;
      color: #0a2a52;
      font-size: 1.25em;
      letter-spacing: -.01em;
      text-transform: none;
    }
    .desk-kanji{
      font-family: 'Noto Serif JP', serif;
      color: #0a2a52;
      font-size: 1.1rem;
      font-weight: 700;
      margin-left: auto;
    }
    .desk-tag{
      font-family: var(--sans2);
      font-size: .75rem;
      color: #0a2240;
      margin-top: 6px;
      font-weight: 600;
      letter-spacing: .005em;
      line-height: 1.35;
    }
    .desks-bar-sora{
      background: var(--ai-blue);
      color: #fff;
      padding: 12px 18px;
      text-decoration: none;
      display: flex; flex-direction: column; justify-content: center;
      transition: all .15s;
      border-top: 2px solid var(--gold-leaf);
    }
    .desks-bar-sora:hover{ background: var(--ai-blue-deep); color: #fff; text-decoration: none; }
    .desks-bar-sora-name{
      font-family: var(--display);
      font-size: .78rem; font-weight: 800;
      letter-spacing: 1.8px; text-transform: uppercase;
    }
    .desks-bar-sora-tag{
      font-family: 'Cormorant Garamond', serif;
      font-style: italic;
      font-size: .86rem;
      color: rgba(255,255,255,.92);
      margin-top: 1px;
      font-weight: 600;
      letter-spacing: .005em;
    }

    /* HERO · blunt kick-ass register (keep background media, sharpen type) */
    .hero .kicker{
      font-family: var(--display) !important;
      font-size: .66rem !important;
      letter-spacing: .24em !important;
      text-transform: uppercase !important;
      font-weight: 700 !important;
    }
    .hero h1{
      font-family: 'Cormorant Garamond', Georgia, serif !important;
      font-weight: 700 !important;
      font-size: clamp(2.2rem, 4.8vw, 3.8rem) !important;
      letter-spacing: -.018em !important;
      line-height: 1.08 !important;
      text-transform: none !important;
    }
    .hero h1 em{
      font-family: 'Cormorant Garamond', Georgia, serif !important;
      font-style: italic !important;
      font-weight: 700 !important;
      letter-spacing: -.014em !important;
      text-transform: none !important;
      font-size: 1em !important;
      color: var(--gold-d, #8a6820) !important;
    }
    .hero-lede{
      font-family: var(--sans2) !important;
      font-size: 14px !important;
      line-height: 1.55 !important;
      font-weight: 500 !important;
      border-left: 3px solid var(--atlantic-ice);
      padding-left: 14px;
      max-width: 680px;
    }
    .hero-lede strong{
      font-family: var(--display) !important;
      font-weight: 800 !important;
      letter-spacing: .02em !important;
      text-transform: uppercase !important;
      font-size: .92em !important;
    }

    /* SORA CUTE INTRO PANEL · sits right under hero CTAs */
    .sora-intro{
      max-width: 1160px;
      margin: 26px auto 0;
      padding: 18px 22px;
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 18px;
      align-items: center;
      background: linear-gradient(110deg, var(--obsidian) 0%, var(--ai-blue-deep) 50%, var(--atlantic) 100%);
      color: #fff;
      border: 1px solid var(--gold-leaf);
      box-shadow: 0 10px 30px rgba(6,26,56,.28);
      animation: fadeUp .8s 1.1s both;
    }
    @media(max-width:820px){ .sora-intro{ grid-template-columns: auto 1fr; margin: 22px 16px 0; } .sora-intro-cta{ grid-column: 1 / -1; text-align: center; } }
    .sora-kanji{
      font-family: var(--jp);
      font-size: 3.2rem;
      color: var(--gold-soft);
      line-height: 1;
      font-weight: 500;
    }
    .sora-intro-text .sora-eyebrow{
      font-family: var(--display);
      font-size: .58rem;
      letter-spacing: .26em;
      text-transform: uppercase;
      color: var(--gold-leaf);
      font-weight: 800;
      margin-bottom: 4px;
      display: inline-flex; align-items: center; gap: 10px;
    }
    .sora-intro-text .sora-eyebrow::before{ content:""; width:20px;height:1px;background:var(--gold-leaf) }
    .sora-intro-text h3{
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(1.3rem, 2.2vw, 1.8rem);
      font-weight: 700;
      letter-spacing: -.01em;
      line-height: 1.15;
      color: #fff;
      margin-bottom: 3px;
    }
    .sora-intro-text h3 em{
      font-style: italic;
      color: var(--gold-soft);
      font-weight: 700;
    }
    .sora-intro-text p{
      font-family: var(--sans2);
      font-size: 13px;
      line-height: 1.55;
      color: rgba(245,240,232,.86);
      font-weight: 400;
      max-width: 620px;
    }
    .sora-intro-text p strong{
      font-family: 'Cormorant Garamond', serif;
      font-style: italic;
      font-weight: 700;
      color: var(--gold-soft);
      font-size: 1.08em;
      letter-spacing: .005em;
    }
    .sora-intro-cta{
      background: var(--gold-leaf);
      color: var(--obsidian);
      padding: 12px 22px;
      font-family: var(--display);
      font-size: .68rem;
      letter-spacing: .22em;
      text-transform: uppercase;
      font-weight: 800;
      text-decoration: none;
      border: 2px solid var(--gold-leaf);
      white-space: nowrap;
      transition: all .15s;
    }
    .sora-intro-cta:hover{ background: #fff; color: var(--obsidian); border-color: #fff; text-decoration: none; }

    /* Section titles · tighten to ESPN register */
    .section-title{
      font-family: var(--display) !important;
      font-weight: 700 !important;
      letter-spacing: -.005em !important;
      text-transform: uppercase !important;
      font-size: clamp(1.5rem, 2.8vw, 2.1rem) !important;
    }
    .section-title em{
      font-family: 'Cormorant Garamond', serif !important;
      font-style: italic !important;
      font-weight: 700 !important;
      text-transform: none !important;
      font-size: 1.02em !important;
      letter-spacing: -.01em !important;
    }
    .section-kicker{
      font-family: var(--display) !important;
      font-size: .66rem !important;
      letter-spacing: .24em !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
    }
    .card h2{
      font-family: var(--display) !important;
      font-weight: 700 !important;
      font-size: 1.02rem !important;
      letter-spacing: .02em !important;
      text-transform: uppercase !important;
    }

    /* Kill the serif fade — any Cormorant 300/400 body copy gets floor of 600 */
    .hero h1, .hero h1 em, .section-title, .section-title em, .card h2 em, .sora-intro-text h3, .sora-intro-text h3 em{
      font-weight: 700 !important;
    }

    /* Nav · thinner, boldened brand */
    .nav-brand-name{
      font-family: var(--display) !important;
      font-weight: 800 !important;
      letter-spacing: 1.6px !important;
      text-transform: uppercase !important;
      font-size: 14px !important;
    }
    .nav-brand-sub{
      font-family: var(--sans2) !important;
      font-size: 10px !important;
      font-weight: 500 !important;
    }
    .nav-links a{
      font-family: var(--display) !important;
      font-size: 10.5px !important;
      letter-spacing: 1.8px !important;
      font-weight: 500 !important;
      text-transform: uppercase !important;
    }
    .nav-cta{
      font-family: var(--display) !important;
      font-weight: 800 !important;
      letter-spacing: 2.2px !important;
    }

    /* Buttons · sharper, bolder */
    .btn{
      font-family: var(--display) !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
    }

    /* ═══════════════════════════════════════════════════════════
       TIGHTEN · lines closer, text smaller, more bolding
    ═══════════════════════════════════════════════════════════ */
    body { line-height: 1.4 !important; }
    p { line-height: 1.5 !important; }

    /* Hero · tight, smaller, punchy */
    .hero h1{
      font-size: clamp(1.7rem, 3.8vw, 2.9rem) !important;
      line-height: 1.02 !important;
      margin-bottom: 12px !important;
    }
    .hero-lede{
      font-size: 13px !important;
      line-height: 1.45 !important;
      font-weight: 500 !important;
      max-width: 680px;
    }
    .hero-lede strong{
      font-family: var(--display) !important;
      font-weight: 800 !important;
      letter-spacing: .01em !important;
      font-size: .9em !important;
    }
    .hero .kicker{ font-size: .6rem !important; margin-bottom: 14px !important; line-height: 1.3 !important; }
    .hero .cta-row{ margin-top: 18px !important; }

    /* Sora intro — slightly tighter */
    .sora-intro{ padding: 16px 20px !important; margin-top: 22px !important; }
    .sora-intro-text h3{ font-size: clamp(1.15rem, 1.9vw, 1.5rem) !important; line-height: 1.12 !important; }
    .sora-intro-text p{ font-size: 12px !important; line-height: 1.45 !important; font-weight: 500 !important; }
    .sora-kanji{ font-size: 2.6rem !important; }

    /* Cards · tight lists, firm copy, dense rhythm */
    .card{ padding: 18px 22px !important; }
    .card h2{ font-size: .98rem !important; margin-bottom: 8px !important; letter-spacing: .04em !important; font-weight: 800 !important; }
    .card ul{ padding-left: 16px !important; margin: 0 !important; }
    .card ul li{
      font-family: var(--sans2) !important;
      font-size: 13px !important;
      line-height: 1.3 !important;
      font-weight: 600 !important;
      color: var(--ink) !important;
      margin-bottom: 3px !important;
    }
    .card ul li:last-child{ margin-bottom: 0 !important; }
    .card p{
      font-size: 13px !important;
      line-height: 1.4 !important;
      font-weight: 600 !important;
      margin-bottom: 10px !important;
    }
    .card p strong{ font-weight: 800 !important; color: var(--obsidian); }
    .badge-row{ gap: 5px !important; margin-top: 8px !important; }
    .badge{ font-size: 10px !important; letter-spacing: .08em !important; font-weight: 700 !important; padding: 4px 9px !important; line-height: 1.1 !important; }

    /* Section headers · tighter */
    .section-header{ margin-bottom: 26px !important; }
    .section-title{ line-height: 1.05 !important; margin-top: 8px !important; }
    .section-kicker{ margin-bottom: 4px !important; }
    .section{ padding: 56px 0 !important; }

    /* Ideal-for + "What we do" lists — same tight register */
    .hero-grid .card ul li, .hero-grid .card p{
      font-size: 13px !important;
      line-height: 1.35 !important;
      font-weight: 600 !important;
    }

    /* ═══════════════════════════════════════════════════════════
       PRODUCT ROTATE STRIP · 4 SKUs from the live catalog
    ═══════════════════════════════════════════════════════════ */
    .prod-strip{
      background: linear-gradient(180deg, var(--cream) 0%, var(--ivory) 100%);
      padding: 32px 0;
      border-bottom: 1px solid var(--parchment);
      border-top: 1px solid var(--parchment);
    }
    .prod-strip-inner{ max-width: 1200px; margin: 0 auto; padding: 0 22px; }
    .prod-strip-head{ display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--parchment); gap: 16px; flex-wrap: wrap; }
    .prod-strip-h{
      font-family: 'Cormorant Garamond', serif;
      font-weight: 700;
      font-size: 1.3rem;
      letter-spacing: -.01em;
      color: var(--obsidian);
    }
    .prod-strip-h em{ font-style: italic; color: var(--gold-leaf); font-weight: 700; }
    .prod-strip-eyebrow{
      font-family: var(--display);
      font-size: .58rem;
      letter-spacing: .24em;
      text-transform: uppercase;
      color: var(--atlantic);
      font-weight: 800;
    }
    .prod-strip-grid{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }
    @media(max-width: 900px){ .prod-strip-grid{ grid-template-columns: repeat(2, 1fr); } }
    @media(max-width: 520px){ .prod-strip-grid{ grid-template-columns: 1fr; } }
    .prod-strip-card{
      background: #fff;
      border: 1px solid var(--parchment);
      border-top: 3px solid var(--terra);
      padding: 10px;
      text-decoration: none;
      color: inherit;
      transition: all .15s;
    }
    .prod-strip-card:nth-child(2){ border-top-color: var(--gold-leaf); }
    .prod-strip-card:nth-child(3){ border-top-color: var(--atlantic); }
    .prod-strip-card:nth-child(4){ border-top-color: var(--ruby); }
    .prod-strip-card:hover{ text-decoration: none; color: var(--obsidian); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
    .prod-strip-img{
      width: 100%;
      aspect-ratio: 4/3;
      background: var(--cream) center/cover no-repeat;
      margin-bottom: 8px;
      border: 1px solid var(--parchment);
    }
    .prod-strip-brand{
      font-family: var(--display);
      font-size: .5rem;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--terra);
      font-weight: 800;
      margin-bottom: 3px;
    }
    .prod-strip-name{
      font-family: 'Cormorant Garamond', serif;
      font-size: .92rem;
      font-weight: 700;
      color: var(--obsidian);
      line-height: 1.18;
      letter-spacing: -.005em;
      margin-bottom: 6px;
      display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    }
    .prod-strip-price{
      font-family: var(--display);
      font-size: .66rem;
      color: var(--warm-grey);
      font-weight: 700;
      letter-spacing: .02em;
    }
    .prod-strip-price em{ font-style: normal; color: var(--atlantic); font-weight: 700; font-size: .94em; }
    .prod-strip-loading{
      font-family: 'Cormorant Garamond', serif;
      font-style: italic;
      color: var(--muted);
      text-align: center;
      padding: 22px;
      grid-column: 1 / -1;
    }

    /* ═══════════════════════════════════════════════════════════
       NAV DROPDOWN · "The Desks" in the header
    ═══════════════════════════════════════════════════════════ */
    .nav-links .nav-drop{ position: relative; }
    .nav-drop-btn{
      background: none;
      border: none;
      cursor: pointer;
      font: inherit;
      color: inherit;
      padding: 0;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-family: var(--display) !important;
      font-size: 10.5px !important;
      letter-spacing: 1.8px !important;
      font-weight: 500 !important;
      text-transform: uppercase !important;
    }
    .nav-drop-btn:hover{ color: var(--gold-leaf); }
    .nav-drop-btn svg{ width: 9px; height: 6px; fill: currentColor; transition: transform .2s; }
    .nav-drop.open .nav-drop-btn svg, .nav-drop:hover .nav-drop-btn svg{ transform: rotate(180deg); }
    .nav-drop-menu{
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      min-width: 320px;
      background: var(--obsidian);
      border: 1px solid var(--gold-leaf);
      box-shadow: 0 14px 40px rgba(5,4,3,.5);
      padding: 6px 0;
      opacity: 0;
      transform: translateY(-6px);
      pointer-events: none;
      transition: opacity .18s, transform .18s;
      z-index: 200;
    }
    .nav-drop:hover .nav-drop-menu, .nav-drop.open .nav-drop-menu{ opacity: 1; transform: translateY(0); pointer-events: auto; }
    .nav-drop-menu a{
      display: block;
      padding: 10px 16px;
      text-decoration: none;
      color: var(--champagne) !important;
      border-bottom: 1px solid rgba(201,168,76,.12);
      transition: background .15s, color .15s;
    }
    .nav-drop-menu a:last-child{ border-bottom: none; }
    .nav-drop-menu a:hover{ background: rgba(201,168,76,.08); color: var(--gold-soft) !important; text-decoration: none; }
    .nav-drop-menu .nd-name{
      font-family: var(--display);
      font-size: 11.5px;
      font-weight: 800;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      color: #fff;
      display: block;
    }
    .nav-drop-menu .nd-name em{
      font-family: 'Cormorant Garamond', serif;
      font-style: italic;
      color: var(--gold-soft);
      font-weight: 700;
      letter-spacing: -.005em;
      text-transform: none;
      font-size: 1.08em;
      margin-left: 2px;
    }
    .nav-drop-menu .nd-tag{
      font-family: var(--sans2);
      font-size: 10.5px;
      color: rgba(232,220,200,.68);
      margin-top: 2px;
      font-weight: 500;
      display: block;
      letter-spacing: .005em;
    }
    .nav-drop-menu .nd-sora{
      background: var(--ai-blue);
      border-top: 1px solid rgba(255,255,255,.2);
    }
    .nav-drop-menu .nd-sora:hover{ background: var(--ai-blue-deep); }
    .nav-drop-menu .nd-sora .nd-name{ color: #fff; }
    .nav-drop-menu .nd-sora .nd-tag{
      font-family: 'Cormorant Garamond', serif;
      font-style: italic;
      color: var(--gold-soft);
      font-weight: 600;
    }

    /* ═══════════════════════════════════════════════════════════
       VIRGINIA BEACH STRIP · tippy top
    ═══════════════════════════════════════════════════════════ */
    .vb-strip{
      position: relative; height: 72px; overflow: hidden;
      background: #061a38; border-bottom: 2px solid var(--gold-leaf); z-index: 200;
    }
    @media(max-width:720px){ .vb-strip{ height: 56px; } }
    .vb-slide{
      position: absolute; inset: 0;
      background-size: cover; background-position: center;
      opacity: 0; transition: opacity 1.5s ease-in-out;
    }
    .vb-slide.active{ opacity: 1; }
    .vb-strip::after{
      content:""; position: absolute; inset: 0;
      background: linear-gradient(180deg, rgba(5,4,3,.22) 0%, rgba(5,4,3,.56) 100%);
      z-index: 2; pointer-events: none;
    }
    .vb-label{
      position: absolute; left: 50%; top: 50%;
      transform: translate(-50%,-50%); z-index: 3;
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(.82rem, 1.2vw, 1rem);
      color: #f5f0e8; font-style: italic;
      letter-spacing: .01em; text-align: center; line-height: 1.1;
      text-shadow: 0 1px 10px rgba(0,0,0,.52);
      font-weight: 600;
    }
    .vb-label em{
      font-style: normal; color: var(--gold-soft);
      font-weight: 800; letter-spacing: .22em; text-transform: uppercase;
      font-size: .6em; display: block; margin-bottom: 2px;
    }
    .vb-kanji{
      position: absolute; top: 50%; right: 24px;
      transform: translateY(-50%); z-index: 3;
      font-family: var(--jp); font-size: 1.9rem;
      color: rgba(201,168,76,.48); line-height: 1;
      pointer-events: none; font-weight: 500;
    }
    @media(max-width:720px){ .vb-kanji{ display: none; } }

    /* ═══════════════════════════════════════════════════════════
       NAV · fit everything on screen · no cut-offs
    ═══════════════════════════════════════════════════════════ */
    .nav{
      top: 0 !important; position: sticky !important;
      display: flex; flex-wrap: nowrap;
      align-items: center;
      padding: 8px 18px !important;
      gap: 14px !important;
      max-width: 100% !important;
    }
    .nav-brand{ flex-shrink: 0; gap: 10px !important; max-width: 280px; }
    .nav-brand img{ height: 30px !important; width: auto; }
    .nav-brand-text{ min-width: 0; }
    .nav-brand-name{ font-size: 13px !important; letter-spacing: 1.4px !important; }
    .nav-brand-sub{
      font-size: 9px !important;
      letter-spacing: .08em !important;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 360px;
    }
    @media(max-width:1280px){ .nav-brand-sub{ display: none !important; } }
    .nav-links{
      flex: 1 1 auto; justify-content: flex-end;
      gap: 2px !important;
      flex-wrap: nowrap;
      overflow: visible;
    }
    .nav-links a, .nav-links .nav-drop .nav-drop-btn{
      padding: 6px 8px !important;
      font-size: 10px !important;
      letter-spacing: 1.4px !important;
      white-space: nowrap;
    }
    .nav-cta{
      padding: 8px 14px !important;
      font-size: 10px !important;
    }
    .nav-social{
      flex-shrink: 0;
      gap: 6px !important;
      padding-left: 10px;
      border-left: 1px solid var(--parchment);
    }
    .nav-social a{ width: 28px; height: 28px; }
    .nav-social svg{ width: 13px; height: 13px; }
    /* Hide secondary links at smaller viewports so nothing overlaps */
    @media(max-width:1440px){
      .nav-links a[href="#how"], .nav-links a[href="#press"]{ display: none; }
    }
    @media(max-width:1280px){
      .nav-links a[href="ourstory.html"], .nav-links a[href="#ai-manufacturing"]{ display: none; }
    }
    @media(max-width:1100px){
      .nav-links a[href="programming.html"], .nav-links a[href="tools.html"]{ display: none; }
    }
    /* Dropdown menu adjusts position so it doesn't get clipped at viewport right edge */
    .nav-drop-menu{ right: 0 !important; left: auto !important; }

    /* ═══════════════════════════════════════════════════════════
       HERO · prevent H1 overflow
    ═══════════════════════════════════════════════════════════ */
    .hero{ padding-left: 22px !important; padding-right: 22px !important; }
    .hero .wrap{ max-width: 1200px; margin: 0 auto; width: 100%; box-sizing: border-box; }
    .hero h1{
      font-family: 'Cormorant Garamond', Georgia, serif !important;
      font-weight: 700 !important;
      font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
      line-height: 1.08 !important;
      letter-spacing: -.015em !important;
      text-transform: none !important;
      overflow-wrap: break-word;
      word-break: normal;
      hyphens: manual;
      max-width: 100%;
    }
    .hero h1 em{
      font-family: 'Cormorant Garamond', Georgia, serif !important;
      font-style: italic !important;
      font-weight: 700 !important;
      font-size: 1em !important;
      text-transform: none !important;
      white-space: normal;
      color: var(--gold-d, #8a6820) !important;
    }
    .hero-lede{ overflow-wrap: break-word; }
    .hero .cta-row{ flex-wrap: wrap; gap: 10px; }
    .sora-intro{ max-width: 100%; margin-left: 0; margin-right: 0; }

    /* ═══════════════════════════════════════════════════════════
       TICKERS · sit under nav, not overlap it
    ═══════════════════════════════════════════════════════════ */
    #markets-ticker, #intel-ticker{ position: relative !important; top: 0 !important; }

    /* ═══════════════════════════════════════════════════════════
       DESKS BAR + PROD STRIP · make sure nothing overflows
    ═══════════════════════════════════════════════════════════ */
    .desks-bar-inner{ max-width: 100% !important; }
    .prod-strip-inner{ max-width: 1200px; padding-left: 22px; padding-right: 22px; }

    /* ═══════════════════════════════════════════════════════════
       ENGAGEMENTS · tiered cards · lit-up, not washed out
    ═══════════════════════════════════════════════════════════ */
    .eng-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 18px;
    }
    @media(max-width:900px){ .eng-grid{ grid-template-columns: 1fr; } }
    .eng-card{
      background: #fff;
      padding: 20px 22px 22px;
      border: 0;
      border-top: 4px solid var(--atlantic);
      box-shadow: 0 12px 32px rgba(5,4,3,.24);
      position: relative;
      transition: transform .15s, box-shadow .15s;
    }
    .eng-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 18px 48px rgba(5,4,3,.36);
    }
    .eng-card.eng-foundation{ border-top-color: var(--atlantic); }
    .eng-card.eng-growth{ border-top-color: var(--gold-leaf); }
    .eng-card.eng-full{
      border-top-color: var(--terra);
      background: linear-gradient(180deg, #fff 0%, #fdf5ee 100%);
      box-shadow: 0 16px 40px rgba(196,98,45,.22);
    }
    .eng-tier{
      font-family: var(--display);
      font-size: .56rem;
      letter-spacing: .24em;
      text-transform: uppercase;
      font-weight: 800;
      color: var(--atlantic);
      margin-bottom: 6px;
      display: inline-flex; align-items: center; gap: 8px;
    }
    .eng-tier::before{ content:""; width: 18px; height: 1px; background: var(--atlantic); }
    .eng-card.eng-growth .eng-tier{ color: var(--gold-leaf); }
    .eng-card.eng-growth .eng-tier::before{ background: var(--gold-leaf); }
    .eng-card.eng-full .eng-tier{ color: var(--terra); }
    .eng-card.eng-full .eng-tier::before{ background: var(--terra); }
    .eng-name{
      font-family: var(--display);
      font-size: 1.4rem;
      font-weight: 800;
      letter-spacing: -.005em;
      text-transform: uppercase;
      color: var(--obsidian);
      line-height: 1;
      margin-bottom: 6px;
    }
    .eng-line{
      font-family: 'Cormorant Garamond', serif;
      font-style: italic;
      font-size: .98rem;
      font-weight: 600;
      color: var(--warm-grey);
      line-height: 1.25;
      padding-bottom: 12px;
      margin-bottom: 10px;
      border-bottom: 1px dotted var(--parchment);
    }
    .eng-card.eng-foundation .eng-line{ color: var(--atlantic); }
    .eng-card.eng-growth .eng-line{ color: var(--gold-leaf); }
    .eng-card.eng-full .eng-line{ color: var(--terra); }
    .eng-list{
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .eng-list li{
      font-family: 'Jost', sans-serif;
      font-size: 12.5px;
      font-weight: 600;
      line-height: 1.35;
      color: var(--obsidian);
      padding: 5px 0 5px 16px;
      position: relative;
      border-bottom: 1px dotted rgba(12,11,9,.08);
    }
    .eng-list li:last-child{ border-bottom: 0; }
    .eng-list li::before{
      content: "◆";
      position: absolute;
      left: 0; top: 5px;
      font-size: .5rem;
      color: var(--atlantic);
    }
    .eng-card.eng-growth .eng-list li::before{ color: var(--gold-leaf); }
    .eng-card.eng-full .eng-list li::before{ color: var(--terra); }

    /* ═══════════════════════════════════════════════════════════════
       FINAL CONTRAST PASS · bulletproof
       Rule: light/transparent containers get dark navy text.
       White text only allowed inside containers explicitly marked dark.
       This is the last word — overrides every earlier hard-coded light color.
    ═══════════════════════════════════════════════════════════════ */
    body, body p, body h1, body h2, body h3, body h4, body h5, body h6, body li, body span, body a, body div, body td, body th, body label, body em, body small {
      color: #0a2240;
    }
    body h1, body h2, body h3, body h4, body h5, body h6 { color: #081a32; }
    body strong, body b { color: #081a32; }
    body em { color: #0a2a52; }
    body a { color: #0a2a52; }
    body a:hover { color: #081a32; }

    /* DARK-BG WHITELIST — only THESE keep light/white text */
    .btn-primary, .btn-primary *,
    .topnav-cta, .topnav-cta *,
    .topnav-engage, .topnav-engage *,
    .ai-btn-primary, .ai-btn-primary *,
    .nav-cta, .nav-cta *,
    .desks-bar-label, .desks-bar-label *,
    .ticker-label, .ticker-label *,
    .deskbar-label, .deskbar-label *,
    .sora-intro-cta, .sora-intro-cta *,
    .desks-bar-sora, .desks-bar-sora *,
    .tier-pt, .tier-sv {
      color: #fff !important;
    }
    /* GOLD-on-NAVY: stay dark inside gold pills */
    .topnav-shop, .topnav-shop *,
    .tier-gd, .badge.warm {
      color: #0a2240 !important;
    }
  </style>
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Huang Goodman","url":"https://www.huanggoodman.com","description":"Full-service marketing and business development agency with operational execution and manufacturing support via Hako Shikin.","contactPoint":[{"@type":"ContactPoint","contactType":"sales","email":"jenny@huanggoodman.com"}],"sameAs":["https://www.linkedin.com/in/pops4/","https://www.instagram.com/pops4panda/","https://x.com/hakoshikin","https://www.youtube.com/@ritgraduateschool"]}</script>
</head>
<body>

<!-- VIRGINIA BEACH STRIP · tippy top -->
<div class="vb-strip" aria-label="Virginia Beach coastal rotation">
  <div class="vb-slide active" style="background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=2200&q=70&auto=format&fit=crop')"></div>
  <div class="vb-slide" style="background-image:url('https://images.unsplash.com/photo-1519046904884-53103b34b206?w=2200&q=70&auto=format&fit=crop')"></div>
  <div class="vb-slide" style="background-image:url('https://images.unsplash.com/photo-1473116763249-2faaef81ccda?w=2200&q=70&auto=format&fit=crop')"></div>
  <div class="vb-slide" style="background-image:url('https://images.unsplash.com/photo-1472214103451-9374bd1c798e?w=2200&q=70&auto=format&fit=crop')"></div>
  <div class="vb-slide" style="background-image:url('https://images.unsplash.com/photo-1468413253725-0d5181091126?w=2200&q=70&auto=format&fit=crop')"></div>
  <div class="vb-slide" style="background-image:url('https://images.unsplash.com/photo-1530866495561-0dcf0af1bccc?w=2200&q=70&auto=format&fit=crop')"></div>
  <div class="vb-slide" style="background-image:url('https://images.unsplash.com/photo-1493558103817-58b2924bce98?w=2200&q=70&auto=format&fit=crop')"></div>
  <div class="vb-slide" style="background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=2200&q=70&auto=format&fit=crop')"></div>
  <div class="vb-label"><em>Huang Goodman · Hako Shikin LLC</em>Virginia Beach · Atlantic coast · since 1997</div>
  <div class="vb-kanji" aria-hidden="true">家</div>
</div>

<nav class="nav" id="nav">
  <a href="#top" class="nav-brand">
    <img src="images/huanggoodmanlogo.png" alt="Huang Goodman logo">
    <div class="nav-brand-text">
      <span class="nav-brand-name">Huang Goodman</span>
      <span class="nav-brand-sub">Full-Service Marketing &amp; Business Development • with Hako Shikin production</span>
    </div>
  </a>
  <button class="nav-toggle" id="navToggle" aria-label="Menu"><span></span><span></span><span></span></button>
  <div class="nav-links" id="navLinks">
    <a href="#top">Overview</a>
    <a href="#running">The Floor</a>
    <a href="#services">Services</a>
    <a href="#ai-manufacturing">AI Manufacturing</a>
    <a href="#industries">Industries</a>
    <a href="#how">How We Work</a>
    <a href="#packages">Engagements</a>
    <span class="nav-drop" data-drop>
      <button class="nav-drop-btn" type="button" aria-haspopup="true" aria-expanded="false">
        The Desks <svg viewBox="0 0 10 6" aria-hidden="true"><path d="M0 0l5 6 5-6z"/></svg>
      </button>
      <div class="nav-drop-menu" role="menu">
        <a href="https://pops4-ma.billing-010.workers.dev/" target="_blank" rel="noopener" role="menuitem">
          <span class="nd-name">Markets <em>Edge</em></span>
          <span class="nd-tag">M&amp;A, private credit, CMO moves · 8/day</span>
        </a>
        <a href="https://www.pops4.com/sports/" role="menuitem">
          <span class="nd-name">Sports <em>Edge</em></span>
          <span class="nd-tag">Team sales, NIL, sponsor flows · 8/day</span>
        </a>
        <a href="https://pops4-voyage.billing-010.workers.dev/" target="_blank" rel="noopener" role="menuitem">
          <span class="nd-name">Voyage <em>Edge</em></span>
          <span class="nd-tag">Advertising + luxury travel · 8/day</span>
        </a>
        <a href="https://pops4-house-edge.billing-010.workers.dev/" target="_blank" rel="noopener" role="menuitem">
          <span class="nd-name">House <em>Edge</em> · 家</span>
          <span class="nd-tag">The House Files · read by principals, heirs, girlfriends, CoS, the pups</span>
        </a>
        <a href="https://fending.substack.com" target="_blank" rel="noopener" role="menuitem">
          <span class="nd-name">Fending</span>
          <span class="nd-tag">6 AM morning brief · chopped neck</span>
        </a>
        <a href="https://www.pops4.com/voyage/" class="nd-sora" role="menuitem">
          <span class="nd-name">Talk to Sora →</span>
          <span class="nd-tag">Sweet tea &amp; Gulfstream — ads &amp; travel AI</span>
        </a>
      </div>
    </span>
    <a href="#press">Press</a>
    <a href="brands.html">Our Brands</a>
    <a href="tools.html">Sales Tools</a>
    <a href="programming.html">Programming</a>
    <a href="ourstory.html">Our Story</a>
    <a href="#contact" class="nav-cta">Contact</a>
  </div>
  <div class="nav-social">
    <a href="https://www.linkedin.com/in/pops4/" target="_blank" rel="noopener" aria-label="LinkedIn"><svg viewBox="0 0 24 24" fill="none"><path d="M6.5 8.5V19" stroke="currentColor" stroke-width="2" stroke-linecap="square"/><path d="M6.5 5.5V5.6" stroke="currentColor" stroke-width="3" stroke-linecap="square"/><path d="M10.5 19v-6.2c0-1.9 1.2-3.3 3-3.3s3 1.4 3 3.3V19" stroke="currentColor" stroke-width="2" stroke-linecap="square"/><path d="M10.5 8.5V19" stroke="currentColor" stroke-width="2" stroke-linecap="square"/></svg></a>
    <a href="https://www.instagram.com/pops4panda/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="none"><path d="M7 3h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4Z" stroke="currentColor" stroke-width="2"/><path d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" stroke="currentColor" stroke-width="2"/><path d="M17.5 6.5h.01" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></a>
    <a href="https://x.com/hakoshikin" target="_blank" rel="noopener" aria-label="X"><svg viewBox="0 0 24 24" fill="none"><path d="M6 18L18 6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></a>
    <a href="https://www.youtube.com/@ritgraduateschool" target="_blank" rel="noopener" aria-label="YouTube"><svg viewBox="0 0 24 24" fill="none"><path d="M21 12s0-3.3-.4-4.8a3 3 0 0 0-2.1-2.1C17 4.7 12 4.7 12 4.7s-5 0-6.5.4A3 3 0 0 0 3.4 7.2C3 8.7 3 12 3 12s0 3.3.4 4.8a3 3 0 0 0 2.1 2.1c1.5.4 6.5.4 6.5.4s5 0 6.5-.4a3 3 0 0 0 2.1-2.1c.4-1.5.4-4.8.4-4.8Z" stroke="currentColor" stroke-width="2"/><path d="M10.5 9.5l6 2.5-6 2.5v-5Z" fill="currentColor"/></svg></a>
  </div>
</nav>

<!-- MARKETS EDGE TICKER — NEW, top rail -->
<div id="markets-ticker">
  <a href="https://pops4-ma.billing-010.workers.dev/" target="_blank" rel="noopener" class="me-label">Markets Edge</a>
  <div class="me-track-wrap">
    <div class="me-track" id="me-track"><span class="me-item">Loading markets intelligence…</span></div>
  </div>
  <a href="https://pops4-ma.billing-010.workers.dev/" target="_blank" rel="noopener" class="me-view-all">Today's Issue →</a>
</div>

<!-- BRIEFING TICKER — existing, a smidge bigger -->
<div id="intel-ticker">
  <a href="https://www.huanggoodman.com/news/" class="ticker-label">The Briefing</a>
  <div class="ticker-track-wrap">
    <div class="ticker-track" id="ticker-track"><span class="ticker-item">Loading intelligence…</span></div>
  </div>
  <a href="https://www.huanggoodman.com/news/" class="ticker-view-all">View all →</a>
</div>

<!-- DESKS BAR · four intelligence surfaces + Sora concierge · kill-the-competition register -->
<!-- DESKS BAR · slimmed + Brand Room CTA added · 2026-05-29 -->
<style>
  /* Slim the entire desks bar · cut chunky padding, tighten typography */
  html body .desks-bar{ padding: 0 !important }
  html body .desks-bar .desks-bar-inner{
    grid-template-columns: auto repeat(6, 1fr) auto auto !important;
    max-width: 1500px !important;
    gap: 1px !important;
    padding: 1px !important;
  }
  @media(max-width:1200px){
    html body .desks-bar .desks-bar-inner{
      grid-template-columns: repeat(3, 1fr) !important;
    }
    html body .desks-bar .desks-bar-label,
    html body .desks-bar .desks-bar-sora,
    html body .desks-bar .desks-bar-brandroom{ grid-column: 1 / -1 !important }
  }
  @media(max-width:720px){
    html body .desks-bar .desks-bar-inner{ grid-template-columns: repeat(2, 1fr) !important }
  }
  @media(max-width:480px){
    html body .desks-bar .desks-bar-inner{ grid-template-columns: 1fr !important }
  }
  html body .desks-bar .desks-bar-label{
    padding: 12px 18px !important;
    font-size: .66rem !important;
    letter-spacing: .22em !important;
    gap: 8px !important;
  }
  html body .desks-bar .desks-bar-label::before{
    width: 7px !important; height: 7px !important;
    box-shadow: 0 0 0 2px rgba(201,168,76,.3) !important;
  }
  html body .desks-bar .desk-cell{
    padding: 10px 14px !important;
    min-height: 64px !important;
    border-top-width: 2px !important;
  }
  html body .desks-bar .desk-name{
    font-size: .84rem !important;
    letter-spacing: 1.2px !important;
    gap: 6px !important;
  }
  html body .desks-bar .desk-name em{
    font-size: 1.15em !important;
  }
  html body .desks-bar .desk-kanji{
    font-size: .95rem !important;
  }
  html body .desks-bar .desk-tag{
    font-size: .65rem !important;
    margin-top: 3px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
  }
  html body .desks-bar .desks-bar-sora{
    padding: 10px 14px !important;
    border-top-width: 2px !important;
  }
  html body .desks-bar .desks-bar-sora-name{
    font-size: .68rem !important; letter-spacing: 1.4px !important;
  }
  html body .desks-bar .desks-bar-sora-tag{
    font-size: .75rem !important; margin-top: 1px !important;
  }

  /* NEW · Brand Room CTA cell · navy + champagne · highest-intent conversion */
  html body .desks-bar .desks-bar-brandroom{
    background: linear-gradient(180deg,#0a2240 0%,#0a2a52 100%);
    color: #f5f0e8;
    padding: 10px 14px;
    text-decoration: none;
    display: flex; flex-direction: column; justify-content: center;
    transition: all .18s;
    border-top: 2px solid #c4392d;
    position: relative;
  }
  html body .desks-bar .desks-bar-brandroom::before{
    content:""; position:absolute; top:-2px; left:0;
    width: 32px; height: 2px; background: #c9a84c;
  }
  html body .desks-bar .desks-bar-brandroom:hover{
    background: linear-gradient(180deg,#0a2a52 0%,#1d4278 100%);
    color: #fff;
    text-decoration: none;
  }
  html body .desks-bar .desks-bar-brandroom-name{
    font-family: 'Oswald','Jost',sans-serif;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #c9a84c;
    display: flex; align-items: center; gap: 6px;
  }
  html body .desks-bar .desks-bar-brandroom-name .br-kanji{
    font-family: 'Noto Serif JP', serif;
    color: #c9a84c;
    font-size: .95rem;
  }
  html body .desks-bar .desks-bar-brandroom-tag{
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: .75rem;
    color: rgba(245,240,232,.88);
    margin-top: 1px;
    font-weight: 500;
  }
</style>

<div class="desks-bar" aria-label="Six intelligence desks plus Brand Room">
  <div class="desks-bar-inner">
    <div class="desks-bar-label"><span>The Six Desks</span></div>
    <a class="desk-cell briefing" href="/news/">
      <div class="desk-name">The <em>Briefing</em><span class="desk-kanji">智</span></div>
      <div class="desk-tag">Commercial triggers · rebrands · CMO · M&amp;A · every 3h</div>
    </a>
    <a class="desk-cell ma" href="https://pops4-ma.billing-010.workers.dev/" target="_blank" rel="noopener">
      <div class="desk-name">Markets <em>Edge</em><span class="desk-kanji">間</span></div>
      <div class="desk-tag">M&amp;A · private credit · CMO moves · 8/day</div>
    </a>
    <a class="desk-cell sports" href="https://www.pops4.com/sports/">
      <div class="desk-name">Sports <em>Edge</em><span class="desk-kanji">勝</span></div>
      <div class="desk-tag">Team sales · NIL · sponsor flows · 8/day</div>
    </a>
    <a class="desk-cell voyage" href="https://pops4-voyage.billing-010.workers.dev/" target="_blank" rel="noopener">
      <div class="desk-name">Voyage <em>Edge</em><span class="desk-kanji">旅</span></div>
      <div class="desk-tag">Advertising · luxury travel · tourism · 8/day</div>
    </a>
    <a class="desk-cell house" href="https://pops4-house-edge.billing-010.workers.dev/" target="_blank" rel="noopener">
      <div class="desk-name">House <em>Edge</em><span class="desk-kanji">家</span></div>
      <div class="desk-tag">House Files · principals, heirs, CoS</div>
    </a>
    <a class="desk-cell fending" href="https://fending.substack.com" target="_blank" rel="noopener">
      <div class="desk-name">Fending<span class="desk-kanji">禮</span></div>
      <div class="desk-tag">6 AM morning brief · chopped neck</div>
    </a>
    <a class="desks-bar-sora" href="https://www.pops4.com/voyage/">
      <div class="desks-bar-sora-name">Talk to Sora →</div>
      <div class="desks-bar-sora-tag">Sweet tea &amp; Gulfstream</div>
    </a>
    <a class="desks-bar-brandroom" href="/brand-room/" aria-label="Open your Brand Room">
      <div class="desks-bar-brandroom-name"><span class="br-kanji">居</span>Brand Room →</div>
      <div class="desks-bar-brandroom-tag">Your house, on its own floor</div>
    </a>
  </div>
</div>

<!-- WHAT'S A BRAND ROOM · slim explainer · sits between desks bar and hero -->
<style>
  html body .br-explainer{
    background: linear-gradient(180deg,#faf6ec 0%,#f3ecda 100%);
    border-bottom: 2px solid #c4392d;
    padding: 16px 24px 18px;
  }
  html body .br-explainer-inner{
    max-width: 1500px; margin: 0 auto;
    display: grid;
    grid-template-columns: auto 1fr 1fr 1fr auto;
    gap: 18px; align-items: center;
  }
  html body .br-explainer-label{
    display: flex; flex-direction: column; gap: 2px;
    padding-right: 18px; border-right: 2px solid rgba(196,57,45,.4);
  }
  html body .br-explainer-eyebrow{
    font-family: 'Jost', sans-serif;
    font-size: 9.5px; font-weight: 700;
    letter-spacing: 2.5px; text-transform: uppercase;
    color: #c4392d;
  }
  html body .br-explainer-title{
    font-family: 'Jost', sans-serif;
    font-size: 1.1rem; font-weight: 900;
    color: #0a2240; line-height: 1.05;
    letter-spacing: -.01em;
  }
  html body .br-explainer-title em{
    font-family: 'Cormorant Garamond', serif;
    font-style: italic; font-weight: 600;
    color: #c4392d;
  }
  html body .br-explainer-subtitle{
    font-family: 'Jost', sans-serif;
    font-size: .78rem; font-weight: 500;
    color: #1a2c3e; line-height: 1.35;
    margin-top: 4px;
  }
  html body .br-explainer-col{
    display: flex; flex-direction: column; gap: 3px;
  }
  html body .br-explainer-col-h{
    font-family: 'Jost', sans-serif;
    font-size: 9px; font-weight: 700;
    letter-spacing: 2.2px; text-transform: uppercase;
    color: #8a6b1f;
  }
  html body .br-explainer-col-b{
    font-family: 'Jost', sans-serif;
    font-size: .82rem; font-weight: 500;
    color: #1a2c3e; line-height: 1.35;
  }
  html body .br-explainer-col-b b{ color: #0a2240; font-weight: 800 }
  html body .br-explainer-cta{
    background: #0a2240; color: #c9a84c;
    border: 1.5px solid #c9a84c;
    padding: 10px 18px;
    font-family: 'Oswald', sans-serif;
    font-size: 11px; font-weight: 700;
    letter-spacing: 2.2px; text-transform: uppercase;
    text-decoration: none;
    transition: all .18s;
    white-space: nowrap;
  }
  html body .br-explainer-cta:hover{
    background: #c9a84c; color: #0a2240;
  }
  @media(max-width:1100px){
    html body .br-explainer-inner{ grid-template-columns: 1fr 1fr; gap: 14px }
    html body .br-explainer-label{ grid-column: 1 / -1; border-right: 0; padding-right: 0; border-bottom: 2px solid rgba(196,57,45,.4); padding-bottom: 8px }
    html body .br-explainer-cta{ grid-column: 1 / -1; text-align: center }
  }
  @media(max-width:600px){
    html body .br-explainer-inner{ grid-template-columns: 1fr }
  }
</style>
<div class="br-explainer" aria-label="What is a Brand Room">
  <div class="br-explainer-inner">
    <div class="br-explainer-label">
      <div class="br-explainer-eyebrow">居 What's a Brand Room?</div>
      <div class="br-explainer-title">Your house, on its <em>own floor</em>.</div>
      <div class="br-explainer-subtitle">Never lose an imprint or media idea again — your ideas, your orders, your brand.</div>
    </div>
    <div class="br-explainer-col">
      <div class="br-explainer-col-h">A private subdomain</div>
      <div class="br-explainer-col-b"><b>yourbrand.huanggoodman.com</b> — a digital-friendly vault holding your proofs, quotes, invoices, and curated picks. Branded to you. NDA across the chain.</div>
    </div>
    <div class="br-explainer-col">
      <div class="br-explainer-col-h">Inside the room</div>
      <div class="br-explainer-col-b"><b>Your media, your imprints. Save all your favorites.</b> Live ESP+ pricing across <b>70,000 SKUs · 200+ national brands</b>. <b>Easiest ordering on the east coast.</b> Concierge quotes inside an hour. Eight editorial desks delivered to your floor.</div>
    </div>
    <div class="br-explainer-col">
      <div class="br-explainer-col-h">How it opens</div>
      <div class="br-explainer-col-b"><b>Two fields</b> — Company + Email. Five minutes. Jenny's reply lands in your inbox inside the hour. <b>No login wall. No platform fee.</b></div>
    </div>
    <a class="br-explainer-cta" href="/brand-room/">Open My Room &rarr;</a>
  </div>
</div>

<section class="hero scene-wrap" id="top">
  <div class="scene-plate clean1" aria-hidden="true"></div>
  <div class="scene-plate clean2" aria-hidden="true"></div>
  <div class="scene-veil hero-veil" aria-hidden="true"></div>
  <div class="wrap">
    <div class="kicker" style="animation: fadeUp 0.8s 0.2s both;"><span class="kicker-dot"></span><span>Strategy · creative · web · content · media · partnerships · sales enablement</span><span>·</span><code>manufacturing via Hako Shikin</code></div>
    <h1 style="animation: fadeUp 0.8s 0.4s both;">The agency your competitors <em>wish they'd hired</em> three years ago.<br><em>One house</em> does what four agencies split.</h1>
    <p class="hero-lede" style="animation: fadeUp 0.8s 0.6s both;"><strong>Strategy, brand, web, content, media, partnerships, sales enablement, and physical production</strong> — produced under one roof by one operator. No agency-of-agencies handoff. No four-vendor revision loop. No "that's not our scope." Huang Goodman runs the full revenue path; <strong>Hako Shikin</strong> manufactures when the program goes physical. Virginia Beach, since 1997.</p>
    <div class="cta-row" style="animation: fadeUp 0.8s 0.8s both;">
      <a class="btn btn-primary" href="#contact">Open a conversation</a>
      <a class="btn btn-secondary" href="#services">See the service lanes</a>
      <span class="micro-link">Direct line · <a href="/cdn-cgi/l/email-protection#d2b8b7bcbcab92baa7b3bcb5b5bdbdb6bfb3bcfcb1bdbf"><span class="__cf_email__" data-cfemail="711b141f1f08311904101f16161e1e151c101f5f121e1c">[email&#160;protected]</span></a></span>
    </div>

    <!-- SORA CUTE INTRO · the tourism / advertising concierge -->
    <aside class="sora-intro" aria-label="Meet Sora — the tourism & advertising concierge">
      <span class="sora-kanji" aria-hidden="true">空</span>
      <div class="sora-intro-text">
        <div class="sora-eyebrow">Meet Sora · live right now</div>
        <h3>The advertising &amp; luxury-travel concierge · <em>with a drawl.</em></h3>
        <p>Our house AI for advertising, tourism, hospitality, and the experience economy. Cannes-jury-tier judgment, Virtuoso-advisor booking instinct, LVMH brand discipline — delivered with <strong>sweet tea and Gulfstream</strong> manners. Voice or text. Ask her about a CMO rotation, a Q4 experiential budget, or which hotel actually wins UHNW repeat stays in 2026. She names names.</p>
      </div>
      <a class="sora-intro-cta" href="https://www.pops4.com/voyage/">Talk to Sora →</a>
    </aside>
    <div class="hero-grid" style="animation: fadeUp 0.8s 1s both;">
      <div class="card">
        <h2>What we do</h2>
        <p>We operate like an embedded growth team: research, narrative, design, production, distribution, and business development — with clear documentation, clean handoffs, and measurable work outputs.</p>
        <div class="badge-row"><span class="badge warm">Positioning &amp; brand</span><span class="badge cool">Web &amp; conversion</span><span class="badge warm">Content &amp; campaigns</span><span class="badge cool">Partnerships &amp; outbound</span><span class="badge warm">Sales enablement</span><span class="badge cool">Operations &amp; automation</span></div>
      </div>
      <div class="card">
        <h2>Ideal for</h2>
        <ul><li>Founder-led teams that need a credible, enterprise-grade presence</li><li>Operations/procurement groups that need clean communications + execution</li><li>Wholesale and B2B businesses that need pipeline + conversion systems</li><li>Brands who want fewer vendors and tighter quality control</li></ul>
      </div>
    </div>
  </div>
  <div class="scroll-cue"><span>Discover</span><div class="scroll-cue-line"></div></div>
</section>

<section class="section section-cream scene-wrap anchor" id="services">
  <div class="scene-plate clean1" aria-hidden="true"></div>
  <div class="scene-veil services-veil" aria-hidden="true"></div>
  <div class="wrap">
    <div class="section-header reveal"><div class="section-kicker">Full-service capabilities</div><h2 class="section-title">You can engage one lane, or let us run the <em>whole system</em> end-to-end.</h2><div class="section-rule"></div></div>
    <div class="grid-2">
      <div class="card reveal"><h2>Strategy &amp; positioning</h2><ul><li>Market and competitor mapping</li><li>Ideal customer profiles (ICP) + segmentation</li><li>Messaging architecture (value props, proof points, objections)</li><li>Offer design (packages, tiers, pricing logic)</li><li>Launch planning and narrative development</li></ul></div>
      <div class="card reveal"><h2>Brand &amp; creative</h2><ul><li>Brand identity direction (visual system, tone, usage rules)</li><li>Design for trust (institutional-grade layouts and clarity)</li><li>Pitch decks, one-sheets, case studies, capability profiles</li><li>Creative concepts for campaigns and partnerships</li><li>Production-ready templates for ongoing teams</li></ul></div>
      <div class="card reveal"><h2>Web, UX &amp; conversion</h2><ul><li>High-standard landing pages and full websites</li><li>Information architecture + SEO foundations</li><li>Conversion flows (contact, quote, lead capture, scheduling)</li><li>Copywriting for B2B credibility and purchasing clarity</li><li>Analytics and funnel instrumentation (what's working / what's not)</li></ul></div>
      <div class="card reveal"><h2>Content &amp; media</h2><ul><li>Content systems: editorial strategy + production calendar</li><li>Thought leadership (LinkedIn, articles, newsletters)</li><li>Video and short-form: scripts, storyboards, production guidance</li><li>Paid + organic campaigns (search, social, retargeting strategy)</li><li>Press kits, announcements, and launch communications</li></ul></div>
      <div class="card reveal"><h2>Business development</h2><ul><li>Outbound systems: lists, targeting, and sequencing</li><li>Partner programs (resellers, affiliates, channel strategy)</li><li>Enterprise outreach: procurement-aware messaging</li><li>Event strategy and high-value networking support</li><li>Follow-up systems that keep opportunities warm and moving</li></ul></div>
      <div class="card reveal"><h2>Sales enablement &amp; operations</h2><ul><li>Sales collateral: decks, one-sheets, spec sheets, FAQs</li><li>Proposal and quote formats that reduce friction</li><li>CRM hygiene guidance + pipeline definitions</li><li>Onboarding journeys, customer comms, and retention touchpoints</li><li>Automation support (Azure-based workflows when appropriate)</li></ul></div>
      <div class="card reveal span-full"><h2>Production support via Hako Shikin</h2><p>When your program needs physical execution, we coordinate with Hako Shikin to manufacture and fulfill the materials that support your brand and revenue path:</p><div class="badge-row" style="margin-top: 16px;"><span class="badge warm">Packaging &amp; inserts</span><span class="badge cool">Print &amp; premium collateral</span><span class="badge warm">Labels</span><span class="badge cool">Promotional &amp; apparel</span><span class="badge warm">Secure transactional communications</span><span class="badge cool">Controlled proofing + versioning</span></div><div class="divider"></div><p style="margin-top: 12px;">Result: your message, your web presence, and your manufactured materials stay consistent — with fewer handoffs and tighter control.</p></div>
    </div>
    <div class="floor-band">
      <div class="floor-img" aria-hidden="true"></div>
      <div class="floor-veil" aria-hidden="true"></div>
      <div class="floor-inner">
        <div class="grid-3">
          <div class="card reveal"><h2>Wholesale &amp; manufacturing</h2><p>Positioning, catalogs, portals, quoting flows, pipeline, partner channels, and fulfillment communications.</p></div>
          <div class="card reveal"><h2>Packaging &amp; consumer goods</h2><p>Packaging systems, launch pages, retail-ready assets, inserts, email flows, and brand consistency across touchpoints.</p></div>
          <div class="card reveal"><h2>Regulated / sensitive comms</h2><p>Clear workflows, controlled handling, procurement-aware messaging, and operationally safe documentation.</p></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- TRUSTED PARTNERS · infrastructure + model spine · light blue with navy + gold accents -->
<section class="trust-partners" aria-label="Infrastructure and model partners" style="background:linear-gradient(135deg,#d8e7f0 0%,#a7c4d8 55%,#6e95b3 100%);color:#0a2240;padding:38px 0 36px;border-top:3px solid #0a2a52;border-bottom:3px solid #0a2a52;position:relative;overflow:hidden;">
  <div class="wrap" style="position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 24px;">
    <div style="display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid rgba(10,42,82,.28);">
      <div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-bottom:6px;">// Trusted Partners</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:clamp(1.4rem,2.4vw,1.95rem);color:#081a32;font-weight:900;line-height:1.05;letter-spacing:-.02em;">Infrastructure &amp; model spine <em style="font-style:italic;color:#0a2a52;font-weight:700;">&middot; the names beneath the floor.</em></div>
      </div>
      <div style="font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:.98rem;color:#0a2240;font-weight:500;max-width:380px;text-align:right;">Named so your CTO, your CISO, your family-office IT lead can audit the spine before the introduction.</div>
    </div>
    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;">
      <div style="padding:16px 18px;background:rgba(255,255,255,.6);border:2px solid #0a2a52;border-left:5px solid #c9a84c;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-bottom:4px;">Sovereign data &middot; secure core</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:1.05rem;font-weight:900;color:#081a32;line-height:1;letter-spacing:-.01em;">Azure Secure Core</div>
        <div style="font-size:.78rem;color:#0a2240;margin-top:6px;line-height:1.4;font-weight:500;">Encrypted at rest + in transit. Jurisdictional residency. Audit-logged. SOC&nbsp;2 trajectory.</div>
      </div>
      <div style="padding:16px 18px;background:rgba(255,255,255,.6);border:2px solid #0a2a52;border-left:5px solid #c9a84c;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-bottom:4px;">Compute &middot; orchestration</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:1.05rem;font-weight:900;color:#081a32;line-height:1;letter-spacing:-.01em;">DigitalOcean</div>
        <div style="font-size:.78rem;color:#0a2240;margin-top:6px;line-height:1.4;font-weight:500;">Dedicated droplets &middot; managed Postgres &middot; predictable jurisdiction &middot; private networking.</div>
      </div>
      <div style="padding:16px 18px;background:rgba(255,255,255,.6);border:2px solid #0a2a52;border-left:5px solid #c9a84c;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-bottom:4px;">Edge &middot; CDN &middot; workers</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:1.05rem;font-weight:900;color:#081a32;line-height:1;letter-spacing:-.01em;">Cloudflare</div>
        <div style="font-size:.78rem;color:#0a2240;margin-top:6px;line-height:1.4;font-weight:500;">Sub-100ms global edge &middot; Workers, R2, KV, Pages &middot; bot-managed perimeter &middot; zero-trust.</div>
      </div>
      <div style="padding:16px 18px;background:rgba(255,255,255,.6);border:2px solid #0a2a52;border-left:5px solid #c9a84c;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-bottom:4px;">Voice &middot; multilingual</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:1.05rem;font-weight:900;color:#081a32;line-height:1;letter-spacing:-.01em;">ElevenLabs</div>
        <div style="font-size:.78rem;color:#0a2240;margin-top:6px;line-height:1.4;font-weight:500;">Neural voice cloning in 32 languages &middot; private voice profiles &middot; principal-only access.</div>
      </div>
      <div style="padding:16px 18px;background:rgba(255,255,255,.6);border:2px solid #0a2a52;border-left:5px solid #c9a84c;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-bottom:4px;">Model partners &middot; inference only</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:1.05rem;font-weight:900;color:#081a32;line-height:1;letter-spacing:-.01em;">Anthropic &middot; OpenAI</div>
        <div style="font-size:.78rem;color:#0a2240;margin-top:6px;line-height:1.4;font-weight:500;">Frontier model access &middot; inference only, never training on your data &middot; rotated per workload.</div>
      </div>
      <div style="padding:16px 18px;background:rgba(255,255,255,.6);border:2px solid #0a2a52;border-left:5px solid #c9a84c;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-bottom:4px;">Discoverability &middot; agent stack</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-size:1.05rem;font-weight:900;color:#081a32;line-height:1;letter-spacing:-.01em;">MCP &middot; Google Merchant</div>
        <div style="font-size:.78rem;color:#0a2240;margin-top:6px;line-height:1.4;font-weight:500;">Catalog surfaced to every MCP-compatible agent (Claude, ChatGPT, Cursor, Perplexity) &middot; GMC #5754660715.</div>
      </div>
    </div>
    <div style="margin-top:20px;padding-top:16px;border-top:1px solid rgba(10,42,82,.25);font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:.96rem;color:#0a2240;font-weight:500;text-align:center;">Add-ons available on request: <span style="color:#0a2a52;font-weight:700;">private vector store, Microsoft 365 / Azure AD SSO, jurisdiction-specific Postgres clusters, on-prem model deployment for the most discretion-bound houses.</span></div>
  </div>
</section>

<!-- PRODUCTS ON THE FLOOR · live from the 11,060 catalog -->
<section class="prod-strip" aria-label="Branded products on the floor">
  <div class="prod-strip-inner">
    <div class="prod-strip-head">
      <div>
        <div class="prod-strip-eyebrow">On the floor · imprinted &amp; shipped via Hako Shikin</div>
        <div class="prod-strip-h">What we <em>manufacture</em> — right now.</div>
      </div>
      <a href="https://www.pops4.com/shop.html" style="font-family:var(--display);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:800;color:var(--atlantic);text-decoration:none">Open the full catalog &rarr;</a>
    </div>
    <div class="prod-strip-grid" id="prod-strip-grid">
      <div class="prod-strip-loading">Pulling branded objects from the catalog…</div>
    </div>
  </div>
</section>

<!-- LIVE RIGHT NOW · THE OPERATING FLOOR · ecosystem proof · beach gradient with dark text -->
<section class="section anchor" id="running" aria-label="Live Right Now — The Operating Floor" style="background:transparent;color:#0a2240;padding:72px 0;border-top:3px solid #0a2a52;border-bottom:3px solid #0a2a52;position:relative;overflow:hidden;">
  <div style="position:absolute;top:-30px;right:-20px;font-family:'Noto Serif JP','Hiragino Mincho ProN',serif;font-size:22rem;font-weight:900;color:rgba(10,42,82,0.07);line-height:1;pointer-events:none;transform:rotate(-4deg);">家</div>
  <div class="wrap" style="position:relative;z-index:1;">
    <div class="section-header reveal">
      <div class="section-kicker" style="color:#0a2a52;letter-spacing:.28em;text-transform:uppercase;font-weight:900;font-size:.72rem;">// What we build for your house</div>
      <h2 class="section-title" style="color:#081a32;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.05;letter-spacing:-.015em;font-weight:900;">Most agencies sell you a deck.<br><em style="color:#0a2a52;font-style:italic;font-weight:700;">We build you a floor.</em></h2>
      <div class="section-rule" style="background:#0a2a52;height:3px;width:80px;margin:16px 0 20px;"></div>
      <p style="font-family:'Cormorant Garamond',Georgia,serif;font-size:1.18rem;font-style:italic;color:#0a2240;line-height:1.5;max-width:760px;font-weight:500;">Hako Shikin operates an active AI manufacturing layer &mdash; private named-agent squads, sovereign data architecture, principal-grade discretion. Every system on this page runs our own brands as the working demonstration. The same floor is what we build <strong>for your family office, your portfolio company, your house</strong> &mdash; on your domain, your credentials, your data, never shared with another principal. Infrastructure: Azure Secure Core &middot; DigitalOcean &middot; Cloudflare. Security posture: SOC 2 trajectory, encryption at rest and in transit, jurisdictional data residency.</p>
    </div>

    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:36px;">

      <div class="reveal" style="padding:22px 24px;background:rgba(255,255,255,0.55);border:2px solid #0a2a52;border-left:5px solid #1d4278;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-weight:900;font-style:normal;font-size:2.6rem;color:#081a32;line-height:1;letter-spacing:-.02em;">Your<br>Squad</div>
        <div style="font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-top:6px;">Private Named-Agent Workforce</div>
        <div style="font-size:.92rem;color:#0a2240;margin-top:10px;line-height:1.5;font-weight:500;">We build your house its own AI workforce &mdash; <b>named, scoped, credentialed, on your domain</b>. Concierges (voice + text), order desk, intelligence analysts, brand-asset vault, proof routing, AP-handoff agents. Each carries a job description and a reporting line. Never shared across principals. Discreet by default. Voice clones available in 32 languages for genuine international reach.</div>
      </div>

      <div class="reveal" style="padding:22px 24px;background:rgba(255,255,255,0.55);border:2px solid #0a2a52;border-left:5px solid #c9a84c;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-weight:900;font-style:normal;font-size:2.6rem;color:#081a32;line-height:1;letter-spacing:-.02em;">Private<br>Desks</div>
        <div style="font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-top:6px;">Intelligence Built for Your Watch List</div>
        <div style="font-size:.92rem;color:#0a2240;margin-top:10px;line-height:1.5;font-weight:500;">We stand up <b>private editorial desks for your house</b> &mdash; your sector, your competitors, your portfolio companies, your political exposure, your art and watch market, your suite-holder calendar. Refreshed every three hours, briefed to your CoS each morning, surfaced inside your concierges in real time. The same architecture publishes our six public desks &mdash; you get the private version.</div>
      </div>

      <div class="reveal" style="padding:22px 24px;background:rgba(255,255,255,0.55);border:2px solid #0a2a52;border-left:5px solid #10b981;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-weight:900;font-style:normal;font-size:2.6rem;color:#081a32;line-height:1;letter-spacing:-.02em;">AI-<br>Queryable</div>
        <div style="font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-top:6px;">Your House Becomes a Catalog</div>
        <div style="font-size:.92rem;color:#0a2240;margin-top:10px;line-height:1.5;font-weight:500;">Every asset your principal touches &mdash; gift inventory, brand standards, art holdings, philanthropic giving, suite-holder roster, vendor preferences &mdash; structured into a <b>sovereign catalog</b> your concierge queries instantly. "What did we sponsor at Davos in 2023?" answered in 150ms. We built the first MCP-discoverable wholesale catalog in our category as the proof; we build the private one for your house.</div>
      </div>

      <div class="reveal" style="padding:22px 24px;background:rgba(255,255,255,0.55);border:2px solid #0a2a52;border-left:5px solid #c4622d;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-weight:900;font-style:normal;font-size:2.6rem;color:#081a32;line-height:1;letter-spacing:-.02em;">Brand<br>Stack</div>
        <div style="font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-top:6px;">Identity Infrastructure &middot; 70,000 SKUs</div>
        <div style="font-size:.92rem;color:#0a2240;margin-top:10px;line-height:1.5;font-weight:500;">A <b>private Brand Room</b> on your subdomain. Logos, colors, type, NDAs, AP routing vaulted. Live wholesale pricing across 70,000 SKUs &mdash; <b>Peter Millar, TUMI, Waterford, Brunello Cucinelli, Smythson, Hartmann, Carhartt, YETI, Moleskine, A.T. Cross</b>. One-hour quote SLA. Virtual proof in twenty-four. Standing orders forever. The catalog your house already wanted, with the discretion your principal demands.</div>
      </div>

      <div class="reveal" style="padding:22px 24px;background:rgba(255,255,255,0.55);border:2px solid #0a2a52;border-left:5px solid #c9a84c;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-weight:900;font-style:normal;font-size:2.6rem;color:#081a32;line-height:1;letter-spacing:-.02em;">Sovereign<br>Data</div>
        <div style="font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-top:6px;">Azure Secure Core &middot; SOC 2 Trajectory</div>
        <div style="font-size:.92rem;color:#0a2240;margin-top:10px;line-height:1.5;font-weight:500;"><b>Your data stays yours</b>. Encrypted at rest, encrypted in transit, jurisdictional residency, NDA wrapped, audit-logged. Infrastructure partners: Azure Secure Core, DigitalOcean, Cloudflare. Model partners: only on inference, not training. Nothing your house feeds in is ever used to train a public model or shared with another principal. Compliance posture extends to your portfolio companies on request.</div>
      </div>

      <div class="reveal" style="padding:22px 24px;background:rgba(255,255,255,0.55);border:2px solid #0a2a52;border-left:5px solid #1d4278;backdrop-filter:blur(6px);">
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-weight:900;font-style:normal;font-size:2.6rem;color:#081a32;line-height:1;letter-spacing:-.02em;">29+<br>Years</div>
        <div style="font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#0a2a52;font-weight:900;margin-top:6px;">Identity Craft Beneath the AI Layer</div>
        <div style="font-size:.92rem;color:#0a2240;margin-top:10px;line-height:1.5;font-weight:500;"><b>Hako Shikin LLC</b> &mdash; the manufacturing parent. Komori heritage press, ASI #217876, DUNS 18-204-6339, GMC #5754660715, Virginia Beach. <b>Twenty-nine years of brand-identity execution</b> &mdash; the craft layer that turns the AI floor above into objects principals actually touch. Parent over Huang Goodman (agency), POPS4 (wholesale), Prosecco4 (events), Fending (editorial). Trade press, family-office referrals, principal-direct introductions. <a href="https://huanggoodman.com/AI-Manufacturing-Virginia.html" style="color:#0a2a52;font-weight:800;border-bottom:1.5px solid #c9a84c;">The manufacturing brief &rarr;</a></div>
      </div>

    </div>

    <div class="reveal" style="margin-top:40px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-top:24px;border-top:2px solid rgba(10,42,82,0.3);">
      <div style="font-family:'Cormorant Garamond',Georgia,serif;font-size:1.12rem;font-style:italic;color:#0a2240;max-width:680px;font-weight:500;">This is the working demonstration. The agency you hire has already built the floor for itself, on its own capital. The same floor &mdash; your version, your principals, your data &mdash; is what we engineer for your house in the first ninety days of engagement.</div>
      <div style="display:flex;gap:10px;flex-wrap:wrap;">
        <a href="#packages" style="padding:12px 22px;background:#c9a84c;color:#0a2240;font-family:'Oswald','Space Grotesk',sans-serif;font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;text-decoration:none;border:2px solid #0a2a52;box-shadow:3px 3px 0 0 #0a2a52;">Engagement Bands &darr;</a>
        <a href="mailto:jenny@huanggoodman.com?subject=Private%20introduction" style="padding:12px 22px;background:#0a2a52;color:#fff;font-family:'Oswald','Space Grotesk',sans-serif;font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;text-decoration:none;border:2px solid #0a2a52;">Private Introduction &rarr;</a>
      </div>
    </div>
  </div>
</section>

<section class="section section-ivory scene-wrap" style="padding: 72px 0;">
  <div class="scene-plate clean1" aria-hidden="true"></div>
  <div class="scene-veil light-veil" style="background: linear-gradient(90deg, rgba(245,240,232,.52), rgba(245,240,232,.32) 50%, rgba(245,240,232,.52) 100%);" aria-hidden="true"></div>
  <div class="wrap">
    <div class="grid-4">
      <div class="card reveal" style="border: 2px solid var(--gold-leaf); background: rgba(201,168,76,0.06);"><h2>Sales Tools &amp; Growth Arsenal</h2><p>Our curated toolkit for 2026 and beyond — the AI marketing platforms, vibe coding tools, Reddit growth engines, and outbound systems that the best operators are using right now. Plus our exclusive Vibe Coder: describe what you want in plain English and get live, working pages tuned to our brand ecosystem.</p><div class="cta-row" style="margin-top: 20px;"><a class="btn btn-primary" href="tools.html">Explore the Arsenal →</a></div></div>
      <div class="card reveal" style="border: 2px solid var(--deep-sea); background: rgba(42,74,92,0.04);"><h2>Our Brand Ecosystem</h2><p>Four integrated houses — Huang Goodman, POPS4, Hako Shikin, and Prosecco4. Strategy through manufacturing through fulfillment through celebration. One family, Japanese-Swiss-Austrian precision, operating since 1997. See how all four brands work together.</p><div class="cta-row" style="margin-top: 20px;"><a class="btn btn-secondary" href="brands.html">Explore Our Brands →</a></div></div>
      <div class="card reveal" style="border: 2px solid var(--ruby); background: rgba(139,34,50,0.04);"><h2>Programming Services</h2><p>12 service lines: legacy system modernization, media communications engineering, data conversion and audience activation, Python development, AI workers (autonomous agent teams), vibe console (natural language development), web apps, APIs, databases, Azure cloud, and automation. If it touches code, data, or distribution — we build it.</p><div class="cta-row" style="margin-top: 20px;"><a class="btn btn-primary" href="programming.html" style="background: var(--ruby);">Explore Programming →</a></div></div>
      <div class="card reveal intel-card">
        <div class="intel-card-inner">
          <div class="intel-live"><div class="intel-live-dot"></div><span class="intel-live-text">Live · Every 3 hrs</span></div>
          <h2>Who's Rebranding Now</h2>
          <p>Live intelligence on CMO appointments, corporate rebrands, M&amp;A, and enterprise gifting triggers — scored and published by our AI team.</p>
          <div class="intel-leads" id="intel-leads"><div class="intel-loading">Loading latest signals…</div></div>
          <div class="cta-row" style="margin-top: 20px;"><a class="btn btn-primary" href="https://www.huanggoodman.com/news/" style="background: var(--gold-leaf); color: var(--obsidian); font-size:.65rem;">Full Briefing →</a></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="ai-mfg-section anchor" id="ai-manufacturing" aria-label="AI Manufacturing Virginia">
  <div class="ai-scan" aria-hidden="true"></div>
  <div class="wrap ai-mfg-inner">
    <div class="ai-mfg-tag-bar reveal"><div class="ai-mfg-tag-bar-line"></div><div class="ai-mfg-tag-bar-text">// New Capability · AI Manufacturing Virginia · Azure Secure Core</div><div class="ai-mfg-tag-bar-line" style="background: linear-gradient(90deg, transparent, rgba(0,120,212,0.4));"></div></div>
    <div class="ai-mfg-layout">
      <div>
        <div class="ai-status reveal"><div class="ai-dot"></div><div class="ai-status-text">System Active · Virginia Beach, VA · International Reach</div></div>
        <span class="ai-mfg-kicker reveal">// AI Manufacturing · Azure Secured · Virginia Built</span>
        <h2 class="ai-mfg-h2 reveal">AI Manufacturing.<br><em>Azure Secured.</em><br>Virginia Built.</h2>
        <p class="ai-mfg-lede reveal">Huang Goodman × Hako Shikin delivers AI-powered manufacturing integration, immediate media conversion, and sovereign-grade industrial intelligence — built on Microsoft Azure Secure Core. Serving international manufacturers, institutional investors, and enterprise clients from Virginia Beach to global markets.</p>
        <div class="ai-stats-row reveal"><div class="ai-stat-pill"><div class="ai-stat-num">$128B</div><div class="ai-stat-label">AI Mfg Market '34</div></div><div class="ai-stat-pill"><div class="ai-stat-num" style="color:#f59e0b;">37.9%</div><div class="ai-stat-label">CAGR Through 2034</div></div><div class="ai-stat-pill"><div class="ai-stat-num" style="color:#10b981;">40%+</div><div class="ai-stat-label">Factories AI Ready</div></div><div class="ai-stat-pill"><div class="ai-stat-num" style="color:#f59e0b;">$100B</div><div class="ai-stat-label">Capital Deploying Now</div></div></div>
        <div class="ai-cta-row reveal"><a class="ai-btn-primary" href="AI-Manufacturing-Virginia.html">View Full AI Manufacturing Platform →</a><a class="ai-btn-ghost" href="#contact">Schedule Board Briefing</a></div>
        <div class="ai-cap-grid reveal"><div class="ai-cap"><div class="ai-cap-title">Immediate Media Conversion</div><div class="ai-cap-desc">Any input — document, video, sensor, EDI — instantly converted to structured AI intelligence within the Azure boundary.</div></div><div class="ai-cap"><div class="ai-cap-title">Secure Data &amp; Manufacturing</div><div class="ai-cap-desc">Azure-governed production of secure packaging, serialized labels, and compliance documentation via Hako Shikin.</div></div><div class="ai-cap"><div class="ai-cap-title">Agentic AI Deployment</div><div class="ai-cap-desc">Autonomous agents for predictive maintenance, quality inspection, supply chain, and production scheduling.</div></div><div class="ai-cap"><div class="ai-cap-title">International Sourcing &amp; Brokerage</div><div class="ai-cap-desc">AI-coordinated global manufacturing network connecting international producers to U.S. enterprise and defense buyers.</div></div></div>
      </div>
      <div class="reveal">
        <div style="font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(0,120,212,0.6);margin-bottom:16px;">// Azure Secure Core — AI Manufacturing Stack</div>
        <div class="ai-arch-stack">
          <div class="ai-layer layer-ai-outer"><div class="ai-layer-badge">Outer Layer · AI Agents</div><div class="ai-layer-title">Agentic AI — Autonomous Manufacturing Intelligence</div><div class="ai-layer-desc">Goal-oriented agents for production scheduling, quality control, supply chain, and media conversion.</div></div>
          <div class="ai-connector"><div class="ai-connector-line"></div></div>
          <div class="ai-layer layer-media"><div class="ai-layer-badge">Conversion Layer · Immediate</div><div class="ai-layer-title">Immediate Media Conversion — Any Input, Instant Intelligence</div><div class="ai-layer-desc">Every media type — document, video, sensor stream, EDI — structured in real time within the Azure boundary.</div></div>
          <div class="ai-connector"><div class="ai-connector-line"></div></div>
          <div class="ai-layer layer-platform"><div class="ai-layer-badge">Azure Platform Layer</div><div class="ai-layer-title">Azure AI + Fabric + IoT Operations + NVIDIA Omniverse</div><div class="ai-layer-desc">Unified manufacturing intelligence platform with digital twin simulation and real-time data coordination.</div></div>
          <div class="ai-connector"><div class="ai-connector-line"></div></div>
          <div class="ai-layer layer-security"><div class="ai-layer-badge">Security Layer · Zero Trust</div><div class="ai-layer-title">Azure Security + OT/IT Unified Defense</div><div class="ai-layer-desc">CMMC/NIST aligned, IoT/OT behavioral analytics, multi-stage attack detection across all environments.</div></div>
          <div class="ai-connector"><div class="ai-connector-line"></div></div>
          <div class="ai-layer layer-core"><div class="ai-layer-badge">Core · Sovereign · Secure</div><div class="ai-layer-title">Azure Secure Core — Data Sovereignty &amp; Governance</div><div class="ai-layer-desc">Hardware-rooted security, confidential computing, sovereign data boundaries. The immovable center.</div></div>
          <div class="ai-connector"><div class="ai-connector-line"></div></div>
          <div class="ai-layer layer-edge"><div class="ai-layer-badge">Edge Layer · Factory Floor</div><div class="ai-layer-title">Azure Local + Industrial Edge — Air-Gap Ready</div><div class="ai-layer-desc">Disconnected-mode AI inferencing. Production continues during network outages. Unified Azure Arc control.</div></div>
        </div>
        <div style="margin-top:20px;padding:16px 20px;border:1px solid rgba(0,120,212,0.2);background:rgba(0,120,212,0.06);"><div style="font-family:var(--mono);font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(0,120,212,0.7);margin-bottom:8px;">// Credentials</div><div style="font-size:11px;color:#7c8fa3;line-height:1.8;">DUNS# 18-204-6339 &nbsp;·&nbsp; ASI #217876 &nbsp;·&nbsp; VA Small Business &nbsp;·&nbsp; Azure AI Manufacturing &nbsp;·&nbsp; MPA MSc MHSA Leadership &nbsp;·&nbsp; Family Operated Since 1997</div></div>
        <a class="ai-btn-primary" href="AI-Manufacturing-Virginia.html" style="width:100%;justify-content:center;margin-top:12px;display:flex;">Full Platform — Investors · Manufacturers · Talent →</a>
      </div>
    </div>
  </div>
</section>

<section class="section section-dark scene-wrap anchor" id="industries">
  <div class="scene-plate jp1" aria-hidden="true"></div>
  <div class="scene-plate jp2" aria-hidden="true"></div>
  <div class="scene-veil dark-veil" aria-hidden="true"></div>
  <div class="wrap">
    <div class="section-header reveal"><div class="section-kicker">Industries &amp; use cases</div><h2 class="section-title">Built for any brand style, retail, B2B, wholesale, and teams that value <em>disciplined execution</em>, including top ranked executives in their moo-moos and pajamas.</h2></div>
    <div class="grid-3">
      <div class="card reveal"><h2>Wholesale &amp; manufacturing</h2><p>Positioning, catalogs, portals, quoting flows, pipeline, partner channels, and fulfillment communications.</p></div>
      <div class="card reveal"><h2>Packaging &amp; consumer goods</h2><p>Packaging systems, launch pages, retail-ready assets, inserts, email flows, and brand consistency across touchpoints.</p></div>
      <div class="card reveal"><h2>Regulated / sensitive comms</h2><p>Clear workflows, controlled handling, procurement-aware messaging, and operationally safe documentation.</p></div>
      <div class="card reveal"><h2>Professional services</h2><p>Authority building, lead capture, case studies, outbound sequences, and sales kits that close.</p></div>
      <div class="card reveal"><h2>Events &amp; corporate programs</h2><p>Campaign creative, partner outreach, RSVP flows, sponsor packages, and on-site kits + signage.</p></div>
      <div class="card reveal"><h2>Enterprise procurement</h2><p>Vendor-ready presentations, capability profiles, compliance alignment, and predictable delivery communications.</p></div>
    </div>
    <div class="section-header reveal anchor" id="how" style="margin-top: 72px;"><div class="section-kicker">How we work</div><h2 class="section-title">Transparent steps, documented decisions, and <em>clean deliverables.</em></h2></div>
    <div class="grid-4">
      <div class="card step reveal"><strong>1. Align</strong><span>Goals, constraints, audience, and proof requirements.</span></div>
      <div class="card step reveal"><strong>2. Build</strong><span>Messaging, creative system, pages, and campaign assets.</span></div>
      <div class="card step reveal"><strong>3. Distribute</strong><span>Outbound, partnerships, content, and campaigns with reporting.</span></div>
      <div class="card step reveal"><strong>4. Convert</strong><span>Sales enablement, proposals, follow-up systems, and handoff.</span></div>
    </div>
    <div class="section-header reveal anchor" id="packages" style="margin-top: 60px;"><div class="section-kicker">Engagements</div><h2 class="section-title">Choose a lane, or run the <em>full system.</em></h2><p style="font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:var(--warm,#3d3a35);font-size:1.05rem;margin-top:10px;max-width:680px;">Priced for real businesses, not enterprise theater. Every band opens at a real entry number. From/to, so you can scope against the work, not the package.</p></div>
    <div class="eng-grid">
      <div class="eng-card reveal eng-foundation">
        <div class="eng-tier">Tier 01 · Entry</div>
        <h3 class="eng-name">Foundation</h3>
        <div class="eng-line">The positioning + brand + site + sales kit.</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-.01em;margin:10px 0 4px;color:var(--obsidian,#0c0b09);">from <span style="color:#b8521f;">$500</span> &nbsp;—&nbsp; $5,000</div>
        <div style="font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#8a847a);font-weight:600;margin-bottom:10px;">One-time · scoped in a week</div>
        <ul class="eng-list">
          <li>Positioning + messaging</li>
          <li>Brand direction</li>
          <li>Core website / landing page</li>
          <li>Sales one-sheet + deck</li>
        </ul>
      </div>
      <div class="eng-card reveal eng-growth">
        <div class="eng-tier">Tier 02 · In-market</div>
        <h3 class="eng-name">Growth</h3>
        <div class="eng-line">The machine that keeps the pipeline warm.</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-.01em;margin:10px 0 4px;color:var(--obsidian,#0c0b09);">from <span style="color:#c9a84c;">$500</span> &nbsp;—&nbsp; $10,000 / mo</div>
        <div style="font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#8a847a);font-weight:600;margin-bottom:10px;">Monthly · Starter · Signature · Principal-Tier</div>
        <ul class="eng-list">
          <li>Content system + distribution</li>
          <li>Outbound sequences + targeting</li>
          <li>Partner outreach framework</li>
          <li>Conversion improvements</li>
        </ul>
      </div>
      <div class="eng-card reveal eng-full">
        <div class="eng-tier">Tier 03 · Embedded</div>
        <h3 class="eng-name">Full service</h3>
        <div class="eng-line">The whole revenue path + manufacturing.</div>
        <div style="font-family:'Oswald','Space Grotesk',sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-.01em;margin:10px 0 4px;color:var(--obsidian,#0c0b09);">from <span style="color:#10b981;">$10,000</span> &nbsp;—&nbsp; $75,000+</div>
        <div style="font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#8a847a);font-weight:600;margin-bottom:10px;">Monthly retainer + custom worker build</div>
        <ul class="eng-list">
          <li>End-to-end campaign operations</li>
          <li>Sales enablement + proposals</li>
          <li>Ongoing creative + web updates</li>
          <li>Hako Shikin production coordination</li>
        </ul>
      </div>
    </div>
    <p class="reveal" style="font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:var(--warm,#3d3a35);font-size:.98rem;text-align:center;margin-top:24px;max-width:780px;margin-left:auto;margin-right:auto;">Custom AI worker builds <strong>from $2,500 — $35,000</strong> · one-time · 2–12 weeks · delivered with documentation and 90 days of operating support. Enterprise deployments <strong>from $25,000</strong>. Larger engagements scoped through the Named-Account Desk direct to <a href="/cdn-cgi/l/email-protection#6b010e0505122b031e0a050c0c04040f060a0545080406"><span class="__cf_email__" data-cfemail="0369666d6d7a436b76626d64646c6c676e626d2d606c6e">[email&#160;protected]</span></a>.</p>
  </div>
</section>

<!-- PRESS SECTION -->
<section class="press-section anchor" id="press">
  <div class="wrap">
    <div class="section-header reveal">
      <div class="section-kicker" style="color:var(--gold-soft);">Press Room</div>
      <h2 class="section-title" style="color:var(--champagne);">Official releases from <em>Huang Goodman</em></h2>
      <div class="section-rule"></div>
    </div>
    <div class="press-releases reveal">
      <div class="press-item">
        <div>
          <div class="press-item-date">Apr 9, 2026</div>
          <div class="press-item-tag">Living Document</div>
        </div>
        <div>
          <a class="press-item-title" href="press/ice-queen-stack.html">The Ice Queen Stack: How One Woman Replaced a $400,000 Agency With $118 a Year</a>
          <div class="press-item-deck">Seven autonomous AI workers. Zero humans required. $538,000 in enterprise software — replaced.</div>
        </div>
        <a class="press-item-link" href="press/ice-queen-stack.html">Read →</a>
      </div>
      <!-- ADD NEW PRESS RELEASES HERE — copy the press-item block above -->
    </div>
    <a class="press-all-link" href="press/">All Press Releases →</a>
  </div>
</section>

<section class="contact-section scene-wrap anchor" id="contact">
  <div class="scene-plate clean1" aria-hidden="true"></div>
  <div class="scene-veil contact-veil" aria-hidden="true"></div>
  <div class="wrap">
    <div class="contact-inner">
      <div class="contact-frame reveal">
        <div class="section-header" style="margin-bottom:36px;"><div class="section-kicker">Contact us</div><h2 class="section-title">Tell us what you're building. We'll reply with a <em>clean next step.</em></h2></div>
        <p class="contact-lede">Share your goal, audience, timeline, and what you already have (site, deck, brand assets, product list, prior quotes). If you want us to coordinate manufacturing support, mention packaging/print/promo needs.</p>
        <form action="mailto:jenny@huanggoodman.com" method="GET" class="reveal">
          <div class="f6"><label for="name">Name</label><input id="name" name="name" autocomplete="name" placeholder="Your name" /></div>
          <div class="f6"><label for="email">Email</label><input id="email" name="email" type="email" autocomplete="email" placeholder="you@company.com" /></div>
          <div class="f4"><label for="company">Company</label><input id="company" name="company" autocomplete="organization" placeholder="Company / org" /></div>
          <div class="f4"><label for="need">What do you need?</label><select id="need" name="need"><option>Brand / positioning</option><option>Website / landing pages</option><option>Content &amp; campaigns</option><option>Business development / outbound</option><option>Sales enablement / proposals</option><option>Partnerships / channels</option><option>Packaging / print / promo (Hako Shikin)</option><option>AI Manufacturing Integration</option><option>Programming services</option><option>Full-service program</option></select></div>
          <div class="f4"><label for="timeline">Target timing</label><input id="timeline" name="timeline" placeholder="e.g., 2–3 weeks / date needed" /></div>
          <div class="f12"><label for="message">Details</label><textarea id="message" name="body" placeholder="What are you trying to achieve? Who is the buyer? What's the offer? What assets already exist? Include links if available."></textarea></div>
          <div class="f12 form-actions"><button class="btn btn-gold" type="submit">Send inquiry</button><div class="form-note">If your browser doesn't support mailto forms, email us directly at <a href="/cdn-cgi/l/email-protection#81ebe4efeff8c1e9f4e0efe6e6eeeee5ece0efafe2eeec"><span class="__cf_email__" data-cfemail="472d2229293e072f32262920202828232a26296924282a">[email&#160;protected]</span></a>. When you're ready, we can wire this into your Azure ticket workflow.</div></div>
        </form>
      </div>
    </div>
  </div>
</section>

<!-- ═════════════════════════════════════════════════════════
     THE AIS · the fleet that runs the House · 24 autonomous workers
════════════════════════════════════════════════════════ -->
<style>
.ai-fleet{padding:52px 0 44px;background:linear-gradient(180deg,#050403 0%,#0c0b09 100%);color:var(--champagne);position:relative;overflow:hidden;border-top:3px solid var(--gold-leaf)}
.ai-fleet::before{content:"家";position:absolute;top:-30px;right:-10px;font-family:'Noto Serif JP',serif;font-size:14rem;color:rgba(201,168,76,.05);line-height:1;pointer-events:none;z-index:0;font-weight:700}
.ai-fleet-inner{max-width:1280px;margin:0 auto;padding:0 28px;position:relative;z-index:1}
.ai-fleet-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(201,168,76,.22)}
@media(max-width:760px){.ai-fleet-head{grid-template-columns:1fr}}
.ai-fleet-eyebrow{font-family:var(--display);font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-leaf);font-weight:800;margin-bottom:8px;display:inline-flex;align-items:center;gap:12px}
.ai-fleet-eyebrow::before{content:"";width:26px;height:1px;background:var(--gold-leaf)}
.ai-fleet-h{font-family:'Cormorant Garamond',serif;font-size:clamp(1.45rem,2.6vw,2.1rem);font-weight:700;color:#fff;letter-spacing:-.014em;line-height:1.1}
.ai-fleet-h em{font-style:italic;color:var(--gold-soft);font-weight:700}
.ai-fleet-sub{font-family:var(--sans2);font-size:.82rem;color:rgba(232,220,200,.75);line-height:1.5;letter-spacing:.005em;margin-top:6px;max-width:640px}
.ai-fleet-sub strong{color:var(--gold-soft);font-weight:700}
.ai-fleet-cta-inline{display:flex;gap:6px;flex-wrap:wrap;justify-self:end}
.ai-fleet-cta-inline a{font-family:var(--display);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--obsidian);background:var(--gold-leaf);padding:11px 16px;font-weight:800;white-space:nowrap;transition:all .15s;text-decoration:none}
.ai-fleet-cta-inline a.ghost{background:transparent;color:var(--gold-soft);border:1px solid rgba(201,168,76,.45)}
.ai-fleet-cta-inline a:hover{background:var(--orange,#c4622d);color:#fff;border-color:var(--orange,#c4622d)}
.ai-fleet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(201,168,76,.22);padding:1px;border:1px solid rgba(201,168,76,.22)}
@media(max-width:1200px){.ai-fleet-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:960px){.ai-fleet-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.ai-fleet-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:500px){.ai-fleet-grid{grid-template-columns:repeat(2,1fr)}}
.ai-worker{background:#0a0907;padding:12px 12px 11px;border-top:2px solid var(--atlantic,#1f538f);transition:all .15s;position:relative;display:block;text-decoration:none;color:inherit;min-height:96px}
.ai-worker:nth-child(5n-3){border-top-color:var(--gold-leaf)}
.ai-worker:nth-child(5n-2){border-top-color:var(--orange,#c4622d)}
.ai-worker:nth-child(5n-1){border-top-color:var(--ruby,#8b2232)}
.ai-worker:nth-child(5n){border-top-color:var(--atlantic-ice,#b9d0ec)}
.ai-worker:hover{background:#120f0a}
.ai-worker-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}
.ai-worker-name{font-family:'Cormorant Garamond',serif;font-size:.9rem;font-weight:700;color:#fff;letter-spacing:-.005em;line-height:1.15}
.ai-worker-status{font-family:var(--display);font-size:.42rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;padding:2px 5px;white-space:nowrap;border:1px solid;line-height:1}
.ai-worker-status.live{background:rgba(95,184,95,.12);color:#7ac97a;border-color:rgba(95,184,95,.45)}
.ai-worker-status.pending{background:rgba(201,168,76,.12);color:var(--gold-soft);border-color:rgba(201,168,76,.45)}
.ai-worker-status.building{background:rgba(31,83,143,.18);color:var(--atlantic-ice,#b9d0ec);border-color:rgba(31,83,143,.5)}
.ai-worker-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.78rem;color:var(--gold-soft);font-weight:500;line-height:1.3;letter-spacing:.005em}
</style>
<section class="ai-fleet" id="ai-fleet" aria-label="The House AI fleet">
  <div class="ai-fleet-inner">
    <div class="ai-fleet-head">
      <div>
        <div class="ai-fleet-eyebrow">The AIs · twenty-six autonomous workers</div>
        <h2 class="ai-fleet-h">The fleet that <em>runs the House.</em></h2>
        <div class="ai-fleet-sub">Two you can talk to. Twenty-four run quietly — <strong>orders, QC, fulfillment, manufacturing, editorial, video, social, ledger, papers, quiet-note desk.</strong> Virginia Beach.</div>
      </div>
      <div class="ai-fleet-cta-inline">
        <a href="https://www.pops4.com/chat/" target="_blank" rel="noopener">Celeste · Products</a>
        <a href="https://www.pops4.com/voyage/" class="ghost" target="_blank" rel="noopener">Sora · Ads &amp; Travel</a>
      </div>
    </div>
    <div class="ai-fleet-grid">
      <a class="ai-worker" href="https://www.pops4.com/chat/" target="_blank" rel="noopener"><div class="ai-worker-head"><div class="ai-worker-name">Celeste</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Product concierge. 24/7.</div></a>
      <a class="ai-worker" href="https://www.pops4.com/voyage/" target="_blank" rel="noopener"><div class="ai-worker-head"><div class="ai-worker-name">Sora</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Ads &amp; luxury travel. Voice + text.</div></a>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Otis</div><div class="ai-worker-status building">Build</div></div><div class="ai-worker-tag">Order desk. Intake, routing, status.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Quinn</div><div class="ai-worker-status building">Build</div></div><div class="ai-worker-tag">QC desk. Proof, tolerance.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Finn</div><div class="ai-worker-status building">Build</div></div><div class="ai-worker-tag">Fulfillment. Ship, track, claims.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Hana</div><div class="ai-worker-status building">Build</div></div><div class="ai-worker-tag">Manufacturing liaison.</div></div>
      <a class="ai-worker" href="/news/"><div class="ai-worker-head"><div class="ai-worker-name">Sakura</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Lead engine. Scores the signal.</div></a>
      <a class="ai-worker" href="https://pops4-ma.billing-010.workers.dev/" target="_blank" rel="noopener"><div class="ai-worker-head"><div class="ai-worker-name">Ma</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Markets Edge. Capital &amp; M&amp;A.</div></a>
      <a class="ai-worker" href="https://www.pops4.com/sports/"><div class="ai-worker-head"><div class="ai-worker-name">Dita</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Sports Edge. Capital flows.</div></a>
      <a class="ai-worker" href="https://pops4-voyage.billing-010.workers.dev/" target="_blank" rel="noopener"><div class="ai-worker-head"><div class="ai-worker-name">Ryo</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Voyage Edge. Ads &amp; travel.</div></a>
      <a class="ai-worker" href="https://fending.substack.com" target="_blank" rel="noopener"><div class="ai-worker-head"><div class="ai-worker-name">Odette</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Fending · 6 AM daily brief.</div></a>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Margot</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Article engine. Bloomberg-grade.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Cleo</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Video engine. 20/run. Lambda.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Vivienne</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">Social fanout. LinkedIn 26K.</div></div>
      <a class="ai-worker" href="https://pops4-product-pages.billing-010.workers.dev/" target="_blank" rel="noopener"><div class="ai-worker-head"><div class="ai-worker-name">Product Pages</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">11,060 SKU storefront.</div></a>
      <a class="ai-worker" href="https://pops4-mcp-catalog.billing-010.workers.dev/" target="_blank" rel="noopener"><div class="ai-worker-head"><div class="ai-worker-name">MCP Catalog</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">First in category. The door every AI agent uses.</div></a>
      <a class="ai-worker" href="https://pops4-house-edge.billing-010.workers.dev/" target="_blank" rel="noopener"><div class="ai-worker-head"><div class="ai-worker-name">Hako</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">House Files · 家 · quiet circulation.</div></a>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Kami</div><div class="ai-worker-status building">Build</div></div><div class="ai-worker-tag">Editorial engine · private register.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Feed Proxy</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">CORS bridge for the desks.</div></div>
      <a class="ai-worker" href="https://www.prosecco4.com/fun/" target="_blank" rel="noopener"><div class="ai-worker-head"><div class="ai-worker-name">Showcase</div><div class="ai-worker-status live">Live</div></div><div class="ai-worker-tag">prosecco4.com/fun billboard.</div></a>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Paloma</div><div class="ai-worker-status pending">Pending</div></div><div class="ai-worker-tag">Pinterest. 20 boards queued.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Rei</div><div class="ai-worker-status pending">Pending</div></div><div class="ai-worker-tag">Reddit. Intelligence-forward.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Kaito</div><div class="ai-worker-status pending">Review</div></div><div class="ai-worker-tag">TikTok. Vertical short-form.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Mei</div><div class="ai-worker-status pending">Meta</div></div><div class="ai-worker-tag">Instagram + FB + Threads.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Shikin</div><div class="ai-worker-status building">Build</div></div><div class="ai-worker-tag">資金. Ledger + Kakun filing.</div></div>
      <div class="ai-worker"><div class="ai-worker-head"><div class="ai-worker-name">Reciprocity</div><div class="ai-worker-status building">Build</div></div><div class="ai-worker-tag">The quiet note desk.</div></div>
    </div>
  </div>
</section>

<section class="footer-section">
  <div class="wrap">
    <div class="foot-grid">
      <div class="foot-col"><h4>Huang Goodman</h4><p>Full-service marketing and business development — strategy through execution — with manufacturing support via Hako Shikin when needed.</p><div class="foot-links"><a href="#top">Top</a><a href="#services">Services</a><a href="#ai-manufacturing">AI Manufacturing</a><a href="#packages">Engagements</a><a href="#press">Press</a><a href="#contact">Contact</a><a href="brands.html">Our Brands</a><a href="tools.html">Sales Tools</a><a href="programming.html">Programming</a><a href="https://pops4-ma.billing-010.workers.dev/" target="_blank" rel="noopener">Markets Edge</a></div></div>
      <div class="foot-col"><h4>Web + social</h4><p>Browse our Services | Shop | Learn More.</p><div class="foot-links"><a href="https://hakoshikin.com" target="_blank" rel="noopener">hakoshikin.com</a><a href="https://pops4.com" target="_blank" rel="noopener">pops4.com</a><a href="https://prosecco4.com" target="_blank" rel="noopener">prosecco4.com</a><a href="https://pops4.espwebsites.com/products?q=pens&sort=PVRN" target="_blank" rel="noopener">Shop Now</a><a href="https://www.linkedin.com/in/pops4/" target="_blank" rel="noopener">LinkedIn</a><a href="https://www.instagram.com/pops4panda/" target="_blank" rel="noopener">Instagram</a><a href="https://x.com/hakoshikin" target="_blank" rel="noopener">X</a><a href="https://www.youtube.com/@ritgraduateschool" target="_blank" rel="noopener">YouTube</a></div></div>
      <div class="foot-col"><h4>Operating standards</h4><p>Calm, documented work: clear scope, proof discipline, version control, and procurement-aware communication.</p></div>
    </div>
    <div class="legal">
      <span class="legal-title">Disclaimers &amp; Notices</span>
      <p><strong>Informational only:</strong> This page is provided for informational purposes and does not constitute a binding offer. Final scope, pricing, timelines, and deliverables are confirmed only in a written agreement or signed statement of work.</p>
      <p><strong>Performance:</strong> Marketing and business development outcomes vary by market, offer, timing, budget, and client participation. We do not guarantee specific revenue, rankings, or conversion results.</p>
      <p><strong>Third-party services:</strong> Campaign platforms, hosting providers, manufacturers, and logistics partners may change availability, policies, or pricing. Where third-party tools are used, we will disclose assumptions and confirm critical details.</p>
      <p><strong>Manufacturing support:</strong> If Hako Shikin production services are included, proofs, materials, and finishes must be approved by the customer prior to production. Variations can occur between screens, proofs, and final production.</p>
      <p><strong>Confidentiality:</strong> If you share confidential or sensitive information, mark it clearly. NDA workflows and multiple secure standards compliance that work for each industry are available on request.</p>
      <p><strong>Trademarks:</strong> All trademarks and brand names belong to their respective owners. Use of third-party marks does not imply endorsement.</p>
      <p>© <span id="y"></span> Huang Goodman. Working with Hako Shikin. All rights reserved. <span style="opacity: 0.4;">|</span> <a href="#contact">Contact</a> <span style="opacity: 0.4;">|</span> <a href="/cdn-cgi/l/email-protection#6e040b0000172e061b0f00090901010a030f00400d0103">Email</a></p>
    </div>
    <div class="footer-bottom"><img src="https://pops4.com/sluglogo.png" alt="Sea Slug UDC"><span>Family-operated with love from the Sea Slug UDC Team · Virginia Beach</span></div>
  </div>
</section>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  document.getElementById("y").textContent = new Date().getFullYear();
  const reveals = document.querySelectorAll('.reveal');
  const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.12, rootMargin: '0px 0px -30px 0px' });
  reveals.forEach(el => observer.observe(el));
  const nav = document.getElementById('nav');
  window.addEventListener('scroll', () => { nav.classList.toggle('scrolled', window.scrollY > 60); });
  const toggle = document.getElementById('navToggle');
  const links = document.getElementById('navLinks');
  toggle.addEventListener('click', () => links.classList.toggle('open'));
  links.querySelectorAll('a').forEach(a => { a.addEventListener('click', () => links.classList.remove('open')); });

  /* ─── BRIEFING TICKER (existing lead-engine feed) ─── */
  const BRIEFING_FEED = 'https://pops4-lead-engine.billing-010.workers.dev/feed.json';
  function tierClass(t) { const u=(t||'').toUpperCase(); if(u==='PLATINUM')return 'tier-pt'; if(u==='GOLD')return 'tier-gd'; return 'tier-sv'; }
  function tierLabel(t) { const u=(t||'').toUpperCase(); if(u==='PLATINUM')return 'PT'; if(u==='GOLD')return 'GD'; return 'SV'; }
  function buildBriefingTicker(items) {
    const labels={PLATINUM:'🔴',GOLD:'🟡',SILVER:'⚪'};
    return items.slice(0,8).map(item=>{const icon=labels[(item.tier||'').toUpperCase()]||'⚪';return `<span class="ticker-item"><strong>${icon} ${item.company}</strong> <span class="ticker-sep">·</span> ${item.trigger}</span>`;}).join('<span class="ticker-sep" style="padding:0 1rem;opacity:.3">◆</span>');
  }
  function startBriefingTicker(html) {
    const track=document.getElementById('ticker-track');
    track.innerHTML=html+html;
    const len=track.scrollWidth/2;
    const dur=Math.max(25,len/70);
    track.style.animationDuration=dur+'s';
  }
  function renderLeadRows(items) {
    const el=document.getElementById('intel-leads');
    if(!el)return;
    if(!items.length){el.innerHTML='<div class="intel-loading">Intelligence updates every 3 hours.</div>';return;}
    el.innerHTML=items.slice(0,4).map(item=>`<div class="intel-lead-row"><span class="intel-lead-tier ${tierClass(item.tier)}">${tierLabel(item.tier)}</span><span class="intel-lead-co">${item.company}</span></div>`).join('');
  }
  fetch(BRIEFING_FEED+'?v='+Date.now()).then(r=>r.json()).then(data=>{const items=data.items||[];if(items.length){startBriefingTicker(buildBriefingTicker(items));renderLeadRows(items);}else{document.getElementById('ticker-track').innerHTML='<span class="ticker-item">Market intelligence briefing publishes every 3 hours — rebrands, CMO appointments, M&A signals</span>';document.getElementById('intel-leads').innerHTML='<div class="intel-loading">First briefing publishes shortly.</div>';}}).catch(()=>{document.getElementById('ticker-track').innerHTML='<span class="ticker-item">Market intelligence: rebrands, CMO appointments, M&A — updated every 3 hours</span>';});

  /* ─── MARKETS EDGE TICKER (new Ma worker feed) ─── */
  const ME_FEED = 'https://pops4-ma.billing-010.workers.dev/feed.json';
  function meTierClass(t) {
    const u=(t||'').toUpperCase();
    if (u==='DIAMOND') return 't-diamond';
    if (u==='PLATINUM') return 't-platinum';
    if (u==='GOLD') return 't-gold';
    return 't-silver';
  }
  function buildMarketsTicker(items) {
    return items.map(item => {
      if (item.type === 'lead' || item.headline) {
        const tier = (item.tier || 'SILVER').toUpperCase();
        const title = (item.headline || '').replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
        return `<span class="me-item"><span class="me-tier ${meTierClass(tier)}">${tier}</span>${title}</span>`;
      } else if (item.type === 'quick' && item.post) {
        const post = item.post.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
        return `<span class="me-item">${post}</span>`;
      }
      return '';
    }).filter(Boolean).join('<span class="me-sep">◆</span>');
  }
  function startMarketsTicker(html) {
    const track = document.getElementById('me-track');
    track.innerHTML = html + '<span class="me-sep" style="padding:0 2rem;opacity:.3">◆</span>' + html;
    const len = track.scrollWidth / 2;
    const dur = Math.max(40, len / 65);
    track.style.animationDuration = dur + 's';
  }
  fetch(ME_FEED + '?v=' + Date.now()).then(r => r.json()).then(data => {
    const issues = data.issues || [];
    const latestIssue = issues[0];
    if (latestIssue && Array.isArray(latestIssue.items)) {
      // Prioritize leads first, then quicks
      const leads = latestIssue.items.filter(i => i.type === 'lead' || (!i.type && i.headline));
      const quicks = latestIssue.items.filter(i => i.type === 'quick');
      const combined = [...leads, ...quicks].slice(0, 12);
      if (combined.length) {
        startMarketsTicker(buildMarketsTicker(combined));
      } else {
        document.getElementById('me-track').innerHTML = '<span class="me-item">Markets Edge publishes every 3 hours — IPOs, PE deals, activist stakes, family office moves</span>';
      }
    } else {
      document.getElementById('me-track').innerHTML = '<span class="me-item">Markets Edge publishes every 3 hours — IPOs, PE deals, activist stakes, family office moves</span>';
    }
  }).catch(() => {
    document.getElementById('me-track').innerHTML = '<span class="me-item">Markets Edge: IPOs, PE deals, activist stakes, family office moves — every 3 hours</span>';
  });

  // ─── Virginia Beach strip rotation ───
  (function beachStrip(){
    var slides = document.querySelectorAll('.vb-slide');
    if(!slides.length) return;
    var idx = 0;
    setInterval(function(){
      slides[idx].classList.remove('active');
      idx = (idx + 1) % slides.length;
      slides[idx].classList.add('active');
    }, 5400);
  })();

  // ─── Nav dropdown toggle (The Desks) ───
  (function navDrop(){
    var drops = document.querySelectorAll('.nav-drop[data-drop]');
    drops.forEach(function(d){
      var btn = d.querySelector('.nav-drop-btn');
      if(!btn) return;
      btn.addEventListener('click', function(e){
        e.stopPropagation();
        drops.forEach(function(o){ if(o !== d) o.classList.remove('open'); });
        d.classList.toggle('open');
        btn.setAttribute('aria-expanded', d.classList.contains('open'));
      });
    });
    document.addEventListener('click', function(){
      drops.forEach(function(d){ d.classList.remove('open'); });
    });
  })();

  // ─── Product strip · rotates 4 SKUs every 75s from the live catalog ───
  (function productStrip(){
    var grid = document.getElementById('prod-strip-grid');
    if(!grid) return;
    var PROD_API = 'https://pops4-product-pages.billing-010.workers.dev/api/products';
    fetch(PROD_API + '?limit=80', {cache:'no-store'}).then(function(r){
      if(!r.ok) throw 0; return r.json();
    }).then(function(data){
      var all = Array.isArray(data.products) ? data.products : [];
      var pool = all.filter(function(p){ return p && (p.img||p.image) && (p.title||p.name); });
      if(!pool.length) throw 0;
      function draw(){
        var picks=[], used={};
        while(picks.length < 4 && Object.keys(used).length < pool.length){
          var i = Math.floor(Math.random() * pool.length);
          if(used[i]) continue;
          used[i] = 1; picks.push(pool[i]);
        }
        grid.innerHTML = picks.map(function(p){
          var img = p.img || p.image || '';
          var brand = (p.brand || p.vendor || '').toString().slice(0, 28);
          var name = (p.title || p.name || '').toString().slice(0, 90);
          var price = p.price || p.price_from || p.priceFrom;
          var href = p.url || (p.slug ? ('https://pops4-product-pages.billing-010.workers.dev/p/' + p.slug) : 'https://www.pops4.com');
          return '<a class="prod-strip-card" href="' + href + '" target="_blank" rel="noopener">'
            + '<div class="prod-strip-img" style="background-image:url(\'' + String(img).replace(/'/g,'%27') + '\')"></div>'
            + (brand ? '<div class="prod-strip-brand">' + brand + '</div>' : '')
            + '<div class="prod-strip-name">' + name.replace(/</g,'&lt;') + '</div>'
            + (price ? '<div class="prod-strip-price">From <em>$' + Number(price).toFixed(2) + '</em></div>' : '')
            + '</a>';
        }).join('');
      }
      draw();
      setInterval(draw, 75000);
    }).catch(function(){
      grid.innerHTML = '<div class="prod-strip-loading">Catalog quiet. <a href="https://www.pops4.com/shop.html" style="color:var(--terra);font-weight:700">Open the shop &rarr;</a></div>';
    });
  })();
</script>
</body>
</html>
