:root { --ink:#1e2940; --green:#5066a2; --muted:#697387; --line:#e0e4ed; --paper:#fafbfe; }
.hero { grid-template-columns:1fr 1fr; }
.hero h1 { text-wrap:balance; }
.team-preview { min-width:0; border:1px solid var(--line); background:white; border-radius:19px; box-shadow:0 25px 70px -35px #8191b5; overflow:hidden; }
.team-preview-top { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding:20px; font-size:13px; font-weight:600; }
.team-preview-top i { margin-right:8px; color:var(--green); }
.team-preview-body { padding:28px; }
.team-preview-body h2 { font-size:27px; margin-bottom:25px; }
.team-preview-body .eyebrow { font-size:8px; }
.team-project { display:flex; gap:13px; align-items:center; padding:20px 15px; background:#f0f3fb; border:1px solid #e0e6f4; border-radius:12px; }
.team-project strong { font-size:14px; }
.team-project p { font-size:10px; line-height:1.7; color:var(--muted); margin:5px 0 0; }
.team-folder { color:var(--green); font-size:26px; }
.team-members { margin:14px 0; }
.team-members > div { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #eff1f5; font-size:12px; }
.avatar { width:33px; height:33px; display:grid; place-items:center; background:#f8ebd9; border-radius:50%; font-size:10px; font-weight:600; }
.avatar.mint { background:#e0eee5; }.avatar.lilac { background:#ece6f7; }
.team-members small { display:block; font-size:10px; color:var(--muted); margin-top:4px; }
.member-status { margin-left:auto; color:#327052; background:#edf6f0; padding:5px 8px; font-size:9px; border-radius:20px; }
.team-preview-bottom { display:flex; flex-wrap:wrap; gap:16px; padding-top:8px; font-size:9px; color:var(--muted); }.team-preview-bottom i { color:#327052; margin-right:4px; }
.team-plan-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:30px; }
.team-plan-grid article { padding:30px; background:white; border:1px solid var(--line); border-radius:15px; }
.team-plan-grid h3 { font-size:25px; letter-spacing:-.04em; margin:0 0 14px; font-weight:600; }
.team-plan-grid p:not(.eyebrow) { color:var(--muted); font-size:13px; line-height:1.9; margin-bottom:25px; }
.invite-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:22px; padding-bottom:22px; border:1px solid #d8e2f8; border-radius:12px; background:#eef3ff; }
.invite-banner strong { font-size:14px; }.invite-banner p { font-size:12px; color:var(--muted); margin:7px 0 0; }
@media(max-width:760px) { .hero { grid-template-columns:1fr; }.team-preview-body { padding:22px; }.team-plan-grid { grid-template-columns:1fr; }.invite-banner { margin:0 16px; flex-direction:column; align-items:flex-start; }.team-preview-top { padding:16px; font-size:11px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }