.mk-hero{min-height:var(--mk-hero-height);padding:calc(var(--mk-nav-height) + var(--mk-space-6)) var(--mk-gutter) var(--mk-space-7);align-items:center;display:flex;position:relative;overflow:clip}.mk-hero-visual{background:var(--mk-hero-poster) var(--mk-hero-poster-x) center / cover no-repeat;position:absolute;inset:0}.mk-hero-scene{position:absolute;inset:0}.mk-hero-scene>canvas{opacity:0;width:100%;height:100%;transition:opacity var(--mk-dur-scene) var(--e-out);display:block}.mk-hero-scene[data-hero-state=live]>canvas{opacity:1}.mk-hero-visual:after{content:"";background:var(--mk-hero-fade);pointer-events:none;position:absolute;inset:0}.mk-hero-copy{isolation:isolate;gap:var(--mk-space-5);max-width:var(--mk-measure);flex-direction:column;display:flex;position:relative}.mk-hero-copy:before{content:"";inset:var(--mk-hero-scrim-inset);background:var(--mk-hero-scrim);filter:blur(var(--mk-hero-scrim-blur));z-index:-1;pointer-events:none;position:absolute}.mk-brand-line{font-family:var(--mk-font-display);font-size:var(--mk-text-md);letter-spacing:var(--mk-track-wordmark);color:var(--mk-ink-2);margin:0}.mk-hero-note{gap:var(--mk-space-4);flex-wrap:wrap;display:flex}.mk-steps{gap:var(--mk-space-6);margin:var(--mk-space-6) 0 0;counter-reset:mk-step;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.mk-step{counter-increment:mk-step;gap:var(--mk-space-3);flex-direction:column;display:flex}.mk-step:before{content:counter(mk-step);font-family:var(--mk-font-display);font-size:var(--mk-display-2);line-height:var(--mk-leading-tight);color:var(--mk-ink-3)}.mk-product{margin-top:var(--mk-space-7)}.mk-product-editor{border-radius:var(--r-3);border:var(--mk-hairline) solid var(--mk-line);width:100%}.mk-features{column-gap:var(--mk-col-gap);margin:var(--mk-space-6) 0 0;grid-template-columns:1fr 1fr;display:grid}.mk-feature{gap:var(--mk-space-2);padding-block:var(--mk-space-5);background:var(--mk-stitch-x-ground) top / 100% var(--mk-stitch-width) no-repeat;flex-direction:column;display:flex}.mk-feature dd{margin:0}.mk-portrait{width:var(--mk-portrait-width);max-width:100%;padding:var(--mk-space-3);border-radius:var(--r-3);gap:var(--mk-space-3);flex-direction:column;margin:0 auto;display:flex}.mk-portrait img{border-radius:var(--r-2);width:100%;height:auto}@media (max-width:900px){.mk-steps,.mk-features{grid-template-columns:1fr}.mk-hero{flex-direction:column;align-items:stretch;min-height:0}.mk-hero-visual{aspect-ratio:var(--mk-hero-phone-aspect);margin:var(--mk-space-6) calc(-1 * var(--mk-gutter)) 0;background-image:var(--mk-hero-poster-phone);background-position:50%;order:2;position:relative;inset:auto}.mk-hero-visual:after{background:var(--mk-hero-fade-phone)}.mk-hero-copy:before{display:none}}