/* Scoped technology illustration; independent of homepage motion. */
.how-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:36px;align-items:center;margin-bottom:22px}.how-intro-copy{min-width:0}.odw-tech-component{--cube:220px;--half:calc(var(--cube)/2);margin:0;min-width:0;text-align:center;color:#173862}.odw-tech-stage{height:310px;position:relative;display:grid;place-items:center;perspective:1000px;isolation:isolate}.odw-tech-cube{position:relative;width:var(--cube);height:var(--cube);transform-style:preserve-3d;will-change:transform;transform:rotateX(-16deg) rotateY(-25deg);z-index:2}.odw-tech-face{position:absolute;inset:0;backface-visibility:hidden;border:2px solid #52647c;background:#0a1527;box-shadow:inset 0 0 0 2px #e4bb6c55;overflow:hidden}.odw-tech-face:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#fff2,transparent 45%,#0004);box-shadow:inset 0 0 20px #02071366;pointer-events:none}.odw-tech-face img{width:100%;height:100%;object-fit:cover;display:block}.odw-tech-face.front{transform:translateZ(var(--half))}.odw-tech-face.right{transform:rotateY(90deg) translateZ(var(--half))}.odw-tech-face.back{transform:rotateY(180deg) translateZ(var(--half))}.odw-tech-face.left{transform:rotateY(-90deg) translateZ(var(--half))}.odw-tech-face.top{transform:rotateX(90deg) translateZ(var(--half))}.odw-tech-face.bottom{transform:rotateX(-90deg) translateZ(var(--half))}.odw-tech-halo{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#2376b51a,transparent 67%);filter:blur(18px)}.odw-tech-ground{position:absolute;top:91%;width:70%;height:14px;border-radius:50%;background:#16375b24;filter:blur(9px)}.odw-tech-reflection{position:absolute;top:83%;height:45px;width:60%;background:radial-gradient(ellipse,#b4894e25,#247bc21c 40%,transparent 70%);filter:blur(9px)}.odw-tech-component figcaption{font:12px/1.5 Arial,Helvetica,sans-serif;max-width:290px;margin:50px auto 0;color:#3d526c}.odw-tech-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:10px}.odw-tech-controls button{min-height:44px;padding:9px 13px;border:1px solid #153b83;border-radius:6px;background:#143c91;color:#fff;font:700 13px/1.3 Arial,Helvetica,sans-serif;cursor:pointer}.odw-tech-controls button:focus-visible{outline:3px solid #9b6800;outline-offset:4px}.odw-tech-controls span{font:12px/1.5 Arial,Helvetica,sans-serif;color:#405674}.odw-information-page .how-intro-copy p{line-height:1.65}@media(max-width:900px) and (min-width:681px){.how-intro-grid{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.odw-tech-component{--cube:175px}.odw-tech-stage{height:265px}.odw-tech-controls{gap:6px}}@media(max-width:680px){.how-intro-grid{grid-template-columns:1fr;gap:6px;margin-bottom:22px}.odw-tech-component{--cube:170px;max-width:320px;width:100%;margin:0 auto}.odw-tech-stage{height:240px}.odw-tech-component figcaption{margin-top:42px}.odw-tech-controls{margin-top:8px}}@media(prefers-reduced-motion:reduce){.odw-tech-cube{will-change:auto}}