.feature-showcase{width:70%;margin:0 auto;padding:2rem 1rem 6rem}.feature-showcase-header{text-align:center;margin-top:10rem;margin-bottom:2rem}.feature-showcase-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-orange,#e59d23);font-size:11px;font-weight:700}.feature-showcase-title{color:var(--color-text-primary,#0b1024);margin-top:6px;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.feature-showcase-subtitle{color:var(--color-text-secondary,#666);margin-top:4px;font-size:14px}.tabs-container{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:1.5rem;display:flex}.tab-btn{border:1.5px solid var(--color-border,#e5e7eb);cursor:pointer;color:#555;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{background:var(--color-orange,#e59d23);color:#fff;border-color:var(--color-orange,#e59d23)}.tab-btn:hover:not(.active){border-color:var(--color-orange,#e59d23);color:var(--color-orange,#e59d23)}.pane{display:none}.pane.active{display:block}.screen{background:var(--color-card-bg,#f9fafb);border:1px solid var(--color-border,#e5e7eb);border-radius:14px;overflow:hidden}.screen-bar{background:var(--color-background,#fff);border-bottom:1px solid var(--color-border,#e5e7eb);align-items:center;gap:8px;padding:10px 16px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.screen-title{color:#888;margin-left:8px;font-family:monospace;font-size:12px}.pill{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-green{color:#3b6d11;background:#eaf3de}.pill-ora{color:#854f0b;background:#faeeda}.pill-blue{color:#0c447c;background:#e6f1fb}.pill-purple{color:#3c3489;background:#eeedfe}.online-status{margin-left:auto}.pane-content{padding:16px}.reports-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.reports-label{letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:3px;font-size:11px;font-weight:700}.reports-sub{color:var(--color-text-secondary,#666);font-size:12px}.metrics-container{flex-direction:column;gap:4px;display:flex}.metric-row{align-items:center;gap:10px;padding:8px 0;display:flex}.metric-label{color:#555;flex-shrink:0;width:180px;font-family:monospace;font-size:12px}.bar-track{background:#e5e7eb;border-radius:4px;flex:1;height:6px;overflow:hidden}.bar-fill{border-radius:4px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.bar-fill.animate{animation:1.2s cubic-bezier(.4,0,.2,1) forwards barIn}@keyframes barIn{0%{width:0}to{width:var(--w,100%)}}.metric-pct{text-align:right;flex-shrink:0;width:38px;font-size:12px;font-weight:700}.priority-focus{background:#faeeda;border:1px solid #f0c070;border-radius:10px;margin-top:14px;padding:12px}.priority-focus-label{text-transform:uppercase;letter-spacing:.08em;color:#854f0b;margin-bottom:4px;font-size:11px;font-weight:700}.priority-focus-text{color:#633806;font-size:13px;line-height:1.5}.chat-container{flex-direction:column;gap:10px;min-height:260px;max-height:400px;padding:16px;display:flex;overflow-y:auto}.chat-message-wrapper{align-items:flex-start;gap:8px;display:flex}.chat-message-wrapper.user-wrapper{flex-direction:row-reverse}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.avatar-ai{background:var(--color-orange,#e59d23)}.avatar-user{background:var(--color-purple,#73323f)}.avatar-small{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.chat-msg{border:1px solid var(--color-border,#e5e7eb);color:#333;background:#fff;border-radius:12px;max-width:85%;padding:10px 14px;font-size:13px;line-height:1.5}.chat-msg.ai{border-radius:4px 12px 12px}.chat-msg.user{background:var(--color-orange,#e59d23);color:#fff;border-color:var(--color-orange,#e59d23);border-radius:12px 4px 12px 12px;margin-left:auto}.chat-msg.user strong{color:#fff}.typing-indicator{align-items:center;gap:4px;min-height:40px;padding:10px 14px;display:flex}.typing-dot{background:#888;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-input-container{border-top:1px solid var(--color-border,#e5e7eb);gap:8px;padding:12px 16px;display:flex}.chat-input{border:1px solid var(--color-border,#e5e7eb);background:var(--color-background,#fff);color:var(--color-text-primary,#0b1024);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px}.chat-input:focus{border-color:var(--color-orange,#e59d23)}.chat-send-btn{background:var(--color-orange,#e59d23);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .2s}.chat-send-btn:hover:not(:disabled){opacity:.85}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.community-container{gap:12px;padding:16px;display:flex}.community-posts{flex-direction:column;flex:1;gap:10px;display:flex}.community-post{background:var(--color-background,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:10px;padding:12px}.community-post-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.community-post-author{align-items:center;gap:8px;display:flex}.community-post-name{color:var(--color-text-primary,#0b1024);font-size:13px;font-weight:600}.community-post-time{color:#888;font-size:11px}.community-post-content{color:var(--color-text-secondary,#666);margin-bottom:8px;font-size:13px;line-height:1.5}.community-post-actions{gap:14px;display:flex}.community-action{color:#888;cursor:pointer;font-size:12px;transition:color .2s}.community-action:hover{color:var(--color-orange,#e59d23)}.community-sidebar{flex-shrink:0;width:160px}.sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:8px;font-size:11px;font-weight:700}.sidebar-progress-text{color:var(--color-text-secondary,#666);margin-bottom:10px;font-size:12px}.sidebar-badge-label{text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:6px;font-size:11px;font-weight:700}.badge-item{background:#faeeda;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 8px;display:flex}.badge-icon{font-size:18px}.badge-name{color:#854f0b;font-size:11px;font-weight:700}.badge-desc{color:#854f0b;opacity:.7;font-size:10px}.sidebar-goal-label{text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:6px;font-size:11px;font-weight:700}.goal-item{background:var(--color-background,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;padding:8px 10px}.goal-name{color:var(--color-text-primary,#0b1024);margin-bottom:4px;font-size:12px;font-weight:600}.goal-progress-track{background:#e5e7eb;border-radius:3px;height:5px;overflow:hidden}.goal-progress-fill{background:#22c55e;border-radius:3px;height:100%;transition:width .6s}.goal-status{color:#3b6d11;margin-top:3px;font-size:11px}.goals-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.goal-stat-card{border:1px solid;border-radius:10px;padding:12px}.goal-stat-card.green{background:#eaf3de;border-color:#c0dd97}.goal-stat-card.green .goal-stat-value{color:#27500a}.goal-stat-card.orange{background:#faeeda;border-color:#fac775}.goal-stat-card.orange .goal-stat-value{color:#633806}.goal-stat-label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:700}.goal-stat-card.green .goal-stat-label{color:#3b6d11}.goal-stat-card.orange .goal-stat-label{color:#854f0b}.goal-stat-value{font-size:28px;font-weight:800}.goal-stat-sub{font-size:11px}.goal-stat-card.green .goal-stat-sub{color:#3b6d11}.goal-stat-card.orange .goal-stat-sub{color:#854f0b}.badges-section{margin-bottom:14px}.badges-label{text-transform:uppercase;color:#888;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700}.badges-list{flex-wrap:wrap;gap:8px;display:flex}.badge-item-earned{background:#faeeda;border:1px solid #fac775;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;display:flex}.badge-item-locked{opacity:.5;background:#f1efe8;border:1px solid #d3d1c7;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;display:flex}.badge-emoji{font-size:20px}.badge-status{font-size:10px}.badge-item-earned .badge-status{color:#854f0b;opacity:.8}.badge-item-locked .badge-name{color:#5f5e5a}.badge-item-locked .badge-status{color:#888}.goals-section{margin-top:4px}.goals-label{text-transform:uppercase;color:#888;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700}.goal-card{background:var(--color-background,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:10px;padding:12px}.goal-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.goal-card-title{color:var(--color-text-primary,#0b1024);font-size:13px;font-weight:700}.goal-progress-info{color:#888;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.feature-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:1.5rem;display:grid}.feature-stat{text-align:center;background:var(--color-card-bg,#f9fafb);border-radius:10px;padding:12px}.feature-stat-value{color:var(--color-orange,#e59d23);font-size:22px;font-weight:800}.feature-stat-label{color:var(--color-text-secondary,#666);margin-top:2px;font-size:12px}@media (max-width:768px){.feature-showcase{width:100%}.community-container{flex-direction:column}.community-sidebar{width:100%}.goals-grid{grid-template-columns:1fr}.metric-label{width:120px;font-size:11px}.tab-btn{padding:6px 12px;font-size:12px}}@media (max-width:480px){.feature-showcase{width:100%}.reports-header{flex-direction:column;align-items:flex-start;gap:8px}.feature-stats{grid-template-columns:repeat(2,1fr)}.badges-list{flex-direction:column}.metric-row{flex-wrap:wrap;gap:4px}.metric-label{width:100%;font-size:11px}.metric-pct{width:auto}}