@scope (.otosystem) to (.o-module-content) {
:scope :is(#o-prototype-scope,#o-prototype-demos,#o-prototype-contact){scroll-margin-top:104px}
:scope .o-prototype-body{padding-block:96px}
:scope .o-prototype-intro{margin:24px 0 0;font-size:18px;line-height:1.65;color:var(--h-text)}
:scope .o-prototype-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;line-height:1.5;color:var(--h-accent-ink);text-decoration:underline;text-underline-offset:4px}
:scope .o-prototype-scopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
:scope .o-prototype-scopes article{padding-top:24px;border-top:1px solid var(--h-line)}
:scope .o-prototype-scopes h3{font-size:20px}
:scope .o-prototype .o-prototype-scopes p,:scope .o-prototype .o-prototype-demo>p{margin:16px 0 0;font-size:16px;line-height:1.65;color:var(--h-text)}
:scope .o-prototype .o-prototype-note{margin:16px 0 0;font-size:16px;line-height:1.65;color:var(--h-text)}
:scope .o-prototype-demos{margin-top:64px}
:scope .o-prototype-subhead{display:flex;justify-content:space-between;align-items:center;gap:16px}
:scope .o-prototype-subhead>.o-prototype-link{margin-inline-end:24px}
:scope .o-prototype-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
:scope .o-prototype-demo{display:flex;flex-direction:column;min-width:0;padding:32px;border:1px solid var(--h-line);border-radius:24px;background:var(--h-card)}
:scope .o-prototype .o-prototype-demo .o-prototype-demo-kind{margin:0 0 16px;font-size:16px;color:var(--h-text)}
:scope .o-prototype-demo .o-prototype-link{align-self:flex-start;margin-top:auto;padding-top:24px}
:scope .o-prototype-contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:64px;padding-top:40px;border-top:1px solid var(--h-line)}
:scope .o-prototype-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
:scope .o-prototype .o-btn{display:inline-flex;align-items:center;gap:12px;border-radius:30px;background:var(--h-accent);color:var(--h-on-accent);font-size:16px;font-weight:700;height:auto;min-height:60px;padding:16px 24px;line-height:1.5}
:scope .o-prototype .o-prototype-prep{margin:0;font-size:16px;line-height:1.65;color:var(--h-text)}
:scope .o-prototype-prep>div{display:grid;grid-template-columns:112px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--h-line)}
:scope .o-prototype-prep>div:first-child{padding-top:0}
:scope .o-prototype-prep dt{font-weight:700;color:var(--h-ink)}
:scope .o-prototype-prep dd{margin:0}
:scope .o-prototype .o-prototype-related{margin:32px 0 0;max-width:760px;font-size:16px;line-height:1.65;color:var(--h-text)}
@media(max-width:767px){
  :scope .o-prototype-body{padding-block:64px}
  :scope .o-prototype-scopes,:scope .o-prototype-demo-grid,:scope .o-prototype-contact{grid-template-columns:1fr;gap:24px}
  :scope .o-prototype-subhead{flex-direction:column;align-items:flex-start;gap:8px}
  :scope .o-prototype-demo{padding:24px}
  :scope .o-prototype-actions{align-items:flex-start;flex-direction:column;padding-right:48px}
  :scope .o-prototype .o-btn{padding:16px;gap:8px}
  :scope .o-prototype-prep>div{grid-template-columns:1fr;gap:4px}
}
}