:root {
  --surface: #ffffff;
  --canvas: #f6f8f6;
  --text: #17241e;
  --muted: #58675e;
  --line: #dce4de;
  --line-strong: #bacbc0;
  --focus: #946600;
  --radius-control: 4px;
  --radius-item: 6px;
  --shadow: 0 2px 8px rgb(9 34 22 / 5%);
  --shadow-strong: 0 8px 24px rgb(9 34 22 / 10%);
}

body.ozuaa-app { background: var(--canvas); overflow-x: visible; }
.ozuaa-app *, .ozuaa-app *::before, .ozuaa-app *::after { letter-spacing: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; border: 0; }
.ozuaa-app button, .ozuaa-app input, .ozuaa-app select { border-radius: var(--radius-control); }
.ozuaa-app button { min-height: 44px; }
.ozuaa-app button:hover { transform: none; box-shadow: none; }
.ozuaa-app button:disabled { cursor: not-allowed; opacity: .6; }
.ozuaa-app :is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.ozuaa-app .panel, .ozuaa-app .metric, .ozuaa-app .product-card, .ozuaa-app .market-card { border-radius: var(--radius-item); box-shadow: none; }
.ozuaa-app main { max-width: 1600px; margin: auto; padding: 24px 32px 40px; min-width: 0; }
.ozuaa-app main :is(section,article,aside,nav,div) { min-width: 0; }
.ozuaa-app main :is(h1,h2,h3,strong) { overflow-wrap: anywhere; }
.ozuaa-app .page-header { padding: 12px 0 24px; background: transparent; border: 0; box-shadow: none; border-radius: 0; }
.ozuaa-app .page-header h1 { font-size: 30px; line-height: 1.2; }
.ozuaa-app .page-header p { max-width: 760px; font-size: 14px; }
.ozuaa-app .hero h1, .ozuaa-app .prive-hero h2, .ozuaa-app .learning-hero h2 { font-size: 40px; }
.ozuaa-app .static-hero h1, .ozuaa-app .error-state h1 { font-size: 36px; }
.ozuaa-app .launch-hero h2, .ozuaa-app .ecosystem-stage-copy h2, .ozuaa-app .waitlist-hero h2, .ozuaa-app .plus-hero h2 { font-size: 32px; }
.ozuaa-app .featured-product h3, .ozuaa-app .experience-system-head h2, .ozuaa-app .investor-strip h2,
.ozuaa-app .supplier-hero-panel h2, .ozuaa-app .buyer-hero h2, .ozuaa-app .admin-command h2,
.ozuaa-app .efikoo-focus h2, .ozuaa-app .prive-invite h2 { font-size: 26px; }
.ozuaa-app .metric strong, .ozuaa-app .market-intelligence strong { font-size: 27px; }
.ozuaa-app .launch-score-card strong { font-size: 64px; }
.ozuaa-app .topbar {
  display: flex; align-items: center; gap: 24px; min-height: 78px;
  padding: 0 32px; position: static; border-bottom: 1px solid var(--line);
  background: white; box-shadow: none; backdrop-filter: none;
}
.ozuaa-app .brand { width: 165px; height: 50px; position: relative; flex: 0 0 165px; }
.ozuaa-app .brand img { position: absolute; width: 180px; height: 90px; max-width: none; top: -7px; left: -7px; object-fit: contain; }
.ozuaa-app .brand:hover img { transform: none; }
.ozuaa-app .main-nav { display: flex; flex: 1; gap: 18px; width: auto; padding: 0; overflow: visible; min-width: 0; align-self: stretch; align-items: stretch; }
.ozuaa-app .nav-btn { display: inline-flex; align-items: center; justify-content: center; color: var(--text); padding: 0; min-height: 44px; background: none; border: 0; border-radius: 0; font-size: 12px; font-weight: 600; text-decoration: none; white-space: nowrap; box-shadow: none; }
.ozuaa-app .main-nav .nav-btn.active { color: var(--green-900); border-bottom: 3px solid var(--green-900); padding-top: 3px; }
.ozuaa-app .utility-cluster { width: auto; display: flex; gap: 6px; margin-left: auto; flex-shrink: 0; }
.shell-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; padding: 0; background: transparent; color: var(--text); border: 0; text-decoration: none; }
.shell-icon-button:hover { background: #edf4ef; }
.shell-icon-button svg, .shell-link-list svg, .review-tools summary svg, .mobile-navigation svg { width: 20px; height: 20px; flex: 0 0 20px; }
.ozuaa-app .profile-chip { border-color: var(--line); color: var(--text); background: white; max-width: 190px; min-width: 0; text-align: left; }
.ozuaa-app .profile-chip > div { min-width: 0; }
.ozuaa-app .profile-chip strong { max-width: 130px; overflow: hidden; text-overflow: ellipsis; display: block; }
.ozuaa-app .profile-chip small { color: var(--muted); font-size: 10px; }
.preview-banner { min-height: 30px; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 6px 16px; background: #eef4ef; color: #395344; font-size: 11px; text-align: center; }
.review-tools { border-bottom: 1px solid var(--line); background: white; }
.review-tools summary { display: flex; align-items: center; gap: 8px; min-height: 40px; width: max-content; max-width: 100%; padding: 8px 32px; color: var(--muted); font-size: 11px; cursor: pointer; list-style: none; }
.review-tools summary::-webkit-details-marker { display: none; }
.review-tools summary svg { width: 15px; height: 15px; flex-basis: 15px; }
.review-tools[open] summary svg:last-child { transform: rotate(90deg); }
.ozuaa-app .review-tools .status-ribbon { background: var(--canvas); border-top: 1px solid var(--line); padding: 14px 32px; }
.review-navigation { display: flex; flex-wrap: wrap; gap: 4px 18px; padding: 8px 32px; }
.ozuaa-app .review-navigation .nav-btn { padding: 0 6px; }
.ozuaa-app .review-navigation .nav-btn.active { color: var(--green-900); background: #edf4ef; }
.ozuaa-app .demo-rail { background: white; border-top: 1px solid var(--line); padding: 10px 32px; }
.ozuaa-app .section-nav button { display: flex; justify-content: space-between; align-items: center; gap: 8px; background: transparent; color: var(--text); width: 100%; padding: 10px; border: 0; text-align: left; font-size: 13px; font-weight: 500; }
.ozuaa-app .section-nav button:hover { background: #edf4ef; }
.mobile-menu-button, .mobile-navigation { display: none; }
.shell-dialog { width: min(520px, calc(100% - 32px)); max-height: 82vh; overflow: auto; padding: 24px; border: 1px solid var(--line); border-radius: 8px; color: var(--text); background: white; box-shadow: 0 20px 64px #0b281e30; }
.shell-dialog::backdrop { background: #08281c88; }
.shell-dialog-heading { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.shell-dialog-heading h2 { margin: 0; font-size: 22px; overflow-wrap: anywhere; }
.shell-dialog p { color: var(--muted); font-size: 13px; line-height: 1.6; }
.shell-link-list { display: grid; gap: 4px; margin: 12px 0; }
.shell-link-list a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 10px; color: var(--text); border-bottom: 1px solid var(--line); font-size: 14px; text-decoration: none; }
.shell-link-list a svg:last-child { margin-left: auto; width: 16px; }
.shell-link-list a:hover { background: #edf4ef; }
.shell-link-list a span { min-width: 0; overflow-wrap: anywhere; }

@media (max-width: 1150px) {
  .ozuaa-app .topbar { gap: 20px; padding: 0 24px; }
  .ozuaa-app .main-nav { gap: 14px; }
  .ozuaa-app .profile-chip > div { display: none; }
  .ozuaa-app .profile-chip { border: 0; padding: 0; }
  .ozuaa-app .profile-chip > span { width: 32px; height: 32px; min-width: 32px; }
  .ozuaa-app .desktop-utility { display: none; }
}
@media (max-width: 800px) {
  .ozuaa-app .topbar { min-height: 66px; padding: 0 16px; gap: 12px; }
  .ozuaa-app .brand { width: 145px; height: 46px; flex-basis: 145px; }
  .ozuaa-app .brand img { width: 160px; height: 80px; top: -6px; left: -7px; }
  .ozuaa-app .main-nav { display: none; }
  .ozuaa-app .utility-cluster { gap: 0; }
  .ozuaa-app .profile-chip { display: none; }
  .ozuaa-app .mobile-menu-button { display: inline-flex; }
  .preview-banner { font-size: 10px; line-height: 1.4; }
  .review-tools summary { padding: 8px 16px; }
  .review-navigation { padding: 8px 16px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 4px; }
  .ozuaa-app .review-navigation .nav-btn { white-space: normal; text-align: center; }
  .ozuaa-app .review-tools .status-ribbon, .ozuaa-app .demo-rail { padding: 12px 16px; }
  .ozuaa-app main { padding: 20px 16px 32px; }
  .ozuaa-app { padding-bottom: 64px; }
  .mobile-navigation { display: grid; position: fixed; bottom: 0; left: 0; right: 0; z-index: 40; height: 64px; grid-template-columns: repeat(4,minmax(0,1fr)); background: white; border-top: 1px solid var(--line); }
  .mobile-navigation a, .mobile-navigation button { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 0; border-radius: 0; background: white; color: var(--muted); font-size: 10px; font-weight: 500; text-decoration: none; padding: 4px; }
  .mobile-navigation [aria-current="page"] { color: var(--green-900); background: #edf4ef; }
  .ozuaa-app .page-header h1 { font-size: 27px; }
  .ozuaa-app .hero h1, .ozuaa-app .prive-hero h2, .ozuaa-app .learning-hero h2 { font-size: 32px; }
  .ozuaa-app .launch-hero h2, .ozuaa-app .ecosystem-stage-copy h2, .ozuaa-app .waitlist-hero h2, .ozuaa-app .plus-hero h2 { font-size: 28px; }
  .ozuaa-app .featured-product h3, .ozuaa-app .experience-system-head h2, .ozuaa-app .investor-strip h2,
  .ozuaa-app .supplier-hero-panel h2, .ozuaa-app .buyer-hero h2, .ozuaa-app .admin-command h2,
  .ozuaa-app .efikoo-focus h2, .ozuaa-app .prive-invite h2 { font-size: 24px; }
  .shell-dialog { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}