.mkt{--mkt-ink:#e8e4dc;--mkt-muted:color-mix(in oklab, var(--mkt-ink) 62%, transparent);--mkt-dim:color-mix(in oklab, var(--mkt-ink) 38%, transparent);--mkt-accent:#2dd4bf;--mkt-accent-soft:color-mix(in oklab, var(--mkt-accent) 18%, transparent);--mkt-warn:#f0a070;--mkt-surface:color-mix(in oklab, Canvas 92%, #0a1210);--mkt-panel:color-mix(in oklab, #0c1412 88%, Canvas);--mkt-border:color-mix(in oklab, var(--mkt-ink) 12%, transparent);--mkt-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--mkt-sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mkt-display:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;color:var(--mkt-ink);font-family:var(--mkt-sans);background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--mkt-accent-soft), transparent 55%), linear-gradient(180deg, #070b0a 0%, var(--mkt-surface) 40%, #070b0a 100%);min-height:100%}.mkt a{color:var(--mkt-accent);text-decoration:none}.mkt a:hover{text-underline-offset:.15em;text-decoration:underline}.mkt__wrap{width:min(72rem,100% - 2rem);margin-inline:auto}.mkt__hero{text-align:center;padding:clamp(4rem,12vh,7rem) 0 clamp(3rem,8vh,5rem);position:relative}.mkt__brand{font-family:var(--mkt-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mkt-accent);margin:0 0 1.25rem;font-size:.85rem}.mkt__hero h1{font-family:var(--mkt-display);letter-spacing:-.03em;color:var(--mkt-ink);margin:0;font-size:clamp(2.4rem,7vw,4.25rem);font-weight:700;line-height:1.05}.mkt__hero h1 em{color:var(--mkt-accent);font-style:normal}.mkt__sub{max-width:36rem;font-family:var(--mkt-mono);color:var(--mkt-muted);margin:1.25rem auto 0;font-size:clamp(.95rem,2.2vw,1.1rem);line-height:1.55}.mkt__hero-ctas{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.mkt__btn{border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.15rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;text-decoration:none!important}.mkt__btn--primary{background:var(--mkt-accent);color:#04201c!important}.mkt__btn--primary:hover{filter:brightness(1.06)}.mkt__btn--ghost{border-color:var(--mkt-border);background:0 0;color:var(--mkt-ink)!important}.mkt__btn--ghost:hover{border-color:var(--mkt-accent);color:var(--mkt-accent)!important}.mkt__fork{padding:1rem 0 3.5rem}.mkt__fork-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (width<=720px){.mkt__fork-grid{grid-template-columns:1fr}}.mkt__path{border:1px solid var(--mkt-border);background:var(--mkt-panel);border-radius:.75rem;padding:1.4rem 1.5rem;transition:border-color .15s,transform .15s;display:block;color:inherit!important;text-decoration:none!important}.mkt__path:hover{border-color:var(--mkt-accent);transform:translateY(-2px)}.mkt__path-label{font-family:var(--mkt-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mkt-accent);margin:0 0 .5rem;font-size:.75rem}.mkt__path h2{letter-spacing:-.02em;margin:0;font-size:1.35rem}.mkt__path p{color:var(--mkt-muted);margin:.55rem 0 0;font-size:.95rem;line-height:1.5}.mkt__section{border-top:1px solid var(--mkt-border);padding:3.5rem 0}.mkt__section-label{font-family:var(--mkt-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mkt-warn);margin:0 0 .75rem;font-size:.75rem}.mkt__section h2{letter-spacing:-.03em;max-width:28ch;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.mkt__section-lead{max-width:40rem;color:var(--mkt-muted);margin:0 0 2rem;font-size:1.05rem;line-height:1.6}.mkt__timeline{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.mkt__timeline li{border:1px solid var(--mkt-border);background:var(--mkt-panel);border-radius:.65rem;grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:1.1rem 1.25rem;display:grid}.mkt__step{font-family:var(--mkt-mono);color:var(--mkt-accent);padding-top:.15rem;font-size:.8rem}.mkt__timeline h3{margin:0 0 .35rem;font-size:1.05rem}.mkt__timeline p{color:var(--mkt-muted);margin:0;font-size:.95rem;line-height:1.5}.mkt__honest{border-left:3px solid var(--mkt-warn);background:color-mix(in oklab, var(--mkt-warn) 8%, transparent);color:var(--mkt-muted);border-radius:0 .5rem .5rem 0;max-width:42rem;margin-top:2rem;padding:1.1rem 1.25rem;font-size:.95rem;line-height:1.55}.mkt__honest strong{color:var(--mkt-ink);font-weight:600}.mkt__closer{border-top:1px solid var(--mkt-border);text-align:center;padding:4rem 0 5rem}.mkt__closer h2{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.75rem)}.mkt__closer p{color:var(--mkt-muted);max-width:32rem;margin:0 auto 1.75rem;line-height:1.55}.mkt__footer{border-top:1px solid var(--mkt-border);text-align:center;font-family:var(--mkt-mono);color:var(--mkt-dim);padding:1.5rem 0 2.5rem;font-size:.8rem}.compose-demo{border:1px solid var(--mkt-border);background:#0a100f;border-radius:.75rem;overflow:hidden;box-shadow:0 24px 60px oklab(0% none none/.45)}.compose-demo__chrome{border-bottom:1px solid var(--mkt-border);background:oklab(18.8066% -.0124704 .000426844);align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.compose-demo__dots{gap:.35rem;display:flex}.compose-demo__dots span{background:color-mix(in oklab, var(--mkt-ink) 22%, transparent);border-radius:50%;width:.55rem;height:.55rem}.compose-demo__filename{font-family:var(--mkt-mono);color:var(--mkt-dim);flex:1;font-size:.75rem}.compose-demo__actions{margin-left:auto}.compose-demo__btn{font-family:var(--mkt-mono);border:1px solid color-mix(in oklab, var(--mkt-accent) 45%, transparent);background:var(--mkt-accent-soft);color:var(--mkt-accent);cursor:pointer;border-radius:.35rem;padding:.35rem .65rem;font-size:.72rem;transition:filter .15s,opacity .15s,border-color .15s}.compose-demo__btn:disabled{opacity:.7;cursor:wait}.compose-demo__btn--ghost{border-color:var(--mkt-border);color:var(--mkt-muted);background:0 0}.compose-demo__btn:hover:not(:disabled){filter:brightness(1.1)}.compose-demo__code{font-family:var(--mkt-mono);color:#c8d0cc;min-height:14rem;margin:0;padding:1.1rem 1.2rem 1.25rem;font-size:.8rem;line-height:1.55;overflow:hidden}.compose-demo__code code{font-family:inherit;display:block}.compose-demo__line{display:block;overflow:hidden}.compose-demo__line--remove,.compose-demo__line--insert{max-height:1.6em;transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .35s,margin .45s cubic-bezier(.22,1,.36,1)}.compose-demo__line-inner{white-space:pre;line-height:1.55;transition:opacity .35s,color .35s,background-color .45s,text-decoration-color .25s;display:block}.compose-demo__line--remove .compose-demo__line-inner{text-decoration:line-through 2px #0000}.compose-demo__line--removing,.compose-demo__line--gone{opacity:0;max-height:0;transition-delay:var(--line-delay,0s);margin:0}.compose-demo__line--removing .compose-demo__line-inner,.compose-demo__line--gone .compose-demo__line-inner{color:oklab(85.0263% -.0099265 .0026927/.35);text-decoration-color:var(--mkt-warn);transition-delay:var(--line-delay,0s)}.compose-demo__line--insert{opacity:0;max-height:0}.compose-demo__line--inserted{opacity:1;max-height:1.6em}.compose-demo__line--inserted .compose-demo__line-inner,.compose-demo__line--morphed .compose-demo__line-inner{color:var(--mkt-accent);border-radius:.2rem;animation:1.1s forwards compose-changed-flash}@keyframes compose-changed-flash{0%{background:color-mix(in oklab, var(--mkt-accent) 22%, transparent)}to{background:color-mix(in oklab, var(--mkt-accent) 8%, transparent)}}.compose-demo__caption-wrap{border-top:1px solid var(--mkt-border);background:oklab(18.8066% -.0124704 .000426844);min-height:3.6rem;position:relative}.compose-demo__caption{color:var(--mkt-muted);margin:0;padding:.85rem 1.2rem 1rem;font-size:.9rem;line-height:1.5;transition:opacity .4s,transform .4s}.compose-demo__caption--alt{position:absolute;inset:0}.compose-demo__caption--shown{opacity:1;transform:translateY(0)}.compose-demo__caption--hidden{opacity:0;pointer-events:none;transform:translateY(4px)}.compose-demo__caption code{font-family:var(--mkt-mono);color:var(--mkt-accent);font-size:.85em}@media (prefers-reduced-motion:reduce){.compose-demo__line,.compose-demo__line-inner,.compose-demo__caption{transition:none}.compose-demo__line--morphed .compose-demo__line-inner,.compose-demo__line--inserted .compose-demo__line-inner{color:var(--mkt-accent);background:color-mix(in oklab, var(--mkt-accent) 8%, transparent);animation:none}.compose-demo__line--removing,.compose-demo__line--gone{opacity:0;max-height:0}.compose-demo__line--inserted{opacity:1;max-height:1.6em}}