/* /teams/: Company mode for managers. Dark site palette; states use full frames or tints. */
.tm{--tm-panel:#121411;--tm-line:#2a2e28;--tm-live:#b29cff;--tm-amber:#f0a65a;--tm-review:#5dd3bf;--tm-done:#7fd8a0}
.tm h2{margin:0 0 22px}
.tm-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(32px,5vw,80px);align-items:center;padding-top:48px;padding-bottom:72px}
.tm-hero h1{max-width:17ch;margin:18px 0 22px}
.tm-hero h1 span{color:var(--accent)}
.tm-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0 0;font:13px/1.4 'JetBrains Mono',monospace;color:var(--muted)}
.tm-eyebrow span{padding:3px 10px;border:1px solid var(--accent);border-radius:999px;color:var(--accent)}
.tm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px}
.tm-link{color:var(--paper);font-weight:600;text-decoration:none;padding:12px 18px;border:1px solid var(--line);border-radius:2px}
.tm-link:hover{border-color:var(--accent)}
.tm-fine{margin:16px 0 0;font-size:14px;color:var(--dim)}

/* The phone: the real Company screen, drawn with demo data. */
.tm-phone{justify-self:center;width:min(100%,330px);padding:12px;border:1px solid #3a3f37;border-radius:44px;background:linear-gradient(160deg,#1c1f1a,#0d0e0c);box-shadow:0 40px 90px -30px rgba(127,216,160,.35),0 0 0 6px #0a0a0a}
.tm-phone-screen{display:grid;gap:9px;padding:18px 14px 20px;border-radius:34px;background:#0c0d0f;font:13px/1.35 'Instrument Sans',system-ui,sans-serif;color:#eceef1}
.tm-app-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.tm-app-head b{display:block;font-size:15px;font-weight:600}
.tm-app-head small{display:block;font:10px 'JetBrains Mono',monospace;color:#979ca5}
.tm-app-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #26282c;border-radius:8px;background:#141518;color:var(--accent);font-weight:700}
.tm-app-team{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;background:rgba(127,216,160,.16);color:#eceef1}
.tm-app-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tm-app-stats span{display:grid;gap:2px;padding:8px 10px;border:1px solid #26282c;border-radius:10px;background:#141518;font-size:11px;color:#979ca5}
.tm-app-stats b{font-size:22px;line-height:1;font-weight:600;color:#eceef1}
.tm-app-stats [data-kind=running] b{color:var(--tm-live)}
.tm-app-stats [data-kind=review] b{color:var(--tm-review)}
.tm-app-stats [data-kind=done] b{color:var(--tm-done)}
.tm-app-week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;align-items:end;height:54px;padding:8px 10px;border:1px solid #26282c;border-radius:10px;background:#141518}
.tm-app-week i{height:var(--h);border-radius:3px;background:rgba(127,216,160,.55)}
.tm-app-week i[data-today]{background:var(--tm-done)}
.tm-app-label{margin:4px 2px 0;font-size:12px;font-weight:600;color:var(--tm-live)}
.tm-app-label[data-kind=review]{color:var(--tm-review)}
.tm-app-task{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:8px 10px;border:1px solid #26282c;border-radius:10px;background:#141518}
.tm-app-task[data-kind=review]{border-color:rgba(93,211,191,.6)}
.tm-app-task b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500}
.tm-app-task small{display:block;font:10px 'JetBrains Mono',monospace;color:#979ca5}
.tm-app-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--c);color:#0c0d0f;font-weight:700;font-size:12px}

.tm-band{border-block:1px solid var(--line);background:var(--tm-panel)}
.tm-why{padding-top:64px;padding-bottom:64px}
.tm-pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.tm-pains li{display:grid;gap:8px;padding:22px;border:1px solid var(--tm-line);border-radius:12px;background:#0d0f0c}
.tm-pains b{font-size:19px;font-weight:600}
.tm-pains span{color:var(--muted);font-size:16px}
.tm-section{padding-top:80px}
.tm-kicker{margin:0 0 10px;font:13px 'JetBrains Mono',monospace;color:var(--accent)}
.tm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tm-card{padding:24px;border:1px solid var(--tm-line);border-radius:12px;background:var(--tm-panel)}
.tm-card h3{font-size:21px}
.tm-card p{margin:0;font-size:16px;color:var(--muted)}
.tm-office{margin:28px 0 0}
.tm-office img{display:block;width:100%;height:auto;border:1px solid var(--tm-line);border-radius:14px}
.tm-office figcaption{margin-top:10px;font-size:14px;color:var(--dim)}
.tm-privacy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.tm-privacy>div{padding:24px;border:1px solid var(--tm-line);border-radius:12px;background:var(--tm-panel)}
.tm-privacy dt{margin-bottom:10px;font-size:20px;font-weight:600}
.tm-privacy dd{margin:0;color:#cfccc4;font-size:16px}
.tm-privacy [data-kind=see]{border-color:rgba(127,216,160,.55)}
.tm-privacy [data-kind=see] dt{color:var(--accent)}
.tm-privacy [data-kind=choose]{border-color:rgba(240,166,90,.55)}
.tm-privacy [data-kind=choose] dt{color:var(--tm-amber)}
.tm-privacy [data-kind=never]{border-color:rgba(255,85,112,.5)}
.tm-privacy [data-kind=never] dt{color:#ff8a9d}
.tm-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.tm-steps li{display:grid;align-content:start;gap:8px;padding:22px;border:1px solid var(--tm-line);border-radius:12px}
.tm-steps span{font:13px 'JetBrains Mono',monospace;color:var(--accent)}
.tm-steps b{font-size:19px;font-weight:600}
.tm-steps p{margin:0;font-size:15px;color:var(--muted)}
.tm .company-pricing{margin-top:0}
.tm-faq{display:grid;gap:10px;max-width:880px}
.tm-faq details{padding:18px 22px;border:1px solid var(--tm-line);border-radius:12px;background:var(--tm-panel)}
.tm-faq summary{cursor:pointer;font-size:18px;font-weight:600}
.tm-faq details p{margin:12px 0 0;color:#cfccc4}
.tm-faq details[open]{border-color:rgba(127,216,160,.45)}
.tm-final{margin-top:90px;padding-top:56px;padding-bottom:56px;border:1px solid rgba(127,216,160,.4);border-radius:18px;background:radial-gradient(120% 140% at 0 0,rgba(127,216,160,.14),transparent 60%),var(--tm-panel);text-align:left}
.tm-final h2{margin:0 0 12px}
.tm-final p{color:var(--muted)}
@media(max-width:1000px){.tm-grid,.tm-privacy{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tm-hero{grid-template-columns:1fr;padding-top:28px}.tm-phone{width:min(100%,310px)}.tm-pains,.tm-grid,.tm-privacy,.tm-steps{grid-template-columns:1fr}.tm-section{padding-top:60px}.tm-final{margin-inline:16px}}