.como-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.7fr);align-items:center;gap:var(--space-6);min-height:clamp(560px,78vh,720px);padding:var(--space-7) var(--gutter);overflow:hidden;background:var(--paper)}.como-hero-copy{position:relative;z-index:1;width:min(640px,100%)}.como-hero h1{margin:0;font-size:var(--text-display);font-weight:var(--weight-display);line-height:var(--leading-tight)}.como-hero-copy>p{margin:var(--space-5) 0 0;color:var(--muted);font-size:var(--text-body-lg);font-weight:var(--weight-body);line-height:var(--leading-normal)}.como-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-6)}.como-hero-visual{position:relative;z-index:0;justify-self:end;width:min(100%,280px)}.como-hero-visual img{width:100%;height:auto;filter:drop-shadow(var(--shadow-3))}.como-steps{padding:var(--section-y) var(--gutter);background:var(--paper-warm)}.como-steps-intro{width:min(720px,100%);margin-bottom:var(--space-6)}.como-steps-intro h2{margin:0;font-size:var(--text-h1);font-weight:var(--weight-display);line-height:var(--leading-tight)}.como-steps-intro p{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-body-lg);font-weight:var(--weight-body);line-height:var(--leading-normal)}.como-steps-list{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:var(--rule);border-radius:var(--radius-box);overflow:hidden}.como-step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:start;padding:var(--space-6);background:var(--paper-card)}.como-step-number{display:grid;width:var(--space-8);height:var(--space-8);place-items:center;border-radius:var(--radius-pill);color:var(--on-coral);background:var(--coral);font-size:var(--text-body);font-weight:var(--weight-display);letter-spacing:.02em}.como-step-body h3{margin:0;font-size:var(--text-h2);font-weight:var(--weight-display);line-height:var(--leading-snug)}.como-step-body p{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-relaxed)}.como-step-body .como-step-detail{color:var(--ink);font-size:var(--text-caption);font-weight:var(--weight-emphasis)}.como-examples{padding:var(--section-y) var(--gutter);color:var(--on-coral);background:var(--coral)}.como-examples-inner{width:min(820px,100%)}.como-examples h2{margin:0;font-size:var(--text-h1);font-weight:var(--weight-display);line-height:var(--leading-tight)}.como-examples ul{display:grid;gap:var(--space-3);margin:var(--space-6) 0 0;padding:0;list-style:none}.como-examples li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-field);background:var(--surface-on-coral);font-size:var(--text-body-lg);font-weight:var(--weight-emphasis);line-height:var(--leading-normal)}.como-examples li:before{flex-shrink:0;width:10px;height:10px;border-radius:var(--radius-pill);background:var(--on-coral);content:""}.como-examples-note{margin:var(--space-5) 0 0;font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-normal)}.como-cta{padding:var(--section-y) var(--gutter);background:var(--paper);text-align:left}.como-cta h2{margin:0;width:min(700px,100%);font-size:var(--text-h1);font-weight:var(--weight-display);line-height:var(--leading-tight)}.como-cta p{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--text-body-lg);font-weight:var(--weight-body);line-height:var(--leading-normal)}.como-cta .button{margin-top:var(--space-6)}@media(max-width:900px){.como-hero{grid-template-columns:1fr;min-height:0;padding-bottom:var(--space-7)}.como-hero-visual{order:-1;width:min(180px,42vw);margin:0 0 var(--space-2) auto}.como-step{grid-template-columns:1fr;gap:var(--space-3)}}@media(max-width:540px){.como-hero-actions{flex-direction:column;align-items:stretch}.como-hero-actions .button,.como-cta .button{width:100%}}