/* Marketing source of truth. Portal/academy styling does not belong here. */
@font-face { font-family: Switzer; src: url('./assets/fonts/Y7SCNZJOT2MW5ADSGOFLDGH4TNL4JCQY.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: Switzer; src: url('./assets/fonts/YS3VPNVO4B3TOJMEXDGFZQ4TLZGGSRZC.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: Inter; src: url('./assets/fonts/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url('./assets/fonts/yDtI2UI8XcEg1W2je9XPN3Noo.woff2') format('woff2'); font-weight: 600; font-display: swap; }
:root {
  --sizmo-font-display: Switzer, Arial, sans-serif;
  --sizmo-font-body: Inter, Arial, sans-serif;
  --sizmo-surface: #07140d;
  --sizmo-panel: #10251a;
  --sizmo-panel-raised: #163423;
  --sizmo-ink: #10271b;
  --sizmo-paper: #edf4ee;
  --sizmo-mint: #b9f0c7;
  --sizmo-text: #f3f8f3;
  --sizmo-text-muted: #b3c6b9;
  --sizmo-line: rgb(197 232 208 / 18%);
  --sizmo-action: #0a6035;
  --sizmo-action-hover: #084b2a;
  /* Light homepage palette (design audit 1.1): the reference for every public page. */
  --sizmo-page: #ffffff;
  --sizmo-glow: #ddebe1;
  --sizmo-heading: #100f12;
  --sizmo-accent: #274c30;
  --sizmo-body: #515754;
  --sizmo-band: #f1f5f2;
  --sizmo-card-line: #e5e7eb;
  --sizmo-field-line: #d9e0db;
  --sizmo-highlight: #cdebd5;
  --sizmo-card-shadow: 0 1px 2px rgb(16 15 18 / 4%), 0 12px 32px rgb(16 15 18 / 7%);
  --sizmo-float-shadow: 0 24px 64px rgb(16 39 27 / 14%);
  --sizmo-container: 1200px;
  --sizmo-radius: 16px;
  --sizmo-section-space: clamp(64px, 7vw, 104px);
}
.sizmo-site-container { width: min(var(--sizmo-container), calc(100% - 64px)); margin-inline: auto; }
.sizmo-site-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 22px; border: 1px solid transparent; border-radius: 8px; background: var(--sizmo-mint); color: var(--sizmo-ink); font: 600 14px/1.4 var(--sizmo-font-body); text-decoration: none; transition: background-color 180ms ease, transform 180ms ease; }
.sizmo-site-button:hover { background: #d6f2dd; }
.sizmo-site-button:active { transform: translateY(1px); }
.sizmo-site-button:focus-visible { outline: 3px solid var(--sizmo-mint); outline-offset: 4px; }
@media (max-width: 767px) { .sizmo-site-container { width: calc(100% - 40px); } }
@media (prefers-reduced-motion: reduce) { .sizmo-site-button { transition: none; } .sizmo-site-button:active { transform: none; } }
/* Page-to-page transition: the old page lifts and fades, the new one settles in, and the header
   bar stays put. Browsers without cross-document View Transitions simply load the page as before. */
@view-transition { navigation: auto; }
.sizmo-site-header > .sizmo-header-bar, #main .framer-1336g0r { view-transition-name: sz-header; }
::view-transition-old(root) { animation: sz-page-out .28s cubic-bezier(.65, 0, .35, 1) both; }
::view-transition-new(root) { animation: sz-page-in .5s cubic-bezier(.22, 1, .36, 1) both; }
::view-transition-group(sz-header) { animation-duration: .45s; animation-timing-function: cubic-bezier(.22, 1, .36, 1); }
@keyframes sz-page-out { to { opacity: 0; transform: translateY(-10px); } }
@keyframes sz-page-in { from { opacity: 0; transform: translateY(14px); } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-old(root), ::view-transition-new(root), ::view-transition-group(sz-header) { animation: none; }
}