#main { margin-bottom: 0; }

.ft {
  --ft-bg: #0d0b08;
  --ft-card: #171512;
  --ft-text: #f5efe6;
  --ft-dim: rgba(245,239,230,0.5);
  position: relative; display: block; clear: both;
  isolation: isolate;
  margin: 0; padding: 48px 12px 12px; border: 0;
  background: var(--ft-bg); color: var(--ft-text); overflow: hidden;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px; font-weight: 400; line-height: 1.3; letter-spacing: -0.01em;
  text-align: left; text-transform: none;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.ft *, .ft *::before, .ft *::after { box-sizing: border-box; }
.ft p, .ft span, .ft a, .ft nav, .ft div { font-family: inherit; letter-spacing: inherit; text-transform: none; }
.ft p { margin: 0; padding: 0; font-size: inherit; line-height: inherit; color: inherit; max-width: none; }
.ft img { max-width: none; }

.ft-card {
  position: relative; z-index: 1; margin: 0;
  display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 4fr) auto; grid-template-rows: 1fr auto;
  column-gap: 40px; row-gap: 96px; min-height: 440px; padding: 40px;
  background: var(--ft-card); border-radius: 24px;
  box-shadow: inset 0 1px 0 rgba(255,250,240,0.07), inset 0 0 0 1px rgba(255,250,240,0.035);
}
.ft-lead { grid-column: 1; display: flex; flex-direction: column; align-items: flex-start; }
.ft .ft-brand {
  display: inline-flex; align-items: center; gap: 10px; color: var(--ft-text); text-decoration: none;
  font-size: 20px; font-weight: 600; letter-spacing: -0.02em;
}
.ft-brand img { display: block; width: 24px; height: 24px; filter: brightness(0) invert(0.94); }
.ft-pitch { margin-top: 56px; }
.ft .ft-pitch-h { color: var(--ft-text); font-weight: 500; }
.ft .ft-pitch-p { margin-top: 4px; color: rgba(245,239,230,0.52); }
.ft-ctas { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
.ft .ft-btn {
  display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 18px;
  border: 1px solid transparent; border-radius: 8px;
  background: #f5efe6; color: #0d0b08; font-size: 15px; font-weight: 500; line-height: 1; white-space: nowrap;
  text-decoration: none; cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.ft .ft-btn:hover { background: #fff; color: #0d0b08; }
.ft .ft-btn-ghost { background: transparent; color: var(--ft-text); border-color: rgba(245,239,230,0.24); }
.ft .ft-btn-ghost:hover { background: rgba(245,239,230,0.08); color: var(--ft-text); border-color: rgba(245,239,230,0.42); }
.ft .ft-btn:focus-visible { outline: 2px solid #f5efe6; outline-offset: 3px; }

.ft .ft-nav {
  position: static; inset: auto; width: auto; height: auto; z-index: auto; margin: 0; padding: 0;
  background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; transform: none;
  grid-column: 2 / 4; display: flex; align-items: flex-start; gap: clamp(56px, 6vw, 112px);
}
.ft-col { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.ft .ft-h { margin: 0 0 6px; color: var(--ft-dim); font-weight: 400; }
.ft .ft-h-gap { margin-top: 28px; }
.ft .ft-col a, .ft .ft-legal a, .ft .ft-legal .opc-reopen {
  color: var(--ft-text); font-size: 15px; font-weight: 500; text-decoration: none; transition: color 0.2s ease;
}
.ft .ft-col a:hover, .ft .ft-legal a:hover, .ft .ft-legal .opc-reopen:hover { color: rgba(245,239,230,0.6); }
.ft .ft-col a:focus-visible, .ft .ft-legal a:focus-visible, .ft .ft-brand:focus-visible { outline: 2px solid var(--ft-text); outline-offset: 3px; border-radius: 2px; }
.ft .ft-col a[href="/deployments"] { display: none; }
.ft .ft-ctas a[href="/talk-to-an-engineer"], .ft .ft-ctas a[href="/deployments"] { display: none; }
.ft-base { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: end; }
.ft .ft-copy { grid-column: 1; color: var(--ft-dim); }
.ft-legal { grid-column: 2; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.ft .ft-made { grid-column: 3; justify-self: end; color: var(--ft-dim); white-space: nowrap; }
.ft .ft-made b { color: var(--ft-text); font-weight: 500; }
.ft-flag { display: inline-block; width: 19px; height: 10px; margin-left: 7px; vertical-align: -1px; }

@media (max-width: 1280px) {
  .ft-card { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) auto; }
}
@media (max-width: 880px) {
  .ft { padding: 40px 8px 8px; }
  .ft-card {
    grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: none;
    row-gap: 48px; min-height: 0; padding: 28px 24px 24px; border-radius: 20px;
  }
  .ft-lead { grid-column: 1 / -1; }
  .ft-pitch { margin-top: 40px; }
  .ft .ft-nav { grid-column: 1 / -1; }
  .ft-base { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
  .ft-legal { order: 1; } .ft .ft-made { order: 2; } .ft .ft-copy { order: 3; margin-top: 12px; }
  .ft .ft-col a, .ft .ft-legal a { padding: 3px 0; }
}
@media (max-width: 400px) {
  .ft .ft-btn { flex: 1 1 100%; }
}