@keyframes floating{0%{top:-50%;left:-50%}30%{top:60%;left:10%}60%{top:-60%;left:65%}to{top:-50%;left:-50%}}@media (min-width:768px){@keyframes floating{0%{top:-40%;left:-40%}30%{top:50%;left:10%}60%{top:-50%;left:50%}to{top:-40%;left:-40%}}}@media (min-width:992px){@keyframes floating{0%{top:-60%;left:-35%}30%{top:40%;left:15%}60%{top:-60%;left:65%}to{top:-60%;left:-35%}}}.hero-section-wrapper{z-index:1;background:linear-gradient(135deg,#1a1a2e 0%,#0f4f44 50%,#0f7b6c 100%);position:relative;overflow:hidden}.hero-section-wrapper .hero-section{min-height:calc(100dvh - var(--header-height))}.hero-section-wrapper .hero-section .page-header{padding:1rem 0}.hero-section-wrapper .hero-section .page-header h1,.hero-section-wrapper .hero-section .page-header .subtitle{color:#efefe3}.hero-section-wrapper .hero-section .page-header .subtitle{font-size:14px;font-weight:300}.partner-logos>div{padding:20px}.logos-section{border-bottom:1px solid #e5e7eb;padding:48px 0}.logos-label{text-align:center;color:#9ca3af;margin-bottom:28px;font-size:14px}.logos-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.logos-row img{filter:grayscale();opacity:.45;height:24px;transition:opacity .2s}.logos-row img:hover{opacity:.7}.logo-text{color:#9ca3af;opacity:.5;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.logo-text svg{opacity:.6}@media (max-width:768px){.logos-row{gap:32px}}.how-title{text-align:center;color:#1a1a2e;margin-bottom:48px;font-size:32px;font-weight:600}.how-steps{justify-content:center;align-items:flex-start;gap:20px;display:flex}.how-step{text-align:center;flex:1;max-width:280px}.how-num{color:#0f7b6c;background:#e8f5f1;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;font-size:24px;font-weight:500;display:flex}.how-step-title{color:#1f2937;margin-bottom:8px;font-size:18px;font-weight:500}.how-step-desc{color:#6b7280;font-size:15px;line-height:1.6}.how-arrow{align-items:center;padding-top:28px;display:flex}@media (max-width:768px){.how-steps{flex-direction:column;align-items:center}.how-arrow{display:none}}.who-section{padding:80px 0}.who-title{text-align:center;color:#1a1a2e;margin-bottom:48px;font-size:32px;font-weight:600}.who-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.who-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:32px 24px;transition:border-color .2s}.who-card:hover{border-color:#0f7b6c}.who-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.who-card-title{color:#1f2937;margin-bottom:10px;font-size:20px;font-weight:500}.who-card-desc{color:#6b7280;font-size:15px;line-height:1.6}@media (max-width:768px){.who-cards{grid-template-columns:1fr}}.bento-wrapper .bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.bento-wrapper .tile{border:1px solid var(--border-color);background:#fff;border-radius:20px;transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}.bento-wrapper .tile:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0f172914}.bento-wrapper .tile-present{grid-column:span 4;min-height:520px}.bento-wrapper .tile-learner{grid-column:span 2;min-height:520px}.bento-wrapper .tile-upload,.bento-wrapper .tile-narration{grid-column:span 3;min-height:280px}.bento-wrapper .tile-inner{flex-direction:column;height:100%;padding:28px;display:flex}.bento-wrapper .tile-copy{max-width:100%}.bento-wrapper .t-label{color:var(--dark-green-color);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:600;display:inline-flex}.bento-wrapper .t-label-dot{background:var(--dark-green-color);border-radius:50%;width:6px;height:6px}.bento-wrapper .t-title{color:#0f1729;letter-spacing:-.015em;margin-bottom:10px;font-size:24px;font-weight:600;line-height:1.2}.bento-wrapper .tile-learner .t-title,.bento-wrapper .tile-upload .t-title,.bento-wrapper .tile-narration .t-title{font-size:20px}.bento-wrapper .t-desc{color:var(--subtitle-color);max-width:440px;font-size:14px;line-height:1.55}.bento-wrapper .tile-learner .t-desc{max-width:100%;font-size:13px}.bento-wrapper .tile-present{color:#fff;background:linear-gradient(135deg,#0f1729 0%,#0a5a4e 100%)}.bento-wrapper .tile-present .t-label{color:#6ee7d0}.bento-wrapper .tile-present .t-label-dot{background:#6ee7d0}.bento-wrapper .tile-present .t-title{color:#fff;max-width:420px}.bento-wrapper .tile-present .t-desc{color:#ffffffb3;max-width:440px}.bento-wrapper .present-visual{flex:1;justify-content:center;align-items:center;margin-top:36px;display:flex;position:relative}.bento-wrapper .present-slide{aspect-ratio:16/9;background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:560px;padding:26px 32px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000073,0 10px 24px #00000040,0 0 0 1px #ffffff0d}.bento-wrapper .slide-meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bento-wrapper .slide-eyebrow{color:var(--dark-green-color);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:700}.bento-wrapper .slide-accent-line{background:linear-gradient(90deg, var(--dark-green-color) 0%, transparent 100%);opacity:.3;flex:1;height:1px;margin:0 14px}.bento-wrapper .slide-pagenum{color:var(--text-hint-color);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:9px;font-weight:500}.bento-wrapper .slide-title{color:#0f1729;letter-spacing:-.02em;margin-bottom:3px;font-size:20px;font-weight:700;line-height:1.2}.bento-wrapper .slide-subtitle{color:var(--subtitle-color);margin-bottom:18px;font-size:10px;font-weight:500;line-height:1.4}.bento-wrapper .slide-content{flex:1;align-items:stretch;gap:20px;display:flex}.bento-wrapper .slide-chart{flex-direction:column;flex:1.6;justify-content:center;gap:9px;display:flex}.bento-wrapper .bar-row{align-items:center;gap:10px;font-size:10px;display:flex}.bento-wrapper .bar-label{color:#374151;text-align:right;flex-shrink:0;width:110px;font-weight:500;line-height:1.25}.bento-wrapper .bar-track{background:#f3f4f6;border-radius:3px;flex:1;height:14px;position:relative;overflow:hidden}.bento-wrapper .bar-fill{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;border-radius:3px;justify-content:flex-end;align-items:center;height:100%;padding-right:8px;font-size:9px;font-weight:700;display:flex}.bento-wrapper .bar-fill.lead{background:var(--dark-green-color)}.bento-wrapper .bar-fill.two{background:#2d9887}.bento-wrapper .bar-fill.three{background:#5fb3a3}.bento-wrapper .bar-fill.four{background:#94ccbe}.bento-wrapper .bar-fill.five{color:var(--dark-green-color);background:#c4e2da}.bento-wrapper .slide-insight{border-left:3px solid var(--dark-green-color);background:#f0faf6;border-radius:0 8px 8px 0;flex-direction:column;flex:1;justify-content:center;padding:14px 14px 14px 12px;display:flex}.bento-wrapper .insight-label{color:var(--dark-green-color);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:6px;font-size:8px;font-weight:700;display:flex}.bento-wrapper .insight-label:before{content:"";background:var(--dark-green-color);border-radius:50%;width:5px;height:5px}.bento-wrapper .insight-big{color:var(--dark-green-color);letter-spacing:-.03em;margin-bottom:6px;font-size:26px;font-weight:700;line-height:1}.bento-wrapper .insight-text{color:#374151;font-size:9.5px;font-weight:500;line-height:1.4}.bento-wrapper .present-notes{background:#fff;border:1px solid #ffffffe6;border-radius:10px;width:220px;padding:14px 16px;position:absolute;bottom:-12px;right:-20px;transform:rotate(3deg);box-shadow:0 20px 40px #00000040}.bento-wrapper .notes-label{color:#534ab7;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.bento-wrapper .notes-dot{background:#534ab7;border-radius:50%;width:5px;height:5px}.bento-wrapper .notes-text{color:#374151;font-size:10px;line-height:1.5}.bento-wrapper .present-exports{z-index:2;white-space:nowrap;align-items:center;gap:12px;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.bento-wrapper .export-group{-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;align-items:center;gap:6px;padding:6px 10px 6px 12px;display:flex}.bento-wrapper .export-group-label{color:#ffffffbf;letter-spacing:.06em;text-transform:uppercase;margin-right:2px;font-size:9px;font-weight:600}.bento-wrapper .export-chip{letter-spacing:.04em;background:#fff;border-radius:14px;align-items:center;gap:5px;padding:5px 11px;font-size:10px;font-weight:700;display:flex;box-shadow:0 4px 12px #00000040}.bento-wrapper .export-chip .dot{border-radius:50%;width:5px;height:5px}.bento-wrapper .export-chip.pptx{color:#d85a30}.bento-wrapper .export-chip.pptx .dot{background:#d85a30}.bento-wrapper .export-chip.pdf{color:#dc2626}.bento-wrapper .export-chip.pdf .dot{background:#dc2626}.bento-wrapper .export-chip.scorm{color:var(--dark-green-color)}.bento-wrapper .export-chip.scorm .dot{background:var(--dark-green-color)}.bento-wrapper .tile-learner{background:linear-gradient(#fff 0%,#f8fafb 100%)}.bento-wrapper .tile-learner .t-label{color:#2563eb}.bento-wrapper .tile-learner .t-label-dot{background:#2563eb}.bento-wrapper .learner-visual{flex-direction:column;flex:1;gap:10px;margin-top:22px;display:flex;position:relative}.bento-wrapper .lv-modnav{border:1px solid var(--border-color);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.bento-wrapper .lv-modnav-icon{color:#2563eb;background:#eff6ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.bento-wrapper .lv-modnav-text{flex:1;min-width:0}.bento-wrapper .lv-modnav-title{color:#0f1729;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.bento-wrapper .lv-modnav-meta{color:var(--subtitle-color);font-size:9px}.bento-wrapper .lv-modnav-pct{color:#2563eb;font-size:10px;font-weight:700}.bento-wrapper .lv-content{border:1px solid var(--border-color);background:#fff;border-radius:10px;flex-direction:column;flex:1;justify-content:space-between;padding:14px;display:flex}.bento-wrapper .lv-content-head{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:600}.bento-wrapper .lv-content-title{color:#0f1729;margin-bottom:6px;font-size:13px;font-weight:600}.bento-wrapper .lv-content-body{color:var(--subtitle-color);margin-bottom:12px;font-size:10px;line-height:1.5}.bento-wrapper .lv-check{background:#eff6ff;border-radius:7px;align-items:center;gap:8px;padding:9px 11px;display:flex}.bento-wrapper .lv-check-circle{background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.bento-wrapper .lv-check-text{color:#2563eb;flex:1;font-size:10px;font-weight:500}.bento-wrapper .lv-progress-row{align-items:center;gap:8px;padding-top:2px;display:flex}.bento-wrapper .lv-progress-bar{background:var(--border-color);border-radius:2px;flex:1;height:4px;overflow:hidden}.bento-wrapper .lv-progress-fill{background:#2563eb;border-radius:2px;width:45%;height:100%}.bento-wrapper .lv-progress-txt{color:#2563eb;font-variant-numeric:tabular-nums;font-size:9px;font-weight:600}.bento-wrapper .tile-upload .t-label{color:#d85a30}.bento-wrapper .tile-upload .t-label-dot{background:#d85a30}.bento-wrapper .upload-visual{flex:1;align-items:center;gap:16px;min-height:140px;margin-top:22px;display:flex}.bento-wrapper .upload-files{flex-direction:column;flex:1;gap:8px;display:flex}.bento-wrapper .upload-file{border:1px solid var(--border-color);background:#fff;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 2px 6px #00000005}.bento-wrapper .upload-file-icon{letter-spacing:.02em;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;font-weight:700;display:flex}.bento-wrapper .upload-file-icon.pdf{color:#dc2626;background:#fef2f2}.bento-wrapper .upload-file-icon.pptx{color:#d85a30;background:#faece7}.bento-wrapper .upload-file-icon.docx{color:#2563eb;background:#eff6ff}.bento-wrapper .upload-file-meta{flex:1;min-width:0}.bento-wrapper .upload-file-name{color:#0f1729;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.bento-wrapper .upload-file-size{color:var(--subtitle-color);font-size:9px}.bento-wrapper .upload-arrow-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.bento-wrapper .upload-arrow-circle{color:#d85a30;background:#faece7;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.bento-wrapper .upload-arrow-label{color:#d85a30;text-transform:uppercase;letter-spacing:.04em;font-size:8px;font-weight:600}.bento-wrapper .upload-result{border:1.5px solid var(--dark-green-color);background:#fff;border-radius:10px;flex:1;padding:12px 14px;box-shadow:0 8px 20px #0f7b6c1f}.bento-wrapper .upload-result-label{color:var(--dark-green-color);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:9px;font-weight:600}.bento-wrapper .upload-result-title{color:#0f1729;margin-bottom:8px;font-size:12px;font-weight:600;line-height:1.3}.bento-wrapper .upload-result-mods{flex-direction:column;gap:4px;display:flex}.bento-wrapper .upload-result-mod{color:var(--subtitle-color);align-items:center;gap:6px;font-size:10px;display:flex}.bento-wrapper .upload-result-mod:before{content:"";background:var(--dark-green-color);border-radius:50%;width:4px;height:4px}.bento-wrapper .tile-narration .t-label{color:#d4537e}.bento-wrapper .tile-narration .t-label-dot{background:#d4537e}.bento-wrapper .narration-visual{flex-direction:column;flex:1;gap:10px;margin-top:22px;display:flex}.bento-wrapper .nr-player{background:linear-gradient(135deg,#fbeaf0 0%,#f7dce8 100%);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.bento-wrapper .nr-play{background:#d4537e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #d4537e59}.bento-wrapper .nr-wave{flex:1;align-items:center;gap:2.5px;height:26px;display:flex}.bento-wrapper .nr-bar{background:#d4537e;border-radius:2px;width:2.5px}.bento-wrapper .nr-bar.dim{background:#d4537e4d}.bento-wrapper .nr-time{color:#d4537e;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.bento-wrapper .nr-langs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bento-wrapper .nr-langs-label{color:var(--subtitle-color);margin-right:2px;font-size:10px}.bento-wrapper .nr-langs-count{color:#d4537e;font-weight:700}.bento-wrapper .nr-lang-chip{border:1px solid var(--border-color);color:#374151;background:#fff;border-radius:14px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:600;display:flex}.bento-wrapper .nr-lang-chip .chip-code{letter-spacing:.03em;border-radius:3px;padding:1px 5px;font-size:8px;font-weight:700}.bento-wrapper .chip-code.en{background:var(--green-light-color);color:var(--dark-green-color)}.bento-wrapper .chip-code.ar{color:#ba7517;background:#faeeda}.bento-wrapper .chip-code.fr{color:#2563eb;background:#eff6ff}.bento-wrapper .chip-code.es{color:#d4537e;background:#fbeaf0}.bento-wrapper .chip-code.de{color:#534ab7;background:#eeedfe}@media (max-width:1000px){.bento-wrapper .bento{grid-template-columns:repeat(2,1fr)}.bento-wrapper .tile-present,.bento-wrapper .tile-learner,.bento-wrapper .tile-upload,.bento-wrapper .tile-narration{grid-column:span 2;min-height:auto}.bento-wrapper .tile-present{min-height:460px}}@media (max-width:640px){.bento-wrapper body{padding:48px 16px}.bento-wrapper .section-title{font-size:32px}.bento-wrapper .section-sub{font-size:15px}.bento-wrapper .bento{grid-template-columns:1fr;gap:12px}.bento-wrapper .tile-present,.bento-wrapper .tile-learner,.bento-wrapper .tile-upload,.bento-wrapper .tile-narration{grid-column:span 1}.bento-wrapper .tile-inner{padding:22px}.bento-wrapper .t-title{font-size:20px}.bento-wrapper .present-notes{display:none}.bento-wrapper .present-exports{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;position:static;transform:none}.bento-wrapper .export-group{background:#ffffff14}.bento-wrapper .present-visual{margin-top:16px}.bento-wrapper .upload-visual{flex-direction:column;gap:12px}.bento-wrapper .upload-arrow-wrap{flex-direction:row}.bento-wrapper .nr-langs{gap:5px}}
.showcase-wrapper *{box-sizing:border-box;margin:0;padding:0}.showcase-wrapper body{background:#f0f1f3;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.showcase-wrapper .demo-wrap{width:100%;max-width:960px;margin:0 auto}.showcase-wrapper .demo-header{text-align:center;margin-bottom:24px}.showcase-wrapper .demo-eyebrow{letter-spacing:1.5px;color:#0f7b6c;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.showcase-wrapper .demo-title{color:#1a1a2e;letter-spacing:-.3px;font-size:26px;font-weight:700}.showcase-wrapper .browser{background:#1a1a2e;border-radius:14px;padding:3px;box-shadow:0 20px 60px #1a1a2e26,0 4px 16px #1a1a2e14}.showcase-wrapper .browser-inner{background:#fff;border-radius:11px;overflow:hidden}.showcase-wrapper .browser-chrome{background:#f6f6f8;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;padding:8px 14px;display:flex}.showcase-wrapper .dot{border-radius:50%;width:8px;height:8px}.showcase-wrapper .dot-r{background:#f09595}.showcase-wrapper .dot-y{background:#fac775}.showcase-wrapper .dot-g{background:#97c459}.showcase-wrapper .browser-url{text-align:center;color:#9ca3af;flex:1;font-size:11px}.showcase-wrapper .topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.showcase-wrapper .topbar-left{align-items:center;gap:8px;display:flex}.showcase-wrapper .topbar-logo{align-items:center;gap:5px;display:flex}.showcase-wrapper .topbar-brand{color:#1a1a2e;font-size:13px;font-weight:700}.showcase-wrapper .topbar-path{color:#9ca3af;opacity:0;font-size:10px;transition:opacity .4s}.showcase-wrapper .topbar-path.show{opacity:1}.showcase-wrapper .topbar-right{align-items:center;gap:8px;display:flex}.showcase-wrapper .saved{color:#0f7b6c;opacity:0;align-items:center;gap:3px;font-size:9px;transition:opacity .4s;display:flex}.showcase-wrapper .saved.show{opacity:1}.showcase-wrapper .saved-dot{background:#0f7b6c;border-radius:50%;width:5px;height:5px}.showcase-wrapper .workspace{min-height:480px;display:flex}.showcase-wrapper .chat{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:240px;min-width:240px;display:flex}.showcase-wrapper .chat-head{border-bottom:1px solid #e5e7eb;padding:8px 12px}.showcase-wrapper .chat-head-t{color:#1f2937;font-size:11px;font-weight:600}.showcase-wrapper .chat-head-s{color:#9ca3af;font-size:9px}.showcase-wrapper .chat-body{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.showcase-wrapper .chat-body::-webkit-scrollbar{width:3px}.showcase-wrapper .chat-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.showcase-wrapper .msg{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(8px)}.showcase-wrapper .msg.show{opacity:1;transform:translateY(0)}.showcase-wrapper .msg-u{justify-content:flex-end;display:flex}.showcase-wrapper .msg-u-b{color:#1f2937;background:#f3f4f6;border-radius:10px 10px 2px;max-width:90%;padding:6px 10px;font-size:11px;line-height:1.4}.showcase-wrapper .msg-l-av{align-items:center;gap:4px;margin-bottom:3px;display:flex}.showcase-wrapper .msg-l-icon{background:#1a1a2e;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.showcase-wrapper .msg-l-name{color:#9ca3af;font-size:8px}.showcase-wrapper .msg-l-body{color:#6b7280;font-size:11px;line-height:1.5}.showcase-wrapper .msg-l-body strong{color:#1f2937;font-weight:600}.showcase-wrapper .msg-l-body .hl{color:#0f7b6c;font-weight:600}.showcase-wrapper .msg-l-box{color:#6b7280;background:#f3f4f6;border-radius:6px;margin-top:4px;padding:6px 8px;font-size:10px;line-height:1.5}.showcase-wrapper .msg-l-box .p{color:#1f2937;font-weight:600}.showcase-wrapper .msg-l-checks{color:#6b7280;background:#f3f4f6;border-radius:5px;margin-top:3px;padding:4px 6px;font-size:7px;line-height:1.5}.showcase-wrapper .ck{align-items:center;gap:2px;display:flex}.showcase-wrapper .ck-i{color:#0f7b6c;font-size:9px}.showcase-wrapper .msg-analysis{color:#9ca3af;background:#f3f4f6;border-radius:6px;margin-top:4px;padding:5px 8px;font-size:9px;line-height:1.6}.showcase-wrapper .analysis-line{opacity:0;align-items:center;gap:4px;transition:opacity .3s;display:flex}.showcase-wrapper .analysis-line.show{opacity:1}.showcase-wrapper .analysis-line .a-dot{background:#0f7b6c;border-radius:50%;flex-shrink:0;width:4px;height:4px}.showcase-wrapper .analysis-line .a-label{color:#9ca3af;font-size:8px}.showcase-wrapper .analysis-line .a-val{color:#0f7b6c;font-size:9px;font-weight:600}.showcase-wrapper .typing{opacity:0;align-items:center;gap:3px;padding:6px 10px;transition:opacity .2s;display:flex}.showcase-wrapper .typing.show{opacity:1}.showcase-wrapper .typing-dot{background:#0f7b6c;border-radius:50%;width:5px;height:5px;animation:.6s infinite alternate bounce}.showcase-wrapper .typing-dot:nth-child(2){animation-delay:.15s}.showcase-wrapper .typing-dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}.showcase-wrapper .chat-input{border-top:1px solid #e5e7eb;padding:8px 10px}.showcase-wrapper .chat-input-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;display:flex}.showcase-wrapper .chat-input-text{color:#9ca3af;flex:1;font-size:10px}.showcase-wrapper .chat-send{opacity:.3;background:#1a1a2e;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .2s;display:flex}.showcase-wrapper .chat-send.active{opacity:1}.showcase-wrapper .chat-icons{align-items:center;gap:10px;margin-top:6px;padding:0 2px;display:flex}.showcase-wrapper .chat-icon{opacity:.35;align-items:center;display:flex}.showcase-wrapper .course{scroll-behavior:smooth;background:#f5f7fa;flex:1;padding:8px;position:relative;overflow-y:auto}.showcase-wrapper .course::-webkit-scrollbar{width:3px}.showcase-wrapper .course::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.showcase-wrapper .course-empty{opacity:1;flex-direction:column;justify-content:center;align-items:center;height:100%;transition:opacity .3s;display:flex}.showcase-wrapper .course-empty.hide{opacity:0;pointer-events:none;position:absolute}.showcase-wrapper .ce-icon{background:#e8f5f1;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.showcase-wrapper .ce-title{color:#1f2937;margin-bottom:4px;font-size:13px;font-weight:600}.showcase-wrapper .ce-sub{color:#9ca3af;text-align:center;max-width:180px;font-size:11px;line-height:1.4}.showcase-wrapper .course-content{opacity:0;transition:opacity .4s;display:none}.showcase-wrapper .course-content.show{opacity:1;display:block}.showcase-wrapper .live-counter{color:#fff;opacity:0;z-index:5;background:#1a1a2e;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:9px;font-weight:600;transition:opacity .3s;display:flex;position:absolute;top:12px;right:12px}.showcase-wrapper .live-counter.show{opacity:1}.showcase-wrapper .live-counter .lc-pulse{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 #4ade8066}50%{opacity:.7;box-shadow:0 0 0 4px #4ade8000}}.showcase-wrapper .c-overview{opacity:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:6px;transition:all .4s;overflow:hidden;transform:translateY(6px)}.showcase-wrapper .c-overview.show{opacity:1;transform:translateY(0)}.showcase-wrapper .c-hero-bar{color:#fff;background:linear-gradient(135deg,#1a1a2e,#0f7b6c);padding:10px 12px}.showcase-wrapper .c-dur{letter-spacing:.3px;background:#fff3;border-radius:4px;margin-bottom:3px;padding:2px 6px;font-size:7px;display:inline-block}.showcase-wrapper .c-title-text{font-size:13px;font-weight:600}.showcase-wrapper .c-desc{color:#ffffff8c;margin-top:3px;font-size:9px;line-height:1.4}.showcase-wrapper .c-tags{flex-wrap:wrap;gap:3px;padding:6px 10px;display:flex}.showcase-wrapper .c-tag{border-radius:4px;padding:2px 6px;font-size:8px}.showcase-wrapper .c-tag-a{color:#1e40af;background:#eff6ff}.showcase-wrapper .c-tag-l{color:#0f7b6c;background:#e8f5f1}.showcase-wrapper .mod{opacity:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:5px;transition:all .4s;overflow:hidden;transform:translateY(6px)}.showcase-wrapper .mod.show{opacity:1;transform:translateY(0)}.showcase-wrapper .mod-h{justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.showcase-wrapper .mod-left{align-items:center;gap:5px;display:flex}.showcase-wrapper .mod-n{color:#fff;background:#0f7b6c;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:700;display:flex}.showcase-wrapper .mod-name{color:#1f2937;font-size:9px;font-weight:600}.showcase-wrapper .mod-obj{color:#9ca3af;opacity:0;margin-top:-2px;padding:0 10px 4px 31px;font-size:7px;transition:opacity .3s}.showcase-wrapper .mod-obj.show{opacity:1}.showcase-wrapper .mod-info{color:#9ca3af;font-size:8px}.showcase-wrapper .mod-done{color:#0f7b6c;opacity:0;font-size:11px;transition:opacity .3s}.showcase-wrapper .mod-done.show{opacity:1}.showcase-wrapper .mod-lessons{max-height:0;transition:max-height .4s;overflow:hidden}.showcase-wrapper .mod-lessons.open{max-height:600px}.showcase-wrapper .les{border-top:1px solid #f3f4f6;align-items:center;gap:4px;padding:4px 10px;display:flex}.showcase-wrapper .les-n{color:#fff;background:#0f7b6c;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:6px;font-weight:600;display:flex}.showcase-wrapper .les-name{color:#1f2937;font-size:8px;font-weight:500}.showcase-wrapper .les-badge{border-radius:3px;margin-left:auto;padding:1px 4px;font-size:6px}.showcase-wrapper .les-badge-concept{color:#1e40af;background:#eff6ff}.showcase-wrapper .les-badge-case{color:#92400e;background:#fff7ed}.showcase-wrapper .les-badge-app{color:#0f7b6c;background:#e8f5f1}.showcase-wrapper .les-badge-fw{color:#534ab7;background:#eeedfe}.showcase-wrapper .les-status{margin-left:4px;font-size:7px}.showcase-wrapper .les-status .done{color:#0f7b6c;opacity:0;transition:opacity .3s}.showcase-wrapper .les-content{border-top:1px solid #f3f4f6;max-height:0;transition:max-height .5s;overflow:hidden}.showcase-wrapper .les-content.open{max-height:1200px}.showcase-wrapper .les-content-inner{padding:10px 12px}.showcase-wrapper .lc-block{opacity:0;margin-bottom:8px;transition:all .3s;position:relative;transform:translateY(4px)}.showcase-wrapper .lc-block.show{opacity:1;transform:translateY(0)}.showcase-wrapper .lc-block.shimmer:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#0f7b6c0f,#0000) 0 0/200% 100%;border-radius:6px;animation:.8s ease-out shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.showcase-wrapper .lc-h{color:#1a1a2e;margin-bottom:4px;font-size:10px;font-weight:600}.showcase-wrapper .lc-p{color:#6b7280;font-size:9px;line-height:1.55}.showcase-wrapper .lc-bullets{margin-top:4px;padding-left:12px}.showcase-wrapper .lc-bullets li{color:#6b7280;margin-bottom:2px;font-size:9px;line-height:1.5}.showcase-wrapper .lc-bullets li b{color:#1f2937;font-weight:600}.showcase-wrapper .lc-callout{border-left:2px solid;border-radius:0 6px 6px 0;padding:6px 10px}.showcase-wrapper .lc-callout-green{background:#e8f5f1;border-color:#0f7b6c}.showcase-wrapper .lc-callout-green .lc-ct{color:#0f7b6c;text-transform:uppercase;letter-spacing:.3px;font-size:8px;font-weight:700}.showcase-wrapper .lc-callout-green .lc-cb{color:#085041;font-size:9px;line-height:1.45}.showcase-wrapper .lc-callout-amber{background:#fff7ed;border-color:#d97706}.showcase-wrapper .lc-callout-amber .lc-ct{color:#d97706;text-transform:uppercase;letter-spacing:.3px;font-size:8px;font-weight:700}.showcase-wrapper .lc-callout-amber .lc-cb{color:#92400e;font-size:9px;line-height:1.45}.showcase-wrapper .lc-callout-blue{background:#eff6ff;border-color:#2563eb}.showcase-wrapper .lc-callout-blue .lc-ct{color:#2563eb;text-transform:uppercase;letter-spacing:.3px;font-size:8px;font-weight:700}.showcase-wrapper .lc-callout-blue .lc-cb{color:#1e3a8a;font-size:9px;line-height:1.45}.showcase-wrapper .lc-case{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;transition:border-color .4s,box-shadow .4s}.showcase-wrapper .lc-case.highlight{border-color:#0f7b6c;box-shadow:0 0 0 2px #0f7b6c26}.showcase-wrapper .lc-case-label{color:#0f7b6c;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:8px;font-weight:700}.showcase-wrapper .lc-case-company{color:#1f2937;margin-bottom:4px;font-size:9px;font-weight:600}.showcase-wrapper .lc-case-row{color:#6b7280;margin-bottom:3px;font-size:9px;line-height:1.45}.showcase-wrapper .lc-case-row b{color:#1f2937;font-weight:600}.showcase-wrapper .lc-chart-row{gap:6px;display:flex}.showcase-wrapper .lc-chart{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:8px}.showcase-wrapper .lc-chart-title{color:#1f2937;margin-bottom:6px;font-size:8px;font-weight:600}.showcase-wrapper .lc-bars{align-items:flex-end;gap:3px;height:32px;display:flex}.showcase-wrapper .lc-bar{border-radius:2px 2px 0 0;transition:height .5s}.showcase-wrapper .lc-donut-wrap{justify-content:center;align-items:center;gap:8px;display:flex}.showcase-wrapper .lc-donut{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .8s;display:flex}.showcase-wrapper .lc-donut-hole{background:#f9fafb;border-radius:50%;width:18px;height:18px}.showcase-wrapper .lc-legend{flex-direction:column;gap:2px;display:flex}.showcase-wrapper .lc-legend-item{align-items:center;gap:3px;display:flex}.showcase-wrapper .lc-legend-dot{border-radius:1px;width:6px;height:6px}.showcase-wrapper .lc-legend-text{color:#6b7280;font-size:7px}.showcase-wrapper .lc-kc{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.showcase-wrapper .lc-kc-head{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.showcase-wrapper .lc-kc-head span{color:#1f2937;font-size:9px;font-weight:600}.showcase-wrapper .lc-kc-badge{color:#6b7280;border:1px solid #e5e7eb;border-radius:3px;padding:1px 5px;font-size:7px;font-weight:500}.showcase-wrapper .lc-kc-body{padding:8px 10px}.showcase-wrapper .lc-kc-q{color:#1f2937;margin-bottom:6px;font-size:9px;font-weight:500;line-height:1.4}.showcase-wrapper .lc-kc-opt{color:#6b7280;border:1px solid #e5e7eb;border-radius:5px;align-items:center;gap:5px;margin-bottom:3px;padding:4px 8px;font-size:8px;transition:all .3s;display:flex}.showcase-wrapper .lc-kc-opt.correct{color:#085041;background:#e8f5f1;border-color:#0f7b6c;font-weight:500}.showcase-wrapper .lc-kc-dot{border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .3s}.showcase-wrapper .lc-kc-dot.filled{background:#0f7b6c;border-color:#0f7b6c}.showcase-wrapper .caption-bar{background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 11px 11px;justify-content:center;align-items:center;min-height:36px;padding:10px 16px;display:flex}.showcase-wrapper .caption{color:#6b7280;opacity:0;text-align:center;font-size:13px;font-weight:500;transition:opacity .4s}.showcase-wrapper .caption.show{opacity:1}.showcase-wrapper .caption .cap-hl{color:#0f7b6c;font-weight:600}.showcase-wrapper .progress-bar{background:#e5e7eb;border-radius:0 0 14px 14px;height:3px;margin-top:-3px;overflow:hidden}.showcase-wrapper .progress-fill{background:#0f7b6c;width:0%;height:100%;transition:width .3s linear}.showcase-wrapper .demo-actions{opacity:0;justify-content:center;align-items:center;gap:12px;margin:24px auto 0;transition:opacity .5s,transform .5s;display:none;transform:translateY(8px)}.showcase-wrapper .demo-actions.show{opacity:1;display:flex;transform:translateY(0)}.showcase-wrapper .replay{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.showcase-wrapper .replay:hover{color:#0f7b6c;border-color:#0f7b6c}.showcase-wrapper .cta-try{color:#fff;cursor:pointer;background:#0f7b6c;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:flex;position:relative;overflow:hidden}.showcase-wrapper .cta-try:hover{background:#0b6b5e;transform:translateY(-1px)}.showcase-wrapper .cta-try:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s infinite cta-shimmer;position:absolute;inset:0}@keyframes cta-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.showcase-wrapper .chat{width:180px;min-width:180px}.showcase-wrapper .workspace{min-height:380px}.showcase-wrapper .demo-title{font-size:22px}}