.team-page { --team-muted: #63705d; }
.team-page main { overflow: clip; }
.team-downloads { display: flex; flex-wrap: wrap; gap: 12px; }
.team-requirements [data-team-only], .team-steps [data-team-only], .team-help [data-team-only] { display: block; }
.team-steps [data-team-only] + [data-team-only], .team-help [data-team-only] + [data-team-only] { margin-top: 10px; }
html[data-team-platform="ios"] [data-team-only="android"],
html[data-team-platform="android"] [data-team-only="ios"] { display: none !important; }
html[data-team-platform="android"] .team-page [data-team-only="android"] { margin-top: 0; }
.team-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 6vw; min-height: min(900px, 100svh); padding: 134px max(6vw, 24px) 64px; background: var(--forest); color: var(--white); }
.team-hero-photo { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.team-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(17,33,20,.95), rgba(17,33,20,.83) 48%, rgba(17,33,20,.48)); }
.team-hero-copy { max-width: 700px; }
.team-hero .eyebrow { color: #c0cdb6; margin: 0 0 24px; }
.team-hero h1 { font-size: clamp(56px, 7.8vw, 112px); font-weight: 400; line-height: .98; letter-spacing: -.065em; margin: 0; white-space: nowrap; }
.team-hero h1 em, .team-workday h2 em, .team-install h2 em, .team-final h2 em { font-family: var(--serif); font-weight: 400; }
.team-hero h1 em { color: #c0cdb6; }
.team-promise { font-size: clamp(23px, 2.5vw, 35px); line-height: 1.2; letter-spacing: -.035em; margin: 30px 0 20px; }
.team-intro { max-width: 430px; font-size: 16px; line-height: 1.7; color: #e0e5dc; }
.team-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 30px; }
.team-download { gap: 26px; min-height: 56px; font-size: 14px; letter-spacing: 0; }
.team-download .icon { display: inline-flex; width: 19px; }
.team-download svg { width: 19px; height: 19px; }
.team-hero .team-download { background: var(--ivory); color: var(--forest); }
.team-hero .team-download:hover { background: #c0cdb6; }
.team-install-link { min-height: 48px; display: inline-flex; align-items: center; gap: 10px; font-size: 13px; text-decoration: underline; text-underline-offset: 6px; }
.team-install-link .icon { display: inline-flex; width: 17px; }
.team-install-link svg { width: 17px; height: 17px; }
.team-requirements { color: #cbd5c5; font-size: 12px; max-width: 370px; margin: 20px 0 0; }
.team-hero-visual { margin: 0; display: grid; justify-content: center; }
.team-phone { width: min(26vw, 275px, calc(66svh * .46)); overflow: hidden; border: 7px solid #19221a; border-radius: 35px; box-shadow: 0 30px 65px #07100855; background: var(--ivory); transform: rotate(4deg); }
.team-phone img { width: 100%; height: auto; display: block; }
.team-workday { display: grid; grid-template-columns: .85fr 1.15fr; gap: 10vw; padding-top: 110px; padding-bottom: 110px; align-items: start; }
.team-workday-screen { display: flex; justify-content: center; position: sticky; top: 115px; }
.team-phone-dark { width: min(100%, 265px); transform: rotate(-3deg); box-shadow: 0 25px 50px #21332125; }
.team-workday-copy { padding-top: 32px; max-width: 620px; }
.team-workday h2, .team-install h2, .team-final h2 { font-size: clamp(38px, 4.5vw, 66px); font-weight: 400; line-height: 1.03; letter-spacing: -.055em; margin: 18px 0 35px; }
.team-features { margin: 0; }
.team-features > div { padding: 24px 0; border-top: 1px solid var(--line); }
.team-features dt { display: flex; align-items: center; gap: 14px; font-size: 19px; font-weight: 600; letter-spacing: -.02em; }
.team-features dt .icon { width: 23px; height: 23px; display: inline-flex; flex: 0 0 23px; }
.team-features dt svg { width: 23px; height: 23px; }
.team-features dd { margin: 12px 0 0 37px; color: var(--team-muted); max-width: 440px; font-size: 15px; line-height: 1.8; }
.team-install { position: relative; scroll-margin-top: 90px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 30px 8vw; padding-top: 85px; padding-bottom: 85px; background: #e8eddf; }
.team-install-heading > p:last-child { max-width: 340px; font-size: 15px; color: #4b5d43; }
.team-steps { list-style: none; margin: 0; padding: 0; grid-column: 2; grid-row: 1 / 3; }
.team-steps li { display: flex; gap: 24px; padding: 26px 0; border-top: 1px solid var(--line); }
.team-steps li > span { font-size: 12px; font-variant-numeric: tabular-nums; padding-top: 5px; color: #586b4d; }
.team-steps h3 { margin: 0 0 12px; font-size: 22px; font-weight: 500; letter-spacing: -.035em; }
.team-steps p { font-size: 15px; line-height: 1.8; margin: 0; color: #4b5d43; }
.team-qr { display: flex; align-items: center; gap: 20px; max-width: 330px; }
.team-qr img { width: 100px; height: 100px; }
.team-qr p { font-size: 13px; max-width: 100px; }
.team-help { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8vw; padding-top: 85px; padding-bottom: 85px; }
.team-help h2 { font-size: 30px; font-weight: 400; letter-spacing: -.035em; margin: 0; }
.team-help details { border-top: 1px solid var(--line); padding: 23px 0; }
.team-help details:last-child { border-bottom: 1px solid var(--line); }
.team-help summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 20px; cursor: pointer; font-size: 16px; min-height: 30px; }
.team-help summary::-webkit-details-marker { display: none; }
.team-help summary::after { content: "+"; font-size: 23px; font-weight: 400; transition: transform .2s ease; }
.team-help details[open] summary::after { transform: rotate(45deg); }
.team-help details p { color: var(--team-muted); font-size: 15px; line-height: 1.8; margin: 18px 30px 0 0; }
.team-help details a { text-decoration: underline; text-underline-offset: 3px; }
.team-final { padding-top: 60px; padding-bottom: 80px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.team-final h2 { margin-bottom: 0; }
.team-final > div:last-child { display: grid; justify-items: start; gap: 20px; }
.team-privacy-link { font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.team-hero-copy > * { animation: team-arrive .7s cubic-bezier(.2,.7,.2,1) both; }
.team-hero-copy > :nth-child(2) { animation-delay: .06s; }
.team-hero-copy > :nth-child(3) { animation-delay: .12s; }
.team-hero-copy > :nth-child(4) { animation-delay: .18s; }
.team-hero-copy > :nth-child(5) { animation-delay: .24s; }
.team-hero-copy > :nth-child(6) { animation-delay: .28s; }
.team-hero-visual { animation: team-arrive .9s .18s cubic-bezier(.2,.7,.2,1) both; }
@keyframes team-arrive { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 850px) {
  .team-hero { min-height: 690px; padding-top: 125px; padding-bottom: 70px; grid-template-columns: 1.3fr .7fr; gap: 30px; }
  .team-hero h1 { font-size: clamp(45px, 7.8vw, 70px); }
  .team-phone { border-width: 5px; border-radius: 26px; }
  .team-workday { gap: 7vw; padding-top: 80px; padding-bottom: 80px; }
  .team-features dt { font-size: 17px; }
  .team-install, .team-help { gap: 35px; }
}
@media (max-width: 600px) {
  .team-hero { display: flex; align-items: center; min-height: min(760px, 100svh); padding: 125px 24px 70px; }
  .team-hero::before { background: linear-gradient(90deg, rgba(17,33,20,.94), rgba(17,33,20,.68)); }
  .team-hero h1 { font-size: clamp(48px, 13.3vw, 76px); }
  .team-hero-visual { display: none; }
  .team-actions { gap: 12px; align-items: flex-start; flex-direction: column; }
  .team-requirements { max-width: 290px; margin-top: 14px; }
  .team-promise { margin-top: 24px; font-size: 28px; }
  .team-workday { display: flex; flex-direction: column-reverse; gap: 45px; padding: 60px 24px 70px; }
  .team-workday-copy { padding-top: 0; }
  .team-workday-screen { position: static; width: 100%; }
  .team-phone-dark { width: 220px; }
  .team-features dd { margin-left: 0; }
  .team-install, .team-help { display: block; padding: 60px 24px; }
  .team-steps { margin-top: 35px; }
  .team-qr { display: none; }
  .team-help h2 { margin-bottom: 30px; }
  .team-final { flex-direction: column; align-items: flex-start; padding: 50px 24px 60px; }
  .team-final h2 { font-size: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .team-page { scroll-behavior: auto; }
  .team-hero-copy > *, .team-hero-visual { animation: none; }
  .team-page .button, .team-help summary::after { transition: none; }
  .team-page .button:hover { transform: none; }
}