@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");

body.site-aligned {
  --bg: #f2efe8 !important;
  --bg-alt: #ebe7dd !important;
  --paper: #ffffff !important;
  --paper-strong: #ffffff !important;
  --panel: #ffffff !important;
  --panel-2: #ebe7dd !important;
  --panel-soft: #f7f3ec !important;
  --ink: #141412 !important;
  --ink-soft: #4a463e !important;
  --muted: #4a463e !important;
  --faint: #8a8578 !important;
  --line: #dcd6c7 !important;
  --panel-line: #dcd6c7 !important;
  --hairline: #dcd6c7 !important;
  --hairline-strong: #c0b9a5 !important;
  --accent: #141412 !important;
  --green: #2ea14f !important;
  --blue: #4a463e !important;
  --amber: #7f6424 !important;
  --purple: #5b5470 !important;
  --white: #ffffff !important;
  --shadow: 0 22px 40px -32px rgba(20, 20, 18, 0.2) !important;
  background: var(--bg) !important;
  color: var(--ink) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height: 1.55;
}

body.site-aligned *,
body.site-aligned *::before,
body.site-aligned *::after {
  letter-spacing: 0;
}

body.site-aligned a {
  color: inherit;
}

body.site-aligned h1,
body.site-aligned h2,
body.site-aligned h3,
body.site-aligned h4,
body.site-aligned .brand,
body.site-aligned .file-name,
body.site-aligned .cert-name,
body.site-aligned .model-name {
  color: var(--ink) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 700;
  letter-spacing: 0;
}

body.site-aligned h1 {
  max-width: 12ch;
  font-size: clamp(2.55rem, 7vw, 5.2rem);
  line-height: 1;
}

body.site-aligned h2 {
  line-height: 1.08;
}

body.site-aligned .eyebrow,
body.site-aligned .kicker,
body.site-aligned .section-kicker,
body.site-aligned .section-title,
body.site-aligned .back-link,
body.site-aligned .stamp,
body.site-aligned .version-tag,
body.site-aligned .track-label,
body.site-aligned .hero-card-label,
body.site-aligned .board-pill,
body.site-aligned .mini-title,
body.site-aligned .panel-title,
body.site-aligned .sim-meta,
body.site-aligned .model-badge,
body.site-aligned .cert-source {
  color: var(--ink-soft) !important;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.site-aligned .eyebrow::before,
body.site-aligned .section-kicker::before {
  background: var(--hairline-strong) !important;
}

body.site-aligned .wrap,
body.site-aligned .shell,
body.site-aligned .container {
  width: min(var(--container, var(--max, 1120px)), calc(100vw - 2.5rem));
}

body.site-aligned .brand-row,
body.site-aligned header.shell,
body.site-aligned nav:not(.site-nav),
body.site-aligned .site-header {
  border-bottom: 1px solid var(--hairline) !important;
  background: color-mix(in srgb, var(--bg) 92%, transparent) !important;
  box-shadow: none !important;
}

body.site-aligned .brand-row {
  padding: 1rem 0;
  margin-bottom: clamp(1.5rem, 3vw, 2.4rem);
}

body.site-aligned .brand span {
  color: var(--ink) !important;
}

body.site-aligned .nav-links a,
body.site-aligned nav a,
body.site-aligned header a,
body.site-aligned footer a {
  color: var(--ink-soft) !important;
}

body.site-aligned .nav-links a:hover,
body.site-aligned nav a:hover,
body.site-aligned header a:hover,
body.site-aligned footer a:hover {
  color: var(--ink) !important;
}

body.site-aligned .hero {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--ink) !important;
  margin-bottom: 0;
  padding: clamp(3rem, 7vw, 5rem) 0 clamp(2rem, 5vw, 3.5rem) !important;
}

body.site-aligned .hero p,
body.site-aligned .hero-lede,
body.site-aligned .lead,
body.site-aligned .sub,
body.site-aligned .section-copy,
body.site-aligned .section-intro,
body.site-aligned .panel p,
body.site-aligned .card p,
body.site-aligned .page-note p,
body.site-aligned .cert-detail,
body.site-aligned .file-detail,
body.site-aligned .model-detail,
body.site-aligned .model-size,
body.site-aligned .note,
body.site-aligned .notice,
body.site-aligned .receipt,
body.site-aligned .small,
body.site-aligned p,
body.site-aligned li {
  color: var(--ink-soft) !important;
}

body.site-aligned .hero strong,
body.site-aligned strong,
body.site-aligned b,
body.site-aligned .proof strong,
body.site-aligned .callout strong,
body.site-aligned .receipt strong {
  color: var(--ink) !important;
}

body.site-aligned .hero-card,
body.site-aligned .hero-board,
body.site-aligned .panel,
body.site-aligned .card,
body.site-aligned .page-note,
body.site-aligned .download-card,
body.site-aligned .steps,
body.site-aligned .notice,
body.site-aligned .receipt,
body.site-aligned .cert-row,
body.site-aligned .callout,
body.site-aligned .report-box,
body.site-aligned .device,
body.site-aligned .screen,
body.site-aligned .permission,
body.site-aligned .mini-button,
body.site-aligned .section-shell,
body.site-aligned .cta-shell,
body.site-aligned .signal-card,
body.site-aligned .insight-card,
body.site-aligned .control-card,
body.site-aligned .playbook,
body.site-aligned .program-card,
body.site-aligned .provider-card,
body.site-aligned .list-panel,
body.site-aligned .role-card,
body.site-aligned .sim-card,
body.site-aligned .board-list li,
body.site-aligned main.card {
  background: var(--paper) !important;
  border: 1px solid var(--hairline) !important;
  border-radius: 14px !important;
  box-shadow: var(--shadow) !important;
  color: var(--ink) !important;
}

body.site-aligned .hero-card,
body.site-aligned .device,
body.site-aligned .screen,
body.site-aligned .download-card,
body.site-aligned .steps,
body.site-aligned .notice,
body.site-aligned .receipt,
body.site-aligned .cert-row,
body.site-aligned .callout,
body.site-aligned .report-box,
body.site-aligned .board-list li {
  padding: clamp(1rem, 2vw, 1.25rem) !important;
}

body.site-aligned .hero-card-list li,
body.site-aligned .board-list strong,
body.site-aligned .board-list span,
body.site-aligned .hero-link,
body.site-aligned .screen-head,
body.site-aligned .permission span {
  color: var(--ink-soft) !important;
}

body.site-aligned .hero-card-list strong {
  color: var(--ink) !important;
}

body.site-aligned .board-head,
body.site-aligned .model-row,
body.site-aligned footer,
body.site-aligned .section,
body.site-aligned .section-title,
body.site-aligned .check-list li,
body.site-aligned .future-list li {
  border-color: var(--hairline) !important;
}

body.site-aligned .button,
body.site-aligned .btn-primary,
body.site-aligned .btn-secondary,
body.site-aligned .btn-download,
body.site-aligned a.button {
  border-radius: 999px !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  min-height: 48px;
}

body.site-aligned .button-primary,
body.site-aligned .button.primary,
body.site-aligned .btn-primary,
body.site-aligned .btn-download,
body.site-aligned a.primary {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
  color: var(--bg) !important;
  box-shadow: none !important;
}

body.site-aligned .button-secondary,
body.site-aligned .button.secondary,
body.site-aligned .btn-secondary,
body.site-aligned a.button:not(.primary):not(.button-primary),
body.site-aligned .mini-button {
  background: transparent !important;
  border-color: var(--hairline-strong) !important;
  color: var(--ink) !important;
}

body.site-aligned .status-dot,
body.site-aligned li::before {
  background: var(--ink-soft) !important;
}

body.site-aligned .badge-green,
body.site-aligned .badge-blue,
body.site-aligned .badge-purple,
body.site-aligned .badge-amber,
body.site-aligned .badge-desktop,
body.site-aligned .badge-phone,
body.site-aligned .badge-fallback,
body.site-aligned .board-pill,
body.site-aligned .version-tag {
  background: var(--bg-alt) !important;
  border: 1px solid var(--hairline) !important;
  color: var(--ink-soft) !important;
}

body.site-aligned code {
  background: var(--bg-alt);
  border-radius: 6px;
  color: var(--ink) !important;
  padding: 0.05rem 0.25rem;
}

body.site-aligned .page-shell::before {
  display: none !important;
}

body.site-aligned .file-icon {
  background: var(--bg-alt) !important;
  border-color: var(--hairline) !important;
}

@media (max-width: 760px) {
  body.site-aligned .wrap,
  body.site-aligned .shell,
  body.site-aligned .container {
    width: min(var(--container, var(--max, 1120px)), calc(100vw - 1.5rem));
  }

  body.site-aligned .brand-row,
  body.site-aligned header.shell,
  body.site-aligned nav:not(.site-nav) {
    align-items: flex-start;
    gap: 0.8rem;
  }
}