html { scroll-behavior: smooth; }
  body { margin: 0; background: #E8E8E3; color: #0B1B33; font-family: Archivo, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #0B1B33; text-decoration: none; }
  a:hover { color: #0093CC; }
  input, textarea, button { font-family: inherit; }
  input::placeholder, textarea::placeholder { color: #9AA3AE; }
  ::selection { background: #00B4F0; color: #0B1B33; }

.hover-1:hover, .hover-1:focus-visible{color:#0B1B33}
.hover-2:hover, .hover-2:focus-visible{color:#0B1B33}
.hover-3:hover, .hover-3:focus-visible{color:#0B1B33}
.hover-4:hover, .hover-4:focus-visible{color:#0B1B33}
.hover-5:hover, .hover-5:focus-visible{color:#0B1B33}
.hover-6:hover, .hover-6:focus-visible{color:#0B1B33}
.hover-7:hover, .hover-7:focus-visible{color:#0B1B33}
.hover-8:hover, .hover-8:focus-visible{color:#0B1B33}
.hover-9:hover, .hover-9:focus-visible{color:#0093CC}
.hover-10:hover, .hover-10:focus-visible{background:#00B4F0; color:#0B1B33}
.hover-11:hover, .hover-11:focus-visible{background:rgba(11,27,51,0.035)}
.hover-12:hover, .hover-12:focus-visible{background:rgba(11,27,51,0.035)}
.hover-13:hover, .hover-13:focus-visible{background:rgba(11,27,51,0.035)}
.hover-14:hover, .hover-14:focus-visible{background:rgba(11,27,51,0.035)}
.hover-15:hover, .hover-15:focus-visible{background:rgba(11,27,51,0.035)}
.hover-16:hover, .hover-16:focus-visible{background:rgba(11,27,51,0.035)}
.hover-17:hover, .hover-17:focus-visible{background:rgba(11,27,51,0.035)}
.hover-18:hover, .hover-18:focus-visible{color:#0093CC}
.hover-19:hover, .hover-19:focus-visible{color:#0093CC}
.hover-20:hover, .hover-20:focus-visible{background:#00B4F0; color:#0B1B33}

:root {
  --paper: #E8E8E3;
  --ink: #0B1B33;
  --muted: #3E4C60;
  --quiet: #6D7885;
  --cyan: #00B4F0;
  --cyan-dark: #0093CC;
  --rule: rgba(11,27,51,0.18);
}
html { scroll-padding-top: 16px; }
body { overflow-x: hidden; }
button, input, textarea { border-radius: 0; }
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}
input:focus-visible, textarea:focus-visible { outline-offset: 2px; }
[hidden] { display: none !important; }
#form-status { margin-top: 16px; font-family: 'DM Mono', monospace; font-size: 11px; line-height: 1.6; color: #B23B2B; }
#contact-submit[disabled] { opacity: .55; cursor: wait; }
.sidebar { z-index: 20; background: var(--paper); }
.site-main { min-width: 0; }
.section-marker { will-change: top; }
@media (max-width: 1180px) {
  .site-shell { grid-template-columns: 190px minmax(0,1fr) !important; }
  .sidebar { padding-left: 20px !important; padding-right: 18px !important; }
  .hero { padding-left: 48px !important; padding-right: 48px !important; }
  .hero-title { font-size: 82px !important; }
  .section-body, .dark-bridge, .site-footer { padding-left: 48px !important; padding-right: 48px !important; }
  .section-number { padding-left: 48px !important; }
  .section-heading-wrap { padding-right: 48px !important; }
}
@media (max-width: 900px) {
  html { scroll-padding-top: 76px; }
  .site-shell { display: block !important; }
  .sidebar {
    position: sticky !important; top: 0 !important; height: auto !important;
    border-right: 0 !important; border-bottom: 1px solid var(--rule) !important;
    padding: 15px 20px !important; display: flex !important; flex-direction: row !important;
    align-items: center !important; justify-content: space-between !important;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  }
  .sidebar-brand img { width: 96px !important; }
  .sidebar-tagline, .sidebar-nav { display: none !important; }
  .sidebar-footer { margin-left: auto !important; line-height: 1 !important; }
  .sidebar-footer a { font-size: 10px !important; letter-spacing: .08em !important; text-transform: uppercase; }
  .hero { padding: 68px 24px 56px !important; }
  .hero-title { font-size: clamp(54px, 12vw, 78px) !important; line-height: .94 !important; max-width: 12ch !important; }
  .hero-grid { grid-template-columns: 1fr !important; margin-top: 42px !important; }
  .hero-grid > p { padding: 18px 0 !important; border-left: 0 !important; border-bottom: 1px solid rgba(11,27,51,.12); }
  .hero-grid > p:last-child { border-bottom: 0; }
  .hero-actions { margin-top: 34px !important; gap: 18px !important; }
  .hero-actions > span { max-width: 48ch; line-height: 1.6; }
  .section-header { grid-template-columns: 52px minmax(0,1fr) !important; }
  .section-number { padding: 18px 0 18px 24px !important; }
  .section-heading-wrap { padding: 18px 24px 18px 0 !important; align-items: flex-start !important; }
  .section-heading-wrap h2 { font-size: 28px !important; line-height: 1.08 !important; }
  .section-heading-wrap > span { display: none !important; }
  .section-body { padding-left: 24px !important; padding-right: 24px !important; padding-top: 48px !important; padding-bottom: 60px !important; }
  .stack-grid, .contact-layout { grid-template-columns: 1fr !important; gap: 38px !important; }
  .split-border { border-right: 0 !important; border-bottom: 1px solid var(--rule) !important; padding-bottom: 38px !important; }
  .split-pad-left { padding-left: 0 !important; }
  .split-pad-right { padding-right: 0 !important; }
  .build-row { grid-template-columns: 44px minmax(0,1fr) !important; gap: 12px 18px !important; }
  .build-row > :nth-child(3) { grid-column: 2 !important; }
  .question-row { grid-template-columns: 44px minmax(0,1fr) !important; }
  .data-row { grid-template-columns: 130px minmax(0,1fr) !important; }
  .dark-bridge { padding: 62px 24px !important; }
  .contact-layout { padding: 48px 24px 64px !important; }
  .contact-form { grid-template-columns: 1fr !important; }
  .contact-form > label, .contact-form > div { grid-column: 1 !important; }
  .site-footer { padding: 36px 24px !important; align-items: flex-start !important; }
  .site-footer > div:last-child { gap: 14px !important; flex-direction: column !important; }
}
@media (max-width: 560px) {
  .hero { padding-top: 52px !important; }
  .hero-title { font-size: clamp(48px, 13.4vw, 62px) !important; letter-spacing: -.05em !important; }
  .hero-actions a { width: 100%; justify-content: space-between; }
  .hero-actions > span { font-size: 10px !important; }
  .section-heading-wrap h2 { font-size: 24px !important; }
  .data-row { grid-template-columns: 104px minmax(0,1fr) !important; gap: 16px !important; }
  .data-row > :last-child { font-size: 17px !important; }
  .build-row { grid-template-columns: 34px minmax(0,1fr) !important; }
  .build-row h3 { font-size: 21px !important; }
  .dark-bridge h2 { font-size: 42px !important; }
  .contact-copy > p { font-size: 23px !important; }
  .site-footer img { width: 120px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}