@layer theme, base, components, utilities;.mk{--mk-max:1200px;--mk-gutter:20px;--mk-glass:color-mix(in srgb,var(--color-bg-2) 70%,transparent);--mk-glass-strong:color-mix(in srgb,var(--color-bg-2) 88%,transparent);--mk-line:color-mix(in srgb,var(--color-fg-0) 9%,transparent);--mk-line-strong:color-mix(in srgb,var(--color-fg-0) 15%,transparent);--mk-highlight:inset 0 1px 0 rgba(255,255,255,0.05);--mk-glow-green:rgba(52,168,110,0.24);--mk-glow-gold:rgba(240,180,41,0.12);--mk-grid:color-mix(in srgb,var(--color-fg-0) 4.5%,transparent);--mk-shadow:0 40px 90px -40px rgba(0,0,0,0.85),0 0 0 1px var(--mk-line);--mk-shadow-sm:0 18px 40px -24px rgba(0,0,0,0.8);--mk-title-from:var(--color-fg-0);--mk-title-to:color-mix(in srgb,var(--color-fg-0) 62%,var(--color-bg-0));--mk-brand-from:#8ed6ae;--mk-brand-to:#f0b429;--mk-gold-text:#f3c24e;--mkb-frame:#0c0c0f;--mkb-bar:#111114;--mkb-list:#131316;--mkb-card:#1c1c21;--mkb-card-hover:#232329;--mkb-fg:#ededef;--mkb-muted:#a1a1aa;--mkb-track:#2a2a31;--mk-label-green:#34a86e;--mk-label-gold:#e3a21a;--mk-label-blue:#4b8fd6;--mk-label-pink:#d9578f;--mk-label-purple:#9a6bd8;position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;overflow-x:clip;background:var(--color-bg-0);color:var(--color-fg-0)}@media (min-width:640px){.mk{--mk-gutter:28px}}@media (min-width:1024px){.mk{--mk-gutter:40px}}.mk [data-theme=forest],[data-theme=forest] .mk{--mk-glow-green:rgba(142,214,174,0.16);--mk-glow-gold:rgba(240,180,41,0.14);--mk-shadow:0 40px 90px -40px rgba(1,10,5,0.9),0 0 0 1px var(--mk-line);--mkb-frame:#0d1511;--mkb-bar:#111b16;--mkb-list:#141e19;--mkb-card:#1d2a23;--mkb-card-hover:#233229;--mkb-fg:#eef2ec;--mkb-muted:#a5b2aa;--mkb-track:#2b3a32}.mk [data-theme=light],.mk[data-theme=light],[data-theme=light] .mk{--mk-glass:rgba(255,255,255,0.66);--mk-glass-strong:rgba(255,255,255,0.86);--mk-line:rgba(14,74,53,0.11);--mk-line-strong:rgba(14,74,53,0.2);--mk-highlight:inset 0 1px 0 rgba(255,255,255,0.9);--mk-glow-green:rgba(52,168,110,0.2);--mk-glow-gold:rgba(240,180,41,0.2);--mk-grid:rgba(14,74,53,0.06);--mk-shadow:0 40px 80px -40px rgba(14,74,53,0.35),0 0 0 1px var(--mk-line);--mk-shadow-sm:0 18px 36px -24px rgba(14,74,53,0.35);--mk-title-to:color-mix(in srgb,var(--color-fg-0) 70%,#1c7a52);--mk-brand-from:#1c7a52;--mk-brand-to:#b47a06;--mk-gold-text:#7a5200;--mkb-frame:#f7f9f5;--mkb-bar:#eef2eb;--mkb-list:#e5ebe1;--mkb-card:#ffffff;--mkb-card-hover:#fbfcfa;--mkb-fg:#0b110e;--mkb-muted:#56655c;--mkb-track:#d5ded1;--mk-label-green:#1f8a57;--mk-label-gold:#c98a06;--mk-label-blue:#2f6fb3;--mk-label-pink:#c23f78;--mk-label-purple:#7c4dbf}.mk [data-theme=dark]{--color-bg-0:#09090b;--color-bg-1:#0e0e11;--color-bg-2:#131316;--color-bg-3:#1b1b1f;--color-bg-4:#26262c;--color-border-1:#1f1f25;--color-border-2:#2d2d35;--color-fg-0:#ededef;--color-fg-1:#b4b4bc;--color-fg-2:#8f8f99;--color-accent:#3dba7b;--color-accent-soft:rgba(61,186,123,0.16);--color-accent-soft-fg:#8ed6ae;--color-on-accent:#04150c;--color-gold:#f0b429;--mark-square:#1c7a52;--mark-leaf:#f0b429;--mark-circle:#34a86e;--mark-quarter:#8ed6ae;--mkb-frame:#0c0c0f;--mkb-bar:#111114;--mkb-list:#131316;--mkb-card:#1c1c21;--mkb-fg:#ededef;--mkb-muted:#a1a1aa;--mkb-track:#2a2a31;--mk-line:rgba(237,237,239,0.09);--mk-label-green:#34a86e;--mk-label-gold:#e3a21a;--mk-label-blue:#4b8fd6;--mk-label-pink:#d9578f;--mk-label-purple:#9a6bd8}.mk main{flex:1}@layer components{.mk-container{width:100%;max-width:calc(var(--mk-max) + var(--mk-gutter) * 2);margin-inline:auto;padding-inline:var(--mk-gutter)}.mk-section{padding-block:88px;position:relative}@media (min-width:768px){.mk-section{padding-block:128px}}.mk-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-soft-fg)}.mk-eyebrow:before{content:"";width:8px;height:8px;border-radius:0 8px 0 8px;background:var(--color-gold);box-shadow:0 0 12px color-mix(in srgb,var(--color-gold) 60%,transparent)}.mk-h1{font-size:clamp(2.6rem,1.4rem + 5.4vw,5.25rem);line-height:1.02;letter-spacing:-.048em;font-weight:640}.mk-h1,.mk-h2{text-wrap:balance}.mk-h2{font-size:clamp(2rem,1.3rem + 2.6vw,3.3rem);line-height:1.06;letter-spacing:-.04em;font-weight:620}.mk-h3{font-size:1.125rem;line-height:1.35;letter-spacing:-.015em;font-weight:600}.mk-title-gradient{background:linear-gradient(180deg,var(--mk-title-from) 30%,var(--mk-title-to));-webkit-background-clip:text;background-clip:text;color:transparent}.mk-brand-gradient{background:linear-gradient(100deg,var(--mk-brand-from) 10%,var(--mk-brand-to) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.mk-lede{font-size:clamp(1.05rem,1rem + .3vw,1.2rem);line-height:1.62}.mk-body,.mk-lede{color:var(--color-fg-1);text-wrap:pretty}.mk-body{line-height:1.65}.mk-glass{background:var(--mk-glass);backdrop-filter:blur(18px) saturate(140%)}.mk-glass,.mk-panel{border:1px solid var(--mk-line);box-shadow:var(--mk-highlight)}.mk-panel{position:relative;background:radial-gradient(120% 120% at 0 0,color-mix(in srgb,var(--color-accent) 7%,transparent),transparent 55%),var(--color-bg-1);border-radius:24px}[data-theme=light] .mk-panel{background:radial-gradient(120% 120% at 0 0,rgba(52,168,110,.08),transparent 55%),#fbfcfa}.mk-tile{transition:border-color .3s var(--ease-out),transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.mk-tile:hover{border-color:var(--mk-line-strong);transform:translateY(-2px);box-shadow:var(--mk-highlight),var(--mk-shadow-sm)}.mk-spot{position:relative;overflow:hidden}.mk-spot:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .4s var(--ease-out);background:radial-gradient(420px circle at var(--mx,50%) var(--my,0),color-mix(in srgb,var(--color-accent) 11%,transparent),transparent 60%)}.mk-spot:hover:after{opacity:1}.mk-hero-bg{position:absolute;inset:-72px 0 0 0;z-index:-1;pointer-events:none;overflow:hidden}.mk-hero-bg:before{content:"";position:absolute;inset:-1px;background-image:linear-gradient(var(--mk-grid) 1px,transparent 1px),linear-gradient(90deg,var(--mk-grid) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 30%,transparent 75%)}.mk-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.mk-glow--green{background:var(--mk-glow-green)}.mk-glow--gold{background:var(--mk-glow-gold)}.mk-drift{animation:mk-drift 18s ease-in-out infinite alternate}.mk-drift-slow{animation:mk-drift 26s ease-in-out infinite alternate-reverse}@keyframes mk-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(4%,6%,0) scale(1.08)}to{transform:translate3d(-5%,2%,0) scale(.96)}}.mk-divider{height:1px;background:linear-gradient(90deg,transparent,var(--mk-line-strong),transparent)}.mk-header{position:sticky;top:0;z-index:50;transition:background-color .3s var(--ease-out),border-color .3s var(--ease-out),box-shadow .3s var(--ease-out);border-bottom:1px solid transparent}.mk-header[data-condensed=true]{background:color-mix(in srgb,var(--color-bg-0) 74%,transparent);backdrop-filter:blur(16px) saturate(150%);border-bottom-color:var(--mk-line)}.mk-header[data-open=true]{backdrop-filter:none;background:var(--color-bg-0)}.mk-header-inner{height:72px;transition:height .3s var(--ease-out)}.mk-header[data-condensed=true] .mk-header-inner{height:60px}.mk-navlink{position:relative;padding:8px 12px;border-radius:999px;font-size:14px;font-weight:500;color:var(--color-fg-1);transition:color .2s,background-color .2s}.mk-navlink:hover{background:color-mix(in srgb,var(--color-fg-0) 6%,transparent)}.mk-navlink:hover,.mk-navlink[aria-current=page]{color:var(--color-fg-0)}.mkb-frame{background:var(--mkb-frame);color:var(--mkb-fg);border-radius:20px;box-shadow:var(--mk-shadow);overflow:hidden}.mkb-bar{background:var(--mkb-bar);border-bottom:1px solid var(--mk-line)}.mkb-list{background:var(--mkb-list);border-radius:14px}.mkb-card{background:var(--mkb-card);color:var(--mkb-fg);border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 1px 2px rgba(0,0,0,.3)}.mk [data-theme=light] .mkb-card,[data-theme=light] .mkb-card{box-shadow:0 1px 0 rgba(11,17,14,.05),0 1px 3px rgba(11,17,14,.1)}.mk [data-theme=dark] .mkb-card,.mk [data-theme=forest] .mkb-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 1px 2px rgba(0,0,0,.3)}.mk .mkb-lifted,.mk [data-theme] .mkb-lifted{box-shadow:0 22px 40px -14px rgba(0,0,0,.55),0 0 0 1.5px var(--mk-label-green)}.mkb-badge-done{background:var(--mk-label-green);color:#fff}.mkb-muted{color:var(--mkb-muted)}.mkb-track{background:var(--mkb-track)}.mkb-dot{width:8px;height:8px;border-radius:999px}.mk-traffic{display:flex;gap:6px}.mk-traffic span{width:10px;height:10px;border-radius:999px;background:var(--mk-line-strong)}.mk-ping{animation:wb-ping 2.2s var(--ease-out) infinite}.mk-blink{animation:wb-blink 1.1s steps(1) infinite}.mk-float{animation:mk-float 6s ease-in-out infinite}@keyframes mk-float{50%{transform:translateY(-6px)}}.mk-drag-card{animation:mk-drag 5.5s var(--ease-out) infinite}@keyframes mk-drag{0%,12%{transform:translate(0) rotate(0);box-shadow:none}22%{transform:translate(6px,-8px) rotate(-3deg);box-shadow:0 20px 30px -12px rgba(0,0,0,.5)}55%{transform:translate(calc(100% + 34px),36px) rotate(2.5deg);box-shadow:0 20px 30px -12px rgba(0,0,0,.5)}64%,88%{transform:translate(calc(100% + 28px),52px) rotate(0);box-shadow:none}to{transform:translate(0) rotate(0)}}.mk-drag-ghost{animation:mk-ghost 5.5s var(--ease-out) infinite}@keyframes mk-ghost{0%,15%{opacity:0}25%,60%{opacity:1}70%,to{opacity:0}}.mk-check{animation:6s var(--ease-spring) infinite}.mk-strike{animation:6s var(--ease-out) infinite}.mk-check[data-i="0"]{animation-name:mk-check-0}.mk-check[data-i="1"]{animation-name:mk-check-1}.mk-check[data-i="2"]{animation-name:mk-check-2}.mk-check[data-i="3"]{animation-name:mk-check-3}.mk-strike[data-i="0"]{animation-name:mk-strike-0}.mk-strike[data-i="1"]{animation-name:mk-strike-1}.mk-strike[data-i="2"]{animation-name:mk-strike-2}.mk-strike[data-i="3"]{animation-name:mk-strike-3}@keyframes mk-check-0{0%,8%{transform:scale(.4);opacity:0}13%,88%{transform:scale(1);opacity:1}94%,to{transform:scale(.4);opacity:0}}@keyframes mk-check-1{0%,22%{transform:scale(.4);opacity:0}27%,88%{transform:scale(1);opacity:1}94%,to{transform:scale(.4);opacity:0}}@keyframes mk-check-2{0%,36%{transform:scale(.4);opacity:0}41%,88%{transform:scale(1);opacity:1}94%,to{transform:scale(.4);opacity:0}}@keyframes mk-check-3{0%,50%{transform:scale(.4);opacity:0}55%,88%{transform:scale(1);opacity:1}94%,to{transform:scale(.4);opacity:0}}@keyframes mk-strike-0{0%,8%{opacity:1}14%,88%{opacity:.5}94%,to{opacity:1}}@keyframes mk-strike-1{0%,22%{opacity:1}28%,88%{opacity:.5}94%,to{opacity:1}}@keyframes mk-strike-2{0%,36%{opacity:1}42%,88%{opacity:.5}94%,to{opacity:1}}@keyframes mk-strike-3{0%,50%{opacity:1}56%,88%{opacity:.5}94%,to{opacity:1}}.mk-progress{transform-origin:left;animation:mk-progress 6s var(--ease-out) infinite}@keyframes mk-progress{0%,8%{transform:scaleX(.04)}13%,22%{transform:scaleX(.25)}27%,36%{transform:scaleX(.5)}41%,50%{transform:scaleX(.75)}55%,88%{transform:scaleX(1)}96%,to{transform:scaleX(.04)}}.mk-bubble{animation:mk-bubble 7s var(--ease-out) infinite;animation-delay:calc(var(--i) * 1.1s)}@keyframes mk-bubble{0%,4%{opacity:0;transform:translateY(8px) scale(.97)}12%,80%{opacity:1;transform:none}92%,to{opacity:0;transform:translateY(-4px)}}.mk-typing span{animation:mk-typing 1.2s ease-in-out infinite;animation-delay:calc(var(--i) * .15s)}@keyframes mk-typing{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-2px)}}.mk-pop{animation:mk-pop 5s var(--ease-spring) infinite;animation-delay:calc(var(--i, 0) * .5s)}@keyframes mk-pop{0%,10%{transform:scale(0);opacity:0}20%,85%{transform:scale(1);opacity:1}95%,to{transform:scale(0);opacity:0}}.mk-due{animation:mk-due 5s ease-in-out infinite}@keyframes mk-due{0%,40%{background:color-mix(in srgb,var(--color-fg-0) 8%,transparent);color:var(--mkb-muted)}55%,90%{background:color-mix(in srgb,var(--color-gold) 22%,transparent);color:var(--color-gold)}}.mk-upload{transform-origin:left;animation:mk-upload 6s var(--ease-out) infinite}@keyframes mk-upload{0%,5%{transform:scaleX(0);opacity:1}40%{transform:scaleX(1);opacity:1}48%,to{transform:scaleX(1);opacity:0}}.mk-cover{animation:mk-cover 6s var(--ease-out) infinite}@keyframes mk-cover{0%,42%{opacity:0;transform:scale(1.04)}55%,92%{opacity:1;transform:none}to{opacity:0}}.mk-sweep{transform-origin:50% 50%;animation:mk-sweep 6s linear infinite}@keyframes mk-sweep{to{transform:rotate(1turn)}}.mk-cursor-path{transform:translate(84%,64%);animation:mk-cursor 17s ease-in-out infinite}@keyframes mk-cursor{0%,to{transform:translate(84%,64%)}18%{transform:translate(88%,30%)}36%{transform:translate(56%,58%)}52%{transform:translate(30%,70%)}70%{transform:translate(14%,40%)}86%{transform:translate(60%,76%)}}.mk-theme-demo,.mk-theme-demo *{transition:background-color .6s var(--ease-out),color .6s var(--ease-out),border-color .6s var(--ease-out),box-shadow .6s var(--ease-out)}.mk-shimmer{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-fg-0) 10%,transparent),transparent);background-size:200% 100%;animation:mk-shimmer 2.4s linear infinite}@keyframes mk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mk-ring{animation:mk-ring 30s linear infinite}@keyframes mk-ring{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.mk-plan-featured{background:radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 60%),var(--color-bg-1);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);box-shadow:var(--mk-highlight),0 30px 70px -40px color-mix(in srgb,var(--color-accent) 55%,transparent)}[data-theme=light] .mk-plan-featured{background:radial-gradient(120% 80% at 50% 0,rgba(52,168,110,.12),transparent 60%),#ffffff}.mk-table td,.mk-table th{border-bottom:1px solid var(--mk-line)}.mk-legal-link{color:var(--color-fg-0);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 55%,transparent);text-underline-offset:4px;transition:color .15s,text-decoration-color .15s}.mk-legal-link:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.mk [id]{scroll-margin-top:88px}html:has(.mk){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.mk){scroll-behavior:auto}}.mk-skip{position:absolute;left:12px;top:-100px;z-index:100;padding:10px 16px;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-weight:600;font-size:14px}.mk-skip:focus{top:12px}}html:has(.mk[data-theme=light]){background:#f2f5ef;color-scheme:light}.mk [data-reveal-item],.mk [data-reveal]:not([data-reveal=group]){transition:opacity .7s var(--ease-out) var(--reveal-d,0s),transform .7s var(--ease-out) var(--reveal-d,0s)}.mk [data-reveal]:not([data-reveal=group]):not([data-in]){opacity:0;transform:translateY(var(--reveal-y,18px))}.mk [data-reveal=group]:not([data-in]) [data-reveal-item]{opacity:0;transform:translateY(16px) scale(.985)}.mk [data-reveal-item]{transition-duration:.6s}.mk [data-reveal-item]:first-child{--reveal-d:50ms}.mk [data-reveal-item]:nth-child(2){--reveal-d:120ms}.mk [data-reveal-item]:nth-child(3){--reveal-d:190ms}.mk [data-reveal-item]:nth-child(4){--reveal-d:260ms}.mk [data-reveal-item]:nth-child(5){--reveal-d:330ms}.mk [data-reveal-item]:nth-child(6){--reveal-d:400ms}.mk [data-reveal-item]:nth-child(7){--reveal-d:470ms}.mk [data-reveal-item]:nth-child(n+8){--reveal-d:540ms}@media (prefers-reduced-motion:reduce){.mk [data-reveal-item],.mk [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}