/* Shared art direction: obsidian glass, luminous research fields, crisp product studies. */
.model-feature{position:relative;background:#f4f5f7;overflow:hidden}
.model-art{display:block;width:100%;height:460px}
.art-caption{position:absolute;bottom:26px;left:28px;right:28px;display:flex;justify-content:space-between;color:#647183;font:9px/1.4 ui-monospace,monospace;letter-spacing:.12em}
.sphere-scene{background:#f4f5f7}.sphere-scene .scene-bottom{background:linear-gradient(transparent,#f4f5f7 80%)}.sphere-caption{display:none}
.inner-page .page-hero .research-banner{position:relative;padding:0;isolation:isolate;min-height:460px;background:#08111e}
.research-banner canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.research-art-copy{position:absolute;top:35px;left:34px;right:30px}
.research-art-copy>span{font:9px/1.5 ui-monospace,monospace;letter-spacing:.16em;color:#afbdd0}
.research-banner .research-art-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.15;letter-spacing:-1.6px;font-weight:400;color:#f2f5fb;margin-top:19px}
.landscape-overlay{top:32px;left:30px}.landscape-overlay h2{font-size:clamp(34px,3.7vw,52px);font-weight:400;letter-spacing:-1.8px}.landscape-overlay p{color:#b4c6dc}
.software-scene .software-ambient{background:radial-gradient(ellipse at 100% 0,#b1cbef,transparent 65%),linear-gradient(140deg,#eef2f8,#c8d6e8)}
.software-display{transform:none;border:1px solid #d6e0ec;border-radius:12px;box-shadow:0 22px 45px -18px #16355c66}
.software-scene:hover .software-display,.software-scene:focus-within .software-display{transform:none}
.app-chrome{padding:13px 17px;font-size:10px;color:#475c75}.app-breadcrumb{font-size:9px;color:#61758e}.sample-tag{font-size:7px;color:#546c89}
.app-title-row h3{font-size:27px;letter-spacing:-1px}.app-title-row p{font-size:10px;color:#62738b;line-height:1.5}
.chart-heading{font-size:10px;color:#475f7a}.chart-legend{font-size:8px;color:#596e86}.chart-tooltip span{font-size:8px;color:#657a94}.chart-tooltip b{font-size:10px}.chart-tooltip{padding:10px 12px;border-color:#d3dfef;box-shadow:0 6px 20px #16355c10}
.insight-strip b{font-size:11px;color:#2a507c}.insight-strip p{font-size:9px;line-height:1.5;color:#5c718b}.software-modes button{font-size:11px;padding:8px 16px;color:#405b7b}.software-modes{z-index:6}
#demo-curve{animation:none}.chart-tooltip{animation:none}
.software-scene{height:530px}.inner-page .page-hero .software-scene{min-height:490px}
.bubble{box-shadow:0 3px 12px #0b274704}.bubble.agent{border-color:#dce5ef}.conversation{line-height:1.55}
.motion-control{font-size:11px;color:#324c69}.motion-control:focus-visible{outline:2px solid #386bd7;outline-offset:3px}
@media(max-width:800px){.model-art{height:420px}.research-art-copy{left:25px;top:28px}.art-caption{left:22px;right:22px;font-size:8px}.app-main{padding:16px 12px}.app-title-row h3{font-size:23px}.app-title-row p{font-size:9px}.chart-legend{font-size:7px}.chart-heading{font-size:9px}.insight-strip b{font-size:10px}.insight-strip p{font-size:8px}.software-scene{height:530px}.app-breadcrumb{font-size:8px}.software-scene .scene-top{font-size:8px}.software-scene .scene-top>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.visual-grid .si-code-art .si-terminal-command{font-size:11px;line-height:1.5}
.visual-grid .si-code-art .si-terminal-body{font-size:10px;padding:12px 14px}
.visual-grid .si-code-art .si-code{font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.visual-grid .si-code-art .si-code-line{min-height:15px}
.visual-grid .si-code-art [data-si-events]{height:54px;font-size:9px}
.visual-grid .si-code-art .si-editor-heading{margin:5px 0}
.visual-grid .si-code-art .si-code-toolbar{font-size:10px}
.visual-grid .landscape-scene,.visual-grid .software-scene{height:570px}
.visual-grid .software-modes{margin-top:18px}
@media(max-width:720px){.visual-grid .landscape-scene{height:430px}.visual-grid .software-scene{height:570px}}

/* Reveal conversations once instead of repeatedly fading the whole card away. */
.bubble.user,.bubble.answer{animation-name:messageReveal;animation-duration:.65s;animation-iteration-count:1;animation-fill-mode:both}
@keyframes messageReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.si-code-line[hidden]{display:none!important}
[data-art]{backface-visibility:hidden}

.intelligence-cosmos{position:relative;height:550px;border-radius:20px;overflow:hidden;background:#030b12;isolation:isolate}
.intelligence-cosmos canvas{display:block;width:100%;height:100%}
.cosmos-caption{position:absolute;left:28px;right:28px;bottom:27px;display:flex;justify-content:space-between;gap:16px;color:#b4c8d9;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em;pointer-events:none}
@media(max-width:800px){.intelligence-cosmos{height:420px}.cosmos-caption{left:20px;right:20px;font-size:8px}}

/* Original editorial artwork replaces the placeholder software interfaces. */
.visual-grid .editorial-scene{background:#030b16;padding:0}
.editorial-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.visual-grid .editorial-scene .scene-bottom{color:#f4f7ff;background:linear-gradient(transparent,#030b16 90%);padding-top:60px}
.intelligence-artwork{margin:0;overflow:hidden;border-radius:16px;background:#030b16;min-width:0;aspect-ratio:4/3}
.intelligence-artwork img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:720px){.visual-grid .editorial-scene{height:430px}.intelligence-artwork{border-radius:12px}}

.intelligence-artwork canvas{display:block;width:100%;height:100%;aspect-ratio:4/3}

/* Complete direction panels with a clear process and destination. */
#direction-panel{display:block;padding-top:38px}
.direction-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
#panel-title{white-space:pre-line;margin-top:18px}
.direction-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:42px}
.direction-step{border-top:1px solid #ccd9e6;padding:25px 0 12px}
.step-number{font:12px ui-monospace,monospace;color:#4775b0}
.direction-step h4{font-size:20px;font-weight:500;letter-spacing:-.5px;color:#0b2c4a;margin:22px 0 12px}
#direction-panel .direction-step p{font-size:15px;line-height:1.75;margin:0;color:#5e6b76}
.direction-result{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:28px 30px;background:#f3f6fa;border-radius:10px}
#direction-panel .direction-result p{font-size:16px;margin:10px 0 0;max-width:680px;line-height:1.6}
.direction-result .button{flex-shrink:0}
@media(max-width:720px){.direction-intro{grid-template-columns:1fr;gap:18px}.direction-steps{grid-template-columns:1fr;gap:12px;margin-top:28px}.direction-step h4{margin-top:12px}.direction-result{align-items:start;flex-direction:column;padding:24px}.direction-tabs{gap:22px}.direction-tabs button{font-size:12px}}