.presentation{height:100dvh;min-height:540px;overflow:hidden;background:#050e19}
.presentation .topbar{height:76px;min-height:76px;padding:13px 26px;background:#060f1be6;backdrop-filter:blur(16px);gap:36px;position:relative;z-index:30;border-bottom-color:#325c6c44}
.presentation .wordmark{font-size:19px}.presentation .case-tabs button{padding:8px 18px}.presentation .case-tabs button[aria-pressed=true]{background:#1b3b4955;border-color:#549bad66}
.presentation .app-shell{max-width:none;grid-template-columns:190px minmax(0,1fr);height:calc(100dvh - 76px);min-height:464px}
.presentation .sidebar{position:relative;top:auto;min-height:0;height:100%;padding:27px 12px 16px;border-right:1px solid #3b708133;background:linear-gradient(180deg,#0b1b2ae8,#06101de8);z-index:15;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column}
.presentation .side-heading{padding:0 12px 20px}.presentation .side-heading p{font-size:8px;letter-spacing:1.8px;color:#7398ad}.presentation .side-heading h2{font-size:18px;line-height:1.4}
.presentation #moduleNav{gap:7px}.presentation #moduleNav button{padding:13px 10px;font-size:12px;gap:10px;border-radius:6px}.presentation #moduleNav button.active{background:#173d4b66;border-color:#416f8177}.presentation #moduleNav button em{font-size:9px}.presentation #moduleNav button i{font-size:10px}
.presentation .side-progress{margin:auto 12px 18px;padding-top:26px;font-size:10px}.presentation .side-progress p{font-size:9px;line-height:1.8}.presentation .reset{font-size:10px;padding:10px 8px}.presentation .side-link{margin:17px 10px 0;font-size:9px}
.presentation .workspace{position:relative;padding:0;min-width:0;overflow:hidden;background:#050e19}
.scene-world{position:absolute;inset:0;transition:right .45s cubic-bezier(.2,.7,.2,1);overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#0b2b4166,transparent 65%),#050e19}
#sceneCanvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}#sceneCanvas:active{cursor:grabbing}#sceneCanvas:focus-visible{outline:1px solid #7ce3e8;outline-offset:-4px}
.scene-atmosphere{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06101c77 0%,transparent 32%,transparent 78%,#06101cbf 100%);box-shadow:inset 0 0 90px #0004}
.scene-intro{position:absolute;top:36px;left:40px;width:min(450px,55%);pointer-events:none}.scene-kicker{font-size:9px;letter-spacing:3px;color:var(--accent);margin-bottom:14px;text-transform:uppercase}.scene-intro h1{font-size:clamp(34px,4.2vw,60px);font-weight:550;letter-spacing:3px;line-height:1.25;color:#f3f8fc;text-shadow:0 6px 35px #0008}.scene-subtitle{font-size:12px;line-height:1.9;color:#adc4d3;max-width:405px;margin-top:15px}.scene-cta{display:flex;align-items:center;gap:14px;margin-top:20px;pointer-events:auto}.scene-cta button{font-size:12px;padding:11px 17px;box-shadow:0 0 24px #7ce3e822}.scene-cta span{font-size:10px;color:#749caf;max-width:155px}
.scene-current{position:absolute;top:35px;right:34px;display:flex;align-items:center;gap:8px;font-size:11px;color:#bfd0dc;pointer-events:none}.scene-current small{display:block;color:#627f94;font-size:9px;border-left:1px solid #35576b;padding-left:11px;margin-left:3px}.scene-live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.scene-hotspots{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-hotspot{position:absolute;left:0;top:0;pointer-events:auto;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #599aad77;border-radius:5px;background:#091c2bba;backdrop-filter:blur(10px);color:#d5eaf4;box-shadow:0 6px 20px #0005;font-size:11px;white-space:nowrap;transform:translate(-50%,-50%);transition:opacity .25s,border-color .25s,background .25s,box-shadow .25s;max-width:210px;cursor:pointer}.scene-hotspot:hover,.scene-hotspot:focus-visible{color:#fff;border-color:var(--accent);background:#174250dc;box-shadow:0 0 24px #7ce3e844;outline:none}.scene-hotspot.active{border-color:var(--accent);background:#184558d9;box-shadow:0 0 30px #7ce3e844}.scene-hotspot.complete{border-color:#7bba9a88}.scene-hotspot.behind{opacity:0;pointer-events:none}.scene-hotspot__dot{display:block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent);flex:none}.scene-hotspot__label{font-size:11px;letter-spacing:.3px}.scene-hotspot__index{font-size:8px;color:#6d94a8;border-left:1px solid #355b6c;padding-left:8px}
.scene-bottom{position:absolute;bottom:24px;left:32px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.scene-hint{display:flex;align-items:center;gap:10px;color:#a4c2d2;font-size:10px}.scene-hint>span{font-size:22px;color:var(--accent);font-weight:200}.scene-hint small{display:block;font-size:8px;color:#5f8296;margin-top:4px}.scene-tools{display:flex;gap:6px;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end}.scene-tools button{font-size:10px;color:#b4cad7;background:#0b2032b3;padding:8px 11px;border:1px solid #47728a66;border-radius:5px;backdrop-filter:blur(12px)}.scene-tools button:hover{border-color:var(--accent);background:#123647cc}.scene-tools #panelToggle{color:var(--accent)}
.scene-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:#06101cdd;color:#8eb6c9;font-size:12px;z-index:5}.scene-loading[hidden]{display:none}.scene-loading i{width:24px;height:24px;border:1px solid #5addec55;border-top-color:#b6f8fd;border-radius:50%;animation:scene-spinner 1.3s linear infinite}.scene-loading.failed{inset:auto 24px 85px;max-width:380px;justify-content:flex-start;padding:16px;border:1px solid #edab7877;background:#152638}.scene-loading.failed i{display:none}@keyframes scene-spinner{to{transform:rotate(360deg)}}
.business-panel{position:absolute;inset:0 0 0 auto;width:min(650px,56vw);background:#091725ed;border-left:1px solid #54809466;box-shadow:-20px 0 70px #0005;display:flex;flex-direction:column;z-index:12;backdrop-filter:blur(16px)}.business-panel[hidden]{display:none}.workspace.panel-open .scene-world{right:min(650px,56vw)}.workspace.panel-open .scene-intro{width:calc(100% - 64px);left:28px;top:30px}.workspace.panel-open .scene-intro h1{font-size:33px;letter-spacing:2px}.workspace.panel-open .scene-subtitle{max-width:310px;font-size:10px}.workspace.panel-open .scene-cta{display:none}.workspace.panel-open .scene-current{top:auto;bottom:96px;right:auto;left:26px;max-width:calc(100% - 50px)}.workspace.panel-open .scene-current small{font-size:8px}.workspace.panel-open .scene-bottom{left:25px;right:22px;bottom:25px;align-items:flex-end}.workspace.panel-open .scene-hint{display:none}.workspace.panel-open .scene-tools{justify-content:flex-start}.workspace.panel-open .scene-tools button{font-size:9px;padding:7px 9px}
.panel-top{display:flex;justify-content:space-between;align-items:center;padding:21px 25px 17px;border-bottom:1px solid #29495e80;flex:none}.panel-kicker{display:block;font-size:8px;letter-spacing:2px;color:var(--accent);margin-bottom:7px}.panel-top strong{font-size:17px;font-weight:500}.panel-top button{font-size:11px;padding:7px 13px;background:#16314788;color:#a5c1d0}.business-panel .workspace-bar{padding:12px 24px;margin:0;font-size:9px;border-bottom:1px solid #29495e55;flex:none;gap:10px}.business-panel .workspace-bar>div{gap:12px}.business-panel .quiet{font-size:9px}.business-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;padding:24px;scrollbar-color:#33596a #071524;scrollbar-width:thin;flex:1}.business-panel .screen-head{margin-bottom:21px}.business-panel .screen-head .eyebrow{font-size:8px;margin-bottom:8px;letter-spacing:1.7px}.business-panel .screen-head h1{font-size:25px}.business-panel .screen-head p{font-size:11px;line-height:1.8}.business-panel .columns{grid-template-columns:minmax(0,1fr);gap:17px}.business-panel .panel{padding:20px;min-width:0}.business-panel .panel-head{gap:15px;margin-bottom:17px}.business-panel .panel-head h2{font-size:16px}.business-panel .panel-head span{font-size:9px}.business-panel .panel-description{font-size:11px}.business-panel .source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.business-panel .source-card{padding:15px 13px}.business-panel .source-card strong{font-size:12px}.business-panel .source-card small{font-size:9px}.business-panel .source-icon{font-size:21px}.business-panel .action-row{flex-wrap:wrap}.business-panel .action-row small{font-size:9px}.business-panel .result-box{padding:16px;margin-top:19px;font-size:11px}.business-panel .result-box strong{font-size:12px}.business-panel .result-box p{font-size:11px}.business-panel .result-box small{font-size:9px}.business-panel .scenario-layout{grid-template-columns:minmax(0,1fr);gap:15px}.business-panel .scenario-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.business-panel .scenario-list button{padding:13px;font-size:11px}.business-panel .scenario-list small{font-size:9px}.business-panel .scenario-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.business-panel .field-label{font-size:11px}.business-panel .stat-grid .stat strong{font-size:28px}.business-panel .stat-grid .stat span{font-size:10px}.business-panel .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.business-panel .catalog-card{padding:16px}.business-panel .catalog-card h3{font-size:14px}.business-panel .assets-toolbar,.business-panel .filter-tabs{flex-wrap:wrap}.business-panel .identity-map,.business-panel .identity-nodes,.business-panel .identity-result{min-width:0}.business-panel .code-box{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere}.business-panel .flow-strip{gap:6px;padding:13px 10px;margin-top:25px;flex-wrap:wrap}.business-panel .flow-step{font-size:8px;gap:5px}.business-panel .flow-step i{width:17px;height:17px;font-size:8px}.business-panel .flow-arrow{font-size:10px}.business-panel .footnote{margin-top:24px;font-size:8px;padding-top:14px}.overview-brief{padding-bottom:5px}.overview-brief h1{font-size:27px}.overview-brief>p{font-size:12px;color:#95b4c5;margin-top:14px;line-height:1.9}.overview-brief .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overview-brief .module-card{padding:18px 16px}.overview-brief .module-card h3{font-size:14px}.overview-brief .module-card p{font-size:10px}.overview-brief .module-card .num{font-size:8px}.overview-brief .hero-facts{grid-template-columns:1fr;gap:8px;margin-top:23px}.overview-brief .fact{padding:12px 16px}.overview-brief .fact p{font-size:11px}
.presentation .notice{bottom:92px;z-index:45;font-size:11px}.presentation dialog{z-index:60;max-height:88dvh;overflow:auto}
@media(min-width:1800px){.presentation .app-shell{grid-template-columns:218px minmax(0,1fr)}.presentation .side-heading h2{font-size:20px}.presentation #moduleNav button{font-size:14px}.business-panel{width:720px}.workspace.panel-open .scene-world{right:720px}}
@media(max-width:1100px) and (min-width:701px){.presentation .app-shell{grid-template-columns:154px minmax(0,1fr)}.presentation .sidebar{padding-left:8px;padding-right:8px}.presentation .side-heading{padding-left:9px}.presentation .side-heading h2{font-size:16px}.presentation #moduleNav button{font-size:11px;gap:7px;padding-left:8px}.scene-intro{left:28px;top:30px}.scene-intro h1{font-size:43px}.scene-current small,.scene-hint{display:none}.scene-tools{justify-content:flex-start}.scene-current{right:25px}.business-panel{width:58vw}.workspace.panel-open .scene-world{right:58vw}.workspace.panel-open .scene-intro h1{font-size:26px}.workspace.panel-open .scene-subtitle{display:none}.workspace.panel-open .scene-tools button:not(#panelToggle):not(#resetCamera){display:none}.workspace.panel-open .scene-current{font-size:9px}.business-scroll{padding:18px}.panel-top{padding:18px}.business-panel .workspace-bar{padding:10px 18px}}
@media(max-width:700px){.presentation{min-height:500px}.presentation .topbar{height:70px;min-height:70px;display:grid;grid-template-columns:106px minmax(0,1fr);gap:8px;padding:8px 11px}.presentation .wordmark{font-size:13px;gap:0}.presentation .brand-symbol{font-size:29px}.presentation .wordmark small{font-size:5px;letter-spacing:.7px;margin-top:3px}.presentation .case-tabs{gap:3px;justify-content:flex-end;min-width:0;overflow:visible}.presentation .case-tabs button{font-size:10px;padding:7px 8px}.presentation .case-tabs a{font-size:8px;padding:5px;max-width:66px;line-height:1.5}.presentation .demo-badge{display:none}.presentation .app-shell{height:calc(100dvh - 70px);min-height:430px;display:flex;flex-direction:column}.presentation .sidebar{padding:0 10px;background:#0a1b2ad9;height:57px;min-height:57px;overflow:hidden;border-right:0;border-bottom:1px solid #2b536b66;display:block;position:relative}.presentation .side-heading,.presentation .side-progress,.presentation .sidebar>.reset,.presentation .side-link{display:none}.presentation #moduleNav{flex-direction:row;gap:2px;overflow-x:auto;scrollbar-width:none;padding:7px 0;align-items:center;height:57px}.presentation #moduleNav button{width:auto;white-space:nowrap;padding:9px 8px;gap:5px;font-size:10px;flex:none}.presentation #moduleNav button em{font-size:8px}.presentation #moduleNav button i{display:none}.presentation .workspace{flex:1;min-height:0;width:100%}.scene-intro{left:21px;top:22px;width:calc(100% - 42px)}.scene-kicker{font-size:7px;letter-spacing:2px;margin-bottom:9px}.scene-intro h1{font-size:35px;letter-spacing:2px}.scene-subtitle{font-size:10px;max-width:300px;margin-top:9px;line-height:1.8}.scene-cta{margin-top:13px;gap:10px}.scene-cta button{font-size:10px;padding:9px 12px}.scene-cta span{font-size:8px;max-width:150px}.scene-current{top:auto;bottom:99px;left:21px;right:auto;font-size:9px}.scene-current small{font-size:8px}.scene-bottom{bottom:16px;left:14px;right:14px;display:block}.scene-hint{font-size:8px;margin-bottom:10px}.scene-hint>span{font-size:17px}.scene-hint small{display:none}.scene-tools{gap:5px;justify-content:flex-start;flex-wrap:nowrap}.scene-tools button{font-size:8px;padding:8px 9px}.scene-hotspot{padding:6px 8px;gap:6px;font-size:8px;max-width:145px}.scene-hotspot__label{font-size:8px}.scene-hotspot__dot{width:4px;height:4px}.scene-hotspot__index{font-size:6px;padding-left:5px}.scene-loading{font-size:10px}.business-panel{inset:86px 8px 9px;width:auto;border:1px solid #547f9388;border-radius:11px;background:#071726f5;box-shadow:0 -20px 70px #0007}.workspace.panel-open .scene-world{right:0}.workspace.panel-open .scene-intro{top:15px;left:20px;width:auto}.workspace.panel-open .scene-intro h1{font-size:24px}.workspace.panel-open .scene-kicker{margin-bottom:5px;font-size:6px}.workspace.panel-open .scene-subtitle,.workspace.panel-open .scene-cta,.workspace.panel-open .scene-current,.workspace.panel-open .scene-bottom{display:none}.workspace.panel-open .scene-hotspots{pointer-events:none;opacity:.15}.workspace.panel-open .scene-hotspots button{pointer-events:none}.panel-top{padding:14px 16px 12px}.panel-kicker{font-size:6px;letter-spacing:1.4px;margin-bottom:5px}.panel-top strong{font-size:14px}.panel-top button{font-size:9px;padding:6px 10px}.business-panel .workspace-bar{padding:9px 16px;font-size:8px}.business-panel .quiet{font-size:8px}.business-scroll{padding:17px 14px}.business-panel .screen-head h1{font-size:22px}.business-panel .screen-head p{font-size:10px}.business-panel .panel{padding:16px 14px}.business-panel .panel-head h2{font-size:14px}.business-panel .panel-head span{font-size:8px}.business-panel .source-grid{gap:8px}.business-panel .source-card{padding:12px 10px}.business-panel .source-card strong{font-size:11px}.business-panel .source-card small,.business-panel .source-card i{font-size:8px}.business-panel .scenario-form{grid-template-columns:1fr}.business-panel .scenario-list button{padding:11px 10px}.business-panel .scenario-list strong{font-size:11px}.business-panel .scenario-list small{font-size:8px}.business-panel .identity-map{flex-direction:column}.business-panel .identity-arrow{transform:rotate(90deg)}.business-panel .identity-nodes{width:100%}.business-panel .catalog-grid{grid-template-columns:1fr}.business-panel .assets-toolbar input{width:100%}.business-panel .filter-tabs button{font-size:9px;padding:6px 9px}.business-panel .bar-row{grid-template-columns:70px minmax(0,1fr) 27px;gap:9px;font-size:9px}.business-panel .rule strong{font-size:11px}.business-panel .rule p{font-size:9px}.business-panel .rule{gap:10px;padding:13px 0}.business-panel .action-row button{font-size:10px;padding:10px 12px}.business-panel .empty-state{min-height:130px}.business-panel .empty-state h3{font-size:13px}.business-panel .empty-state p{font-size:10px}.business-panel .field-label{font-size:10px}.business-panel input,.business-panel select{font-size:11px;min-height:39px}.business-panel .stat-grid{gap:8px}.business-panel .stat-grid .stat strong{font-size:23px}.business-panel .stat-grid .stat span{font-size:8px}.overview-brief .module-grid{grid-template-columns:1fr}.presentation .notice{bottom:20px;max-width:calc(100% - 32px)}.presentation dialog{width:calc(100% - 24px);padding:19px;max-height:86dvh}}
@media(prefers-reduced-motion:reduce){.scene-world{transition:none}.scene-loading i{animation:none}}

.scene-hotspots{z-index:2}.scene-intro,.scene-current,.scene-bottom{z-index:3}.scene-loading{z-index:4}

.scene-cta{pointer-events:none}.scene-cta button{pointer-events:auto}

.scene-hotspot:active{transform:translate(-50%,-50%)}

@media(max-width:700px){.presentation .sidebar{width:100%;min-width:0;align-self:stretch}.presentation #moduleNav{width:100%;min-width:0}}