.showcase{height:480vh}.showcase-sticky{min-height:680px}.showcase-heading{top:5%;left:7%;right:7%}.showcase-heading h2{font-size:clamp(32px,3.5vw,56px);margin:10px 0;line-height:1.05}.showcase-heading h2 br{display:none}.showcase-heading h2 em{margin-left:.15em}.showcase-heading p{font-size:14px}.product-stage{top:27%;left:7%;width:86%;max-width:none}.screen-viewport{overflow:hidden;padding:4px 0 22px;touch-action:pan-y}.screen-track{display:flex;gap:24px;will-change:transform}.screen-slide{flex:0 0 100%;min-width:0;box-shadow:0 12px 20px #16332420}.screen-slide .dashboard{min-height:370px}.screen-slide .app-body{min-height:420px}.screen-slide .app-sidebar{width:125px}.screen-slide .dashboard{padding:18px}.screen-slide .conviction{margin:12px 0;padding:12px}.screen-slide .price-chart{max-height:135px}.screen-slide .app-bottom{margin-top:10px}.screen-controls{position:absolute;bottom:8%;left:7%;right:7%;display:flex;justify-content:center;gap:8px;z-index:5}.screen-controls button{border:1px solid #b6c7b4;background:#eff3e9;color:#365440;padding:10px 17px;border-radius:24px;font-size:13px;transition:background .2s}.screen-controls button[aria-pressed=true]{background:#193d2e;color:#fff}.screen-controls button:disabled{opacity:.35;cursor:default}.screen-controls small{opacity:.65;margin-right:4px}.scene-progress{bottom:3%}.demo-heading h3{font:500 27px/1.1 Manrope,sans-serif;letter-spacing:-.045em;margin:9px 0}.demo-heading p{font-size:11px;color:#708072}.demo-heading .eyebrow{font-size:8px}.demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.demo-metric{padding:12px;background:#fff;border:1px solid #dfe5d8;border-radius:9px}.demo-metric small,.demo-metric span{display:block;font-size:9px;color:#718171}.demo-metric b{display:block;font:600 22px Manrope,sans-serif;color:#236644;margin:4px 0}.demo-split{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.demo-box{padding:14px;background:#fff;border:1px solid #dfe5d8;border-radius:10px}.demo-box h4{font:600 16px Manrope,sans-serif;margin:5px 0 8px}.demo-box>small{font-size:8px;letter-spacing:.1em;color:#6e876f}.demo-box p{font-size:10px;line-height:1.5;color:#6d7d6d}.demo-box svg{display:block;width:100%;height:85px;margin:8px 0}.demo-chip{display:inline-block;background:#edf3e7;border-radius:9px;padding:5px 9px;font-size:8px;margin-right:6px}.demo-box ol{margin:8px 0 0;padding-left:20px;font-size:11px}.demo-box li{padding:6px 0}.demo-box li::marker{color:#26834e}.demo-bars{height:145px;display:flex;gap:8%;align-items:stretch;padding:5px 22px 0}.demo-bars>div{flex:1;position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.demo-bars i{display:block;width:100%;height:var(--bar);background:linear-gradient(#6ca37b,#1b6d48);border-radius:5px 5px 0 0;max-height:100px}.demo-bars b,.demo-bars small{font-size:10px}.demo-chart-title{display:flex;justify-content:space-between;align-items:center}.demo-chart-title small{font-size:9px;color:#2a8052}.demo-chart-title span{color:#b48b31}.demo-footnote{font-size:8px;line-height:1.4;color:#7b8879;margin-top:12px}.demo-tabbar{display:flex;gap:18px;font-size:10px;margin-top:14px;border-bottom:1px solid #e0e5da;padding-bottom:8px}.demo-tabbar b{color:#247b4f}.demo-table{border-collapse:collapse;width:100%;font-size:11px}.demo-table th,.demo-table td{padding:10px 7px;border-bottom:1px solid #e7ebe2;text-align:right}.demo-table th:first-child{text-align:left}.demo-table thead{font-size:9px;color:#6f806f;background:#f2f5ec}.demo-table td:last-child{color:#288353}
@media(max-height:800px) and (min-width:761px){.showcase-sticky{min-height:630px}.product-stage{top:24%;left:12%;width:76%}.screen-slide .app-body{min-height:350px}.screen-slide .dashboard{min-height:0;padding:12px}.screen-slide .app-top{height:36px}.demo-heading h3{font-size:22px}.demo-kpis{margin:10px 0}.demo-metric{padding:8px}.demo-box{padding:10px}.demo-bars{height:115px}.demo-table th,.demo-table td{padding:7px}.screen-controls{bottom:7%}.screen-slide .price-chart{max-height:100px}}
@media(max-width:760px){.showcase{height:420vh}.showcase-sticky{min-height:740px}.showcase-heading{top:5%}.showcase-heading h2{font-size:34px}.showcase-heading h2 br{display:block}.showcase-heading h2 em{margin:0}.showcase-heading p{max-width:290px;line-height:1.5}.product-stage{top:28%;left:4%;width:92%}.screen-slide .app-sidebar{display:none}.screen-slide .app-body{min-height:340px}.screen-slide .dashboard{padding:13px;min-height:340px}.demo-heading h3{font-size:22px}.demo-heading p{font-size:10px}.demo-kpis{gap:5px;margin:12px 0}.demo-metric{padding:8px 6px}.demo-metric b{font-size:15px}.demo-metric small,.demo-metric span{font-size:8px}.demo-split{gap:6px}.demo-box{padding:9px}.demo-box h4{font-size:13px}.demo-box p,.demo-box ol{font-size:9px}.demo-box svg{height:65px}.demo-bars{height:115px;padding:0 5px;gap:6%}.demo-chart-title small{font-size:7px}.demo-table{font-size:9px}.demo-table th,.demo-table td{padding:8px 3px}.demo-tabbar{gap:12px;font-size:9px}.screen-controls{left:4%;right:4%;bottom:8%;gap:4px;flex-wrap:wrap}.screen-controls button{padding:9px 10px;font-size:10px}.screen-controls small{display:none}.screen-slide .price-chart{height:115px}}
.screen-slide .app-sidebar{padding:14px 10px;gap:3px}.screen-slide .app-sidebar span{padding:8px 7px}.screen-slide .app-sidebar small{padding:6px 7px}
@media(max-height:800px) and (min-width:761px){.product-stage{top:23%}.screen-slide .app-body{height:360px;min-height:360px;overflow:hidden}.screen-slide .demo-box svg{height:48px}.screen-slide .demo-box h4{font-size:14px}.screen-slide .demo-box li{padding:3px 0}.screen-controls{bottom:5%}.scene-progress{bottom:1%}}
@media(max-height:800px) and (min-width:761px){.screen-slide .demo-heading h3{font-size:20px;margin:5px 0}.screen-slide .demo-heading p{font-size:10px}.screen-slide .demo-tabbar{margin-top:8px;padding-bottom:6px}.screen-slide .demo-kpis{margin:8px 0}.screen-slide .demo-metric{padding:6px 8px}.screen-slide .demo-metric b{font-size:18px;margin:3px 0}.screen-slide .demo-table{font-size:10px}.screen-slide .demo-table th,.screen-slide .demo-table td{padding:5px 7px}.screen-slide .demo-footnote{font-size:7px;margin-top:6px}.screen-slide .demo-box h4{margin:4px 0 6px}}
@media(prefers-reduced-motion:reduce){.showcase{height:auto}.showcase-sticky{height:760px;position:relative}.screen-track{will-change:auto}}