.demo-page .editorial{max-width:1240px}.demo-page .editorial>h1{font-size:clamp(38px,5vw,64px);margin:18px 0}.demo-page .editorial{padding-top:48px}.demo-page .editorial>.lead{max-width:700px;font-size:18px}.demo-page #demo-experience{padding:24px;border:1px solid #34423e;border-radius:20px;background:#141c1d}.demo-panel-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.demo-panel-title h2{font-size:26px;margin:8px 0;letter-spacing:-.7px}.demo-panel-title>span{font-size:12px;color:#abb8b1}.demo-panel-title .eyebrow,.demo-journey .eyebrow{font-size:10px}.demo-workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:24px}.demo-player{min-width:0;border:1px solid #405049;border-radius:12px;overflow:hidden;background:#faf8f2}.demo-browser{display:flex;justify-content:space-between;align-items:center;background:#202b29;color:#aab6af;padding:14px;font-size:11px}.demo-browser span{color:#6c8174;letter-spacing:3px}.demo-browser b{font-size:9px;color:#bfee78}#demo-stage{height:480px;position:relative;overflow:hidden}.demo-controls{display:flex;align-items:center;gap:15px;padding:14px;background:#202b29}.demo-controls button{border:0;border-radius:6px;background:#bfee78;color:#172117;padding:10px 18px;font-weight:700}.demo-controls input{flex:1;min-width:30px;accent-color:#bfee78}.demo-controls span{font-size:11px;white-space:nowrap}.demo-journey{padding:12px 0}.demo-journey h3{font-size:25px;line-height:1.2;margin:16px 0}.demo-journey p,.demo-journey small{font-size:13px;color:#aebdb4;line-height:1.7}.demo-journey button{display:flex;gap:12px;width:100%;text-align:left;padding:16px 0;background:none;color:#e0e8e1;border:0;border-bottom:1px solid #34423e;font-size:12px;cursor:pointer}.demo-journey button span{color:#bfee78}.demo-journey small{display:block;margin-top:24px;font-size:11px}.demo-journey select{display:block;width:100%;margin-top:12px;padding:12px;background:#202b29;color:white;border:1px solid #405049;border-radius:6px}.demo-heat-store{position:relative;overflow:hidden;border-radius:10px}.demo-heat-store h1{font-size:38px!important;letter-spacing:-1px!important;color:#292c27}.demo-heat-store p{color:#687064}.demo-depth{position:absolute;inset:0;background:linear-gradient(#fa65454d,#f9dc5044,#499ddb55);pointer-events:none}.demo-hotspot{position:absolute;top:58%;left:70%;width:140px;height:100px;background:radial-gradient(ellipse,#fc3534cc,#ffd33288 35%,#65c5dd55 55%,transparent 70%);pointer-events:none}.demo-funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.demo-funnel article{padding:24px;background:#202b29;border-radius:12px}.demo-funnel article>span,.demo-funnel small{font-size:12px;color:#aebdb4}.demo-funnel strong{display:block;font-size:48px;margin:24px 0;color:#bfee78}.demo-bar{height:8px;background:#35443b;border-radius:9px;margin-bottom:14px}.demo-bar i{display:block;height:100%;background:#bfee78;border-radius:9px}.demo-note{font-size:14px;color:#aebdb4;margin:24px 0 0}@media(max-width:800px){.demo-workspace{grid-template-columns:1fr}.demo-funnel{grid-template-columns:repeat(2,1fr)}.demo-panel-title{align-items:flex-start;flex-direction:column;gap:4px}.demo-page #demo-experience{padding:14px}#demo-stage{height:340px}.demo-heat-store>div:first-child{width:760px;transform:scale(.6);transform-origin:top left}.demo-heat-store{height:390px}.demo-journey h3 br{display:none}}@media(max-width:480px){#demo-stage{height:240px}.demo-heat-store>div:first-child{transform:scale(.4)}.demo-heat-store{height:270px}.demo-funnel article{padding:15px}}