.ma-feature{--ma-green:#4bbf91;border:1px solid color-mix(in srgb, var(--ma-green) 27%, var(--border));background:color-mix(in srgb, var(--surface) 94%, var(--background));color:var(--foreground);box-shadow:0 16px 40px color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:1rem;margin:1.6rem 0 2rem;position:relative;overflow:hidden}.ma-feature:before{pointer-events:none;background:radial-gradient(circle at 90% 15%, color-mix(in srgb, var(--ma-green) 13%, transparent), transparent 44%);content:"";position:absolute;inset:0}.ma-kicker,.ma-legend,.ma-device,.ma-pipeline-count,.ma-stage-index,.ma-artifact{font-family:var(--font-cartograph), ui-monospace, monospace}.ma-kicker{color:color-mix(in srgb, var(--ma-green) 74%, var(--foreground));letter-spacing:.14em;align-items:center;gap:.55rem;font-size:.68rem;font-weight:700;display:inline-flex}.ma-live-dot{background:var(--ma-green);width:.46rem;height:.46rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--ma-green) 33%, transparent);border-radius:50%;animation:2.8s ease-out infinite ma-pulse}.ma-overview{grid-template-columns:1.15fr .85fr;align-items:center;gap:1.3rem;padding:1.5rem;display:grid}.ma-overview-copy,.ma-device,.ma-pipeline>*{position:relative}.ma-overview-copy>strong{letter-spacing:-.025em;max-width:17em;margin-top:.75rem;font-size:clamp(1.18rem,2.8vw,1.55rem);line-height:1.45;display:block}.ma-overview-copy>p,.ma-pipeline-intro,.ma-pipeline-foot{color:color-mix(in srgb, var(--foreground) 68%, transparent);font-size:.83rem;line-height:1.7}.ma-overview-copy>p{max-width:31em;margin:.6rem 0 1.3rem}.ma-legend{flex-wrap:wrap;gap:.45rem;display:flex}.ma-legend span{border:1px solid color-mix(in srgb, var(--ma-green) 30%, transparent);color:color-mix(in srgb, var(--ma-green) 75%, var(--foreground));letter-spacing:.08em;border-radius:.3rem;padding:.25rem .4rem;font-size:.58rem}.ma-device{border:1px solid color-mix(in srgb, var(--ma-green) 32%, var(--border));background:color-mix(in srgb, var(--background) 88%, var(--ma-green));box-shadow:0 10px 26px color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:.65rem;transition:transform .25s;transform:rotate(1.5deg)}.ma-overview:hover .ma-device{transform:rotate(0)}.ma-device-top{border-bottom:1px solid color-mix(in srgb, var(--ma-green) 22%, var(--border));color:color-mix(in srgb, var(--foreground) 64%, transparent);justify-content:space-between;padding:.55rem .75rem;font-size:.62rem;display:flex}.ma-device-top span:last-child{color:var(--ma-green);letter-spacing:.12em}.ma-device-body{padding:.85rem .75rem .7rem}.ma-device-caption{color:var(--ma-green);letter-spacing:.16em;font-size:.6rem}.ma-tree-row{border:1px solid color-mix(in srgb, var(--border) 28%, transparent);white-space:nowrap;border-radius:.35rem;align-items:center;gap:.5rem;margin-top:.55rem;padding:.42rem .5rem;font-size:.66rem;display:flex}.ma-tree-row i{background:var(--ma-green);border-radius:50%;flex:none;width:.36rem;height:.36rem}.ma-tree-row b{color:var(--ma-green);margin-left:auto;font-size:.56rem}.ma-tree-child{margin-left:.7rem}.ma-tree-child i{opacity:.55}.ma-device-flow{border-top:1px dashed color-mix(in srgb, var(--ma-green) 28%, var(--border));color:color-mix(in srgb, var(--foreground) 72%, transparent);justify-content:space-between;margin-top:.8rem;padding-top:.6rem;font-size:.62rem;display:flex}.ma-device-flow span:nth-child(2n){color:var(--ma-green)}.ma-pipeline{padding:1.4rem}.ma-pipeline-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.ma-pipeline-title{margin:.35rem 0 0;font-size:1.15rem;font-weight:700;line-height:1.5}.ma-pipeline-count{color:color-mix(in srgb, var(--foreground) 45%, transparent);white-space:nowrap;font-size:.65rem}.ma-pipeline-intro{margin:.5rem 0 1rem}.ma-stage-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;display:grid}.ma-stage-list button{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:color-mix(in srgb, var(--background) 68%, transparent);min-height:2.55rem;color:color-mix(in srgb, var(--foreground) 75%, transparent);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;gap:.35rem;font-size:.76rem;transition:border-color .18s,background .18s,transform .18s;display:flex}.ma-stage-list button:hover{border-color:var(--ma-green);transform:translateY(-2px)}.ma-stage-list button:focus-visible{outline:2px solid var(--ma-green);outline-offset:2px}.ma-stage-list button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ma-green) 70%, var(--border));background:color-mix(in srgb, var(--ma-green) 14%, var(--background));color:var(--foreground)}.ma-stage-list button span{color:var(--ma-green);font-family:var(--font-cartograph), ui-monospace, monospace;font-size:.62rem}.ma-stage-detail{border:1px solid color-mix(in srgb, var(--ma-green) 24%, var(--border));background:color-mix(in srgb, var(--ma-green) 4%, var(--background));border-radius:.55rem;margin-top:.85rem;padding:1rem}.ma-stage-index{color:var(--ma-green);letter-spacing:.12em;font-size:.62rem}.ma-stage-title{margin:.35rem 0;font-size:1rem;font-weight:700}.ma-stage-detail>p{color:color-mix(in srgb, var(--foreground) 74%, transparent);margin:0;font-size:.8rem;line-height:1.7}.ma-artifact{border-top:1px solid color-mix(in srgb, var(--border) 30%, transparent);flex-wrap:wrap;gap:.5rem;margin-top:.8rem;padding-top:.7rem;font-size:.65rem;display:flex}.ma-artifact span{color:var(--ma-green);letter-spacing:.06em}.ma-artifact code{color:var(--foreground);overflow-wrap:anywhere}.ma-pipeline-foot{margin:.7rem 0 0;font-size:.7rem}@keyframes ma-pulse{65%{box-shadow:0 0 0 .45rem #0000}to{box-shadow:0 0 #0000}}@media (width<=640px){.ma-overview{grid-template-columns:1fr;padding:1.15rem}.ma-device{max-width:23rem;transform:none}.ma-pipeline{padding:1.1rem}.ma-stage-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ma-live-dot{animation:none}.ma-device,.ma-stage-list button{transition:none}.ma-overview:hover .ma-device,.ma-stage-list button:hover{transform:none}}.mad-figure{--mad-accent:#3da780;border:1px solid color-mix(in srgb, var(--mad-accent) 34%, var(--border));background:color-mix(in srgb, var(--surface) 94%, var(--background));color:var(--foreground);border-radius:.9rem;margin:1.3rem 0 1.7rem;padding:1.2rem}.mad-figure figcaption{gap:.35rem;margin-bottom:1rem;display:grid}.mad-figure figcaption strong{font-size:1.02rem;line-height:1.45}.mad-eyebrow,.mad-path,.mad-package code,.mad-layer-num,.mad-layer code,.mad-version-root,.mad-version code,.mad-agent code,.mad-agent>span{font-family:var(--font-cartograph), ui-monospace, monospace}.mad-eyebrow{color:var(--mad-accent);letter-spacing:.14em;font-size:.65rem;font-weight:700}.mad-figure code{box-shadow:none;background:0 0;border:0;padding:0}.mad-footnote{color:color-mix(in srgb, var(--foreground) 66%, transparent);margin:.85rem 0 0;font-size:.72rem;line-height:1.6}.mad-path{flex-wrap:wrap;align-items:center;gap:.3rem .12rem;margin-bottom:.9rem;font-size:.69rem;display:flex}.mad-path span{background:color-mix(in srgb, var(--mad-accent) 8%, var(--background));overflow-wrap:anywhere;border-radius:.25rem;padding:.34rem .4rem}.mad-path span+span:before{color:var(--mad-accent);content:"/";margin-right:.5rem}.mad-path span:last-child{border:1px solid color-mix(in srgb, var(--mad-accent) 45%, transparent);color:var(--mad-accent)}.mad-package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.mad-package{border:1px solid color-mix(in srgb, var(--border) 45%, transparent);background:color-mix(in srgb, var(--background) 76%, transparent);border-radius:.55rem;min-width:0;padding:.8rem}.mad-package-top{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.mad-package-kind{color:var(--mad-accent);font-size:.72rem;font-weight:700}.mad-package-dot{background:var(--mad-accent);border-radius:50%;width:.4rem;height:.4rem}.mad-package code{color:var(--foreground);overflow-wrap:anywhere;font-size:.75rem;font-weight:700;display:block}.mad-package p{color:color-mix(in srgb, var(--foreground) 69%, transparent);margin:.3rem 0 0;font-size:.72rem;line-height:1.55}.mad-resource{opacity:.78}.mad-layer-stack{gap:.4rem;display:grid}.mad-layer{border:1px solid color-mix(in srgb, var(--border) 38%, transparent);background:color-mix(in srgb, var(--background) 76%, transparent);border-radius:.45rem;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.68rem .75rem;display:grid}.mad-layer-num{color:var(--mad-accent);font-size:.65rem}.mad-layer div{flex-wrap:wrap;align-items:baseline;gap:.25rem .55rem;display:flex}.mad-layer strong{font-size:.8rem}.mad-layer div span{color:color-mix(in srgb, var(--foreground) 65%, transparent);font-size:.7rem}.mad-layer code{color:var(--mad-accent);white-space:nowrap;font-size:.63rem}.mad-version-root{border:1px solid color-mix(in srgb, var(--mad-accent) 29%, var(--border));background:color-mix(in srgb, var(--mad-accent) 8%, var(--background));border-radius:.45rem;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.7rem;display:flex}.mad-version-root code{overflow-wrap:anywhere;font-size:.75rem}.mad-version-root span{color:var(--mad-accent);margin-left:auto;font-size:.6rem}.mad-version-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.mad-version{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);border-radius:.5rem;align-content:start;gap:.36rem;padding:.75rem;display:grid}.mad-version-head{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.mad-version-head strong{color:var(--mad-accent);font-family:var(--font-cartograph), ui-monospace, monospace;font-size:.86rem}.mad-version-head span{color:color-mix(in srgb, var(--foreground) 60%, transparent);font-size:.68rem}.mad-figure .mad-version code{background:color-mix(in srgb, var(--background) 77%, transparent);overflow-wrap:anywhere;border-radius:.28rem;flex-wrap:wrap;justify-content:space-between;gap:.2rem .4rem;padding:.36rem .45rem;font-size:.67rem;display:flex}.mad-version em{color:var(--mad-accent);font-family:system-ui,sans-serif;font-size:.64rem;font-style:normal}.mad-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.mad-agent{border:1px solid color-mix(in srgb, var(--border) 40%, transparent);background:color-mix(in srgb, var(--background) 74%, transparent);border-radius:.45rem;gap:.6rem;min-width:0;padding:.65rem;display:flex}.mad-agent>span{color:var(--mad-accent);padding-top:.08rem;font-size:.64rem}.mad-agent code{overflow-wrap:anywhere;font-size:.69rem;font-weight:700;display:block}.mad-agent p{color:color-mix(in srgb, var(--foreground) 65%, transparent);margin:.2rem 0 0;font-size:.68rem;line-height:1.45}@media (width<=560px){.mad-figure{padding:1rem}.mad-package-grid,.mad-version-grid,.mad-agent-grid{grid-template-columns:1fr}.mad-layer{grid-template-columns:1.4rem minmax(0,1fr)}.mad-layer code{grid-column:2}}