:root{color-scheme:dark;--bg:#090b11;--panel:#11141d;--panel-2:#171b27;--line:#272c3b;--text:#f3f4fa;--muted:#a6afc3;--faint:#818ba2;--violet:#b49cff;--violet-deep:#7755de;--yellow:#f3e779;--purple-950:var(--bg);--white:var(--text);--border:var(--line);--card:var(--panel);--radius:18px;--green:#a4dbc4;--flow-yellow:var(--yellow);--flow-muted:var(--muted);--flow-purple-light:var(--violet);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--violet);outline-offset:4px}button{transition:background .16s,border-color .16s,box-shadow .16s}svg{flex-shrink:0}.ui-icon{width:22px;height:22px;vertical-align:middle}.hidden{display:none!important}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{line-height:1.18;font-weight:600;letter-spacing:-.035em}p{color:var(--muted)}button:hover:not(:disabled){border-color:#777291}button.primary:hover:not(:disabled){background:#fff295;border-color:#fff295}
.topbar{height:88px;padding:0 32px;display:flex;align-items:center;justify-content:flex-start;gap:24px;border-bottom:1px solid var(--line);background:#0d1018;position:relative;z-index:5}.brand-button{display:flex;align-items:center;gap:13px;background:none;border:0;padding:0;text-align:left}.brand-button img{width:45px;height:45px;border-radius:12px;object-fit:cover}.brand-button strong{font-size:17px;letter-spacing:.045em;font-weight:750}.brand-button strong b{font-weight:400;color:var(--violet);letter-spacing:.12em}.brand-button small{display:block;font-size:12px;color:var(--faint);margin-top:3px}.top-actions{display:flex;gap:10px;align-items:center;flex:1;min-width:0}.ghost-button{border:1px solid var(--line);border-radius:10px;background:transparent;min-height:42px;padding:8px 13px;font-size:14px;white-space:nowrap}.ghost-button:hover{background:var(--panel-2)}#resetButton{color:#18180c;background:var(--yellow);border-color:var(--yellow);font-weight:650}#resetButton span{font-size:18px;margin-left:10px}.history-top-button{display:none}.progress-label{font-size:13px;color:var(--faint);margin-right:8px}
.app-main{width:100%;margin:0;min-height:calc(100dvh - 133px)}.flow-screen{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:calc(100dvh - 133px)}.flow-sidebar{display:flex;flex-direction:column;padding:29px 16px 20px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0e111a,#0c0e16)}.nav-caption{font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--faint);padding:0 12px 17px}.main-nav{display:grid;gap:7px}.nav-item{width:100%;background:transparent;border:1px solid transparent;border-radius:10px;min-height:47px;padding:11px 12px;display:flex;align-items:center;gap:11px;color:var(--muted);text-align:left;font-size:14px}.nav-item .ui-icon{width:19px;height:19px}.nav-item.active{background:#211c34;border-color:#3d305c;color:#d8caff;box-shadow:inset 3px 0 #ad8cff}.nav-item:hover{background:#1a1d29}.nav-item.subtle{font-size:13px;min-height:42px}.sidebar-note{margin:34px 10px 28px;padding:24px 0;border-top:1px solid var(--line)}.orbit-symbol{font-size:44px;line-height:1;color:var(--violet);text-shadow:0 0 32px #7755de80}.sidebar-note p{color:#d5d8e5;font-size:17px;line-height:1.5}.sidebar-note p strong{font-weight:500;color:var(--violet)}.sidebar-note>span{font-size:13px;color:var(--faint)}.sidebar-bottom{margin-top:auto;padding-top:20px}.flow-version{border-top:1px solid var(--line);margin:16px 10px 0;padding-top:16px;color:var(--faint);font-size:11px;letter-spacing:.1em;display:flex;justify-content:space-between}.flow-version span{letter-spacing:0}.journey-caption{padding-top:30px}.flow-steps{padding:0 9px;margin:0;list-style:none;display:grid;gap:15px}.flow-step{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:13px;line-height:1.3}.flow-step strong{font-weight:500}.flow-step-number{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px}.flow-step.active{color:var(--violet)}.flow-step.active .flow-step-number{background:#44305f;border-color:var(--violet);color:#efe7ff}.flow-step.complete .flow-step-number{background:#1c302e;color:var(--green)}.flow-client-card{display:flex;align-items:center;gap:8px;padding:12px 8px;margin-bottom:12px;background:var(--panel-2);border-radius:12px;min-width:0}.flow-client-avatar{width:32px;height:32px;border-radius:50%;background:#35264e;color:var(--violet);display:grid;place-items:center;flex-shrink:0}.flow-client-card div{min-width:0}.flow-client-card small{display:block;font-size:10px;color:var(--faint);letter-spacing:.08em}.flow-client-card strong{font-size:13px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-client-card div>span{font-size:12px;color:var(--muted)}
.flow-workspace{padding:30px clamp(22px,2.7vw,48px) 26px;min-width:0;background:radial-gradient(ellipse at 55% -20%,#48336a26,transparent 65%)}.flow-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.flow-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:650;color:var(--violet);margin-bottom:10px}.flow-page-header h1{font-size:clamp(27px,2.4vw,37px);margin:0 0 9px}.flow-page-header h1 span{color:var(--violet)}.flow-page-header p{font-size:15px;margin:0;max-width:780px}.workspace-mark{color:#8066b6;opacity:.38;width:58px;height:58px;border:1px solid #675483;border-radius:50%;display:grid;place-items:center}.workspace-mark .ui-icon{width:32px;height:32px}.module-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:23px}.module-tab{display:flex;align-items:center;gap:11px;min-height:80px;padding:15px 13px;border:1px solid var(--line);background:#11141e;border-radius:12px;text-align:left;position:relative;overflow:hidden}.module-tab.active{border-color:#7860a9;background:linear-gradient(120deg,#272039,#161923);box-shadow:0 0 22px #7252ab0c}.module-icon{width:36px;height:36px;display:grid;place-items:center;background:#1e2131;color:#a5aac2;border:1px solid #30344a;border-radius:10px;flex-shrink:0}.module-tab.active .module-icon{color:#d7baff;background:#3b2b57;border-color:#60487e}.module-tab strong{font-size:14px;font-weight:600;display:block}.module-tab small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.module-index{position:absolute;right:10px;top:5px;color:#ffffff0c;font-size:31px;font-weight:300}.flow-content-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}.flow-content-grid.has-aside{grid-template-columns:minmax(0,1fr) 280px}.flow-content-grid.is-wide{grid-template-columns:1fr}.flow-main-card,.flow-aside-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:26px;min-width:0}.flow-aside-card{padding:27px 23px}.flow-aside-card h2,.flow-aside-card h3{font-size:25px;margin:22px 0 13px;line-height:1.25;letter-spacing:-.025em}.flow-aside-card>p{font-size:15px;line-height:1.65;margin:0 0 22px}.flow-aside-kicker,.aside-label{font-size:11px;color:var(--violet);letter-spacing:.12em;font-weight:600}.benefit-top{display:flex;align-items:center;gap:13px}.experience-aside-icon,.flow-insight-icon{width:42px;height:42px;border:1px solid #463654;color:var(--violet);background:#271d38;border-radius:12px;display:grid;place-items:center}.experience-benefits{display:grid;gap:13px;margin-top:23px}.experience-benefits>div{display:flex;align-items:flex-start;gap:10px}.experience-benefits .ui-icon{width:17px;height:17px;color:var(--green);margin-top:4px}.experience-benefits p{font-size:14px;margin:0;color:#d1d5e2;line-height:1.5}.consultant-note{border-top:1px solid var(--line);margin-top:27px;padding-top:20px}.consultant-note>span{font-size:10px;letter-spacing:.1em;color:var(--faint)}.consultant-note p{font-size:14px;line-height:1.5;margin-bottom:0}.value-demo-button{border:1px solid #494158;background:#201d2b;border-radius:10px;padding:13px;display:flex;gap:10px;align-items:center;font-size:13px;width:100%;margin-top:25px;text-align:left;color:#d5cbe7}.value-demo-button .ui-icon{width:18px;height:18px}.value-demo-button.active{border-color:#d4cb6b;background:#32301e;color:var(--yellow)}.value-demo-button.active .ui-icon{fill:#f3e77933}
.flow-experience-page .flow-main-card{padding:9px 9px 17px;overflow:hidden}.experience-stage{height:clamp(330px,38vw,445px);min-height:0;position:relative;overflow:hidden;border-radius:12px;background:#1a2230;isolation:isolate}.photo-scene{position:absolute;inset:0;overflow:hidden}.scene-photo{width:100%;height:100%;object-fit:cover;display:block;user-select:none}.photo-scene:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#070b159c);pointer-events:none;z-index:3}.scene-chip{position:absolute;top:19px;left:19px;z-index:7;padding:8px 12px;border:1px solid #ffffff38;background:#101521c9;color:#fff;border-radius:8px;backdrop-filter:blur(12px);font-size:13px;font-weight:500}.scene-caption{position:absolute;bottom:23px;left:24px;right:24px;z-index:6;pointer-events:none}.scene-caption>span{display:block;font-size:10px;letter-spacing:.16em;color:#ffffffab;margin-bottom:6px}.scene-caption strong{font-size:20px;font-weight:500;line-height:1.35;color:white;display:block;text-shadow:0 2px 12px #0009}.blur-overlay{z-index:1;transition:backdrop-filter .4s ease,mask-image .4s ease}.field-outline{position:absolute;top:10%;bottom:14%;left:50%;transform:translateX(-50%);border:1px solid #efe4ff99;box-shadow:0 0 14px #c5a0ff33,inset 0 0 14px #c5a0ff33;border-radius:48%;z-index:2;transition:width .4s ease;pointer-events:none}.depth-markers{position:absolute;top:21%;right:22px;bottom:24%;display:flex;flex-direction:column;justify-content:space-between;z-index:5}.depth-markers span{font-size:11px;color:white;background:#111827b8;border:1px solid #ffffff40;padding:4px 9px;border-radius:20px}.digital-overlay{z-index:1}.focus-ring{border-color:#d6c5ff94;border-width:1px;z-index:2}.signature-control-panel{padding:15px 13px 0}.controls-label{font-size:12px;color:var(--faint);margin-bottom:10px;letter-spacing:.02em}.experience-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0}.segment-button{border:1px solid var(--line);background:#1a1e2b;color:#bcc3d5;padding:11px 16px;border-radius:9px;min-height:45px;font-size:14px;flex:1;white-space:nowrap}.segment-button.active{color:#e2d6ff;background:#35274d;border-color:#9076b4;box-shadow:inset 0 1px #ffffff0c}.simulation-note{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5;color:var(--faint);margin:14px 0 0}.simulation-note .ui-icon{width:15px;height:15px;margin-top:2px;flex-shrink:0}.control-hint{font-size:12px;color:var(--faint);display:none}.ar-before{position:absolute;inset:0;z-index:1;background:rgba(214,225,251,.075)}.ar-reflections{position:absolute;inset:0;opacity:.7;background:linear-gradient(118deg,transparent 20%,#ced4ff18 39%,transparent 45%),radial-gradient(ellipse at 25% 43%,#f8efff55,transparent 23%),radial-gradient(ellipse at 69% 41%,#f3e7ce55,transparent 20%);filter:blur(3px)}.compare-labels{position:absolute;top:19px;left:18px;right:18px;display:flex;justify-content:space-between;z-index:7;pointer-events:none}.compare-labels span{background:#121a28d9;border:1px solid #ffffff33;color:#fff;font-size:12px;padding:8px 11px;border-radius:8px;backdrop-filter:blur(10px)}.compare-divider{position:absolute;top:0;bottom:0;width:2px;background:#e4d6ff;z-index:6;pointer-events:none;box-shadow:0 0 12px #dac2ffa3}.compare-divider span{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:1px solid #fff8;background:#efe6ff;color:#322143;border-radius:50%;display:grid;place-items:center;font-size:22px}.stage-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:8;cursor:ew-resize;margin:0}.ar-photo:focus-within{outline:3px solid var(--violet);outline-offset:-4px}.tint-lens{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:47%;height:69%;border-radius:43%;border:1px solid #f7eaffb3;background:rgba(21,17,32,var(--tint,.08));box-shadow:0 0 0 6px #20192c66,0 8px 35px #0005;z-index:2;transition:background .35s}.tint-lens span{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.18em;color:#fff9}.range-wrap{display:flex;align-items:center;gap:12px;flex:1;min-width:100%;font-size:13px}.range-wrap>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.range-wrap .ui-icon{width:17px;height:17px}.range-wrap input{accent-color:var(--violet);width:100%;height:36px;cursor:pointer}.day-timeline{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:3px}.day-timeline button{background:none;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:7px;font-size:13px;min-height:37px}.day-timeline button.active{background:#332744;color:#e3d5ff;border-color:#806993}.flow-actionbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:23px}.flow-button{min-height:47px;border:1px solid var(--line);border-radius:10px;padding:11px 17px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:13px;line-height:1.4;font-weight:550}.flow-button .ui-icon{width:19px;height:19px}.flow-button.primary{background:var(--yellow);border-color:var(--yellow);color:#24210e}.flow-button.secondary{background:#151924;color:#c8cfdd}.flow-button.secondary.accent{color:var(--violet)}.experience-counter{color:#dbcefa;font-size:15px;letter-spacing:.08em}.experience-counter i{color:var(--faint);font-style:normal;font-size:12px}.footer{display:flex;justify-content:space-between;gap:20px;padding:13px 30px;font-size:11px;border-top:1px solid var(--line);color:var(--faint);background:#0b0e15}
/* Guided consultation */
.premium-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.premium-field.full{grid-column:1/-1}.premium-field>span{font-size:14px;display:block;margin-bottom:9px;color:#cfd4e3}.premium-field small{font-size:12px;color:var(--faint);margin-left:6px}.premium-input-wrap{border:1px solid #353b4e;background:#0d1019;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px}.premium-input-wrap>b{display:none}.premium-input-wrap:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #b49cff14}.premium-input-wrap input,.premium-input-wrap select,.premium-input-wrap textarea{background:none;border:0;color:var(--text);width:100%;padding:13px 0;min-height:48px;font-size:15px;outline:none;resize:vertical}.premium-input-wrap select option{background:#171b27;color:white}.premium-input-wrap input::placeholder,.premium-input-wrap textarea::placeholder{color:#798399}.premium-textarea{align-items:flex-start}.flow-intake-page .flow-aside-card>h3{font-size:23px}.flow-tip-list{display:grid;gap:16px;margin-top:22px}.flow-tip-list>div{display:flex;gap:12px}.flow-tip-list>div>span{color:var(--violet);font-size:12px}.flow-tip-list p{font-size:14px;line-height:1.5;margin:0}.flow-progress{margin-bottom:26px}.flow-progress-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--faint);margin-bottom:9px}.flow-progress-meta strong{color:var(--violet);font-weight:500}.flow-progress-track,.premium-score-track{height:4px;border-radius:10px;background:#303242;overflow:hidden}.flow-progress-track i,.premium-score-track i{display:block;height:100%;background:linear-gradient(90deg,#7655bf,#c2a2fa);border-radius:10px}.premium-question-title>span{font-size:11px;letter-spacing:.1em;color:var(--violet)}.premium-question-title h2{font-size:27px;margin:10px 0}.premium-question-title p{font-size:15px;margin:0}.premium-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.premium-option{display:flex;align-items:center;gap:12px;min-height:99px;border:1px solid #303648;border-radius:12px;background:#151925;padding:16px;text-align:left}.premium-option.selected{border-color:#ae91df;background:#2c2240}.premium-option-icon{color:var(--violet);display:grid;place-items:center;width:32px;flex-shrink:0}.premium-option-copy{flex:1;min-width:0}.premium-option-copy strong{font-size:15px;display:block;font-weight:550}.premium-option-copy small{font-size:13px;display:block;margin-top:5px;line-height:1.4;color:var(--muted)}.premium-option-check{font-size:17px;color:#727a90}.premium-option.selected .premium-option-check{color:var(--yellow)}.question-counter{font-size:17px;color:var(--faint);margin:2px 0 24px}.question-counter strong{font-weight:300;font-size:66px;color:var(--violet);line-height:1}.question-live-status{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted)}.flow-disclaimer{font-size:12px;line-height:1.6;color:var(--faint);border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.profile-spotlight,.summary-profile{display:flex;align-items:center;gap:20px;margin-bottom:24px}.profile-orb,.summary-profile-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#28203d;border:1px solid #73549d;color:var(--violet);font-size:26px;flex-shrink:0}.profile-spotlight h2,.summary-profile h2{font-size:30px;margin:8px 0 9px}.profile-spotlight p,.summary-profile p{font-size:14px;margin:0}.premium-score-list{display:grid;grid-template-columns:1fr;gap:13px}.premium-score-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#151925}.premium-score-icon{color:var(--violet);width:30px}.premium-score-copy{flex:1}.premium-score-copy strong{font-size:14px;font-weight:500;display:block;margin-bottom:10px}.premium-score-card>b{font-size:12px;color:var(--violet);font-weight:500;margin-left:14px;min-width:34px}.premium-rec-list{display:grid;gap:16px}.premium-rec-card{display:grid;grid-template-columns:27px 1fr;gap:8px}.premium-rec-icon{color:var(--violet)}.premium-rec-card strong{font-size:14px;display:block;font-weight:600}.premium-rec-card small{font-size:12px;color:var(--muted);display:block;line-height:1.5;margin-top:4px}.premium-rec-card b{grid-column:2;font-size:10px;color:var(--green);font-weight:500;letter-spacing:.08em}.signature-analysis{display:flex;align-items:center;justify-content:center;min-height:370px;gap:50px}.analysis-visual{width:160px;height:160px;border:1px solid #8b69bd;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 18px #8b69bd0d,0 0 70px #8057c82e}.analysis-core img{width:78px;border-radius:20px}.analysis-copy{max-width:450px}.analysis-copy h2{font-size:29px}.analysis-copy p{font-size:15px}.analysis-status-list{display:grid;gap:10px;font-size:14px;color:var(--muted);margin-top:25px}.analysis-status-list span{color:var(--green);margin-right:8px}.analysis-status-list .loading{color:var(--violet)}
/* Module library, project and local records */
.signature-demo-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.signature-demo-menu-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#191c28,#121620);padding:23px;text-align:left;position:relative}.signature-demo-menu-card.recommended{border-color:#736090}.demo-menu-top,.demo-menu-status{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-menu-number{font-size:12px;color:var(--faint)}.demo-recommended-badge{font-size:10px;letter-spacing:.06em;color:#c4a5ef;background:#31223f;border-radius:5px;padding:4px 7px}.demo-menu-icon{color:var(--violet);margin:20px 0 15px}.demo-menu-icon .ui-icon{width:32px;height:32px}.signature-demo-menu-card h3{font-size:23px;margin:0 0 10px}.signature-demo-menu-card p{font-size:14px;margin:0;line-height:1.55}.demo-menu-status{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:12px;color:var(--violet)}.demo-menu-status strong{font-size:11px;color:var(--yellow);font-weight:500}.demo-menu-status i{font-style:normal;font-size:20px}.demo-legend{font-size:13px;color:var(--muted);display:grid;gap:11px;margin-top:25px}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:9px;background:var(--violet)}.legend-dot.seen{background:var(--green)}.legend-dot.valued{background:var(--yellow)}.summary-client-strip{display:flex;flex-wrap:wrap;gap:20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:23px;font-size:12px;color:var(--faint)}.summary-client-strip strong{display:block;font-size:14px;font-weight:500;color:var(--text);margin-top:4px}.signature-solution-grid{display:grid;grid-template-columns:1fr;gap:12px}.signature-solution-card{border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:12px;align-items:center;background:#151925;cursor:pointer}.signature-solution-card.selected{border-color:#9478b6;background:#292037}.signature-solution-card input{width:19px;height:19px;accent-color:var(--violet);flex-shrink:0}.signature-solution-icon{color:var(--violet)}.signature-solution-copy{flex:1}.signature-solution-copy strong{font-size:15px;display:block;font-weight:550}.signature-solution-copy small{font-size:13px;display:block;color:var(--muted);margin-top:4px;line-height:1.5}.signature-solution-copy b{font-size:12px;display:block;color:var(--yellow);margin-top:6px;font-weight:400}.signature-solution-check{display:none}.signature-reasons{display:grid;gap:13px}.signature-reasons>div{display:flex;gap:12px}.signature-reasons span{color:var(--green)}.signature-reasons p{margin:0;font-size:14px}.signature-notes{margin-top:22px;border-top:1px solid var(--line);padding-top:20px;font-size:14px}.signature-notes strong{font-weight:500}.signature-notes p{font-size:14px;white-space:pre-wrap}.history-toolbar{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px;margin-bottom:20px}.history-filter{color:var(--faint)}.signature-history-list{display:grid;gap:13px}.signature-history-card{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;padding:21px;background:#161a25}.history-avatar{width:42px;height:42px;border-radius:50%;background:#332541;display:grid;place-items:center;color:var(--violet);flex-shrink:0}.history-main{flex:1;min-width:0}.history-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.history-title-row h3{margin:0;font-size:18px}.history-title-row>span{font-size:12px;color:var(--faint)}.history-main p{font-size:13px;margin:6px 0 10px}.history-tags{display:flex;flex-wrap:wrap;gap:6px}.history-tags span{font-size:11px;color:#cfbfdf;background:#322940;padding:3px 8px;border-radius:5px}.history-actions{display:flex;gap:7px;flex-wrap:wrap}.history-action{padding:8px 10px;min-height:40px;font-size:13px;border:1px solid #3f4050;background:#222331;border-radius:8px}.history-action.primary{color:var(--violet)}.history-action.danger{color:#f3b4bb}.history-empty{text-align:center;padding:50px 20px}.history-empty>div{color:var(--violet);font-size:48px}.history-empty h2{font-size:25px}.history-empty p{font-size:15px;margin-bottom:24px}
/* Report and dialogs */
.signature-modal-backdrop{border:1px solid #514064;border-radius:18px;background:#151723;color:var(--text);padding:0;max-width:min(520px,calc(100% - 32px));box-shadow:0 30px 100px #0009}.signature-modal-backdrop::backdrop{background:#04060cbc;backdrop-filter:blur(6px)}.signature-modal{padding:32px}.modal-kicker{font-size:11px;letter-spacing:.1em;color:var(--violet)}.signature-modal h2{font-size:27px;margin:14px 0}.signature-modal p{font-size:16px;line-height:1.7}.signature-modal button{margin-top:10px;min-width:105px}.report-sheet{background:white;color:#231e2b;padding:38px;border-radius:12px;max-width:900px;margin:auto;font-size:14px}.report-sheet p{color:#605869}.report-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #725187;padding-bottom:20px}.report-head img{width:64px;height:64px;object-fit:cover;border-radius:10px}.report-brand-line{font-size:12px;letter-spacing:.13em;color:#704691}.report-head h1{font-size:27px;margin:10px 0}.report-head p{margin:0}.report-profile-banner{padding:18px 20px;background:#f2edf7;margin-top:23px;border-radius:8px}.report-profile-banner span{display:block;font-size:10px;letter-spacing:.08em;color:#715885}.report-profile-banner strong{display:block;font-size:20px;color:#543362;margin-top:5px}.report-section{margin-top:22px}.report-section h2{font-size:19px;color:#654179}.report-table{width:100%;border-collapse:collapse}.report-table td{padding:11px 9px;border-bottom:1px solid #e5dfea;vertical-align:top}.report-table td:first-child{width:35%}.report-solutions strong,.report-solutions small{display:block}.report-solutions small{font-size:11px;color:#755427;margin-top:5px}.report-solution-icon{display:none}.report-note{margin-top:22px;background:#f3eef7;border-left:3px solid #856297;padding:15px;font-size:12px;color:#574f60}.report-footer-brand{border-top:1px solid #e5dfea;margin-top:22px;padding-top:16px;font-size:10px;letter-spacing:.1em;color:#756d7d}.report-section p{white-space:pre-wrap}.client-mode .flow-sidebar,.client-mode .consultant-note,.client-mode .value-demo-button,.client-mode #resetButton,.client-mode .history-top-button,.client-mode .progress-label{display:none}.client-mode .flow-screen{grid-template-columns:1fr}.client-mode .flow-workspace{max-width:1450px;width:100%;margin:auto}.client-mode .experience-stage{height:clamp(370px,46vh,570px)}
@media(min-width:1600px){.flow-workspace{max-width:1600px;width:100%;margin:0 auto}.experience-stage{height:490px}.flow-content-grid.has-aside{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1200px){.flow-screen{grid-template-columns:178px minmax(0,1fr)}.flow-sidebar{padding-left:10px;padding-right:10px}.nav-item{font-size:13px;gap:9px;padding-left:10px}.nav-caption{font-size:10px}.flow-workspace{padding:26px 24px}.flow-content-grid.has-aside{grid-template-columns:minmax(0,1fr) 245px;gap:15px}.flow-aside-card{padding:23px 19px}.flow-aside-card h2,.flow-aside-card h3{font-size:22px}.module-tab{gap:9px;padding:13px 10px;min-height:73px}.module-tab small{display:none}.module-tab strong{font-size:13px}.module-icon{width:31px;height:31px}.module-icon .ui-icon{width:19px;height:19px}.segment-button{font-size:12px;padding:10px 12px}.experience-stage{height:390px}.premium-option-grid{grid-template-columns:1fr}.topbar{padding:0 23px}.progress-label{display:none}.scene-caption strong{font-size:18px}.flow-main-card{padding:22px}.flow-actionbar{flex-wrap:wrap}.flow-button{font-size:13px}.signature-history-card{flex-wrap:wrap}.history-actions{margin-left:60px}.history-main{flex-basis:70%}}
@media(max-width:1000px){.flow-screen{grid-template-columns:164px minmax(0,1fr)}.flow-content-grid.has-aside{grid-template-columns:1fr}.flow-experience-page .flow-aside-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:22px}.flow-experience-page .benefit-top{grid-column:1}.flow-experience-page .flow-aside-card h2{grid-column:1;margin:15px 0 10px}.flow-experience-page .flow-aside-card>p{grid-column:1;margin:0}.flow-experience-page .experience-benefits{grid-column:2;grid-row:1 / span 3;margin-top:0;align-content:center}.flow-experience-page .consultant-note{grid-column:1 / -1;margin-top:19px;padding-top:15px}.flow-experience-page .value-demo-button{grid-column:1 / -1;margin-top:14px;justify-content:center}.flow-workspace{padding:23px 21px}.experience-stage{height:360px}.flow-aside-card h3{margin-top:10px}.premium-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-counter{display:none}.flow-question-page .flow-aside-card{display:none}.flow-intake-page .flow-aside-card{display:none}.flow-result-page .premium-rec-list{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-result-page .flow-aside-card h3{margin-top:6px}.nav-item{padding-left:7px;font-size:12px}.sidebar-note{margin-left:7px;margin-right:7px}.sidebar-note p{font-size:16px}.nav-caption{padding-left:7px}.flow-steps{padding-left:4px}.flow-step{font-size:12px}.module-tab{padding:10px 8px;gap:7px}.module-tab strong{font-size:12px}.module-index{display:none}.module-icon{border:0;width:25px;background:transparent!important}.topbar{height:81px;padding:0 19px}.top-actions{gap:7px}.ghost-button{font-size:12px;padding:8px 11px}.brand-button small{display:none}.brand-button strong{font-size:15px}.brand-button img{width:39px;height:39px}.footer{padding:12px 21px;font-size:10px}}
@media(max-width:720px){.flow-screen{display:block}.flow-sidebar{padding:10px 16px;border-right:0;border-bottom:1px solid var(--line)}.flow-sidebar .nav-caption,.sidebar-note,.sidebar-bottom,.flow-steps{display:none}.main-nav{display:flex;gap:6px;justify-content:space-between}.nav-item{font-size:12px;min-height:41px;padding:8px;justify-content:center;gap:7px}.nav-item .ui-icon{width:16px;height:16px}.topbar{padding:12px 16px;height:auto;flex-wrap:wrap;gap:12px}.brand-button strong{font-size:15px}.brand-button img{width:34px;height:34px}.top-actions{margin-left:auto;gap:6px}.ghost-button{font-size:12px;min-height:37px;padding:7px 10px}#resetButton{font-size:0;width:37px;padding:0}#resetButton span{font-size:25px;margin:0}#resetButton:after{content:none}.flow-workspace{padding:24px 17px}.flow-page-header h1{font-size:28px;line-height:1.2}.flow-page-header{margin-bottom:22px}.flow-page-header p{font-size:14px}.flow-eyebrow{font-size:10px}.workspace-mark{display:none}.module-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}.module-tab{padding:12px;min-height:62px;gap:10px}.module-tab strong{font-size:14px}.module-tab small{display:block;font-size:10px}.module-icon{width:28px}.experience-stage{height:340px}.scene-chip{top:14px;left:13px;font-size:11px}.scene-caption{left:16px;right:16px;bottom:18px}.scene-caption strong{font-size:17px}.depth-markers{right:12px}.depth-markers span{font-size:10px}.signature-control-panel{padding:14px 7px 0}.experience-controls{gap:6px}.segment-button{font-size:12px;padding:9px 10px;min-height:43px;flex-basis:calc(50% - 6px)}.experience-counter{display:none}.flow-actionbar{display:grid;grid-template-columns:1fr;gap:10px;margin-top:17px}.flow-actionbar>.primary{order:-1}.flow-button{min-height:47px;font-size:14px}.flow-experience-page .flow-aside-card{padding:22px;display:block}.flow-experience-page .experience-benefits{margin-top:20px}.flow-experience-page .flow-aside-card h2{font-size:24px}.flow-experience-page .flow-aside-card>p{font-size:15px}.flow-main-card{padding:20px}.flow-content-grid{gap:16px}.premium-form-grid{grid-template-columns:1fr;gap:19px}.premium-option-grid{grid-template-columns:1fr;gap:10px}.premium-option{min-height:90px}.premium-question-title h2{font-size:25px}.premium-option-copy strong{font-size:15px}.premium-option-copy small{font-size:13px}.signature-demo-menu-grid{grid-template-columns:1fr}.signature-demo-menu-card h3{font-size:23px}.flow-result-page .premium-rec-list{grid-template-columns:1fr}.profile-spotlight,.summary-profile{align-items:flex-start;gap:13px}.profile-orb,.summary-profile-icon{width:41px;height:41px;font-size:22px}.profile-spotlight h2,.summary-profile h2{font-size:25px}.premium-score-card{padding:13px}.premium-score-copy strong{font-size:13px}.signature-analysis{display:block;min-height:0}.analysis-visual{margin:30px auto 50px}.analysis-copy h2{font-size:26px}.range-wrap{font-size:12px;gap:9px}.range-wrap .ui-icon{display:none}.day-timeline{gap:5px}.day-timeline button{font-size:12px}.history-toolbar{display:block}.history-filter{display:block;margin-top:8px}.signature-history-card{padding:16px;gap:12px}.history-title-row{display:block}.history-title-row>span{display:block;margin-top:5px}.history-main{flex-basis:calc(100% - 55px)}.history-actions{margin:6px 0 0;width:100%}.history-action{flex:1}.report-sheet{padding:18px}.report-head h1{font-size:23px}.report-head img{width:40px;height:40px}.report-head{gap:10px}.report-table td{font-size:12px;padding:9px 5px;overflow-wrap:anywhere}.signature-modal{padding:25px}.signature-modal h2{font-size:25px}.footer{display:block;font-size:11px;padding:14px 18px}.footer span{display:block}.footer span+span{margin-top:6px}.client-mode .experience-stage{height:380px}.client-mode .flow-workspace{padding:22px 15px}.compare-labels{left:10px;right:10px}.compare-labels span{font-size:10px;padding:7px}.flow-version{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{*{box-shadow:none!important}body,.flow-workspace,.flow-screen,.app-main,.flow-main-card{background:white!important;color:black!important}.topbar,.footer,.flow-sidebar,.flow-page-header,.flow-actionbar,.module-tabs{display:none!important}.flow-screen,.flow-workspace,.flow-content-grid,.flow-main-card{display:block!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important}.report-sheet{max-width:none;padding:0;border:0;border-radius:0;font-size:11px}.report-head h1{font-size:23px}.report-table td{font-size:11px;padding:7px}.report-section{margin-top:16px}.report-note{font-size:10px}.report-section,.report-note,tr{break-inside:avoid}.report-head img{width:52px;height:52px}.report-profile-banner{background:#f3edf8!important;print-color-adjust:exact}.report-footer-brand{font-size:9px}.signature-modal-backdrop{display:none!important}@page{size:A4;margin:15mm}}

.flow-page-heading{min-width:0;flex:1}.flow-back-button{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:2px;border:1px solid #3c4052;border-radius:10px;background:#151924;color:#cbd2e2;min-height:42px;padding:8px 13px;font-size:13px;white-space:nowrap}.flow-back-button:hover{background:#242137;border-color:#8470a6;color:#f1eaff}.best-choice-card{margin:0 0 25px;padding:22px;border:1px solid #8a6a3b;border-radius:16px;background:linear-gradient(135deg,#241b20,#151521 70%);box-shadow:0 16px 42px #0003}.best-choice-heading h2{margin:7px 0 5px;color:#f7d66a;font-size:24px}.best-choice-heading p{margin:0;color:#cfc5d0;font-size:14px}.best-choice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;margin-top:18px}.best-choice-lens,.best-choice-treatments{border:1px solid #59434a;border-radius:12px;padding:14px;background:#18141f}.best-choice-lens>span,.best-choice-treatments>span{display:block;color:#b9a6b1;font-size:10px;letter-spacing:.13em;font-weight:700}.best-choice-lens>strong{display:block;color:#fff0ad;font-size:22px;line-height:1.2;margin-top:7px}.best-choice-lens>small{display:block;color:#c7bac8;font-size:13px;line-height:1.45;margin-top:7px}.best-choice-treatments>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.best-choice-chip{display:flex;flex-direction:column;gap:3px;border-radius:9px;padding:9px 11px;background:#30243a;border:1px solid #6b5081;min-width:145px}.best-choice-chip strong{font-size:14px;color:#f0d06d}.best-choice-chip small{font-size:12px;color:#d0c4d4;line-height:1.35}.best-choice-empty{color:#bdb0c0;font-size:13px}.best-choice-note{margin:14px 0 0;padding-top:13px;border-top:1px solid #4c3943;color:#a99ca9;font-size:12px;line-height:1.5}.flow-result-page .flow-main-card{overflow:visible}
@media(max-width:720px){.flow-page-header{align-items:flex-start;gap:10px}.flow-back-button{min-height:38px;padding:7px 10px;font-size:12px}.flow-back-button span{display:none}.best-choice-card{padding:16px;margin-bottom:20px}.best-choice-heading h2{font-size:21px}.best-choice-grid{grid-template-columns:1fr;gap:10px}.best-choice-lens>strong{font-size:20px}.best-choice-chip{min-width:0;width:100%}}

@media(min-width:721px) and (max-width:1200px){.module-tabs{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* Client-facing simulations use the full width; navigation stays available in a drawer. */
.presentation-mode{grid-template-columns:minmax(0,1fr)}
.presentation-mode .flow-workspace{grid-column:1/-1;padding:24px clamp(18px,3vw,44px) 26px}
.presentation-mode .flow-page-header{justify-content:flex-start;gap:16px}
.presentation-mode .flow-header-navigation{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.presentation-mode .flow-page-heading{flex:1;min-width:0}
.presentation-mode .workspace-mark{display:none}
.presentation-mode .flow-sidebar{position:fixed;inset:0 auto 0 0;z-index:41;width:min(280px,88vw);height:100dvh;max-height:100dvh;overflow:auto;padding:24px 16px 20px;transform:translateX(-110%);transition:transform .22s ease;box-shadow:18px 0 55px #0009}
.presentation-mode.menu-open .flow-sidebar{transform:translateX(0)}
.presentation-mode .presentation-nav-scrim{display:none;position:fixed;inset:0;z-index:40;border:0;border-radius:0;background:#050710b8;backdrop-filter:blur(2px);cursor:default}
.presentation-mode.menu-open .presentation-nav-scrim{display:block}
.client-mode .presentation-mode .flow-sidebar,.client-mode .presentation-mode .presentation-nav-scrim,.client-mode .presentation-menu-toggle{display:none!important}
.presentation-mode .presentation-drawer-close{align-self:flex-end;width:36px;height:36px;margin:-6px 0 10px;border:1px solid var(--line);border-radius:9px;background:#171a26;color:var(--text);font-size:25px;line-height:1;cursor:pointer}
.presentation-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:#11141e;color:var(--text);font-size:14px;white-space:nowrap;cursor:pointer}
.presentation-menu-toggle:hover,.presentation-drawer-close:hover{border-color:#7860a9;background:#211c34}
.presentation-mode .flow-content-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.presentation-mode .flow-main-card{width:100%;max-width:none}
.presentation-mode .experience-stage{height:clamp(420px,58vh,760px)}
.presentation-guide{margin-top:14px;border:1px solid var(--line);border-radius:13px;background:#11141e}
.presentation-guide summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:12px 15px;color:var(--muted);font-size:13px;cursor:pointer;list-style:none}
.presentation-guide summary::-webkit-details-marker{display:none}
.presentation-guide summary:hover{color:var(--text)}
.presentation-guide[open] .presentation-guide-indicator{transform:rotate(45deg)}
.presentation-guide-indicator{color:var(--violet);font-size:19px;transition:transform .18s ease}
.presentation-guide-body{margin:0 10px 10px;padding:22px 20px;background:#171a26}
.presentation-guide-body h2{margin:20px 0 10px;font-size:22px}
.presentation-guide-body>p{font-size:14px;line-height:1.65}
.presentation-guide-body .experience-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.presentation-guide-body .value-demo-button{margin-top:16px}
@media(max-width:720px){
  .presentation-mode .flow-workspace{padding:16px 12px 20px}
  .presentation-mode .flow-page-header{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:17px}
  .presentation-mode .flow-header-navigation{width:100%}
  .presentation-mode .flow-page-heading{flex:1 1 100%}
  .presentation-menu-toggle,.presentation-mode .flow-back-button{min-height:38px;padding:7px 10px;font-size:12px}
  .presentation-mode .experience-stage{height:clamp(320px,52vh,540px)}
  .presentation-mode .flow-main-card{padding:8px 8px 14px}
  .presentation-guide-body{padding:18px 15px}
  .presentation-guide-body .experience-benefits{grid-template-columns:1fr}
}

/* Keep the off-canvas navigation usable on phones while demos use the full screen. */
@media(max-width:720px){
  .presentation-mode .flow-sidebar{padding:24px 16px 20px;border-right:1px solid var(--line);border-bottom:0}
  .presentation-mode .flow-sidebar .nav-caption,.presentation-mode .flow-sidebar .sidebar-note,.presentation-mode .flow-sidebar .sidebar-bottom,.presentation-mode .flow-sidebar .flow-steps{display:block}
  .presentation-mode .flow-sidebar .main-nav{display:grid;justify-content:stretch;gap:7px}
  .presentation-mode .flow-sidebar .nav-item{width:100%;min-height:47px;padding:11px 12px;justify-content:flex-start;gap:11px;font-size:14px;flex:initial}
  .presentation-mode .flow-sidebar .nav-item .ui-icon{width:19px;height:19px}
  .presentation-mode .flow-sidebar .flow-steps{display:grid}
}
/* Scenario selector shared by multifocal and single-vision demonstrations. */
.simulation-scene-picker{position:absolute;top:14px;right:14px;z-index:10;display:flex;align-items:center;gap:7px;padding:6px 8px 6px 11px;border:1px solid #ffffff4a;border-radius:10px;background:#101521e8;color:#f4f2fa;backdrop-filter:blur(12px);font-size:12px;line-height:1;font-weight:500}
.simulation-scene-picker>span{color:#d9d4e6;white-space:nowrap}
.simulation-scene-picker select{min-height:34px;max-width:170px;padding:5px 27px 5px 9px;border:1px solid #ffffff36;border-radius:7px;background:#1a1d2b;color:#fff;font:inherit;line-height:1.2;cursor:pointer}
.simulation-scene-picker select:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
@media(max-width:720px){.simulation-scene-picker{top:9px;right:9px;gap:5px;padding:5px 6px 5px 8px;font-size:11px}.simulation-scene-picker select{max-width:145px;min-height:32px;padding:4px 23px 4px 7px}}

/* Premium simulation navigator and Android viewport stability. */
.flow-question-page .premium-option-grid,.flow-question-page .premium-option,.flow-question-page .flow-progress,.flow-question-page .question-live-status{overflow-anchor:none}
.presentation-mode{grid-template-columns:220px minmax(0,1fr)}
.presentation-mode>.simulation-rail{grid-column:1;grid-row:1;position:sticky;top:0;align-self:start;height:calc(100dvh - 88px);overflow:auto;padding:20px 12px;background:linear-gradient(180deg,#0e111a,#0a0c13);border-right:1px solid var(--line);scrollbar-width:thin}
.presentation-mode>.flow-workspace{grid-column:2;grid-row:1}
.simulation-rail section+section{margin-top:24px}.simulation-rail h2{margin:0 10px 10px;font-size:10px;letter-spacing:.14em;color:var(--faint)}
.simulation-rail button{width:100%;min-height:46px;margin:4px 0;padding:9px 10px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;font-size:12px}
.simulation-rail button span{width:24px;height:24px;display:grid;place-items:center;color:var(--violet)}.simulation-rail button .ui-icon{width:17px;height:17px}.simulation-rail button strong{font-weight:550}
.simulation-rail button:hover{background:#191d2a}.simulation-rail button.active{color:#fff;background:#2a203d;border-color:#73569b;box-shadow:inset 3px 0 var(--yellow)}
@media(max-width:900px){.presentation-mode{grid-template-columns:minmax(0,1fr)}.presentation-mode>.simulation-rail{grid-column:1;grid-row:1;position:relative;height:auto;display:flex;gap:14px;overflow-x:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.presentation-mode>.simulation-rail section{display:flex;align-items:center;gap:6px;min-width:max-content}.presentation-mode>.simulation-rail section+section{margin:0}.simulation-rail h2{margin:0 5px;font-size:9px}.simulation-rail button{width:auto;min-height:42px;margin:0;white-space:nowrap}.presentation-mode>.flow-workspace{grid-column:1;grid-row:2}}

/* v0.48.5: exclusive, full-screen simulation experience. */
body.is-simulation-mode{overflow:hidden;background:#05070c}
body.is-simulation-mode>.app-shell>.topbar,body.is-simulation-mode>.app-shell>.footer{display:none}
body.is-simulation-mode .app-main,body.is-simulation-mode .flow-screen{min-height:100dvh;height:100dvh}
.presentation-mode{display:block;position:relative;min-height:100dvh;background:#05070c}
.presentation-mode>.flow-workspace{width:100%;height:100dvh;padding:0;background:#05070c;overflow:hidden}
.presentation-mode .flow-page-header{position:absolute;z-index:30;top:12px;left:14px;right:14px;margin:0;padding:0;align-items:flex-start;pointer-events:none}
.presentation-mode .flow-header-navigation{pointer-events:auto}.presentation-mode .flow-page-heading{display:none}
.presentation-mode .presentation-menu-toggle,.presentation-mode .flow-back-button{min-height:44px;padding:9px 14px;border-color:#ffffff42;background:#0b0e17d9;color:#fff;backdrop-filter:blur(14px);box-shadow:0 9px 30px #0005}
.presentation-mode .flow-content-grid{display:block;height:100%;min-height:0}.presentation-mode .flow-main-card{position:relative;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#05070c;overflow:hidden}
.presentation-mode .experience-stage{height:100dvh!important;border-radius:0}
.presentation-mode .signature-control-panel,.focused-treatment .treatment-card-controls{position:absolute;z-index:20;left:50%;bottom:14px;transform:translateX(-50%);width:min(1080px,calc(100% - 28px));padding:12px 14px;border:1px solid #ffffff29;border-radius:15px;background:#0c101bd9;backdrop-filter:blur(16px);box-shadow:0 18px 55px #0008}
.presentation-mode .controls-label,.presentation-mode .simulation-note{display:none}.presentation-mode .experience-controls{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.presentation-mode .segment-button{flex:1 0 auto;min-width:112px;background:#191d2abf}
.presentation-mode .presentation-guide,.presentation-mode .flow-actionbar,.presentation-mode .lens-camera-toolbar,.presentation-mode .lens-annotation-tools,.presentation-mode .lens-rating{display:none}
.focused-treatment .treatment-gallery{height:100%}.focused-treatment .treatment-card{height:100%;border:0;border-radius:0;background:transparent}.focused-treatment .treatment-card>header{display:none}.focused-treatment .treatment-card .experience-stage{height:100%!important}.focused-treatment .treatment-action{margin-top:8px;min-height:38px}
.focused-treatment #treatment-ar-estetica .experience-stage{width:100%;max-width:none;height:100dvh!important;aspect-ratio:auto}
.simulation-drawer{position:fixed;z-index:51;inset:0 auto 0 0;width:min(360px,90vw);height:100dvh;padding:18px 15px 24px;overflow:auto;background:linear-gradient(180deg,#111522,#080b12);border-right:1px solid #ffffff21;transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 70px #000b}
.presentation-mode.menu-open .simulation-drawer{transform:translateX(0)}.presentation-mode .presentation-nav-scrim{z-index:50}
.simulation-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:3px 5px 18px;border-bottom:1px solid var(--line)}.simulation-drawer>header span{display:block;font-size:9px;letter-spacing:.16em;color:var(--violet)}.simulation-drawer>header strong{display:block;font-size:21px;letter-spacing:.06em}.simulation-drawer>header button{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#202431;font-size:25px}
.simulation-drawer section{margin-top:22px}.simulation-drawer h2{margin:0 6px 9px;font-size:10px;letter-spacing:.15em;color:var(--faint)}.simulation-drawer section>div{display:grid;gap:6px}.simulation-drawer [data-simulation-nav]{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;min-height:47px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left}.simulation-drawer [data-simulation-nav] .ui-icon{width:18px;height:18px;color:var(--violet)}.simulation-drawer [data-simulation-nav] strong{font-size:14px;font-weight:550}.simulation-drawer [data-simulation-nav] small{color:var(--faint)}.simulation-drawer [data-simulation-nav].active{background:#2a203d;border-color:#795ca0;color:#fff;box-shadow:inset 3px 0 var(--yellow)}
.simulation-hub{position:relative;min-height:100dvh;padding:28px clamp(20px,4vw,64px) 46px;overflow:hidden}.simulation-hub-backdrop{position:absolute;inset:0}.simulation-hub-backdrop img{width:100%;height:100%;object-fit:cover}.simulation-hub-backdrop>div{position:absolute;inset:0;background:linear-gradient(90deg,#080a12f7 0 38%,#080a12c9 68%,#080a12e8),linear-gradient(0deg,#080a12 0,transparent 60%)}.simulation-hub>header,.simulation-hub>main{position:relative;z-index:2}.simulation-hub>header{display:flex;align-items:flex-start;gap:28px}.simulation-hub>header>button{min-height:44px;padding:9px 14px;border:1px solid #ffffff35;border-radius:10px;background:#0b0e17c7;color:#fff}.simulation-hub>header span{font-size:10px;letter-spacing:.16em;color:var(--violet)}.simulation-hub h1{margin:7px 0 4px;font-size:clamp(34px,5vw,68px);letter-spacing:.04em}.simulation-hub header p{margin:0}.simulation-hub>main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}.simulation-hub-group{padding:18px;border:1px solid #ffffff22;border-radius:18px;background:#0c101bd9;backdrop-filter:blur(14px)}.simulation-hub-group h2{margin:0 0 14px;font-size:11px;letter-spacing:.15em;color:var(--yellow)}.simulation-hub-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.simulation-hub-group button{display:grid;grid-template-columns:32px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 10px;min-height:67px;padding:11px;border:1px solid #ffffff17;border-radius:12px;background:#171b28d9;color:#fff;text-align:left}.simulation-hub-group button>span{grid-row:1/3;color:var(--violet)}.simulation-hub-group button .ui-icon{width:21px;height:21px}.simulation-hub-group button strong{font-size:14px}.simulation-hub-group button small{font-size:10px;color:var(--faint)}.simulation-hub-group button b{grid-column:3;grid-row:1/3;color:var(--yellow)}
.home-simulation-intro{margin:-3px 0 15px;font-size:13px}
@media(max-width:900px){body.is-simulation-mode{overflow:auto}.simulation-hub{overflow:auto}.simulation-hub>main{grid-template-columns:1fr}.presentation-mode .signature-control-panel,.focused-treatment .treatment-card-controls{bottom:10px;width:calc(100% - 18px);padding:9px}.presentation-mode .segment-button{min-width:104px}.presentation-mode .flow-page-header{top:8px;left:8px;right:8px}.simulation-hub-group>div{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.simulation-hub{padding:18px 13px 30px}.simulation-hub>header{gap:13px}.simulation-hub h1{font-size:34px}.simulation-hub>main{margin-top:24px}.simulation-hub-group{padding:13px}.simulation-hub-group>div{grid-template-columns:1fr}.presentation-mode .experience-stage{height:100dvh!important}}

/* v0.48.6 DEV — sala de demonstração direta, organizada e sempre navegável. */
body.is-simulation-mode{overflow:hidden;background:#05070c}
body.is-simulation-mode>.app-shell>.topbar,body.is-simulation-mode>.app-shell>.footer{display:none!important}
body.is-simulation-mode .app-main,body.is-simulation-mode .flow-screen{height:100dvh;min-height:100dvh}
.presentation-mode{display:grid!important;grid-template-columns:clamp(198px,17vw,232px) minmax(0,1fr)!important;position:relative;width:100%;height:100dvh;min-height:100dvh;background:#05070c;overflow:hidden}
.presentation-mode>.simulation-rail{grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch!important;width:auto!important;height:100dvh!important;min-height:0;padding:12px 9px 10px;overflow:hidden;background:radial-gradient(circle at 0 0,#3b25545e,transparent 32%),linear-gradient(180deg,#10131d,#080a10 78%);border:0;border-right:1px solid #ffffff1f;box-shadow:12px 0 42px #0008;z-index:40}
.simulation-rail-brand{display:flex;align-items:center;gap:10px;min-height:56px;margin:0 3px 8px;padding:8px 7px 11px;border-bottom:1px solid #ffffff1c}
.simulation-rail-brand img{width:35px;height:35px;border-radius:10px;object-fit:cover;box-shadow:0 0 24px #7a42d45c}
.simulation-rail-brand div{min-width:0}.simulation-rail-brand span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8c9f8;font-size:9px;font-weight:700;letter-spacing:.1em}.simulation-rail-brand strong{display:block;margin-top:2px;color:#fff;font-size:17px;line-height:1.05;letter-spacing:.055em}
.simulation-rail>nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 6px;scrollbar-width:thin;scrollbar-color:#5e477b transparent}
.simulation-rail section+section{margin-top:9px!important}.simulation-rail section>div{display:grid;gap:2px}.simulation-rail h2{margin:0 7px 4px!important;color:#f3db6f;font-size:9px;line-height:1.3;font-weight:750;letter-spacing:.15em}
.simulation-rail button{width:100%!important;min-height:34px!important;margin:0!important;padding:5px 7px!important;display:flex!important;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b7bfd0;text-align:left;font-size:11px;line-height:1.16;white-space:normal;touch-action:manipulation}
.simulation-rail button span{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;color:#b99af0}.simulation-rail button .ui-icon{width:15px;height:15px}.simulation-rail button strong{min-width:0;font-weight:560}
.simulation-rail button:hover{background:#191d2a}.simulation-rail button.active{color:#fff;background:linear-gradient(90deg,#39264f,#241c35);border-color:#8060a6;box-shadow:inset 3px 0 #f1df54,0 6px 18px #0003}.simulation-rail button.active span{color:#f1df54}
.simulation-rail>footer{padding:7px 2px 0;border-top:1px solid #ffffff1c}.simulation-rail>footer button{min-height:34px!important}.simulation-rail>footer small{display:block;padding:5px 7px 0;color:#747d91;font-size:8px;letter-spacing:.1em}
.presentation-mode>.flow-workspace{grid-column:2!important;grid-row:1!important;width:100%;height:100dvh;padding:0!important;min-width:0;overflow:hidden;background:#05070c}
.presentation-mode .flow-content-grid{display:block!important;width:100%;height:100dvh;min-height:0}.presentation-mode .flow-main-card{position:relative;width:100%;height:100dvh;padding:0!important;border:0!important;border-radius:0!important;background:#05070c;overflow:hidden}
.presentation-mode .experience-stage{width:100%;height:100dvh!important;min-height:0;border-radius:0!important}
.presentation-mode .flow-page-header,.presentation-mode .presentation-guide,.presentation-mode .flow-actionbar,.presentation-mode .lens-rating{display:none!important}
.presentation-mode .signature-control-panel,.focused-treatment .treatment-card-controls{position:absolute;z-index:24;left:12px;right:12px;bottom:12px;transform:none;width:auto;max-height:30dvh;padding:10px 12px;border:1px solid #ffffff2b;border-radius:14px;background:linear-gradient(180deg,#111724e8,#090d17ee);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 55px #0009;overflow:auto}
.presentation-mode .controls-label,.presentation-mode .simulation-note{display:none}.presentation-mode .experience-controls{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.presentation-mode .segment-button{flex:1 0 auto;min-width:102px;min-height:40px;padding:8px 11px;background:#191d2ad9;font-size:12px}
.presentation-mode .scene-caption{bottom:118px;left:26px;right:26px}.presentation-mode .scene-caption strong{font-size:clamp(17px,1.7vw,23px)}
.presentation-mode.experience-multifocal .scene-chip{left:112px}
.presentation-mode .simulation-scene-picker{top:68px;right:14px;z-index:16}.presentation-mode .scene-chip{top:16px;left:16px}
.presentation-mode .lens-camera-toolbar{display:block!important;position:absolute;z-index:31;top:12px;right:12px;width:auto;margin:0;padding:6px;border-color:#ffffff35;border-radius:11px;background:#0b0f19d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.presentation-mode .lens-camera-actions{gap:6px;flex-wrap:nowrap}.presentation-mode .lens-camera-actions button{min-height:38px;padding:7px 10px;border-radius:8px;font-size:11px}.presentation-mode .lens-camera-toolbar p{display:none}
.presentation-mode .lens-annotation-tools{display:block!important;position:absolute;z-index:32;top:12px;left:12px;margin:0}.presentation-mode .lens-annotation-heading{display:flex;align-items:center;gap:6px}.presentation-mode .lens-annotation-heading>p{display:none}.presentation-mode .lens-annotation-tools button{min-height:38px;padding:7px 10px;border-radius:9px;font-size:11px}.presentation-mode .lens-pen-palette{position:absolute;top:44px;left:0;width:min(420px,48vw);margin:0;padding:10px;background:#0b0f19f2;box-shadow:0 20px 55px #000b}.presentation-mode .lens-annotation-surface{z-index:18}
.experience-multifocal .experience-controls{display:block;overflow:visible}.mf-control-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.7fr);align-items:center;gap:10px;width:100%}.mf-product-row{display:grid;grid-template-columns:repeat(6,minmax(82px,1fr));gap:6px;min-width:0}.presentation-mode .mf-product-row .segment-button{width:100%;min-width:0;white-space:normal;line-height:1.15}.presentation-mode .mf-addition-inline{min-height:40px;padding:4px 9px;background:#080d17c2}.presentation-mode .mf-addition-range{height:20px}
.focused-treatment .treatment-gallery,.focused-treatment .treatment-card{width:100%;height:100%}.focused-treatment .treatment-card{position:static;border:0;border-radius:0;background:transparent}.focused-treatment .treatment-card>header,.focused-treatment .treatment-jumps{display:none}.focused-treatment .treatment-card .experience-stage{height:100dvh!important}.focused-treatment .treatment-action{margin-top:7px;min-height:36px}.focused-treatment #treatment-ar-estetica .experience-stage{width:100%;max-width:none;height:100dvh!important;aspect-ratio:auto}
.presentation-mode .compare-labels{top:18px;left:13%;right:13%}.presentation-mode .depth-markers{right:7.5%;top:23%;bottom:27%}.presentation-mode .depth-markers span{font-size:11px;background:#080c16d9;box-shadow:0 4px 16px #0007}.presentation-mode .mf-white-guide{z-index:12}.presentation-mode .mf-white-guide path{stroke-width:4.5}
.presentation-mode.thickness-page>.flow-workspace{overflow:auto}.presentation-mode.thickness-page .flow-content-grid{height:auto;min-height:100%;padding:18px}.presentation-mode.thickness-page .flow-main-card{height:auto;min-height:100%;overflow:visible}.presentation-mode.thickness-page .thickness-lab{min-height:calc(100dvh - 36px)}
@media(max-height:700px){.presentation-mode>.simulation-rail{padding-top:8px}.simulation-rail-brand{min-height:48px;margin-bottom:5px;padding-top:4px}.simulation-rail-brand img{width:31px;height:31px}.simulation-rail button{min-height:31px!important;padding-block:3px!important}.simulation-rail section+section{margin-top:5px!important}.presentation-mode .signature-control-panel,.focused-treatment .treatment-card-controls{bottom:8px;max-height:34dvh;padding-block:8px}.presentation-mode .scene-caption{bottom:105px}}
@media(max-width:900px){body.is-simulation-mode{overflow:hidden}.presentation-mode{grid-template-columns:172px minmax(0,1fr)!important}.presentation-mode>.simulation-rail{grid-column:1!important;grid-row:1!important;display:grid!important;height:100dvh!important;padding-inline:6px;border-right:1px solid #ffffff1f;border-bottom:0}.presentation-mode>.simulation-rail section{display:block;min-width:0}.presentation-mode>.simulation-rail section+section{margin-top:7px!important}.presentation-mode>.flow-workspace{grid-column:2!important;grid-row:1!important}.simulation-rail-brand span{font-size:8px}.simulation-rail-brand strong{font-size:14px}.simulation-rail button{font-size:10px}.mf-control-layout{grid-template-columns:1fr}.mf-product-row{grid-template-columns:repeat(3,minmax(88px,1fr))}.presentation-mode .signature-control-panel,.focused-treatment .treatment-card-controls{left:8px;right:8px;bottom:8px}.presentation-mode .scene-caption{bottom:168px}}
@media(max-width:600px){.presentation-mode{grid-template-columns:132px minmax(0,1fr)!important}.simulation-rail-brand{display:block;height:auto;padding-inline:5px}.simulation-rail-brand img{width:28px;height:28px;margin-bottom:5px}.simulation-rail-brand span{display:none}.simulation-rail-brand strong{font-size:12px}.simulation-rail button{gap:5px;padding-inline:4px!important;font-size:9px}.simulation-rail button span{display:none}.simulation-rail h2{font-size:8px}.presentation-mode .lens-camera-toolbar{display:none}.presentation-mode .simulation-scene-picker{top:12px;max-width:calc(100% - 24px)}.presentation-mode .simulation-scene-picker>span{display:none}.presentation-mode .lens-annotation-tools{top:60px}.mf-product-row{display:flex;overflow-x:auto}.presentation-mode .mf-product-row .segment-button{min-width:98px}.presentation-mode .scene-caption{display:none}}

/* v0.48.7 DEV — alinhamento definitivo da sala de simulação e proteção contra o modo cliente. */
body.is-simulation-mode .presentation-mode,
body.client-mode.is-simulation-mode .presentation-mode{
  display:grid!important;
  grid-template-columns:214px minmax(0,1fr)!important;
  grid-template-rows:100dvh!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  overflow:hidden!important;
}
body.is-simulation-mode .presentation-mode>#simulationNavigationRail,
body.client-mode.is-simulation-mode .presentation-mode>#simulationNavigationRail{
  display:grid!important;
  visibility:visible!important;
  grid-column:1!important;
  grid-row:1!important;
  width:214px!important;
  max-width:none!important;
  height:100dvh!important;
  opacity:1!important;
  transform:none!important;
}
body.is-simulation-mode .presentation-mode>.flow-workspace,
body.client-mode.is-simulation-mode .presentation-mode>.flow-workspace{
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.presentation-mode>.simulation-drawer,.presentation-mode>.presentation-nav-scrim{display:none!important}
.presentation-mode .experience-stage,.presentation-mode .signature-stage{position:relative;width:100%;height:100dvh!important;overflow:hidden}
.presentation-mode .premium-lens-outline path,.presentation-mode .mf-white-guide path{transform-box:view-box;transform-origin:0 0;transform:translateY(8.5%) scaleY(.8)}
.presentation-mode .lens-annotation-tools{top:12px!important;left:14px!important}
.presentation-mode .lens-camera-toolbar{top:12px!important;right:14px!important}
.presentation-mode .simulation-scene-picker{top:12px!important;right:128px!important;min-height:50px;box-sizing:border-box}
.presentation-mode .scene-chip{top:16px!important;left:16px!important;min-height:38px;display:flex;align-items:center;box-sizing:border-box}
.presentation-mode.experience-multifocal .scene-chip{top:16px!important;left:112px!important}
.presentation-mode .signature-control-panel,.focused-treatment .treatment-card-controls{left:14px!important;right:14px!important;bottom:12px!important;width:auto!important;max-height:92px!important;padding:9px 10px!important;overflow-x:auto!important;overflow-y:hidden!important}
.presentation-mode .experience-controls{min-height:42px;align-items:center!important}
.presentation-mode .scene-caption{left:28px!important;right:28px!important;bottom:100px!important;max-width:min(560px,55%)!important}
.presentation-mode .depth-markers{right:9.5%!important;top:22%!important;bottom:27%!important}
.presentation-mode .compare-labels{top:17%!important;left:13%!important;right:13%!important}

@media(max-width:1100px){
  body.is-simulation-mode .presentation-mode,body.client-mode.is-simulation-mode .presentation-mode{grid-template-columns:186px minmax(0,1fr)!important}
  body.is-simulation-mode .presentation-mode>#simulationNavigationRail,body.client-mode.is-simulation-mode .presentation-mode>#simulationNavigationRail{width:186px!important;padding-inline:7px}
  .simulation-rail-brand strong{font-size:15px}.simulation-rail button{font-size:10px!important}
  .presentation-mode .simulation-scene-picker{right:122px!important}
  .mf-control-layout{grid-template-columns:minmax(220px,.65fr) minmax(0,1.7fr)!important}
  .mf-product-row{grid-template-columns:repeat(6,minmax(74px,1fr))!important}
  .presentation-mode .mf-product-row .segment-button{min-width:74px!important;padding-inline:6px!important;font-size:10px!important}
}
@media(max-width:760px){
  body.is-simulation-mode .presentation-mode,body.client-mode.is-simulation-mode .presentation-mode{grid-template-columns:150px minmax(0,1fr)!important}
  body.is-simulation-mode .presentation-mode>#simulationNavigationRail,body.client-mode.is-simulation-mode .presentation-mode>#simulationNavigationRail{width:150px!important}
  .simulation-rail-brand img{width:30px;height:30px}.simulation-rail-brand strong{font-size:13px}.simulation-rail-brand span{display:none}
  .simulation-rail button{font-size:9px!important;gap:5px!important;padding-inline:5px!important}.simulation-rail button span{display:none!important}
  .presentation-mode .lens-camera-toolbar{display:none!important}
  .presentation-mode .simulation-scene-picker{right:10px!important;min-height:42px}
  .presentation-mode.experience-multifocal .scene-chip{left:104px!important}
  .presentation-mode .signature-control-panel,.focused-treatment .treatment-card-controls{left:8px!important;right:8px!important;bottom:8px!important;max-height:126px!important}
  .mf-control-layout{grid-template-columns:1fr!important}.mf-product-row{display:flex!important;overflow-x:auto}.presentation-mode .mf-product-row .segment-button{min-width:92px!important}
  .presentation-mode .scene-caption{bottom:138px!important;max-width:62%!important}
}