:is(.HomepageSpreadFigure-module__UaWCSa__figure .spread-link,.HomepageSpreadFigure-module__UaWCSa__figure .spread-node){animation:none}.HomepageSpreadFigure-module__UaWCSa__figure .spread-link{opacity:.7;stroke-dashoffset:0}.HomepageSpreadFigure-module__UaWCSa__figure .spread-node{filter:none;transform:scale(1)}.HomepageSpreadFigure-module__UaWCSa__caption{text-align:center;align-content:start;justify-items:center;gap:4px;max-width:48ch;margin:12px auto 0;display:grid}.HomepageSpreadFigure-module__UaWCSa__captionText{width:100%;min-height:63px;color:var(--ink-700);font:400 14px/21px var(--font);margin:0}.HomepageSpreadFigure-module__UaWCSa__controls{justify-content:center;align-items:center;height:28px;display:flex}.HomepageSpreadFigure-module__UaWCSa__figure .HomepageSpreadFigure-module__UaWCSa__control{min-height:28px;color:var(--ink-600);font:400 12px/20px var(--font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 10px;text-decoration:underline}.HomepageSpreadFigure-module__UaWCSa__figure .HomepageSpreadFigure-module__UaWCSa__control:hover{background:var(--sunk);color:var(--ink-900)}.HomepageSpreadFigure-module__UaWCSa__figure .HomepageSpreadFigure-module__UaWCSa__control:focus-visible{outline:2px solid var(--ink-700);outline-offset:2px}@media (max-width:640px){.HomepageSpreadFigure-module__UaWCSa__captionText{min-height:84px}.HomepageSpreadFigure-module__UaWCSa__controls{height:44px}.HomepageSpreadFigure-module__UaWCSa__figure .HomepageSpreadFigure-module__UaWCSa__control{min-width:44px;min-height:44px}}
.MarketingHeader-module__w85x9G__header.mk-top{z-index:5;gap:var(--s4);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__nav{margin-right:var(--s3);flex-wrap:wrap;justify-self:end;gap:4px}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__nav>a,.MarketingHeader-module__w85x9G__trigger{border-radius:var(--r-pill);min-height:40px;color:var(--ink-600);font:400 13.5px/1.3 var(--font);transition:color var(--fast), background var(--fast);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__nav>a:hover,.MarketingHeader-module__w85x9G__trigger:hover,.MarketingHeader-module__w85x9G__features[open] .MarketingHeader-module__w85x9G__trigger{color:var(--ink-900);background:var(--sunk)}.MarketingHeader-module__w85x9G__actions>a{color:var(--ink-600);font:400 13.5px/1.3 var(--font);align-items:center;min-height:44px;display:inline-flex}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__nav [aria-current=page]{color:var(--ink-900);font-weight:500}.MarketingHeader-module__w85x9G__actions{align-items:center;gap:var(--s4);display:flex}.MarketingHeader-module__w85x9G__actions>.MarketingHeader-module__w85x9G__primary{color:var(--card);font:500 13px/1 var(--font);min-height:36px;padding:9px 16px}.MarketingHeader-module__w85x9G__actions>.MarketingHeader-module__w85x9G__primary:hover{color:var(--card)}.MarketingHeader-module__w85x9G__features{position:relative}.MarketingHeader-module__w85x9G__trigger{cursor:pointer;list-style:none}.MarketingHeader-module__w85x9G__trigger::-webkit-details-marker{display:none}.MarketingHeader-module__w85x9G__chevron{color:var(--ink-500);transition:transform var(--fast);display:inline-flex}.MarketingHeader-module__w85x9G__features[open] .MarketingHeader-module__w85x9G__chevron{transform:rotate(180deg)}.MarketingHeader-module__w85x9G__panel{z-index:1;width:600px;max-width:calc(100vw - 40px);padding:var(--s2);border:1px solid var(--ink-100);border-radius:var(--r-lg);background:var(--card);position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 1px 2px #1412100d,0 16px 40px #1412101a}.MarketingHeader-module__w85x9G__columns{grid-template-columns:1.15fr 1fr;gap:4px;display:grid}.MarketingHeader-module__w85x9G__column{padding:var(--s2)}.MarketingHeader-module__w85x9G__columnTitle{color:var(--ink-500);font:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;margin:0 0 6px;padding:0 10px}.MarketingHeader-module__w85x9G__featureList{margin:0;padding:0;list-style:none}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__featureList a,.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__featureList a *{text-decoration:none}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__featureList a{gap:var(--s3);border-radius:var(--r-sm);min-height:0;transition:background var(--fast);grid-template-columns:36px minmax(0,1fr);align-items:start;padding:10px;display:grid}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__featureList a:hover{background:var(--sunk)}.MarketingHeader-module__w85x9G__icon{background:var(--sunk);width:36px;height:36px;color:var(--ink-700);transition:background var(--fast);border-radius:10px;place-items:center;display:grid}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__featureList a:hover .MarketingHeader-module__w85x9G__icon{background:var(--card)}.MarketingHeader-module__w85x9G__featureText{gap:2px;display:grid}.MarketingHeader-module__w85x9G__featureName{color:var(--ink-900);font:500 13.5px/18px var(--font)}.MarketingHeader-module__w85x9G__featureSummary{color:var(--ink-600);font:400 12.5px/17px var(--font)}.MarketingHeader-module__w85x9G__panelFoot{align-items:center;gap:var(--s2);padding:12px var(--s4);border-top:1px solid var(--ink-100);flex-wrap:wrap;margin-top:6px;display:flex}.MarketingHeader-module__w85x9G__footLabel{margin-right:var(--s1);color:var(--ink-500);font:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__chip{border-radius:var(--r-pill);border:1px solid var(--ink-200);min-height:30px;color:var(--ink-700);font:500 12.5px/1 var(--font);transition:background var(--fast), border-color var(--fast);align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__chip:hover{background:var(--sunk);border-color:var(--ink-300)}.MarketingHeader-module__w85x9G__dot{border-radius:50%;flex:none;width:8px;height:8px}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__browse{min-height:30px;color:var(--ink-900);font:500 13px/1 var(--font);align-items:center;gap:4px;margin-left:auto;text-decoration:none;display:inline-flex}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__browse:hover{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--ink-300);text-decoration-color:var(--ink-300)}.MarketingHeader-module__w85x9G__header :is(a,summary):focus-visible{outline:2px solid var(--ink-700);outline-offset:3px;border-radius:3px}@media (max-width:900px){.MarketingHeader-module__w85x9G__panel{left:auto;right:0}.MarketingHeader-module__w85x9G__columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:780px){.MarketingHeader-module__w85x9G__header.mk-top{grid-template-columns:minmax(0,1fr) auto;row-gap:0}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__nav{grid-area:2/1/auto/-1;justify-self:start;margin:0}.MarketingHeader-module__w85x9G__header .MarketingHeader-module__w85x9G__nav>a,.MarketingHeader-module__w85x9G__trigger{min-height:44px;padding:0 10px}.MarketingHeader-module__w85x9G__panel{left:0;right:auto}.MarketingHeader-module__w85x9G__actions{gap:var(--s3);grid-area:1/2}.MarketingHeader-module__w85x9G__actions>.MarketingHeader-module__w85x9G__primary{min-height:44px}}
.ExampleStoryboard-module__ZSAlAW__story{gap:var(--s3);grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;margin:0;padding:0;list-style:none;display:grid}.ExampleStoryboard-module__ZSAlAW__frame{gap:var(--s3);min-width:0;display:grid}.ExampleStoryboard-module__ZSAlAW__cap{gap:2px var(--s2);color:var(--ink-700);font:500 13px/16px var(--font);grid-template-columns:20px minmax(0,1fr);align-items:center;margin:0;display:grid}.ExampleStoryboard-module__ZSAlAW__n{background:var(--ink-900);width:20px;height:20px;color:var(--card);font:600 11px/1 var(--font);border-radius:50%;place-items:center;display:grid}.ExampleStoryboard-module__ZSAlAW__cap small{color:var(--ink-500);font:400 12px/15px var(--font);grid-column:2}.ExampleStoryboard-module__ZSAlAW__arrow{color:var(--ink-300);align-self:center;margin-top:28px;display:flex}.ExampleStoryboard-module__ZSAlAW__shot{background:var(--card);border:1px solid var(--ink-200);box-shadow:var(--shadow);gap:var(--s2);min-height:190px;font:400 11px/15px var(--font);color:var(--ink-700);border-radius:12px;align-content:start;padding:14px;display:grid}.ExampleStoryboard-module__ZSAlAW__art{background:linear-gradient(120deg, var(--sb-a1), var(--sb-a2));border-radius:8px;height:40px;margin:-2px 0 2px}.ExampleStoryboard-module__ZSAlAW__shot h4{color:var(--ink-900);font:600 13px/17px var(--font);letter-spacing:-.01em;margin:0}.ExampleStoryboard-module__ZSAlAW__shot p{color:var(--ink-600);max-width:none;margin:0}.ExampleStoryboard-module__ZSAlAW__input{border:1px solid var(--ink-200);height:28px;color:var(--ink-300);border-radius:8px;align-items:center;padding:0 9px;display:flex}.ExampleStoryboard-module__ZSAlAW__button{border-radius:var(--r-pill);background:var(--sb-accent);height:30px;color:var(--card);place-items:center;font-weight:500;display:grid}.ExampleStoryboard-module__ZSAlAW__link{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.ExampleStoryboard-module__ZSAlAW__code{border:1px solid var(--ink-200);height:28px;font:500 10.5px/1 var(--font-mono);color:var(--ink-700);white-space:nowrap;border-radius:8px;align-items:center;padding:0 9px;display:flex;overflow:hidden}.ExampleStoryboard-module__ZSAlAW__copy{border-radius:var(--r-pill);background:var(--sb-accent);height:28px;color:var(--card);place-items:center;padding:0 10px;font-weight:500;display:grid}.ExampleStoryboard-module__ZSAlAW__shares{flex-wrap:wrap;gap:6px;display:flex}.ExampleStoryboard-module__ZSAlAW__shares i{border:1px solid var(--ink-200);width:26px;height:26px;color:var(--ink-700);border-radius:50%;place-items:center;font-style:normal;display:grid}.ExampleStoryboard-module__ZSAlAW__row{gap:var(--s2);border-top:1px solid var(--ink-100);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:6px 0;display:grid}.ExampleStoryboard-module__ZSAlAW__row:first-of-type{border-top:0}.ExampleStoryboard-module__ZSAlAW__who{color:var(--ink-900);align-items:center;gap:7px;font-weight:500;display:flex}.ExampleStoryboard-module__ZSAlAW__avatar{border:1px solid var(--ink-200);width:20px;height:20px;font:500 9px/1 var(--font);color:var(--ink-700);border-radius:50%;place-items:center;display:grid}.ExampleStoryboard-module__ZSAlAW__count{color:var(--ink-600);font-variant-numeric:tabular-nums;font-weight:400}.ExampleStoryboard-module__ZSAlAW__num{color:var(--ink-600);font-variant-numeric:tabular-nums}.ExampleStoryboard-module__ZSAlAW__num b{color:var(--ink-900);font-weight:600}.ExampleStoryboard-module__ZSAlAW__tag{border-radius:var(--r-pill);background:var(--positive-bg);color:var(--positive);font:500 10.5px/16px var(--font);justify-self:start;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.ExampleStoryboard-module__ZSAlAW__spark{width:100%;height:auto;display:block}.ExampleStoryboard-module__ZSAlAW__frame[data-reveal=pending]{opacity:0;transform:translateY(10px)}.ExampleStoryboard-module__ZSAlAW__frame[data-reveal=in]{opacity:1;transition:opacity .42s cubic-bezier(.2,0,.2,1),transform .42s cubic-bezier(.2,0,.2,1);transform:none}.ExampleStoryboard-module__ZSAlAW__frame[data-reveal=in]:nth-of-type(3){transition-delay:70ms}.ExampleStoryboard-module__ZSAlAW__frame[data-reveal=in]:nth-of-type(5){transition-delay:.14s}@media (prefers-reduced-motion:reduce){.ExampleStoryboard-module__ZSAlAW__frame[data-reveal]{opacity:1;transition:none;transform:none}}@media (max-width:860px){.ExampleStoryboard-module__ZSAlAW__story{grid-template-columns:minmax(0,1fr)}.ExampleStoryboard-module__ZSAlAW__arrow{justify-self:center;margin:0;transform:rotate(90deg)}}
.ExamplesSwitcher-module__Ezw2fG__bar{z-index:4;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);background:color-mix(in oklch, var(--paper), transparent 12%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity var(--slow), transform var(--slow), border-color var(--slow);border-bottom:1px solid #0000;position:sticky;top:0;transform:translateY(-4px)}.ExamplesSwitcher-module__Ezw2fG__bar[data-shown]{opacity:1;pointer-events:auto;border-bottom-color:var(--ink-100);transform:none}.ExamplesSwitcher-module__Ezw2fG__inner{align-items:center;gap:var(--s2);scrollbar-width:none;padding:10px 0;display:flex;overflow-x:auto}.ExamplesSwitcher-module__Ezw2fG__inner::-webkit-scrollbar{display:none}.ExamplesSwitcher-module__Ezw2fG__label{margin-right:var(--s1);color:var(--ink-500);font:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase;white-space:nowrap}.ExamplesSwitcher-module__Ezw2fG__pill{border-radius:var(--r-pill);border:1px solid var(--ink-200);background:var(--card);min-height:32px;color:var(--ink-700);font:500 12.5px/1 var(--font);white-space:nowrap;transition:background var(--fast), border-color var(--fast), color var(--fast);align-items:center;gap:7px;padding:0 12px;display:inline-flex}.ExamplesSwitcher-module__Ezw2fG__pill:hover{background:var(--sunk);border-color:var(--ink-300)}.ExamplesSwitcher-module__Ezw2fG__pill[aria-current=location]{background:var(--ink-900);border-color:var(--ink-900);color:var(--card)}.ExamplesSwitcher-module__Ezw2fG__dot{border-radius:50%;flex:none;width:8px;height:8px}@media (prefers-reduced-motion:reduce){.ExamplesSwitcher-module__Ezw2fG__bar{transition:none;transform:none}}
.examples-module__mz2o3G__hero.mk-hero .mk-sub{max-width:52ch}.examples-module__mz2o3G__label{margin:0 0 var(--s3);color:var(--ink-600);font:var(--t-micro);letter-spacing:var(--tr-micro);text-transform:uppercase}.examples-module__mz2o3G__loop{align-items:center;gap:var(--s2);grid-template-columns:1fr auto 1fr auto 1fr;margin:0;display:grid}.examples-module__mz2o3G__stop{gap:var(--s2);text-align:center;justify-items:center;display:grid}.examples-module__mz2o3G__stop p{color:var(--ink-700);font:500 12.5px/16px var(--font);max-width:none;margin:0}.examples-module__mz2o3G__stop small{color:var(--ink-500);font:400 11.5px/15px var(--font)}.examples-module__mz2o3G__loopArrow{color:var(--ink-300);display:flex}.examples-module__mz2o3G__avatar{background:var(--card);border:1px solid var(--ink-200);width:44px;height:44px;color:var(--ink-700);font:500 14px/1 var(--font);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.examples-module__mz2o3G__brand{color:var(--card);background:linear-gradient(135deg, var(--brand-1), var(--brand-2) 60%, var(--brand-3));border:0}.examples-module__mz2o3G__stack{display:flex}.examples-module__mz2o3G__stack .examples-module__mz2o3G__avatar{width:36px;height:36px;margin-left:-10px;font-size:12px}.examples-module__mz2o3G__stack .examples-module__mz2o3G__avatar:first-child{margin-left:0}.examples-module__mz2o3G__content{min-width:0}.examples-module__mz2o3G__intro .examples-module__mz2o3G__content h2,.examples-module__mz2o3G__ending .examples-module__mz2o3G__content h2{margin:0 0 var(--s3);color:var(--ink-900);font:var(--t-section)}.examples-module__mz2o3G__content.examples-module__mz2o3G__content>p{margin:0 0 var(--s4);max-width:58ch;color:var(--ink-700);font:400 16px/1.5 var(--font)}.examples-module__mz2o3G__facts{gap:var(--s5);margin:var(--s5) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.examples-module__mz2o3G__facts dt{margin:0 0 var(--s2);color:var(--ink-900);font:500 13px/1.5 var(--font)}.examples-module__mz2o3G__facts dd{color:var(--ink-600);font:400 14px/1.6 var(--font);margin:0}.examples-module__mz2o3G__content .examples-module__mz2o3G__responsibility{color:var(--ink-600);font:400 14px/1.6 var(--font)}.examples-module__mz2o3G__textLink{min-height:44px;color:var(--ink-900);font:400 14px/1.5 var(--font);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.examples-module__mz2o3G__textLink:hover{text-decoration-thickness:2px}.examples-module__mz2o3G__pick{padding:var(--s6) 0 var(--s3);scroll-margin-top:var(--s5);position:relative}.examples-module__mz2o3G__pick:before{content:"";height:1px;top:0;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--brand-1), transparent 25%) 26%, color-mix(in oklch, var(--brand-2), transparent 18%) 52%, color-mix(in oklch, var(--brand-3), transparent 25%) 74%, transparent);position:absolute}.examples-module__mz2o3G__pickHead{justify-content:space-between;align-items:baseline;gap:var(--s4);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.examples-module__mz2o3G__pickHead h2{color:var(--ink-900);font:var(--t-section);letter-spacing:var(--tr-section);margin:0}.examples-module__mz2o3G__pickHead p{color:var(--ink-600);font:var(--t-body);margin:0}.examples-module__mz2o3G__cards{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.examples-module__mz2o3G__card{background:var(--card);border:1px solid var(--ink-100);border-radius:var(--r-lg);color:inherit;transition:border-color var(--fast), box-shadow var(--fast), transform var(--fast);grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:18px;text-decoration:none;display:grid}.examples-module__mz2o3G__card:hover{border-color:var(--ink-200);box-shadow:var(--shadow);transform:translateY(-1px)}.examples-module__mz2o3G__card>span:last-child{align-content:start;gap:3px;display:grid}.examples-module__mz2o3G__card b{color:var(--ink-900);font:500 14px/20px var(--font)}.examples-module__mz2o3G__card>span:last-child>span{color:var(--ink-600);font:400 13px/19px var(--font)}.examples-module__mz2o3G__cardIcon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.examples-module__mz2o3G__card[data-example=events] .examples-module__mz2o3G__cardIcon{background:color-mix(in oklch, var(--brand-1), white 88%);color:color-mix(in oklch, var(--brand-1), black 20%)}.examples-module__mz2o3G__card[data-example=restaurants] .examples-module__mz2o3G__cardIcon{background:color-mix(in oklch, var(--brand-3), white 88%);color:color-mix(in oklch, var(--brand-3), black 25%)}.examples-module__mz2o3G__card[data-example=creators] .examples-module__mz2o3G__cardIcon{background:color-mix(in oklch, var(--brand-2), white 88%);color:color-mix(in oklch, var(--brand-2), black 25%)}.examples-module__mz2o3G__card .examples-module__mz2o3G__go{margin-top:var(--s2);color:var(--ink-900);font:500 12.5px/1 var(--font);align-items:center;gap:4px;display:inline-flex}.examples-module__mz2o3G__example{padding:var(--s7) 0;border-top:1px solid var(--ink-100);gap:var(--s5);scroll-margin-top:64px;display:grid}.examples-module__mz2o3G__example:focus-visible{outline:2px solid var(--ink-700);outline-offset:4px}.examples-module__mz2o3G__exampleHead{gap:var(--s5) var(--s7);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;display:grid}.examples-module__mz2o3G__eyebrow{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.examples-module__mz2o3G__dot{border-radius:50%;flex:none;width:8px;height:8px}.examples-module__mz2o3G__illustrative{width:100%;margin-top:var(--s2);color:var(--ink-500);font:400 12px/1.5 var(--font);letter-spacing:normal;text-transform:none;display:block}.examples-module__mz2o3G__exampleHead h2{margin:0 0 var(--s2);color:var(--ink-900);font:var(--t-title);letter-spacing:var(--tr-title);text-wrap:balance}.examples-module__mz2o3G__exampleHead p{color:var(--ink-600);font:400 16px/1.5 var(--font);max-width:52ch;margin:0}.examples-module__mz2o3G__factList{gap:var(--s5);padding:0 0 var(--s5);border-bottom:1px solid var(--ink-100);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.examples-module__mz2o3G__factList li{gap:var(--s3);grid-template-columns:28px minmax(0,1fr);display:grid}.examples-module__mz2o3G__factList li>span:last-child{align-content:start;gap:2px;display:grid}.examples-module__mz2o3G__factList b{color:var(--ink-900);font:500 13.5px/19px var(--font)}.examples-module__mz2o3G__factList li>span:last-child>span{color:var(--ink-600);font:400 13.5px/20px var(--font)}.examples-module__mz2o3G__factIcon{background:var(--sunk);width:28px;height:28px;color:var(--ink-700);border-radius:8px;place-items:center;display:grid}.examples-module__mz2o3G__fine{border-radius:var(--r-sm);background:var(--sunk);color:var(--ink-600);font:400 12.5px/18px var(--font);max-width:none;margin:0;padding:10px 12px}.examples-module__mz2o3G__fine b{color:var(--ink-700);font-weight:500}.examples-module__mz2o3G__cta{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.examples-module__mz2o3G__cta>span{color:var(--ink-600);font:var(--t-small)}.examples-module__mz2o3G__sample{color:var(--ink-500);margin-left:auto}.examples-module__mz2o3G__ending{border-top:1px solid var(--ink-100);padding:var(--s7) 0 var(--s8);gap:var(--s5) var(--s7);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;display:grid}.examples-module__mz2o3G__ending .examples-module__mz2o3G__content h2{font:var(--t-title);letter-spacing:var(--tr-title);text-wrap:balance}.examples-module__mz2o3G__ways{margin:0 0 var(--s5);flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.examples-module__mz2o3G__ways li{align-items:center;gap:var(--s2);border:1px solid var(--ink-100);border-radius:var(--r-pill);background:var(--card);color:var(--ink-700);font:500 12.5px/1 var(--font);padding:8px 12px 8px 8px;display:inline-flex}.examples-module__mz2o3G__wayIcon{background:var(--sunk);width:26px;height:26px;color:var(--ink-700);border-radius:50%;place-items:center;display:grid}@media (max-width:860px){.examples-module__mz2o3G__hero.mk-hero .examples-module__mz2o3G__loop{gap:var(--s1);order:0;max-width:400px}.examples-module__mz2o3G__avatar{width:36px;height:36px;font-size:12px}.examples-module__mz2o3G__stack .examples-module__mz2o3G__avatar{width:30px;height:30px;margin-left:-8px;font-size:10.5px}.examples-module__mz2o3G__stop p{font-size:12px}.examples-module__mz2o3G__stop small{font-size:11px}.examples-module__mz2o3G__cards,.examples-module__mz2o3G__factList,.examples-module__mz2o3G__facts,.examples-module__mz2o3G__exampleHead,.examples-module__mz2o3G__ending{gap:var(--s4);grid-template-columns:minmax(0,1fr)}.examples-module__mz2o3G__example{scroll-margin-top:56px}.examples-module__mz2o3G__sample{width:100%;margin-left:0}}
html{overflow-x:clip}.mk{max-width:var(--measure);padding:0 var(--gutter);margin:0 auto}@media (max-width:900px){.mk{--gutter:20px}}.mk-top{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s5) 0;display:flex}.mk-mark{font:500 15px/1 var(--font);letter-spacing:-.01em;color:var(--ink-900)}.mk-top nav{align-items:center;gap:var(--s4);display:flex}.mk-top nav a{color:var(--ink-600);font:400 13.5px/1 var(--font);transition:color var(--fast)}.mk-top nav a:hover{color:var(--ink-900)}.mk-top nav a.mk-top-cta{color:var(--card);font:500 13px/1 var(--font);padding:9px 16px}.mk-top nav a.mk-top-cta:hover{color:var(--card)}.mk-hero{align-items:center;gap:var(--s7);padding:var(--s7) 0 var(--s8);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid;position:relative}.mk-hero>*{z-index:1;position:relative}.mk-hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(44% 46% at 74% 22%, color-mix(in oklch, var(--brand-1), transparent 49%), transparent 72%), radial-gradient(46% 44% at 96% 54%, color-mix(in oklch, var(--brand-2), transparent 92%), transparent 72%), radial-gradient(42% 44% at 64% 84%, color-mix(in oklch, var(--brand-3), transparent 77%), transparent 74%);filter:blur(68px);animation:mk-wash-drift var(--wash-drift) cubic-bezier(.4,0,.6,1) infinite alternate;position:absolute;inset:-200px calc(50% - 50vw) 0 10%}.mk-hero:after{content:"";z-index:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-200px calc(50% - 50vw) 0 4%;-webkit-mask-image:radial-gradient(66% 64% at 78% 46%,#000,#0000 80%);mask-image:radial-gradient(66% 64% at 78% 46%,#000,#0000 80%)}@keyframes mk-wash-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-2.5%,2%)scale(1.06)}}.mk-hero h1{font:var(--t-display);letter-spacing:var(--tr-display);color:var(--ink-900);margin:0 0 var(--s4);text-wrap:balance;max-width:22ch;font-size:clamp(34px,2.4vw + 22px,56px)}.mk-hero h1 em{display:block}.mk-hero .mk-sub{font:400 16px/1.5 var(--font);color:var(--ink-600);max-width:46ch;margin:0 0 var(--s5)}.mk-actions{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.mk-actions .btn{padding:12px 22px;font-size:14px}.mk-actions .btn-primary{position:relative}.mk-actions .btn-primary:after{content:"";z-index:-1;border-radius:var(--r-pill);background:linear-gradient(96deg, var(--brand-1), var(--brand-2) 55%, var(--brand-3));filter:blur(8px);opacity:.33;transition:opacity var(--slow);position:absolute;inset:-2px}.mk-actions .btn-primary:hover:after{opacity:.52}.mk-hero figure{min-width:0;margin:0}.mk-hero svg{width:100%;max-width:420px;height:auto;margin:0 auto;display:block}.mk-for{padding:var(--s6) 0;gap:var(--s5) var(--s7);border-top:0;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;display:grid;position:relative}.mk-for:before{content:"";height:1px;top:0;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--brand-1), transparent 25%) 26%, color-mix(in oklch, var(--brand-2), transparent 18%) 52%, color-mix(in oklch, var(--brand-3), transparent 25%) 74%, transparent);position:absolute}.mk-for p{font:400 16px/1.5 var(--font);color:var(--ink-700);max-width:52ch;margin:0}.mk-steps{border-top:1px solid var(--ink-100);padding:var(--s6) 0 var(--s7);gap:var(--s5) var(--s7);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;display:grid}.mk-steps ol{gap:var(--s5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mk-steps li{gap:var(--s2);align-content:start;display:grid}.mk-steps .mk-n{font:var(--t-metric);letter-spacing:var(--tr-metric);color:var(--ink-400);font-variant-numeric:tabular-nums}.mk-steps h2{margin:0}.mk-steps li p{color:var(--ink-600);max-width:30ch;margin:0}.mk-steps .mk-after{margin:var(--s2) 0 0;grid-column:2}.mk-steps .mk-after a{color:var(--ink-900);text-decoration:underline;-webkit-text-decoration-color:var(--ink-300);text-decoration-color:var(--ink-300);text-underline-offset:3px;transition:text-decoration-color var(--fast)}.mk-steps .mk-after a:hover{-webkit-text-decoration-color:var(--ink-900);text-decoration-color:var(--ink-900)}.mk-foot{border-top:1px solid var(--ink-100);padding:var(--s5) 0 var(--s7);justify-content:space-between;align-items:center;gap:var(--s4);font:var(--t-small);color:var(--ink-600);flex-wrap:wrap;display:flex}.mk-foot a{color:var(--ink-600);transition:color var(--fast)}.mk-foot a:hover{color:var(--ink-900)}@media (max-width:860px){.mk-hero{gap:var(--s6);padding:var(--s6) 0 var(--s7);grid-template-columns:minmax(0,1fr)}.mk-hero figure{order:-1}.mk-hero:before{left:calc(50% - 50vw);right:calc(50% - 50vw);top:calc(-1 * var(--s6));background:radial-gradient(52% 58% at 62% 34%, color-mix(in oklch, var(--brand-1), transparent 80%), transparent 70%), radial-gradient(48% 54% at 84% 58%, color-mix(in oklch, var(--brand-2), transparent 82%), transparent 72%), radial-gradient(44% 50% at 40% 26%, color-mix(in oklch, var(--brand-3), transparent 84%), transparent 74%);height:62%;bottom:auto}.mk-hero:after{top:calc(-1 * var(--s6));height:62%;bottom:auto;left:calc(50% - 50vw);right:calc(50% - 50vw);-webkit-mask-image:radial-gradient(72% 70% at 62% 40%,#000,#0000 80%);mask-image:radial-gradient(72% 70% at 62% 40%,#000,#0000 80%)}.mk-hero svg{max-width:320px}.mk-for,.mk-steps{gap:var(--s4);grid-template-columns:minmax(0,1fr)}.mk-steps .mk-after{grid-column:auto}}@media (max-width:640px){.mk-steps ol{gap:var(--s5);grid-template-columns:minmax(0,1fr)}.mk-steps li{column-gap:var(--s3);grid-template-columns:48px minmax(0,1fr)}.mk-steps li .mk-n{grid-row:1/span 2;font-size:28px;line-height:26px}.mk-steps li p{max-width:none}}@media (prefers-reduced-motion:reduce){.mk-hero:before{animation:none}}.mk-foot-links{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}