.mkt [data-hue=blue]{--mk-h:var(--color-hue-blue);--mk-hi:var(--color-hue-blue-ink);--mk-text:color-mix(in oklab, var(--color-hue-blue-ink) 78%, var(--color-ink));--mk-ht:color-mix(in oklab, var(--color-hue-blue) 12%, var(--color-surface-raised))}.mkt [data-hue=violet]{--mk-h:var(--color-hue-violet);--mk-hi:var(--color-hue-violet-ink);--mk-text:color-mix(in oklab, var(--color-hue-violet-ink) 78%, var(--color-ink));--mk-ht:color-mix(in oklab, var(--color-hue-violet) 12%, var(--color-surface-raised))}.mkt [data-hue=orange]{--mk-h:var(--color-hue-orange);--mk-hi:var(--color-hue-orange-ink);--mk-text:color-mix(in oklab, var(--color-hue-orange-ink) 78%, var(--color-ink));--mk-ht:color-mix(in oklab, var(--color-hue-orange) 12%, var(--color-surface-raised))}.mkt [data-hue=green]{--mk-h:var(--color-hue-green);--mk-hi:var(--color-hue-green-ink);--mk-text:color-mix(in oklab, var(--color-hue-green-ink) 78%, var(--color-ink));--mk-ht:color-mix(in oklab, var(--color-hue-green) 12%, var(--color-surface-raised))}.mkt [data-hue=magenta]{--mk-h:var(--color-hue-magenta);--mk-hi:var(--color-hue-magenta-ink);--mk-text:color-mix(in oklab, var(--color-hue-magenta-ink) 78%, var(--color-ink));--mk-ht:color-mix(in oklab, var(--color-hue-magenta) 12%, var(--color-surface-raised))}.mkt [data-hue=cyan]{--mk-h:var(--color-hue-cyan);--mk-hi:var(--color-hue-cyan-ink);--mk-text:color-mix(in oklab, var(--color-hue-cyan-ink) 78%, var(--color-ink));--mk-ht:color-mix(in oklab, var(--color-hue-cyan) 12%, var(--color-surface-raised))}.mk-wrap{width:100%;max-width:var(--container-page);padding:0 var(--spacing-gutter);margin:0 auto}.mk-section{padding:var(--spacing-section-md) 0;scroll-margin-top:var(--spacing-nav)}.mk-band{background:var(--color-surface)}.mk-head{flex-direction:column;gap:.75rem;max-width:46rem;display:flex}.mk-hue-tile{border-radius:var(--radius-md);background:var(--mk-ht,var(--color-surface));width:2.5rem;height:2.5rem;color:var(--mk-hi,var(--color-ink));flex:none;place-items:center;display:grid}.mkt [data-hue] .mk-hue-tile{background:var(--color-surface-raised)}.mk-up{border-radius:var(--radius-full);background:var(--color-area-tint);color:var(--color-ink);font-size:var(--text-caption);letter-spacing:0;flex:none;align-items:center;gap:.25rem;padding:.125rem .5rem;font-weight:600;display:inline-flex}.mk-up svg{color:var(--color-area-ink)}.mk-stat{flex-direction:column;gap:.375rem;min-width:0;display:flex}.mk-stat-value{font-size:var(--text-headline);letter-spacing:-.03em;flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:500;line-height:1.1;display:flex}.mk-spark{width:100%;height:2.25rem;margin-top:.25rem;display:block;overflow:visible}.mk-spark-area{fill:var(--mk-h,var(--color-area));opacity:.16}.mk-spark-line{fill:none;stroke:var(--mk-h,var(--color-area));stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.mk-pills{flex-wrap:wrap;gap:.375rem;display:flex}.mk-pill{border-radius:var(--radius-full);background:var(--mk-ht);color:var(--mk-text);font-size:var(--text-caption);align-items:center;gap:.375rem;padding:.25rem .625rem;font-weight:500;display:inline-flex}@media (prefers-reduced-motion:no-preference){.mk-spark-line{stroke-dasharray:400;animation:mk-draw 1.4s var(--ease-out) .2s both}}@keyframes mk-draw{0%{stroke-dashoffset:400px}}
.mk-hero{width:100%;max-width:var(--container-page);padding:2.5rem var(--spacing-gutter) var(--spacing-section-sm);gap:3rem;margin:0 auto;display:grid}@media (min-width:64rem){.mk-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:4rem;padding-top:4.5rem}}.mk-hero-text{flex-direction:column;gap:1.25rem;display:flex}.mk-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}@media (min-width:40rem){.mk-bento{grid-template-columns:repeat(3,minmax(0,1fr))}}.mk-tile{border-radius:var(--radius-xl);background:var(--mk-ht);flex-direction:column;gap:.5rem;min-width:0;padding:1rem;display:flex}.mk-tile[data-tile=search]{grid-column:span 2}.mk-tile-mark{min-height:2rem;color:var(--mk-hi);align-items:center;gap:.5rem;display:flex}.mk-tile[data-tile=total]{background:var(--color-ink);color:var(--color-canvas);flex-flow:wrap;grid-column:1/-1;align-items:center;gap:.5rem 1rem}.mk-total-value{font-size:var(--text-display);letter-spacing:-.03em;font-weight:500;line-height:1}.mk-total-spark{flex:1;min-width:6rem;height:2.5rem;margin:0}@media (prefers-reduced-motion:no-preference){.mk-tile{animation:mk-tile-in .5s var(--ease-out) both}.mk-tile:nth-child(2){animation-delay:80ms}.mk-tile:nth-child(3){animation-delay:.16s}.mk-tile:nth-child(4){animation-delay:.24s}.mk-tile:nth-child(5){animation-delay:.32s}.mk-tile:nth-child(6){animation-delay:.4s}}@keyframes mk-tile-in{0%{opacity:0;transform:translateY(.5rem)}}.mk-tile[data-hue] .mk-up{background:var(--color-surface-raised);color:var(--mk-text)}.mk-tile[data-hue] .mk-up svg{color:var(--mk-hi)}.mk-tile[data-tile=total] .mk-up{background:color-mix(in oklab, var(--color-hue-green) 28%, var(--color-ink));color:var(--color-canvas)}.mk-tile[data-tile=total] .mk-up svg{color:var(--color-hue-green)}
.mk-mosaic{gap:1rem;display:grid}@media (min-width:56rem){.mk-mosaic{grid-template-columns:repeat(6,minmax(0,1fr))}.mk-cell[data-span="2"]{grid-column:span 2}.mk-cell[data-span="3"]{grid-column:span 3}.mk-cell[data-span="4"]{grid-column:span 4}.mk-cell[data-span="6"]{grid-column:span 6}}.mk-cell{min-width:0;display:flex}.mk-cell>*{flex:1}.mk-card{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-ring);scroll-margin-top:calc(var(--spacing-nav) + 1.5rem);align-content:start;gap:1.75rem;padding:1.5rem 1.25rem;display:grid}@media (min-width:40rem){.mk-card{padding:1.75rem}}@media (min-width:56rem){.mk-card[data-wide]{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:2.5rem}}.mk-card-text{flex-direction:column;gap:.875rem;display:flex}.mk-how{font-size:var(--text-body-sm);text-wrap:pretty;gap:.625rem;display:flex}.mk-how svg,.mk-gain svg{color:var(--mk-hi)}.mk-gain{font-size:var(--text-body);text-wrap:pretty;gap:.5rem;font-weight:500;display:flex}.mkt .mk-card .mk-hue-tile{background:var(--mk-ht)}.mk-card .mk-mock-frame{border-radius:var(--radius-lg);background:var(--color-surface);max-width:none;padding:1.5rem 1.25rem}.mk-card .mk-mock-frame>*{max-width:26rem;margin:0 auto}
.mk-mock-frame{width:100%;max-width:28rem;color:var(--color-ink);font-size:var(--text-body-sm);-webkit-hyphens:manual;hyphens:manual;margin:0 auto;line-height:1.4}.mk-mock{border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.mk-mock small{color:var(--color-ink-muted);font-size:var(--text-caption)}.mk-mock b{font-weight:600}.mk-mock i{border-radius:var(--radius-full);background:var(--color-surface-strong);height:.4375rem;display:block}.mk-mock i:last-child{width:60%}.mk-mock-stack,.mk-mock-pair{gap:.625rem;display:grid}.mk-mock-pair{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.mk-mock-bar{border-radius:var(--radius-full);box-shadow:var(--shadow-ring);align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex}.mk-mock-result{border-radius:var(--radius-md);align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}.mk-mock-result[data-yours]{background:var(--mk-ht);box-shadow:0 0 0 1.5px var(--mk-h);color:var(--mk-hi)}.mk-mock-result[data-yours] b{color:var(--color-ink);font-size:var(--text-body)}.mk-mock-rank{border-radius:var(--radius-full);background:var(--color-surface);width:1.375rem;height:1.375rem;font-family:var(--font-mono);font-size:var(--text-badge);flex:none;place-items:center;display:grid}[data-yours]>.mk-mock-rank{background:var(--mk-h);color:var(--color-on-hue)}.mk-mock-lines{flex-direction:column;flex:1;gap:.375rem;display:flex}.mk-mock-ai{color:var(--color-ink-muted);font-size:var(--text-caption);align-items:center;gap:.375rem;display:flex}.mk-mock-question{background:var(--color-surface);border-radius:.875rem .875rem .25rem;align-self:flex-end;max-width:85%;padding:.5rem .75rem}.mk-mock-answer{box-shadow:var(--shadow-ring);border-radius:.875rem .875rem .875rem .25rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.mk-mock-answer mark{border-radius:var(--radius-xs);background:var(--mk-ht);color:var(--mk-text);padding:0 .25rem;font-weight:600}.mk-mock-sources{gap:.375rem;display:flex}.mk-mock-sources span{border-radius:var(--radius-full);background:var(--color-surface);flex:1;height:1.5rem}.mk-mock-sources span[data-yours]{background:var(--mk-ht);color:var(--mk-text);font-size:var(--text-caption);box-shadow:0 0 0 1px var(--mk-h);flex:1.5;place-items:center;font-weight:500;display:grid}
.mk-mock-post{padding:0;overflow:hidden}.mk-mock-head,.mk-mock-cta{align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}.mk-mock-cta{justify-content:space-between}.mk-mock-cta b,.mk-mock-send{border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-canvas);font-size:var(--text-caption);text-align:center;padding:.375rem .75rem;font-weight:500}.mk-mock-avatar{border-radius:var(--radius-full);background:var(--mk-h);flex:none;width:1.75rem;height:1.75rem}.mk-mock-image{aspect-ratio:2;border-radius:var(--radius-sm);background:radial-gradient(circle at 28% 40%, var(--color-surface-raised) 0 18%, transparent 19%), radial-gradient(circle at 80% 95%, var(--mk-h) 0 22%, transparent 23%), var(--mk-ht);display:block}.mk-mock-post .mk-mock-image{border-radius:0}.mk-mock-ad{flex-direction:row;align-items:center;gap:.75rem}.mk-mock-link{color:var(--color-accent);font-size:var(--text-body)}.mk-mock-guide b{font-size:var(--text-body);line-height:1.3}.mk-mock-plan span{border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-caption);padding:.375rem .5rem}.mk-mock-plan span[data-on]{background:var(--mk-ht);color:var(--mk-text);font-weight:600}.mk-mock-field{border-radius:var(--radius-sm);color:var(--color-ink-muted);font-size:var(--text-caption);box-shadow:var(--shadow-ring);padding:.4375rem .625rem}.mk-mock-funnel{gap:.75rem}.mk-mock-funnel span{flex-direction:column;gap:.25rem;display:flex}.mk-mock-funnel i{height:.625rem}.mk-mock-funnel i[data-width=full]{width:100%}.mk-mock-funnel i[data-width=half]{width:58%}.mk-mock-funnel i[data-width=third]{background:var(--mk-h);width:34%}.mk-mock-inbox{gap:0;padding:0;overflow:hidden}.mk-mock-mail{border-top:1px solid var(--color-line);align-items:center;gap:.625rem;padding:.625rem .875rem;display:flex}.mk-mock-mail:first-child{border-top:0}.mk-mock-mail[data-on]{background:var(--mk-ht)}.mk-mock-dot{border-radius:var(--radius-full);background:var(--color-surface-strong);flex:none;width:.5rem;height:.5rem}[data-on]>.mk-mock-dot{background:var(--mk-h)}.mk-mock-toast{border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-canvas);font-size:var(--text-caption);justify-self:end;align-items:center;gap:.5rem;padding:.5rem .875rem;display:inline-flex}.mk-mock-toast svg{color:var(--mk-h)}
.mk-situations{gap:2.5rem;display:grid}@media (min-width:64rem){.mk-situations{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:4rem}.mk-situations-head{top:calc(var(--spacing-nav) + 2rem);position:sticky}}.mk-threads{flex-direction:column;gap:2rem;display:flex}.mk-thread{flex-direction:column;gap:.625rem;display:flex}.mk-bubble{border-radius:var(--radius-xl);flex-direction:column;gap:.625rem;max-width:34rem;padding:1rem 1.25rem;display:flex;position:relative}.mk-bubble[data-from=you]{border-bottom-left-radius:var(--radius-xs);background:var(--color-surface-strong);font-size:var(--text-body);align-self:flex-start;font-weight:500}.mk-bubble[data-from=we]{border-bottom-right-radius:var(--radius-xs);background:var(--color-surface-raised);font-size:var(--text-body-sm);box-shadow:var(--shadow-ring), var(--shadow-soft);align-self:flex-end}.mk-who{color:var(--color-ink-muted);font-size:var(--text-caption);font-weight:500}.mk-promises{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-ring);display:grid}@media (min-width:56rem){.mk-promises{grid-template-columns:repeat(3,minmax(0,1fr))}}.mk-promise{flex-direction:column;gap:.75rem;padding:1.75rem 1.5rem;display:flex}.mk-promise+.mk-promise{border-top:1px solid var(--color-line)}@media (min-width:56rem){.mk-promise{padding:2rem}.mk-promise+.mk-promise{border-top:0;border-left:1px solid var(--color-line)}}.mk-promise-word{font-size:var(--text-display);letter-spacing:-.03em;margin-bottom:.25rem;font-weight:500;line-height:1.05}.mk-promise-points{border-top:1px solid var(--color-line);font-size:var(--text-body-sm);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.mk-promise-points li{text-wrap:pretty;gap:.5rem;display:flex}.mk-promise-points svg{color:var(--color-ink-muted)}.mk-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-xl);background:var(--color-surface-raised);width:100%;box-shadow:var(--shadow-ring);font-size:var(--text-body-sm);text-align:left;overflow:hidden}.mk-table th,.mk-table td{border-top:1px solid var(--color-line);vertical-align:middle;padding:.875rem 1.25rem}.mk-table thead th{background:var(--color-surface);color:var(--color-ink-muted);font-size:var(--text-caption);border-top:0;font-weight:500}.mk-table tbody th{font-weight:600}.mk-channel-name{align-items:center;gap:.625rem;display:flex}.mk-speed{border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink-muted);font-size:var(--text-caption);white-space:nowrap;align-items:center;gap:.375rem;padding:.1875rem .625rem;font-weight:500;display:inline-flex}.mk-speed[data-speed=now]{background:var(--color-area-tint);color:var(--color-ink)}@media (max-width:47.99rem){.mk-table thead{display:none}.mk-table tr{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) auto;padding:.875rem 1rem;display:grid}.mk-table tbody tr:first-child{border-top:0}.mk-table th,.mk-table td{border:0;padding:.125rem 0}.mk-table tbody th{grid-column:1/-1;padding-bottom:.375rem}}
.mk-steps{gap:1.75rem;display:grid;position:relative}@media (min-width:64rem){.mk-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem}.mk-steps:before{content:"";border-top:1.5px solid var(--color-line-strong);position:absolute;top:.875rem;left:.875rem;right:10%}}.mk-step{flex-direction:column;gap:.5rem;display:flex}.mk-step-number{z-index:1;border-radius:var(--radius-full);background:var(--color-surface-raised);width:1.75rem;height:1.75rem;font-family:var(--font-mono);font-size:var(--text-caption);box-shadow:var(--shadow-ring-strong);place-items:center;margin-bottom:.375rem;display:grid;position:relative}.mk-step:last-child .mk-step-number{background:var(--color-area);color:var(--color-on-hue);box-shadow:none}.mk-step-result{font-size:var(--text-body-sm);text-wrap:pretty;gap:.375rem;font-weight:500;display:flex}.mk-step-result svg{color:var(--color-area-ink)}.mk-price{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-ring);display:grid;overflow:hidden}@media (min-width:48rem){.mk-price{grid-template-columns:repeat(3,minmax(0,1fr))}}.mk-price-part{flex-direction:column;gap:.375rem;padding:1.5rem 1.75rem;display:flex}.mk-price-part+.mk-price-part{border-top:1px solid var(--color-line)}@media (min-width:48rem){.mk-price-part+.mk-price-part{border-top:0;border-left:1px solid var(--color-line)}}.mk-price-part[data-free]{background:var(--color-area-tint)}.mk-price-value{font-size:var(--text-headline);letter-spacing:-.02em;font-weight:500}.mk-budget{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-ring);gap:1rem;padding:1.25rem 1.5rem;display:flex}.mk-budget-icon{border-radius:var(--radius-md);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-ink-muted);flex:none;place-items:center;display:grid}
.mk-report{gap:3rem;display:grid}@media (min-width:64rem){.mk-report{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:4rem}}.mk-board{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-float);flex-direction:column;gap:1.5rem;margin:0;padding:1.25rem;display:flex}@media (min-width:40rem){.mk-board{padding:1.75rem}}.mk-kpis{--mk-h:var(--color-hue-green);grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.mk-kpis .mk-stat{border-radius:var(--radius-lg);background:var(--color-surface);padding:.75rem}.mk-kpis .mk-up{background:var(--color-hue-green-soft)}.mk-kpis .mk-up svg{color:var(--color-hue-green-ink)}.mk-bar-row{font-size:var(--text-body-sm);grid-template-columns:minmax(0,10rem) minmax(0,1fr) 2.75rem;align-items:center;gap:.75rem;display:grid}.mk-bar-name{align-items:center;gap:.5rem;min-width:0;display:flex}.mk-bar-track{border-radius:var(--radius-full);background:var(--color-surface);height:.5rem}.mk-bar{width:calc(var(--share) * 100%);border-radius:var(--radius-full);background:var(--mk-h);height:100%;display:block}.mk-bar-value{font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.mk-months{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:.5rem;height:8rem;display:grid}.mk-month{flex-direction:column;justify-content:flex-end;align-items:center;gap:.375rem;height:100%;display:flex}.mk-month-bar{width:100%;height:calc(var(--share) * 100%);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-xs) var(--radius-xs);background:color-mix(in oklab, var(--color-hue-green) 45%, var(--color-surface-raised))}.mk-month:last-child .mk-month-bar{background:var(--color-hue-green)}@media (prefers-reduced-motion:no-preference){.mk-month-bar{transform-origin:bottom;animation:mk-grow .8s var(--ease-out) both}}@keyframes mk-grow{0%{transform:scaleY(0)}}
.mk-care{gap:2.5rem;display:grid}@media (min-width:64rem){.mk-care{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:4rem}}.mk-care-list{border-top:1px solid var(--color-line)}.mk-care-row{border-bottom:1px solid var(--color-line);gap:1rem;padding:1.25rem 0;display:flex}.mk-care-icon{border-radius:var(--radius-md);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-ink);flex:none;place-items:center;display:grid}