.hero{padding-top:calc(var(--nav-height) + 9rem);padding-bottom:0;position:relative;overflow:hidden}.hero__inner{position:relative}.hero__banner{align-items:center;gap:var(--space-8);font-size:var(--size-body);margin-bottom:var(--space-32);display:inline-flex}.hero__banner-dot{background:var(--accent-violet);border-radius:50%;width:8px;height:8px}.hero__banner-text{color:var(--text-primary)}.hero__banner-link{color:var(--text-muted);margin-left:var(--space-8);align-items:center;gap:4px;display:inline-flex}.hero__banner-link:hover{color:var(--text-primary)}.hero__title{font-size:var(--size-h1);letter-spacing:var(--tracking-h1);line-height:1.05;font-weight:var(--weight-medium);color:var(--text-primary);text-wrap:balance;max-width:22ch;margin:0}.hero__title>span{vertical-align:top}.hero__subtitle{margin:var(--space-24) 0 0 0;color:var(--text-secondary);white-space:nowrap;font-size:1.25rem}.hero__actions{gap:var(--space-12);margin-top:var(--space-40);display:flex}.hero__frame{margin-top:var(--space-80);aspect-ratio:16/10;opacity:.92;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.hero__frame .frame__shade{display:none}.hero__view{height:calc(100% - 1rem)}.hero__app{height:100%;color:var(--text-secondary);filter:saturate(.7);grid-template-columns:220px 1fr 320px;font-size:.8125rem;display:grid}.hero__app-sidebar{background:var(--bg-app-chrome);border-right:1px solid var(--border-subtle);padding:var(--space-16);gap:var(--space-16);flex-direction:column;display:flex}.hero__app-workspace{align-items:center;gap:var(--space-8);font-weight:var(--weight-strong);color:var(--text-primary);display:flex}.hero__app-avatar{background:var(--accent-violet);border-radius:6px;width:20px;height:20px}.hero__app-section-label{font-size:var(--size-mini);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:var(--space-8)}.hero__app-nav{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.hero__app-nav li{color:var(--text-secondary);border-radius:6px;justify-content:space-between;padding:6px 8px;display:flex}.hero__app-nav li.is-active{color:var(--text-primary);background:#0000000d}.hero__app-nav li span{color:var(--text-muted);font-size:var(--size-mini)}.hero__app-main{padding:var(--space-24);gap:var(--space-16);background:var(--bg-surface-3);flex-direction:column;display:flex}.hero__app-toolbar{align-items:center;gap:var(--space-12);font-size:var(--size-mini);display:flex}.hero__app-id{color:var(--text-muted);font-variant-numeric:slashed-zero}.hero__app-status{background:var(--accent-violet-bg);color:var(--accent-violet);border-radius:var(--radius-sm);font-weight:var(--weight-medium);padding:2px 8px}.hero__app-issue-title{font-size:1.25rem;font-weight:var(--weight-strong);color:var(--text-primary);letter-spacing:-.015em;margin:0}.hero__app-issue-body{color:var(--text-secondary);max-width:32rem;margin:0}.hero__app-activity{gap:var(--space-8);font-size:var(--size-mini);color:var(--text-secondary);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hero__app-activity em{color:var(--accent-violet);font-style:normal}.hero__app-meta{padding:var(--space-24);background:var(--bg-surface-2);border-left:1px solid var(--border-subtle);gap:var(--space-12);flex-direction:column;display:flex}.hero__app-meta-row{font-size:var(--size-mini);justify-content:space-between;display:flex}.hero__app-meta-row span{color:var(--text-muted)}.hero__app-meta-row strong{color:var(--text-primary);font-weight:var(--weight-medium)}.hero__app-ai{margin-top:var(--space-16);padding:var(--space-12);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-page)}.hero__app-ai-head{font-size:var(--size-mini);font-weight:var(--weight-strong);color:var(--accent-violet);margin-bottom:var(--space-8)}.hero__app-ai p{font-size:var(--size-mini);color:var(--text-secondary);margin:0}@media (width<=1024px){.hero__app{grid-template-columns:180px 1fr}.hero__app-meta{display:none}}@media (width<=768px){.hero{padding-top:calc(var(--nav-height) + 4rem)}.hero__app{grid-template-columns:1fr}.hero__app-sidebar,.hero__app-meta{display:none}.hero__frame{aspect-ratio:auto;min-height:360px}}