@layer components{.mk{--mk-ink:#060a1a;--mk-navy:#0b113a;--mk-cyan:#0af;--mk-cyan-bright:#3ad9ff;--mk-text-link:#0369a1;--mk-ease:cubic-bezier(.22, 1, .36, 1);color:#0b1024;background:#fff}.mk .font-display,.mk h1,.mk h2,.mk h3{font-family:var(--font-display), var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif}.mk h1,.mk h2{letter-spacing:-.035em}.mk h3{letter-spacing:-.02em}.mk .t-hero{font-size:clamp(2.6rem,7.4vw,6.25rem);font-weight:700;line-height:.98}.mk .t-xl{font-size:clamp(2.1rem,4.6vw,4rem);font-weight:700;line-height:1.02}.mk .t-lg{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:600;line-height:1.08}.mk .grad-text{background:linear-gradient(100deg,#3ad9ff 0%,#0af 45%,#7dedff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.mk .surface-night{color:#fff;background:radial-gradient(60rem 30rem at 85% -10%,#00aaff38,#0000 60%),radial-gradient(40rem 26rem at -10% 110%,#3ad9ff1a,#0000 60%),#060a1a}.mk .grain:after{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 0,#000 20%,#0000 75%)}.mk .tile{isolation:isolate;position:relative;overflow:hidden}.mk .tile img{transition:transform .9s var(--mk-ease)}@media (hover:hover){.mk .tile:hover img{transform:scale(1.045)}}.mk .tile-shade{background:linear-gradient(#060a1a00 28%,#060a1a8c 58%,#060a1ae6 100%)}.mk .cutout{mix-blend-mode:multiply}.mk .rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-flow:column;display:grid;overflow-x:auto}.mk .rail::-webkit-scrollbar{display:none}.mk .rail>*{scroll-snap-align:start}.mk .surface-sky{background:radial-gradient(48rem 26rem at 88% 0,#00aaff21,#0000 62%),radial-gradient(36rem 22rem at 0 100%,#3ad9ff1a,#0000 60%),linear-gradient(#f7fafd 0%,#edf3f9 100%)}.mk .app-shot{container-type:inline-size}.mk .app-phone{transition:transform .7s var(--mk-ease), box-shadow .7s var(--mk-ease);background:linear-gradient(150deg,#3a4150 0%,#151a26 38%,#0b0f1c 100%);border-radius:15.5cqi;padding:2.6cqi;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 0 0 .9cqi #05070d,0 2px 4px #0b113a14,0 34px 60px -30px #0b113a8c,0 60px 90px -60px #0078c859}.mk .app-screen{aspect-ratio:1320/2868;background:#f4f6fa;border-radius:13cqi;position:relative;overflow:hidden}.mk .app-island{background:#05070d;border-radius:999px;width:27cqi;height:7.8cqi;position:absolute;top:2.9cqi;left:50%;transform:translate(-50%)}@media (hover:hover){.mk .app-shot:hover .app-phone{transform:translateY(-6px)rotate(-.6deg)}}@media (prefers-reduced-motion:reduce){.mk .app-phone{transition:none}.mk .app-shot:hover .app-phone{transform:none}}.mk a:focus-visible,.mk button:focus-visible,.mk summary:focus-visible{outline-offset:3px;border-radius:12px;outline:2px solid #3ad9ff}@media (prefers-reduced-motion:no-preference){@keyframes mk-in{0%{transform:translateY(12px)}to{transform:none}}.mk .intro{animation:mk-in .6s var(--mk-ease) both}.mk .intro-2{animation-delay:60ms}.mk .intro-3{animation-delay:.12s}.mk .intro-4{animation-delay:.18s}@supports (animation-timeline:view()){@keyframes mk-rise{0%{transform:translateY(22px)}to{transform:none}}.mk .reveal{animation:linear both mk-rise;animation-timeline:view();animation-range:entry entry 30%}}@keyframes mk-flow{to{stroke-dashoffset:-40px}}.mk .flow{stroke-dasharray:6 14;animation:1.6s linear infinite mk-flow}.mk .flow-slow{animation-duration:3.2s}@keyframes mk-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.mk .pulse{transform-origin:50%;transform-box:fill-box;animation:2.4s ease-in-out infinite mk-pulse}@keyframes mk-swap{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mk .swap{animation:mk-swap .42s var(--mk-ease) both}}.mk details>summary{list-style:none}.mk details>summary::-webkit-details-marker{display:none}.mk details[open] .faq-plus{transform:rotate(45deg)}}