/* ═══════════════════════════════════════════════════════════════════
   i-Swipe HR Suite — marketing site design system (mk-*)
   Loaded after style.css by views/public/layout/master.php.
   Pages: home, platform, about, pricing, contact, faqs, privacy, terms, security
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --mk-ink:#0B1530;--mk-ink-2:#1F2A44;--mk-ink-3:#4A5672;--mk-ink-4:#6B7690;--mk-ink-5:#98A2B8;
  --mk-line:#E6EAF2;--mk-line-2:#EEF1F7;--mk-bg:#fff;--mk-soft:#F6F8FC;--mk-soft-2:#EEF3FD;
  --mk-blue:#2563EB;--mk-blue-2:#1D4ED8;--mk-indigo:#6366F1;--mk-violet:#8B5CF6;--mk-cyan:#06B6D4;--mk-green:#10B981;--mk-amber:#F59E0B;--mk-rose:#F43F5E;
  --mk-grad:linear-gradient(120deg,#2563EB 0%,#6366F1 55%,#8B5CF6 100%);
  --mk-night:#060C1F;--mk-night-2:#0B1530;
  --mk-r:14px;--mk-r-lg:22px;--mk-r-xl:28px;
  --mk-sh:0 1px 2px rgba(11,21,48,.05),0 8px 24px -8px rgba(11,21,48,.10);
  --mk-sh-lg:0 2px 6px rgba(11,21,48,.04),0 30px 60px -20px rgba(11,21,48,.25);
  --mk-pad:clamp(64px,9vw,112px);
}
.mk{color:var(--mk-ink);font-feature-settings:"cv11","ss01";overflow-x:clip}
.mk *,.mk *::before,.mk *::after{box-sizing:border-box}
.mk-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.mk-wrap.narrow{max-width:880px}
.mk-sec{padding:var(--mk-pad) 0;position:relative}
.mk-sec.soft{background:var(--mk-soft)}
.mk-sec.tight{padding:clamp(40px,6vw,72px) 0}

/* ── Type ─────────────────────────────────────────────── */
.mk-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:99px;background:#fff;border:1px solid var(--mk-line);box-shadow:var(--mk-sh);font-size:13px;font-weight:600;color:var(--mk-ink-2)}
.mk-eyebrow b{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:99px;background:var(--mk-grad);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.mk-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-blue)}
.mk-kicker::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--mk-grad)}
.mk-display{font-size:clamp(40px,6.2vw,76px);line-height:1.02;font-weight:800;letter-spacing:-.045em;color:var(--mk-ink)}
.mk-h1{font-size:clamp(34px,4.8vw,58px);line-height:1.06;font-weight:800;letter-spacing:-.04em;color:var(--mk-ink)}
.mk-h2{font-size:clamp(28px,3.6vw,46px);line-height:1.1;font-weight:800;letter-spacing:-.035em;color:var(--mk-ink)}
.mk-h3{font-size:clamp(19px,1.8vw,22px);line-height:1.3;font-weight:700;letter-spacing:-.015em;color:var(--mk-ink)}
.mk-lead{font-size:clamp(16px,1.4vw,19px);line-height:1.65;color:var(--mk-ink-3)}
.mk-grad-text{background:var(--mk-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-head{max-width:720px;margin:0 auto clamp(36px,5vw,56px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.mk-head.left{margin-left:0;text-align:left;align-items:flex-start}
.mk-muted{color:var(--mk-ink-4)}

/* ── Buttons ──────────────────────────────────────────── */
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:12px;font-size:15px;font-weight:650;line-height:1;white-space:nowrap;text-decoration:none!important;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s,color .2s;font-family:inherit}
.mk-btn svg{transition:transform .2s}
.mk-btn:hover svg.arr{transform:translateX(3px)}
.mk-btn:active{transform:translateY(1px)}
.mk-btn.primary{background:var(--mk-ink);color:#fff;box-shadow:0 10px 24px -10px rgba(11,21,48,.55),inset 0 1px 0 rgba(255,255,255,.12)}
.mk-btn.primary:hover{background:#16224a}
.mk-btn.brand{background:var(--mk-grad);color:#fff;box-shadow:0 12px 28px -12px rgba(79,70,229,.7),inset 0 1px 0 rgba(255,255,255,.25)}
.mk-btn.brand:hover{filter:brightness(1.06)}
.mk-btn.ghost{background:#fff;color:var(--mk-ink);border-color:var(--mk-line);box-shadow:var(--mk-sh)}
.mk-btn.ghost:hover{border-color:#C9D1E3}
.mk-btn.light{background:#fff;color:var(--mk-ink)}
.mk-btn.glass{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.mk-btn.glass:hover{background:rgba(255,255,255,.14)}
.mk-btn.sm{height:40px;padding:0 16px;font-size:14px;border-radius:10px}
.mk-btn.block{width:100%}
.mk-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.mk-link{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--mk-blue);text-decoration:none!important}
.mk-link:hover svg{transform:translateX(3px)}
.mk-link svg{transition:transform .2s}

/* ── Surfaces ─────────────────────────────────────────── */
.mk-card{background:#fff;border:1px solid var(--mk-line);border-radius:var(--mk-r-lg);box-shadow:var(--mk-sh)}
.mk-card.pad{padding:clamp(22px,2.4vw,32px)}
.mk-card.hover{transition:transform .25s,box-shadow .25s,border-color .25s}
.mk-card.hover:hover{transform:translateY(-4px);box-shadow:var(--mk-sh-lg);border-color:#D6DDEC}
.mk-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--c-bg,#EEF2FF);color:var(--c,#4F46E5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.mk-ic.sm{width:36px;height:36px;border-radius:10px}
.mk-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:650;background:var(--mk-soft-2);color:var(--mk-blue-2)}
.mk-pill.ok{background:#E7F8F0;color:#047857}
.mk-pill.dark{background:rgba(255,255,255,.1);color:#fff}
.mk-grid{display:grid;gap:clamp(14px,1.6vw,22px)}
.mk-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mk-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mk-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mk-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.mk-split.rev>:first-child{order:2}
.mk-check{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.mk-check li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:var(--mk-ink-2)}
.mk-check li::before{content:"";flex:none;width:20px;height:20px;margin-top:1px;border-radius:99px;background:#E7F8F0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center no-repeat}

/* ── Hero backdrop ─────────────────────────────────────── */
.mk-hero{position:relative;padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,96px);overflow:hidden;isolation:isolate}
.mk-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(60% 55% at 85% 10%,rgba(99,102,241,.16),transparent 70%),
  radial-gradient(50% 50% at 5% 0%,rgba(37,99,235,.14),transparent 70%),
  linear-gradient(180deg,#F5F8FF 0%,#fff 75%)}
.mk-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(11,21,48,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,21,48,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 20%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 20%,#000 30%,transparent 80%)}
.mk-hero.center{text-align:center}
.mk-hero.center .mk-lead{margin-left:auto;margin-right:auto}

/* ── Dark section ──────────────────────────────────────── */
.mk-dark{background:var(--mk-night);color:#C9D3EA;position:relative;overflow:hidden;isolation:isolate}
.mk-dark::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 60% at 15% 0%,rgba(37,99,235,.35),transparent 70%),radial-gradient(40% 50% at 95% 100%,rgba(139,92,246,.28),transparent 70%)}
.mk-dark::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.mk-dark .mk-h2,.mk-dark .mk-h1,.mk-dark .mk-h3,.mk-dark .mk-display{color:#fff}
.mk-dark .mk-lead{color:#A9B5D0}
.mk-dark .mk-kicker{color:#93B4FF}
.mk-glass{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);border-radius:var(--mk-r-lg);backdrop-filter:blur(10px)}

/* ── Browser frame (screenshots) ───────────────────────── */
.mk-frame{border-radius:18px;background:#fff;border:1px solid var(--mk-line);box-shadow:0 50px 100px -30px rgba(11,21,48,.35),0 18px 36px -18px rgba(11,21,48,.25);overflow:hidden}
.mk-frame-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#F7F9FC;border-bottom:1px solid var(--mk-line)}
.mk-frame-bar i{width:10px;height:10px;border-radius:99px;background:#E1E6EF}
.mk-frame-bar i:nth-child(1){background:#FF6159}.mk-frame-bar i:nth-child(2){background:#FFBD2E}.mk-frame-bar i:nth-child(3){background:#28C941}
.mk-frame-bar span{margin-left:12px;flex:1;max-width:340px;height:22px;border-radius:7px;background:#fff;border:1px solid var(--mk-line);font-size:11.5px;color:var(--mk-ink-5);display:flex;align-items:center;padding:0 10px}
.mk-frame img{display:block;width:100%;height:auto}
.mk-float{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 24px 50px -18px rgba(11,21,48,.35);padding:14px 16px}

/* ── Marquee ───────────────────────────────────────────── */
.mk-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mk-marquee-track{display:flex;gap:14px;width:max-content;animation:mk-scroll 40s linear infinite}
.mk-marquee:hover .mk-marquee-track{animation-play-state:paused}
@keyframes mk-scroll{to{transform:translateX(-50%)}}
.mk-chip{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px;border-radius:12px;background:#fff;border:1px solid var(--mk-line);font-size:14px;font-weight:600;color:var(--mk-ink-2);white-space:nowrap}

/* ── Stats ─────────────────────────────────────────────── */
.mk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--mk-line);border-radius:var(--mk-r-lg);background:#fff;overflow:hidden}
.mk-stat{padding:26px 24px}
.mk-stat+.mk-stat{border-left:1px solid var(--mk-line)}
.mk-stat b{display:block;font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--mk-ink)}
.mk-stat span{display:block;margin-top:8px;font-size:13.5px;color:var(--mk-ink-4)}

/* ── Tabs / segmented ──────────────────────────────────── */
.mk-seg{display:inline-flex;padding:4px;border-radius:12px;background:var(--mk-soft-2);border:1px solid var(--mk-line);gap:2px}
.mk-seg button{appearance:none;border:0;background:none;height:38px;padding:0 16px;border-radius:9px;font:inherit;font-size:14px;font-weight:650;color:var(--mk-ink-3);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s,box-shadow .2s}
.mk-seg button.on{background:#fff;color:var(--mk-ink);box-shadow:0 1px 2px rgba(11,21,48,.08),0 4px 10px -4px rgba(11,21,48,.12)}
.mk-seg em{font-style:normal;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;background:#E7F8F0;color:#047857}

/* ── Accordion ─────────────────────────────────────────── */
.mk-acc{border-top:1px solid var(--mk-line)}
.mk-acc details{border-bottom:1px solid var(--mk-line)}
.mk-acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;cursor:pointer;font-size:16.5px;font-weight:650;color:var(--mk-ink)}
.mk-acc summary::-webkit-details-marker{display:none}
.mk-acc summary i{flex:none;width:30px;height:30px;border-radius:99px;background:var(--mk-soft-2);display:grid;place-items:center;transition:transform .25s,background .25s}
.mk-acc summary i::before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;color:var(--mk-blue)}
.mk-acc details[open] summary i{transform:rotate(45deg);background:var(--mk-blue)}
.mk-acc details[open] summary i::before{color:#fff}
.mk-acc summary:hover{color:var(--mk-blue)}
.mk-acc .a{padding:0 4px 22px;font-size:15.5px;line-height:1.75;color:var(--mk-ink-3);max-width:760px}
.mk-acc .a a{color:var(--mk-blue);font-weight:600}

/* ── CTA band ──────────────────────────────────────────── */
.mk-cta{border-radius:var(--mk-r-xl);padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}

/* ── Forms ─────────────────────────────────────────────── */
.mk-field{display:flex;flex-direction:column;gap:7px}
.mk-label{font-size:13.5px;font-weight:650;color:var(--mk-ink-2)}
.mk-input{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--mk-line);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--mk-ink);transition:border-color .2s,box-shadow .2s}
textarea.mk-input{height:auto;min-height:120px;padding:12px 14px;line-height:1.6;resize:vertical}
select.mk-input{appearance:none;padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7690' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center no-repeat}
.mk-input:focus{outline:none;border-color:var(--mk-blue);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.mk-input::placeholder{color:var(--mk-ink-5)}

/* ── Reveal on scroll ──────────────────────────────────── */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.mk-marquee-track{animation:none}}

/* ── Legal pages ───────────────────────────────────────── */
.lg-hero{padding:clamp(48px,6vw,80px) 0 clamp(40px,5vw,56px)}
.lg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lg-meta span{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:99px;background:#fff;border:1px solid var(--mk-line);font-size:13px;font-weight:600;color:var(--mk-ink-3)}
.lg-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start;padding:clamp(36px,5vw,64px) 0 clamp(64px,8vw,104px)}
.lg-side{position:sticky;top:calc(var(--nav,68px) + 24px);display:flex;flex-direction:column;gap:16px}
.lg-toc{border-left:2px solid var(--mk-line);display:flex;flex-direction:column}
.lg-toc-h{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-ink-5);padding:0 0 10px 16px}
.lg-toc a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;font-weight:550;color:var(--mk-ink-4);text-decoration:none!important;transition:color .15s,border-color .15s}
.lg-toc a:hover{color:var(--mk-ink)}
.lg-toc a.active{color:var(--mk-blue);border-left-color:var(--mk-blue);font-weight:650}
.lg-help{padding:18px;border-radius:16px;background:var(--mk-soft);border:1px solid var(--mk-line)}
.lg-help b{display:block;font-size:14.5px;margin-bottom:4px}
.lg-help p{font-size:13px;color:var(--mk-ink-4);line-height:1.6;margin:0 0 12px}
.lg-help a{font-size:13.5px;font-weight:650;color:var(--mk-blue)}
.lg-body{min-width:0;max-width:780px}
.lg-sec{padding:0 0 40px;margin:0 0 40px;border-bottom:1px solid var(--mk-line);scroll-margin-top:calc(var(--nav,68px) + 24px)}
.lg-sec:last-of-type{border-bottom:0}
.lg-num{display:inline-flex;align-items:center;justify-content:center;height:26px;min-width:38px;padding:0 9px;border-radius:8px;background:var(--mk-soft-2);color:var(--mk-blue);font-size:12px;font-weight:750;margin-bottom:12px}
.lg-sec h2{font-size:clamp(21px,2.2vw,26px);font-weight:750;letter-spacing:-.025em;color:var(--mk-ink);margin-bottom:14px}
.lg-sec p,.lg-sec li{font-size:16px;line-height:1.8;color:var(--mk-ink-3)}
.lg-sec p{margin:0 0 14px}
.lg-sec p strong,.lg-sec li strong{color:var(--mk-ink-2)}
.lg-sec ul,.lg-sec ol{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:9px}
.lg-sec ul li{position:relative;padding-left:22px}
.lg-sec ul li::before{content:"";position:absolute;left:4px;top:.78em;width:6px;height:6px;border-radius:99px;background:var(--mk-blue)}
.lg-sec ol{counter-reset:lg}
.lg-sec ol li{counter-increment:lg;position:relative;padding-left:36px}
.lg-sec ol li::before{content:counter(lg);position:absolute;left:0;top:.2em;width:24px;height:24px;border-radius:7px;background:var(--mk-soft-2);color:var(--mk-blue);font-size:12px;font-weight:750;display:grid;place-items:center;line-height:1}
.lg-sec a{color:var(--mk-blue);font-weight:600}
.lg-note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:14px;margin:18px 0;background:var(--mk-soft-2);border:1px solid #D9E3FB;color:#1E3A8A;font-size:15px;line-height:1.7}
.lg-note svg{flex:none;margin-top:3px}
.lg-note.ok{background:#ECFDF5;border-color:#BBF0D7;color:#065F46}
.lg-note.warn{background:#FFFBEB;border-color:#FDE7A8;color:#92400E}
.lg-note.bad{background:#FFF1F2;border-color:#FECDD3;color:#9F1239}
.lg-note p{margin:0;color:inherit;font-size:15px}
.lg-table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;border:1px solid var(--mk-line);border-radius:14px;overflow:hidden;font-size:14.5px}
.lg-table th{background:var(--mk-soft);text-align:left;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-ink-4);border-bottom:1px solid var(--mk-line)}
.lg-table td{padding:13px 16px;border-bottom:1px solid var(--mk-line-2);color:var(--mk-ink-3);vertical-align:top;line-height:1.55}
.lg-table tr:last-child td{border-bottom:0}
.lg-table td:first-child{color:var(--mk-ink-2);font-weight:600}
.lg-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.lg-foot{margin-top:8px;padding:18px 20px;border-radius:14px;background:var(--mk-soft);font-size:13.5px;line-height:1.7;color:var(--mk-ink-4)}
.lg-foot strong{color:var(--mk-ink-2)}
.lg-toc-m{display:none}

/* ── Responsive ────────────────────────────────────────── */
@media (max-width:1024px){
  .mk-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-split,.mk-split.rev{grid-template-columns:1fr}
  .mk-split.rev>:first-child{order:0}
  .mk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-stat:nth-child(3){border-left:0}
  .mk-stat:nth-child(n+3){border-top:1px solid var(--mk-line)}
}
@media (max-width:900px){
  .lg-wrap{grid-template-columns:1fr}
  .lg-side{display:none}
  .lg-toc-m{display:block;margin-bottom:28px}
  .lg-toc-m select{width:100%}
  .mk-cta{grid-template-columns:1fr}
}
@media (max-width:760px){
  .mk-grid.c3,.mk-grid.c2{grid-template-columns:1fr}
  .mk-wrap{padding:0 16px}
  .mk-btn{height:48px}
  .mk-actions .mk-btn{flex:1 1 auto}
  .mk-float{display:none}
}
@media (max-width:520px){
  .mk-grid.c4{grid-template-columns:1fr}
  .mk-stats{grid-template-columns:1fr 1fr}
  .mk-stat{padding:20px 16px}
}