.mt-page{--pp-accent: #fda4af;--pp-accent-2: #fecaca;--pp-accent-soft: rgba(244, 114, 182, .04);--pp-accent-line: rgba(253, 164, 175, .4);--pp-accent-glow: rgba(244, 114, 182, .12)}.mt-page .mt-hero{position:relative;padding:56px 0 0;isolation:isolate;overflow:visible}.mt-page .mt-hero-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:800px;height:400px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,var(--pp-accent-glow),transparent 60%);filter:blur(40px)}.mt-page .mt-hero-inner{position:relative;z-index:2;padding:0 32px}.mt-page .mt-strip{max-width:1200px;margin:0 auto 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--pp-ink-4);letter-spacing:.08em}.mt-page .mt-strip .crumb a{color:var(--pp-ink-3)}.mt-page .mt-strip .crumb b{color:var(--pp-ink-2)}.mt-page .mt-strip .right{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}.mt-page .mt-strip .stat b{color:var(--pp-ink-2)}.mt-page .mt-headline{max-width:1200px;margin:0 auto 36px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}@media (max-width: 980px){.mt-page .mt-headline{grid-template-columns:1fr;gap:28px}}.mt-page .mt-headline h1{font-size:clamp(40px,5.4vw,72px);font-weight:600;letter-spacing:-.038em;line-height:.98}.mt-page .mt-headline h1 em{color:var(--pp-accent)}.mt-page .mt-headline .right p{font-size:16px;color:var(--pp-ink-3);line-height:1.5;margin-bottom:16px}.mt-page .mt-headline .right .ctas{display:flex;gap:10px;flex-wrap:wrap}.mt-page .mt-wall{max-width:1200px;margin:0 auto;border:1px solid var(--pp-line);border-radius:14px;background:var(--pp-bg-1);overflow:hidden}.mt-page .mt-wall-head{padding:12px 16px;background:var(--pp-bg-2);border-bottom:1px solid var(--pp-line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--pp-ink-4)}.mt-page .mt-wall-head .lbl{color:var(--pp-ink-3);letter-spacing:.06em}.mt-page .mt-wall-head .right{margin-left:auto;display:flex;gap:8px}.mt-page .mt-wall-head .chip{padding:3px 8px;border:1px solid var(--pp-line-2);border-radius:3px;color:var(--pp-ink-3);font-size:10px}.mt-page .mt-wall-head .chip.on{border-color:var(--pp-accent-line);background:#fda4af14;color:var(--pp-accent)}.mt-page .mt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--pp-line);padding:1px}@media (min-width: 1101px){.mt-page .mt-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 720px){.mt-page .mt-grid{grid-template-columns:repeat(2,1fr)}}.mt-page .mt-cell{background:var(--pp-bg-1);padding:14px 14px 12px;display:flex;flex-direction:column;gap:8px;min-height:130px;position:relative;transition:background .15s}.mt-page .mt-cell:hover{background:var(--pp-bg-2)}.mt-page .mt-cell .top{display:flex;align-items:center;gap:8px}.mt-page .mt-cell .glyph{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:#fff;font-weight:600;font-size:12px;font-family:Inter Tight,sans-serif;flex-shrink:0}.mt-page .mt-cell .name{font-size:13px;color:var(--pp-ink);font-weight:500;letter-spacing:-.005em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-page .mt-cell .slug{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--pp-ink-5);letter-spacing:.02em}.mt-page .mt-cell .meta{margin-top:auto;display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--pp-ink-4)}.mt-page .mt-cell .meta b{color:var(--pp-ink-2);font-weight:500}.mt-page .mt-cell.featured{grid-column:span 2;grid-row:span 2;background:linear-gradient(180deg,rgba(253,164,175,.06),var(--pp-bg-1));border:1px solid rgba(253,164,175,.25);outline:1px solid rgba(253,164,175,.18);outline-offset:-2px;padding:22px 22px 18px;gap:12px}.mt-page .mt-cell.featured .glyph{width:44px;height:44px;font-size:18px;border-radius:9px}.mt-page .mt-cell.featured .name{font-size:22px;font-weight:600;letter-spacing:-.02em}.mt-page .mt-cell.featured .slug{font-size:11px}.mt-page .mt-cell.featured .stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto;gap:10px;font-family:JetBrains Mono,monospace}.mt-page .mt-cell.featured .stats .s .k{color:var(--pp-ink-5);font-size:9.5px;letter-spacing:.08em}.mt-page .mt-cell.featured .stats .s .v{color:var(--pp-ink);font-size:16px;font-weight:500;margin-top:2px}.mt-page .mt-cell.featured .roles{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.mt-page .mt-cell.featured .roles span{padding:2px 7px;font-size:10px;border-radius:3px;border:1px solid var(--pp-line-2);color:var(--pp-ink-3);font-family:JetBrains Mono,monospace}.mt-page .mt-cell.empty{background:repeating-linear-gradient(45deg,var(--pp-bg-1),var(--pp-bg-1) 6px,var(--pp-bg-2) 6px,var(--pp-bg-2) 7px);display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--pp-ink-5);letter-spacing:.04em}.mt-page .mt-cell.empty:hover{color:var(--pp-accent)}.mt-page .mt-isolation{width:100%;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.7}.mt-page .mt-isolation .row{display:grid;grid-template-columns:90px 1fr;border-bottom:1px dashed var(--pp-line);padding:8px 0}.mt-page .mt-isolation .row:last-child{border-bottom:0}.mt-page .mt-isolation .k{color:var(--pp-accent-2)}.mt-page .mt-isolation .v{color:var(--pp-ink-2)}.mt-page .mt-data-flow{width:100%;border:1px solid var(--pp-line);border-radius:10px;background:var(--pp-bg-1);padding:16px;font-family:JetBrains Mono,monospace;font-size:11px}.mt-page .mt-data-flow .layer{padding:10px 12px;border-radius:6px;margin-bottom:6px;border:1px solid var(--pp-line)}.mt-page .mt-data-flow .layer.app{background:var(--pp-bg-2);border-color:var(--pp-line-2)}.mt-page .mt-data-flow .layer.scope{background:#f472b60f;border-color:var(--pp-accent-line);color:var(--pp-accent)}.mt-page .mt-data-flow .layer.db{background:var(--pp-bg-2);color:var(--pp-ink-3)}.mt-page .mt-data-flow .arrow{text-align:center;color:var(--pp-ink-5)}.mt-page .mt-data-flow .note{text-align:center;color:var(--pp-ink-5);font-size:10.5px;margin:8px 0 4px}.mt-page .mt-hier{width:100%;font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--pp-ink-2)}.mt-page .mt-hier .row{display:grid;grid-template-columns:1fr auto;padding:6px 0;border-bottom:1px dashed var(--pp-line)}.mt-page .mt-hier .row .meta{color:var(--pp-ink-4);font-size:10.5px}.mt-page .mt-hier .note{margin-top:14px;padding:8px 12px;background:var(--pp-accent-soft);border:1px solid var(--pp-accent-line);border-radius:6px;color:var(--pp-accent);font-size:11px}
