/*
Theme Name: MR Mail
Theme URI: https://MRmail.mrindigi.com
Author: MRINDI
Description: MR Mail communication platform theme.
Version: 2.0.0
*/
:root{--bg:#f4f6fb;--card:#fff;--ink:#121827;--muted:#778196;--line:#e4e8f0;--a:#5b5ee7;--b:#8a5cf6;--ok:#159b72}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.mr{min-height:100vh}.top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:26px;position:sticky;top:0;z-index:10}.brand{font-size:23px;font-weight:900}.brand span{font-weight:500}.nav{display:flex;gap:20px;flex:1}.nav a{font-size:12px;font-weight:750;color:#667187}.nav a:hover{color:var(--a)}.btn{display:inline-flex;border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:9px;font-size:12px;font-weight:800}.primary{color:#fff;background:linear-gradient(135deg,var(--a),var(--b));border:0}.hero{padding:88px 6%;background:radial-gradient(circle at 80% 20%,#e3e6ff,transparent 32%),#fff}.hero-in{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tag{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#555ed8;background:#eceeff;border-radius:30px;padding:8px 11px}.hero h1{font-size:clamp(43px,6vw,74px);line-height:1;letter-spacing:-4px;margin:20px 0}.grad{color:var(--a)}.hero p{color:var(--muted);line-height:1.75;font-size:16px}.actions{display:flex;gap:10px;margin-top:25px}.mock{background:#111827;border-radius:22px;padding:10px;box-shadow:0 30px 80px #11182733}.mockin{background:#fff;border-radius:15px;overflow:hidden}.mocktop{height:45px;border-bottom:1px solid var(--line);padding:14px;font-size:10px}.mockbody{display:grid;grid-template-columns:120px 1fr;min-height:340px}.mnav{background:#f8f9fc;padding:12px}.mnav div{padding:9px;font-size:9px;border-radius:7px;color:#718096}.mnav .sel{background:#e9ebff;color:#535bd6;font-weight:800}.mcontent{padding:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{border:1px solid var(--line);padding:10px;border-radius:9px}.stat small{font-size:8px;color:var(--muted)}.stat b{display:block;font-size:17px;margin-top:5px}.activity{margin-top:10px;border:1px solid var(--line);padding:12px;border-radius:10px}.event{font-size:9px;padding:9px 0;border-bottom:1px solid #f0f2f6}.ok{color:var(--ok)}section.info{padding:75px 6%}.inner{max-width:1160px;margin:auto}.info h2{font-size:38px;letter-spacing:-2px;margin:0}.lead{color:var(--muted);line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.feature{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.feature h3{font-size:14px}.feature p{font-size:11px;color:var(--muted);line-height:1.65}.foot{background:#111827;color:#9aa5b8;padding:25px 6%;font-size:11px}.footin{max-width:1160px;margin:auto;display:flex;justify-content:space-between}
@media(max-width:800px){.nav{display:none}.hero-in{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.hero{padding:55px 20px}.info{padding:55px 20px!important}}
@media(max-width:520px){.features{grid-template-columns:1fr}.top{padding:0 16px}.top .btn{display:none}.hero h1{letter-spacing:-2px}.mockbody{grid-template-columns:82px 1fr}}