x-home-app{display:contents}@scope (x-home-app) to (:scope :is(x-base,x-faq,x-footer,x-home-app,x-home-audience,x-home-close,x-home-course,x-home-hero,x-legal,x-nav)>*){.app-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.app-copy h2{max-width:15ch}.app-copy .home-lead{margin-block:var(--space-5)}.learning-steps{list-style:none;padding:0;margin:var(--space-6) 0;display:grid;gap:var(--space-5)}.learning-steps li{display:flex;gap:var(--space-4);align-items:start}.step-number{border:1px solid var(--home-rule);border-radius:50%;height:var(--space-7);width:var(--space-7);display:grid;place-items:center;flex:none;color:var(--home-accent);font-size:var(--text-xs)}.learning-steps h3{font-size:var(--text-lg);margin:0 0 var(--space-1);color:var(--home-ink)}.learning-steps p{margin:0;color:var(--home-muted);font-size:var(--text-sm)}.app-visual{position:relative;margin:0;display:grid;justify-items:center;padding:var(--space-6) 0}.app-backdrop{position:absolute;inset:15% 0 12%;overflow:hidden;background:var(--home-tint)}.app-scene{width:100%;height:100%;object-fit:cover;opacity:.8}.app-screen{position:relative;width:55%;max-width:270px;height:auto;border:6px solid var(--home-dark);border-radius:var(--space-6);box-shadow:var(--home-shadow)}.app-visual figcaption{position:relative;margin-top:var(--space-4);font-size:var(--text-xs);color:var(--home-muted)}@media(max-width:760px){.app-layout{grid-template-columns:1fr;gap:var(--space-6)}.app-copy,.app-visual{grid-column:auto;grid-row:auto}.app-copy h2{max-width:20ch}.app-screen{width:58%}}}