/* The illustration occupies its own stage so effects never cover the title or decisions. */
.discovery-hero { display:grid; grid-template-columns:68px minmax(0,1fr) minmax(300px,48%); gap:18px; padding:20px 24px; min-height:264px; }
.discovery-seal { width:68px; height:68px; }.discovery-seal>.technology-glyph { width:47px; height:47px; }.discovery-seal>i { inset:-6px; }.discovery-seal>i:nth-child(2) { inset:-12px; }.discovery-seal>i:nth-child(3) { inset:-6px; }.discovery-seal>span { width:20px; height:20px; font-size:11px; right:-2px; bottom:-2px; }
.discovery-hero-copy h3 { font-size:25px; margin:9px 0; }.discovery-hero-copy>p { font-size:11px; line-height:1.8; }.discovery-eyebrow { font-size:10px; letter-spacing:1px; }
.discovery-visual { position:relative; isolation:isolate; width:100%; min-width:0; height:230px; margin:0; overflow:hidden; z-index:1; border:1px solid #81938355; background:linear-gradient(145deg,#132b35b3,#203c4366); border-radius:2px; }
.discovery-visual canvas { display:block; position:absolute; top:20px; width:100%; height:calc(100% - 68px); pointer-events:none; }
.discovery-visual-caption { position:absolute; left:13px; right:13px; top:11px; display:flex; gap:8px; align-items:center; color:#c8d4c5; pointer-events:none; }.discovery-visual-caption small { font-size:10px; letter-spacing:.1px; }.discovery-visual-caption>span { margin-left:auto; font-size:10px; color:#9eafa3; white-space:nowrap; }
.discovery-visual-steps { position:absolute; bottom:34px; left:17px; right:17px; display:flex; justify-content:center; gap:18px; padding:0; margin:0; list-style:none; pointer-events:none; }.discovery-visual-steps li { color:#8c9f9d; font-size:10px; transition:color .5s; }.discovery-visual-steps b { font-family:ui-monospace,monospace; font-size:10px; font-weight:400; margin-right:5px; opacity:.6; }.discovery-visual-steps [data-active=true] { color:#e3cc94; }
.discovery-visual-controls { position:absolute; bottom:7px; left:12px; right:12px; display:flex; justify-content:space-between; }.discovery-visual-controls button { border:0; padding:3px 2px; font:inherit; font-size:10px; background:transparent; color:#bccab8; cursor:pointer; }.discovery-visual-controls button:hover:not(:disabled) { color:#f1d99c; }.discovery-visual-controls button:disabled { opacity:.45; cursor:default; }.discovery-visual-controls button:focus-visible { outline:2px solid #c6dce0; outline-offset:2px; }
@media(max-width:900px) { .discovery-hero { grid-template-columns:56px minmax(0,1fr) 46%; gap:15px; padding:20px; }.discovery-seal { width:56px; height:56px; }.discovery-seal>.technology-glyph { width:39px; height:39px; }.discovery-hero-copy h3 { font-size:21px; }.discovery-visual { height:215px; }.discovery-visual-caption { left:10px; right:10px; }.discovery-visual-caption>span { display:none; }.discovery-visual-steps { gap:10px; } }
@media(max-width:650px) { .discovery-hero { grid-template-columns:58px minmax(0,1fr); padding:22px 20px 15px; gap:18px; }.discovery-visual { grid-column:1/-1; height:215px; }.discovery-hero-copy h3 { font-size:22px; }.discovery-visual-caption>span { display:block; }.discovery-seal { width:58px; height:58px; } }