:root{--brand-50: #eef4ff;--brand-100: #dbe6ff;--brand-200: #bccfff;--brand-300: #8fb0ff;--brand-400: #5b86f7;--brand-500: #3b63e6;--brand-600: #2b48c9;--brand-700: #2439a0;--brand-800: #22337f;--brand-900: #1e2d66;--accent-500: #12b981;--accent-600: #0ea371;--warn-500: #f59e0b;--danger-500: #ef4444;--danger-600: #dc2626;--ink-900: #0f172a;--ink-800: #1e293b;--ink-700: #334155;--ink-600: #475569;--ink-500: #64748b;--ink-400: #94a3b8;--ink-300: #cbd5e1;--ink-200: #e2e8f0;--ink-100: #f1f5f9;--ink-50: #f8fafc;--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f8fafc;--border: #e6e8ef;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink-800);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}.pg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;font-size:14px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .05s;text-decoration:none;white-space:nowrap}.pg-btn:active{transform:translateY(1px)}.pg-btn-primary{background:var(--brand-600);color:#fff}.pg-btn-primary:hover{background:var(--brand-700)}.pg-btn-ghost{background:transparent;color:var(--ink-700);border-color:var(--border)}.pg-btn-ghost:hover{background:var(--ink-100)}.pg-btn-danger{background:var(--danger-600);color:#fff}.pg-btn:disabled{opacity:.5;cursor:not-allowed}.pg-input,.pg-select{width:100%;font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--ink-300);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-800)}.pg-input:focus,.pg-select:focus{outline:2px solid var(--brand-300);border-color:var(--brand-500)}.pg-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--ink-100);color:var(--ink-700)}.pg-badge-green{background:#dcfce7;color:#15803d}.pg-badge-red{background:#fee2e2;color:#b91c1c}.pg-badge-amber{background:#fef3c7;color:#b45309}.pg-badge-blue{background:var(--brand-100);color:var(--brand-700)}.pg-badge-gray{background:var(--ink-100);color:var(--ink-600)}.pg-muted{color:var(--ink-500)}.pg-h1{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink-900);margin:0}.pg-h2{font-size:17px;font-weight:700;color:var(--ink-900);margin:0}#root{min-height:100vh}a{color:inherit}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.row{display:flex;align-items:center;gap:var(--space-3)}.row-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-3)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grow{flex:1}.gap-2{gap:var(--space-2)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.wrap-anywhere{overflow-wrap:anywhere}.center-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--ink-900);color:var(--ink-100);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{padding:20px var(--space-5) 16px;display:flex;align-items:center;gap:10px}.sidebar-logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--brand-400),var(--brand-600));display:grid;place-items:center;font-weight:800;color:#fff;flex:none}.sidebar-brand-name{font-weight:800;font-size:15px;color:#fff;letter-spacing:-.01em}.sidebar-brand-sub{font-size:11px;color:var(--ink-400)}.nav{padding:var(--space-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.nav-section{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);padding:14px 12px 6px}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--ink-300);text-decoration:none;font-weight:600;font-size:14px;transition:background .12s,color .12s}.nav-link:hover{background:#ffffff0f;color:#fff}.nav-link.active{background:var(--brand-600);color:#fff}.nav-ico{width:18px;text-align:center;font-size:15px;flex:none}.sidebar-foot{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--ink-400)}.edition-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;color:var(--ink-100);border-radius:999px;padding:4px 10px;font-weight:700;font-size:11px}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:12px var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.topbar-title{font-weight:800;font-size:16px;color:var(--ink-900)}.content{padding:var(--space-6);max-width:1240px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.hamburger{display:none;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);width:38px;height:38px;cursor:pointer;font-size:18px}.usermenu{position:relative}.user-btn{display:flex;align-items:center;gap:10px;background:none;border:1px solid var(--border);border-radius:999px;padding:5px 12px 5px 5px;cursor:pointer;font:inherit}.avatar{width:30px;height:30px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}.user-name{font-weight:700;font-size:13px;color:var(--ink-800)}.user-role{font-size:11px;color:var(--ink-500)}.menu-pop{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:220px;padding:8px;z-index:40}.menu-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;font:inherit;font-size:14px;color:var(--ink-700)}.menu-item:hover{background:var(--ink-100)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-4)}.tile{padding:var(--space-5);display:flex;flex-direction:column;gap:6px}.tile-label{font-size:12.5px;font-weight:600;color:var(--ink-500);display:flex;align-items:center;gap:7px}.tile-ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;flex:none}.tile-value{font-size:27px;font-weight:800;color:var(--ink-900);letter-spacing:-.02em;line-height:1.1}.tile-sub{font-size:12.5px;color:var(--ink-500)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.card-pad{padding:var(--space-5)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.occbar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--ink-100)}.occbar.tall{height:16px}.occbar span{display:block;height:100%}.seg-occupied{background:var(--accent-500)}.seg-vacant{background:var(--ink-200)}.seg-on_hold{background:var(--warn-500)}.seg-under_maintenance{background:var(--danger-500)}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--ink-600)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.table-wrap{overflow-x:auto}table.pg-table{width:100%;border-collapse:collapse;font-size:14px}.pg-table th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500);padding:11px var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap}.pg-table td{padding:13px var(--space-4);border-bottom:1px solid var(--ink-100);color:var(--ink-800);vertical-align:middle}.pg-table tbody tr{transition:background .1s}.pg-table tr.clickable{cursor:pointer}.pg-table tr.clickable:hover td{background:var(--ink-50)}.pg-table td.num,.pg-table th.num{text-align:right;font-variant-numeric:tabular-nums}.cell-strong{font-weight:700;color:var(--ink-900)}.cell-sub{font-size:12px;color:var(--ink-500)}.floor-block{margin-bottom:var(--space-5)}.floor-title{font-weight:800;font-size:15px;color:var(--ink-900);margin:0 0 var(--space-3);display:flex;align-items:center;gap:10px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-4)}.room{padding:var(--space-4)}.room-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.room-name{font-weight:800;color:var(--ink-900)}.beds{display:flex;flex-wrap:wrap;gap:8px}.bed{min-width:52px;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;text-align:center;font-size:12px;font-weight:700;color:var(--ink-700);background:var(--surface);transition:transform .05s,box-shadow .12s}.bed:hover{box-shadow:var(--shadow)}.bed:active{transform:translateY(1px)}.bed .bed-occ{display:block;font-size:10.5px;font-weight:600;color:var(--ink-500);margin-top:2px;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bed.st-vacant{border-style:dashed}.bed.st-occupied{background:#e9f9f2;border-color:#b7e8d3;color:#0e7a54}.bed.st-on_hold{background:#fef6e6;border-color:#fadfa6;color:#a86612}.bed.st-under_maintenance{background:#fdeaea;border-color:#f6c4c4;color:#b91c1c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1 / -1}.field label{font-size:12.5px;font-weight:600;color:var(--ink-700)}.field .hint{font-size:11.5px;color:var(--ink-500)}.checks{display:flex;flex-wrap:wrap;gap:10px}.check{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--ink-300);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.check input{accent-color:var(--brand-600)}.check.on{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-700)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;z-index:100;display:flex}.modal{margin:auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(560px,94vw);max-height:90vh;display:flex;flex-direction:column}.modal.wide{width:min(760px,94vw)}.modal-head,.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-body,.drawer-body{padding:var(--space-5);overflow-y:auto}.modal-foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-3)}.x-btn{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:var(--ink-500);padding:4px 8px;border-radius:6px}.x-btn:hover{background:var(--ink-100);color:var(--ink-800)}.drawer{margin-left:auto;height:100vh;width:min(560px,96vw);background:var(--bg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slidein .18s ease}.drawer-head{background:var(--surface)}@keyframes slidein{0%{transform:translate(24px);opacity:.4}to{transform:none;opacity:1}}.toasts{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{background:var(--ink-900);color:#fff;padding:12px 14px;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:13.5px;display:flex;gap:10px;align-items:flex-start;animation:slidein .16s ease}.toast.err{background:#7f1d1d}.toast.ok{background:var(--accent-600)}.toast .toast-x{margin-left:auto;cursor:pointer;opacity:.7}.toast .toast-cta{margin-top:6px;font-weight:800;text-decoration:underline;cursor:pointer;display:inline-block}.spinner{width:26px;height:26px;border:3px solid var(--ink-200);border-top-color:var(--brand-600);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:var(--space-8) var(--space-5);text-align:center;color:var(--ink-500)}.state-ico{font-size:34px;opacity:.5}.state-title{font-weight:700;color:var(--ink-700)}.upsell{border:1px solid #fadfa6;background:linear-gradient(180deg,#fffdf7,#fef6e6)}.locked-card{padding:var(--space-8) var(--space-6);text-align:center}.kv{display:grid;grid-template-columns:130px 1fr;gap:8px 14px;font-size:13.5px}.kv dt{color:var(--ink-500);font-weight:600}.kv dd{margin:0;color:var(--ink-800)}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 16px 22px;border-left:2px solid var(--ink-200)}.timeline li:last-child{border-left-color:transparent;padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--brand-500);border:2px solid var(--surface)}.ledger-amt.pos{color:var(--danger-600)}.ledger-amt.neg{color:var(--accent-600)}.seg-tabs{display:inline-flex;background:var(--ink-100);border-radius:var(--radius-sm);padding:3px;gap:3px}.seg-tab{border:none;background:none;font:inherit;font-size:13px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;color:var(--ink-600)}.seg-tab.on{background:var(--surface);color:var(--ink-900);box-shadow:var(--shadow-sm)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.search-input{max-width:320px}.w-auto{width:auto}.thumb{width:100%;height:150px;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;display:block;background:var(--ink-100)}.listing-body{padding:var(--space-4)}.avatar-lg{width:52px;height:52px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center;font-weight:800;font-size:18px;flex:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:29;display:none}@media (max-width: 960px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;width:248px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.scrim.show{display:block}.hamburger{display:inline-flex;align-items:center;justify-content:center}.grid-2{grid-template-columns:1fr}}@media (max-width: 620px){.content{padding:var(--space-4)}.topbar{padding:10px var(--space-4)}.form-grid{grid-template-columns:1fr}.user-name,.user-role{display:none}}.mk{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.mk-main{flex:1}.mk-row{max-width:1160px;margin:0 auto;padding:0 var(--space-5);width:100%}.mk-narrow{max-width:760px;margin:0 auto;padding:0 var(--space-5);width:100%}.mk-page{padding:56px 0}.mk-nav{position:sticky;top:0;z-index:20;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.mk-nav .mk-row{display:flex;align-items:center;gap:var(--space-4);height:64px}.mk-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.mk-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand-400),var(--brand-600));display:grid;place-items:center;font-weight:800;color:#fff;font-size:14px;flex:none}.mk-brand-name{font-weight:800;font-size:16px;color:var(--ink-900);letter-spacing:-.01em}.mk-brand-sub{font-size:11.5px;color:var(--ink-500);margin-top:-1px}.mk-nav-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.mk-hero{background:linear-gradient(160deg,var(--brand-700) 0%,var(--brand-900) 82%);color:#fff;overflow:hidden}.mk-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-8);align-items:center;padding:72px 0 84px}.mk-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.2);padding:5px 12px;border-radius:999px}.mk-eyebrow-dark{color:var(--brand-700);background:var(--brand-50);border-color:var(--brand-100)}.mk-hero h1{font-size:45px;line-height:1.07;font-weight:800;letter-spacing:-.03em;margin:18px 0 0}.mk-hero p.lead{font-size:17px;line-height:1.6;color:#ffffffd1;margin:16px 0 0;max-width:33em}.mk-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:28px}.mk-hero-note{margin-top:16px;font-size:13px;color:#ffffffb8}.mk-btn-lg{padding:13px 22px;font-size:15px}.mk-btn-white{background:#fff;color:var(--brand-700)}.mk-btn-white:hover{background:var(--brand-50)}.mk-btn-glass{background:#ffffff1f;color:#fff;border-color:#ffffff4d}.mk-btn-glass:hover{background:#fff3}.mk-preview{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 24px 60px #080f286b;padding:var(--space-5);color:var(--ink-800)}.mk-preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mk-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.mk-stat .lbl{font-size:11.5px;color:var(--ink-500);font-weight:600}.mk-stat .val{font-size:22px;font-weight:800;color:var(--ink-900);letter-spacing:-.02em}.mk-section{padding:72px 0}.mk-section-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.mk-section-head{text-align:center;max-width:640px;margin:0 auto 44px}.mk-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600)}.mk-section-head h2{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink-900);margin:10px 0 0}.mk-section-head p{font-size:16px;color:var(--ink-600);margin:12px 0 0;line-height:1.6}.mk-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.mk-feature{padding:var(--space-5)}.mk-feature-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:var(--brand-50)}.mk-feature h3{font-size:16px;font-weight:700;color:var(--ink-900);margin:14px 0 0}.mk-feature p{font-size:14px;color:var(--ink-600);line-height:1.6;margin:7px 0 0}.mk-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);align-items:stretch}.mk-plan{padding:var(--space-5);display:flex;flex-direction:column}.mk-plan.feat{border:2px solid var(--brand-500);box-shadow:var(--shadow);position:relative}.mk-plan-tag{position:absolute;top:-11px;left:var(--space-5);background:var(--brand-600);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.mk-plan h3{font-size:16px;font-weight:800;color:var(--ink-900);margin:0}.mk-plan .price{font-size:29px;font-weight:800;letter-spacing:-.02em;color:var(--ink-900);margin:12px 0 2px}.mk-plan .price small{font-size:13px;font-weight:600;color:var(--ink-500)}.mk-plan-tagline{font-size:13px;color:var(--ink-500);margin:0}.mk-plan ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}.mk-plan li{font-size:13.5px;color:var(--ink-700);display:flex;gap:8px;align-items:flex-start}.mk-plan li:before{content:"✓";color:var(--accent-600);font-weight:800;flex:none}.mk-plan .pg-btn{margin-top:20px;width:100%}.mk-footer{border-top:1px solid var(--border);background:var(--surface)}.mk-footer .mk-row{padding:32px var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between}.mk-foot-links{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:13.5px}.mk-foot-links a{color:var(--ink-600);text-decoration:none}.mk-foot-links a:hover{color:var(--ink-900)}.mk-buy-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-8);align-items:start}.mk-buy-title{font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--ink-900);line-height:1.12;margin:16px 0 0}.mk-checklist{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.mk-checklist li{font-size:14.5px;color:var(--ink-700);display:flex;gap:10px;align-items:flex-start}.mk-checklist li:before{content:"✓";color:var(--accent-600);font-weight:800;flex:none}.mk-buy-card{padding:var(--space-5);position:sticky;top:84px}.mk-price-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-2);border-bottom:1px solid var(--border)}.mk-price{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink-900)}.mk-price small{font-size:13px;font-weight:600;color:var(--ink-500)}.mk-done-card{padding:var(--space-8) var(--space-6);text-align:center}.mk-done-badge{width:60px;height:60px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:800;background:#dcfce7;color:#15803d}.mk-done-badge.pending{background:#fef3c7;color:#b45309}.mk-download-row{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:24px}.mk-install{text-align:left;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.mk-steps{list-style:none;counter-reset:step;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.mk-steps li{counter-increment:step;display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--ink-700);line-height:1.5}.mk-steps li:before{content:counter(step);flex:none;width:24px;height:24px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);font-weight:800;font-size:12px;display:grid;place-items:center;margin-top:1px}.mk-steps code{background:var(--ink-100);border-radius:6px;padding:1px 6px;font-size:13px;color:var(--ink-800)}@media (max-width: 900px){.mk-hero-grid{grid-template-columns:1fr;gap:var(--space-6);padding:48px 0 56px}.mk-preview{order:2}.mk-hero h1{font-size:35px}.mk-features,.mk-pricing{grid-template-columns:1fr 1fr}.mk-buy-grid{grid-template-columns:1fr;gap:var(--space-6)}.mk-buy-card{position:static}}@media (max-width: 560px){.mk-features,.mk-pricing{grid-template-columns:1fr}.mk-hero h1{font-size:30px}.mk-buy-title{font-size:28px}.mk-section{padding:52px 0}.mk-hide-sm{display:none}}