.demo-header{max-width:1160px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.demo-header img{width:130px}.demo-shell{max-width:1100px;margin:30px auto;padding:0 32px}.demo-shell h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:24px 0}.demo-intro{max-width:620px;font-size:18px;color:var(--muted);line-height:1.6}.demo-notice{font-size:12px;color:var(--muted);margin-bottom:36px}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.demo-roles{display:flex;padding:5px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff04}.demo-roles button{border:0;background:transparent;padding:11px 18px;border-radius:9px;color:var(--muted);cursor:pointer}.demo-roles button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}.demo-project{padding:34px;border:1px solid #ffffff19;border-radius:24px;background:linear-gradient(135deg,#ffffff07,#ffffff02);box-shadow:0 16px 70px #0003}.demo-project h2{font-size:30px;letter-spacing:-.04em;margin:16px 0 8px}.demo-project>p,.demo-next p,.demo-entry-grid p,.demo-capabilities p{color:var(--muted);line-height:1.65}.demo-progress{display:flex;list-style:none;padding:0;margin:30px 0;gap:12px}.demo-progress li{flex:1;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:12px}.demo-progress span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff20;border-radius:50%}.demo-progress .reached span{color:var(--accent-light);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.demo-progress [aria-current] span{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 18%,transparent)}.demo-next{padding:24px;border-radius:18px;background:#0003;border:1px solid #ffffff0c}.demo-next small{font-size:10px;letter-spacing:.12em;color:var(--accent-light)}.demo-next h3{font-size:23px;letter-spacing:-.03em;margin:12px 0}.demo-next .button{margin:8px 8px 0 0}.demo-project details{margin:22px 0;color:var(--muted);font-size:14px;line-height:1.6}.demo-crew{display:flex;gap:14px;align-items:center;border-top:1px solid #ffffff10;padding-top:20px}.demo-avatar{width:42px;height:42px;border-radius:14px;background:#ffffff08;display:grid;place-items:center;font-size:12px}.demo-crew p{font-size:12px;color:var(--muted);margin:5px 0}.demo-delivery{margin-top:20px;padding:18px;border:1px solid #ffffff15;border-radius:14px}.demo-delivery small{color:var(--muted)}.demo-start,.demo-capabilities{margin-top:55px}.demo-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-entry-grid article{padding:24px;border:1px solid #ffffff16;border-radius:18px;background:#ffffff03;display:flex;flex-direction:column;align-items:flex-start}.demo-entry-grid p{font-size:14px;flex:1}.demo-entry-grid h3{margin:0;font-size:18px}.demo-capabilities{padding:26px;border:1px solid #ffffff15;border-radius:18px}.demo-footer{text-align:center;color:var(--muted);font-size:12px;padding:40px 20px}@media(max-width:600px){.demo-header{padding:22px}.demo-shell{padding:0 20px;margin-top:20px}.demo-intro{font-size:16px}.demo-project{padding:22px 18px}.demo-project h2{font-size:25px}.demo-entry-grid{grid-template-columns:1fr}.demo-toolbar{flex-wrap:wrap}.demo-roles{width:100%;justify-content:center}.demo-toolbar>.button{margin-left:auto}.demo-progress{gap:6px}.demo-progress li{font-size:10px}.demo-next{padding:18px}.demo-next .button{width:100%;margin-right:0}.demo-shell>h1,.demo-shell>.eyebrow,.demo-intro,.demo-notice{text-align:center}}
:root[data-workspace=team] .demo-header img{filter:grayscale(1) brightness(3)}
.demo-project{animation:demo-arrive .22s ease-out both}
@keyframes demo-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.demo-project{animation:none}}