.maturity-demo{max-width:1400px;padding-top:12px}.maturity-demo .app-topbar{justify-content:flex-start;gap:18px}.maturity-demo .app-topbar h1{flex:1}.maturity-badge{color:#d8ff3e;background:#25301e;border:1px solid #d8ff3e66;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700}.maturity-intro,.maturity-description{color:#b4c0b6;font-size:14px;line-height:1.7}.maturity-intro{margin:24px 0}.maturity-controls{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.maturity-controls button{color:#dbe4dc;min-height:44px;font:600 13px var(--font-manrope);cursor:pointer;background:#17201b;border:1px solid #435348;padding:10px 16px}.maturity-controls button[aria-pressed=true]{color:#101414;background:#d8ff3e;border-color:#d8ff3e}.maturity-controls button:focus-visible,.maturity-chart:focus-visible{outline-offset:3px;outline:3px solid #65c9ff}.maturity-panel{min-width:0}.maturity-panel>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.maturity-panel>header h2{margin:0;font-size:20px}.maturity-panel>header>span{color:#b4c0b6;font-size:12px}.maturity-readings{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 10px;display:grid}.maturity-readings span{font-size:13px}.maturity-readings strong{margin-top:12px;font-size:clamp(22px,3vw,34px);font-weight:500;display:block}.maturity-selected-time{color:#aab7af;min-height:36px;margin:16px 0 0;font-size:12px;line-height:1.6}.maturity-chart{touch-action:pan-y;width:100%;height:auto;display:block}.maturity-help{color:#9dab9e;margin:14px 0 0;font-size:12px;line-height:1.7}@media (max-width:550px){.maturity-demo .app-topbar{gap:10px}.maturity-demo .app-topbar h1{font-size:20px}.maturity-controls{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.maturity-controls button{padding:8px 4px;font-size:11px}.maturity-readings{gap:8px}.maturity-readings span{font-size:11px}.maturity-readings strong{font-size:18px}.maturity-panel{padding:16px}.maturity-description{font-size:12px}.maturity-help{font-size:11px}}