:root{--mar:#0c3c78;--mar-deep:#061a36;--mar-mid:#155899;--mar-cyan:#168db1;--gold:#ffc107;--ink:#122033;--muted:#6d7b8d;--line:#dce4ee;--bg:#f3f6fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}body:before{content:"";position:fixed;inset:0 0 auto 230px;height:240px;background:linear-gradient(90deg,#f3f6faf2,#f3f6fa 67%),url('/assets/mar-roof-hero.png') center/cover;z-index:-1}aside{position:fixed;inset:0 auto 0 0;width:230px;padding:22px 18px;background:linear-gradient(180deg,#061a36,#0c3c78 55%,#082e5d);color:#fff;display:flex;flex-direction:column;box-shadow:8px 0 28px #061a3626}.brand{display:flex;gap:11px;align-items:center;font-weight:750;line-height:1.12}.brand img{width:42px;height:42px;border-radius:10px;object-fit:cover;box-shadow:0 6px 16px #0004}.brand span{font-size:14px}.suite{margin:16px 0 9px;padding:8px 10px;border:1px solid #ffffff24;border-radius:7px;color:#bcd8f6;font-size:8px;font-weight:800;letter-spacing:1px}nav{display:flex;flex-direction:column;gap:4px;margin-top:17px}nav a{padding:12px;color:#d8e8fa;border-radius:8px;font-size:13px;font-weight:600;cursor:default}nav a:before{content:"";display:inline-block;width:5px;height:5px;margin-right:10px;border-radius:50%;background:#78a9d9}nav a.active{background:#fff;color:var(--mar);box-shadow:0 7px 18px #001b383b}nav a.active:before{background:var(--gold)}.privacy{margin-top:auto;padding:12px;border:1px solid #ffffff22;border-radius:9px;background:#ffffff12;color:#dff9ec;font-size:11px;font-weight:700}.privacy small{display:block;margin-top:4px;color:#b9d3e9;font-weight:400}main{margin-left:230px;padding:30px 36px}header{display:flex;justify-content:space-between;align-items:center;padding:12px 2px 19px;border-bottom:1px solid #dbe4ee}header small{color:var(--mar);font-weight:800;letter-spacing:1.2px}h1{margin:7px 0 5px;font-size:29px;letter-spacing:-.6px}header p{margin:0;color:var(--muted);font-size:12px}button{border:0;border-radius:7px;background:linear-gradient(135deg,var(--mar),var(--mar-mid));color:#fff;padding:11px 16px;font-weight:700;box-shadow:0 7px 16px #0c3c7830;cursor:pointer}button:hover{background:#082f60}.notice{margin:20px 0 15px;padding:15px 17px;border:1px solid #cbdced;border-left:4px solid var(--gold);border-radius:8px;background:#fff;color:var(--mar);font-size:12px;box-shadow:0 5px 16px #193f6b0b}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metrics article,.panel{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 6px 18px #183d680a}.metrics article{position:relative;overflow:hidden}.metrics article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--gold),#ff7a1a)}.metrics span{display:block;margin-bottom:12px;color:#7c8998;font-size:9px;font-weight:800;letter-spacing:.5px}.metrics strong{font-size:23px;color:var(--mar-deep)}.grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:14px}.panel h2{font-size:14px;margin:0 0 14px;color:var(--mar)}.row{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:10px;padding:12px 0;border-top:1px solid #edf1f5;font-size:11px}.row small{display:block;color:#8995a3;margin-top:3px}.bar{height:5px;margin-top:6px;background:#e7edf3;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mar),var(--mar-cyan))}.backdrop{display:none;position:fixed;inset:0;place-items:center;background:#041326b8;backdrop-filter:blur(5px)}.backdrop.open{display:grid}.modal{position:relative;width:min(450px,92vw);padding:26px;background:#fff;border-radius:13px;border-top:5px solid var(--mar);box-shadow:0 28px 80px #00102066}.modal h2{color:var(--mar)}.close{position:absolute;right:13px;top:8px;background:transparent;color:#778394;font-size:24px;box-shadow:none}.modal form{display:flex;flex-direction:column;gap:12px}.modal label{font-size:11px;font-weight:700;color:#34465b}.modal input{display:block;width:100%;height:39px;margin-top:6px;padding:0 10px;border:1px solid #d5dfeb;border-radius:7px}.modal input:focus{outline:2px solid #0c3c7822;border-color:var(--mar)}.modal code{display:block;margin:8px 0;padding:10px;background:#edf4fb;border:1px solid #d4e2f0;border-radius:7px;color:var(--mar);overflow-wrap:anywhere;font-size:10px}@media(max-width:850px){aside{width:68px}.brand span,.suite,nav a:not(.active),.privacy{display:none}.brand img{width:40px;height:40px}main{margin-left:68px;padding:20px}body:before{left:68px}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:520px){.metrics{grid-template-columns:1fr}header{align-items:flex-start;gap:16px;flex-direction:column}}