.panel-preview-section{padding:104px 0;background:radial-gradient(circle at 10% 10%,rgba(30,151,128,.12),transparent 25rem),#0a1425;color:#fff;overflow:hidden}.panel-preview-head p{color:#b9c6d2}.panel-preview-head .kicker{color:#75dbc7}.panel-demo{position:relative;display:grid;grid-template-columns:205px 1fr;min-height:650px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:#eef2ec;overflow:hidden;box-shadow:0 45px 130px rgba(0,0,0,.38);transform:perspective(1400px) rotateX(1deg)}.panel-demo-note{position:absolute;z-index:5;right:18px;top:16px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(10,20,37,.76);backdrop-filter:blur(10px);font-size:10px;font-weight:800;color:#d7e0e8}.panel-demo-note span{width:7px;height:7px;border-radius:50%;background:#e7b44d}.panel-demo-side{position:relative;display:flex;flex-direction:column;background:#0d192c;padding:28px 18px;color:#fff}.panel-demo-brand{display:flex;align-items:center;gap:10px}.panel-demo-brand img{width:38px;height:38px;border-radius:10px;object-fit:contain}.panel-demo-brand b{font-size:13px}.panel-demo-side nav{display:grid;gap:7px;margin-top:34px}.panel-demo-side nav span{padding:11px 12px;border-radius:10px;color:#9eacbd;font-size:12px;font-weight:700}.panel-demo-side nav .active{background:rgba(255,255,255,.1);color:#fff}.panel-demo-side>small{margin-top:auto;color:#78889c}.panel-demo-main{min-width:0;padding:32px 30px;color:#0c1729}.panel-demo-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 20px}.panel-demo-top small,.panel-card-title small,.panel-reading>small{font-size:9px;letter-spacing:.12em;font-weight:900;color:#147261}.panel-demo-top h3{font-size:26px;margin:4px 0}.panel-periods{display:flex;padding:4px;border-radius:12px;background:#fff;border:1px solid #dce3da}.panel-periods button{border:0;border-radius:9px;padding:8px 11px;background:transparent;color:#687386;font-size:11px;font-weight:800;cursor:pointer}.panel-periods button.active{background:#0d192c;color:#fff}.panel-brand-banner{display:flex;align-items:center;gap:13px;padding:20px;border-radius:20px;background:linear-gradient(115deg,#113046,#147261);color:#fff;box-shadow:0 16px 34px rgba(13,25,44,.14)}.panel-brand-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;color:#147261;font:800 20px "Space Grotesk"}.panel-brand-banner small,.panel-brand-banner b{display:block}.panel-brand-banner small{color:#c2ddd7;font-size:11px}.panel-brand-banner b{font-size:16px}.panel-live{margin-left:auto;font-size:9px;font-weight:900;color:#9df1dc}.panel-demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.panel-demo-metrics article{padding:17px;border:1px solid #dce3da;border-radius:17px;background:#fff;box-shadow:0 9px 25px rgba(13,25,44,.04)}.panel-demo-metrics span,.panel-demo-metrics small{display:block;color:#687386;font-size:10px}.panel-demo-metrics strong{display:block;margin:5px 0;font:700 27px "Space Grotesk";transition:.25s}.panel-demo-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.panel-chart,.panel-reading{min-height:220px;padding:19px;border:1px solid #dce3da;border-radius:19px;background:#fff}.panel-card-title{display:flex;justify-content:space-between}.panel-card-title b{display:block}.panel-card-title span{font-size:10px;color:#687386}.bars{height:130px;display:flex;align-items:end;gap:10px;margin-top:20px;border-bottom:1px solid #dce3da;background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#eef1ed 32px)}.bars i{flex:1;height:var(--h);min-height:8px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#42b9a1,#126b5b);transform-origin:bottom;animation:barRise .55s ease both}.panel-reading{background:linear-gradient(145deg,#f7f4e8,#edf5f1)}.reading-icon{display:grid;place-items:center;width:39px;height:39px;margin:15px 0 12px;border-radius:12px;background:#126b5b;color:#fff}.panel-reading b{display:block;font:700 17px "Space Grotesk"}.panel-reading p{font-size:11px;color:#687386}.panel-reading a{font-size:11px;font-weight:900;color:#126b5b}@keyframes barRise{from{transform:scaleY(.08);opacity:.3}to{transform:scaleY(1);opacity:1}}
@media(max-width:900px){.panel-demo{grid-template-columns:72px 1fr}.panel-demo-brand b,.panel-demo-side nav span,.panel-demo-side>small{font-size:0}.panel-demo-side nav span:before{content:"•";font-size:22px}.panel-demo-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.panel-preview-section{padding:70px 0}.panel-demo{display:block;min-height:auto;border-radius:22px;transform:none}.panel-demo-side{display:none}.panel-demo-main{padding:56px 14px 16px}.panel-demo-top{align-items:flex-start;flex-direction:column}.panel-periods{width:100%}.panel-periods button{flex:1}.panel-brand-banner{padding:15px}.panel-live{display:none}.panel-demo-metrics{gap:8px}.panel-demo-metrics article{padding:13px}.panel-demo-metrics strong{font-size:23px}.panel-demo-bottom{grid-template-columns:1fr}.panel-reading{min-height:auto}.panel-demo-note{left:14px;right:auto}}
@media(prefers-reduced-motion:reduce){.bars i{animation:none}}