.interactive-section{padding:100px 0;background:#f7f6f3}.interactive-section.alternate{background:#eceaf4}.demo-description{max-width:660px;font-size:14px;color:#72717e;line-height:1.8;margin:22px 0}.app-frame{background:#fff;border-radius:14px;box-shadow:0 20px 65px #1616301c;display:grid;grid-template-columns:210px 1fr;overflow:hidden;min-height:490px;border:1px solid #e0dee8}.app-sidebar{background:#111934;color:#979fb5;padding:27px 22px;display:flex;flex-direction:column;gap:25px;font-size:12px}.app-sidebar>div:not(.app-logo){padding:12px}.app-logo{color:#fff;font-weight:700;font-family:'Space Grotesk';font-size:18px}.app-logo span{font-size:13px;letter-spacing:.1em}.app-sidebar .app-nav-active{color:white;border-radius:8px;background:#2c3959}.app-sidebar small{font-size:9px;letter-spacing:.12em;margin-top:auto}.app-main{padding:32px}.app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.app-toolbar small{font-size:10px;color:#9a93b3;letter-spacing:.13em}.app-toolbar h3{font-size:29px;letter-spacing:-.06em;margin:8px 0}.app-toolbar label{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700}.app-toolbar select,.calc-controls select{border:1px solid #dedce6;background:#f9f8fc;padding:10px 14px;border-radius:6px}.metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:27px 0}.metric-cards>div{border:1px solid #e3e0e9;border-radius:9px;padding:19px;display:flex;flex-direction:column}.metric-cards span{font-size:11px;color:#757384}.metric-cards strong{font:700 31px 'Space Grotesk';letter-spacing:-.06em;margin:7px 0}.metric-cards small{font-size:9px;color:#93909f}.chart-card{border:1px solid #e3e0e9;border-radius:9px;padding:22px}.chart-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.chart-top span{font-size:10px;color:#8a8797}.bars{height:140px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid #dfdce7;margin-top:25px}.bars span{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#8a66ed,#5cc9ed);transition:height .25s}.chart-labels{display:flex;gap:14px;margin-top:8px}.chart-labels span{flex:1;text-align:center;font-size:10px;color:#96929f}.app-summary{font-size:11px;color:#7365b4;margin-top:18px}.booking-demo{display:grid;grid-template-columns:.88fr 1.12fr;background:white;border-radius:12px;overflow:hidden;box-shadow:0 20px 55px #201b4419}.booking-info{background:linear-gradient(150deg,#19254a,#49317b);color:white;padding:55px 45px}.booking-info>span{font-size:10px;letter-spacing:.16em;color:#c9b9fb}.booking-info h3{font-size:40px;letter-spacing:-.07em;line-height:1.08;margin:45px 0 15px}.booking-info p{font-size:13px;color:#bfc2dc;margin-bottom:45px}.booking-info div{font-size:12px;color:#d9dcf3;margin-bottom:16px}.booking-info div strong{color:#5ad6ed;margin-right:10px}.booking-panel{padding:48px}.booking-step{margin-bottom:32px}.booking-step>span{font-size:11px;font-weight:700;color:#5c537b;letter-spacing:.06em}.day-choices,.time-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}.day-choices button,.time-choices button{border:1px solid #ddd9e9;background:#fff;color:#3c3755;padding:14px 5px;border-radius:7px;font-size:12px}.day-choices button strong{display:block;font:700 22px 'Space Grotesk';margin-top:8px}.day-choices button.selected,.time-choices button.selected{background:#754ae0;border-color:#754ae0;color:#fff}.booking-confirm{width:100%}.booking-message{margin-top:14px;font-size:12px;color:#6854a7;min-height:32px;line-height:1.6}.calculator-demo{display:grid;grid-template-columns:1fr .75fr;border-radius:12px;overflow:hidden;box-shadow:0 20px 55px #17163a19;background:white}.calc-controls{padding:45px}.calc-controls h3{font-size:28px;letter-spacing:-.06em;margin-bottom:28px}.calc-controls label{display:flex;flex-direction:column;gap:12px;font-size:12px;margin-bottom:23px;font-weight:700}.calc-controls label:has(input[type=checkbox]){flex-direction:row;align-items:center;font-weight:500}.calc-controls input[type=range]{accent-color:#7850e5}.calc-controls input[type=checkbox]{accent-color:#7850e5;width:17px;height:17px}.calc-controls label>span{font-size:11px;color:#8c829f}.calc-result{background:linear-gradient(145deg,#191a43,#3b2172);color:#fff;padding:55px 40px;display:flex;flex-direction:column;justify-content:center}.calc-result>span{font-size:10px;letter-spacing:.16em;color:#c1b6ef}.calc-result strong{font:700 72px 'Space Grotesk';letter-spacing:-.08em;margin:25px 0 8px}.calc-result p{color:#ddd9f9}.calc-result small{line-height:1.8;color:#b5afd1;font-size:11px}.calc-result a{color:#70dcf5;font-size:13px;font-weight:700;margin-top:35px}@media(max-width:850px){.app-frame{grid-template-columns:1fr}.app-sidebar{display:none}.booking-demo,.calculator-demo{grid-template-columns:1fr}.booking-info{padding:38px}.booking-info h3{margin:25px 0}.booking-info p{margin-bottom:25px}}@media(max-width:600px){.interactive-section{padding:70px 0}.app-main{padding:18px}.app-toolbar{align-items:flex-start;flex-direction:column}.metric-cards{grid-template-columns:1fr;gap:8px}.metric-cards>div{padding:12px}.metric-cards strong{font-size:25px}.bars{height:110px;gap:7px}.chart-labels{gap:7px}.booking-panel{padding:22px}.day-choices,.time-choices{grid-template-columns:repeat(2,1fr)}.booking-info{padding:30px}.calc-controls,.calc-result{padding:28px}.calc-result strong{font-size:57px}}