:root{--navy:#07111f;--navy-2:#0a1929;--panel:#0e2033;--panel-2:#12283e;--line:#20394f;--text:#f3f8fb;--muted:#91a8b9;--cyan:#25e0e8;--cyan-2:#15aebc;--blue:#477cff;--green:#48d69b;--amber:#ffbf5b;--red:#ff6b72;--shadow:0 22px 60px rgba(0,0,0,.24);--radius:18px}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-150%);background:var(--cyan);color:#001016;padding:10px 16px;border-radius:8px;font-weight:800}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 76% -10%,rgba(37,224,232,.09),transparent 30%),var(--navy)}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px 18px;background:linear-gradient(180deg,#081727 0%,#071321 100%);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-size:21px;letter-spacing:.1em}.brand b{color:var(--cyan);font-size:11px;letter-spacing:.34em;margin-top:5px}.brand-mark{position:relative;width:34px;height:34px;display:block}.brand-mark i{position:absolute;border:2px solid var(--cyan);border-radius:50%;inset:7px}.brand-mark i:nth-child(2){inset:2px 12px;transform:rotate(52deg)}.brand-mark i:nth-child(3){inset:12px 2px;transform:rotate(-38deg)}.brand-line{font-size:11px;color:var(--muted);padding:0 10px 21px;border-bottom:1px solid var(--line);margin:14px 0 20px}.sidebar nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#9db1c0;border-radius:10px;padding:11px 12px;text-align:left;font-weight:650}.nav-item>span{width:21px;text-align:center;color:#7794a8;font-size:18px}.nav-item em{font-style:normal;margin-left:auto;background:#163047;border:1px solid #29465c;border-radius:99px;padding:0 7px;font-size:11px}.nav-item:hover{background:#10243a;color:var(--text)}.nav-item.active{background:linear-gradient(90deg,rgba(37,224,232,.18),rgba(37,224,232,.05));color:white;box-shadow:inset 3px 0 var(--cyan)}.nav-item.active>span{color:var(--cyan)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:10px}.system-state{display:flex;gap:10px;align-items:center;margin:14px 10px 0;color:var(--muted)}.system-state>i{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}.system-state span{display:grid}.system-state b{color:#d8e5ec;font-size:12px}.system-state small{font-size:10px}.main-column{min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:15;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid rgba(32,57,79,.9);background:rgba(7,17,31,.86);backdrop-filter:blur(18px)}.context{display:grid;line-height:1.2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:#7795aa}.eyebrow.cyan{color:var(--cyan)}.eyebrow.amber{color:var(--amber)}.context strong{font-size:13px;margin-top:4px}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.role-select{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.role-select select,select{background:var(--navy-2);border:1px solid var(--line);border-radius:9px;padding:8px 32px 8px 10px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--navy-2);color:var(--muted)}.icon-button:hover{color:white;border-color:#3c5c75}.menu-button{display:none}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--cyan-2),var(--blue));font-weight:800;font-size:12px}main{max-width:1530px;margin:0 auto;padding:42px 38px 70px}.view{display:none}.view.active{display:block;animation:reveal .25s ease}@keyframes reveal{from{opacity:.3;transform:translateY(5px)}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.page-heading h1,.conversation-heading h1{font-size:clamp(29px,3vw,43px);letter-spacing:-.04em;line-height:1.08;margin:6px 0 8px}.page-heading p,.conversation-heading p{color:var(--muted);max-width:650px;margin:0;font-size:16px}.hero-heading{padding:26px 0 12px}.hero-heading h1{font-size:clamp(36px,4.2vw,58px);max-width:780px}.primary,.secondary,.danger-primary{border-radius:10px;padding:11px 16px;font-weight:800;border:1px solid transparent}.primary{color:#001317;background:linear-gradient(135deg,var(--cyan),#53f5cf);box-shadow:0 10px 30px rgba(37,224,232,.13)}.primary:hover{filter:brightness(1.08)}.secondary{background:#10253a;border-color:#29445b;color:#d8e6ee}.danger-primary{background:linear-gradient(135deg,#ffb34e,#ff7564);color:#1d0902}.wide{width:100%}.text-button{border:0;background:transparent;color:var(--cyan);font-weight:750}.status-pill{display:inline-flex;align-items:center;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.status-pill.neutral{color:#b7c8d3;background:#11263a;border:1px solid #29445a}.status-pill.good,.verified-chip{color:#8af0c4;background:rgba(72,214,155,.11);border:1px solid rgba(72,214,155,.25)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 22px}.metric{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--panel),#0a192a);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.metric:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#36526a}.metric.good:before{background:var(--green)}.metric.warn:before{background:var(--amber)}.metric>span{display:block;color:var(--muted);font-size:12px;font-weight:700}.metric strong{display:block;font-size:35px;line-height:1.2;margin-top:8px}.metric small{color:#668399}.panel{background:linear-gradient(145deg,rgba(14,32,51,.97),rgba(9,25,41,.97));border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow)}.panel h2{font-size:19px;margin:4px 0}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-grid{grid-template-columns:1.18fr .82fr}.memory-flow .flow{display:flex;align-items:center;gap:9px;margin:30px 0}.flow button{border:1px solid var(--line);background:#0a1b2c;text-align:left;padding:14px;border-radius:12px;display:grid;min-width:0;flex:1}.flow button:hover{border-color:var(--cyan-2);transform:translateY(-2px)}.flow i{font-style:normal;color:var(--cyan);font-size:10px;font-weight:900}.flow b{margin:3px 0}.flow span{font-size:11px;color:var(--muted)}.flow em{color:#547187;font-size:24px}.core-band{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,rgba(37,224,232,.11),transparent);border:1px solid rgba(37,224,232,.2);border-radius:12px;padding:14px}.core-band div{display:grid}.core-band small{color:var(--muted)}.pulse-dot{width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.verified-chip{margin-left:auto;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800}.stack-list{display:grid;gap:10px}.list-row{display:flex;align-items:center;gap:12px;padding:12px;background:#0a1a2a;border:1px solid #1c374e;border-radius:11px}.list-row i{width:8px;height:8px;border-radius:50%;background:var(--amber)}.list-row div{display:grid;min-width:0}.list-row b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row small{color:var(--muted)}.guardrail{margin-top:20px;display:flex;align-items:center;gap:18px}.guardrail p{margin:2px 0;color:var(--muted)}.guard-icon{font-size:28px;color:var(--cyan)}.studio-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:20px}.mode-tabs{display:flex;background:#091927;border:1px solid var(--line);padding:4px;border-radius:11px;margin-bottom:25px}.mode-tabs button{flex:1;border:0;background:transparent;padding:9px;border-radius:8px;color:var(--muted);font-weight:750}.mode-tabs button.active{background:#173149;color:white;box-shadow:0 3px 15px rgba(0,0,0,.2)}.expert-card{display:flex;gap:15px;align-items:center;background:#0a1b2d;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:22px}.expert-avatar{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan-2),var(--blue));font-size:20px;font-weight:900}.expert-card div{flex:1}.expert-card h2,.expert-card p{margin:0}.expert-card p{color:var(--muted);font-size:12px}form label:not(.check),fieldset{display:grid;gap:7px;font-weight:700;margin:15px 0}fieldset{border:0;padding:0;margin:0}legend{font-weight:800;margin-bottom:10px}.check{display:flex;align-items:center;gap:11px;background:#0a1a2a;border:1px solid var(--line);padding:11px;border-radius:10px;margin-bottom:8px}.check input{width:18px;height:18px;accent-color:var(--cyan)}.check span{display:grid}.check small{color:var(--muted);font-weight:500}.check b{font-size:13px}input,textarea{width:100%;border:1px solid #29465d;background:#091928;border-radius:10px;padding:11px 12px;resize:vertical}input::placeholder,textarea::placeholder{color:#617d91}.fine-print{font-size:11px;color:#668499}.copilot-panel{align-self:start}.muted{color:var(--muted)}.live-dot{font-size:11px;color:var(--green)}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}.suggestion-list{display:grid;gap:10px;margin:20px 0}.suggestion{background:linear-gradient(100deg,rgba(37,224,232,.09),#0a1a2a);border:1px solid rgba(37,224,232,.17);border-radius:11px;padding:13px}.suggestion span{color:var(--cyan);font-size:10px;font-weight:800;text-transform:uppercase}.suggestion p{margin:4px 0;font-size:13px}.coverage{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.coverage h3{font-size:13px}.coverage label{display:grid;grid-template-columns:90px 1fr;align-items:center;color:var(--muted);font-size:11px;margin:9px 0}.coverage progress{width:100%;height:5px;accent-color:var(--cyan)}.record-visual{text-align:center;padding:45px 10px 30px}.record-orb{margin:auto;width:90px;height:90px;border-radius:50%;border:1px solid rgba(37,224,232,.34);display:grid;place-items:center;box-shadow:0 0 60px rgba(37,224,232,.09)}.record-orb span{width:28px;height:28px;border-radius:50%;background:var(--red)}.recording .record-orb{animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 70px rgba(255,107,114,.25)}}.record-visual strong{display:block;font-size:33px;margin-top:20px;font-variant-numeric:tabular-nums}.record-visual p{color:var(--muted)}.record-controls{display:flex;justify-content:center;gap:12px}.record-button{display:flex;align-items:center;gap:9px;border:1px solid #623e49;background:#2b1822;border-radius:10px;padding:10px 15px;font-weight:800}.record-button i{width:10px;height:10px;border-radius:50%;background:var(--red)}.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.filter-bar label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.search-field{position:relative;flex:1}.search-field span{position:absolute;left:12px}.search-field input{padding-left:36px}.review-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(430px,1.1fr);gap:18px}.knowledge-list{display:grid;gap:9px;align-content:start;max-height:720px;overflow:auto;padding-right:3px}.knowledge-card{border:1px solid var(--line);background:#0b1b2c;border-radius:12px;padding:15px;text-align:left}.knowledge-card:hover,.knowledge-card.selected{border-color:var(--cyan-2);background:#10283c}.knowledge-card>div{display:flex;align-items:center;gap:8px}.knowledge-card h3{font-size:14px;margin:8px 0 4px}.knowledge-card p{color:var(--muted);font-size:12px;margin:0}.type-chip,.critical-chip,.state-chip{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;border-radius:99px;padding:4px 7px;background:#153047;color:#acc4d3}.critical-chip{color:#ffd099;background:rgba(255,191,91,.11)}.state-chip{margin-left:auto}.state-chip.verified{color:#8af0c4;background:rgba(72,214,155,.11)}.detail-panel{position:sticky;top:96px;align-self:start;min-height:400px}.detail-panel blockquote{margin:20px 0;padding:18px;border-left:3px solid var(--cyan);background:#091a2a;color:#cfe1ea}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.detail-meta div{background:#091a2a;border:1px solid var(--line);border-radius:9px;padding:10px;display:grid}.detail-meta span{font-size:9px;color:var(--muted);text-transform:uppercase}.review-actions{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:17px}.conversation-heading{display:flex;align-items:center;justify-content:center;gap:18px;text-align:left;margin:5px 0 25px}.brainy-symbol{width:57px;height:57px;border:1px solid var(--cyan);border-radius:16px;display:grid;place-items:center;color:var(--cyan);font-size:25px;font-weight:900;box-shadow:0 0 30px rgba(37,224,232,.12)}.conversation-shell{max-width:960px;margin:auto;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0d2033,#081725);overflow:hidden;box-shadow:var(--shadow)}.thread{min-height:450px;max-height:60vh;overflow:auto;padding:28px}.welcome-message{text-align:center;padding:70px 20px}.welcome-message>span{font-size:30px;color:var(--cyan)}.welcome-message h2{font-size:25px;margin:10px 0}.welcome-message p{color:var(--muted)}.prompt-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px}.prompt-chips button{border:1px solid var(--line);background:#0b1d2e;border-radius:99px;padding:8px 11px;color:#afc3cf;font-size:11px}.message{max-width:84%;margin:12px 0;padding:14px 16px;border-radius:14px}.message.user{margin-left:auto;background:#193d56}.message.assistant{background:#0b1b2b;border:1px solid var(--line)}.message p{margin:0}.warnings{margin-top:10px;color:#ffd393;font-size:11px}.citations{display:grid;gap:6px;margin-top:12px}.citation{border-top:1px solid var(--line);padding-top:8px;font-size:11px;color:var(--muted)}.composer{border-top:1px solid var(--line);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;background:#091725}.composer textarea{border:0;background:transparent;min-height:46px;max-height:130px;resize:none}.composer textarea:focus{outline:0}.composer small{grid-column:1/-1;color:#668499;text-align:center}.send-button{width:43px;height:43px;border:0;border-radius:50%;background:var(--cyan);color:#001317;font-size:23px;font-weight:900}.brainy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.agent-stage{text-align:center;display:grid;place-items:center;align-content:center;min-height:530px}.agent-halo{width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(37,224,232,.18),transparent 63%);border:1px solid rgba(37,224,232,.08)}.agent-face{width:134px;height:134px;border-radius:44% 44% 48% 48%;display:grid;place-items:center;background:linear-gradient(145deg,#1a5270,#0c2337);border:1px solid #3bbec6;box-shadow:0 0 50px rgba(37,224,232,.17)}.agent-face span{font-size:53px;color:var(--cyan);font-weight:900}.agent-stage p{color:var(--muted)}.boundary-chip{font-size:10px;border:1px solid var(--line);padding:7px 10px;border-radius:99px;color:#9bb3c3}.controls-panel{padding:28px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;background:#091a2a;border:1px solid var(--line);border-radius:11px;padding:14px!important}.toggle-row span{display:grid}.toggle-row small{color:var(--muted);font-weight:400}.toggle-row input{position:absolute;opacity:0;width:1px}.toggle-row i{width:42px;height:23px;border-radius:99px;background:#294256;position:relative;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#a9bbc7;left:3px;top:3px;transition:.2s}.toggle-row input:checked+i{background:var(--cyan-2)}.toggle-row input:checked+i:after{left:22px;background:white}.result-box{border:1px solid rgba(37,224,232,.2);background:rgba(37,224,232,.06);border-radius:12px;padding:15px;margin-top:16px}.incident-banner{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,191,91,.3);background:rgba(255,191,91,.08);border-radius:13px;padding:13px 16px;margin-bottom:26px}.incident-banner>span{font-size:24px;color:var(--amber)}.incident-banner strong{color:var(--amber);font-size:11px;letter-spacing:.16em}.incident-banner p{margin:2px 0;color:#c7b99d;font-size:12px}.callout{background:#231d18;border:1px solid #4f4030;border-radius:11px;padding:13px;margin:15px 0}.callout p{color:#c7b99d;margin:3px 0}.incident-result{min-height:330px}.situation-flow{display:flex;align-items:center;justify-content:center;margin:15px 0 28px}.situation-flow>span{color:#48677c;margin:0 10px}.flow-node{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.flow-node i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-weight:800}.flow-node.active{color:white}.flow-node.active i{border-color:var(--cyan);color:var(--cyan)}.export-list{display:grid;gap:8px;max-height:430px;overflow:auto}.export-choice{display:flex;text-align:left;align-items:start;gap:10px;border:1px solid var(--line);background:#091a2a;border-radius:10px;padding:12px}.export-choice.selected{border-color:var(--cyan)}.export-choice span:first-child{color:var(--green)}.export-choice div{display:grid}.export-choice small{color:var(--muted)}.card-preview{min-height:265px;margin:18px 0;background:linear-gradient(145deg,#102b42,#081725);border:1px solid #29475c;border-radius:14px;padding:22px}.card-preview h3{font-size:23px;line-height:1.25}.card-kicker{color:var(--cyan);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.settings-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-grid dl div{background:#091a2a;padding:10px;border-radius:8px}.settings-grid dt{font-size:10px;color:var(--muted);text-transform:uppercase}.settings-grid dd{margin:2px 0}.policy-list{padding:0;list-style:none;display:grid;gap:12px}.policy-list li{display:flex;gap:10px}.policy-list i{color:var(--green);font-style:normal}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px}th{color:var(--muted);font-size:10px;text-transform:uppercase}.empty{text-align:center;color:var(--muted);padding:60px 15px}.empty.compact{padding:30px 10px}.empty>span{font-size:28px;color:#507188}.empty h2{color:white}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#163249;border:1px solid #3d6078;border-radius:10px;padding:12px 16px;box-shadow:var(--shadow);max-width:390px}.toast.error{border-color:#7d3e48;background:#301922}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:18}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1050px){.app-shell{grid-template-columns:210px 1fr}.sidebar{padding-left:10px;padding-right:10px}.dashboard-grid,.studio-grid,.brainy-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.copilot-panel{display:block}.review-layout{grid-template-columns:1fr}.detail-panel{position:static}.knowledge-list{max-height:430px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:270px;transition:.25s}.sidebar.open{transform:none}.menu-button{display:block}.topbar{height:65px;padding:0 14px}.context{display:none}.role-select span{display:none}.role-select select{max-width:145px}.top-actions{gap:7px}main{padding:27px 15px 55px}.page-heading{align-items:start;flex-direction:column}.page-heading .primary{width:100%}.metric-grid,.two-column,.settings-grid{grid-template-columns:1fr}.flow{flex-direction:column;align-items:stretch!important}.flow em{transform:rotate(90deg);text-align:center}.memory-flow .flow button{width:100%}.guardrail{align-items:start}.filter-bar{align-items:stretch;flex-direction:column}.review-layout{grid-template-columns:1fr}.conversation-heading{justify-content:start}.thread{padding:15px}.welcome-message{padding:45px 5px}.message{max-width:95%}.situation-flow{align-items:flex-start}.situation-flow>span{margin-top:4px}.flow-node{display:grid;text-align:center;justify-items:center}.flow-node b{font-size:9px}.record-controls{flex-direction:column}.record-controls button{width:100%}.settings-grid dl{grid-template-columns:1fr}.toast{left:15px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.capture-choice{margin-top:18px}.capture-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capture-options label{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:13px;background:#091a2a;border:1px solid var(--line);border-radius:11px;cursor:pointer}.capture-options label:has(input:checked){border-color:var(--cyan-2);background:rgba(37,224,232,.07)}.capture-options input{width:18px;accent-color:var(--cyan)}.capture-options span{display:grid}.capture-options small{font-weight:400;color:var(--muted)}.import-panel{margin:12px 0 16px;padding:15px;background:#091a2a;border:1px solid var(--line);border-radius:12px}.import-panel label{margin:0 0 8px!important}.import-panel input[type=file]{padding:9px}.file-summary{margin-top:9px;color:var(--muted);font-size:12px}.file-summary.ready{color:var(--green)}.file-summary.error{color:var(--red)}
@media(max-width:760px){.capture-options{grid-template-columns:1fr}}
.citation>.text-button{padding:6px 0}.evidence-detail{margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#071522;color:#bcd0dc}.evidence-detail blockquote{margin:7px 0;padding-left:9px;border-left:2px solid var(--cyan);color:#e5f2f7}.evidence-detail.error{border-color:#7d3e48;color:#ffb1b7}

/* Polished database-backed product experience */
.sidebar{overflow-y:auto}.hero-actions{display:flex;gap:9px;align-items:center}#view-dashboard .hero-heading{min-height:310px;padding:42px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,rgba(7,17,31,.98),rgba(7,17,31,.87) 50%,rgba(7,17,31,.22)),linear-gradient(0deg,rgba(7,17,31,.8),transparent 60%),url('/assets/ray-hero.jpg') center 37%/cover;box-shadow:var(--shadow);align-items:center}#view-dashboard .hero-heading>div{max-width:720px}#view-dashboard .hero-heading p{color:#c0d0db;font-size:18px}#view-dashboard .hero-heading .hero-actions{align-self:flex-end}
.expert-memory-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(540px,1.22fr);gap:20px}.expert-portrait{position:relative;overflow:hidden;min-height:560px;padding:0}.expert-portrait>img{width:100%;height:100%;object-fit:cover}.expert-portrait:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(5,14,24,.97))}.synthetic-badge{position:absolute;z-index:2;left:20px;top:20px;padding:7px 10px;border:1px solid rgba(139,115,255,.58);border-radius:99px;background:rgba(7,17,31,.72);color:#cabfff;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(10px)}.expert-portrait-copy{position:absolute;z-index:2;left:25px;right:25px;bottom:24px}.expert-portrait-copy h2{font-size:33px;margin:8px 0 4px}.expert-portrait-copy p{margin:0;color:#c8d7e2}.expert-story{padding:30px}.expert-trust-line{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}.expert-trust-line i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}.expert-title-row{display:flex;justify-content:space-between;align-items:start;gap:18px;margin:28px 0}.expert-title-row h2{font-size:31px;margin:6px 0}.expert-title-row p{margin:0;color:var(--muted)}.expert-title-row blockquote{max-width:220px;margin:0;padding:15px;border-left:2px solid var(--cyan);background:rgba(37,224,232,.06);color:var(--cyan);font-size:18px;font-weight:800}.expert-context{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.expert-context>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#091a2a}.expert-context span{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.expert-context p{margin:6px 0 0;color:#c4d1db;font-size:11px;line-height:1.45}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 18px}.signal-grid span{padding:12px 12px 12px 30px;border:1px solid var(--line);border-radius:10px;background:#091a2a;position:relative}.signal-grid span:before{content:"";position:absolute;left:12px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--cyan)}.expert-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.expert-metrics article{padding:18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--panel),#091827)}.expert-metrics strong,.expert-metrics span{display:block}.expert-metrics strong{color:var(--cyan);font-size:30px}.expert-metrics span{color:var(--muted);font-size:11px}.source-experience-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px}.chapter-panel{padding:15px}.chapter-panel .panel-head{padding:8px 8px 0}.chapter-list{display:grid;gap:6px}.chapter-button{width:100%;display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;border:1px solid transparent;border-radius:10px;padding:11px;background:transparent;color:var(--muted);text-align:left}.chapter-button:hover,.chapter-button.active{border-color:var(--cyan-2);background:rgba(37,224,232,.07);color:white}.chapter-button time{color:var(--cyan);font-size:11px;font-weight:900}.chapter-button span{font-size:12px;line-height:1.35}.source-player{overflow:hidden;padding:0}.source-image{height:300px;position:relative;overflow:hidden}.source-image:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,#0b1b2d)}.source-image img{width:100%;height:100%;object-fit:cover}.synthetic-voice-label{position:absolute;z-index:2;right:16px;top:16px;padding:6px 9px;border:1px solid rgba(139,115,255,.5);border-radius:99px;background:rgba(7,17,31,.75);color:#cabfff;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.source-play-button{position:absolute;z-index:3;left:50%;top:50%;width:66px;height:66px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(7,17,31,.75);font-size:23px;backdrop-filter:blur(10px)}.source-play-button:hover{background:var(--cyan);color:#001317}.source-player.playing .source-play-button{background:var(--cyan);color:#001317}.source-player-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:18px 22px 8px}.source-player-head h2{font-size:23px;margin-top:5px}.source-transcript{min-height:170px;max-height:260px;overflow:auto;margin:0 22px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#071522}.source-transcript .speaker{display:flex;justify-content:space-between;gap:10px;color:var(--cyan);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.source-transcript p{font-size:17px;line-height:1.55;color:#deebf1}.source-actions{display:flex;align-items:center;gap:8px;padding:16px 22px 22px}.source-actions>span{margin-left:auto;max-width:270px;color:var(--muted);font-size:10px;text-align:right}
.agent-stage{position:relative;overflow:hidden;padding:0;background:#081522}.agent-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.agent-stage-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,15,27,.97),rgba(6,15,27,.25) 75%),linear-gradient(90deg,rgba(6,15,27,.5),transparent)}.agent-stage-content{position:relative;z-index:2;display:grid;place-items:center;align-content:center;min-height:530px;padding:25px}.agent-stage .agent-halo{width:180px;height:180px}.agent-stage .agent-face{width:105px;height:105px}.agent-stage .agent-face span{font-size:42px}.incident-grid .panel:first-child{background:linear-gradient(135deg,rgba(14,32,51,.97),rgba(9,25,41,.88)),url('/assets/incident-assist.jpg') center/cover}
.trust-vault-grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(560px,1.3fr);gap:20px}.trust-visual{min-height:520px;position:relative;overflow:hidden;padding:0}.trust-visual img{width:100%;height:100%;object-fit:cover}.trust-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(6,15,27,.96))}.trust-visual>div{position:absolute;z-index:2;left:24px;bottom:23px}.trust-visual strong,.trust-visual span{display:block}.trust-visual strong{color:var(--cyan);font-size:48px}.trust-visual span{color:var(--muted)}.trust-ledger{padding:24px}.trust-item-list{display:grid;gap:8px;max-height:440px;overflow:auto}.trust-item{width:100%;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:12px;background:#091a2a;text-align:left}.trust-item:hover,.trust-item.selected{border-color:var(--cyan-2);background:#10283c}.trust-item>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(72,214,155,.1);color:var(--green);font-size:11px;font-weight:900}.trust-item b,.trust-item small{display:block}.trust-item small{margin-top:4px;color:var(--muted)}.trust-item em{color:var(--cyan);font-style:normal;font-size:10px;font-weight:800}.trust-detail{margin-top:20px;min-height:210px}.trust-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.trust-evidence-quote{padding:18px;border-left:3px solid var(--cyan);background:#091a2a}.trust-evidence-quote blockquote{font-size:18px;margin:8px 0}.trust-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trust-meta div{padding:10px;border:1px solid var(--line);border-radius:9px;background:#091a2a}.trust-meta span,.trust-meta b{display:block}.trust-meta span{color:var(--muted);font-size:9px;text-transform:uppercase}.trust-meta b{margin-top:4px;font-size:12px}
@media(max-width:1100px){.expert-memory-grid,.source-experience-grid,.trust-vault-grid{grid-template-columns:1fr}.expert-portrait{min-height:520px}.source-experience-grid{grid-template-columns:310px 1fr}.trust-visual{min-height:360px}.trust-detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){#view-dashboard .hero-heading{min-height:430px;padding:25px;align-items:flex-start}#view-dashboard .hero-heading .hero-actions,.hero-actions{width:100%;align-self:auto;flex-direction:column}.hero-actions button{width:100%}.expert-memory-grid,.source-experience-grid,.trust-vault-grid{grid-template-columns:1fr}.expert-title-row{flex-direction:column}.expert-title-row blockquote{max-width:none}.expert-context,.expert-metrics,.signal-grid{grid-template-columns:1fr}.expert-portrait{min-height:460px}.source-image{height:250px}.source-actions{align-items:stretch;flex-direction:column}.source-actions>span{margin-left:0;text-align:left}.trust-item{grid-template-columns:36px 1fr}.trust-item em{display:none}.trust-meta{grid-template-columns:1fr}}
.pilot-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,191,91,.34);background:rgba(255,191,91,.09);color:#ffd099;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.09em;white-space:nowrap}.system-state.checking>i{background:#668399;box-shadow:none}.system-state.ready>i{background:var(--green);box-shadow:0 0 14px var(--green)}.nav-item:disabled,.nav-item[aria-disabled="true"]{opacity:.38;cursor:not-allowed;background:transparent;box-shadow:none}.nav-item:disabled:hover{color:#9db1c0}.trust-discovery{margin-top:20px}.trust-discovery .detail-meta{margin-bottom:10px}.trust-discovery>p:last-child{margin-bottom:0}@media(max-width:760px){.pilot-badge{display:none}}

/* EON Situation Room Table — playable, truth-separated practice */
.table-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.table-scenario-card{padding:25px;display:flex;flex-direction:column;min-height:360px}.table-scenario-card h2{font-size:25px;margin:19px 0 9px}.table-scenario-card>p{color:var(--muted);line-height:1.55;flex:1}.table-card-top,.table-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.table-card-bottom{margin-top:22px}.table-card-bottom small{max-width:55%;color:var(--muted)}.synthetic-chip,.fact-label,.role-label,.coach-label,.outcome-label{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.synthetic-chip,.role-label{border:1px solid rgba(139,115,255,.48);background:rgba(139,115,255,.1);color:#c8bcff}.fact-label{border:1px solid rgba(72,214,155,.45);background:rgba(72,214,155,.09);color:#8ce9be}.coach-label{border:1px solid rgba(255,191,91,.45);background:rgba(255,191,91,.09);color:#ffd099}.outcome-label{border:1px solid rgba(37,224,232,.4);background:rgba(37,224,232,.08);color:var(--cyan)}.table-voice-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.table-voice-row>span{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:#c3d2db;font-size:10px}.table-voice-row i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#17344b;color:var(--cyan);font-style:normal;font-size:8px;font-weight:900}.table-experience{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:18px}.table-stage,.table-decision-panel{padding:25px}.table-label-legend{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.table-round{display:grid;gap:10px}.table-voice-turn{display:grid;grid-template-columns:43px 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#091a2a}.table-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#1a5270,#0c2337);border:1px solid #3bbec6;color:var(--cyan);font-size:11px;font-weight:900}.table-speaker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-speaker>span{color:var(--muted);font-size:10px}.table-speaker>em{font-style:normal}.table-voice-turn p{margin:8px 0;color:#e0eaf0}.table-voice-turn details{border-top:1px solid var(--line);padding-top:8px}.table-voice-turn summary{cursor:pointer;color:#8ce9be;font-size:10px;font-weight:800}.table-voice-turn blockquote{margin:8px 0;padding-left:10px;border-left:2px solid var(--green);color:#c6d5df;font-size:11px}.table-voice-turn small{color:var(--muted)}.table-coach{margin-top:13px;padding:14px;border:1px solid rgba(255,191,91,.3);border-radius:11px;background:rgba(255,191,91,.06)}.table-coach:empty{display:none}.table-coach blockquote{margin:9px 0;color:#f4dfbd;font-size:15px}.table-coach small{color:#aa9472}.table-decision-panel{position:sticky;top:90px;height:max-content}.table-decision-panel h2{font-size:24px;line-height:1.25}.table-options{display:grid;gap:9px;margin-top:15px}.table-options button{display:grid;gap:5px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#091a2a;padding:14px}.table-options button:hover{border-color:var(--cyan);background:#102b40}.table-options button>span{color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.08em}.table-options button>small{color:var(--muted);font-size:10px;line-height:1.45}.table-outcome{padding:15px;border:1px solid var(--line);border-radius:12px;background:#0b2233}.table-outcome.better{border-color:rgba(72,214,155,.35)}.table-outcome.worse{border-color:rgba(255,102,116,.35)}.table-outcome p{font-size:15px}.table-outcome small{color:var(--muted)}.table-debrief>p{color:var(--muted)}.table-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}.table-score-grid>div{display:flex;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#091a2a}.table-score-grid span{color:var(--muted);font-size:9px;text-transform:capitalize}.table-score-grid strong{color:var(--cyan)}@media(max-width:980px){.table-experience{grid-template-columns:1fr}.table-decision-panel{position:static}}@media(max-width:760px){.table-scenario-grid{grid-template-columns:1fr}.table-card-bottom{align-items:stretch;flex-direction:column}.table-card-bottom small{max-width:none}.table-card-bottom button{width:100%}.table-speaker{align-items:flex-start;flex-direction:column}.table-score-grid{grid-template-columns:1fr}}

/* Read-only Synthetic Experience Library */
.synthetic-library{margin-top:20px;padding:27px}.synthetic-library .panel-head p{max-width:760px;margin:5px 0;color:var(--muted)}.synthetic-library-controls{display:flex;align-items:end;gap:16px;margin:18px 0}.synthetic-library-controls>label{display:grid;gap:6px;min-width:360px;font-weight:800}.synthetic-truth-strip{flex:1;display:grid;padding:11px 14px;border:1px solid rgba(139,115,255,.33);border-radius:11px;background:rgba(139,115,255,.07)}.synthetic-truth-strip b{color:#cabfff;font-size:9px;letter-spacing:.12em}.synthetic-truth-strip span{color:var(--muted);font-size:10px}.synthetic-library-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:15px}.synthetic-interview-list{max-height:720px;overflow:auto;display:grid;align-content:start;gap:6px;padding-right:3px}.synthetic-interview-button{width:100%;display:grid;grid-template-columns:34px 86px 1fr auto;gap:10px;align-items:center;text-align:left;padding:10px;border:1px solid var(--line);border-radius:10px;background:#091a2a}.synthetic-interview-button:hover,.synthetic-interview-button.selected{border-color:#8b73ff;background:rgba(139,115,255,.08)}.synthetic-interview-art{width:86px;height:56px;overflow:hidden;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:#0f2435}.synthetic-interview-art img{width:100%;height:100%;object-fit:cover;display:block}.synthetic-interview-button i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#172c43;color:var(--cyan);font-style:normal;font-size:9px;font-weight:900}.synthetic-interview-button span{min-width:0}.synthetic-interview-button b,.synthetic-interview-button small{display:block}.synthetic-interview-button b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.synthetic-interview-button small{color:var(--muted);font-size:9px}.synthetic-interview-button em{color:#cabfff;font-style:normal;font-size:9px}.synthetic-interview-detail{min-height:460px;max-height:720px;overflow:auto;border:1px solid var(--line);border-radius:13px;background:#071522;padding:17px}.synthetic-detail-head{display:flex;justify-content:space-between;gap:20px;padding:5px 5px 18px;border-bottom:1px solid var(--line)}.synthetic-detail-head h2{font-size:24px;margin:8px 0 3px}.synthetic-detail-head p{color:var(--muted);font-size:9px;margin:0}.synthetic-detail-cover{margin:8px 0 10px}.synthetic-detail-cover img{display:block;max-width:100%;width:280px;max-height:150px;border-radius:12px;border:1px solid var(--line);object-fit:cover}.synthetic-detail-head>div:last-child{display:grid;text-align:right;align-content:start}.synthetic-detail-head>div:last-child strong{color:var(--cyan);font-size:25px}.synthetic-detail-head>div:last-child span{color:var(--muted);font-size:9px}.synthetic-turns{display:grid;gap:9px;margin-top:14px}.synthetic-turn{padding:14px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:10px;background:#091a2a}.synthetic-turn.story{border-left-color:var(--amber);background:rgba(255,191,91,.04)}.synthetic-turn>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.synthetic-turn>div>span{color:var(--green);font-size:8px;font-weight:900;letter-spacing:.1em}.synthetic-turn.story>div>span{color:var(--amber)}.synthetic-turn p{white-space:pre-line;color:#dce8ee}.synthetic-turn small{color:var(--muted)}@media(max-width:980px){.synthetic-library-grid{grid-template-columns:1fr}.synthetic-interview-list{max-height:380px}.synthetic-interview-detail{max-height:none}}@media(max-width:760px){.synthetic-library-controls{align-items:stretch;flex-direction:column}.synthetic-library-controls>label{min-width:0}.synthetic-detail-head{flex-direction:column}.synthetic-detail-head>div:last-child{text-align:left}}

/* Review queue pagination keeps large knowledge libraries usable. */
.review-pager{position:sticky;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#0a1a2a;color:var(--muted);font-size:10px}.review-pager:first-child{top:0}.review-pager:last-child{bottom:0}.review-pager>div{display:flex;align-items:center;gap:8px}.review-pager b{color:#cfe0e9}.review-pager button{font-size:10px;padding:4px}.review-pager button:disabled{color:#546d7e;cursor:not-allowed}

/* The public Vercel experience is synthetic and resettable; keep that boundary visible. */
.public-demo-banner{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:14px;min-height:38px;padding:8px 18px;border-bottom:1px solid rgba(255,191,91,.45);background:#2a1d08;color:#ffe0aa;font-size:12px;text-align:center}.public-demo-banner[hidden]{display:none}.public-demo-banner b{color:#ffbf5b;letter-spacing:.09em}.public-demo-banner span{color:#ead8ba}.public-demo .sidebar{top:38px;height:calc(100vh - 38px)}.public-demo .topbar{top:38px}@media(max-width:760px){.public-demo-banner{align-items:flex-start;flex-direction:column;gap:2px;min-height:58px;text-align:left}.public-demo .sidebar{top:58px;height:calc(100vh - 58px)}.public-demo .topbar{top:58px}}

/* Buyer-first interview discovery: lead with the 1,440-story library, then show the deep source audit. */
.featured-interviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.featured-interview{position:relative;min-height:245px;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:14px;background:#081725;text-align:left}.featured-interview:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(5,14,24,.98) 64%)}.featured-interview:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 14px 35px rgba(0,0,0,.28)}.featured-interview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.featured-interview>span{position:absolute;z-index:2;left:17px;right:17px;bottom:16px;display:grid;gap:6px}.featured-interview i{color:var(--cyan);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.12em}.featured-interview b{font-size:17px;line-height:1.2}.featured-interview small{color:#b9cad5;font-size:10px;line-height:1.4}.source-section-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:42px 0 14px;padding-top:26px;border-top:1px solid var(--line)}.source-section-intro h2{margin:6px 0;font-size:28px}.source-section-intro p{max-width:760px;margin:0;color:var(--muted)}.synthetic-playback-controls{position:sticky;z-index:3;top:-17px;display:flex;align-items:center;gap:8px;margin:0 -17px;padding:12px 17px;border-bottom:1px solid var(--line);background:rgba(7,21,34,.96);backdrop-filter:blur(12px)}.synthetic-playback-controls>span{margin-left:auto;color:var(--muted);font-size:10px}.synthetic-playback-controls button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:980px){.featured-interviews{grid-template-columns:1fr 1fr}.featured-interview:last-child{grid-column:1/-1}.source-section-intro{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.featured-interviews{grid-template-columns:1fr}.featured-interview:last-child{grid-column:auto}.featured-interview{min-height:220px}.synthetic-playback-controls{align-items:stretch;flex-wrap:wrap}.synthetic-playback-controls>span{width:100%;margin-left:0}.source-section-intro .secondary{width:100%}}

/* Plain-language, click-through product guide. */

.guide-heading{align-items:center}.guide-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.guide-intro{position:relative;overflow:hidden;min-height:235px}.guide-intro:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),transparent)}.guide-intro:nth-child(1):before{background:linear-gradient(90deg,var(--amber),transparent)}.guide-number{display:block;color:#23455d;font-size:48px;font-weight:900;line-height:1;margin-bottom:16px}.guide-intro h2{font-size:23px;max-width:290px}.guide-intro p{margin:10px 0 0;color:var(--muted)}.guide-journey{margin-bottom:20px}.guide-live-note{font-size:11px;color:#9fb9c7;display:flex;align-items:center;gap:7px}.guide-live-note i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-steps button,.guide-feature{border:1px solid var(--line);background:#091a2a;color:var(--text);text-align:left;border-radius:13px;transition:.2s}.guide-steps button{display:grid;grid-template-columns:34px 88px 1fr;gap:12px;padding:13px;align-items:start}.guide-steps button:hover,.guide-feature:hover{border-color:var(--cyan-2);transform:translateY(-2px);background:#0d2336}.guide-steps button>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(37,224,232,.12);border:1px solid rgba(37,224,232,.27);color:var(--cyan);font-weight:900}.guide-step-image{width:88px;height:88px;min-width:88px;min-height:88px;border-radius:9px;overflow:hidden;background:#0d2237;border:1px solid rgba(167,216,234,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.guide-step-image img{width:100%;height:100%;object-fit:cover;display:block}.guide-step-image.guide-image-placeholder-active,.guide-feature.guide-image-placeholder-active{outline:2px dashed rgba(255,191,91,.6);outline-offset:-1px}.guide-steps b{display:block;font-size:16px}.guide-steps p{color:var(--muted);font-size:12px;line-height:1.45;margin:3px 0 10px}.guide-steps em,.guide-feature em{font-style:normal;color:var(--cyan);font-size:11px;font-weight:800}.guide-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.guide-feature{padding:12px;display:grid;grid-template-columns:34px 88px 1fr;gap:12px;min-height:228px;align-content:start;align-items:start}.guide-feature-icon{font-size:21px;color:var(--cyan);text-align:center;padding-top:2px}.guide-feature img{width:88px;height:88px;min-width:88px;border-radius:9px;object-fit:cover;display:block}.guide-feature .guide-image-placeholder{width:88px;height:88px;min-width:88px;border-radius:9px;display:grid;place-items:center;place-content:center;text-align:center;color:#f6dbaf;font-size:11px;line-height:1.25;padding:6px;box-sizing:border-box;background:linear-gradient(145deg,#1f2f4d 5%,#081b2f 95%);border:1px dashed rgba(255,191,91,.65);gap:4px}.guide-feature .guide-image-placeholder strong{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.guide-feature .guide-image-placeholder span{color:#dbe8f3;max-width:78px;font-size:9px;opacity:.9}.guide-feature .guide-image-placeholder-icon{font-size:26px;line-height:1}.guide-step-image .guide-image-placeholder{width:100%;height:100%;border-radius:9px}.guide-feature .guide-image-placeholder-active{border-color:rgba(255,191,91,.8)}.guide-feature b{font-size:15px}.guide-feature p{font-size:12px;line-height:1.48;color:var(--muted);margin:5px 0 10px}.guide-feature p strong{color:#dceaf1}.guide-feature small{display:block;color:#6d8ca1;font-size:10px;line-height:1.4;margin-bottom:11px}.guide-feature em{align-self:end}.guide-developer-map{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:linear-gradient(120deg,rgba(37,224,232,.1),rgba(12,29,46,.95) 50%)}.guide-developer-map h2{font-size:23px}.guide-developer-map p{color:var(--muted);margin-bottom:0}.guide-developer-map dl{display:grid;gap:9px;margin:0}.guide-developer-map dl div{padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(6,20,34,.68)}.guide-developer-map dt{font-size:9px;color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.guide-developer-map dd{margin:4px 0 0;color:#cbdbe4;font-size:12px;line-height:1.45}@media(max-width:1100px){.guide-feature-grid{grid-template-columns:repeat(2,1fr)}.guide-why-grid{grid-template-columns:1fr}.guide-intro{min-height:0}}@media(max-width:760px){.guide-steps,.guide-feature-grid,.guide-developer-map{grid-template-columns:1fr}.guide-developer-map{gap:18px}.guide-heading{align-items:flex-start}.guide-heading .status-pill{display:none}.guide-feature{min-height:0}}

/* Guide image placeholders: must be impossible to miss when media fails. */
.guide-image-placeholder{width:88px;height:88px;min-width:88px;min-height:88px;border-radius:9px;display:grid;place-items:center;place-content:center;text-align:center;color:#ffdfaa;padding:6px;box-sizing:border-box;background:linear-gradient(145deg,#22344f 5%, #0b1a2f 95%);border:1px dashed rgba(255,191,91,.85);gap:4px}
.guide-image-placeholder .guide-image-placeholder-icon{font-size:28px;line-height:1}
.guide-image-placeholder strong{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#ffdcaa}
.guide-image-placeholder span{color:#dbe8f3;max-width:76px;font-size:9px;opacity:.95;line-height:1.25}
.guide-step-image .guide-image-placeholder{width:100%;height:100%}
.guide-feature .guide-image-placeholder{min-width:88px}