@layer components{.site-clip{position:relative;overflow-x:clip}.dev-img{width:100%;height:auto;display:block}.dev-phone{background:linear-gradient(150deg,#3a3330 0%,#141110 38%,#0a0908 100%);border-radius:13%/6%;padding:3.2%;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff24,inset 0 0 0 4px #000,0 2px #ffffff0f,0 38px 70px -28px #000000b3,0 18px 30px -18px #00000080}.dev-phone-screen{isolation:isolate;background:#000;border-radius:10.5%/4.9%;position:relative;overflow:hidden}.dev-island{aspect-ratio:126/37;background:#000;border-radius:999px;width:31%;position:absolute;top:1.25%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0a}.dev-punch{aspect-ratio:1;background:radial-gradient(circle at 40% 40%,#2a3140 0 22%,#050505 40%);border-radius:999px;width:4.6%;position:absolute;top:1.6%;left:50%;transform:translate(-50%)}.dev-phone-bar{color:#f4ece4;font-family:var(--font-sans);background:#141110;justify-content:space-between;align-items:center;gap:6px;padding:3.4% 6% 2.6%;font-size:clamp(7px,3.4cqw,12px);font-weight:600;line-height:1;display:flex}.dev-phone-screen{container-type:inline-size}.dev-phone-url{color:#ffffffd1;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;background:#ffffff1a;border-radius:999px;align-items:center;gap:4px;min-width:0;padding:.45em .9em;font-weight:600;display:inline-flex;overflow:hidden}@container (max-width:160px){.dev-phone-url{display:none}}.dev-browser{border:1px solid var(--hair);background:var(--s1);box-shadow:var(--shp);border-radius:14px;overflow:hidden}.dev-browser-bar{border-bottom:1px solid var(--hair);background:var(--s2);align-items:center;gap:12px;padding:9px 12px;display:flex}.dev-dots{flex-shrink:0;gap:6px;display:inline-flex}.dev-dots i{background:#ff5f57;border-radius:999px;width:10px;height:10px}.dev-dots i:nth-child(2){background:#febc2e}.dev-dots i:nth-child(3){background:#28c840}.dev-browser-url{background:var(--s1);border:1px solid var(--hair);min-width:0;color:var(--t2);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:0 340px;justify-content:center;align-items:center;gap:6px;margin:0 auto;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}@media (max-width:480px){.dev-browser-bar{gap:8px;padding:6px 8px}.dev-dots i{width:7px;height:7px}.dev-browser-url{padding:2px 8px;font-size:10px}}.dev-laptop{padding:0 6%}.dev-laptop-lid{background:linear-gradient(#1d1a18,#0b0a09);border-radius:18px 18px 6px 6px;padding:2.4% 2.4% 3%;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 30px 60px -30px #000000b3}.dev-laptop-lid .dev-img{border-radius:4px}.dev-laptop-cam{background:#2b2f36;border-radius:999px;width:6px;height:6px;position:absolute;top:.9%;left:50%;transform:translate(-50%)}.dev-laptop-base{background:linear-gradient(#d9d9de 0%,#a9a9b0 55%,#77777e 100%);border-radius:2px 2px 16px 16px;height:clamp(10px,1.6vw,18px);margin:0 -7%;position:relative;box-shadow:0 18px 30px -16px #0009}.dev-laptop-base:before{content:"";background:linear-gradient(#8d8d94,#b8b8be);border-radius:0 0 10px 10px;width:16%;height:45%;position:absolute;top:0;left:50%;transform:translate(-50%)}.dev-paper{background:#fff;border-radius:6px;padding:2.5%;overflow:hidden;box-shadow:0 1px #0000000f,0 26px 50px -24px #0000008c}.dev-card{border:1px solid var(--hair);background:var(--s2);box-shadow:var(--shp);border-radius:18px;overflow:hidden}.mk-glow{pointer-events:none;filter:blur(60px);opacity:.55;background:radial-gradient(closest-side, var(--a), transparent);border-radius:999px;position:absolute}.mk-hero{isolation:isolate;position:relative}.mk-grid-bg{background-image:linear-gradient(to right, var(--hair) 1px, transparent 1px), linear-gradient(to bottom, var(--hair) 1px, transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 75%)}.mk-gradient-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}[data-sh=neo] .mk-gradient-text,[data-sh=brutal] .mk-gradient-text{color:var(--ai);background:0 0}.mk-live-dot{background:#22c55e;border-radius:999px;width:9px;height:9px;display:inline-flex;position:relative}.mk-live-dot.closed{background:#ef4444}@media (prefers-reduced-motion:no-preference){.mk-live-dot:not(.closed):after{content:"";border-radius:inherit;background:inherit;animation:1.6s cubic-bezier(0,0,.2,1) infinite mk-ping;position:absolute;inset:0}}@keyframes mk-ping{75%,to{opacity:0;transform:scale(2.4)}}.ticket{--notch:11px;--stub:38%;background:radial-gradient(120% 90% at 0% 0%, var(--as), transparent 60%), var(--s1);border:1px solid var(--hair);box-shadow:var(--sh);-webkit-mask:radial-gradient(circle var(--notch) at 0 var(--stub), #0000 98%, #000) top left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% var(--stub), #0000 98%, #000) top right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at 0 var(--stub), #0000 98%, #000) top left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% var(--stub), #0000 98%, #000) top right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 var(--stub), #0000 98%, #000) top left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% var(--stub), #0000 98%, #000) top right / 51% 100% no-repeat;border-radius:20px;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.ticket-perf{border-top:2px dashed var(--hair);margin:0 calc(var(--notch) + 6px)}.ticket-code{letter-spacing:.08em;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace}.save-badge{color:#fff;background:#13703c}.bento{border-radius:var(--r);border:1px solid var(--hair);background:var(--card);box-shadow:var(--sh);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s;position:relative;overflow:hidden}.bento:hover{border-color:color-mix(in oklab, var(--a) 45%, var(--hair));transform:translateY(-3px)}.bento-shot{pointer-events:none}.mk-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-flow:column;gap:14px;padding-bottom:6px;display:grid;position:relative;overflow-x:auto}.mk-rail::-webkit-scrollbar{display:none}.mk-rail>*{scroll-snap-align:start}.mk-rail-offers{grid-auto-columns:minmax(272px,300px)}@media (min-width:1024px){.mk-rail.lg-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;overflow:visible}}.mk-rail:focus-visible{outline:3px solid var(--a);outline-offset:4px;border-radius:16px}.site-header a:focus-visible,.site-header button:focus-visible,.site-drawer a:focus-visible,.site-drawer button:focus-visible,.lightbox button:focus-visible{outline:3px solid var(--a);outline-offset:2px}dialog.site-drawer,dialog.lightbox{max-width:none;max-height:none;color:var(--t1);border:0;padding:0}dialog.site-drawer{background:var(--base);width:min(360px,100vw);height:100dvh;box-shadow:var(--shp);margin:0 0 0 auto}dialog.site-drawer::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}dialog.lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080605eb}dialog.lightbox{background:0 0;width:100vw;height:100dvh;margin:0}@media (prefers-reduced-motion:no-preference){dialog.site-drawer[open]{animation:.28s cubic-bezier(.22,1,.36,1) mk-slide}dialog.lightbox[open]{animation:.2s ease-out fade}}@keyframes mk-slide{0%{transform:translate(100%)}to{transform:translate(0)}}html:has(dialog[open]){overflow:hidden}}
