@layer components{.mt-top-in{padding-block:clamp(2.5rem, 1.5rem + 4vw, 5rem) var(--nd-section);gap:clamp(2rem,1.5rem + 3vw,3.5rem);display:grid}.mt-top h1{max-width:16ch;margin-top:1.5rem}.mt-top-lead{max-width:50ch;margin-top:2rem}.mt-photo{position:relative;overflow:clip}.mt-photo img{object-fit:cover;filter:saturate(.55)contrast(1.06)brightness(.78);width:100%;height:clamp(14rem,34vw,26rem)}.mt-photo figcaption{padding:clamp(1.25rem, 1rem + 2vw, 2.5rem) var(--nd-gutter);background:linear-gradient(transparent, color-mix(in oklab, var(--color-void) 92%, transparent));color:var(--color-steel);font-size:var(--t-small);text-wrap:pretty;line-height:1.5;position:absolute;inset:auto 0 0}.mt-photo figcaption b{color:var(--color-bone);font-weight:700}.ms{aspect-ratio:4/3;border:1px solid var(--rule);background:radial-gradient(80% 70% at 78% 6%, color-mix(in oklab, var(--color-accent) 12%, transparent), transparent 62%), linear-gradient(155deg, var(--color-carbon), var(--color-void) 76%);border-radius:4px;position:relative;overflow:hidden}.ms-scene{position:absolute;inset:0 0 4px}.ms-scene>div{padding:clamp(1rem,.6rem + 1.6vw,2rem);position:absolute;inset:0}.ms-understand .ms-note{border:1px solid color-mix(in oklab, var(--color-bone) 18%, transparent);background:color-mix(in oklab, var(--color-bone) 6%, transparent);border-radius:4px;gap:14%;width:32%;padding:4%;display:grid;position:absolute;box-shadow:0 14px 28px -18px #000000b3}.ms-understand .ms-note i{background:color-mix(in oklab, var(--color-bone) 34%, transparent);border-radius:2px;height:3px}.ms-understand .ms-note i:nth-child(2){width:70%}.ms-note-1{top:12%;left:8%;rotate:-5deg}.ms-note-2{top:16%;right:10%;rotate:4deg}.ms-note-3{bottom:20%;left:14%;rotate:3deg}.ms-ask{border:1px solid color-mix(in oklab, var(--color-accent) 50%, transparent);background:color-mix(in oklab, var(--color-accent) 14%, transparent);width:2.25rem;height:2.25rem;font-family:var(--font-serif);color:var(--color-accent);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:700;display:grid;position:absolute;top:42%;left:46%}.ms-biz{border:1px solid color-mix(in oklab, var(--color-bone) 24%, transparent);background:color-mix(in oklab, var(--color-void) 60%, transparent);color:var(--color-bone);border-radius:999px;padding:.3125rem .75rem;font-size:clamp(.625rem,.55rem + .3vw,.8125rem);font-weight:700;position:absolute;bottom:16%;right:12%}.ms-define{grid-template-rows:auto auto 1fr;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;justify-items:center;gap:8% 6%;display:grid}.ms-node{border:1px solid color-mix(in oklab, var(--color-bone) 22%, transparent);background:color-mix(in oklab, var(--color-bone) 5%, transparent);width:100%;min-height:2.25rem;color:var(--color-steel);border-radius:6px;place-items:center;padding:.375rem;font-size:clamp(.5625rem,.5rem + .3vw,.75rem);font-weight:700;display:grid}.ms-node-root{width:46%;color:var(--color-bone);border-color:color-mix(in oklab, var(--color-bone) 34%, transparent);grid-column:1/-1}.ms-branch{background:color-mix(in oklab, var(--color-bone) 22%, transparent);grid-column:1/-1;width:62%;height:1px;margin-block:-2%}.ms-node-key{border-color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 14%, transparent);color:var(--color-bone)}.ms-node-out{opacity:.4;grid-column:2;text-decoration:line-through}.ms-design{grid-template-rows:1fr auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:6%;display:grid}.ms-wire{border:1px dashed color-mix(in oklab, var(--color-bone) 26%, transparent);border-radius:4px;align-content:center;gap:8%;height:78%;padding:6%;display:grid}.ms-wire u{background:color-mix(in oklab, var(--color-bone) 20%, transparent);border-radius:2px;height:8%;min-height:4px}.ms-wire-hero{background:color-mix(in oklab, var(--color-bone) 12%, transparent);height:28%!important}.ms-arrow{border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);width:1.25rem;height:1.25rem;rotate:-45deg}.ms-comp{border:1px solid color-mix(in oklab, var(--color-bone) 18%, transparent);background:linear-gradient(160deg,#232830,#14171c);border-radius:6px;align-content:center;gap:8%;height:78%;padding:6%;display:grid}.ms-comp b{border-radius:3px;display:block}.ms-comp-nav{background:color-mix(in oklab, var(--color-bone) 26%, transparent);height:10%;min-height:4px}.ms-comp-hero{background:linear-gradient(145deg, color-mix(in oklab, var(--color-accent) 45%, transparent), color-mix(in oklab, var(--color-accent) 8%, transparent));height:40%}.ms-comp-cta{background:var(--color-bone);width:44%;height:12%;border-radius:999px!important}.ms-swatches{grid-column:1/-1;justify-content:center;align-items:center;gap:.5rem;display:flex}.ms-swatches i{border-radius:4px;width:1rem;height:1rem}.ms-swatches i:first-child{background:var(--color-accent)}.ms-swatches i:nth-child(2){background:var(--color-bone)}.ms-swatches i:nth-child(3){background:var(--color-carbon);border:1px solid color-mix(in oklab, var(--color-bone) 24%, transparent)}.ms-swatches em{color:var(--color-bone);font-size:.875rem;font-style:normal;font-weight:800}.ms-develop{align-content:center;gap:.625rem;max-width:74%;display:grid}.ms-field{border:1px solid color-mix(in oklab, var(--color-bone) 20%, transparent);background:color-mix(in oklab, var(--color-bone) 4%, transparent);border-radius:5px;align-items:center;gap:.5rem;min-height:2rem;padding:0 .625rem;display:flex}.ms-field i{background:color-mix(in oklab, var(--color-bone) 28%, transparent);border-radius:2px;width:46%;height:4px}.ms-field-focus{border-color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 8%, transparent)}.ms-field-focus em{color:var(--color-accent);font-style:normal;font-weight:700}.ms-field-ok s{color:var(--color-accent);margin-left:auto;font-weight:800;text-decoration:none}.ms-btn{background:var(--color-bone);color:var(--color-void);border-radius:999px;justify-self:start;margin-top:.25rem;padding:.4375rem 1rem;font-size:clamp(.625rem,.55rem + .3vw,.8125rem);font-weight:700}.ms-mini{aspect-ratio:1/2;border:2px solid color-mix(in oklab, var(--color-bone) 22%, transparent);background:linear-gradient(168deg,#2b3038,#101216);border-radius:8px;width:14%;position:absolute;bottom:clamp(1rem,.6rem + 1.6vw,2rem);right:clamp(1rem,.6rem + 1.6vw,2rem)}.ms-mini:before{content:"";background:color-mix(in oklab, var(--color-accent) 40%, transparent);border-radius:2px;height:20%;position:absolute;inset:12% 14% auto}.ms-launch{align-content:center;gap:.625rem;max-width:78%;display:grid}.ms-url{border:1px solid color-mix(in oklab, var(--color-bone) 20%, transparent);background:color-mix(in oklab, var(--color-bone) 6%, transparent);font-family:var(--font-mono);color:var(--color-bone);border-radius:999px;justify-self:start;align-items:center;gap:.5rem;padding:.4375rem .875rem;font-size:clamp(.625rem,.55rem + .3vw,.8125rem);display:inline-flex}.ms-url-dot{background:var(--color-accent);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in oklab, var(--color-accent) 24%, transparent);border-radius:50%}.ms-check{color:var(--color-steel);align-items:center;gap:.5rem;font-size:clamp(.625rem,.55rem + .3vw,.8125rem);display:flex}.ms-check s{background:color-mix(in oklab, var(--color-accent) 18%, transparent);width:1.125rem;height:1.125rem;color:var(--color-accent);border-radius:50%;flex:none;place-items:center;font-size:.6875rem;font-weight:800;text-decoration:none;display:grid}.ms-status{border:1px solid color-mix(in oklab, var(--color-accent) 45%, transparent);background:color-mix(in oklab, var(--color-accent) 14%, transparent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);border-radius:999px;justify-self:start;margin-top:.25rem;padding:.375rem .875rem;font-size:clamp(.5rem,.45rem + .28vw,.6875rem)}.ms-improve{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;align-items:center;gap:6% 8%;display:grid}.ms-ver{border:1px solid color-mix(in oklab, var(--color-bone) 14%, transparent);background:color-mix(in oklab, var(--color-bone) 4%, transparent);border-radius:6px;align-content:center;gap:10%;height:74%;padding:8%;display:grid}.ms-ver i{font-family:var(--font-mono);color:var(--color-dim);font-size:clamp(.5625rem,.5rem + .3vw,.6875rem);font-style:normal}.ms-ver u{background:color-mix(in oklab, var(--color-bone) 18%, transparent);border-radius:2px;height:8%;min-height:4px}.ms-ver-old{opacity:.5}.ms-ver-new{border-color:color-mix(in oklab, var(--color-accent) 50%, transparent);background:color-mix(in oklab, var(--color-accent) 8%, transparent)}.ms-ver-new i{color:var(--color-accent);font-weight:700}.ms-ver-add{width:70%;background:var(--color-accent)!important}.ms-obs{border-left:2px solid var(--color-accent);background:color-mix(in oklab, var(--color-bone) 4%, transparent);color:var(--color-steel);text-align:center;grid-column:1/-1;justify-self:center;padding:.375rem .75rem;font-size:clamp(.5625rem,.5rem + .3vw,.75rem)}.ms-progress{gap:2px;height:4px;display:flex;position:absolute;inset:auto 0 0}.ms-progress span{background:color-mix(in oklab, var(--color-bone) 14%, transparent);flex:1;position:relative}.ms-progress span:after{content:"";background:var(--color-accent);opacity:clamp(0, calc((var(--step) - var(--at) + 1) * 10), 1);position:absolute;inset:0}.ms-progress span:first-child{--at:1}.ms-progress span:nth-child(2){--at:2}.ms-progress span:nth-child(3){--at:3}.ms-progress span:nth-child(4){--at:4}.ms-progress span:nth-child(5){--at:5}.ms-progress span:nth-child(6){--at:6}.mt-phases{padding-block:var(--nd-section);display:grid}.mt-phase{border-top:1px solid var(--rule);gap:clamp(1.75rem,1.2rem + 2.4vw,3rem);padding-block:clamp(2.5rem,2rem + 5vw,6rem);display:grid}.mt-phase:first-child{border-top:0;padding-top:0}.mt-phase-stage{align-self:start}@media (width>=1000px){.mt-phase{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;column-gap:clamp(2.5rem,1rem + 5vw,6rem)}.mt-phase:nth-child(2n) .mt-phase-body{order:2}}.mt-phase-head{gap:.75rem;display:grid}.mt-num{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--nd-accent);font-size:.75rem}.mt-phase-title{letter-spacing:-.034em;font-size:clamp(1.75rem,1.3rem + 2.1vw,2.75rem);font-weight:800;line-height:1}.mt-phase-lead{max-width:38ch;font-size:var(--t-lead);letter-spacing:-.012em;color:var(--fg);text-wrap:balance;margin-top:1.5rem;line-height:1.4}.mt-phase-happens{max-width:46ch;font-size:var(--t-body);color:var(--fg-soft);text-wrap:pretty;margin-top:1rem;line-height:1.65}.mt-deliver{border-left:2px solid var(--nd-accent);background:color-mix(in oklab, var(--nd-accent) 8%, transparent);gap:.5rem;max-width:44ch;margin-top:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);padding:1rem 1.25rem;display:grid}.mt-deliver b{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--nd-accent);font-size:.625rem}.mt-deliver span{font-size:var(--t-body);color:var(--fg);text-wrap:pretty;line-height:1.5}.mt-ledger{border-top:1px solid var(--rule);gap:0;margin-top:1.75rem;display:grid}.mt-ledger li{border-bottom:1px solid var(--rule);gap:.25rem 1.5rem;padding-block:.75rem;display:grid}.mt-ledger span{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-soft);font-size:.625rem}.mt-ledger p{font-size:var(--t-small);color:var(--fg-soft);text-wrap:pretty;margin:0;line-height:1.5}@media (width>=640px){.mt-ledger li{grid-template-columns:8.5rem minmax(0,1fr);align-items:baseline}}@media (width>=1000px){.mt-top-in{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end}}@media (width<=999px){.mt-phase-stage{order:-1}.ms{aspect-ratio:16/10}}.mt-rules-in{padding-block:var(--nd-section);gap:clamp(2rem,1.5rem + 3vw,3.5rem);display:grid}.mt-rules-list{background:var(--rule);border:1px solid var(--rule);gap:1px;display:grid}.mt-rules-list>div{background:var(--bg);gap:.5rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem);display:grid}.mt-rules-list b{font-size:var(--t-body);letter-spacing:-.02em;font-weight:800}.mt-rules-list span{font-size:var(--t-small);color:var(--fg-soft);text-wrap:pretty;line-height:1.55}@media (width>=700px){.mt-rules-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.mt-rules-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}.mt-demo{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);align-items:center;gap:.5rem;margin-bottom:clamp(1rem,.7rem + 1vw,1.75rem);font-size:.625rem;display:inline-flex}.mt-demo:before{content:"";background:var(--nd-accent);border-radius:50%;width:.375rem;height:.375rem}}