.workspace-overview{max-width:1200px;margin:auto;padding:64px 28px 80px;color:var(--ink)}
.overview-hero{text-align:center;max-width:800px;margin:0 auto 65px}.overview-hero h1{font-size:clamp(3rem,6vw,5rem);line-height:1.03;letter-spacing:-.065em;margin:24px 0}.overview-hero h1 em{font-style:normal;color:var(--green)}.overview-hero>p{font-size:1.1rem;line-height:1.8;color:var(--muted);max-width:690px;margin:0 auto 25px}.overview-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.overview-pills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px;font-size:.75rem;color:var(--muted)}.overview-pills span{border:1px solid var(--line);padding:7px 12px;border-radius:25px}
.overview-preview-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.75rem;color:var(--muted);margin-bottom:24px}.overview-preview-label>span:first-child{font-size:1.4rem;color:var(--green)}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.overview-feature{min-width:0}.overview-shot{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white);box-shadow:0 14px 45px #17251e0b;pointer-events:none;user-select:none}.shot-bar{display:flex;gap:5px;align-items:center;background:var(--sage);padding:13px 16px;border-bottom:1px solid var(--line)}.shot-bar>i{width:7px;height:7px;border-radius:50%;background:var(--muted);opacity:.35}.shot-bar>span{font-size:.65rem;font-weight:650;margin-left:12px}.shot-content{min-height:305px;padding:20px}.shot-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:.85rem}.shot-toolbar>span{font-size:.65rem;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:7px 10px}.shot-note{font-size:.65rem;line-height:1.6;color:var(--muted);margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
.overview-description{padding:23px 5px 0}.overview-description h2{font-size:1.6rem;line-height:1.2;margin:12px 0}.overview-description p{color:var(--muted);line-height:1.8;font-size:.9rem;margin:0}.overview-description .eyebrow{font-size:.62rem}
.shot-chat{display:grid;grid-template-columns:125px minmax(0,1fr);min-height:305px}.shot-chat aside{background:var(--paper);border-right:1px solid var(--line);padding:20px 10px;display:flex;flex-direction:column;gap:15px;font-size:.65rem}.shot-chat aside>b{font-size:.7rem;margin-bottom:8px}.shot-chat aside>.selected{padding:8px;border-radius:6px;background:var(--sage);color:var(--green)}.shot-chat-main{padding:20px 16px;min-width:0}.shot-channel{display:flex;flex-direction:column;gap:3px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:.8rem}.shot-channel>span{font-size:.6rem;color:var(--muted)}.shot-message{margin:14px 0;font-size:.68rem;line-height:1.6}.shot-message p{margin:5px 0}.shot-attachment{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:10px;border-radius:8px;font-size:.68rem}.shot-attachment>span{font-size:1.4rem;color:var(--green)}.shot-attachment small{display:block;color:var(--muted);font-size:.58rem;margin-top:3px}.shot-compose{display:flex;justify-content:space-between;gap:6px;margin-top:18px;border:1px solid var(--line);border-radius:18px;padding:10px;color:var(--muted);font-size:.6rem}
.shot-file{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0;font-size:.68rem}.shot-file>span:first-child{font-size:1.5rem;color:var(--green)}.shot-file>div{min-width:0}.shot-file b{display:block;overflow-wrap:anywhere}.shot-file small{display:block;font-size:.58rem;color:var(--muted);margin-top:5px}.shot-context{margin-left:auto;color:var(--green);font-size:.6rem;text-align:right;max-width:40%}
.shot-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.shot-board>div{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 8px;min-height:210px}.shot-board>div>b{font-size:.62rem;display:block;margin-bottom:14px}.shot-task{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:.65rem}.shot-task>span{display:block;color:var(--green);font-size:.52rem;margin-bottom:10px}.shot-task strong{display:block;font-weight:550;line-height:1.5}.shot-task small{display:block;color:var(--muted);font-size:.55rem;margin-top:15px}.shot-task.complete strong{text-decoration:line-through;color:var(--muted)}
.shot-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:20px}.shot-week>span{text-align:center;font-size:.75rem;padding:12px 4px;border:1px solid var(--line);border-radius:9px}.shot-week>.selected{background:var(--sage);border-color:var(--green);color:var(--green)}.shot-event{border-left:3px solid var(--green);background:var(--sage);border-radius:0 12px 12px 0;padding:14px;font-size:.8rem}.shot-event small{display:block;font-size:.65rem;color:var(--muted);margin:8px 0}.shot-event>div{display:flex;gap:8px}.shot-event>div>span{padding:5px 10px;border:1px solid var(--line);background:var(--white);border-radius:6px;font-size:.6rem}.shot-reminders{display:flex;justify-content:center;gap:25px;margin-top:20px;font-size:.75rem;color:var(--green)}
.shot-invite>span{font-size:.65rem}.shot-invite>div{margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:.75rem;color:var(--muted);display:flex;justify-content:space-between}.shot-divider{color:var(--muted);font-size:.65rem;text-align:center;margin:22px 0}.shot-copy{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;background:var(--sage);border-radius:8px;font-size:.65rem}.shot-copy>b{color:var(--green)}.shot-mail-icon{display:block;font-size:1.8rem;color:var(--green);margin-bottom:12px}.shot-mail h3{font-size:1rem;margin:0 0 10px}.shot-mail p,.shot-mail-reply{font-size:.68rem;line-height:1.7;color:var(--muted)}.shot-mail-reply{margin-top:15px;padding:10px;border-left:2px solid var(--green);background:var(--sage)}
.overview-end{text-align:center;background:var(--sage);border-radius:25px;padding:50px 28px;margin-top:65px}.overview-end h2{font-size:2rem}.overview-end p{max-width:650px;margin:0 auto 25px;color:var(--muted);line-height:1.8}
@media(max-width:800px){.overview-grid{grid-template-columns:1fr}.overview-shot{max-width:600px;margin:auto}.overview-description{max-width:600px;margin:auto}.workspace-overview{padding:40px 20px}.overview-hero{margin-bottom:40px}}
@media(max-width:420px){.shot-chat{grid-template-columns:95px minmax(0,1fr)}.shot-chat-main{padding:15px 10px}.shot-content{padding:16px 12px}.shot-board{gap:5px}.shot-board>div{padding:8px 5px}.shot-task{padding:8px 6px}}