.mk .hero .board{border:1px solid #19c39a52;box-shadow:0 40px 80px -30px #000000b3,0 0 0 1px #ffffff0a,0 0 60px -10px #19c39a47}.mk .hero .hero-grid>.board{position:relative}.mk .wow-split{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;display:grid}.mk .wow-split.rev{grid-template-columns:1.1fr .9fr}.mk .wow-copy h2{margin:10px 0 14px;font-size:clamp(28px,3.2vw,40px);font-weight:800}.mk .wow-copy p{color:var(--mk-ink-3);max-width:480px;font-size:16px}.mk .wow-copy ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.mk .wow-copy li{color:var(--mk-ink-2);padding-left:26px;font-size:14.5px;position:relative}.mk .wow-copy li:before{content:"✓";color:var(--mk-primary);font-weight:700;position:absolute;left:0}@media (max-width:960px){.mk .wow-split,.mk .wow-split.rev{grid-template-columns:1fr;gap:32px}.mk .wow-split.rev .wtv{order:2}}.mk .odemo{gap:16px;display:grid}.mk .odemo-switch{background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:999px;justify-self:start;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 8px 20px -14px #0f172a4d}.mk .odemo-switch-lbl{color:var(--mk-ink-2);font-size:14px;font-weight:600}.mk .odemo-toggle{cursor:pointer;background:var(--mk-primary);border:none;border-radius:999px;width:52px;height:30px;padding:0;transition:background .25s;position:relative}.mk .odemo-toggle:focus-visible{outline:2px solid var(--mk-primary);outline-offset:3px}@media (pointer:coarse){.mk .odemo-toggle{width:60px;height:34px}}.mk .odemo-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;transform:translate(22px);box-shadow:0 2px 6px #00000040}@media (pointer:coarse){.mk .odemo-knob{width:28px;height:28px;transform:translate(26px)}}.mk .odemo.is-off .odemo-toggle{background:#b45309}.mk .odemo.is-off .odemo-knob{transform:none}.mk .odemo-state{font-family:var(--mk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mk-primary);min-width:72px;font-size:12px;font-weight:600}.mk .odemo.is-off .odemo-state{color:#b45309}.mk .odemo-screen{background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0f172a59}.mk .odemo-bar{background:var(--mk-hero-bg);align-items:center;gap:6px;padding:10px 14px;display:flex}.mk .odemo-bar i{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.mk .odemo-net{font-family:var(--mk-mono);color:var(--mk-accent);align-items:center;gap:6px;margin-left:auto;font-size:11px;transition:color .25s;display:inline-flex}.mk .odemo-cut{stroke-dasharray:30;stroke-dashoffset:30px;transition:stroke-dashoffset .35s}.mk .odemo.is-off .odemo-net{color:#f59e0b}.mk .odemo.is-off .odemo-cut{stroke-dashoffset:0}.mk .odemo-banner{color:#92400e;background:#fef3c7;gap:2px;max-height:0;padding:0 16px;font-size:13.5px;font-weight:600;transition:max-height .35s,padding .35s;display:grid;overflow:hidden}.mk .odemo.is-off .odemo-banner{max-height:80px;padding:10px 16px}.mk .odemo-ro{color:#b45309;font-size:12px;font-weight:500}.mk .odemo-body{padding:20px 22px 18px}.mk .odemo-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.mk .odemo-head b{color:var(--mk-ink);font-size:17px;display:block}.mk .odemo-head span{color:var(--mk-ink-3);font-size:13px}.mk .odemo-tag{font-family:var(--mk-mono);color:#5b21b6;background:#ede9fe;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.mk .odemo-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;display:grid}.mk .odemo-grid div{background:var(--mk-bg);border:1px solid var(--mk-border);border-radius:10px;padding:10px 12px}.mk .odemo-grid dt{font-family:var(--mk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mk-ink-4);font-size:10.5px}.mk .odemo-grid dd{color:var(--mk-ink);margin:3px 0 0;font-size:14.5px;font-weight:600}.mk .odemo-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.mk .odemo-btn{background:var(--mk-primary);color:#fff;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .25s,filter .25s}.mk .odemo-btn.ghost{color:var(--mk-primary);border:1px solid var(--mk-border);background:0 0}.mk .odemo.is-off .odemo-btn{opacity:.35;filter:grayscale()}.mk .odemo-foot{color:var(--mk-ink-3);margin-top:12px;font-size:13px}.mk .odemo.is-off .odemo-foot{color:#92400e}.mk .wtv{margin:0}.mk .wtv-bezel{background:linear-gradient(160deg,#1f2937,#0b1220);border-radius:18px;padding:12px;box-shadow:0 40px 70px -30px #0f172a99,inset 0 1px #ffffff14}.mk .wtv-screen{color:#e2e8f0;aspect-ratio:16/9;background:#0b1220;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex;overflow:hidden}.mk .wtv-stand{background:linear-gradient(#1f2937,#111827);border-radius:0 0 10px 10px;width:30%;height:14px;margin:0 auto}.mk .wtv-top{justify-content:space-between;align-items:baseline;display:flex}.mk .wtv-top b{letter-spacing:.02em;font-size:13px}.mk .wtv-clock{font-family:var(--mk-mono);color:#fff;text-align:right;min-width:52px;font-size:18px;font-weight:700}.mk .wtv-todo{background:#ffffff0a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 8px;display:flex}.mk .wtv-todo-lbl{font-family:var(--mk-mono);letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-right:4px;font-size:9px}.mk .wtv-chip{background:#ffffff14;border-radius:4px;padding:2px 7px;font-size:9.5px}.mk .wtv-chip em{margin-right:5px;font-style:normal;font-weight:700}.mk .wtv-chip.bad{color:#fecaca;background:#dc262640}.mk .wtv-chip.warn{color:#fde68a;background:#d9770640}.mk .wtv-chip.info{color:#bfdbfe;background:#2563eb40}.mk .wtv-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:6px;min-height:0;display:grid}.mk .wtv-tile{background:#19c39a1f;border:1px solid #19c39a4d;border-radius:6px;flex-direction:column;gap:1px;min-width:0;padding:6px 8px;display:flex}.mk .wtv-tile.warn{background:#d977062e;border-color:#f59e0b8c}.mk .wtv-tile.bad{background:#dc262633;border-color:#f8717199}.mk .wtv-tile.info{background:#2563eb2e;border-color:#60a5fa8c}.mk .wtv-tile.free{color:#64748b;background:#ffffff08;border-color:#ffffff14}.mk .wtv-tile-head{align-items:center;gap:4px;display:flex}.mk .wtv-p{font-family:var(--mk-mono);color:#94a3b8;margin-right:auto;font-size:9.5px;font-weight:700}.mk .wtv-tag{font-family:var(--mk-mono);border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700}.mk .wtv-tag.iso{color:#fff;background:#7c3aed}.mk .wtv-tag.ta{color:#fff;background:#d97706}.mk .wtv-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.mk .wtv-word{text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800}.mk .wtv-tile.warn .wtv-word{color:#fbbf24}.mk .wtv-tile.bad .wtv-word{color:#f87171}.mk .wtv-tile.info .wtv-word{color:#93c5fd}.mk .wtv-status{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.mk .wtv-foot{font-family:var(--mk-mono);color:#94a3b8;font-size:9.5px}@media (max-width:560px){.mk .wtv-screen{aspect-ratio:auto;gap:5px;padding:9px}.mk .wtv-grid{grid-template-rows:none;grid-auto-rows:minmax(54px,auto);gap:4px}.mk .wtv-tile{padding:4px 5px}.mk .wtv-name{font-size:9.5px}.mk .wtv-word{font-size:8.5px}.mk .wtv-status,.mk .wtv-chip{font-size:8px}.mk .wtv-todo-lbl{display:none}}
