:root{--ink:#f4f7ff;--muted:#aab6ca;--bg:#080d18;--bg2:#0d1424;--panel:#121b2d;--panel2:#172238;--line:#263652;--line-strong:#3d5277;--mint:#76e2bd;--mint-soft:#193c35;--rose:#ff9aa8;--gold:#f4ce7c;--content:1180px;--shadow:0 22px 60px rgba(0,0,0,.26);--radius:18px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% -10%,rgba(70,117,174,.28),transparent 32%),radial-gradient(circle at 18% 0,rgba(118,226,189,.08),transparent 28%),linear-gradient(180deg,var(--bg2),var(--bg) 38%);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere;min-height:100vh}body:before{content:"";position:fixed;right:-70px;top:92px;width:min(42vw,500px);aspect-ratio:1;background:url('/brand/mirari-logo.png') center/contain no-repeat;opacity:.028;filter:saturate(.8);pointer-events:none;z-index:-1}.nav{min-height:78px;border-bottom:1px solid rgba(81,106,145,.35);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px max(18px,5vw);background:rgba(8,13,24,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;box-shadow:0 12px 36px rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.01em;min-height:48px;flex:0 0 auto;color:var(--ink)!important}.brand img{height:46px;width:46px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}.brand span{font-size:1.08rem}.nav>span{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;padding:10px 10px;min-height:44px;display:inline-flex;align-items:center;border-radius:10px;transition:background .18s ease,color .18s ease,transform .18s ease}.nav a:hover,.nav a:focus-visible{color:var(--ink);background:rgba(118,226,189,.08)}main{width:min(100%,var(--content));margin:auto;padding:clamp(34px,5vw,68px) clamp(18px,4vw,30px) 72px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:850;margin-bottom:4px}.eyebrow:before{content:"";width:24px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--mint),transparent)}h1{font-size:clamp(2.15rem,7vw,4.9rem);line-height:1.01;letter-spacing:-.045em;max-width:860px;margin:.3em 0 .38em;text-wrap:balance}h2{margin:0 0 .55em;font-size:clamp(1.25rem,3vw,1.72rem);letter-spacing:-.02em}h3{margin:1.5em 0 .6em;color:#dce7f7}.lede{max-width:760px;color:var(--muted);font-size:clamp(1rem,2vw,1.17rem);line-height:1.68}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;margin:30px 0}.card{min-width:0;position:relative;background:linear-gradient(145deg,rgba(24,35,57,.94),rgba(13,21,36,.96));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,28px);overflow:hidden;box-shadow:var(--shadow)}.card:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(118,226,189,.55),transparent);opacity:.7;pointer-events:none}.card p{color:var(--muted);line-height:1.62}.card .grid{margin:18px 0}.metric{font-size:clamp(1.7rem,5vw,2.15rem);font-weight:850;color:var(--mint);letter-spacing:-.03em}.button,button{appearance:none;background:linear-gradient(180deg,#83e8c5,#6fd9b5);color:#052118;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:12px 18px;min-height:44px;font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;touch-action:manipulation;box-shadow:0 8px 20px rgba(64,185,147,.12);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.button:hover,button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 12px 24px rgba(64,185,147,.18)}.button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.button.alt{background:rgba(20,31,51,.7);border:1px solid var(--line-strong);color:var(--ink);box-shadow:none}.button.alt:hover{border-color:var(--mint);background:rgba(118,226,189,.07)}button:disabled,.button[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none}form{display:grid;gap:12px;width:100%;max-width:620px}label{display:grid;gap:7px;color:#dce6f5;font-weight:650}input,select,textarea{width:100%;min-height:44px;background:rgba(6,13,25,.78);border:1px solid #3d506f;color:var(--ink);border-radius:11px;padding:12px 13px;font:inherit;font-size:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}input::placeholder,textarea::placeholder{color:#77869f}textarea{min-height:106px;resize:vertical}.notice{padding:13px 15px;border-left:3px solid var(--mint);background:rgba(20,54,60,.55);border-radius:9px;color:#dceaf0}.hidden{display:none}.status,.badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:#101a2b;color:#cbd6e8;font-size:.78rem;font-weight:800;white-space:nowrap}.status:before,.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#8190a7}.status.healthy,.badge.production{border-color:rgba(118,226,189,.35);background:rgba(25,60,53,.68);color:#bff7e3}.status.healthy:before,.badge.production:before{background:var(--mint)}.status.error,.status.offline{border-color:rgba(255,154,168,.38);background:rgba(75,30,40,.5);color:#ffc0c9}.status.error:before,.status.offline:before{background:var(--rose)}.status.warning,.status.stale,.badge.beta{border-color:rgba(244,206,124,.35);background:rgba(67,54,27,.52);color:#ffe4aa}.status.warning:before,.status.stale:before,.badge.beta:before{background:var(--gold)}.platform-pill{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:#0f1828;font-size:.79rem;font-weight:800;color:#dfe8f6}.source-toggle{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin:10px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(7,14,26,.42);font-weight:500;cursor:pointer}.source-toggle:hover{border-color:#415a80;background:rgba(20,32,53,.62)}.source-toggle input{width:20px;min-height:20px;height:20px;margin:2px 0 0;accent-color:var(--mint)}.source-toggle small{color:var(--muted)}pre{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;background:#060c17;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:13px;background:rgba(6,12,22,.35)}.table{width:100%;min-width:580px;border-collapse:collapse}.table th{color:#dce6f5;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;background:rgba(15,24,40,.82)}.table td,.table th{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(43,59,86,.72);vertical-align:top}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:rgba(118,226,189,.025)}ul{padding-left:1.25rem}a{color:#a8efd7}.brand-frame{position:relative;padding-left:64px}.brand-frame:before{content:"";position:absolute;left:0;top:0;width:48px;height:48px;background:url('/brand/mirari-logo.png') center/contain no-repeat;opacity:.92}.empty-state{padding:24px;text-align:center;border:1px dashed var(--line-strong);border-radius:13px;color:var(--muted)}@media(max-width:900px){.nav{align-items:flex-start}.nav>span{max-width:70%}main{padding-top:38px}body:before{width:390px;right:-120px}}@media(max-width:700px){body:before{display:none}.nav{position:static;display:block;padding:10px 16px}.brand{width:max-content}.brand img{height:42px;width:42px}.nav>span{max-width:none;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:7px}.nav>span a{justify-content:center;text-align:center;padding:8px 4px;font-size:.84rem;background:rgba(18,27,45,.45)}.grid{grid-template-columns:1fr;margin:24px 0}.button{width:100%;margin:4px 0}.button.alt{margin-left:0}main{padding:30px 16px 56px}.card{border-radius:15px;padding:19px}.table{min-width:530px}.brand-frame{padding-left:0;padding-top:58px}.brand-frame:before{left:0;top:0}}@media(max-width:420px){h1{font-size:clamp(1.95rem,11vw,2.8rem)}.nav>span{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:17px}.eyebrow{font-size:.7rem}.metric{font-size:1.58rem}.table{min-width:500px}}@media(min-width:701px) and (max-width:1024px){main{padding-left:28px;padding-right:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>.card:only-child{grid-column:1/-1}}@media(hover:none){.button,button,.nav a{min-height:46px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
