.demo-page{max-width:1240px;margin:28px auto 60px;padding:0 24px;color:var(--text)}.demo-hero{padding:clamp(26px,5vw,64px);border:1px solid var(--border);border-radius:24px;background:linear-gradient(130deg,var(--surface-secondary,#182a35),var(--panel,#111d28));position:relative;overflow:hidden}.demo-hero h1{font-size:clamp(30px,4vw,54px);max-width:850px;line-height:1.12;letter-spacing:-.035em;margin:20px 0}.demo-hero p{max-width:760px;line-height:1.7;color:var(--muted)}.demo-badge{display:inline-block;padding:6px 12px;background:#e9b94922;border:1px solid #e9b94966;border-radius:8px;color:var(--product-gold,#e9b949);font-weight:800;letter-spacing:.15em}.demo-notice{padding:14px 18px;margin:18px 0;border-left:3px solid var(--blue,#79c6e8);color:var(--muted);background:var(--surface-secondary,#182a35);border-radius:8px}.demo-services,.demo-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.demo-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-service,.demo-stat,.demo-machine{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--panel,#172631)}.demo-service p{color:var(--muted);line-height:1.6}.demo-service a{display:inline-block;font-weight:700;color:var(--blue,#79c6e8);text-decoration:none}.demo-stat strong{display:block;font-size:30px;margin-top:10px}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.demo-machine h3{font-size:22px;margin:12px 0}.demo-machine small{color:var(--muted)}.demo-machine dl{display:grid;grid-template-columns:1fr auto;gap:10px}.demo-machine dd{margin:0}.demo-view-switch{display:flex;gap:5px;border:1px solid var(--border);padding:4px;border-radius:10px;width:max-content;margin:14px auto}.demo-view-switch a{padding:7px 12px;border-radius:7px;text-decoration:none;color:var(--muted)}.demo-view-switch a[aria-current]{background:var(--blue,#79c6e8);color:#10212b}.demo-grant-editor{margin-top:24px}.demo-grant-editor .management-machine-list{grid-column:1/-1;display:grid;gap:10px;max-height:330px;overflow:auto}.demo-updated{font-size:13px;color:var(--muted)}@media(max-width:620px){.demo-page{padding:0 14px}.demo-services{grid-template-columns:1fr}.demo-stats{gap:8px}.demo-stat{padding:14px;font-size:12px}.demo-stat strong{font-size:24px}.demo-hero{padding:26px}.demo-view-switch{margin:12px auto}}

.demo-grant-editor{padding:20px;border:1px solid var(--panel-border);border-radius:14px}.demo-grant-editor>p{color:var(--muted);line-height:1.6}.demo-grant-editor .management-machine-list{grid-template-columns:repeat(2,minmax(0,1fr))}.session-management .demo-grant-editor .management-form{max-width:none}@media(max-width:620px){.demo-grant-editor .management-machine-list{grid-template-columns:minmax(0,1fr)}}
/* Keep user setup in reading order: identity, permissions, ordinary machines, then demo. */
.session-management .management-user-form{grid-template-columns:minmax(0,1fr)}
.session-management .management-user-form>.management-user-identity,.session-management .management-user-form>.management-permissions{grid-column:1/-1}
.demo-grant-editor{border:2px solid #ddb65a80;background:linear-gradient(120deg,#c3911912,transparent);margin-top:16px}
.demo-grant-editor h3{display:flex;align-items:center;gap:12px;font-size:1.2rem}
.demo-info-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:2px solid #ddb65a;border-radius:50%;font-weight:800;color:#ddb65a}
.demo-offer-editor{padding:14px;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel)}
.demo-offer-editor .management-machine-choice{border:0!important;padding:0!important;background:transparent!important}
.demo-revenue{font-weight:600;font-size:.88rem;margin:12px 0}
.session-management .demo-price-toggle{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:.85rem;margin:12px 0}
.demo-price-fields{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:10px}
.demo-price-fields[hidden]{display:none}
.demo-price-fields input,.demo-price-fields select{width:100%}
.demo-offers-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0 16px}
.demo-periods{display:flex;padding:4px;border:1px solid var(--panel-border);border-radius:12px;gap:4px}
.demo-periods button{border:0;border-radius:8px;background:transparent;padding:9px 15px;color:var(--text);font:inherit;cursor:pointer}
.demo-periods button[aria-pressed=true]{background:var(--blue,#79c6e8);color:#10212b}
.demo-periods button:disabled{opacity:.65;cursor:wait}
.demo-table-wrap{overflow:auto;border:1px solid var(--panel-border);border-radius:16px}
.demo-offer-table{border-collapse:collapse;width:100%;font-size:.84rem}
.demo-offer-table th{padding:16px 12px;text-align:left;color:var(--muted);background:var(--panel)}
.demo-offer-table td{padding:18px 12px;border-top:1px solid var(--panel-border);vertical-align:top;min-width:90px}
.demo-offer-table td:first-child{min-width:145px}
.demo-offer-table td strong,.demo-offer-table td small{display:block;margin:4px 0}
.demo-offer-table small{color:var(--muted);line-height:1.5;font-size:.75rem}
.demo-offer-table .demo-machine{border:0;border-radius:0}
.demo-price-age{font-weight:700;display:inline-block;border-radius:6px;padding:4px 6px;margin-top:4px}
.demo-price-age.fresh{color:#52e5b0;background:#12845724}
.demo-price-age.recent{color:#36ad83;background:#0b593c40}
.demo-price-age.aging{color:#ffc069;background:#d8861726}
.demo-price-age.old{color:#ff8994;background:#c0274026}
.demo-profit-positive{color:#52e5b0}.demo-profit-negative{color:#ff8994}
.demo-quote{display:inline-block;text-decoration:none;padding:10px 12px;border:1px solid var(--blue,#79c6e8);border-radius:9px;color:var(--blue,#79c6e8);font-weight:700;min-width:90px}
.demo-method{color:var(--muted);font-size:.8rem;line-height:1.65;margin:16px 0}
html[data-theme=light] .demo-price-age.fresh,html[data-theme=light] .demo-profit-positive{color:#087b4f}
html[data-theme=light] .demo-price-age.recent{color:#075c3c;background:#087b4f20}
html[data-theme=light] .demo-price-age.aging{color:#8b5000}
html[data-theme=light] .demo-price-age.old,html[data-theme=light] .demo-profit-negative{color:#b7203b}
@media(max-width:900px){.demo-table-wrap{border:0;overflow:visible}.demo-offer-table,.demo-offer-table tbody{display:block}.demo-offer-table thead{display:none}.demo-offer-table .demo-machine{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--panel-border);border-radius:14px;margin:16px 0;padding:12px}.demo-offer-table td{display:block;min-width:0;padding:10px;border:0;overflow-wrap:anywhere}.demo-offer-table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:.75rem;margin-bottom:6px}.demo-offer-table td:first-child,.demo-offer-table td:last-child{grid-column:1/-1}.demo-quote{display:block;text-align:center}}
.session-management .management-user-form>.management-editor-actions{position:static}
.session-management .management-user-identity>label{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.demo-price-age{white-space:nowrap}

.demo-explore-panel{margin:0 0 1.5rem;border:1px solid var(--border,#355260);border-radius:16px;background:var(--panel,#182a34);overflow:hidden}
.demo-explore-panel>summary{padding:1.2rem 1.5rem;cursor:pointer;font-size:1.1rem;font-weight:700;color:var(--text,#e3edf2)}
.demo-explore-panel>summary::marker{color:#79c6e8}
.demo-explore-panel>summary:hover{background:rgba(121,198,232,.07)}
.demo-explore-panel>summary:focus-visible{outline:2px solid #79c6e8;outline-offset:-3px}
.demo-explore-panel>p,.demo-explore-panel>div{margin:0;padding:0 1.5rem 1.2rem}
.demo-explore-intro{max-width:100ch;line-height:1.6;color:var(--muted,#a8c3ce)}
.demo-explore-panel .demo-offers-heading h2{display:none}
@media(max-width:600px){.demo-explore-panel>summary{padding:1rem}.demo-explore-panel>p,.demo-explore-panel>div{padding:0 1rem 1rem}.demo-view-switch{flex-wrap:wrap}}

.demo-offer-table .demo-estimate-label{color:var(--warning,#f4bd56);font-weight:600;line-height:1.5}

.demo-inquiry{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:26px;border:1px solid var(--panel-border,#355260);border-radius:18px;background:var(--panel,#182a34);color:var(--text,#e3edf2);overflow:auto}
.demo-inquiry::backdrop{background:#07121dcc;backdrop-filter:blur(4px)}
.demo-inquiry-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-inquiry-heading h2{margin:0}.demo-inquiry-heading button{font-size:24px;padding:4px 12px}
.demo-inquiry>p{line-height:1.6;color:var(--muted,#a8c3ce)}.demo-inquiry form{display:grid;gap:16px}.demo-inquiry label{display:grid;gap:7px;font-weight:600}.demo-inquiry input,.demo-inquiry textarea{width:100%;box-sizing:border-box;font:inherit;color:var(--text);background:var(--control-bg,#0f1f2a);border:1px solid var(--panel-border,#355260);border-radius:9px;padding:12px}.demo-inquiry textarea{resize:vertical;min-height:180px;font-weight:400;line-height:1.5}.demo-inquiry-actions{display:flex;flex-wrap:wrap;gap:12px}.demo-inquiry-actions>*{padding:12px 18px}.demo-inquiry-status{margin:0;min-height:1.5em;color:var(--muted)}
@media(max-width:600px){.demo-inquiry{padding:18px}.demo-inquiry-actions>*{flex:1;text-align:center}}

.demo-explore-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px}.demo-explore-heading h2{margin:0;color:var(--product-gold,#e9b949);font-size:1.1rem;line-height:1.5}.demo-explore-toggle{flex:none;white-space:nowrap}.demo-explore-panel>div[hidden]{display:none}.demo-explore-panel .demo-explore-intro{margin:0 0 18px}
@media(max-width:600px){.demo-explore-heading{padding:16px;align-items:flex-start;gap:10px}.demo-explore-heading h2{font-size:1rem}.demo-explore-toggle{padding:7px 10px}}

.demo-explore-heading .demo-explore-toggle{position:static}.demo-sort-heading{font:inherit;font-weight:600;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer}.demo-sort-heading:hover,.demo-sort-heading:focus-visible{color:var(--blue,#79c6e8)}.demo-sorting{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.demo-sorting select,.demo-sorting button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:9px;max-width:100%}.demo-sorting label{color:var(--muted)}

/* Cost details appear on hover or keyboard focus without expanding the row. */
.demo-cost-info{display:inline-flex;vertical-align:middle;margin-left:7px;cursor:help;color:var(--blue,#79c6e8)}.demo-cost-info-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:12px;font-weight:700;font-style:normal;line-height:1}.demo-cost-info:focus-visible{outline:2px solid var(--blue,#79c6e8);outline-offset:3px;border-radius:50%}.demo-cost-popover{position:fixed;z-index:1000;display:block;width:300px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:12px;border:1px solid var(--panel-border,#355260);border-radius:9px;background:var(--panel,#182a34);color:var(--text,#e3edf2);box-shadow:0 8px 24px #0005;white-space:normal;text-align:left;font-size:.8rem;line-height:1.5}.demo-cost-popover[hidden]{display:none}.demo-cost-popover>span{display:block;margin:3px 0}


.demo-inquiry button{font:inherit;cursor:pointer;border:1px solid var(--panel-border,#355260);border-radius:9px;background:var(--control-bg,#0f1f2a);color:var(--text)}.demo-inquiry-actions button{background:var(--blue,#79c6e8);color:#10212b;font-weight:700}.demo-inquiry button:disabled{opacity:.65;cursor:wait}.demo-inquiry button:hover{filter:brightness(1.1)}.demo-inquiry-heading button{font-size:24px}

button.demo-quote{background:transparent;font:inherit;font-weight:700;cursor:pointer}button.demo-quote:hover{background:#79c6e814}

/* Draw attention to the offer disclosure and its cost comparison controls. */
.demo-attention-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;box-sizing:border-box;border-radius:50%;background:#f4bd56;color:#182a34;font-weight:800;font-size:20px;line-height:1}
.demo-explore-heading h2{flex:1;min-width:0}
.demo-explore-arrow{flex:0 0 auto;color:#f4bd56;font-size:42px;line-height:1}
.demo-explore-arrow[hidden]{display:none}
.demo-explore-collapsed{border:2px solid #f4bd56}
.demo-explore-collapsed .demo-explore-heading{background:#f4bd560b}
.demo-explore-collapsed .demo-explore-toggle{border:2px solid #f4bd56;background:#f4bd56;color:#182a34;font-weight:700}
.demo-cost-basis{align-items:center;max-width:100%;box-sizing:border-box}
.demo-cost-basis button{min-width:0;white-space:normal}
.demo-cost-basis button:focus-visible,.demo-explore-toggle:focus-visible{outline:2px solid var(--text);outline-offset:3px}
html[data-theme=light] .demo-explore-arrow{color:#946000}
@media(max-width:600px){.demo-explore-heading{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px}.demo-explore-heading h2{grid-column:2/-1}.demo-explore-arrow{grid-column:2;justify-self:end}.demo-explore-toggle{grid-column:3;justify-self:end}.demo-cost-basis{width:100%}.demo-cost-basis button{flex:1;padding:9px 8px}}

.demo-offer-warranty{margin-top:6px;max-width:28ch;font-size:.75rem;line-height:1.5}.demo-offer-warranty summary{cursor:pointer;color:var(--blue,#79c6e8)}.demo-warranty-details{padding:8px 0}.demo-offer-exclusions{margin:0 0 10px;color:var(--muted);font-size:.8rem}

.demo-view-switch{align-items:center;border:2px solid #f4bd56;background:#f4bd560b;padding:6px;max-width:calc(100% - 28px);box-sizing:border-box}
.demo-view-switch .demo-attention-icon{margin:0 4px}
.demo-view-switch a{min-width:0;text-align:center}
.demo-view-switch a:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.demo-explore-heading{position:relative;cursor:pointer}
.demo-explore-toggle::after{content:'';position:absolute;inset:0;cursor:pointer}
.demo-explore-heading:has(.demo-explore-toggle:focus-visible){outline:2px solid var(--text);outline-offset:-4px}
@media(max-width:600px){.demo-view-switch{flex-wrap:nowrap;gap:3px}.demo-view-switch a{padding:7px 8px}.demo-view-switch .demo-attention-icon{margin:0}}

/* Shared offers have their own read-only detail; no private machine endpoints. */
.demo-server-link{border:0;background:none;padding:0;color:var(--blue,#79c6e8);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;text-align:left}
.demo-server-link:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.demo-server-detail{width:min(1080px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;box-sizing:border-box;border:1px solid var(--panel-border,#355260);border-radius:18px;color:var(--text,#e3edf2);background:var(--panel,#182a34);overflow:auto}
.demo-server-detail::backdrop{background:#07121dcc;backdrop-filter:blur(4px)}
.demo-detail-heading,.demo-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:var(--panel,#182a34)}
.demo-detail-heading{position:sticky;top:0;z-index:1;border-bottom:1px solid var(--panel-border,#355260)}
.demo-detail-heading h2{font-size:1.2rem;margin:0;overflow-wrap:anywhere}
.demo-detail-footer{justify-content:flex-end;border-top:1px solid var(--panel-border,#355260)}
.demo-server-detail button{font:inherit;cursor:pointer;color:var(--text);background:var(--control-bg,#0f1f2a);border:1px solid var(--panel-border,#355260);border-radius:9px;padding:10px 14px}
.demo-server-detail button:focus-visible{outline:2px solid var(--blue,#79c6e8);outline-offset:2px}
.demo-detail-body{padding:24px}.demo-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
.demo-detail-card{border:1px solid var(--panel-border,#355260);border-radius:12px;padding:16px;min-width:0}.demo-detail-card h3{font-size:.85rem;color:var(--muted);margin:0 0 10px}.demo-detail-card p{font-size:.85rem;line-height:1.5;margin:6px 0 0}.demo-detail-card strong{font-size:1rem;line-height:1.5}
.demo-detail-table-wrap{overflow-x:auto;border:1px solid var(--panel-border,#355260);border-radius:12px}.demo-detail-table{width:100%;border-collapse:collapse;font-size:.85rem}.demo-detail-table caption{text-align:left;padding:16px;font-weight:700}.demo-detail-table th,.demo-detail-table td{padding:12px;text-align:left;border-top:1px solid var(--panel-border,#355260)}.demo-detail-table td{white-space:nowrap}.demo-detail-table thead th{font-size:.8rem;color:var(--muted)}.demo-detail-table small{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}
.demo-detail-costs{margin-top:20px;font-size:.85rem;line-height:1.5}.demo-detail-costs h3{font-size:1rem}.demo-detail-costs p{margin:6px 0}
@media(max-width:600px){.demo-detail-heading,.demo-detail-footer{padding:14px;gap:8px}.demo-detail-body{padding:14px}.demo-detail-grid{grid-template-columns:minmax(0,1fr)}.demo-detail-footer{flex-wrap:wrap}.demo-detail-table{min-width:650px}.demo-detail-heading button{flex:none}}

.demo-detail-tabs{display:flex;gap:8px;margin-bottom:20px}.demo-detail-tabs [aria-selected=true]{background:var(--blue,#79c6e8);color:#10212b;font-weight:700}.demo-detail-body [role=tabpanel][hidden]{display:none}.demo-financial-chart{margin:20px 0;border:1px solid var(--panel-border,#355260);border-radius:12px;padding:14px}.demo-financial-chart h3{font-size:1rem;margin:0 0 12px}.demo-financial-chart svg{display:block;overflow:visible}.demo-financial-chart summary{color:var(--blue,#79c6e8);cursor:pointer;font-size:.85rem;margin-top:10px}.demo-detail-body [role=tabpanel]>.demo-periods{margin-bottom:16px;width:fit-content}.demo-detail-body .demo-periods button[aria-pressed=true]{background:var(--blue,#79c6e8);color:#10212b}.demo-detail-tabs button{flex:1}.demo-detail-body .demo-detail-table-wrap{margin-top:16px}

.demo-offer-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}.demo-offer-search label{font-weight:600}.demo-offer-search input{font:inherit;flex:1;min-width:180px;max-width:460px;border:1px solid var(--panel-border);border-radius:9px;padding:10px 12px;background:var(--control-bg,var(--panel));color:var(--text)}.demo-offer-search button{font:inherit;border:1px solid var(--panel-border);border-radius:9px;padding:9px 12px;background:var(--panel);color:var(--text);cursor:pointer}.demo-filter-count,.demo-filter-empty{color:var(--muted);font-size:.85rem}.demo-offer-table tr[hidden],.demo-filter-empty[hidden],.demo-offer-search button[hidden]{display:none}@media(max-width:600px){.demo-offer-search input{width:100%;max-width:none;flex-basis:100%}}

.demo-price-settings{margin:12px 0;border-top:1px solid var(--panel-border);padding-top:12px}.demo-price-settings summary{cursor:pointer;color:var(--blue,#79c6e8);font-weight:600}.demo-price-settings[hidden]{display:none}.demo-price-settings>p{font-size:.8rem;color:var(--muted);line-height:1.5}.demo-price-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-price-settings-grid label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;min-width:0}.demo-price-settings-grid input{width:100%;min-width:0;box-sizing:border-box}.demo-price-rates-heading{grid-column:1/-1;font-weight:600;font-size:.85rem}.demo-price-calculation{margin:16px 0;min-width:0}.demo-price-calculation h3{font-size:1rem}.demo-price-calculation table{width:100%;border-collapse:collapse;font-size:.85rem}.demo-price-calculation th,.demo-price-calculation td{padding:9px 4px;border-bottom:1px solid var(--panel-border);text-align:left;vertical-align:top}.demo-price-calculation th{font-weight:400}.demo-price-calculation td{text-align:right;white-space:nowrap}.demo-price-calculation small{display:block;color:var(--muted);font-weight:400;line-height:1.5}.demo-price-total th,.demo-price-total td{font-weight:700;border-top:2px solid var(--panel-border)}.demo-price-preview{font-size:.85rem}@media(max-width:600px){.demo-price-settings-grid{grid-template-columns:1fr}.demo-price-calculation th{overflow-wrap:anywhere}.demo-price-calculation td{white-space:normal}}

/* Align each offer's primary values; secondary information stays below. */
.demo-offer-table td{line-height:24px;font-variant-numeric:tabular-nums}
.demo-cell-primary{display:block;min-height:24px;line-height:24px}
.demo-offer-table .demo-server-link{line-height:24px;vertical-align:top}
.demo-offer-table .demo-price-age{margin:0;padding:0 6px;line-height:24px;vertical-align:top}
.demo-offer-table .demo-gpu-cell{min-width:130px;max-width:190px;font-weight:600}
.demo-offer-table .demo-cost-info{line-height:normal}

@media(min-width:901px){.demo-offer-table td:nth-child(n+3):nth-child(-n+10)>.demo-cell-primary{white-space:nowrap}}

.demo-shared-pricing{grid-column:1/-1;border:1px solid var(--panel-border);border-radius:12px;padding:16px}.demo-shared-pricing h4{margin:0 0 10px}.demo-shared-pricing p{color:var(--muted);line-height:1.5}.demo-shared-pricing .demo-price-settings-grid[hidden]{display:none}.demo-shared-preview{font-size:.85rem;color:var(--blue)}