.omni12-hero-art{min-width:0;margin:0}.omni12-hero-image{aspect-ratio:4/3;border:1px solid var(--sd-line);background:#13222b;border-radius:12px;position:relative;overflow:hidden}.omni12-hero-image img{object-fit:cover}.omni12-hero-art figcaption{color:#adb8c7;margin-top:10px;font-size:12px}.omni12-showcase{scroll-margin-top:96px}.omni12-frame-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid;position:relative}.omni12-frame-image{aspect-ratio:16/9;border:1px solid var(--sd-line);background:#13222b;border-radius:12px;position:relative;overflow:hidden}.omni12-frame-image img{object-fit:cover}.omni12-frame-image span{color:#f5f5f2;background:#101721;border:1px solid #ffffff47;border-radius:5px;padding:6px 10px;font-size:13px;font-weight:600;position:absolute;top:12px;left:12px}.omni12-frame figcaption{color:#c4cdda;margin-top:10px;font-size:14px}.omni12-frame-connector{border:1px solid var(--sd-line);width:40px;height:40px;color:var(--sd-accent);pointer-events:none;background:#131c28;border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 15.5px);left:50%;transform:translate(-50%,-50%)}.omni12-direction{border:1px solid var(--sd-line);background:#101720;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;margin-top:22px;padding:clamp(16px,3vw,28px);display:flex}.omni12-direction blockquote{color:#e0e7f0;margin:8px 0 0;font-size:16px;line-height:1.55}.omni12-showcase-notes{color:#adb8c7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;margin-top:12px;font-size:12px;display:flex}.omni12-showcase-notes a{min-height:44px}.omni12-workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.omni12-workflow{border:1px solid var(--sd-line);background:#101720;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(17px,2.2vw,28px);display:flex}.omni12-workflow>svg{color:var(--sd-accent)}.omni12-workflow h3{font-size:clamp(20px,2vw,26px);line-height:1.18}.omni12-workflow>p{color:#b4bdca;font-size:14px;line-height:1.55}.omni12-workflow .sd-text-link{min-height:44px;margin-top:auto}.omni12-workflows{margin-bottom:clamp(45px,7vw,92px)}@media (max-width:1060px){.omni12-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.omni12-frame-pair,.omni12-workflow-grid{grid-template-columns:1fr}.omni12-frame-connector{display:none}.omni12-hero-image{aspect-ratio:16/11}}