/* Menturus marketing homepage — premium software-shell aesthetic on the app tokens. */
body.mtr{background:var(--bg)}
.mk{color:var(--ink)}
.mk-wrap{max-width:1120px;margin:0 auto;padding:0 24px;width:100%}
.mk a{text-decoration:none}

/* nav */
.mk-nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.85);backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--border)}
.mk-nav .mk-wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.mk-nav .mtr-logo{margin:0;gap:8px}
.mk-nav .mtr-logo b{color:var(--carbon);font-size:18px}
.mk-nav-links{display:flex;align-items:center;gap:22px}
.mk-nav-links>a{color:var(--secondary);font-size:14px;font-weight:500}
.mk-nav-links>a:hover{color:var(--carbon)}
.mk-navbtn{padding:8px 15px;border-radius:8px;border:1px solid var(--border);color:var(--carbon)!important}
.mk-navbtn.primary{background:var(--accent);border-color:var(--accent);color:#fff!important}
.mk-navbtn.primary:hover{background:var(--accent-hover)}
/* Keyboard focus — visible on both the white nav and the carbon hero/footer. */
.mk-nav-links a:focus-visible,.mk-btn:focus-visible,.mk-foot-links a:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
@media(max-width:640px){
  .mk-nav .mk-wrap{flex-wrap:wrap;height:auto;min-height:60px;padding:9px 16px;gap:8px}
  .mk-nav-links{gap:14px;flex-wrap:wrap}
  .mk-anchor{font-size:13px}
}

/* hero */
.mk-hero{background:var(--carbon);color:#fff;overflow:hidden;position:relative}
.mk-hero::after{content:"";position:absolute;top:-30%;right:-10%;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(16,185,129,.18),transparent 70%);pointer-events:none}
.mk-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:78px 24px 88px}
.mk-eyebrow{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:#34D399;background:rgba(16,185,129,.12);padding:5px 11px;border-radius:20px;margin-bottom:22px}
.mk-hero-copy h1{font-size:48px;line-height:1.05;letter-spacing:-.03em;font-weight:600;margin:0 0 18px;color:#fff}
.mk-hero-copy p{font-size:18px;line-height:1.6;color:#A1A1AA;margin:0 0 28px;max-width:30em}
.mk-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.mk-btn{display:inline-block;padding:13px 22px;border-radius:10px;font-weight:600;font-size:15px;transition:transform .05s,background .15s,border-color .15s}
.mk-btn:active{transform:translateY(1px)}
.mk-btn.primary{background:var(--accent);color:#fff}
.mk-btn.primary:hover{background:var(--accent-hover)}
.mk-btn.lg{padding:15px 28px;font-size:16px}
.mk-btn.ghost{color:#fff;border:1px solid #3A3B40}
.mk-btn.ghost:hover{border-color:#55565c;background:rgba(255,255,255,.04)}

/* product mock (pure CSS browser frame) */
.mk-browser{background:#1A1B1F;border:1px solid #2A2B30;border-radius:14px;box-shadow:0 30px 60px -24px rgba(0,0,0,.6);overflow:hidden}
.mk-browser-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#212227;border-bottom:1px solid #2A2B30}
.mk-browser-bar em{width:11px;height:11px;border-radius:50%;background:#3A3B40}
.mk-browser-bar em:first-child{background:#4b4c52}
.mk-browser-url{margin-left:12px;font-family:var(--mono);font-size:11px;color:#71717A;background:#17181c;
  padding:4px 10px;border-radius:6px;flex:1;overflow:hidden;white-space:nowrap}
.mk-browser-view{display:flex;height:280px}
.mk-mock-rail{width:64px;background:#111214;border-right:1px solid #2A2B30;padding:14px 0;display:flex;
  flex-direction:column;align-items:center;gap:16px}
.mk-mock-logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),#34D399)}
.mk-mock-nav{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}
.mk-mock-nav span{width:30px;height:8px;border-radius:4px;background:#2A2B30}
.mk-mock-nav span.on{background:var(--accent);box-shadow:-13px 0 0 -3px var(--accent)}
.mk-mock-main{flex:1;background:#FAFAFA}
.mk-mock-top{height:38px;background:#fff;border-bottom:1px solid #ECECEE}
.mk-mock-body{padding:16px}
.mk-mock-hero{height:74px;border-radius:10px;background:linear-gradient(120deg,#111214,#26272c);margin-bottom:14px;
  display:flex;align-items:center;padding:0 16px}
.mk-mock-cont{width:96px;height:22px;border-radius:6px;background:var(--accent)}
.mk-mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mk-mock-grid i{height:72px;border-radius:10px;background:#fff;border:1px solid #ECECEE;
  box-shadow:0 6px 14px -10px rgba(17,18,20,.15)}

/* trust strip */
.mk-strip{border-bottom:1px solid var(--border);background:var(--bg-subtle)}
.mk-strip-in{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:18px 24px;
  font-size:13px;font-weight:500;color:var(--muted);font-family:var(--mono);letter-spacing:.02em}

/* sections */
.mk-sec{padding:88px 0}
.mk-sec.alt{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.mk-sec-head{max-width:640px;margin:0 auto 44px;text-align:center}
.mk-sec-head h2{font-size:34px;line-height:1.1;letter-spacing:-.02em;font-weight:600;color:var(--carbon);margin:0 0 12px}
.mk-sec-head p{font-size:17px;color:var(--muted);margin:0;line-height:1.6}

/* bento */
.mk-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mk-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;
  box-shadow:var(--shadow-md);transition:transform .15s,box-shadow .15s}
.mk-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.mk-card.big{grid-row:span 2;grid-column:span 1;display:flex;flex-direction:column}
.mk-card.wide{grid-column:span 2}
.mk-card-ic{width:44px;height:44px;border-radius:11px;background:var(--accent-soft);color:var(--accent-text);
  display:grid;place-items:center;margin-bottom:16px}
.mk-card-ic svg{width:23px;height:23px}
.mk-card h3{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--carbon);margin:0 0 8px}
.mk-card p{font-size:14.5px;line-height:1.6;color:var(--secondary);margin:0}
.mk-chips{margin-top:auto;padding-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.mk-chips span{font-size:12px;font-weight:500;color:var(--secondary);background:var(--bg-subtle);
  border:1px solid var(--border);padding:5px 11px;border-radius:20px}

/* steps */
.mk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:step}
.mk-step{position:relative;padding-top:8px}
.mk-step-n{width:40px;height:40px;border-radius:50%;background:var(--carbon);color:#fff;display:grid;place-items:center;
  font-weight:600;font-size:16px;margin-bottom:16px}
.mk-step h3{font-size:19px;font-weight:600;color:var(--carbon);margin:0 0 8px;letter-spacing:-.01em}
.mk-step p{font-size:15px;line-height:1.6;color:var(--secondary);margin:0}

/* closing cta */
.mk-final{background:var(--carbon)}
.mk-final-in{text-align:center;padding:84px 24px}
.mk-final h2{font-size:34px;font-weight:600;letter-spacing:-.02em;color:#fff;margin:0 0 12px}
.mk-final p{color:#A1A1AA;font-size:17px;margin:0 0 26px}

/* footer */
.mk-foot{background:#0C0D0F;color:#A1A1AA;padding:34px 0}
.mk-foot-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mk-foot .mtr-logo{margin:0}
.mk-foot .mtr-logo b{color:#fff;font-size:17px}
.mk-foot-links{display:flex;gap:20px}
.mk-foot-links a{color:#A1A1AA;font-size:14px}
.mk-foot-links a:hover{color:#fff}
.mk-foot-copy{font-size:13px;color:#8B8B93;font-family:var(--mono)}

/* responsive */
@media(max-width:900px){
  .mk-hero-in{grid-template-columns:1fr;gap:36px;padding:56px 24px 64px}
  .mk-hero-copy h1{font-size:38px}
  .mk-bento,.mk-steps{grid-template-columns:1fr}
  .mk-card.big{grid-row:auto}
  .mk-card.wide{grid-column:auto}
  .mk-sec{padding:60px 0}
  .mk-sec-head h2,.mk-final h2{font-size:28px}
}