/* Teams uses the Cards palette with editorial photography and a clear sales path. */
body{background:#f7f8fc}
.site-header{background:transparent;border-color:transparent;backdrop-filter:none}
.site-header:not(.scrolled) .brand,.site-header:not(.scrolled) .desktop-nav a:not(.nav-cta){color:#fff}
.site-header:not(.scrolled) .brand img{filter:brightness(0) invert(1)}
.site-header:not(.scrolled) .desktop-nav a[aria-current],.site-header:not(.scrolled) .desktop-nav a:hover{color:#b8c7ff}
.site-header:not(.scrolled) .menu-toggle span{background:#fff}
.teams-hero{min-height:100svh;position:relative;display:flex;align-items:end;background:#111a33;color:#fff;overflow:hidden}
.teams-hero-image,.teams-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.teams-hero-image{object-fit:cover;object-position:center;animation:teams-image-in 1.8s ease-out both}
.teams-hero-shade{background:linear-gradient(90deg,rgba(5,11,28,.89),rgba(5,11,28,.61) 41%,rgba(5,11,28,.12) 74%),linear-gradient(0deg,rgba(5,11,28,.65),transparent 60%)}
.teams-hero-inner{position:relative;z-index:1;padding-top:160px;padding-bottom:clamp(68px,10vh,110px)}
.teams-hero .eyebrow{color:#b8c7ff}
.teams-hero h1{max-width:860px;margin:22px 0 27px;font-size:clamp(54px,6.4vw,91px);font-weight:600;letter-spacing:-.065em;line-height:1.02}
.teams-hero h1 em{font-style:normal;color:#b8c7ff}
.teams-hero-inner>p{max-width:575px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#e0e7f4}
.teams-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}
.action-primary,.action-ghost{min-height:51px;padding:14px 22px;display:inline-flex;justify-content:center;align-items:center;border-radius:10px;font-size:14px;font-weight:700;transition:background .3s,transform .4s cubic-bezier(.19,1,.22,1),box-shadow .3s}
.action-primary{background:#3147b8;color:#fff}
.action-primary:hover{background:#2238a8;transform:translateY(-3px);box-shadow:0 15px 30px rgba(49,71,184,.3)}
.action-ghost{border:1px solid rgba(235,242,255,.57);background:rgba(11,23,50,.28);color:#fff}
.action-ghost:hover{background:rgba(255,255,255,.15);transform:translateY(-3px)}
.teams-hero-note{display:flex;align-items:center;gap:12px;margin-top:58px;color:#d4def4;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.teams-hero-note span{width:3px;height:3px;border-radius:50%;background:#b8c7ff}
.teams-intro{display:grid;grid-template-columns:255px 1fr;gap:50px;padding-top:clamp(100px,12vw,160px);padding-bottom:clamp(95px,11vw,145px)}
.teams-intro .eyebrow{padding-top:13px}
.teams-intro h2{max-width:820px;font-size:clamp(44px,5.3vw,74px);line-height:1.04;letter-spacing:-.06em;font-weight:600}
.teams-intro p{max-width:625px;margin-top:28px;color:#526280;font-size:17px;line-height:1.7}
.teams-section-head{display:grid;grid-template-columns:255px 1fr;gap:50px;padding-bottom:39px;border-bottom:1px solid #cbd5ed}
.teams-section-head .eyebrow{padding-top:10px}
.teams-section-head h2{max-width:770px;font-size:clamp(37px,4.2vw,58px);font-weight:600;letter-spacing:-.055em;line-height:1.08}
.teams-cases{padding-bottom:clamp(100px,13vw,170px)}
#teams-use-cases{scroll-margin-top:100px}
.teams-case{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,110px);align-items:center;padding:clamp(65px,8vw,115px) 0;border-bottom:1px solid #cbd5ed}
.teams-case.reverse .case-image{order:2}
.case-image{position:relative;overflow:hidden;border-radius:22px;aspect-ratio:1.11;background:#dce3ef}
.case-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform 1s cubic-bezier(.19,1,.22,1)}
.teams-case:hover .case-image img{transform:scale(1.045)}
.case-copy{max-width:535px}
.case-index{color:#526bca;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.case-copy h3{margin:21px 0 23px;font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(35px,3.8vw,55px);font-weight:600;letter-spacing:-.06em;line-height:1.08}
.case-copy>p{font-size:16px;line-height:1.7;color:#526280}
.case-copy ul{list-style:none;padding:0;margin:31px 0;display:grid;gap:14px}
.case-copy li{display:flex;align-items:baseline;gap:13px;color:#425374;font-size:14px;line-height:1.5}
.case-copy li::before{content:'';flex:none;width:6px;height:6px;margin-top:6px;border:1.5px solid #536dde;transform:rotate(45deg)}
.case-copy>a{display:inline-flex;padding-bottom:7px;border-bottom:1px solid #95a8e4;color:#304db1;font-size:13px;font-weight:700;transition:transform .3s,color .3s}
.case-copy>a:hover{color:#2238a8;transform:translateX(4px)}
.teams-system{padding:clamp(55px,7vw,95px);background:#111a33;border-radius:22px;color:#fff;margin-bottom:clamp(100px,13vw,175px)}
.system-lead{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}
.system-lead .eyebrow{grid-column:1/-1;color:#98b7ff;margin-bottom:18px}
.system-lead h2{max-width:640px;font-size:clamp(42px,4.4vw,64px);font-weight:600;letter-spacing:-.06em;line-height:1.08}
.system-lead p{max-width:380px;color:#cad4e7;font-size:16px;line-height:1.7}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:68px}
.system-grid article{min-height:290px;padding:27px;background:#1b2a4e;border:1px solid #344568;border-radius:16px;transition:transform .4s,border-color .4s}
.system-grid article:hover{transform:translateY(-6px);border-color:#7890d8}
.system-grid span{color:#98b7ff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.system-grid h3{margin:56px 0 15px;font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(25px,2.2vw,32px);line-height:1.12;letter-spacing:-.045em}
.system-grid p{color:#cad4e7;font-size:14px;line-height:1.65}
.teams-workflow{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,7vw,105px);align-items:center;padding-bottom:clamp(105px,13vw,175px)}
.teams-workflow h2{max-width:500px;margin:21px 0;font-size:clamp(39px,4.5vw,62px);font-weight:600;letter-spacing:-.06em;line-height:1.08}
.teams-workflow p{max-width:470px;color:#526280;font-size:16px;line-height:1.65}
.teams-workflow a{display:inline-flex;margin-top:26px;padding-bottom:7px;border-bottom:1px solid #95a8e4;color:#304db1;font-size:13px;font-weight:700}
.workflow-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.workflow-logos>div{min-height:142px;border:1px solid #cbd5ed;border-radius:16px;background:#fff;display:grid;place-items:center;padding:25px}
.workflow-logos img{max-width:115px;max-height:61px;object-fit:contain}
.workflow-logos>div:nth-child(5) img{max-width:52px}
.teams-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,8vw,120px);padding-top:55px;padding-bottom:clamp(110px,13vw,170px);border-top:1px solid #cbd5ed}
.teams-faq h2{max-width:430px;margin-top:22px;font-size:clamp(40px,4.4vw,62px);font-weight:600;letter-spacing:-.06em;line-height:1.07}
.teams-faq article{padding:25px 0;border-bottom:1px solid #cbd5ed}
.teams-faq article:first-child{padding-top:0}
.teams-faq h3{font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(21px,2vw,28px);letter-spacing:-.045em;font-weight:600;line-height:1.2}
.teams-faq article p{margin-top:12px;color:#526280;font-size:15px;line-height:1.65}
.teams-close{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;margin-bottom:clamp(100px,12vw,155px)}
.security-section+.teams-close{margin-top:clamp(100px,12vw,155px)}
.teams-close h2{max-width:660px;margin:22px 0;font-size:clamp(44px,5vw,72px);font-weight:600;letter-spacing:-.06em;line-height:1.05}
.teams-close p{max-width:540px;color:#526280;font-size:16px;line-height:1.7}
.teams-close .action-ghost{background:#fff;color:#3147b8;border-color:#a8b4d0}
.teams-close .action-ghost:hover{background:#edf1fc}
.teams-close>img{width:100%;height:480px;object-fit:cover;border-radius:22px}
@keyframes teams-image-in{from{transform:scale(1.07)}to{transform:scale(1)}}
@media(max-width:900px){.teams-intro,.teams-section-head{grid-template-columns:1fr;gap:20px}.teams-case{gap:35px}.system-lead{grid-template-columns:1fr;gap:20px}.system-grid{gap:9px}.teams-workflow,.teams-faq{grid-template-columns:1fr;gap:35px}.teams-close{gap:30px}}
@media(max-width:700px){.teams-hero-inner{padding-top:125px;padding-bottom:70px}.teams-hero h1{font-size:clamp(47px,11vw,67px)}.teams-hero-image{object-position:66% center}.teams-hero-shade{background:linear-gradient(0deg,rgba(5,11,28,.95),rgba(5,11,28,.6) 55%,rgba(5,11,28,.25))}.teams-actions{flex-direction:column;align-items:stretch}.teams-hero-note{flex-wrap:wrap;margin-top:35px;line-height:1.6}.teams-intro{padding-top:90px;padding-bottom:90px}.teams-intro h2{font-size:clamp(42px,10vw,56px)}.teams-section-head h2{font-size:clamp(37px,9vw,52px)}.teams-case{grid-template-columns:1fr;gap:35px;padding:65px 0}.teams-case.reverse .case-image{order:0}.case-image{aspect-ratio:1.05}.case-copy h3{font-size:clamp(35px,9vw,48px)}.teams-system{padding:42px 24px}.system-grid{grid-template-columns:1fr;margin-top:38px}.system-grid article{min-height:0;padding:25px}.system-grid h3{margin-top:38px}.workflow-logos{grid-template-columns:repeat(2,1fr)}.workflow-logos>div{min-height:120px}.teams-faq{padding-top:36px}.teams-close{grid-template-columns:1fr}.teams-close>img{height:350px}}
@media(prefers-reduced-motion:reduce){.teams-hero-image{animation:none}.case-image img,.system-grid article{transition:none}}
