@layer components{.mk{--mk-radius:1.5rem;--mk-radius-lg:1.75rem;--mk-gutter:1.25rem;--mk-grad:linear-gradient(135deg, #7b3ff2 0%, #6e2fe0 45%, #5a1fc9 100%);color:var(--ink);background:var(--bg);text-rendering:optimizelegibility}.mk ::selection{background:var(--brand-soft);color:var(--brand-strong)}.mk-container{width:100%;max-width:76rem;padding-inline:var(--mk-gutter);margin-inline:auto}@media (width>=768px){.mk{--mk-gutter:2rem}}.mk-section{padding-block:4.5rem;scroll-margin-top:5rem}@media (width>=1024px){.mk-section{padding-block:7rem}}.mk-eyebrow{background:var(--brand-soft);color:var(--brand);letter-spacing:.01em;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;display:inline-flex}.mk-h2{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;font-size:clamp(1.85rem,1.2rem + 2.4vw,3rem);font-weight:650;line-height:1.08}.mk-lead{color:var(--ink-2);text-wrap:pretty;font-size:1.125rem;line-height:1.65}.mk-accent{background:linear-gradient(100deg, var(--brand) 10%, #9a6bff 55%, var(--mint) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.mk-btn{white-space:nowrap;height:3rem;transition:transform .25s var(--ease-spring), background-color .2s, box-shadow .25s, color .2s, border-color .2s;-webkit-tap-highlight-color:transparent;border-radius:1rem;justify-content:center;align-items:center;gap:.55rem;padding-inline:1.35rem;font-size:.975rem;font-weight:600;display:inline-flex}.mk-btn:active{transform:scale(.97)}.mk-btn-lg{border-radius:1.1rem;height:3.5rem;padding-inline:1.7rem;font-size:1.0625rem}.mk-btn-sm{border-radius:.85rem;height:2.5rem;padding-inline:1rem;font-size:.9rem}.mk-btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 28px -12px color-mix(in oklab, var(--brand) 75%, transparent)}.mk-btn-primary:hover{background:var(--brand-strong);box-shadow:0 16px 34px -12px color-mix(in oklab, var(--brand) 85%, transparent);transform:translateY(-1px)}.mk-btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.mk-btn-secondary:hover{border-color:color-mix(in oklab, var(--brand) 40%, var(--line));color:var(--brand)}.mk-btn-ghost{color:var(--ink-2)}.mk-btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.mk-btn-white{color:#4a14b8;background:#fff;box-shadow:0 14px 30px -14px #14003c80}.mk-btn-white:hover{background:#f7f3ff;transform:translateY(-1px)}.mk-btn-outline-white{color:#fff;border:1px solid #ffffff59}.mk-btn-outline-white:hover{background:#ffffff1a}.mk-card{background:var(--surface);border-radius:var(--mk-radius);border:1px solid color-mix(in oklab, var(--line) 70%, transparent);box-shadow:var(--shadow)}.mk-browser{background:var(--surface);border:1px solid color-mix(in oklab, var(--line) 80%, transparent);box-shadow:0 40px 80px -40px #3c1e8c59, var(--shadow);border-radius:1.25rem;overflow:hidden}.mk-browser-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:.4rem;height:2.1rem;padding-inline:.9rem;display:flex}.mk-browser-bar i{background:var(--line);border-radius:999px;width:.6rem;height:.6rem}.mk-browser-bar span{color:var(--muted);background:var(--surface);border-radius:.5rem;margin-inline:auto;padding:.15rem .9rem;font-size:.72rem}.mk-browser img,.mk-phone img{width:100%;height:auto;display:block}.mk-phone{background:#17152a;border-radius:2.4rem;padding:.55rem;box-shadow:0 40px 70px -30px #1e0a5080,inset 0 0 0 1.5px #ffffff14}.mk-phone>div{background:var(--bg);border-radius:1.9rem;overflow:hidden}.mk-float{background:color-mix(in oklab, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border:1px solid color-mix(in oklab, var(--line) 80%, transparent);box-shadow:var(--shadow-lg);border-radius:1.1rem;align-items:center;gap:.7rem;padding:.65rem .95rem .65rem .7rem;display:flex}.mk-bubble{width:var(--s,3rem);height:var(--s,3rem);color:var(--c,var(--brand));background:color-mix(in oklab, var(--c,var(--brand)) 14%, transparent);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.mk-glow{filter:blur(70px);opacity:.55;pointer-events:none;border-radius:999px;position:absolute}[data-theme=dark] .mk-glow{opacity:.28}.mk-dots{background-image:radial-gradient(color-mix(in oklab, var(--ink) 9%, transparent) 1px, transparent 1px);background-size:22px 22px}@keyframes mk-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes mk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mk-rise{animation:mk-rise .8s var(--ease-spring) both;animation-delay:calc(var(--d,0) * 90ms)}.mk-bob{animation:6s ease-in-out infinite mk-float;animation-delay:calc(var(--d,0) * -1.6s)}@supports (animation-timeline:view()){.mk-reveal{animation:linear both mk-rise;animation-timeline:view();animation-range:entry entry 35%}}@media (prefers-reduced-motion:reduce){.mk-bob,.mk-reveal,.mk-rise{animation:none!important}}.mk-only-dark{display:none!important}[data-theme=dark] .mk-only-dark{display:block!important}[data-theme=dark] .mk-only-light{display:none!important}.mk-faq summary{cursor:pointer;list-style:none}.mk-faq summary::-webkit-details-marker{display:none}.mk-faq details[open] .mk-faq-icon{background:var(--brand);color:#fff;transform:rotate(45deg)}.mk-table{border-collapse:separate;border-spacing:0;width:100%}.mk-table th,.mk-table td{text-align:center;border-bottom:1px solid var(--line);padding:.9rem 1rem;font-size:.95rem}.mk-table th[scope=row],.mk-table td:first-child{text-align:left;color:var(--ink);font-weight:500}.mk-table thead th{color:var(--ink);border-bottom:1.5px solid var(--line);font-weight:650}.mk-table tbody tr:hover td,.mk-table tbody tr:hover th{background:color-mix(in oklab, var(--brand-soft) 45%, transparent)}.mk-prose h2{letter-spacing:-.015em;color:var(--ink);margin-top:2.5rem;margin-bottom:.75rem;scroll-margin-top:6rem;font-size:1.35rem;font-weight:650}.mk-prose p,.mk-prose li{color:var(--ink-2);font-size:1.0125rem;line-height:1.75}.mk-prose p+p{margin-top:.85rem}.mk-prose ul{margin-top:.75rem;margin-bottom:.75rem;padding-left:1.25rem;list-style:outside}.mk-prose li+li{margin-top:.4rem}.mk-prose li::marker{color:var(--brand)}}:root{--mk-ease:cubic-bezier(.16, 1, .3, 1)}.hx-stage{perspective:1800px;perspective-origin:50% 0}.hx-screen{transform-origin:50% 100%}.hx-shadow{filter:blur(18px);pointer-events:none;background:radial-gradient(closest-side,#28146447,#0000);border-radius:50%;height:14%;position:absolute;bottom:-4%;left:8%;right:8%}[data-theme=dark] .hx-shadow{background:radial-gradient(closest-side,#0009,#0000)}.st-section{height:170vh;position:relative}.st-pin{place-items:center;height:100vh;display:grid;position:sticky;top:0}@media (width<=767px){.st-section{height:130vh}}@keyframes hx-flatten{0%{transform:translateY(36px)rotateX(11deg)scale(.94)}to{transform:none}}@keyframes hx-flatten-sm{0%{transform:translateY(24px)rotateX(7deg)scale(.96)}to{transform:none}}@keyframes hx-phone-in{0%{transform:translate(14%,64px)}to{transform:none}}@keyframes hx-shadow-grow{0%{opacity:.25;transform:scaleX(.75)}to{opacity:1;transform:none}}@keyframes hx-copy-out{0%,35%{opacity:1}to{opacity:0;transform:translateY(-48px)}}@keyframes hx-rise{to{transform:translate3d(0, var(--rate,-60px), 0)}}@keyframes st-word{0%{opacity:.14;transform:translateY(.18em)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.hx-screen,.hx-phone,.hx-shadow,.hx-copy,.hx-card{animation-timing-function:var(--mk-ease);animation-fill-mode:both;animation-duration:auto;animation-timeline:scroll(root)}.hx-screen,.hx-phone,.hx-shadow{animation-timeline:view();animation-range:entry 10% cover 50%}.hx-screen{will-change:transform;animation-name:hx-flatten-sm}.hx-phone{will-change:transform;animation-name:hx-phone-in}.hx-shadow{animation-name:hx-shadow-grow}.hx-card{animation-name:hx-rise;animation-timing-function:linear;animation-range:0 100vh}@media (width>=1024px){.hx-screen,.hx-phone,.hx-shadow{animation-timeline:scroll(root)}.hx-screen{animation-name:hx-flatten;animation-range:0 60vh}.hx-phone{animation-range:0 50vh}.hx-shadow{animation-range:0 60vh}.hx-copy{animation-name:hx-copy-out;animation-range:0 95vh}}.st-section{view-timeline-name:--st}.st-word{animation:linear both st-word;animation-timeline:--st;animation-range:contain calc(var(--i) / var(--n) * 70%) contain calc(var(--i) / var(--n) * 70% + 18%)}}.mk-js-reveal .mk-reveal{transition:opacity .8s var(--ease-spring), transform .8s var(--ease-spring)}.mk-js-reveal .mk-reveal:not(.mk-in){opacity:0;transform:translateY(20px)}}
