/* v421 visual architecture layer — cinematic, seamless, institutional */
:root{--iq-cyan:#00d9ff;--iq-gold:#e6b75a;--iq-red:#ff5c6d;--iq-deep:#03080e;--iq-navy:#07111c}
.iq-visual-seam{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 45%,rgba(0,217,255,.075),transparent 56%);}
.iq-visual-seam::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 0%,rgba(3,8,14,.18) 20%,rgba(3,8,14,.84) 100%);pointer-events:none}
.iq-visual-seam img{display:block;width:100%;height:auto;object-fit:contain;filter:saturate(1.05) contrast(1.03);mix-blend-mode:screen}
.iq-hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;margin-right:-44px}
.iq-hero-visual img{width:min(720px,118%);max-width:none;transform:translateX(2%);mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}
.iq-wide-visual{max-width:1280px;margin:0 auto 46px;padding:0 24px}.iq-wide-visual img{width:100%;display:block;mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%)}
.iq-wide-visual.compact img{max-height:520px;object-fit:contain}
.iq-visual-caption{max-width:1120px;margin:14px auto 0;padding:0 12px;font:600 .58rem/1.7 var(--f-mono);letter-spacing:.08em;color:var(--steel4);text-transform:uppercase}
.iq-sector-visual{position:relative;margin:28px 0 6px;min-height:250px;border-top:1px solid rgba(0,217,255,.18);border-bottom:1px solid rgba(0,217,255,.14);overflow:hidden;background:radial-gradient(circle at 22% 50%,rgba(0,217,255,.1),transparent 34%),radial-gradient(circle at 78% 50%,rgba(230,183,90,.07),transparent 34%),linear-gradient(180deg,#06101a,#040a11)}
.iq-sector-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,217,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.iq-sector-visual-inner{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.4fr .8fr;align-items:center;gap:28px;max-width:1120px;margin:auto;padding:42px 24px}
.iq-sector-core{width:170px;height:170px;margin:auto;position:relative;display:grid;place-items:center;transform:rotate(45deg);border:1px solid rgba(0,217,255,.65);background:linear-gradient(135deg,rgba(0,217,255,.13),rgba(230,183,90,.06));box-shadow:0 0 55px rgba(0,217,255,.08)}
.iq-sector-core::before,.iq-sector-core::after{content:"";position:absolute;inset:18px;border:1px solid rgba(230,183,90,.45)}.iq-sector-core::after{inset:38px;border-color:rgba(0,217,255,.55)}
.iq-sector-core img{width:76px;transform:rotate(-45deg);filter:drop-shadow(0 0 16px rgba(0,217,255,.25));z-index:2}
.iq-sector-gates{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.iq-sector-gates span{padding:9px 11px;border:1px solid rgba(0,217,255,.22);background:#071522;color:#9feeff;font:600 .54rem/1.2 var(--f-mono);letter-spacing:.05em}.iq-sector-side{font:.58rem/1.65 var(--f-mono);color:var(--steel3)}.iq-sector-side b{display:block;color:var(--gold2);letter-spacing:.1em;margin-bottom:8px}
.iq-visual-quote{position:relative;padding:42px 48px;border-left:2px solid var(--iq-gold);background:linear-gradient(90deg,rgba(230,183,90,.06),transparent 70%)}.iq-visual-quote p{font:700 clamp(1.4rem,2.6vw,2.5rem)/1.22 var(--f-display);color:var(--white);margin:0;max-width:820px}.iq-visual-quote small{display:block;margin-top:16px;color:var(--steel3);font:.58rem/1.6 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.iq-main-visual{margin:30px auto 46px;max-width:1180px}.iq-main-visual img{display:block;width:100%;height:auto;mask-image:linear-gradient(90deg,transparent 0%,#000 3%,#000 97%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 3%,#000 97%,transparent 100%)}
.iq-main-visual-note{margin:-10px auto 40px;max-width:1080px;color:var(--steel3);font:.7rem/1.75 var(--f-mono);letter-spacing:.02em}
/* retain brand depth on key pages */
body.iq-visualized main{background:linear-gradient(180deg,#03080e 0%,#06101a 45%,#03080e 100%)}
body.iq-visualized section{position:relative}
@media(max-width:980px){.iq-hero-visual{min-height:420px;margin:0}.iq-hero-visual img{width:100%;transform:none}.iq-sector-visual-inner{grid-template-columns:1fr}.iq-sector-side{text-align:center}.iq-wide-visual{padding:0 10px}.iq-visual-quote{padding:30px 26px}}
@media(max-width:640px){.iq-hero-visual{min-height:300px;margin-top:18px}.iq-hero-visual img{width:118%;margin-left:-9%}.iq-wide-visual{margin-bottom:28px}.iq-sector-core{width:130px;height:130px}.iq-sector-core img{width:60px}.iq-sector-visual-inner{padding:30px 16px}.iq-visual-caption{padding:0 18px;font-size:.5rem}.iq-main-visual{margin:18px 0 30px}.iq-main-visual img{width:116%;margin-left:-8%}.iq-visual-quote p{font-size:1.35rem}}