:root{--mkr-green:#125a49;--mkr-green-dark:#0d4639;--mkr-ink:#132c26;--mkr-muted:#64736e;--mkr-bg:#f5f8f6;--mkr-line:#dce8e3;--mkr-card:#fff;--mkr-warm:#fff7e8}
html{scroll-behavior:smooth}
body.mkrinstall-page{margin:0;background:linear-gradient(180deg,#f1f7f4 0,#fff 34%,#f6f8f7 100%);color:var(--mkr-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.mkrinstall-page *{box-sizing:border-box}
.mkrinstall-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 46px}
.mkrinstall-hero{text-align:center;padding:38px 20px 30px}
.mkrinstall-brand{display:inline-flex;align-items:center;gap:10px;color:var(--mkr-ink);text-decoration:none;font-weight:850;font-size:19px;margin-bottom:24px}
.mkrinstall-brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 5px 18px #0e3c3024}
.mkrinstall-badge,.mkrinstall-eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;font-weight:850;color:var(--mkr-green);background:#e8f2ee;border:1px solid #cee2da;border-radius:999px;padding:7px 11px}
.mkrinstall-hero h1{font-size:clamp(36px,7vw,68px);line-height:1.02;letter-spacing:-.045em;max-width:820px;margin:18px auto 16px}
.mkrinstall-lead{font-size:clamp(18px,2.8vw,23px);line-height:1.55;max-width:760px;margin:0 auto 25px;color:#425c53}
.mkrinstall-main-cta .mkrapp-card{width:min(620px,100%);margin:0 auto;text-align:left;background:#fff;border-color:#c9ddd5;box-shadow:0 18px 48px #11392e1f}
.mkrinstall-main-cta .mkrapp-card .mkrapp-close{display:none}
.mkrinstall-main-cta .mkrapp-install{font-size:16px;padding:13px 20px;min-height:50px}
.mkrinstall-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.mkrinstall-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid #bed2cb;border-radius:12px;background:#fff;color:var(--mkr-green-dark);font-weight:800;text-decoration:none}
.mkrinstall-link{color:var(--mkr-green);font-weight:750;text-decoration:none}
.mkrinstall-note{font-size:13px;color:var(--mkr-muted);margin:16px 0 0}
.mkrinstall-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 42px}
.mkrinstall-features article{background:var(--mkr-card);border:1px solid var(--mkr-line);border-radius:18px;padding:18px;box-shadow:0 8px 26px #173d3210}
.mkrinstall-features article>span{font-size:29px;display:block;margin-bottom:9px}
.mkrinstall-features strong{display:block;font-size:16px;margin-bottom:4px}
.mkrinstall-features small{display:block;color:var(--mkr-muted);font-size:13px;line-height:1.45}
.mkrinstall-qr-section{display:grid;grid-template-columns:1fr auto;align-items:center;gap:38px;background:var(--mkr-green);color:#fff;border-radius:26px;padding:34px 40px;margin:12px 0 42px;box-shadow:0 18px 50px #0e3c3026}
.mkrinstall-qr-section .mkrinstall-eyebrow{background:#ffffff18;border-color:#ffffff35;color:#fff}
.mkrinstall-qr-section h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.025em;margin:12px 0 10px}
.mkrinstall-qr-section p{max-width:650px;line-height:1.6;color:#e9f3ef}
.mkrinstall-url{font-weight:850;color:#fff!important}
.mkrinstall-qr-section img{width:220px;height:220px;background:#fff;border-radius:18px;padding:12px}
.mkrinstall-how{padding:8px 0 18px}
.mkrinstall-how-head{text-align:center;max-width:700px;margin:0 auto 24px}
.mkrinstall-how-head h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.025em;margin:12px 0 7px}
.mkrinstall-how-head p{color:var(--mkr-muted)}
.mkrinstall-platforms{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mkrinstall-platforms article{background:#fff;border:1px solid var(--mkr-line);border-radius:22px;padding:26px;box-shadow:0 10px 32px #173d3210}
.mkrinstall-platform-icon{font-size:36px}
.mkrinstall-platforms h3{font-size:23px;margin:10px 0 15px}
.mkrinstall-platforms ol{padding-left:21px;margin:0 0 16px}
.mkrinstall-platforms li{margin:9px 0;line-height:1.55}
.mkrinstall-platforms p{margin:0;color:var(--mkr-muted);font-size:14px;line-height:1.55;background:var(--mkr-warm);border-radius:12px;padding:12px}
.mkrinstall-final{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:34px;padding:22px;background:#fff;border:1px solid var(--mkr-line);border-radius:22px}
.mkrinstall-final img{border-radius:17px;width:66px;height:66px}
.mkrinstall-final h2{margin:0 0 4px;font-size:21px}.mkrinstall-final p{margin:0;color:var(--mkr-muted)}
.mkrinstall-final a{background:var(--mkr-green);color:#fff;text-decoration:none;font-weight:800;border-radius:12px;padding:12px 16px}
.mkrinstall-footer{display:flex;justify-content:center;gap:9px;align-items:center;padding:0 20px 28px;color:#78857f;font:13px/1.5 system-ui,sans-serif}
.mkrinstall-footer a{color:var(--mkr-green);font-weight:750;text-decoration:none}
@media(max-width:760px){
 .mkrinstall-wrap{width:min(100% - 22px,680px);padding-top:12px}.mkrinstall-hero{padding:28px 5px 24px}.mkrinstall-brand{margin-bottom:18px}
 .mkrinstall-features{grid-template-columns:repeat(2,1fr);gap:10px}.mkrinstall-features article{padding:15px;border-radius:15px}
 .mkrinstall-qr-section{grid-template-columns:1fr;text-align:center;padding:28px 20px}.mkrinstall-qr-section img{margin:0 auto;width:190px;height:190px}
 .mkrinstall-platforms{grid-template-columns:1fr}.mkrinstall-platforms article{padding:21px}.mkrinstall-final{grid-template-columns:auto 1fr}.mkrinstall-final a{grid-column:1/-1;text-align:center}
}
@media(max-width:420px){.mkrinstall-features{grid-template-columns:1fr 1fr}.mkrinstall-features small{font-size:12px}.mkrinstall-main-cta .mkrapp-card{padding-right:18px}.mkrinstall-main-cta .mkrapp-icon{display:none}}