/* ══════════════════════════════════════════════════════════════════════
   /teach · the signed-out teacher landing (#gate), Signal redesign.
   Scoped to #gate so the teacher workspace below keeps its own layer.
   ══════════════════════════════════════════════════════════════════════ */
#gate { padding: clamp(24px, 5vw, 64px) 0 clamp(56px, 7vw, 96px); }
#gate .tg-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
#gate .tg-hero-copy { display: grid; gap: 22px; justify-items: start; }
#gate .tg-hero-copy .ds-h1 { margin: 0; }
#gate .tg-trust { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; margin: 0; padding: 0; font-size: .9375rem; font-weight: 550; color: var(--ds-ink-2); }
#gate .tg-trust li { display: inline-flex; align-items: center; gap: 7px; }
#gate .tg-trust .ds-ico { width: 16px; height: 16px; color: var(--ds-mint); stroke-width: 2.4; }
#gate .tg-hero-vis { display: grid; gap: 14px; }
#gate .tg-shot { margin: 0; overflow: hidden; background: var(--ds-stage); }
#gate .tg-shot .ds-shot { width: 100%; height: auto; }
#gate .tg-shot--lobby { width: 86%; }
#gate .tg-shot--reveal { width: 94%; justify-self: end; margin-top: -48px; box-shadow: var(--ds-shadow-3); }
@media (max-width: 900px) { #gate .tg-shot--lobby, #gate .tg-shot--reveal { width: 100%; margin-top: 0; } }
#gate .tg-points { list-style: none; margin: clamp(48px, 6vw, 80px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
#gate .tg-points .gate-point { display: grid; gap: 14px; align-content: start; padding: 22px; border-radius: 22px; }
#gate .tg-points .gate-point > .ds-ico { width: 42px; height: 42px; padding: 10px; border-radius: 13px; background: var(--ds-accent-soft); color: var(--ds-accent-ink); }
#gate .tg-points b { display: block; margin-bottom: 4px; font-family: var(--ds-font-display); font-size: 1.0625rem; font-weight: 650; letter-spacing: -.015em; color: var(--ds-ink); }
#gate .tg-points span { font-size: .9rem; line-height: 1.55; color: var(--ds-ink-2); }
@media (max-width: 980px) { #gate .tg-hero { grid-template-columns: minmax(0, 1fr); } #gate .tg-points { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { #gate .tg-points { grid-template-columns: minmax(0, 1fr); } #gate .ds-actions { flex-direction: column; align-items: stretch; width: 100%; } #gate .ds-actions .ds-btn { width: 100%; white-space: normal; } }

/* Inside the workspace the footer is a quiet line, not a landing-page footer. */
body.workspace-ready .ds-footer { padding: 20px 0; border-top: 1px solid var(--ds-line); }
body.workspace-ready .ds-footer :is(.ds-footer-top, .ds-footer-subjects, .ds-footer-mark) { display: none; }
body.workspace-ready .ds-footer .ds-footer-bottom { margin: 0; padding: 0; border: 0; }