@font-face{font-family:title;src:url(/_next/static/media/93af595f71d0a236-s.p.woff2) format("woff2");font-display:swap;font-weight:300 900;font-style:normal}@font-face{font-family:title Fallback;src:local("Arial");ascent-override:95.06%;descent-override:25.02%;line-gap-override:0.00%;size-adjust:99.94%}.__className_860f51{font-family:title,title Fallback;font-style:normal}.__variable_860f51{--font-title:"title","title Fallback"}@font-face{font-family:ui;src:url(/_next/static/media/6c596dfcddeca1e9-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:ui Fallback;src:local("Arial");ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:107.89%}.__className_b41eac{font-family:ui,ui Fallback;font-style:normal}.__variable_b41eac{--font-ui:"ui","ui Fallback"}@layer tokens, base, components, preview, sections, reading;@layer tokens{:root{color-scheme:light;--ui-ground:#fafafa;--ui-canvas:#efefef;--ui-surface:#ffffff;--ui-surface-raised:#ffffff;--ui-surface-sunken:#fafafa;--ui-field:#f2f2f2;--ui-field-hover:#ebebeb;--ui-field-focus:#ffffff;--ui-hover:#f5f5f5;--ui-selected:#efefef;--ui-scrim:rgba(10,10,10,.2);--ui-ink:#0a0a0a;--ui-ink-hover:#262626;--ui-muted:#525252;--ui-subtle:#6b6b6b;--ui-disabled:#a3a3a3;--ui-on-ink:#ffffff;--ui-hairline:rgba(0,0,0,.06);--ui-border:rgba(0,0,0,.12);--ui-border-strong:rgba(0,0,0,.22);--ui-ai:#ebf222;--ui-ai-hover:#dde41a;--ui-ai-pressed:#d4db14;--ui-on-ai:#0a0a0a;--ui-ai-edge:rgba(10,10,10,.14);--ui-component:#7c3aed;--ui-component-hover:#6d28d9;--ui-component-line:rgba(124,58,237,.38);--ui-selection:#2563eb;--ui-selection-muted:rgba(37,99,235,.45);--ui-selection-area:rgba(37,99,235,.08);--ui-handle-fill:#ffffff;--ui-focus:#2563eb;--ui-media:#c2410c;--ui-media-solid:#ea580c;--ui-media-line:rgba(234,88,12,.4);--ui-interaction:#be185d;--ui-interaction-solid:#db2777;--ui-interaction-line:rgba(219,39,119,.38);--ui-data:#147989;--ui-data-line:rgba(25,143,163,.45);--ui-success:#15803d;--ui-success-solid:#16a34a;--ui-success-line:rgba(22,163,74,.4);--ui-warning:#966712;--ui-danger:#b91c1c;--ui-danger-solid:#dc2626;--ui-danger-line:rgba(220,38,38,.45);--ui-code-comment:#6b6b6b;--ui-code-keyword:#6d28d9;--ui-code-string:#15803d;--ui-code-number:#c2410c;--ui-code-function:#1d4ed8;--ui-code-tag:#be185d;--ui-code-attr:#147989;--ui-code-punct:#525252;--ui-diff-add:#16a34a;--ui-diff-remove:#dc2626;--ui-shadow-surface:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.08);--ui-shadow-raised:0 1px 2px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.12);--ui-shadow-dialog:0 24px 64px rgba(0,0,0,.18);--ui-field-halo:0 0 0 4px rgba(10,10,10,.06);--t-press:100ms;--t-pop:150ms;--t-panel:200ms;--t-confirm:220ms;--ease-out:cubic-bezier(.2,.7,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-move:cubic-bezier(.4,0,.2,1);--ui-radius-6:6px;--ui-radius-8:8px;--ui-radius-10:10px;--ui-radius-12:12px;--ui-radius-16:16px;--ui-radius-20:20px;--ui-font-title:var(--font-title),"Figtree","Inter",system-ui,sans-serif;--ui-font:var(--font-ui),"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--ui-font-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;--site-page:#ffffff;--site-glass:rgba(255,255,255,.84);--site-fs-display:clamp(40px,4.2vw,60px);--site-fs-h2:clamp(28px,3vw,42px);--site-fs-h3:clamp(17px,1.3vw,19px);--site-fs-lede:clamp(16px,1.1vw,18px);--site-fs-body:15px;--site-fs-small:14px;--site-fs-meta:13px;--site-measure:1200px;--site-gutter:clamp(16px,4vw,32px);--site-section:clamp(96px,11.2vw,168px);--site-head:clamp(28px,3.6vw,52px);--site-group:clamp(16px,1.6vw,20px);--site-nav-h:64px;--site-ease-reveal:cubic-bezier(.16,1,.3,1);--site-t-reveal:760ms;--ui-mascot-body:#ebf222;--ui-mascot-body-lit:#f8ff3a;--ui-mascot-shade-lit:#f1f83d;--ui-mascot-shade:#ccd234;--ui-mascot-eye:#0a0a0a}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--ui-ground:#0d0d0d;--ui-canvas:#0d0d0d;--ui-surface:#171717;--ui-surface-raised:#1f1f1f;--ui-surface-sunken:#121212;--ui-field:#232323;--ui-field-hover:#2a2a2a;--ui-field-focus:#333333;--ui-hover:#202020;--ui-selected:#2b2b2b;--ui-scrim:rgba(0,0,0,.5);--ui-ink:#f5f5f5;--ui-ink-hover:#d4d4d4;--ui-muted:#a8a8a8;--ui-subtle:#8f8f8f;--ui-disabled:#5c5c5c;--ui-on-ink:#000000;--ui-hairline:rgba(255,255,255,.07);--ui-border:rgba(255,255,255,.12);--ui-border-strong:rgba(255,255,255,.22);--ui-ai:#d9e01f;--ui-ai-hover:#e6ed2a;--ui-ai-pressed:#c8cf18;--ui-ai-edge:rgba(10,10,10,0);--ui-component:#a78bfa;--ui-component-hover:#c4b5fd;--ui-component-line:rgba(167,139,250,.45);--ui-selection:#3b82f6;--ui-selection-muted:rgba(59,130,246,.5);--ui-selection-area:rgba(59,130,246,.14);--ui-focus:#60a5fa;--ui-media:#fb923c;--ui-media-solid:#fb923c;--ui-media-line:rgba(251,146,60,.45);--ui-interaction:#f472b6;--ui-interaction-solid:#f472b6;--ui-interaction-line:rgba(244,114,182,.45);--ui-data:#28c9e3;--ui-data-line:rgba(40,201,227,.45);--ui-success:#4ade80;--ui-success-solid:#4ade80;--ui-success-line:rgba(74,222,128,.45);--ui-warning:#fbbf24;--ui-danger:#f87171;--ui-danger-line:rgba(248,113,113,.5);--ui-code-comment:#8f8f8f;--ui-code-keyword:#c4b5fd;--ui-code-string:#4ade80;--ui-code-number:#fb923c;--ui-code-function:#60a5fa;--ui-code-tag:#f472b6;--ui-code-attr:#28c9e3;--ui-code-punct:#a8a8a8;--ui-diff-add:#4ade80;--ui-diff-remove:#f87171;--ui-shadow-surface:0 1px 2px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.5);--ui-shadow-raised:0 12px 32px rgba(0,0,0,.6);--ui-shadow-dialog:0 24px 64px rgba(0,0,0,.65);--ui-field-halo:0 0 0 4px rgba(242,242,242,.14);--site-page:#0d0d0d;--site-glass:rgba(13,13,13,.8)}}}@layer tokens{@media (prefers-contrast:more){:root{--ui-muted:#3d3d3d;--ui-subtle:#525252;--ui-hairline:rgba(0,0,0,.14);--ui-border:rgba(0,0,0,.3);--ui-border-strong:rgba(0,0,0,.5)}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root{--ui-muted:#d4d4d4;--ui-subtle:#bdbdbd;--ui-hairline:rgba(255,255,255,.18);--ui-border:rgba(255,255,255,.32);--ui-border-strong:rgba(255,255,255,.5)}}}@layer base{*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--site-nav-h) + 16px);scrollbar-color:var(--ui-border-strong) var(--site-page)}body,html{background:var(--site-page)}body{color:var(--ui-ink);font-family:var(--ui-font);font-size:var(--site-fs-body);line-height:1.55;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;caret-color:var(--ui-selection)}blockquote,body,figure,h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--ui-ink);font-family:var(--ui-font-title);font-weight:580;text-wrap:balance}ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none;text-underline-offset:.22em}a,button{color:inherit}button{font:inherit;cursor:pointer}img,svg{display:block;max-width:100%}img{height:auto}input,select,textarea{font:inherit;color:inherit}code,kbd,pre{font-family:var(--ui-font-mono)}b,strong{font-weight:600}::selection{background:color-mix(in srgb,var(--ui-selection) 22%,transparent);color:var(--ui-ink)}:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}input[type=range]{accent-color:var(--ui-ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wrap{width:100%;max-width:calc(var(--site-measure) + var(--site-gutter) * 2);margin:0 auto;padding:0 var(--site-gutter)}.display{font-size:var(--site-fs-display);line-height:.98;letter-spacing:-.04em;font-weight:600}.display,.h2{font-family:var(--ui-font-title);text-wrap:balance}.h2{font-size:var(--site-fs-h2);line-height:1.02;letter-spacing:-.035em;font-weight:580}.h3{font-family:var(--ui-font-title);font-size:var(--site-fs-h3);line-height:1.2;letter-spacing:-.015em;font-weight:560}.lede{font-size:var(--site-fs-lede);line-height:1.5;text-wrap:pretty;max-width:46ch}.lede,.muted{color:var(--ui-muted)}.soft{color:var(--ui-subtle)}.link{color:var(--ui-component);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--t-pop) var(--ease-out)}.link:hover{color:var(--ui-component-hover)}}@layer components{.btn{--h:40px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 16px;border:0;border-radius:10px;font:500 14px/1 var(--ui-font);letter-spacing:-.005em;white-space:nowrap;background:var(--ui-surface-raised);color:var(--ui-ink);box-shadow:0 0 0 1px var(--ui-border-strong);outline:2px solid transparent;outline-offset:0;transition:background-color var(--t-pop) var(--ease-out),color var(--t-pop) var(--ease-out),transform var(--t-press) var(--ease-out),outline-offset var(--t-pop) var(--ease-out)}.btn:hover{background:var(--ui-field);transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline-color:var(--ui-focus);outline-offset:2px}.btn--sm{--h:32px;padding:0 12px;font-size:13px;border-radius:10px}.btn--lg{--h:46px;padding:0 20px;font-size:15px;border-radius:12px}.btn--dark,.btn--primary{background:var(--ui-ink);color:var(--ui-on-ink);box-shadow:none}.btn--dark:hover,.btn--primary:hover{background:var(--ui-ink-hover)}.btn:disabled{cursor:progress}.btn__icon{transition:transform var(--t-panel) var(--ease-out)}.btn:hover .btn__icon{transform:translateX(2px)}.btn__arrow{display:inline-grid;place-items:center;font-size:0;line-height:0;transition:transform var(--t-panel) var(--ease-out)}.btn__arrow:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat}.btn:hover .btn__arrow{transform:translateX(2px)}.tag{--tag:var(--ui-ink);--tag-line:var(--ui-border-strong);display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:6px;background:var(--ui-surface);color:var(--tag);box-shadow:inset 0 0 0 1px var(--tag-line);font:500 12.5px/1 var(--ui-font);white-space:nowrap;vertical-align:.1em}.tag--ai{background:var(--ui-ai);color:var(--ui-on-ai);box-shadow:inset 0 0 0 1px var(--ui-ai-edge)}.tag--component{--tag:var(--ui-component);--tag-line:var(--ui-component-line)}.tag--selection{--tag:var(--ui-selection);--tag-line:var(--ui-selection-muted)}.tag--media{--tag:var(--ui-media);--tag-line:var(--ui-media-line)}.tag--interaction{--tag:var(--ui-interaction);--tag-line:var(--ui-interaction-line)}.tag--success{--tag:var(--ui-success);--tag-line:var(--ui-success-line)}.tag--warning{--tag:var(--ui-warning);--tag-line:color-mix(in srgb,var(--ui-warning) 45%,transparent)}.tag--lg{height:30px;padding:0 11px 0 9px;gap:7px;border-radius:8px;font-size:13.5px}.wl{width:100%;max-width:480px}.wl__stage{position:relative}.wl__form{display:flex;gap:6px;padding:6px;border-radius:16px;background:var(--ui-field);transition:background-color var(--t-pop) var(--ease-out),box-shadow var(--t-panel) var(--ease-out),opacity var(--t-panel) var(--ease-out),transform var(--t-panel) var(--ease-out)}.wl__form:hover{background:var(--ui-field-hover)}.wl__form:focus-within{background:var(--ui-field-focus);box-shadow:var(--ui-field-halo),0 1px 2px rgba(0,0,0,.06),0 6px 16px rgba(0,0,0,.08)}.wl[data-state=error] .wl__form{background:var(--ui-field);box-shadow:inset 0 0 0 1.5px var(--ui-danger);animation:nudge .38s var(--ease-out)}.wl__input{flex:1 1;min-width:0;height:44px;padding:0 8px 0 12px;border:0;outline:0;background:transparent;font:400 16px/1 var(--ui-font);color:var(--ui-ink)}.wl__input::placeholder{color:var(--ui-subtle);opacity:1;transition:opacity var(--t-pop)}.wl__input:focus::placeholder{opacity:.6}.wl__btn{--h:44px;border-radius:11px;padding:0 16px}.wl__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.wl__note{margin-top:10px;padding-left:12px;font-size:var(--site-fs-meta);color:var(--ui-muted);min-height:1.4em}.wl__note.is-error{color:var(--ui-danger);font-weight:500}.wl__done{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:16px;background:var(--ui-surface);box-shadow:inset 0 0 0 1px var(--ui-success-line);font-size:15px;color:var(--ui-muted);text-align:left;line-height:1.35;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity var(--t-confirm) var(--ease-out) 80ms,transform var(--t-confirm) var(--ease-out) 80ms}.wl__done strong{color:var(--ui-ink);font-weight:600}.wl__check{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--ui-success);box-shadow:inset 0 0 0 1.5px var(--ui-success);transform:scale(.4);transition:transform var(--t-confirm) var(--ease-out) .18s}.wl__check path{stroke-dasharray:16;stroke-dashoffset:16}.wl[data-state=created] .wl__form,.wl[data-state=exists] .wl__form{opacity:0;transform:scale(.98)}.wl[data-state=created] .wl__done,.wl[data-state=exists] .wl__done{opacity:1;transform:none;pointer-events:auto}.wl[data-state=created] .wl__check,.wl[data-state=exists] .wl__check{transform:scale(1)}.wl[data-state=created] .wl__check path,.wl[data-state=exists] .wl__check path{animation:check-draw .45s var(--ease-out) .34s forwards}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentcolor;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.35}}@keyframes nudge{0%,to{transform:none}30%{transform:translateX(-5px)}60%{transform:translateX(4px)}}@keyframes check-draw{to{stroke-dashoffset:0}}.logo{color:var(--ui-ink)}.nav{position:fixed;inset:0 0 auto;z-index:50}.nav__bar{display:flex;align-items:center;gap:8px;height:var(--site-nav-h);padding:0 max(var(--site-gutter),calc((100vw - var(--site-measure)) / 2));transition:background-color var(--t-panel) var(--ease-out),box-shadow var(--t-panel) var(--ease-out)}.nav.is-scrolled .nav__bar{background:var(--site-glass);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 1px 0 var(--ui-hairline)}.nav__logo{display:inline-flex;align-items:center;height:40px;padding:0 6px;margin-left:-6px;border-radius:10px}.nav__links{display:flex;gap:2px;margin-left:auto;margin-right:6px}.nav__links a{position:relative;isolation:isolate;display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:10px;font:500 15px/1 var(--ui-font);color:var(--ui-ink);transition:color var(--t-pop) var(--ease-out)}.nav__links a[aria-current=page]{font-weight:600}.nav__pill{position:absolute;inset:0;z-index:-1;border-radius:10px;background:var(--ui-hover)}.nav__links a[aria-current=page] .nav__pill{background:var(--ui-selected)}.nav__toggle{display:none;width:44px;height:44px;margin-right:-10px;border:0;background:transparent;border-radius:12px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.nav__toggle span{display:block;width:20px;height:1.75px;border-radius:2px;background:var(--ui-ink);transition:transform var(--t-panel) var(--ease-out),opacity var(--t-pop)}.nav.is-open .nav__toggle span:first-child{transform:translateY(6.75px) rotate(45deg)}.nav.is-open .nav__toggle span:nth-child(2){opacity:0}.nav.is-open .nav__toggle span:nth-child(3){transform:translateY(-6.75px) rotate(-45deg)}.nav__scrim,.nav__sheet{display:none}@media (max-width:760px){.nav__links{display:none}.nav__cta{margin-left:auto}.nav__toggle{display:inline-flex}.nav__sheet{position:fixed;inset:var(--site-nav-h) 0 auto;z-index:49;gap:20px;padding:8px var(--site-gutter) 24px;background:var(--site-page);box-shadow:0 1px 0 var(--ui-hairline),var(--ui-shadow-raised);opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:opacity var(--t-panel) var(--ease-out),transform var(--t-panel) var(--ease-out),visibility 0s linear var(--t-panel)}.nav__sheet,.nav__sheet nav{display:flex;flex-direction:column}.nav__sheet nav a{padding:14px 0;font:600 22px/1.2 var(--ui-font-title);letter-spacing:-.02em;color:var(--ui-ink);border-bottom:1px solid var(--ui-hairline)}.nav__sheet-cta{align-self:stretch}.nav.is-open .nav__bar{background:var(--site-page);box-shadow:0 1px 0 var(--ui-hairline)}.nav.is-open .nav__sheet{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}.nav__sheet nav a,.nav__sheet-cta{opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease-out),transform .4s var(--ease-out)}.nav.is-open .nav__sheet nav a,.nav.is-open .nav__sheet-cta{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * 50ms + 60ms)}.nav.is-open .nav__sheet-cta{transition-delay:.16s}.nav__scrim{position:fixed;inset:0;z-index:48;border:0;background:var(--ui-scrim);opacity:0;pointer-events:none;transition:opacity var(--t-panel)}.nav.is-open .nav__scrim{display:block;opacity:1;pointer-events:auto}}@media (max-width:380px){.nav__cta{padding:0 10px}}.footer{position:relative;padding:clamp(48px,5.6vw,80px) 0 clamp(40px,5vw,56px);box-shadow:inset 0 1px 0 var(--ui-hairline)}.footer__row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}.footer__tag{font-size:15px;color:var(--ui-muted);margin-right:auto}.footer__links{display:flex;flex-wrap:wrap;gap:8px 22px}.footer__links a{font-size:15px;font-weight:500;color:var(--ui-ink);text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:4px;transition:color var(--t-pop),-webkit-text-decoration-color var(--t-pop);transition:text-decoration-color var(--t-pop),color var(--t-pop);transition:text-decoration-color var(--t-pop),color var(--t-pop),-webkit-text-decoration-color var(--t-pop)}.footer__links a:hover{color:var(--ui-component);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.footer__meta{font-size:14px;color:var(--ui-subtle);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.analytics-settings{position:fixed;right:16px;bottom:16px;z-index:40}.analytics-settings button{height:32px;padding:0 12px;border:0;border-radius:10px;background:var(--ui-surface-raised);box-shadow:0 0 0 1px var(--ui-hairline),var(--ui-shadow-surface);font:500 13px/1 var(--ui-font);color:var(--ui-ink)}.analytics-notice{position:fixed;left:16px;bottom:16px;z-index:60;max-width:400px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:var(--ui-surface-raised);font-size:14px;color:var(--ui-muted);box-shadow:0 0 0 1px var(--ui-hairline),var(--ui-shadow-raised)}.analytics-notice div{display:flex;gap:8px}.analytics-notice a{color:var(--ui-component);text-decoration:underline;text-underline-offset:3px}.faq__list{box-shadow:inset 0 1px 0 var(--ui-border)}.faq__item{box-shadow:inset 0 -1px 0 var(--ui-border)}.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;list-style:none;border-radius:8px}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary h3{font-family:var(--ui-font-title);font-size:clamp(17px,1.3vw,18px);line-height:1.3;font-weight:560;letter-spacing:-.01em}.faq__icon{position:relative;flex:none;width:32px;height:32px;border-radius:10px;background:var(--ui-field);transition:background-color var(--t-pop) var(--ease-out),transform var(--t-panel) var(--ease-out)}.faq__icon:after,.faq__icon:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.75px;margin:-.875px 0 0 -6px;border-radius:2px;background:var(--ui-ink);transition:transform var(--t-panel) var(--ease-out),background-color var(--t-pop)}.faq__icon:after{transform:rotate(90deg)}.faq__item summary:hover .faq__icon{background:var(--ui-field-hover)}.faq__item:is([open]:not([data-open]),[data-open=true]) .faq__icon{background:var(--ui-ink)}.faq__item:is([open]:not([data-open]),[data-open=true]) .faq__icon:after,.faq__item:is([open]:not([data-open]),[data-open=true]) .faq__icon:before{background:var(--ui-on-ink)}.faq__item:is([open]:not([data-open]),[data-open=true]) .faq__icon:after{transform:rotate(0deg)}.faq__a{margin:-6px 0 24px;max-width:62ch;font-size:16px;line-height:1.6}.faq__a,.faq__more{color:var(--ui-muted)}.faq__more{margin-top:20px;font-size:15px}.lost{display:grid;place-items:center;min-height:100svh;padding:calc(var(--site-nav-h) + 40px) var(--site-gutter) 80px;text-align:center}.lost__inner{display:flex;flex-direction:column;align-items:center}.lost h1{margin-top:20px;font-size:clamp(32px,3.8vw,46px);line-height:1.04;letter-spacing:-.03em;font-weight:600}.lost p{margin-top:16px;max-width:34em;font-size:var(--site-fs-lede);color:var(--ui-muted);text-wrap:pretty}.lost .btn{margin-top:28px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:pulse 1.2s ease-in-out infinite}.btn:hover,.btn:hover .btn__arrow,.btn:hover .btn__icon{transform:none}}}@layer components{@media (forced-colors:active){.btn,.changes,.dock,.ep,.faq__icon,.own__icon,.sn,.stage__tabs,.tag,.ve__panel,.wl__form{border:1px solid CanvasText}.wl__form:focus-within{outline:2px solid Highlight}.dock__b[aria-pressed=true],.stage__tab[aria-selected=true]{outline:2px solid Highlight}.mesh{forced-color-adjust:none}}}@layer components{@media (max-width:760px){.btn--sm{--h:40px}}}@layer components{.mello{position:relative;display:inline-block;flex:none;vertical-align:middle}.mello__svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.mello-ease{transition:translate var(--t-panel) var(--ease-out),rotate var(--t-panel) var(--ease-out),scale var(--t-panel) var(--ease-out)}.mello-ease-t{transition:transform var(--t-panel) var(--ease-out)}.mello-ease-shadow{transition:transform var(--t-panel) var(--ease-out),opacity var(--t-panel) var(--ease-out)}.mello-eye{fill:var(--ui-mascot-eye)}.mello-eye-line{fill:none}.mello-eye-line,.mello-eye-stroke{stroke:var(--ui-mascot-eye)}@media (prefers-reduced-motion:reduce){.mello-ease,.mello-ease-shadow,.mello-ease-t{transition:none}}.wordmark{display:block;flex:none}.lockup{display:inline-flex;align-items:center;color:var(--ui-ink)}.lockup--on-ink{color:#ffffff}.scene{position:relative;display:inline-flex;flex:none}.scene__body{position:relative;display:inline-block}.scene__chip{position:absolute;display:grid;place-items:center;border:1px solid var(--ui-hairline);background:var(--ui-surface-raised);color:var(--ui-ink);box-shadow:var(--ui-shadow-surface)}.scene__chip--r6{border-radius:6px}.scene__chip--r8{border-radius:8px}.scene__chip--r10{border-radius:10px}.scene__glyph{display:grid;place-items:center}.icon{flex:none}.mesh{position:relative;isolation:isolate;overflow:hidden;background-repeat:no-repeat}.mesh:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.mesh-daylight{background-color:#fbfbf6;background-image:radial-gradient(ellipse 58% 40% at 70% 108%,#f8ff3a 0,#ebf222 34%,rgb(235 242 34/0) 100%),radial-gradient(ellipse 120% 64% at 50% 124%,rgb(235 242 34/.5) 0,rgb(235 242 34/0) 72%),linear-gradient(180deg,#ffffff,#fcfcf8 48%,#f6f8dc)}}@layer components{@supports (background-image:linear-gradient(in oklch,red,blue)){.mesh-daylight{background-image:radial-gradient(ellipse 58% 40% at 70% 108%,#f8ff3a 0,#ebf222 34%,rgb(235 242 34/0) 100%),radial-gradient(ellipse 120% 64% at 50% 124%,rgb(235 242 34/.5) 0,rgb(235 242 34/0) 72%),linear-gradient(180deg in oklch,#ffffff,#fcfcf8 48%,#f6f8dc)}}.mesh-daylight{box-shadow:inset 0 0 0 1px rgba(10,10,10,.06)}.mesh-hero{overflow:clip;background-color:#fbfbf6;background-image:linear-gradient(180deg,#ffffff,#fdfdfa 60%,#f6f8dc)}@supports (background-image:linear-gradient(in oklch,red,blue)){.mesh-hero{background-image:linear-gradient(180deg in oklch,#ffffff,#fdfdfa 60%,#f6f8dc)}}.mesh-hero:before{content:"";position:absolute;inset:-12vh -12%;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse 47% 40vh at 67.7% 112vh,#f8ff3a 0,#ebf222 34%,rgb(235 242 34/0) 100%),radial-gradient(ellipse 97% 46vh at 50% calc(112vh + 60px),rgb(235 242 34/.45) 0,rgb(235 242 34/0) 72%);will-change:transform;animation:hero-light 18s ease-in-out infinite}@keyframes hero-light{0%,to{transform:translate3d(-1.2%,0,0) scale(1)}50%{transform:translate3d(1.2%,-1.5%,0) scale(1.05)}}@media (prefers-reduced-motion:reduce){.mesh-hero:before{animation:none}}.on-daylight{color-scheme:light;--ui-ink:#0a0a0a;--ui-ink-hover:#262626;--ui-on-ink:#ffffff;--ui-muted:#525252;--ui-subtle:#6b6b6b;--ui-surface:#ffffff;--ui-surface-raised:#ffffff;--ui-field:rgba(255,255,255,.78);--ui-field-hover:#ffffff;--ui-field-focus:#ffffff;--ui-hairline:rgba(0,0,0,.06);--ui-border:rgba(0,0,0,.12);--ui-border-strong:rgba(0,0,0,.22);--ui-focus:#2563eb;--ui-danger:#b91c1c;--ui-success:#15803d;--ui-success-line:rgba(22,163,74,.4);--ui-field-halo:0 0 0 4px rgba(10,10,10,.06);--ui-hover:#f5f5f5;--ui-selected:#efefef;--site-page:#ffffff;--site-glass:rgba(255,255,255,.84);color:var(--ui-ink)}}@layer preview{.ep-frame{container:epf/inline-size}.ep-fit{container:ep/inline-size;position:relative;overflow:clip;aspect-ratio:1200/760}@container epf (max-width: 640px){.ep-fit{aspect-ratio:4/5}}.ep{--s:tan(atan2(100cqw,1200px));--sel:var(--ui-selection);position:absolute;left:0;top:0;width:1200px;height:760px;transform-origin:0 0;scale:var(--s);display:grid;grid-template-rows:48px minmax(0,1fr);background:var(--ui-canvas);color:var(--ui-ink);font:400 12.5px/1.25 var(--ui-font);text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ep *{box-sizing:border-box}.ep .icon{display:block}@container ep (max-width: 640px){.ep{--z:var(--ep-z,1.8);scale:calc(var(--s) * var(--z));translate:clamp(calc(100cqw - 1200px * var(--s) * var(--z)),calc(50cqw - var(--ep-fx, 600px) * var(--s) * var(--z)),0px) clamp(calc(125cqw - 760px * var(--s) * var(--z)),calc(62.5cqw - var(--ep-fy, 380px) * var(--s) * var(--z)),0px)}}[data-ep=canvas] .ep{--ep-fx:592px;--ep-fy:300px;--ep-z:2}[data-ep=design] .ep{--ep-fx:928px;--ep-fy:300px;--ep-z:2.2}[data-ep=assistant] .ep{--ep-fx:928px;--ep-fy:380px;--ep-z:2.2}[data-ep=breakpoints] .ep{--ep-fx:590px;--ep-fy:300px;--ep-z:2}[data-ep=export] .ep{--ep-fx:600px;--ep-fy:400px;--ep-z:2.2}.ep-top{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px;padding:0 8px;background:var(--ui-surface);box-shadow:0 1px 0 var(--ui-hairline)}.ep-top__l,.ep-top__r{display:flex;align-items:center;gap:4px;min-width:0}.ep-top__r{justify-content:flex-end}.ep-top__c{display:flex;align-items:center;gap:8px}.ep-brand{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 6px;border-radius:10px;color:var(--ui-muted)}.ep-crumb{display:flex;align-items:center;gap:2px;font-size:13.5px;color:var(--ui-border-strong)}.ep-crumb__folder{padding:0 6px;color:var(--ui-muted)}.ep-crumb b{padding:0 6px;font-weight:600;color:var(--ui-ink)}.ep-save{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px 0 6px;font-weight:500;color:var(--ui-muted)}.ep-save .icon{color:var(--ui-success)}.ep-pagepill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 10px;border-radius:10px;background:var(--ui-field);font-size:13px;font-weight:500}.ep-pagepill>.icon,.ep-route{color:var(--ui-muted)}.ep-route{font-family:var(--ui-font-mono);font-size:12px}.ep-vp{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:10px;background:var(--ui-field)}.ep-vp__b{display:grid;place-items:center;width:32px;height:28px;border-radius:8px;color:var(--ui-muted)}.ep-vp__sep{width:1px;height:16px;margin:0 4px;background:var(--ui-border)}.ep-vp__w{padding:0 8px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ui-muted)}.ep-ib{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--ui-muted)}.ep-ib--sm{width:24px;height:24px;border-radius:6px}.ep-gap{width:8px}.ep-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 0 0 1px var(--ui-border-strong);background:var(--ui-surface-raised)}.ep-btn .icon{color:var(--ui-muted)}.ep-btn--ink{background:var(--ui-ink);box-shadow:none}.ep-btn--ink,.ep-btn--ink .icon{color:var(--ui-on-ink)}.ep-btn--ghost{box-shadow:none;background:transparent}.ep-av{display:grid;place-items:center;width:28px;height:28px;margin-left:6px;border-radius:50%;background:var(--ui-component);color:#ffffff;font-weight:700;font-size:12.5px}@media (prefers-color-scheme:dark){.ep-av{color:#0a0a0a}}.ep-body{display:grid;grid-template-columns:48px 224px minmax(0,1fr) 272px;min-height:0}.ep-rail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;background:var(--ui-surface);box-shadow:1px 0 0 var(--ui-hairline)}.ep-rail__b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--ui-ink)}.ep-rail__b.is-on{background:var(--ui-ink);color:var(--ui-on-ink)}.ep-rail__sp{flex:1 1}.ep-left{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;background:var(--ui-surface);box-shadow:1px 0 0 var(--ui-hairline)}.ep-left__head{display:flex;align-items:center;gap:6px;padding:14px 10px 8px 16px}.ep-left__head b{font:650 13px/1 var(--ui-font-title)}.ep-count{color:var(--ui-muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ep-sp{flex:1 1}.ep-tree{display:grid;padding:0 6px}.ep-row{--d:0;display:flex;align-items:center;gap:6px;height:30px;padding-left:calc(6px + var(--d) * 14px);padding-right:6px;border-radius:8px;color:var(--ui-ink)}.ep-row__tw{display:grid;place-items:center;width:14px;height:14px;flex:none;color:var(--ui-muted)}.ep-row__tw .icon{rotate:-90deg}.ep-row__tw[data-open] .icon{rotate:0deg}.ep-row__k{flex:none;color:var(--ui-muted)}.ep-row[data-kind=comp] .ep-row__k{color:var(--ui-component)}.ep-row__n{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-row[data-kind=text] .ep-row__n{color:color-mix(in srgb,var(--ui-ink) 82%,transparent)}.ep-row[data-id=actions] .ep-row__n,.ep-row[data-id=hero] .ep-row__n,.ep-row[data-id=page] .ep-row__n,.ep-row[data-id=stats] .ep-row__n{font-weight:600}.ep-row__m{color:var(--ui-muted);font:400 12px/1 var(--ui-font-mono)}.ep-canvas{position:relative;min-width:0;overflow:hidden;background:var(--ui-canvas)}.ep-world{left:0;top:0;width:1240px;height:680px;transform-origin:0 0;transition:scale .6s var(--site-ease-reveal),translate .6s var(--site-ease-reveal)}.ep-ab,.ep-world{position:absolute}.ep-ab{top:52px;background:#ffffff;color:#141414;box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 32px -14px rgba(0,0,0,.22);transition:opacity .4s var(--ease-out)}@media (prefers-color-scheme:dark){.ep-ab{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 12px 32px -14px rgba(0,0,0,.8)}}.ep-ab--desk{left:40px;width:560px}.ep-ab--tab{left:660px;width:330px;opacity:0}.ep-ab--phone{left:1040px;width:176px;opacity:0}.ep-ab__label{position:absolute;top:-26px;left:0;display:inline-flex;gap:6px;font-size:12px;font-weight:500;color:var(--ui-muted);white-space:nowrap}.ep-ab__label span{opacity:.65;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ep-pg{font:400 10px/1.4 var(--ui-font)}.ep-pg__hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;box-shadow:inset 0 -1px 0 #eeeeee}.ep-pg__brand{font-weight:650;font-size:10.5px}.ep-pg__nav{display:flex;gap:14px;color:#5c5c5c;font-size:9.5px}.ep-pg__menu{display:grid;grid-gap:3px;gap:3px;width:14px}.ep-pg__menu i{display:block;height:1.5px;border-radius:1px;background:#333333}.ep-pg__hero{display:grid;grid-gap:8px;gap:8px;justify-items:start;padding:26px 22px 14px}.ep-ab--desk .ep-pg__hero{padding-top:46px}.ep-pg__title{position:relative;font-size:26px;font-weight:620;letter-spacing:-.02em;line-height:1.1}.ep-pg__intro{color:#666666;font-size:10.5px}.ep-pg__btns{display:flex;gap:8px;margin-top:4px}.ep-pg__b{position:relative;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:6px;font-size:9.5px;font-weight:600;white-space:nowrap}.ep-pg__b--ink{background:#111111;color:#ffffff}.ep-pg__b--out{box-shadow:inset 0 0 0 1px #d4d4d4}.ep-pg__stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:8px 22px 14px}.ep-pg__card{display:grid;grid-gap:3px;gap:3px;padding:10px 12px;border-radius:8px;box-shadow:inset 0 0 0 1px #ececec}.ep-pg__card small{color:#8a8a8a;font-size:8.5px}.ep-pg__card b{font-size:18px;font-weight:620}.ep-pg__list{display:grid;grid-gap:8px;gap:8px;padding:0 22px 22px}.ep-pg__row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#f7f7f7}.ep-pg__row i{width:22px;height:22px;flex:none;border-radius:6px;background:#e6e6e6}.ep-pg__row span{display:grid;grid-gap:2px;gap:2px}.ep-pg__row b{font-size:9.5px;font-weight:600}.ep-pg__row small{color:#888888;font-size:8.5px}.ep-pg__row em{margin-left:auto;padding:2px 7px;border-radius:999px;box-shadow:inset 0 0 0 1px #e2e2e2;font-style:normal;font-size:8.5px;color:#666666}.ep-ab--tab .ep-pg__title{font-size:20px}.ep-ab--phone .ep-pg__hdr{padding:10px 12px}.ep-ab--phone .ep-pg__hero{padding:16px 12px 10px}.ep-ab--phone .ep-pg__title{font-size:16px}.ep-ab--phone .ep-pg__stats{grid-template-columns:1fr;margin:6px 12px 10px;gap:6px}.ep-ab--phone .ep-pg__list{padding:0 12px 12px}.ep-ab--phone .ep-pg__btns{flex-direction:column;align-self:stretch}.ep-ab--phone .ep-pg__b{justify-content:center}.ep-sel{position:absolute;inset:-3px -4px;display:none;box-shadow:0 0 0 1.5px var(--sel);pointer-events:none}.ep-sel>i{position:absolute;width:8px;height:8px;border-radius:2px;background:#ffffff;box-shadow:0 0 0 1.5px var(--sel),0 1px 3px rgba(0,0,0,.18)}.ep-sel>i:first-child{left:-4px;top:-4px}.ep-sel>i:nth-child(2){right:-4px;top:-4px}.ep-sel>i:nth-child(3){left:-4px;bottom:-4px}.ep-sel>i:nth-child(4){right:-4px;bottom:-4px}.ep-chip{position:absolute;left:-1px;top:calc(100% + 6px);display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:6px;background:var(--sel);color:#ffffff;font:600 11.5px/1 var(--ui-font);white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.12);letter-spacing:0}.ep-chip__sz{font-weight:500;opacity:.82;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ep-bar{position:absolute;left:-2px;bottom:calc(100% + 10px);display:flex;align-items:center;gap:2px;padding:4px;border-radius:12px;background:var(--ui-surface-raised);color:var(--ui-ink);box-shadow:0 0 0 1px var(--ui-hairline),0 8px 20px -6px rgba(0,0,0,.22);font:500 12px/1 var(--ui-font);letter-spacing:0}.ep-bar__ask{display:inline-flex;align-items:center;gap:6px;height:24px;margin-right:4px;padding:0 8px 0 6px;border-radius:6px;background:var(--ui-field)}.ep-bar__b{display:grid;place-items:center;width:26px;height:24px;border-radius:6px;color:var(--ui-muted)}.ep-pad{position:absolute;top:0;bottom:0;width:12px;left:0;display:none;background:color-mix(in srgb,var(--sel) 22%,transparent)}.ep-pad--r{left:auto;right:0}.ep-dock{position:absolute;left:50%;bottom:16px;translate:-50% 0;z-index:2;display:flex;align-items:center;gap:12px;padding:6px;border-radius:16px;background:var(--ui-surface-raised);box-shadow:0 0 0 1px var(--ui-hairline),0 10px 28px -6px rgba(0,0,0,.16);white-space:nowrap}.ep-dock__g{display:flex;gap:4px}.ep-dock__b{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:10px;color:var(--ui-muted);font-weight:500}.ep-dock__b.is-on{background:var(--ui-ink);color:var(--ui-on-ink)}.ep-dock__zoom{color:var(--ui-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ep-dock__ai{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 8px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--ui-border-strong);font-weight:500;font-size:13px;transition:box-shadow .3s,background-color .3s}.ep-right{position:relative;min-width:0;background:var(--ui-surface);box-shadow:-1px 0 0 var(--ui-hairline)}.ep-ast,.ep-insp{position:absolute;inset:0;display:none;flex-direction:column}.ep-tabs{display:flex;gap:2px;margin:14px 14px 8px;padding:2px;border-radius:8px;background:var(--ui-field)}.ep-tabs span{flex:1 1;display:grid;place-items:center;height:26px;border-radius:6px;color:var(--ui-muted);font-weight:500;font-size:12px}.ep-tabs .is-on{background:var(--ui-surface-raised);color:var(--ui-ink);box-shadow:0 1px 2px rgba(0,0,0,.1)}.ep-ih{display:flex;align-items:center;gap:10px;padding:8px 14px 12px}.ep-ih__k{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:var(--ui-field)}.ep-ih__k--comp{background:var(--ui-surface);color:var(--ui-component);box-shadow:inset 0 0 0 1px var(--ui-component-line)}.ep-ih__n{display:grid;grid-gap:3px;gap:3px;min-width:0}.ep-ih__n b{font-size:13px;font-weight:600}.ep-ih__n span{color:var(--ui-muted);font-size:12px}.ep-inst{display:flex;align-items:center;gap:8px;margin:-2px 14px 6px}.ep-inst__t{color:var(--ui-muted);font-size:12px}.ep-sec{display:grid;grid-gap:8px;gap:8px;padding:10px 14px 14px}.ep-sec__t{font-size:12px;font-weight:600}.ep-sec__rows{display:grid;grid-gap:6px;gap:6px}.ep-r{display:grid;grid-template-columns:64px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:center;min-height:28px}.ep-r__l{position:relative;padding-left:10px;color:var(--ui-muted);font-size:12px;font-weight:500}.ep-r.is-over .ep-r__l{color:var(--ui-selection)}.ep-r.is-over .ep-r__l:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--ui-selection)}.ep-r__v{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:8px;gap:8px}.ep-f{display:flex;align-items:center;gap:6px;min-width:0;height:28px;padding:0 10px;border-radius:6px;background:var(--ui-field);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.ep-f__u{margin-left:auto;color:var(--ui-muted);font-weight:400}.ep-f.is-focus{background:var(--ui-field-focus);box-shadow:var(--ui-field-halo),0 1px 2px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.06)}.ep-f.is-focus:after{width:1.5px;height:14px;margin-left:-4px;order:0}.ep-f.is-focus:after,.ep-f.is-over:after{content:"";background:var(--ui-selection)}.ep-f.is-over:after{width:6px;height:6px;margin-left:auto;border-radius:50%}.ep-sw{width:14px;height:14px;flex:none;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.ep-hex{font:500 12px/1 var(--ui-font-mono);letter-spacing:.02em}.ep-seg{display:inline-flex;gap:2px;padding:2px;border-radius:8px;background:var(--ui-field);justify-self:start}.ep-seg span{display:grid;place-items:center;width:30px;height:24px;border-radius:6px;color:var(--ui-muted)}.ep-seg .is-on{background:var(--ui-surface-raised);color:var(--ui-ink);box-shadow:0 1px 2px rgba(0,0,0,.1)}.ep-bpnote{display:flex;align-items:flex-start;gap:8px;margin:0 14px 4px;padding:10px 12px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--ui-selection-muted);color:var(--ui-ink);font-size:12px;line-height:1.4}.ep-dot{width:6px;height:6px;flex:none;margin-top:4px;border-radius:50%;background:var(--ui-selection)}.ep-ast{gap:12px;padding:14px}.ep-ast__hd{display:flex;align-items:center;gap:8px}.ep-ast__hd b{font:650 14px/1 var(--ui-font-title)}.ep-scope{display:inline-flex;align-items:center;gap:5px;height:24px;margin-left:auto;padding:0 8px 0 6px;border-radius:6px;color:var(--ui-selection);box-shadow:inset 0 0 0 1px var(--ui-selection-muted);font-weight:600;font-size:12px}.ep-msg{align-self:flex-end;max-width:92%;padding:10px 12px;border-radius:14px 14px 4px 14px;background:var(--ui-field);font-size:13px;line-height:1.45}.ep-steps{display:grid;grid-gap:6px;gap:6px;padding:2px;color:var(--ui-muted);font-size:12.5px}.ep-steps span{display:flex;align-items:center;gap:8px}.ep-steps .icon{color:var(--ui-success)}.ep-res{display:grid;grid-gap:10px;gap:10px;padding:12px;border-radius:14px;background:var(--ui-surface);box-shadow:inset 0 0 0 1px var(--ui-border)}.ep-res__t{font-size:13px;font-weight:600}.ep-res__t,.ep-res__tags{display:flex;align-items:center;gap:8px}.ep-res__undo{margin-left:auto;color:var(--ui-component);font-weight:500;text-decoration:underline;text-underline-offset:3px}.ep-composer{display:flex;align-items:flex-end;gap:8px;min-height:76px;padding:12px 10px 10px 12px;border-radius:14px;background:var(--ui-field)}.ep-composer__ph{flex:1 1;align-self:flex-start;color:var(--ui-subtle);font-size:13px}.ep-composer__go{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ui-ai);color:var(--ui-on-ai);box-shadow:inset 0 0 0 1px var(--ui-ai-edge)}.ep-export{position:absolute;inset:0;z-index:4;display:none;place-items:center;background:var(--ui-scrim)}.ep-dlg{display:grid;grid-gap:10px;gap:10px;width:400px;padding:20px;border-radius:16px;background:var(--ui-surface-raised);box-shadow:var(--ui-shadow-dialog)}.ep-dlg__t{margin-bottom:4px;font:650 17px/1.2 var(--ui-font-title);letter-spacing:-.01em}.ep-opt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--ui-border)}.ep-opt span:not(.ep-radio){display:grid;grid-gap:3px;gap:3px;flex:1 1}.ep-opt b{font-size:13px;font-weight:600}.ep-opt small{font-size:12px}.ep-opt small,.ep-opt>.icon{color:var(--ui-muted)}.ep-opt.is-on{box-shadow:inset 0 0 0 1.5px var(--ui-ink)}.ep-radio{width:16px;height:16px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ui-border-strong)}.ep-opt.is-on .ep-radio{background:var(--ui-ink);box-shadow:inset 0 0 0 4.5px var(--ui-ink),inset 0 0 0 16px var(--ui-on-ink)}.ep-files{display:grid;grid-gap:6px;gap:6px;padding:12px;border-radius:12px;background:var(--ui-surface-sunken);font:400 12px/1 var(--ui-font-mono);color:var(--ui-muted)}.ep-files span{--d:0;display:flex;align-items:center;gap:8px;padding-left:calc(var(--d) * 16px)}.ep-files b{color:var(--ui-ink);font-weight:500}.ep-files .icon{color:var(--ui-muted)}.ep-files span:first-child .icon{color:var(--ui-media)}.ep-dlg__f{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}[data-ep=breakpoints] .ep-row[data-id=stats],[data-ep=canvas] .ep-row[data-id=heading],[data-ep=design] .ep-row[data-id=btn-view],[data-ep=export] .ep-row[data-id=heading]{background:var(--ui-selected)}[data-ep=breakpoints] .ep-row[data-id=stats] .ep-row__n,[data-ep=canvas] .ep-row[data-id=heading] .ep-row__n,[data-ep=design] .ep-row[data-id=btn-view] .ep-row__n{font-weight:600;color:var(--ui-ink)}[data-ep=canvas] [data-sel=heading],[data-ep=export] [data-sel=heading]{display:block}[data-ep=export] .ep-bar{display:none}[data-ep=canvas] .ep-insp--text,[data-ep=export] .ep-insp--text{display:flex}[data-ep=design] .ep-pad,[data-ep=design] [data-sel=button]{display:block}[data-ep=design] .ep-insp--button{display:flex}[data-ep=design] .ep-pg__b--ink{border-radius:10px}[data-ep=assistant] .ep-ast{display:flex}[data-ep=assistant] .ep-pg__card{padding:14px 12px}[data-ep=assistant] .ep-ab--desk .ep-pg__stats{box-shadow:0 0 0 2px #ebf222;border-radius:4px}[data-ep=assistant] :is(.ep-row[data-id^=card-],.ep-row[data-id=stats]):after{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#ebf222;box-shadow:0 0 0 1.5px rgba(0,0,0,.35)}[data-ep=assistant] .ep-dock__ai{box-shadow:inset 0 0 0 1px var(--ui-success-line)}[data-ep=breakpoints] .ep-world{scale:.5;translate:4px 24px}[data-ep=breakpoints] :is(.ep-ab--tab,.ep-ab--phone){opacity:1}[data-ep=breakpoints] .ep-ab__label{font-size:22px;top:-38px}[data-ep=breakpoints] [data-sel^=stats-]{display:block;inset:-6px;box-shadow:0 0 0 3px var(--ui-selection-muted)}[data-ep=breakpoints] [data-sel=stats-phone]{box-shadow:0 0 0 3px var(--sel)}[data-ep=breakpoints] [data-sel^=stats-]>i{width:14px;height:14px}[data-ep=breakpoints] [data-sel=stats-desk]>i,[data-ep=breakpoints] [data-sel=stats-tab]>i{display:none}[data-ep=breakpoints] [data-sel^=stats-] .ep-chip{height:34px;padding:0 12px;font-size:20px;border-radius:10px;top:calc(100% + 10px)}[data-ep=breakpoints] [data-sel=stats-desk] .ep-chip,[data-ep=breakpoints] [data-sel=stats-tab] .ep-chip{display:none}[data-ep=breakpoints] .ep-insp--stats{display:flex}[data-ep=breakpoints] .ep-vp__b--phone{background:var(--ui-surface-raised);color:var(--ui-ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04)}[data-ep=breakpoints] .ep-vp__w{visibility:hidden}[data-ep=breakpoints] .ep-vp__w:before{content:"390";visibility:visible}[data-ep=export] .ep-export{display:grid}@media (prefers-reduced-motion:reduce){.ep-ab,.ep-pg__card,.ep-world{transition:none}}}@layer preview{@container ep (max-width: 640px){.ep-top__l{visibility:hidden}}}@layer sections{.hero{position:relative;padding-top:calc(var(--site-nav-h) + clamp(24px, 3vw, 40px));padding-bottom:clamp(24px,3vw,40px)}.hero__head{--hero-gap:clamp(20px,2.2vw,28px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:20px 24px;gap:20px 24px;align-items:start;padding-bottom:clamp(44px,4.6vw,64px)}.hero__lead{grid-column:1/span 7}.hero__aside{grid-column:8/span 5;padding-top:calc(30px + var(--hero-gap))}.hero__status{display:flex;align-items:center;height:30px;margin:0 0 var(--hero-gap)}.hero__title{max-width:9.5em}.hero__sub{max-width:34em;font-size:var(--site-fs-lede);line-height:1.5;color:var(--ui-muted);text-wrap:pretty}.hero__form{display:flex;width:100%;margin-top:clamp(20px,2vw,28px)}@media (prefers-reduced-motion:no-preference){.hero__form,.hero__status,.hero__sub,.hero__title{animation:rise .6s var(--site-ease-reveal) both}.hero__title{animation-delay:60ms}.hero__sub{animation-delay:.14s}.hero__form{animation-delay:.2s}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.logos{padding:clamp(48px,5vw,72px) 0 0}.logos__label{text-align:center;font-size:var(--site-fs-small);color:var(--ui-muted)}.logos__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px clamp(28px,4.4vw,56px);margin:22px 0 0;padding:0;list-style:none}.logos__item{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--ui-font-title);letter-spacing:-.01em;color:var(--ui-ink);white-space:nowrap}.logos__mark{width:21px;height:21px;fill:currentColor;flex-shrink:0}.logos__mark--wide{width:32px}@media (prefers-reduced-motion:no-preference){.logos__item{animation:logos-in .7s var(--site-ease-reveal) both}@keyframes logos-in{0%{opacity:0;transform:translateY(8px)}}}.section{padding:var(--site-section) 0 0}.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;grid-row-gap:var(--site-group);row-gap:var(--site-group);align-items:end;margin-bottom:var(--site-head)}.split .lede{justify-self:start;max-width:40ch}.statement{max-width:24em;font:580 clamp(24px,2.4vw,36px)/1.18 var(--ui-font-title);letter-spacing:-.02em;color:var(--ui-ink);text-wrap:balance}.how__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;grid-row-gap:var(--site-group);row-gap:var(--site-group);align-items:end;margin-bottom:var(--site-head)}.how__head .lede{justify-self:start;max-width:40ch}.stage,.stage__tabs{position:relative}.stage__tabs{z-index:3;display:flex;gap:2px;width:max-content;max-width:100%;padding:3px;background:var(--ui-field);border-radius:12px;overflow-x:auto;scrollbar-width:none}.stage__tabs::-webkit-scrollbar{display:none}.stage__tab{position:relative;flex:none;display:inline-flex;align-items:center;height:34px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:var(--ui-muted);font:500 14px/1 var(--ui-font);white-space:nowrap;transition:color var(--t-pop) var(--ease-out)}.stage__tab:hover,.stage__tab[aria-selected=true]{color:var(--ui-ink)}.stage__tab:focus-visible{outline:2px solid var(--ui-focus);outline-offset:0}.stage__pill{position:absolute;inset:0;z-index:0;border-radius:9px;background:var(--ui-surface-raised);box-shadow:0 1px 2px rgba(0,0,0,.1)}.stage__label{position:relative;z-index:1}.stage__progress{position:absolute;z-index:1;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--ui-ink);transform:scaleX(0);transform-origin:left;opacity:0}@media (prefers-reduced-motion:no-preference){.stage:not(.is-manual) .stage__tab[aria-selected=true] .stage__progress{opacity:.55;animation:stage-progress var(--stage-ms,7s) linear forwards}.stage.is-paused .stage__progress{animation-play-state:paused!important}}@keyframes stage-progress{to{transform:scaleX(1)}}.stage__body{position:relative}.stage__mesh{padding:clamp(14px,3.4vw,56px) clamp(14px,3.4vw,56px) 0;border-radius:clamp(18px,2vw,28px)}.stage__tag{position:absolute;z-index:2;top:clamp(12px,1.4vw,18px);left:clamp(12px,1.4vw,18px)}@media (min-width:900px){.stage__tag{top:16px;left:16px}}.stage__frame{overflow:hidden;border-radius:14px 14px 0 0;box-shadow:0 0 0 1px rgba(10,10,10,.08),0 24px 56px -18px rgba(10,10,10,.24)}.stage__frame,.stage__screen{position:relative}.stage__controls>.stage__tabs{justify-self:start}.stage__controls{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;grid-row-gap:16px;row-gap:16px;align-items:start;margin-top:clamp(20px,2.4vw,28px)}.stage__caption{position:relative;min-height:4.8em;padding-top:6px;font-size:16px;line-height:1.5;color:var(--ui-muted)}.stage__caption b{color:var(--ui-ink);font-weight:600}.stage__caption p:not(.stage__fine){max-width:52ch}.stage__caption p.is-entering{animation:caption-in .4s var(--ease-out) both}.stage__fine{margin-top:8px;font-size:var(--site-fs-meta);color:var(--ui-subtle)}@keyframes caption-in{0%{opacity:0;transform:translateY(6px)}}.demo-shell{padding:clamp(8px,1vw,12px);border-radius:24px;background:var(--ui-surface-sunken);box-shadow:inset 0 0 0 1px var(--ui-hairline)}.own{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;grid-row-gap:32px;row-gap:32px;align-items:center}.own__copy .lede{margin-top:var(--site-group);max-width:44ch}.own__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:28px 24px;gap:28px 24px;margin-top:40px}.own__list li{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:2px 12px;gap:2px 12px;align-items:start}.own__icon{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--ui-ink);box-shadow:inset 0 0 0 1px var(--ui-border)}.own__list b{font:580 15px/1.3 var(--ui-font-title);letter-spacing:-.01em;padding-top:1px}.own__list span:not(.own__icon){font-size:15px;color:var(--ui-muted)}.own__art{position:relative;display:grid;grid-gap:14px;gap:14px;margin:0;padding:clamp(14px,2vw,24px);border-radius:24px;background:var(--ui-surface-sunken);box-shadow:inset 0 0 0 1px var(--ui-hairline)}.diff{border-radius:16px;background:var(--ui-surface);box-shadow:0 0 0 1px var(--ui-hairline),var(--ui-shadow-surface);font-family:var(--ui-font-mono);font-size:clamp(12px,1vw,13.5px);line-height:1.85;overflow:hidden}.diff__file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;box-shadow:inset 0 -1px 0 var(--ui-hairline);color:var(--ui-muted);font-size:12.5px}.diff__file>span:first-child{display:inline-flex;align-items:center;gap:8px}.diff__body{padding:10px 0 12px;overflow-x:auto}.diff__l{position:relative;display:block;padding:0 16px 0 18px;white-space:pre;color:var(--ui-ink)}.diff__l i{display:inline-block;width:2.4em;margin-left:-4px;font-style:normal;color:var(--ui-subtle);-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff__l--add,.diff__l--del{color:var(--ui-ink)}.diff__l--add:before,.diff__l--del:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:1px}.diff__l--del:before{background:var(--ui-diff-remove)}.diff__l--add:before{background:var(--ui-diff-add)}.diff__l--del{color:var(--ui-muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb,var(--ui-diff-remove) 60%,transparent);text-decoration-color:color-mix(in srgb,var(--ui-diff-remove) 60%,transparent)}.own__site{display:flex;flex-direction:column;min-height:170px;border-radius:16px;background:#ffffff;color:#141414;overflow:hidden;box-shadow:0 0 0 1px var(--ui-hairline),var(--ui-shadow-surface)}.own__url{display:flex;align-items:center;gap:12px;padding:10px 14px;box-shadow:inset 0 -1px 0 #eeeeee;font-size:13px;color:#5c5c5c}.own__dots{display:inline-flex;gap:5px}.own__dots i{width:8px;height:8px;border-radius:50%;background:#e0e0e0}.own__h{margin:auto 0;padding:22px clamp(18px,2.4vw,32px);font:580 clamp(24px,2.6vw,34px)/1.08 var(--ui-font-title);letter-spacing:-.035em}.own__cap{font-size:15px;color:var(--ui-muted);padding:0 4px}.own__cap b{color:var(--ui-ink);font-weight:600}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.own__art .diff__l--add{transition:-webkit-clip-path .9s var(--site-ease-reveal) .4s;transition:clip-path .9s var(--site-ease-reveal) .4s;transition:clip-path .9s var(--site-ease-reveal) .4s,-webkit-clip-path .9s var(--site-ease-reveal) .4s;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.own__art:not(.is-in) .diff__l--add{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}}.faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;align-items:start}.faq__head{position:-webkit-sticky;position:sticky;top:calc(var(--site-nav-h) + 32px)}@media (min-width:901px){.how__head>:first-child,.split>:first-child{grid-column:1/span 6}.how__head .lede,.split .lede{grid-column:8/span 5}.stage__controls>.stage__tabs{grid-column:1/span 6}.stage__controls>.stage__caption{grid-column:8/span 5}.own>:first-child{grid-column:1/span 5}.own>:last-child{grid-column:7/span 6}.faq>.faq__head{grid-column:1/span 5}.faq>.faq__list{grid-column:7/span 6}}.closer-section{padding:var(--site-section) 0 clamp(80px,8.4vw,120px)}.closer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:32px;gap:32px;min-height:clamp(400px,40vw,480px);padding:clamp(36px,5vw,72px);border-radius:clamp(20px,2.4vw,32px)}.closer__copy{position:relative;z-index:1;max-width:560px}.closer__title{font-size:clamp(40px,4.6vw,64px)}.closer__sub{margin-top:var(--site-group);max-width:30em;font-size:var(--site-fs-lede);line-height:1.5;color:var(--ui-muted)}.closer__form{margin-top:clamp(32px,4vw,48px)}.article-cta .wl__form,.closer .wl__form{box-shadow:0 0 0 1px rgba(10,10,10,.08),0 1px 2px rgba(10,10,10,.04)}.article-cta .wl__form:focus-within,.closer .wl__form:focus-within{box-shadow:0 0 0 4px rgba(10,10,10,.06),0 6px 18px rgba(10,10,10,.1)}.closer__mascot{position:relative;z-index:1;margin:clamp(0px,1vw,12px) clamp(0px,4vw,56px) 0 0}@media (max-width:1080px){.hero__lead{grid-column:1/-1}.hero__aside{grid-column:1/span 9;padding-top:0}}@media (max-width:900px){.hero__aside{grid-column:1/-1}.faq,.how__head,.own,.split,.stage__controls{grid-template-columns:minmax(0,1fr)}.how__head .lede,.split .lede{justify-self:start}.faq__head{position:static}}@media (max-width:640px){.closer,.own__list{grid-template-columns:minmax(0,1fr)}.closer{padding:32px 20px 28px}.closer__mascot{order:-1;margin:0}.closer__mascot .mello{width:88px!important;height:88px!important}.stage__tab{padding:0 12px}.wl__form{flex-direction:column;padding:6px}.wl__input{height:48px;padding:0 12px}.wl__btn{width:100%;--h:48px}.wl__done{padding:0 14px}.wl__note{padding-left:4px}.footer__row{flex-direction:column;align-items:flex-start}.footer__links{gap:0 22px;margin-block:-10px}.footer__links a{display:inline-flex;align-items:center;min-height:44px}}}@layer sections{.demo-shell,.own__art{padding:0;border-radius:0;background:none;box-shadow:none}.own__list li{grid-template-rows:auto 1fr}@media (max-width:640px){.stage__mesh{padding-top:48px}.stage__tag{top:12px;left:14px}.stage__controls{margin-top:20px}.stage__tabs{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}@media (prefers-reduced-motion:reduce){.statement span{opacity:1!important}.stage__body{transform:none!important}}}@layer sections{@media (max-width:760px){.stage__tab{height:40px}}}@layer sections{.finish__band{padding:clamp(24px,2.6vw,36px) 0 0}.finish__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;align-items:start}.finish__board{grid-column:1/span 8;min-width:0}.finish__label{display:flex;align-items:center;gap:6px;height:24px;margin:0 0 8px -2px;font-size:12.5px;color:var(--ui-muted)}.finish__label b{color:var(--ui-ink);font-weight:600}.finish__label span:before{content:"·";margin-right:6px}.sn{--sel:#2563eb;--drift:#966712;container:sn/inline-size;position:relative;overflow:hidden;background:#ffffff;color:#141414;box-shadow:0 1px 2px rgba(0,0,0,.06),0 16px 40px -18px rgba(0,0,0,.28);font:400 15px/1.45 var(--ui-font)}@media (prefers-color-scheme:dark){.sn{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 16px 40px -18px rgba(0,0,0,.8)}}.sn__page{position:relative;padding-bottom:28px}.sn *,.sn :after,.sn :before{transition:padding .5s var(--site-ease-reveal),margin .5s var(--site-ease-reveal),height .5s var(--site-ease-reveal),width .5s var(--site-ease-reveal),font-size .5s var(--site-ease-reveal),border-radius .5s var(--site-ease-reveal),letter-spacing .5s var(--site-ease-reveal),color .4s var(--ease-out),opacity .35s var(--ease-out),flex-basis .5s var(--site-ease-reveal)}.sn__hdr{position:relative;display:flex;align-items:center;gap:24px;height:60px;padding:0 32px 0 22px;box-shadow:inset 0 -1px 0 #eeeeee}.sn__brand{font-weight:600;font-size:15px;letter-spacing:-.01em;margin-right:auto}.sn__nav{display:flex;gap:20px;color:#5c5c5c;font-size:14px}.sn__menu{display:none;gap:4px;flex-direction:column;width:18px}.sn__menu i{display:block;height:1.75px;border-radius:1px;background:#333333}.sn__av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ededed;font-size:12px;font-weight:600;color:#444444}.sn__hero{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:32px 32px 24px 34px}.sn__title{font-size:26px;font-weight:620;letter-spacing:-.02em;line-height:1.1}.sn__intro{color:#666666;font-size:15px}.sn__btns{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.sn__b,.sn__btns{align-items:center}.sn__b{display:inline-flex;height:36px;padding:0 14px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.sn__b--ink{background:#111111;color:#ffffff}.sn__b--out{height:42px;padding:0 20px;border-radius:12px;font-size:14px;box-shadow:inset 0 0 0 1px #d4d4d4}.sn__stats{position:relative;display:flex;padding:8px 32px 24px}.sn__card{flex:1 1;min-width:0;display:grid;grid-gap:4px;gap:4px;padding:16px 18px;border-radius:10px;box-shadow:inset 0 0 0 1px #ececec}.sn__card b{font-size:28px;font-weight:620;letter-spacing:-.02em;line-height:1.1}.sn__card small{color:#8a8a8a;font-size:12.5px}.sn__l--a{color:#141414!important;font-size:12.5px!important;font-weight:600}.sn__l--b{font-size:10.5px!important;letter-spacing:.08em;text-transform:uppercase;color:#777777!important;font-weight:500}.sn__l--c{font-size:13.5px!important;color:#9a9a9a!important}.sn__list{display:grid;grid-gap:10px;gap:10px;padding:0 32px}.sn__row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#f7f7f7}.sn__row i{width:30px;height:30px;flex:none;border-radius:8px;background:#e6e6e6}.sn__row span{display:grid;grid-gap:2px;gap:2px}.sn__row b{font-size:14px;font-weight:600}.sn__row small{color:#888888;font-size:12.5px}.sn__row em{margin-left:auto;padding:3px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px #e2e2e2;font-style:normal;font-size:12.5px;color:#666666}.sn-guide{z-index:2;left:32px;height:330px;width:0;border-left:1px dashed var(--sel);opacity:.7}.sn-band,.sn-guide{position:absolute;top:0;pointer-events:none}.sn-band{z-index:1;left:0;bottom:0;display:grid;place-items:center;background:color-mix(in srgb,var(--sel) 12%,transparent)}.sn-band--hdr{width:22px}.sn-band--hero{width:34px}.sn-band b,.sn-gap b{display:inline-flex;align-items:center;height:17px;padding:0 4px;border-radius:4px;background:var(--sel);color:#ffffff;font:600 12px/1 var(--ui-font);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sn-gap{position:relative;flex:none;display:grid;place-items:center;pointer-events:none}.sn-gap--heading{height:4px;width:100%;max-width:360px}.sn-gap--heading b{position:absolute;left:calc(100% + 8px);top:50%;translate:0 -50%}.sn-gap--heading:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--sel) 14%,transparent)}.sn-gap--s1,.sn-gap--s2{align-self:stretch;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--sel) 34%,transparent) 0 1px,transparent 1px 5px)}.sn-gap--s1{width:12px}.sn-gap--s2{width:22px}.sn-gap--s1 b,.sn-gap--s2 b{position:relative}.sn-flag{position:absolute;z-index:3;pointer-events:none}.sn-flag--buttons,.sn-flag--component{left:calc(100% + 12px);top:50%;translate:0 -50%}.sn-flag--ai,.sn-flag--labels{right:32px;top:-18px}.sn .tag--warning{--tag:var(--drift);--tag-line:rgba(180,128,24,.5);background:#ffffff}.sn .tag--component{--tag:#7c3aed;--tag-line:rgba(124,58,237,.38);background:#ffffff}.sn .tag--ai{background:#ebf222;color:#0a0a0a}.sn-flag--ai,.sn-flag--component{opacity:0}[data-fixes~=edges] .sn__hdr,[data-fixes~=edges] .sn__hero{padding-left:32px}[data-fixes~=edges] :is(.sn-band,.sn-guide){opacity:0}[data-fixes~=edges] .sn-band--hdr,[data-fixes~=edges] .sn-band--hero{width:32px}[data-fixes~=heading] .sn__title{font-size:34px}[data-fixes~=heading] .sn-gap--heading{height:12px}[data-fixes~=heading] .sn-gap--heading b,[data-fixes~=heading] .sn-gap--heading:before{opacity:0}[data-fixes~=buttons] .sn__b{height:40px;padding:0 16px;border-radius:8px;font-size:14px}[data-fixes~=buttons] .sn-flag--buttons{opacity:0}[data-last=buttons] .sn-flag--component{opacity:1}[data-fixes~=stats] .sn-gap--s1,[data-fixes~=stats] .sn-gap--s2{width:16px;background:transparent}[data-fixes~=stats] :is(.sn-gap--s1,.sn-gap--s2) b{opacity:0}[data-fixes~=labels] :is(.sn__l--a,.sn__l--b,.sn__l--c){font-size:12.5px!important;font-weight:500;letter-spacing:0;text-transform:none;color:#6b6b6b!important}[data-fixes~=labels] .sn-flag--labels{opacity:0}[data-fixes~=labels] .sn-flag--ai{opacity:1}@media (prefers-reduced-motion:no-preference){[data-last=edges] :is(.sn__hdr,.sn__hero){animation:sn-select 1.1s var(--ease-out)}[data-last=buttons] .sn__b,[data-last=heading] .sn__title,[data-last=stats] .sn__card{animation:sn-select 1.1s var(--ease-out)}[data-last=labels] .sn__stats{animation:sn-land 1.6s var(--ease-out)}.sn-flag--ai,.sn-flag--component{transition:opacity .3s var(--ease-out),translate .4s var(--site-ease-reveal)}}@keyframes sn-select{0%,55%{box-shadow:inset 0 0 0 1.5px var(--sel)}to{box-shadow:inset 0 0 0 1.5px transparent}}@keyframes sn-land{0%,60%{box-shadow:inset 0 0 0 2px #ebf222}to{box-shadow:inset 0 0 0 2px transparent}}.sn__card{animation-fill-mode:none}@container sn (max-width: 560px){.sn__hdr{height:54px}.sn__nav{display:none}.sn__menu{display:flex;order:3}.sn__av{display:none}.sn__hero{padding-top:28px}.sn__title{font-size:24px}[data-fixes~=heading] .sn__title{font-size:30px}.sn__stats{overflow:visible}.sn__card{flex:0 0 180px}[data-fixes~=stats] .sn__stats{flex-direction:column}[data-fixes~=stats] .sn__card{flex-basis:auto}[data-fixes~=stats] :is(.sn-gap--s1,.sn-gap--s2){width:auto;height:16px}.sn-flag--buttons,.sn-flag--component,.sn-flag--labels{display:none}.sn-flag--ai{right:auto;left:32px}.sn-guide{height:280px}}.changes{margin-top:0;grid-column:9/span 4;padding:6px;border-radius:20px;background:var(--ui-surface);box-shadow:0 0 0 1px var(--ui-hairline),var(--ui-shadow-surface)}.changes__head{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px}.changes__head b{font:560 15px/1 var(--ui-font-title);letter-spacing:-.01em}.changes__count{font-size:13px;color:var(--ui-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.changes__list{display:grid;grid-gap:2px;gap:2px}.changes__row{display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:2px 10px;gap:2px 10px;padding:10px 12px;border-radius:14px;transition:background-color .4s var(--ease-out)}.changes__row.is-done{background:transparent}.changes__mark{display:grid;place-items:center;height:20px;color:var(--ui-warning)}.changes__row.is-done .changes__mark{color:var(--ui-success)}.changes__text{display:grid;grid-gap:2px;gap:2px;min-width:0}.changes__text b{font-size:14px;font-weight:600;color:var(--ui-ink)}.changes__text small{font-size:13px;color:var(--ui-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.changes__by{grid-column:2;margin-top:6px}@media (prefers-reduced-motion:no-preference){.changes__row.is-done .changes__by .tag{animation:tag-in .4s var(--site-ease-reveal)}}@keyframes tag-in{0%{opacity:0;transform:translateY(4px) scale(.96)}}.finish__dock{position:-webkit-sticky;position:sticky;bottom:20px;z-index:5;display:flex;justify-content:center;margin-top:32px;pointer-events:none}.dock{display:flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;border-radius:16px;pointer-events:auto;background:var(--ui-surface-raised);box-shadow:0 0 0 1px var(--ui-hairline),0 12px 32px -8px rgba(0,0,0,.22)}.dock__track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dock__ind{position:absolute;top:0;left:0;width:calc(100% / 3);height:100%;border-radius:10px;background:var(--ui-ink);transform:translateX(calc(var(--x, 0) * 100%));transition:transform var(--t-panel) var(--ease-out)}.dock__b{position:relative;z-index:1;height:36px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--ui-ink);font:500 14px/1 var(--ui-font);white-space:nowrap;transition:color var(--t-pop) var(--ease-out)}.dock__b[aria-pressed=true]{color:var(--ui-on-ink)}.dock__b:not([aria-pressed=true]):hover{background:var(--ui-hover)}.dock__b:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.dock__sep{width:1px;height:20px;background:var(--ui-border)}.dock__status{display:inline-flex;align-items:center;gap:8px;min-width:170px;font-size:14px;color:var(--ui-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.dock__ok{color:var(--ui-success)}@media (max-width:1080px){.finish__board{grid-column:1/span 7}.changes{grid-column:8/span 5}}@media (max-width:900px){.changes,.finish__board{grid-column:1/-1}}@media (max-width:640px){.finish__band .wrap{padding-inline:14px}}@media (max-width:560px){.dock{gap:8px;padding-right:6px}.dock__b{padding:0 11px;font-size:13.5px}.dock__sep,.dock__status{display:none}}}@layer sections{@media (prefers-reduced-motion:reduce){.changes__row,.changes__row *,.sn *,.sn :after,.sn :before{transition-property:color,opacity,background-color!important;transition-duration:.15s!important;transition-delay:0s!important}.dock__ind{transition:none!important}}}@layer sections{@media (max-width:760px){.dock__b{height:40px}}}@layer sections{.ve{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:24px;column-gap:24px;grid-row-gap:clamp(8px,1vw,12px);row-gap:clamp(8px,1vw,12px)}.ve__panel{grid-column:1/span 5;display:flex;flex-direction:column;gap:14px;min-width:0;padding:14px;border-radius:18px;background:var(--ui-surface);box-shadow:0 0 0 1px var(--ui-hairline),var(--ui-shadow-surface)}.ve__tabs{display:flex;gap:2px;padding:2px;border-radius:10px;background:var(--ui-field);overflow-x:auto;scrollbar-width:none}.ve__tabs::-webkit-scrollbar{display:none}.ve__tabs button{flex:1 1;height:30px;padding:0 10px;border:0;background:transparent;border-radius:8px;font:500 13px/1 var(--ui-font);color:var(--ui-muted);white-space:nowrap;transition:background-color var(--t-pop),color var(--t-pop),box-shadow var(--t-pop)}.ve__tabs button:hover{color:var(--ui-ink)}.ve__tabs button.on{background:var(--ui-surface-raised);color:var(--ui-ink);box-shadow:0 1px 2px rgba(0,0,0,.1)}.ve__seg button:focus-visible,.ve__swatches button:focus-visible,.ve__tabs button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.ve__control{min-height:72px;display:flex;align-items:center;padding:4px}.ve__slider{width:100%;display:flex;flex-direction:column;gap:14px;font-size:13px;color:var(--ui-muted);font-weight:500}.ve__slider span{display:flex;justify-content:space-between}.ve__slider b{color:var(--ui-ink);font:500 12.5px/1 var(--ui-font-mono)}.ve__slider input{width:100%;height:18px;margin:0}.ve__seg{display:flex;gap:2px;width:100%;padding:2px;background:var(--ui-field);border-radius:10px}.ve__seg button{flex:1 1;height:32px;border:0;background:transparent;border-radius:8px;font:500 13px/1 var(--ui-font);color:var(--ui-muted);transition:background-color var(--t-pop),color var(--t-pop),box-shadow var(--t-pop)}.ve__seg button.on{background:var(--ui-surface-raised);color:var(--ui-ink);box-shadow:0 1px 2px rgba(0,0,0,.1)}.ve__swatches{display:flex;align-items:center;gap:12px;width:100%}.ve__swatches button{width:28px;height:28px;border-radius:8px;border:0;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform var(--t-pop) var(--ease-out),box-shadow var(--t-pop)}.ve__swatches button:hover{transform:scale(1.06)}.ve__swatches button.on{box-shadow:0 0 0 2px var(--ui-surface),0 0 0 3.5px var(--ui-ink)}.ve__hex{margin-left:auto;font:500 12.5px/1 var(--ui-font-mono);color:var(--ui-muted)}.code{margin:0;display:flex;flex-direction:column;flex:1 1;padding:10px 0 14px;overflow-x:auto;border-radius:12px;background:var(--ui-surface-sunken);box-shadow:inset 0 0 0 1px var(--ui-hairline);font-family:var(--ui-font-mono);font-size:12.5px;line-height:1.8;color:var(--ui-code-punct)}.code__file{padding:0 14px 8px;margin-bottom:6px;box-shadow:inset 0 -1px 0 var(--ui-hairline);color:var(--ui-muted);font-size:12px}.code__line{position:relative;display:block;padding-right:14px;white-space:pre;color:var(--ui-ink);transition:background-color .6s}.code__line i{display:inline-block;width:36px;padding-right:14px;text-align:right;font-style:normal;color:var(--ui-subtle)}.code__line.is-flash:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;border-radius:1px;background:var(--ui-selection)}.code__line.is-flash .s{color:var(--ui-selection);font-weight:600}.code .k{color:var(--ui-code-keyword)}.code .f{color:var(--ui-code-function)}.code .t{color:var(--ui-code-tag)}.code .a{color:var(--ui-code-attr)}.code .s{color:var(--ui-code-string)}.ve__stage{grid-column:6/span 7;position:relative;display:grid;place-items:center;min-height:440px;padding:clamp(20px,3vw,36px);border-radius:18px;background:var(--ui-canvas);overflow:hidden}.ve__device{position:relative;width:100%;max-width:540px;overflow:hidden;border-radius:4px;background:#ffffff;color:#141414;box-shadow:0 1px 2px rgba(0,0,0,.06),0 14px 36px -16px rgba(0,0,0,.26);transition:max-width .55s var(--site-ease-reveal),border-radius .55s var(--site-ease-reveal)}.ve__stage.is-mobile .ve__device{max-width:250px;border-radius:22px;box-shadow:0 0 0 6px #0a0a0a,0 14px 36px -16px rgba(0,0,0,.3)}.ve__section{box-shadow:inset 0 0 0 1.5px #2563eb;transition:padding .25s var(--ease-out)}.ve__h{margin:0 0 18px;font-family:var(--ui-font);font-weight:620;line-height:1.1;letter-spacing:-.02em;color:#141414;transition:font-size .15s}.ve__grid{display:grid;grid-gap:10px;gap:10px}.ve__card{display:flex;flex-direction:column;gap:7px;padding:14px;border-radius:10px;box-shadow:inset 0 0 0 1px #ececec;font-size:14px;color:#141414}.ve__card b{font-weight:600}.ve__icon{width:24px;height:24px;margin-bottom:4px;border-radius:7px;transition:background-color .3s}.ve__bar{height:6px;width:90%;border-radius:6px;background:#f0f0f0}.ve__bar.s{width:60%}@media (max-width:900px){.ve>*{grid-column:1/-1}.ve__stage{order:-1;min-height:320px}}}@layer sections{@media (max-width:640px){.ve__tabs{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}}@layer sections{@media (prefers-reduced-motion:reduce){.code__line,.ve__device,.ve__h,.ve__icon,.ve__section,.ve__swatches button{transition:none}}}@layer sections{@media (max-width:760px){.ve__tabs button{height:40px}}}