:root{color-scheme:dark;--canvas:#0a0a0a;--surface:#191919;--line:#212327;--text:#dadbdf;--muted:#8c9096;--white:#fff;font-family:Inter,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-size:14px}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:3px}button:disabled{cursor:default}button svg{pointer-events:none}button{background:transparent;border:1px solid #45474c;border-radius:8px}p{line-height:1.65}.story-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 40px;font-size:12px}.story-brand{font-size:13px;font-weight:500;letter-spacing:-.4px}.story-brand>span:first-child{color:var(--muted)}.story-brand>span:last-child{margin-left:16px}.story-tag,.eyebrow{font:11px/1.4 'Geist Mono',monospace;letter-spacing:1px;color:var(--muted)}.story-main{padding:34px 40px 24px;max-width:1680px;margin:auto}.story-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.story-heading .eyebrow{margin:0 0 12px;text-transform:uppercase}.story-heading h1{font-size:34px;line-height:1.1;letter-spacing:-1px;font-weight:400;margin:0 0 10px;color:#fff}.story-heading p:last-child{margin:0;color:#a3a5ab;font-size:14px}.story-heading>button{border-radius:24px;padding:12px 20px;white-space:nowrap}.story-heading>button span{margin-left:10px}.story-nav{display:flex;gap:4px;padding:0 0 15px;overflow:auto;scrollbar-width:thin}.story-nav a{white-space:nowrap;padding:10px 14px;border:1px solid transparent;border-radius:20px;font-size:12px;color:#a3a5ab}.story-nav a span{font:10px 'Geist Mono',monospace;margin-right:6px;color:var(--muted)}.story-nav a[aria-current=page]{color:#fff;background:#1b1b1b;border-color:#54565a}.scene-viewport{border:1px solid #36383c;border-radius:8px;background:#101010;overflow:auto;scrollbar-width:thin}.scene-size{position:relative}.artboard{width:1440px;height:900px;position:absolute;left:0;top:0;transform-origin:top left;background:#0a0a0a;overflow:hidden;isolation:isolate}.story-caption{font:10px/1.6 'Geist Mono',monospace;color:var(--muted);display:flex;justify-content:space-between;gap:16px;padding:12px 0}.story-caption>span:last-child{white-space:nowrap}.story-caption>span:last-child span{margin:0 12px}.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:16px}.story-bottom p{max-width:860px;font-size:12px;color:var(--muted);margin:0}.story-bottom>button{border-radius:24px;padding:10px 20px;white-space:nowrap}.story-bottom>button:disabled{opacity:.3}.demo-dialog{color:var(--text);background:#191919;border:1px solid #484a4e;border-radius:16px;padding:32px;width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto}.demo-dialog::backdrop{background:#000b}.demo-dialog h2{font-size:26px;font-weight:400;line-height:1.25;letter-spacing:-.5px;color:#fff;margin:16px 0}.demo-dialog p{color:#b9bbc1;font-size:14px}.dialog-close{position:absolute;right:16px;top:12px;border:0;font-size:28px}.dialog-done{border-radius:24px;background:#fff;color:#111;border:0;padding:10px 20px;margin-top:10px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.detail-metrics div{border:1px solid #393b40;border-radius:8px;padding:12px}.detail-metrics span{display:block;color:#8c9096;font-size:11px;margin-bottom:6px}.detail-metrics strong{font-size:20px;font-weight:400}.detail-link{display:inline-block;margin:12px 0;color:#fff;text-decoration:underline}.detail-note{font-size:12px!important;color:#8c9096!important}.edge-logo{display:flex;align-items:center;gap:8px;color:#fff;white-space:nowrap}.edge-logo svg{width:28px;height:34px}.edge-logo strong{font-size:24px;font-weight:500;letter-spacing:.3px}.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;display:block}.edge-header{height:72px;position:absolute;inset:0 0 auto;display:flex;align-items:center;padding:0 16px;gap:24px;border-bottom:1px solid #313338;background:#111;z-index:2}.edge-wallet{display:flex;align-items:center;gap:24px;font-size:24px;color:#fff}.edge-header button{display:flex;align-items:center;justify-content:center;border:0;padding:0}.edge-wallet button{color:#dadbdf}.edge-header-right{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:13px}.edge-header-right .edge-language{gap:14px}.edge-profile{gap:18px}.profile-circle{width:40px;height:40px;border:1px solid #777;border-radius:50%;display:grid;place-items:center}.edge-bell{width:44px;height:44px;border:1px solid #777!important;border-radius:50%;position:relative}.edge-bell i{position:absolute;right:-8px;top:-8px;border-radius:10px;background:#ddd;color:#111;font:11px Inter,sans-serif;min-width:22px;padding:3px 5px;font-style:normal}.edge-sidebar{position:absolute;left:0;top:72px;bottom:0;width:200px;background:#141414;border-right:1px solid #292b2f;display:flex;flex-direction:column;padding-top:24px}.edge-sidebar-nav{display:flex;flex-direction:column;gap:8px;padding:0 12px}.edge-sidebar button{border:1px solid transparent;background:transparent;min-height:40px;display:flex;align-items:center;gap:16px;padding:8px 12px;text-align:left;font-size:13px;border-radius:12px;color:#b5b7bd}.edge-sidebar button[aria-current=page]{border:2px solid #dadbdf;background:#1b1b1b;padding:7px 11px;color:#fff}.edge-sidebar-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292b2f;height:50px;padding:0 16px;font-size:11px;color:#8c9096}.edge-sidebar-bottom button{font-size:12px;min-height:0;padding:0;border:0;border-radius:0;color:#dadbdf}.edge-content{position:absolute;top:72px;left:200px;right:0;bottom:0;overflow:auto;padding:20px;scrollbar-width:thin;scrollbar-color:#444 #151515}.admin-shell .edge-header{height:60px;padding:0 24px;background:#141414}.admin-shell .edge-logo{gap:12px}.admin-shell .edge-logo strong{font-size:14px;letter-spacing:0;font-weight:600}.admin-shell .edge-header-right{gap:20px}.admin-shell .edge-language{border:1px solid #35383d;border-radius:20px;padding:8px 12px}.admin-shell .profile-circle{height:32px;width:32px;border:0;background:#dadbdf;color:#111;font-size:22px;font-weight:600}.admin-shell .edge-profile{gap:10px}.admin-shell .edge-sidebar{top:60px;width:250px;padding-top:24px;overflow:auto;scrollbar-width:thin;background:#141414;padding-bottom:12px}.admin-shell .edge-content{top:60px;left:250px;padding:0}.admin-shell .edge-sidebar-nav{padding:0 10px;gap:4px}.admin-sidebar-group{margin-bottom:12px}.admin-shell .edge-sidebar button{min-height:44px;width:100%;font-weight:500;color:#fff;gap:12px;border-radius:10px}.admin-shell .edge-sidebar button[aria-current=page]{background:#282a2d;border:0;padding:8px 12px}.admin-shell .edge-sidebar .admin-child{min-height:36px;margin-left:20px;width:calc(100% - 20px);font-size:12px;border-radius:10px}.admin-shell .edge-sidebar .admin-parent{background:#202124}.admin-shell .edge-sidebar .chevron{margin-left:auto;font-size:12px;color:#aaa}.capture-mode .story-header,.capture-mode .story-heading,.capture-mode .story-nav,.capture-mode .story-caption,.capture-mode .story-bottom{display:none}.capture-mode .story-main{padding:0;margin:0;max-width:none}.capture-mode .scene-viewport{border:0;border-radius:0;overflow:hidden}.capture-mode .artboard{transform:none!important}.capture-mode .scene-size{width:1440px!important;height:900px!important}.capture-mode{overflow:hidden}@media(max-width:760px){.story-header{padding:0 20px;height:64px}.story-tag{display:none}.story-header>a:last-child{font-size:11px}.story-main{padding:24px 16px}.story-heading{align-items:flex-start;gap:12px}.story-heading h1{font-size:28px}.story-heading p:last-child{font-size:12px;max-width:280px}.story-heading>button{font-size:10px;padding:10px}.story-heading>button span{display:none}.story-caption{flex-direction:column;gap:3px}.story-bottom{gap:12px}.story-bottom p{display:none}.story-bottom>button{font-size:12px}.story-nav a{padding:9px 11px}}

/* Original visible EdgeX SVG geometry, with the requested grayscale palette. */
.source-ui-icon{width:24px;height:20px;display:block;flex-shrink:0}.edge-sidebar button{gap:12px}.edge-client-logo{width:120px}.edge-logo .source-brand-svg{filter:none;width:120px;height:31.2px;overflow:hidden}.edge-admin-logo .source-brand-svg{width:27.6px;height:31.2px}.admin-shell .edge-sidebar .source-ui-icon{width:24px;height:24px}

.client-shell .edge-header{gap:28px}.admin-sidebar-group{margin-bottom:2px}.admin-shell .edge-sidebar button{font-weight:400}.admin-shell .edge-sidebar button>span:not(.chevron){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.admin-shell .edge-sidebar .admin-child{font-weight:400}.admin-shell .edge-sidebar .chevron{flex-shrink:0}

/* The sales landing's brand, typography and base palette are shared by every screen. */
.product-brand{display:inline-flex;align-items:center;gap:12px;width:auto;white-space:nowrap;font:400 20px/1 Inter,Arial,sans-serif;letter-spacing:-.6px}.product-brand-suffix{color:#7d8187}.product-brand-mark{display:flex;align-items:flex-end;gap:3px;width:25px;height:25px;transform:skewY(-12deg);flex-shrink:0}.product-brand-mark i{display:block;width:6px;height:24px;background:#fff}.product-brand-mark i:nth-child(2){height:17px}.product-brand-mark i:nth-child(3){height:10px}.admin-shell .product-brand{font-size:18px;gap:10px}.client-shell .edge-header{gap:28px}.edge-wallet{font-size:22px}.artboard,.client-shell,.terminal-scene{font-family:Inter,Arial,sans-serif}.edge-sidebar button{font-family:Inter,Arial,sans-serif}.edge-header button{font-family:Inter,Arial,sans-serif}.artboard{font-variant-numeric:tabular-nums}.story-brand>span:first-child{color:#7d8187}

/* Twelve product chapters share a regular two-row desktop grid. */
@media(min-width:1100px){.story-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 8px;overflow:visible}.story-nav a{display:flex;align-items:center;min-height:38px}.story-nav a span{min-width:18px}.story-heading{margin-bottom:22px}}

.story-tools{display:flex;gap:8px;flex-shrink:0}.story-tools button{border-radius:24px;padding:12px 18px;font-size:12px;white-space:nowrap}.story-tools #reset-demo{color:var(--muted);border-color:#303237}.story-tools button span{margin-left:8px}.story-tools button:hover{border-color:#85878d;color:#fff}
@media(max-width:760px){.story-tools{flex-direction:column;gap:6px}.story-tools button{font-size:10px;padding:8px 10px}.story-tools button span{display:none}}

.capture-mode .edge-content:focus{outline:none}

/* Review controls remain distinct from the fixed-size product canvas. */
.story-heading>div:first-child{min-width:0}
.demo-dialog .dialog-close{width:40px;height:40px;display:grid;place-items:center;line-height:1;top:8px;right:8px}
.demo-dialog h2{padding-right:20px}
.detail-metrics>div{min-width:0}.detail-metrics strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
@media(max-width:900px){.story-heading{flex-direction:column;align-items:stretch;gap:18px}.story-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.story-tools button,.story-tools #motion-toggle{min-height:44px;padding:8px 6px;font-size:11px;white-space:normal;line-height:16px}.story-tools button span{display:none}}
@media(max-width:600px){.demo-dialog{padding:24px}.demo-dialog h2{font-size:23px}.detail-metrics{grid-template-columns:1fr;gap:10px}.detail-metrics strong{font-size:19px}}

/* On a phone, the product remains the main surface; preview controls are optional. */
#preview-options-toggle,.mobile-scene-picker{display:none}
.demo-dialog .dialog-close{width:44px;height:44px}
.demo-dialog :is(input,select){min-height:48px;font-size:16px}
.demo-dialog button{min-height:44px}
@media(max-width:600px){
 body:not(.capture-mode):not(.showcase-mode) .story-header{height:52px;padding:0 12px}
 body:not(.capture-mode):not(.showcase-mode) .story-main{padding:12px 8px 20px}
 body:not(.capture-mode):not(.showcase-mode) .story-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px}
 .story-heading .eyebrow,.story-heading p:last-child{display:none}
 .story-heading h1{font-size:21px;line-height:1.2;margin:0;letter-spacing:-.5px}
 #preview-options-toggle{display:block;font-size:11px;line-height:15px;min-height:44px;width:78px;padding:6px 8px;border-radius:9px}
 .story-tools,.device-bar{display:none!important}
 body[data-preview-options=true] .story-tools{display:grid!important;grid-column:1/-1}
 body[data-preview-options=true] .device-bar{display:block!important;margin:12px 0}
 .device-bar>span{display:none!important}
 .story-nav{display:none!important}
 .mobile-scene-picker{display:flex;gap:12px;align-items:center;margin:0 0 12px;min-height:44px;padding:0 4px}
 .mobile-scene-picker label{font-size:12px;color:#a3a8b0;white-space:nowrap}
 .mobile-scene-picker select{min-width:0;flex:1;height:44px;font-size:14px;padding:8px 12px;color:#fff;background:#17191b;border:1px solid #3e4247;border-radius:8px}
 .story-caption{padding:10px 4px;font-size:10px}.story-bottom{padding:12px 4px 0}
 .scene-viewport{border-radius:12px}
 .demo-dialog{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px);padding:24px 18px!important}
 .demo-dialog h2{font-size:22px!important;padding-right:28px}
 .demo-dialog .detail-metrics{margin:18px 0;gap:10px}
 .demo-dialog .detail-metrics span{font-size:12px}.demo-dialog .detail-metrics strong{font-size:18px}
}
.capture-mode #preview-options-toggle,.capture-mode .mobile-scene-picker,.showcase-mode #preview-options-toggle,.showcase-mode .mobile-scene-picker{display:none!important}

/* Sales contact belongs to the demo wrapper, outside the product interface. */
.story-header{gap:16px}
.story-header-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}
.story-contact{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #45dfff;border-radius:999px;background:#45dfff;color:#071217;font-weight:500;line-height:18px;white-space:nowrap}
.story-contact:hover{background:#8eebff;border-color:#8eebff}
.story-contact[hidden]{display:none}
@media(max-width:900px){.story-header .story-tag{display:none}}
@media(max-width:600px){
 .story-header{gap:8px}
 .story-header-actions{gap:0;flex-shrink:0}
 .story-header .story-return,.story-brand>span:last-child{display:none}
 .story-header .story-brand{font-size:12px;white-space:nowrap}
 .story-contact{font-size:11px;padding:8px 12px;gap:6px}
}
@media(max-width:600px){#preview-options-toggle{white-space:normal;overflow-wrap:normal}.story-heading>div:first-child{overflow-wrap:normal}}

.detail-records{display:grid;gap:12px}.detail-records article{display:grid;gap:8px;border:1px solid #393b40;border-radius:10px;padding:16px}.detail-records span{color:#a3a5ab;font-size:12px}.detail-action{min-height:44px;padding:10px 16px;background:#72f1b8;color:#092a1c;border:0;border-radius:8px}form[data-terminal-stops]{display:grid;gap:16px}form[data-terminal-stops] label{display:grid;gap:8px}form[data-terminal-stops] input{width:100%;background:#111;color:#fff;border:1px solid #45474c;border-radius:8px;padding:12px}.detail-form-error{color:#ff7485!important;margin:0}

.detail-options{display:grid;gap:10px;margin:20px 0}.detail-options button{min-height:48px;display:flex;align-items:center;gap:12px;padding:12px 16px}.detail-options button[aria-pressed=true]{border-color:#72f1b8;background:#12261e}.detail-options button span:last-child{margin-left:auto}.detail-options button:disabled{opacity:.4}.terminal-hide-grid svg>g:not([class]) line{opacity:0}.terminal-hide-volume .terminal-volume-bar{display:none}

.workspace-details .commerce-field textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #383f49;border-radius:12px;background:#15181c;padding:12px 15px;color:#e2e9f0;font:inherit;font-size:16px}.workspace-faq details{border-bottom:1px solid #393b40}.workspace-faq summary{min-height:44px;padding:12px 0;cursor:pointer}.workspace-ticket-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.workspace-details .commerce-summary dd{overflow-wrap:anywhere}.workspace-details [hidden]{display:none!important}

.workspace-details textarea:focus-visible{outline:2px solid #45dfff;outline-offset:3px}