/* For teams on the home page (2026-10-15): the teams page in one section. The console and the three points reuse
   teams.css (.tm-console, .tm-grid, .tm-three); this file only places them and sizes the type for the home page. */
.s-teams { position: relative; display: block; min-height: 0; padding: 140px 0 14vh; background: #000; }
.s10wrap { width: min(1080px, calc(100vw - 48px)); margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.s-teams .s2head p { font-size: clamp(16px, 1.2vw, 19px); }
.s-teams .tm-console { width: 100%; margin-top: 64px; }
.s-teams .s2note { align-self: center; }
.s-teams .tm-three { width: 100%; margin-top: 64px; }
.s-teams .tm-three h3 { font-size: clamp(22px, 1.9vw, 28px); color: #edede8; }
.s-teams .tm-three p { font-size: 17px; color: rgba(237,237,232,.62); }
@media (max-width: 900px) { .s-teams { padding: 104px 0 12vh; } .s-teams .s2ctas { flex-wrap: wrap; } }

/* "Talk to us" opens the pilot form in place (s10.js). The form rules are the teams page's (page.css), scoped here. */
.s2ctas button { font: inherit; cursor: pointer; border: 0; display: inline-flex; align-items: center; height: 46px; padding: 0 24px; border-radius: 999px;
  font-family: var(--text); font-size: 14.5px; font-weight: 500; transition: background .3s, box-shadow .3s; }
.s2ctas button.pri { background: #edede8; color: #070708; }
.s2ctas button.pri:hover { background: #fff; box-shadow: 0 0 0 5px rgba(237,237,232,.08); }
.tm-talk { width: 100%; max-width: 720px; box-sizing: border-box; margin-top: 44px; padding: 36px 40px 34px; border-radius: 22px; overflow: hidden;
  background: linear-gradient(180deg, rgba(237,237,232,.05), rgba(237,237,232,.015)); border: 1px solid rgba(237,237,232,.12);
  transition: height .5s cubic-bezier(.16,1,.3,1), opacity .4s ease; }
.tm-talk h3 { margin: 0 0 10px; font-family: var(--display); font-weight: 300; font-size: clamp(28px, 2.4vw, 38px); color: #edede8; }
.tm-talk > p { margin: 0; font-size: 16.5px; line-height: 1.6; color: rgba(237,237,232,.62); }
.s-teams .pg-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 28px; }
.s-teams .pg-form label { display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; color: rgba(237,237,232,.62); }
.s-teams .pg-form label.wide { grid-column: 1 / -1; }
.s-teams .pg-form input, .s-teams .pg-form select, .s-teams .pg-form textarea { font: inherit; font-size: 15.5px; color: #edede8; background: rgba(237,237,232,.03);
  border: 1px solid rgba(237,237,232,.14); border-radius: 10px; padding: 12px 14px; outline: none; }
.s-teams .pg-form textarea { min-height: 110px; resize: vertical; }
.s-teams .pg-form input:focus, .s-teams .pg-form select:focus, .s-teams .pg-form textarea:focus { border-color: rgba(237,237,232,.45); }
.s-teams .pg-form select option { background: #0b0b0c; }
.s-teams .pg-form .row { grid-column: 1 / -1; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 6px; }
.s-teams .pg-form .fine { font-size: 13px; color: rgba(237,237,232,.42); }
.s-teams .pg-form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.s-teams .pg-form.sending button { opacity: .6; cursor: progress; }
.s-teams .pg-form .form-err { grid-column: 1 / -1; margin: 0; font-size: 14px; color: #ff6b7d; }
.s-teams .pg-btn { display: inline-flex; align-items: center; height: 48px; padding: 0 26px; border-radius: 999px; font: inherit; font-size: 15px; font-weight: 500; cursor: pointer;
  background: #edede8; color: #070708; border: 1px solid #edede8; }
.s-teams .pg-btn:hover { background: #fff; }
.s-teams .form-done { margin: 26px 0 0; font-size: 17px; line-height: 1.6; color: #edede8; }
.s-teams .pg-privacy { margin: 22px 0 0; font-size: 13px; line-height: 1.6; color: rgba(237,237,232,.42); }
.s-teams .pg-privacy b { font-weight: 500; color: rgba(237,237,232,.62); } .s-teams .pg-privacy a { color: rgba(237,237,232,.62); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) { .tm-talk { padding: 26px 20px; } .s-teams .pg-form { grid-template-columns: 1fr; } }