.demo-intro{padding:38px 0 34px}.back{font-size:13px;color:var(--muted)}.intro-row{display:flex;justify-content:space-between;align-items:center;gap:28px}.intro-row h1{font-size:clamp(38px,5vw,60px);font-weight:500;letter-spacing:-2.5px;line-height:1.08;margin:20px 0}.intro-row h1 span{color:var(--accent)}.intro-row p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:510px;margin:0}.intro-row .eyebrow{margin-top:30px}.intro-logo{border-radius:28px;margin-right:30px;box-shadow:0 0 80px #713ee52b}.demo-shell{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #45415c;border-radius:18px;overflow:hidden;background:#12121de8;box-shadow:0 25px 80px #0004}.controls{padding:26px 22px;border-right:1px solid #353344;min-width:0}.control-kicker{font-size:10px;letter-spacing:1.7px;color:var(--muted)}label{display:block;font-size:14px;font-weight:600;margin:23px 0 10px}select{width:100%;min-height:46px;border:1px solid #68617f;border-radius:8px;background:#232131;color:#f4f2ff;padding:10px;font:inherit;font-size:13px}select:focus-visible,button:focus-visible,.messages:focus-visible{outline:2px solid #d1c4ff;outline-offset:3px}.team-banner{display:flex;align-items:center;gap:12px;margin:22px 0}.team-banner>span{border:1px solid var(--team,#719ccc);background:color-mix(in srgb,var(--team,#719ccc) 20%,#181922);width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:12px;font-size:12px;font-weight:800}.team-banner strong{font-size:13px}.team-banner small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.actions{display:grid;gap:10px}.actions button,.reset{border:1px solid #4c475f;background:#272335;color:#f1edff;min-height:46px;border-radius:8px;padding:12px 14px;text-align:left;cursor:pointer;font-size:13px}.actions button span{margin-right:8px}.actions button:hover:enabled{background:#38304f;border-color:#a79ad8}.actions button:first-child{background:#b9b9ff;color:#181626;font-weight:650}.actions button:first-child:hover:enabled{background:#d1ceff}button:disabled{opacity:.45;cursor:not-allowed}.reset{margin-top:14px;width:100%;background:transparent;color:#c6bfdc;text-align:center}#feedback{font-size:12px;line-height:1.6;color:#dad2f3;min-height:58px;margin:17px 0 12px}.sample-note{font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid #373244;padding-top:16px}.discord{min-width:0;background:#313338;display:flex;flex-direction:column}.channel-heading{display:flex;align-items:center;gap:10px;padding:17px 22px;background:#2b2d31;border-bottom:1px solid #202125;min-height:62px}.hash{font-size:26px;color:#b4b6bd}.channel-heading strong{font-size:15px}.channel-tag{margin-left:auto;font-size:9px;letter-spacing:1px;color:#c5c1d2}.messages{height:620px;overflow:auto;padding:24px 20px;scrollbar-color:#62606c #2b2d31;overscroll-behavior:contain}.empty{display:grid;place-items:center;text-align:center;align-content:center;min-height:480px;color:#c2c4cb}.empty img{border-radius:16px;margin-bottom:18px}.empty h2{color:#f2f3f5;font-size:23px;margin:0 0 10px}.empty p{font-size:14px;line-height:1.7}.channel-bottom{padding:15px 22px;border-top:1px solid #41434b;color:#c4c5cd;font-size:11px;line-height:1.6}.channel-bottom span{color:var(--accent);margin-right:7px}.message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;margin-bottom:25px;animation:message-in .22s ease-out}.avatar{width:36px;height:36px;border-radius:50%}.message-meta{display:flex;align-items:center;gap:7px;margin-bottom:8px;flex-wrap:wrap;font-size:15px}.app-badge{background:#5865f2;color:white;font-size:10px;padding:2px 5px;border-radius:3px}.message-meta time{font-size:10px;color:#c0c1c9;margin-left:2px}.embed,.container-card{border-radius:4px;border-left:4px solid var(--embed);background:#232428;padding:16px;color:#dbdee1;max-width:520px;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.container-card{border-radius:9px;border-top:1px solid #45464e;border-right:1px solid #45464e;border-bottom:1px solid #45464e;background:#28292e}.embed-author{font-weight:650;font-size:13px;margin-bottom:12px}.embed h3{font-size:18px;line-height:1.35;color:#f2f3f5;margin:0 0 12px;font-weight:700}.container-card h3{font-size:20px}.embed-description{margin-bottom:14px;white-space:pre-wrap}.embed-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.embed-field{grid-column:1/-1;white-space:pre-wrap}.embed-field.inline{grid-column:auto}.field-name{font-weight:700;color:#f2f3f5;margin-bottom:4px}.embed-footer,.subtext{font-size:11px;color:#c3c5cc;margin-top:16px}.md{white-space:pre-wrap}.demo-seasons{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.demo-seasons button{background:#4e5058;border:0;border-radius:4px;color:white;font-size:11px;min-height:36px;padding:8px;cursor:pointer}.demo-seasons button:disabled{cursor:default}.demo-notes{display:flex;justify-content:space-between;gap:36px;align-items:center;padding:27px 0 45px}.demo-notes p{color:var(--muted);font-size:12px;line-height:1.8;max-width:540px}.demo-notes>div{display:flex;flex-direction:column;align-items:center;gap:16px;flex:none}.dashboard-link{color:var(--accent);font-size:12px}@keyframes message-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.demo-shell{grid-template-columns:230px minmax(0,1fr)}.controls{padding:22px 16px}.messages{padding:20px 12px}.message{gap:8px;grid-template-columns:28px minmax(0,1fr)}.avatar{width:28px;height:28px}.embed-fields{grid-template-columns:1fr}.embed-field.inline{grid-column:1/-1}.intro-logo{margin:0;width:100px;height:100px}}@media(max-width:620px){.wrap{padding:0 16px}header{height:78px}.brand{font-size:15px}nav{gap:12px}nav .nav-contact{display:none}.intro-logo{width:70px;height:70px;border-radius:17px}.intro-row h1{font-size:40px;letter-spacing:-1.7px}.intro-row .eyebrow{font-size:9px;letter-spacing:1px;line-height:1.6}.intro-row p:not(.eyebrow){font-size:14px}.demo-shell{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #45415c;padding:20px}.control-kicker{display:none}label{margin:0 0 9px}.team-banner{margin:14px 0}.actions{grid-template-columns:1fr 1fr;gap:8px}.actions button{padding:10px;font-size:12px}.reset{min-height:40px;margin-top:10px}#feedback{min-height:0;margin:12px 0 0}.sample-note{display:none}.messages{height:500px;padding:20px 12px}.empty{min-height:420px}.channel-heading{padding:12px 16px}.channel-tag{font-size:8px}.demo-notes{flex-direction:column;gap:10px;align-items:stretch}.demo-notes>div{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.embed,.container-card{padding:12px;font-size:13px}.embed h3{font-size:17px}.container-card h3{font-size:18px}.embed-fields{gap:14px}.message-meta time{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}