.otto-display-demo{min-width:0;margin:0;padding:0;border:0;background:#101a21;border-radius:16px;overflow:hidden}
.otto-display-demo iframe{display:block;width:100%;height:650px;border:0;background:#101a21}
.otto-display-demo .otto-demo-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:0;color:#a6b7c5;font-size:11px;line-height:1.6}
.otto-display-demo .otto-demo-caption a{color:#c9dded;text-decoration:underline;text-underline-offset:3px}

.otto-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);border-top:1px solid var(--line)}
.otto-home-intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:0;min-width:0}
.otto-home-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.otto-home h2{margin:0;font-size:clamp(40px,4.8vw,64px);font-weight:500;letter-spacing:-.035em;line-height:1.1}
.otto-coming-soon{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border-radius:6px;background:#17477b;color:#e7f2ff;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.otto-home-intro>p{margin:0;max-width:48ch;color:var(--muted);font-size:16px;line-height:1.75}
.otto-home .otto-display-demo{width:100%;max-width:10.5cm;margin:0;justify-self:center}
@media(max-width:900px){.otto-home{grid-template-columns:minmax(0,1fr);gap:26px}.otto-home-intro{gap:18px}}
@media(max-width:720px){.otto-home-intro>p{font-size:14px}.otto-home-heading{gap:14px}.otto-coming-soon{font-size:11px}.otto-home .otto-demo-caption{font-size:10px}}