.how-demo-tabs{display:flex;gap:0;border-bottom:1px solid #E8E4DC;margin-bottom:0;overflow-x:auto;scrollbar-width:none}.how-demo-tabs::-webkit-scrollbar{display:none}.how-demo-tab{padding:11px 20px;font-size:11.5px;font-weight:500;color:#5b6258;cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;font-family:Manrope,sans-serif;letter-spacing:.02em;white-space:nowrap;transition:color .18s,border-color .18s}.how-demo-tab.active{color:#093629;border-bottom-color:#1a6b4a;font-weight:600}.how-demo-tab:hover:not(.active){color:#1a6b4a}.how-demo-body{display:grid;grid-template-columns:1fr 1.4fr;gap:0;border:1px solid #E8E4DC;border-top:none;min-height:340px}.how-demo-left{padding:36px 32px;border-right:1px solid #E8E4DC;display:flex;flex-direction:column;justify-content:center}.how-demo-step-num{font-family:JetBrains Mono,monospace;font-size:10px;color:#1a6b4a;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.how-demo-step-title{font-family:Newsreader,serif;font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:#093629;margin-bottom:10px}.how-demo-step-sub{font-size:12.5px;color:#5b6258;line-height:1.6;font-family:JetBrains Mono,monospace}.how-demo-right{padding:28px;background:#093629;overflow:hidden;position:relative}.how-demo-terminal{font-family:JetBrains Mono,monospace;font-size:11.5px;color:#ffffffd1;line-height:1.7}.how-demo-terminal .t-p{color:#5ec69b}.how-demo-terminal .t-kw{color:#5ec69b;font-weight:500}.how-demo-terminal .t-dim{color:#ffffff40}.how-demo-terminal .t-out{color:#ffffff80;padding-left:18px;display:block}.how-demo-terminal .t-hr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:10px 0}.how-demo-terminal .t-line{margin-bottom:4px;display:flex;gap:10px}.how-demo-terminal .t-cursor{animation:how-blink 1s step-end infinite;color:#5ec69b}.how-demo-decision-row{border:1px solid rgba(255,255,255,.1);padding:12px 14px;margin-bottom:6px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.how-demo-decision-row.visible{opacity:1;transform:translateY(0)}.how-demo-decision-row .dr-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.how-demo-decision-row .dr-name{font-size:11px;color:#ffffffb3;font-family:Manrope,sans-serif}.how-demo-decision-row .dr-ep{font-size:10px;color:#ffffff4d;font-family:JetBrains Mono,monospace}.how-demo-decision-row .dr-action{font-size:11px;color:#5ec69b;font-family:Manrope,sans-serif}.how-demo-decision-row .dr-savings{font-size:11px;color:#ffffff80;font-family:JetBrains Mono,monospace}.how-demo-more{font-size:10.5px;color:#ffffff40;font-family:JetBrains Mono,monospace;margin-top:8px;padding-left:2px}.how-demo-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.how-demo-scenario{border:1px solid rgba(255,255,255,.12);padding:16px;cursor:default;transition:border-color .2s;position:relative}.how-demo-scenario.recommended{border-color:#5ec69b}.how-demo-scenario-tag{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin-bottom:8px;font-family:JetBrains Mono,monospace}.how-demo-scenario.recommended .how-demo-scenario-tag{color:#5ec69b}.how-demo-scenario-name{font-size:13px;font-weight:600;color:#fff;margin-bottom:6px;font-family:Manrope,sans-serif}.how-demo-scenario-meta{font-size:10.5px;color:#fff6;font-family:JetBrains Mono,monospace;line-height:1.6}.how-demo-rec-badge{position:absolute;top:-1px;right:-1px;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#5ec69b;color:#093629;padding:2px 7px;font-family:JetBrains Mono,monospace}.how-demo-scenario-cta{margin-top:4px;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);font-size:11.5px;color:#fff9;font-family:Manrope,sans-serif;display:flex;justify-content:space-between;align-items:center}.how-demo-scenario-cta a{color:#5ec69b;text-decoration:none;font-weight:600;font-size:11px}.how-demo-nzeb-bars{margin-top:16px;display:flex;flex-direction:column;gap:10px}.how-demo-nzeb-row{display:flex;align-items:center;gap:10px}.how-demo-nzeb-label{font-size:10px;font-family:JetBrains Mono,monospace;width:70px;flex-shrink:0}.how-demo-nzeb-bar-wrap{flex:1;height:6px;background:#ffffff12;overflow:hidden}.how-demo-nzeb-bar-fill{height:100%;transition:width 1.2s ease;width:0%}.how-demo-nzeb-count{font-size:11px;font-family:JetBrains Mono,monospace;width:28px;text-align:right;flex-shrink:0}@keyframes how-blink{0%,to{opacity:1}50%{opacity:0}}.demo-page{min-height:100vh;background:#faf8f5;font-family:Manrope,sans-serif;color:#093629}.demo-header{padding:88px 48px 48px;border-bottom:1px solid #E8E4DC}.demo-header-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#1a6b4a;margin-bottom:16px;display:flex;align-items:center;gap:10px}.demo-header-eyebrow:before{content:"";display:block;width:28px;height:1px;background:#1a6b4a}.demo-header-h1{font-family:Newsreader,serif;font-size:clamp(32px,3vw,44px);font-weight:500;line-height:1.1;letter-spacing:-.025em;color:#093629;margin-bottom:8px}.demo-header-sub{font-size:13px;color:#5b6258;font-family:JetBrains Mono,monospace}.demo-progress{display:flex;gap:0;padding:0 48px;border-bottom:1px solid #E8E4DC;overflow-x:auto;scrollbar-width:none}.demo-progress::-webkit-scrollbar{display:none}.demo-progress-step{display:flex;align-items:center;gap:8px;padding:14px 20px;font-size:11.5px;font-weight:500;color:#5b6258;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color .18s}.demo-progress-step.active{color:#093629;border-bottom-color:#1a6b4a;font-weight:600}.demo-progress-step.done{color:#1a6b4a}.demo-progress-dot{width:8px;height:8px;border:1.5px solid currentColor;flex-shrink:0}.demo-progress-step.done .demo-progress-dot{background:#1a6b4a;border-color:#1a6b4a}.demo-progress-step.active .demo-progress-dot{background:#093629;border-color:#093629}.demo-body{display:grid;grid-template-columns:2fr 3fr;gap:0;min-height:480px;border-bottom:1px solid #E8E4DC}.demo-left{padding:48px 40px;border-right:1px solid #E8E4DC;display:flex;flex-direction:column;justify-content:center}.demo-step-num{font-family:JetBrains Mono,monospace;font-size:10px;color:#1a6b4a;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.demo-step-title{font-family:Newsreader,serif;font-size:clamp(24px,2.2vw,32px);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:#093629;margin-bottom:10px}.demo-step-sub{font-size:12.5px;color:#5b6258;line-height:1.65;margin-bottom:24px}.demo-right{padding:36px;background:#093629;overflow:hidden}.demo-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 48px;border-bottom:1px solid #E8E4DC}.demo-nav-btn{background:transparent;border:1px solid #E8E4DC;color:#5b6258;padding:10px 22px;font-size:12.5px;font-weight:500;cursor:pointer;font-family:Manrope,sans-serif;transition:all .18s}.demo-nav-btn:hover{border-color:#1a6b4a;color:#093629}.demo-nav-btn.primary{background:#093629;border-color:#093629;color:#faf8f5;font-weight:600}.demo-nav-btn.primary:hover{background:#1a6b4a;border-color:#1a6b4a}.demo-nav-btn:disabled{opacity:.3;cursor:default}.demo-result-box{border:1px solid #E8E4DC;padding:36px;max-width:680px;margin:0 auto}.demo-result-header{font-family:Newsreader,serif;font-size:clamp(28px,2.5vw,38px);font-weight:500;line-height:1.1;letter-spacing:-.025em;color:#093629;margin-bottom:28px}.demo-result-header em{font-style:italic;color:#1a6b4a}.demo-result-table{width:100%;border-collapse:collapse;margin-bottom:24px}.demo-result-table td{padding:10px 0;border-bottom:1px solid #E8E4DC;font-size:13px;color:#5b6258}.demo-result-table td:first-child{font-weight:600;color:#093629;width:40%;font-family:JetBrains Mono,monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}.demo-result-quote{font-family:Newsreader,serif;font-style:italic;font-size:15px;color:#5b6258;line-height:1.6;border-left:2px solid #1A6B4A;padding-left:16px;margin-bottom:28px}.demo-result-cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.demo-decision-row{border:1px solid rgba(255,255,255,.1);margin-bottom:6px;cursor:pointer;transition:border-color .18s}.demo-decision-row:hover{border-color:#5ec69b4d}.demo-decision-row.expanded{border-color:#5ec69b80}.demo-decision-row-header{padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.demo-decision-row-left .dr-name{font-size:11.5px;color:#ffffffbf;font-family:Manrope,sans-serif;margin-bottom:3px}.demo-decision-row-left .dr-action{font-size:11px;color:#5ec69b;font-family:Manrope,sans-serif}.demo-decision-row-right{text-align:right}.demo-decision-row-right .dr-ep{font-size:10px;color:#ffffff4d;font-family:JetBrains Mono,monospace;margin-bottom:3px}.demo-decision-row-right .dr-savings{font-size:11.5px;color:#ffffffb3;font-family:JetBrains Mono,monospace;font-weight:600}.demo-decision-expand{padding:14px 14px 14px 24px;border-top:1px solid rgba(255,255,255,.07);background:#5ec69b0d;display:none}.demo-decision-row.expanded .demo-decision-expand{display:block}.demo-decision-expand-row{display:flex;justify-content:space-between;padding:4px 0;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.demo-decision-expand-row:last-child{border-bottom:none}.demo-decision-expand-row .de-label{color:#ffffff59;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.demo-decision-expand-row .de-value{color:#ffffffbf;font-family:JetBrains Mono,monospace;font-size:11px}.demo-scenario{border:1px solid rgba(255,255,255,.12);padding:18px;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.demo-scenario:hover{border-color:#ffffff4d}.demo-scenario.selected{border-color:#5ec69b;background:#5ec69b12}.demo-scenario-tag{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin-bottom:8px;font-family:JetBrains Mono,monospace}.demo-scenario.selected .demo-scenario-tag{color:#5ec69b}.demo-scenario-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:6px;font-family:Manrope,sans-serif}.demo-scenario-meta{font-size:10.5px;color:#fff6;font-family:JetBrains Mono,monospace;line-height:1.65}.demo-scenario-rec-badge{position:absolute;top:-1px;right:-1px;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#5ec69b;color:#093629;padding:2px 7px;font-family:JetBrains Mono,monospace}.demo-scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.demo-selected-notice{margin-top:12px;padding:10px 14px;background:#5ec69b1a;border:1px solid rgba(94,198,155,.3);font-size:11.5px;color:#5ec69b;font-family:JetBrains Mono,monospace;display:none}.demo-selected-notice.visible{display:block}@media (max-width: 900px){.demo-result-two-col{grid-template-columns:1fr!important}.how-demo-body{grid-template-columns:1fr}.how-demo-left{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.how-demo-right{min-height:260px}.how-demo-scenarios{grid-template-columns:1fr}.demo-header{padding:88px 24px 36px}.demo-progress{padding:0 16px}.demo-body{grid-template-columns:1fr}.demo-left{border-right:none;border-bottom:1px solid #E8E4DC;padding:32px 24px}.demo-right{padding:24px;min-height:300px}.demo-nav{padding:16px 24px}.demo-result-box{padding:24px}.demo-scenarios-grid{grid-template-columns:1fr}}