.mk-mockup{margin-top:30px}.mk-mockbox{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;background:var(--surface-2)}.mk-mockbox::-webkit-scrollbar{height:0}.mk-mockbox{scrollbar-width:none}.mk-mock{position:absolute;top:0;left:0;transform-origin:top left;font-family:var(--body);color:var(--paper)}.mk-mock .mk-panel{padding:22px 26px}.mk-mock .mk-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mk-mock .mk-panel-head h4{margin:0;font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--paper)}.mk-mock .mk-field-label{margin:18px 0 8px;font-size:12px;font-weight:600;color:var(--muted)}.mk-mock .mk-field-label:first-child{margin-top:0}.mk-mock .mk-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;white-space:nowrap}.mk-mock .mk-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.mk-mock .mk-pill-quiet{background:var(--surface-2);color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:400}.mk-mock .mk-pill-green{background:color-mix(in srgb,var(--green) 14%,var(--surface));color:var(--green)}.mk-mock .mk-pill-amber{background:color-mix(in srgb,var(--amber) 15%,var(--surface));color:var(--amber)}.mk-mock .mk-pill-violet{background:color-mix(in srgb,var(--violet) 18%,var(--surface));color:var(--violet-soft)}.mk-mock .mk-pill-xs{padding:1px 7px;font-size:9px}.mk-mock .mk-tile{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--violet) 20%,var(--surface));color:var(--violet-soft)}.mk-mock .mk-tile-sm{width:30px;height:30px;border-radius:9px}.mk-mock .mk-tile svg{width:15px;height:15px;stroke-width:1.9}.mk-mock .mk-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.mk-mock .mk-thead,.mk-mock .mk-trow{display:grid;grid-template-columns:1fr 62px 72px 74px 96px 100px 52px;align-items:center;gap:8px;padding:0 16px}.mk-mock .mk-thead{height:34px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:10px;font-weight:600;letter-spacing:.055em;text-transform:uppercase;color:var(--muted-dim)}.mk-mock .mk-thead span:not(:first-child),.mk-mock .mk-trow>span:not(.mk-cell-name){text-align:center}.mk-mock .mk-trow{height:72px;border-bottom:1px solid var(--line-soft)}.mk-mock .mk-trow:last-child{border-bottom:0}.mk-mock .mk-cell-name{display:flex;align-items:center;gap:12px;min-width:0}.mk-mock .mk-cell-copy{display:block;min-width:0}.mk-mock .mk-cell-copy b{display:block;font-size:13px;font-weight:700;color:var(--paper)}.mk-mock .mk-cell-copy em{display:block;margin-top:2px;font-style:normal;font-size:11px;color:var(--muted-dim)}.mk-mock .mk-num{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.mk-mock .mk-rate s{display:block;text-decoration:none;font-size:10px;font-weight:400;color:var(--muted-dim)}.mk-mock .mk-next b{display:block;font-size:12px;font-weight:600}.mk-mock .mk-next em{display:block;font-style:normal;font-size:10px;color:var(--muted-dim)}.mk-mock .mk-switch{display:inline-block;width:30px;height:17px;border-radius:999px;background:var(--line);position:relative}.mk-mock .mk-switch:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--muted-dim)}.mk-mock .mk-switch.is-on{background:var(--violet)}.mk-mock .mk-switch.is-on:after{left:15px;background:#fff}.mk-mock .mk-queue{display:grid;gap:16px}.mk-mock .mk-day-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.mk-mock .mk-day-head h5{margin:0;font-family:var(--display);font-size:15px;font-weight:600;color:var(--paper)}.mk-mock .mk-slot{display:grid;grid-template-columns:84px 1fr;align-items:center;margin-bottom:8px}.mk-mock .mk-slot:last-child{margin-bottom:0}.mk-mock .mk-slot-time{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)}.mk-mock .mk-slot-body{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 14px}.mk-mock .mk-slot-copy{min-width:0}.mk-mock .mk-slot-who{display:flex;align-items:center;gap:7px}.mk-mock .mk-slot-who b{font-size:12px;font-weight:700;color:var(--paper)}.mk-mock .mk-slot-who em{font-style:normal;font-size:12px;font-weight:600;color:var(--violet-soft)}.mk-mock .mk-slot-copy p{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mk-mock .mk-add{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;border:1px dashed var(--line);border-radius:12px;font-size:12px;font-weight:700;color:var(--violet-soft)}.mk-mock .mk-add svg{width:14px;height:14px}.mk-mock .mk-limit-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.mk-mock .mk-limit-top span:first-child{font-size:12px;color:var(--muted)}.mk-mock .mk-limit-top b{font-size:19px;font-weight:800;color:var(--violet-hi)}.mk-mock .mk-limit-top s{text-decoration:none;font-size:11px;color:var(--muted-dim)}.mk-mock .mk-range{position:relative;height:5px;border-radius:999px;background:var(--line)}.mk-mock .mk-range i{display:block;height:100%;border-radius:999px;background:var(--violet)}.mk-mock .mk-range u{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;background:var(--violet-hi);transform:translate(-50%,-50%)}.mk-mock .mk-risk{display:flex;align-items:center;gap:9px;margin:16px 0 0;padding:8px 12px;border-radius:9px;background:color-mix(in srgb,var(--green) 14%,var(--surface));font-size:12px;color:var(--green)}.mk-mock .mk-risk i{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.mk-mock .mk-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-mock .mk-toggle{display:flex;align-items:center;gap:11px;border:1.5px solid var(--line);border-radius:11px;background:var(--surface);padding:11px 14px}.mk-mock .mk-toggle.is-on{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 12%,var(--surface))}.mk-mock .mk-toggle svg{width:16px;height:16px;flex:none;color:var(--muted-dim)}.mk-mock .mk-toggle.is-on svg{color:var(--violet-hi)}.mk-mock .mk-toggle b{display:block;font-size:13px;font-weight:600;color:var(--paper)}.mk-mock .mk-toggle em{display:block;margin-top:1px;font-style:normal;font-size:11px;color:var(--muted-dim)}.mk-mock .mk-days{display:flex;gap:7px}.mk-mock .mk-day{display:grid;place-items:center;width:50px;height:36px;border:1.5px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:11px;font-weight:600;color:var(--muted)}.mk-mock .mk-day.is-on{border-color:var(--violet);background:var(--violet);color:#fff}.mk-mock .mk-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.mk-mock .mk-kpi{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}.mk-mock .mk-kpi p{margin:0;font-size:11px;color:var(--muted-dim)}.mk-mock .mk-kpi strong{display:block;margin-top:4px;font-family:var(--display);font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--paper)}.mk-mock .mk-kpi span{font-size:11px;font-weight:600;color:var(--green)}.mk-mock .mk-perf{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.mk-mock .mk-funnel{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}.mk-mock .mk-funnel-stage{display:flex;align-items:center;gap:11px}.mk-mock .mk-funnel-copy{flex:1;min-width:0}.mk-mock .mk-funnel-copy p{margin:0;font-size:11px;color:var(--muted-dim)}.mk-mock .mk-funnel-copy strong{display:block;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--paper)}.mk-mock .mk-funnel-rate{font-family:var(--mono);font-size:11px;color:var(--violet-soft);background:color-mix(in srgb,var(--violet) 16%,var(--surface));border-radius:999px;padding:3px 9px}.mk-mock .mk-funnel-connector{display:block;height:14px;padding-left:8px;color:var(--line)}.mk-mock .mk-funnel-connector svg{width:13px;height:13px}.mk-mock .mk-side{display:grid;gap:12px;align-content:start}.mk-mock .mk-health{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px;color:var(--green)}.mk-mock .mk-gauge{position:relative;width:74px;height:74px;flex:none}.mk-mock .mk-gauge svg{width:74px;height:74px;transform:rotate(-90deg)}.mk-mock .mk-gauge>div{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;line-height:1}.mk-mock .mk-gauge strong{font-family:var(--display);font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--paper)}.mk-mock .mk-gauge span{font-size:10px;color:var(--muted-dim)}.mk-mock .mk-health-copy strong{font-size:14px;font-weight:700}.mk-mock .mk-health-copy p{margin:3px 0 0;font-size:11px;color:var(--muted-dim)}.mk-mock .mk-actions{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}.mk-mock .mk-action+.mk-action{margin-top:10px}.mk-mock .mk-action-top{display:flex;align-items:baseline;justify-content:space-between}.mk-mock .mk-action-top b{font-size:12px;font-weight:600;color:var(--paper)}.mk-mock .mk-action-top em{font-style:normal;font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted-dim)}.mk-mock .mk-action-bar{display:block;height:5px;margin-top:5px;border-radius:999px;background:var(--line)}.mk-mock .mk-action-bar i{display:block;height:100%;border-radius:999px;background:var(--violet)}.mk-mock .mk-action-note{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:10px;color:var(--muted-dim)}.mk-mock .mk-action-note svg{width:11px;height:11px;color:var(--green)}@media (max-width: 560px){.mk-mockup .chrome-foot span:last-child{display:none}}.mk-site:has(.product-overview){--public-text-secondary: #60708f;--product-heading-pink: #dc49b4;--line: var(--line-soft);--muted: var(--public-text-secondary);--muted-dim: var(--public-text-secondary);font-synthesis:none}:where(html)[data-theme=dark] .mk-site:has(.product-overview){--public-text-secondary: #8ca3bd;--public-accent-text: color-mix(in srgb, var(--accent) 70%, var(--paper));--product-heading-pink: #e558c2}.mk-site:has(.product-overview) .public-header{--header-muted: var(--public-text-secondary)}.mk-site:has(.product-overview) .mk-footer{--footer-muted: var(--public-text-secondary);--footer-dim: var(--public-text-secondary)}:where(html)[data-theme=dark] .mk-site:has(.product-overview) .mk-footer{--footer-muted: #a7b5cd}.mk-site:has(.product-overview) .wrap{max-width:1600px;padding-inline:var(--public-gutter)}.mk-site:has(.product-overview) .phero-in{max-width:1060px}.mk-site:has(.product-overview) .phero h1{max-width:24ch;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.mk-site:has(.product-overview) .phero h1 em{background-image:linear-gradient(105deg,var(--accent),var(--product-heading-pink))}.mk-site:has(.product-overview) .phero .lede{max-width:64ch;margin-top:20px}.mk-site:has(.product-overview) .phero-actions{margin-top:24px}.mk-site:has(.product-overview) .phero-note{margin-top:12px;font-size:13px}.mk-site:has(.product-overview) .sec-head h2{text-wrap:balance}.mk-site:has(.product-overview) .btn,.mk-site:has(.product-overview) .mk-button{font-weight:600;line-height:1.5}.mk-site:has(.product-overview) .btn-primary,.mk-site:has(.product-overview) .mk-button{background:linear-gradient(105deg,var(--violet),color-mix(in srgb,var(--violet) 83%,var(--accent)));box-shadow:0 3px 9px color-mix(in srgb,var(--violet) 13%,transparent)}.mk-site:has(.product-overview) .btn:hover{transform:translateY(-1px)}.mk-site:has(.product-overview) .btn-primary:hover{box-shadow:0 5px 18px color-mix(in srgb,var(--violet) 22%,transparent)}.mk-site:has(.product-overview) .btn-ghost{color:var(--accent);background:transparent;border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:none}.mk-site:has(.product-overview) .btn-ghost:hover{border-color:var(--accent)}.mk-site:has(.product-overview) .loop{gap:20px}.mk-site:has(.product-overview) .loop-step{padding:24px}.mk-site:has(.product-overview) .cat-head{flex-wrap:wrap;gap:12px;margin-bottom:24px}.mk-site:has(.product-overview) .cat-head h3{font-size:24px;text-wrap:balance}.mk-site:has(.product-overview) .fcard,.mk-site:has(.product-overview) .ws{padding:26px;border-radius:12px}.mk-site:has(.product-overview) .tier,.mk-site:has(.product-overview) .act{font-size:12px;line-height:1.5}.mk-site:has(.product-overview) .acts{gap:8px}.mk-site:has(.product-overview) .mx-group td{background:var(--surface-2);color:var(--accent);font-weight:600;letter-spacing:.07em}.mk-site:has(.product-overview) .matrix-foot{line-height:1.65;letter-spacing:0}.mk-site:has(.product-overview) .related{padding-block:var(--public-section-space);background:var(--surface-2)}.mk-site:has(.product-overview) .close-cta{padding-block:var(--public-section-space);background:var(--ink)}.mk-site:has(.product-overview) .close-cta h2{max-width:32ch;font-size:var(--public-heading);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}.mk-site:has(.product-overview) .close-cta .lede{font-size:16px;line-height:1.65}:where(html)[data-theme=dark] .mk-site:has(.product-overview) :is(.eyebrow,.loop-step li,.tier.g,.act.on,.btn-ghost,.mx-group td,.related a span,.chrome-foot b){color:var(--public-accent-text)}:where(html)[data-theme=dark] .mk-site:has(.product-overview) .phero h1 em{background-image:linear-gradient(105deg,var(--public-accent-text),var(--product-heading-pink))}:where(html)[data-theme=dark] .mk-site:has(.product-overview) .public-header :is(.public-header-nav a[data-active],.public-header-menu a[data-active],.public-header-login){color:var(--public-accent-text)}@media (max-width: 640px){.mk-site:has(.product-overview) .fcard,.mk-site:has(.product-overview) .ws,.mk-site:has(.product-overview) .loop-step{padding:22px}.mk-site:has(.product-overview) .cat-head h3{font-size:22px}.mk-site:has(.product-overview) .btn-lg{padding-inline:18px;font-size:15px}}@media (prefers-reduced-motion: reduce){.mk-site:has(.product-overview) .btn{transition:none}.mk-site:has(.product-overview) .btn:hover{transform:none}}
