@layer layouts{.cmo-teaser{display:grid;grid-template-columns:1fr;gap:var(--space-l);align-items:center;margin-top:var(--space-l)}@media (min-width:900px){.cmo-teaser{grid-template-columns:1fr 1fr;gap:var(--space-xl)}}.cmo-teaser__text{font-size:var(--font-18)}.cmo-teaser__note{margin-top:var(--space-m);color:var(--color-note);font-size:var(--font-14)}.cmo-teaser__chips{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin:var(--space-m) 0 0;padding:0;list-style:none}.cmo-chip{padding:9px 18px;background:#fff0;color:inherit;border:1.5px solid currentcolor;border-radius:22px;font-family:inherit;font-size:var(--font-14);line-height:1.4;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.cmo-chip:hover,.cmo-chip:focus-visible{background:var(--green-2);color:var(--black-1);border-color:var(--green-2)}.cmo-window{overflow:hidden;background:#111;border:1px solid #2a2a2a;border-radius:var(--radius-l);box-shadow:0 20px 60px rgb(0 0 0 / 40%)}.cmo-window__head{display:flex;align-items:center;gap:var(--space-2xs);margin:0;padding:14px 18px;background:#000;color:var(--green-3);font-size:var(--font-14);line-height:1.4}.cmo-window__dot{width:9px;height:9px;flex:none;background:var(--green-2);border-radius:50%}.cmo-window__log{display:flex;flex-direction:column;gap:var(--space-2xs);padding:18px}.cmo-bubble{max-width:88%;margin:0;padding:10px 14px;border-radius:12px;font-size:var(--font-14);line-height:1.5}.cmo-bubble--bot{background:#222;color:#ddd;border-bottom-left-radius:4px}.cmo-bubble--user{margin-left:auto;background:var(--green-2);color:var(--black-1);border-bottom-right-radius:4px}.cmo-steps{display:grid;grid-template-columns:1fr;counter-reset:cmo-step;gap:var(--space-s);margin:var(--space-l) 0 0;padding:0;list-style:none}@media (min-width:640px){.cmo-steps{grid-template-columns:1fr 1fr}}@media (min-width:1000px){.cmo-steps{grid-template-columns:repeat(4,1fr)}}.cmo-steps__item{counter-increment:cmo-step;padding:var(--space-s);background:var(--color-raised);color:var(--color-raised-ink);border:1px solid var(--color-raised-border);border-radius:var(--radius-l)}.cmo-steps__item::before{content:counter(cmo-step);display:block;margin-bottom:var(--space-3xs);color:var(--color-accent-ink);font-size:var(--font-28);font-weight:700;line-height:1.1}.cmo-steps__title{margin:0 0 var(--space-3xs);color:var(--color-text);font-size:var(--font-16);font-weight:600;line-height:1.3}.cmo-steps__text{margin:0;color:inherit;font-size:var(--font-14);line-height:1.5}}