html:has(.demo-page){scroll-behavior:smooth}.demo-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fff;--radius:14px;--radius-sm:10px;--radius-pill:999px;background:var(--bg);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased}.demo-page *{box-sizing:border-box}.demo-page.theme-trades{--bg:#f7f8fa;--ink:#16202e;--ink-soft:#57616f;--ink-faint:#8b95a3;--brand:#1d5eff;--brand-dark:#1247cc;--brand-soft:#eef3ff;--emerg:#c2740a;--emerg-soft:#fbf1e2;--ok:#16a34a;--line:#16202e17;--shadow:0 10px 30px #16202e12;--focus-ring:#1d5eff24;--sugg-hover:#dde8ff;--bar-track:#e7ecf3;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}.demo-page.theme-tuition{--bg:#faf9f7;--ink:#221d1e;--ink-soft:#655c5e;--ink-faint:#968c8e;--brand:#c8385a;--brand-dark:#a52947;--brand-soft:#fbeef1;--emerg:#c8385a;--emerg-soft:#fbeef1;--ok:#57a877;--warn:#d9a441;--danger:#d76b6b;--line:#221d1e17;--shadow:0 10px 30px #221d1e12;--focus-ring:#c8385a21;--sugg-hover:#f6dee4;--bar-track:#efe9ea;font-family:Inter,PingFang HK,Hiragino Sans GB,Microsoft JhengHei,system-ui,-apple-system,sans-serif;line-height:1.65}.demo-page a{color:inherit;text-decoration:none}.demo-page :focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.demo-page svg{display:block}.demo-page .ic-svg{flex-shrink:0;width:20px;height:20px}.demo-page .wrap{max-width:1160px;margin:0 auto;padding:0 24px}.demo-page .notice{background:var(--surface);color:var(--ink-faint);text-align:center;border-bottom:1px solid var(--line);padding:8px 16px;font-size:12.5px}.demo-page header.top{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffd9;position:sticky;top:0}.demo-page .top-inner{align-items:center;gap:12px;height:64px;display:flex}.demo-page .mark{background:var(--brand-soft);width:36px;height:36px;color:var(--brand);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.demo-page .biz{flex-direction:column;min-width:0;line-height:1.3;display:flex}.demo-page .biz .name{white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:650;overflow:hidden}.demo-page .biz .tag{color:var(--ink-faint);font-size:12px}.demo-page .top-right{align-items:center;gap:12px;margin-left:auto;display:flex}.demo-page .badge-247{color:var(--emerg);background:var(--emerg-soft);border-radius:var(--radius-pill);align-items:center;gap:7px;padding:6px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.demo-page .badge-247 .dot{background:var(--emerg);border-radius:50%;width:7px;height:7px;animation:2s infinite demo-pulse}@keyframes demo-pulse{0%,to{opacity:1}50%{opacity:.35}}.demo-page .btn{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,transform 60ms;display:inline-flex}.demo-page .btn:active{transform:scale(.98)}.demo-page .btn .ic-svg{width:17px;height:17px}.demo-page .btn-brand{background:var(--brand);color:#fff}.demo-page .btn-brand:hover{background:var(--brand-dark)}.demo-page .btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.demo-page .btn-ghost:hover{background:var(--bg)}.demo-page .layout{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:40px;padding:40px 0 64px;display:grid}.demo-page .hero{padding:8px 0 32px}.demo-page .eyebrow{letter-spacing:.02em;color:var(--brand-dark);align-items:center;margin-bottom:16px;font-size:12.5px;font-weight:600;display:inline-flex}.demo-page h1{margin:0 0 12px;font-weight:700}.demo-page.theme-trades h1{letter-spacing:-.02em;font-size:33px;line-height:1.18}.demo-page.theme-tuition h1{letter-spacing:-.01em;font-size:31px;line-height:1.3}.demo-page .sub{color:var(--ink-soft);max-width:34em;margin:0 0 24px;font-size:16px}.demo-page.theme-tuition .sub{max-width:32em}.demo-page .cta-row{flex-wrap:wrap;gap:10px;display:flex}.demo-page .info{grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 48px;display:grid}.demo-page .info .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.demo-page .info .card-head{color:var(--brand);align-items:center;gap:9px;margin-bottom:10px;display:flex}.demo-page .info h3{color:var(--ink);margin:0;font-size:14px}.demo-page .info p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.55}.demo-page.theme-tuition .info p{line-height:1.6}.demo-page .info a{color:var(--brand);font-weight:600}.demo-page .info strong{color:var(--ink);font-weight:650}.demo-page .sec-title{letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:700}.demo-page .sec-sub{color:var(--ink-faint);margin:0 0 20px;font-size:14px}.demo-page .sec-head-row{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.demo-page .sec-head-row .sec-title{margin:0}.demo-page .sec-head-row .sec-sub{margin:0;font-size:13.5px}.demo-page .services{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.demo-page .svc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;font:inherit;color:inherit;flex-direction:column;gap:10px;width:100%;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex}.demo-page .svc:hover{box-shadow:var(--shadow);border-color:#0000}.demo-page .svc h3{margin:0;font-size:15px;line-height:1.35}.demo-page .svc p{color:var(--ink-soft);flex:1;margin:0;font-size:13.5px}.demo-page .svc-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.demo-page .chip{color:var(--ink-soft);background:var(--bg);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.demo-page .chip .ic-svg{width:13px;height:13px}.demo-page .chip.emerg{color:var(--emerg);background:var(--emerg-soft)}.demo-page .svc .ask{color:var(--brand);opacity:0;margin-left:auto;font-size:12.5px;font-weight:600;transition:opacity .15s}.demo-page .svc:hover .ask{opacity:1}.demo-page .filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.demo-page .filters button{font:inherit;color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:6px 15px;font-size:13px;font-weight:600;transition:all .15s}.demo-page .filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.demo-page .filters button:hover:not(.active){background:var(--surface)}.demo-page .courses{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.demo-page .course{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex}.demo-page .course:hover{box-shadow:var(--shadow);border-color:#0000}.demo-page .course-top{align-items:flex-start;gap:10px;display:flex}.demo-page .course h3{flex:1;margin:0;font-size:16px;line-height:1.4}.demo-page .lvl{color:var(--brand-dark);background:var(--brand-soft);border-radius:var(--radius-pill);flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.demo-page .course-meta{color:var(--ink-soft);gap:7px;font-size:13.5px;display:grid}.demo-page .course-meta .row{align-items:center;gap:9px;display:flex}.demo-page .course-meta .row .i{color:var(--ink-faint);flex-shrink:0;display:flex}.demo-page .course-meta .row .i .ic-svg{width:16px;height:16px}.demo-page .course-foot{border-top:1px solid var(--line);align-items:flex-end;gap:12px;margin-top:auto;padding-top:14px;display:flex}.demo-page .price{letter-spacing:-.01em;font-size:19px;font-weight:700}.demo-page .price small{color:var(--ink-faint);font-size:12.5px;font-weight:500}.demo-page .seats{text-align:right;min-width:96px;margin-left:auto}.demo-page .seats .lbl{color:var(--ink-faint);justify-content:space-between;gap:8px;margin-bottom:5px;font-size:11.5px;display:flex}.demo-page .bar{background:var(--bar-track);border-radius:99px;height:6px;overflow:hidden}.demo-page .bar i{background:var(--ok);border-radius:99px;height:100%;display:block}.demo-page .bar i.mid{background:var(--warn)}.demo-page .bar i.low{background:var(--danger)}.demo-page .course .ask-btn{font:inherit;color:var(--brand);background:var(--brand-soft);border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:10px 0;font-size:13px;font-weight:600;transition:background .15s}.demo-page .course .ask-btn:hover{background:var(--sugg-hover)}.demo-page .chat{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;height:calc(100vh - 120px);max-height:760px;display:flex;position:sticky;top:88px;overflow:hidden}.demo-page .chat-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:16px;display:flex}.demo-page .chat-head .avatar{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.demo-page .chat-head .who{min-width:0;line-height:1.3}.demo-page .chat-head .who b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.demo-page .chat-head .who span{color:var(--ok);align-items:center;gap:5px;font-size:12px;display:inline-flex}.demo-page .chat-head .who .dot{background:var(--ok);border-radius:50%;width:7px;height:7px}.demo-page .chat-head .human{flex-shrink:0;margin-left:auto}.demo-page .msgs{background:var(--bg);flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.demo-page .msg{white-space:pre-wrap;word-break:break-word;border-radius:15px;max-width:86%;padding:10px 14px;font-size:13.8px;line-height:1.5}.demo-page.theme-tuition .msg{line-height:1.65}.demo-page .msg.bot{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start}.demo-page .msg.me{background:var(--brand);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.demo-page .msg.sys{background:var(--surface);border:1px dashed var(--line);color:var(--ink-soft);border-bottom-left-radius:5px;align-self:flex-start}.demo-page .msg.flagged{border-left:3px solid #e0a844}.demo-page .staff-cap{color:var(--ink-faint);align-self:flex-start;margin:2px 0 -4px 4px;font-size:11px}.demo-page .typing{background:var(--surface);border:1px solid var(--line);border-radius:15px 15px 15px 5px;align-self:flex-start;margin:0 16px 10px;padding:12px 16px;display:none}.demo-page .typing.show{gap:4px;display:flex}.demo-page .typing i{background:var(--ink-faint);border-radius:50%;width:6px;height:6px;animation:1.2s infinite demo-blink}.demo-page .typing i:nth-child(2){animation-delay:.2s}.demo-page .typing i:nth-child(3){animation-delay:.4s}@keyframes demo-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.demo-page .sugg{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 16px 4px;display:flex}.demo-page .sugg button{font:inherit;color:var(--brand-dark);background:var(--brand-soft);border-radius:var(--radius-pill);cursor:pointer;text-align:left;border:none;padding:6px 12px;font-size:12.5px;transition:background .15s}.demo-page .sugg button:hover{background:var(--sugg-hover)}.demo-page .sugg button:disabled{opacity:.55;cursor:default}.demo-page .chat-input{align-items:center;gap:9px;padding:12px 16px 16px;display:flex}.demo-page .chat-input .attach{width:36px;height:36px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.demo-page .chat-input .attach:hover{background:var(--bg);color:var(--ink-soft)}.demo-page .chat-input .attach:disabled{opacity:.5;cursor:default}.demo-page .chat-input .attach .ic-svg{width:19px;height:19px}.demo-page .chat-input input{min-width:0;font:inherit;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);flex:1;padding:11px 14px;font-size:14px}.demo-page .chat-input input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.demo-page .chat-input .send{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .15s;display:grid}.demo-page .chat-input .send:hover{background:var(--brand-dark)}.demo-page .chat-input .send:disabled{opacity:.5;cursor:default}.demo-page .chat-input .send .ic-svg{width:18px;height:18px}.demo-page footer{border-top:1px solid var(--line);color:var(--ink-faint);text-align:center;padding:24px 0;font-size:13px}.demo-page footer strong{color:var(--ink-soft);font-weight:650}.demo-page .fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;max-width:34rem;min-height:60vh;margin:0 auto;padding:0 24px;display:flex}.demo-page .fallback .mark{width:48px;height:48px;margin-bottom:8px}.demo-page .fallback h1{font-size:24px}.demo-page .fallback p{color:var(--ink-soft);margin:0}@media (max-width:1020px){.demo-page .layout{grid-template-columns:1fr;gap:32px}.demo-page .chat{height:600px;max-height:none;position:static}.demo-page .info{grid-template-columns:1fr}.demo-page.theme-trades h1{font-size:27px}.demo-page.theme-tuition h1{font-size:26px}}