@layer layout{.op-landing{inline-size:100%;max-inline-size:44rem;margin-inline:auto;padding-block:var(--space-section);padding-inline:var(--space-base)}@media (min-width: 40rem){.op-landing{padding-block:calc(var(--space-page) * 2)}}.op-landing__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-base);flex-wrap:wrap;padding-block-end:var(--space-snug);border-block-end:var(--border-hair) solid var(--edge);margin-block-end:var(--space-page)}}@layer components{.op-landing__lead{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:-.015em;text-wrap:balance;margin-block-end:var(--space-base)}.op-landing__body{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--ink-soft);max-inline-size:34rem}.op-steps{display:grid;gap:var(--space-loose);margin-block-start:var(--space-page);counter-reset:step}@media (min-width: 40rem){.op-steps{grid-template-columns:repeat(3,1fr)}}.op-step{counter-increment:step;padding-block-start:var(--space-snug);border-block-start:2px solid var(--plum)}.op-step:before{content:counter(step,decimal-leading-zero);display:block;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);color:var(--plum);margin-block-end:var(--space-hair)}.op-step h2{font-size:var(--text-base);font-weight:600;margin-block-end:var(--space-hair)}.op-step p{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-soft)}.op-landing__note{margin-block-start:var(--space-page);padding-block-start:var(--space-base);border-block-start:var(--border-hair) solid var(--edge);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-faint)}}