:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:var(--lightningcss-light,#0b1020)var(--lightningcss-dark,#eaeefb);--ink-soft:var(--lightningcss-light,#47526b)var(--lightningcss-dark,#a7b0c6);--ink-faint:var(--lightningcss-light,#666f82)var(--lightningcss-dark,#7d879e);--paper:var(--lightningcss-light,#fff)var(--lightningcss-dark,#080b14);--paper-sunk:var(--lightningcss-light,#f5f7fb)var(--lightningcss-dark,#0e1220);--paper-raised:var(--lightningcss-light,#fff)var(--lightningcss-dark,#121728);--line:var(--lightningcss-light,#e6e9f0)var(--lightningcss-dark,#1e2439);--line-strong:var(--lightningcss-light,#d3d8e3)var(--lightningcss-dark,#2b3350);--brand-teal:#4eb9a8;--brand-violet:#4d4185;--gradient:linear-gradient(135deg, var(--brand-teal), var(--brand-violet));--accent:var(--lightningcss-light,var(--brand-violet))var(--lightningcss-dark,var(--brand-teal));--accent-hover:var(--lightningcss-light,#3f356d)var(--lightningcss-dark,#83cec2);--accent-ink:var(--lightningcss-light,#fff)var(--lightningcss-dark,#080b14);--accent-tint:var(--lightningcss-light,#eaf7f5)var(--lightningcss-dark,#1b1a34);--logo-plate:var(--lightningcss-light,#0000)var(--lightningcss-dark,#fff);--shade-near:var(--lightningcss-light,#0b10200a)var(--lightningcss-dark,#0006);--shade-far:var(--lightningcss-light,#0b10200a)var(--lightningcss-dark,#00000059);--shade-near-2:var(--lightningcss-light,#0b10200d)var(--lightningcss-dark,#00000073);--shade-far-2:var(--lightningcss-light,#0b102017)var(--lightningcss-dark,#00000080);--shadow-1:0 1px 2px var(--shade-near), 0 4px 12px var(--shade-far);--shadow-2:0 2px 4px var(--shade-near-2), 0 14px 32px var(--shade-far-2);--step-6:clamp(2.1rem, 1.4rem + 3.2vw, 4rem);--step-5:clamp(1.7rem, 1.3rem + 2vw, 2.9rem);--step-4:clamp(1.25rem, 1.1rem + 1vw, 2rem);--step-3:1.25rem;--step-2:1.0625rem;--step-1:.9375rem;--step-0:.8125rem;--gap-page:clamp(3rem, 1.75rem + 6vw, 7rem);--gap-block:clamp(1.5rem, 1rem + 2vw, 2.5rem);--pad-x:clamp(1.15rem, .5rem + 2vw, 2rem);--measure:62ch;--wide:78rem;--radius:14px;--radius-sm:9px;--tap:2.75rem;--ease:cubic-bezier(.22, .61, .36, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:clamp(4.5rem,4rem + 2vw,6rem);overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--step-2);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65;overflow-x:clip}a{color:var(--accent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);text-underline-offset:.2em}a:hover{color:var(--accent-hover);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}img{max-width:100%;height:auto}h1,h2,h3{letter-spacing:-.021em;text-wrap:balance;margin:0}h1{font-size:var(--step-6);font-weight:680;line-height:1.05}h2{font-size:var(--step-5);font-weight:660;line-height:1.15}h3{font-size:var(--step-3);font-weight:640;line-height:1.3}p{text-wrap:pretty;margin:0 0 1em}p:last-child{margin-bottom:0}.muted{color:var(--ink-soft)}.skip{position:absolute;left:-9999px}.skip:focus{z-index:20;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm);padding:.6rem 1rem;text-decoration:none;top:1rem;left:1rem}.header{z-index:10;padding:.9rem var(--pad-x);background:var(--paper);transition:border-color .2s var(--ease);border-bottom:1px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;display:flex;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header{background:color-mix(in oklab, var(--paper) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom-color:var(--line)}}.header:after{content:"";background:var(--gradient);height:2px;position:absolute;bottom:-1px;left:0;right:0}.header>*{min-width:0}.brand{color:var(--ink);border-radius:var(--radius-sm);align-items:center;text-decoration:none;display:inline-flex}.logo{box-sizing:content-box;border-radius:var(--radius-sm);background:var(--logo-plate);width:auto;height:2.25rem;padding:.3rem .55rem;display:block}.nav-panel{align-items:center;gap:clamp(.75rem,.4rem + 1vw,1.75rem);display:flex}.nav-list{flex-wrap:wrap;gap:.25rem .4rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{min-height:var(--tap);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:var(--step-1);transition:background-color .15s var(--ease), color .15s var(--ease);align-items:center;padding:.45rem .75rem;font-weight:550;text-decoration:none;display:flex}.nav-list a:hover{background:var(--paper-sunk);color:var(--ink)}.nav-list a[aria-current=page]{color:var(--ink);background:var(--accent-tint)}.nav-toggle{min-width:var(--tap);min-height:var(--tap);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--step-1);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.4rem;font-weight:600;display:flex}.nav-bars,.nav-bars:before,.nav-bars:after{background:currentColor;border-radius:2px;width:1.05rem;height:2px;display:block}.nav-bars{position:relative}.nav-bars:before,.nav-bars:after{content:"";position:absolute;left:0}.nav-bars:before{top:-.34rem}.nav-bars:after{top:.34rem}.nav-open .nav-bars{background:0 0}.nav-open .nav-bars:before{top:0;transform:rotate(45deg)}.nav-open .nav-bars:after{top:0;transform:rotate(-45deg)}.nav-bars:before,.nav-bars:after{transition:top .15s var(--ease), transform .15s var(--ease)}.nav-parent{align-items:center;display:flex}.nav-expand{min-width:2rem;min-height:2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex}.nav-expand:hover{color:var(--ink)}.nav-chevron{width:.45rem;height:.45rem;transition:transform .15s var(--ease);border-bottom:2px solid;border-right:2px solid;transform:translateY(-2px)rotate(45deg)}.nav-expand[aria-expanded=true] .nav-chevron{transform:translateY(1px)rotate(-135deg)}.nav-sub{margin:0;padding:0;list-style:none}@media (max-width:47.99rem){.nav-panel{padding:.5rem var(--pad-x) 1rem;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow-2);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.nav-open .nav-panel{display:flex}.nav-list{flex-direction:column;gap:.15rem}.nav-panel .langs{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;align-self:flex-start;gap:.35rem;margin-top:.85rem;padding-top:.85rem}.nav-panel .lang{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--line);border-radius:999px}.nav-panel .lang-on{background:var(--paper-sunk);border-color:var(--accent)}.nav-sub{border-left:2px solid var(--line);margin:.15rem 0 .35rem .75rem;padding-left:.75rem}.nav-parent{justify-content:space-between}.nav-parent>a{flex:auto}.nav-expand{min-width:var(--tap);min-height:var(--tap)}.nav-list a{font-size:var(--step-2);padding:.6rem .75rem}}@media (min-width:48rem){.nav-toggle{display:none}.nav-list>li.has-children{position:relative}.nav-sub{z-index:20;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);min-width:14rem;box-shadow:var(--shadow-2);margin-top:.35rem;padding:.35rem;position:absolute;top:100%;left:0}.nav-sub:before{content:"";height:.5rem;position:absolute;bottom:100%;left:0;right:0}.nav-sub a{white-space:nowrap;display:block}}main{max-width:var(--wide);padding:0 var(--pad-x) var(--gap-page);margin:0 auto}.page>*+*{margin-top:var(--gap-page)}.hero{padding:clamp(2.5rem,1.5rem + 4vw,5rem) 0 0}.hero-text{max-width:var(--measure)}.hero-wide{padding-top:clamp(3rem,2rem + 5vw,6.5rem);position:relative}.hero-wide>*{z-index:1;position:relative}.hero-wide:after{content:"";z-index:0;background-image:radial-gradient(circle at center, color-mix(in oklab, var(--ink) 16%, transparent) 1px, transparent 1.2px);pointer-events:none;background-size:26px 26px;height:30rem;position:absolute;inset:-4rem -50vw auto;-webkit-mask-image:linear-gradient(#0000008c,#0000 72%);mask-image:linear-gradient(#0000008c,#0000 72%)}.hero-wide:before{content:"";z-index:0;background:radial-gradient(58% 58% at 22% 0%, color-mix(in oklab, var(--brand-teal) 22%, transparent), transparent 70%), radial-gradient(52% 52% at 88% 8%, color-mix(in oklab, var(--brand-violet) 20%, transparent), transparent 72%);pointer-events:none;height:34rem;position:absolute;inset:-6rem -50vw auto}.hero-split{gap:var(--gap-block) clamp(2rem, 1rem + 4vw, 4rem);align-items:center;display:grid}@media (min-width:56rem){.hero-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.hero-figure{border-radius:calc(var(--radius) + 3px);background:var(--gradient);padding:3px}.hero-figure img{border-radius:var(--radius);width:100%;display:block}.tagline{background:var(--accent-tint);color:var(--accent);font-size:var(--step-0);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.3rem .7rem .3rem .55rem;font-weight:620;display:inline-flex}.tagline:before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem}.hero-text h1:after{content:"";background:var(--gradient);border-radius:999px;width:min(9rem,40%);height:5px;margin-top:1.15rem;display:block}.lead{font-size:var(--step-4);color:var(--ink-soft);letter-spacing:-.01em;margin-top:1.25rem;line-height:1.45}.section{max-width:var(--measure)}.section>h2+*{margin-top:1rem}.section>h2:before{content:"";background:var(--gradient);border-radius:999px;width:2.5rem;height:3px;margin-bottom:1.1rem;display:block}.section.cta{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--paper-raised), var(--paper-sunk));max-width:none;box-shadow:var(--shadow-1);text-align:center;padding:clamp(2rem,1.5rem + 3vw,3.5rem);position:relative;overflow:hidden}.section.cta:before{content:"";background:var(--gradient);height:4px;position:absolute;inset:0 0 auto}.section.cta>*{margin-inline:auto}.section.cta p{max-width:46ch;color:var(--ink-soft);font-size:var(--step-3)}:is(.section:has(.cards),.section:has(.app-list),.section:has(.plugin-list),.section:has(.contact)){max-width:none}:is(.section:has(.cards)>h2,.section:has(.app-list)>h2,.section:has(.plugin-list)>h2,.section:has(.contact)>h2,.section:has(.cards)>p,.section:has(.app-list)>p,.section:has(.plugin-list)>p,.section:has(.contact)>p){max-width:var(--measure)}.cards{margin-top:var(--gap-block);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:clamp(1rem,.5rem + 1.5vw,1.75rem);display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);box-shadow:var(--shadow-1);transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient);transform-origin:0;height:3px;transition:transform .35s var(--ease);z-index:1;position:absolute;inset:0 0 auto;transform:scaleX(0)}.card:hover:before,.card:focus-within:before{transform:scaleX(1)}.card>.card-go{margin:auto 0 0;padding:1.25rem}.card>.card-go .button{margin:0}.card .button{font-size:var(--step-1);background:var(--accent-tint);color:var(--accent);border:1px solid color-mix(in oklab, var(--accent) 30%, transparent);box-shadow:none;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease), box-shadow .2s var(--ease);align-self:flex-start;gap:.45em;padding:.62em 1.15em}.card .button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-1)}.card ul:has(+.card-go){padding-bottom:0}.card:hover{border-color:color-mix(in oklab, var(--accent) 45%, var(--line));box-shadow:var(--shadow-2);transform:translateY(-2px)}.card img{aspect-ratio:16/10;object-fit:cover;background:var(--paper-sunk);border-bottom:1px solid var(--line);width:100%;display:block}.card h3{margin:0;padding:1.25rem 1.25rem 0}.card>p,.card>div>p{color:var(--ink-soft);font-size:var(--step-1);margin:0;padding:.5rem 1.25rem 0}.card ul{flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0 1.25rem 1.25rem;list-style:none;display:flex}.card li{border:1px solid var(--line);background:var(--paper-sunk);color:var(--ink-soft);font-size:var(--step-0);white-space:nowrap;border-radius:999px;padding:.2rem .55rem}.card>:last-child{padding-bottom:1.25rem}.button{background:var(--accent);color:var(--accent-ink);font-weight:620;font-size:var(--step-2);box-shadow:var(--shadow-1);transition:background-color .15s var(--ease), transform .15s var(--ease), box-shadow .2s var(--ease);border-radius:999px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.8rem 1.5rem;text-decoration:none;display:inline-flex}.button:after{content:"→";transition:transform .2s var(--ease)}.button:hover{background:var(--accent-hover);color:var(--accent-ink);box-shadow:var(--shadow-2);transform:translateY(-1px)}.button:hover:after{transform:translate(3px)}.contact{margin-top:var(--gap-block);align-items:start;gap:clamp(1.5rem,1rem + 3vw,3rem);display:grid}@media (min-width:52rem){.contact{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}.form{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);box-shadow:var(--shadow-1);gap:1rem;padding:clamp(1.25rem,1rem + 1vw,2rem);display:grid}.form label{font-size:var(--step-1);gap:.35rem;font-weight:600;display:grid}.form input,.form textarea{font:inherit;font-size:var(--step-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:.7rem .85rem}.form textarea{resize:vertical;min-height:8rem}.form input:focus-visible,.form textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);outline:none}.form button{font:inherit;font-size:var(--step-2);background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:background-color .15s var(--ease), transform .15s var(--ease);border:0;border-radius:999px;justify-self:start;padding:.8rem 1.5rem;font-weight:620}.form button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.form button:disabled{opacity:.55;cursor:progress}.trap{width:1px;height:1px;position:absolute;left:-9999px}.failed{border-radius:var(--radius-sm);background:color-mix(in oklab, #d92d20 12%, var(--paper));color:color-mix(in oklab, #d92d20 70%, var(--ink));font-size:var(--step-1);margin:0;padding:.7rem .9rem}.sent{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-sunk);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.sent:before{content:"";background:var(--gradient);width:3px;position:absolute;inset:0 auto 0 0}.details{margin:0}.details dt{font-size:var(--step-0);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin-top:1.25rem;font-weight:650}.details dt:first-child{margin-top:0}.details dd{font-size:var(--step-3);margin:.2rem 0 0}.details dd a{font-weight:560;text-decoration:none}.details dd a:hover{text-decoration:underline}.footer{max-width:var(--wide);padding:var(--gap-block) var(--pad-x) 3rem;border-top:1px solid var(--line);font-size:var(--step-1);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2.5rem;margin:0 auto;display:flex}.footer-contact{flex-wrap:wrap;gap:.35rem 1.5rem;display:flex}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.theme{border:1px solid var(--line);background:var(--paper-sunk);border-radius:999px;align-items:center;gap:.35rem;margin:0;padding:.25rem;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-legend{float:left;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;overflow:hidden}.theme-choice{min-width:2.4rem;min-height:2.25rem;color:var(--ink-soft);font-size:var(--step-1);cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 .6rem;font-weight:550;display:flex}.theme-choice:hover{color:var(--ink)}.theme-choice input{appearance:none;opacity:0;width:1px;height:1px;margin:0;position:absolute}.theme-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.theme-choice-on{background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-1)}.theme-choice svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;width:18px;height:18px}.theme-choice:last-of-type svg{fill:currentColor;stroke:none}.header-end{align-items:center;gap:clamp(.75rem,.4rem + 1vw,1.75rem);margin-left:auto;display:flex}.langs{border:1px solid var(--line);background:var(--paper-sunk);font-size:var(--step-0);border-radius:999px;align-items:center;gap:.15rem;padding:.2rem;display:flex}.lang{min-width:2.1rem;min-height:1.9rem;color:var(--ink-soft);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-weight:550;text-decoration:none;display:flex}.lang:hover{color:var(--ink);text-decoration:none}.lang-on{background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-1)}.flag{border:1px solid var(--line-strong);object-fit:cover;border-radius:2px;width:1.35rem;height:.9rem}.lang-on .flag{border-color:var(--accent)}.lang-off{color:var(--ink-faint);cursor:not-allowed}.lang-off .flag{opacity:.4;filter:grayscale()}.social{width:var(--tap);height:var(--tap);color:var(--accent);border-radius:999px;justify-content:center;align-items:center;margin:-.5rem 0;display:inline-flex}.social svg{fill:currentColor;width:22px;height:22px}.social:hover{background:var(--paper-sunk);color:var(--accent-hover)}.footer nav ul{flex-wrap:wrap;gap:.35rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.section figure,.lead figure{margin:var(--gap-block) 0}.section figure img{border-radius:var(--radius)}figcaption{font-size:var(--step-1);color:var(--ink-faint);margin-top:.6rem}blockquote{margin:var(--gap-block) 0;border-left:3px solid var(--accent);color:var(--ink-soft);font-size:var(--step-3);padding:.25rem 0 .25rem 1.5rem}.section>ul:not([class]),.section>ol:not([class]){padding-left:1.25rem}.section>ul:not([class])>li+li,.section>ol:not([class])>li+li{margin-top:.4rem}pre{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-sunk);font-size:var(--step-1);padding:1rem 1.25rem;overflow-x:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.925em}hr{margin:var(--gap-page) 0;border:0;border-top:1px solid var(--line)}.reveal-armed{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(1.25rem)}.reveal-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal-armed{opacity:1;transform:none}}.section.cta:after{content:"";z-index:0;background-image:repeating-linear-gradient(45deg, color-mix(in oklab, var(--brand-teal) 9%, transparent) 0 2px, transparent 2px 14px), repeating-linear-gradient(-45deg, color-mix(in oklab, var(--brand-violet) 9%, transparent) 0 2px, transparent 2px 14px);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 100%,#0000 30%,#000000e6);mask-image:radial-gradient(120% 100%,#0000 30%,#000000e6)}.section.cta>*{z-index:1;position:relative}.card-number{color:var(--accent);font-size:var(--step-0);letter-spacing:.12em;font-variant-numeric:tabular-nums;margin-bottom:.4rem;font-weight:700;display:block}.footer{position:relative}.footer:before{content:"";background:var(--gradient);opacity:.7;height:2px;position:absolute;inset:-1px 0 auto}body:after{content:"";z-index:1;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main,.footer{z-index:2;position:relative}.header-sentinel{height:0}.header{transition:padding .25s var(--ease), box-shadow .25s var(--ease), background-color .25s var(--ease)}.header-condensed{box-shadow:var(--shadow-1);padding-top:.5rem;padding-bottom:.5rem}.header-condensed .logo{height:1.8rem}.logo{transition:height .25s var(--ease)}.marquee{z-index:2;border-top:1px solid var(--line);background:var(--paper-sunk);padding:1.1rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{width:max-content;animation:48s linear infinite marquee;display:flex}@keyframes marquee{to{transform:translate(-50%)}}.marquee-row{align-items:center;gap:2.5rem;margin:0;padding:0 1.25rem;list-style:none;display:flex}.marquee-row li{color:var(--ink-soft);font-size:var(--step-1);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:2.5rem;font-weight:600;display:flex}.marquee-row li:after{content:"";background:var(--gradient);border-radius:50%;width:.35rem;height:.35rem}@media (prefers-reduced-motion:reduce){.marquee{-webkit-mask-image:none;mask-image:none}.marquee-track{flex-wrap:wrap;width:auto;animation:none}.marquee-row{flex-wrap:wrap;gap:.6rem 1.5rem}.marquee-row[aria-hidden=true]{display:none}.marquee-row li{gap:1.5rem}}.progress{display:none}@supports (animation-timeline:scroll()){.progress{z-index:30;background:var(--gradient);transform-origin:0;height:3px;animation:linear both progress;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (prefers-reduced-motion:reduce){.progress{display:none}}.cards,.card{container-type:inline-size}@container (min-width:22rem){.card h3{font-size:var(--step-4);padding:1.5rem 1.5rem 0}.card>p,.card>div>p{font-size:var(--step-2);padding:.6rem 1.5rem 0}.card ul{padding:0 1.5rem 1.5rem}.card ul:has(+.card-go){padding-bottom:0}.card>.card-go{padding:1.5rem}.card .button{font-size:var(--step-2)}}@property --ring{syntax:"<angle>";inherits:false;initial-value:0deg}@supports (background:conic-gradient(from 0deg, red, blue)){.hero-figure{background:conic-gradient(from var(--ring), var(--brand-teal), var(--brand-violet), var(--brand-teal));animation:20s linear infinite ring}@keyframes ring{to{--ring:360deg}}}@media (prefers-reduced-motion:reduce){.hero-figure{animation:none}}@media (hover:hover) and (pointer:fine){.hero-figure{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .12s var(--ease);will-change:transform}}@media (prefers-reduced-motion:reduce){.hero-figure{transform:none}}:root[data-motion=reduce] .hero-figure{transform:none}.card:after{content:"";z-index:0;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:radial-gradient(16rem 16rem at var(--spot-x,50%) var(--spot-y,0%), color-mix(in oklab, var(--accent) 16%, transparent), transparent 70%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.card:hover:after{opacity:1}}.card>*{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.card:after{transition:none}}::view-transition-old(root){z-index:1;animation:none}::view-transition-new(root){animation:wipe .5s var(--ease) both;z-index:2}@keyframes wipe{0%{clip-path:circle(0 at var(--wipe-x,50%) var(--wipe-y,100%))}to{clip-path:circle(150vmax at var(--wipe-x,50%) var(--wipe-y,100%))}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.card-details{gap:.7rem;margin:.9rem 0 0;padding:0 1.25rem;display:grid}.card-details>div{gap:.15rem;display:grid}.card-details dt{color:var(--ink);font-size:var(--step-1);font-weight:650}.card-details dd{color:var(--ink-soft);font-size:var(--step-1);margin:0;line-height:1.5}@container (min-width:26rem){.card-details{padding:0 1.5rem}.card-details>div{grid-template-columns:minmax(7rem,auto) 1fr;gap:.15rem 1rem}}@media (min-width:40rem){.solution .card-details>div{grid-template-columns:minmax(7rem,auto) 1fr;gap:.15rem 1rem}}.app-list{margin:var(--gap-block) 0 0;gap:clamp(1rem,.5rem + 1.5vw,1.5rem);padding:0;list-style:none;display:grid}.app{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);box-shadow:var(--shadow-1);grid-template-columns:1fr;gap:1.25rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem);display:grid}@media (min-width:40rem){:is(.app-main:has(.app-icon),.app-main:has(.solution-logo)){grid-template-columns:auto 1fr;align-items:start;gap:1.25rem;display:grid}}@media (min-width:62rem){.app:has(.shots-tall){grid-template-columns:minmax(0,28rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,1rem + 2vw,2.5rem)}:is(.app:has(.shots-tall) .app-main:has(.app-icon),.app:has(.shots-tall) .app-main:has(.solution-logo)){grid-template-columns:1fr;gap:1rem}}.app:not(:has(.shots-tall)) .app-text{max-width:var(--measure)}.app-icon{aspect-ratio:1;object-fit:cover;background:var(--paper-sunk);border-radius:22%;width:5.5rem;height:5.5rem}.app-text>:is(h2,h3){font-size:var(--step-3);margin:0;font-weight:640;line-height:1.3}.app-tagline{color:var(--ink-soft);margin:.25rem 0 0}.app-items{color:var(--ink-soft);margin:.75rem 0 0;padding-left:1.1rem}.plugin-list{margin:var(--gap-block) 0 0;gap:clamp(1rem,.5rem + 1.5vw,1.5rem);padding:0;list-style:none;display:grid}.platform{grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;display:grid}.platform:before{grid-column:1/-1}.platform-mark{flex:none;width:auto;height:1em;display:block}.plugin-versions{color:var(--ink-soft);font-size:var(--step-1);gap:.4rem;margin:.9rem 0 0;display:flex}.plugin-versions dt:after{content:":"}.plugin-versions dd{font-variant-numeric:tabular-nums;margin:0}.solution-logo{border:1px solid var(--line);background:#fff;border-radius:22%;place-items:center;width:5.5rem;height:5.5rem;padding:.7rem;display:grid}.solution-logo img{object-fit:contain;max-width:100%;max-height:100%;display:block}.carousel{min-width:0;position:relative}.app-shots{scroll-snap-type:x proximity;border-radius:var(--radius);gap:.75rem;margin:1.5rem 0 0;padding:0 0 .5rem;list-style:none;display:flex;overflow-x:auto}.app-shots>li{scroll-snap-align:start;flex:none}.app-shots img{border:1px solid var(--line);background:var(--paper-sunk);object-fit:contain;object-position:center;border-radius:12px;display:block}.shots-tall .app-shots img{aspect-ratio:900/1947;width:12rem}.shots-wide .app-shots img{aspect-ratio:16/9;width:min(40rem,82vw)}.carousel-step{display:none}@media (hover:hover) and (pointer:fine){.carousel-step{border:1px solid var(--line);background:var(--paper-raised);width:2.75rem;height:2.75rem;color:inherit;box-shadow:var(--shadow-1);cursor:pointer;transition:opacity .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:calc(50% - 1.375rem)}.carousel-back{left:.6rem;transform:scaleX(-1)}.carousel-on{right:.6rem}.carousel-step svg{width:1.25rem;height:1.25rem}.carousel-step:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.carousel-step:disabled{opacity:.35;cursor:default}}.app-stores{flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 0;display:flex}.store{border:1px solid var(--line);background:var(--paper-sunk);min-height:2.75rem;color:inherit;font-weight:620;font-size:var(--step-2);transition:border-color .15s var(--ease), background-color .15s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;text-decoration:none;display:inline-flex}.store svg{fill:currentColor;width:1.15rem;height:1.15rem}.store:hover,.store:focus-visible{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.store-shopware{background:#189eff;border-color:#0000;gap:0;padding:.6rem 1rem}.store-shopware img{width:auto;height:1.1rem;display:block}:root[data-images=hidden] .store-name-fallback{clip-path:none;white-space:normal;color:#fff;width:auto;height:auto;margin:0;font-weight:620;position:static;overflow:visible}.store-shopware:hover,.store-shopware:focus-visible{filter:brightness(1.12);border-color:#0000}.section.steps{max-width:none}.step-list{counter-reset:step;margin:var(--gap-block) 0 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--line);gap:1px;padding:0;list-style:none;display:grid;overflow:hidden}.step{counter-increment:step;background:var(--paper-raised);transition:background-color .2s var(--ease);padding:1.5rem 1.5rem 1.5rem 4.5rem;position:relative}.step:hover{background:var(--paper-sunk)}.step:before{content:counter(step, decimal-leading-zero);color:var(--accent);font-size:var(--step-1);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-weight:700;position:absolute;top:1.5rem;left:1.5rem}.step:after{content:"";background:var(--gradient);opacity:.35;width:2px;position:absolute;top:3.2rem;bottom:-1px;left:2.05rem}.step:last-child:after{display:none}.step h3{font-size:var(--step-3);margin:0 0 .35rem}.step p{color:var(--ink-soft);max-width:var(--measure);margin:0}@media (max-width:32rem){.step{padding:1.25rem 1.15rem 1.25rem 3.4rem}.step:before{top:1.3rem;left:1.15rem}.step:after{top:2.9rem;left:1.65rem}}.eyebrow{color:var(--accent);font-size:var(--step-0);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem;font-weight:650}.eyebrow+h2:before{display:none}:root[data-text="1.25"]{font-size:125%}:root[data-text="1.5"]{font-size:150%}:root[data-text="1.75"]{font-size:175%}:root[data-text="2"]{font-size:200%}:root[data-line="1.9"] body{line-height:1.9}:root[data-line="2.2"] body{line-height:2.2}:root[data-line="2.6"] body{line-height:2.6}:root[data-align] :is(p,li,dd,dt,blockquote,figcaption,h1,h2,h3,h4){text-wrap:initial}:root[data-align=left] :is(p,li,dd,dt,blockquote,figcaption,h1,h2,h3,h4),:root[data-align=left] .section.cta{text-align:left!important}:root[data-align=right] :is(p,li,dd,dt,blockquote,figcaption,h1,h2,h3,h4),:root[data-align=right] .section.cta{text-align:right!important}:root[data-font=readable] body{letter-spacing:.012em;word-spacing:.06em;font-family:Verdana,Tahoma,DejaVu Sans,Geneva,sans-serif}:root[data-font=readable] :is(h1,h2,h3,h4){letter-spacing:0}:root[data-grayscale=on] :is(.header,main,.marquee,.footer){filter:grayscale()}:root[data-images=hidden] img,:root[data-images=hidden] .hero-figure,.brand-name-fallback{display:none}:root[data-images=hidden] .brand-name-fallback{display:inline}:root[data-contrast=high]{--ink:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--ink-soft:var(--lightningcss-light,#2b3444)var(--lightningcss-dark,#d7ddea);--ink-faint:var(--lightningcss-light,#465063)var(--lightningcss-dark,#b3bccd);--line:var(--lightningcss-light,#9aa3b2)var(--lightningcss-dark,#6d7891);--line-strong:var(--lightningcss-light,#6b7484)var(--lightningcss-dark,#8b96ad);--paper-sunk:var(--lightningcss-light,#f2f4f8)var(--lightningcss-dark,#05070d)}:root[data-contrast=high] .card,:root[data-contrast=high] .form,:root[data-contrast=high] .step-list{border-width:2px}:root[data-links=underline] a{text-underline-offset:.2em;text-decoration:underline}:root[data-focus=outline] :focus{outline:3px solid var(--accent);outline-offset:3px}:root[data-mask=on] body:before{content:"";z-index:25;pointer-events:none;background:linear-gradient(to bottom, #0000009e 0, #0000009e calc(var(--mask-y,50vh) - 3.5rem), transparent calc(var(--mask-y,50vh) - 3.5rem), transparent calc(var(--mask-y,50vh) + 3.5rem), #0000009e calc(var(--mask-y,50vh) + 3.5rem));position:fixed;inset:0}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root[data-motion=reduce] .marquee-track{flex-wrap:wrap;width:auto;animation:none}:root[data-motion=reduce] .marquee-row{flex-wrap:wrap;gap:.6rem 1.5rem}:root[data-motion=reduce] .marquee-row[aria-hidden=true]{display:none}:root[data-motion=reduce] .marquee{-webkit-mask-image:none;mask-image:none}:root[data-motion=reduce] .progress{display:none}.a11y{z-index:40;flex-direction:column-reverse;align-items:flex-end;gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.a11y-button{width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--paper-raised);color:var(--accent);box-shadow:var(--shadow-2);cursor:pointer;transition:transform .2s var(--ease), border-color .2s var(--ease);border-radius:999px;place-items:center;padding:0;display:grid;position:relative}.a11y-button:hover{border-color:color-mix(in oklab, var(--accent) 55%, var(--line));transform:translateY(-2px)}.a11y-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:26px;height:26px}.a11y-button svg circle:not(.a11y-ring){fill:currentColor;stroke:none}.a11y-ring{stroke-width:2px;opacity:.45}.a11y-count{background:var(--accent);min-width:1.15rem;height:1.15rem;color:var(--paper);text-align:center;border-radius:999px;padding:0 .2rem;font-size:.7rem;font-weight:700;line-height:1.15rem;position:absolute;top:-2px;right:-2px}.a11y-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);width:min(23rem,100vw - 3rem);max-height:min(34rem,100vh - 6rem);box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.a11y-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.a11y-head h2{font-size:var(--step-3);margin:0}.a11y-close{min-width:var(--tap);min-height:var(--tap);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1rem}.a11y-close:hover{background:var(--paper-sunk);color:var(--ink)}.a11y-body{padding:.25rem 1rem 1rem;overflow-y:auto}.a11y-group+.a11y-group{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:.9rem}.a11y-group h3{color:var(--ink-soft);font-size:var(--step-0);letter-spacing:.06em;text-transform:uppercase;margin:.9rem 0 .6rem;font-weight:700}.a11y-row+.a11y-row,.a11y-row+.a11y-switch,.a11y-switch+.a11y-switch,.a11y-switch+.a11y-row{margin-top:.6rem}.a11y-label{font-size:var(--step-1);color:var(--ink-soft);margin-bottom:.3rem;display:block}.a11y-steps{border:1px solid var(--line);background:var(--paper-sunk);border-radius:999px;flex-wrap:wrap;gap:.25rem;padding:.2rem;display:flex}.a11y-step{min-height:2rem;color:var(--ink-soft);font-size:var(--step-0);cursor:pointer;white-space:nowrap;border-radius:999px;flex:auto;justify-content:center;align-items:center;padding:0 .6rem;font-weight:550;display:flex}.a11y-step input,.a11y-switch input{appearance:none;opacity:0;width:1px;height:1px;margin:0;position:absolute}:is(.a11y-step:has(input:focus-visible),.a11y-switch:has(input:focus-visible)){outline:2px solid var(--accent);outline-offset:2px}.a11y-step-on{background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-1)}.a11y-switch{min-height:var(--tap);font-size:var(--step-1);cursor:pointer;align-items:center;gap:.6rem;display:flex;position:relative}.a11y-track{border:1px solid var(--line);background:var(--paper-sunk);width:2.4rem;height:1.35rem;transition:background-color .15s var(--ease), border-color .15s var(--ease);border-radius:999px;flex:none}.a11y-track:after{content:"";background:var(--ink-soft);width:1rem;height:1rem;transition:transform .15s var(--ease);border-radius:999px;margin:.13rem;display:block}.a11y-switch input:checked+.a11y-track{border-color:var(--accent);background:var(--accent)}.a11y-switch input:checked+.a11y-track:after{background:var(--paper);transform:translate(1.05rem)}.a11y-disclosure{width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-sunk);color:var(--ink);font:inherit;font-size:var(--step-1);text-align:left;cursor:pointer;margin-top:.4rem;padding:0 .75rem;display:block}.a11y-disclosure:after{content:"▾";float:right;color:var(--ink-soft)}.a11y-disclosure[aria-expanded=true]:after{content:"▴"}.a11y-list{margin:.35rem 0 0;padding:0 0 0 .25rem;list-style:none}.a11y-list li[data-level="3"]{padding-left:1rem}.a11y-list a,.a11y-list button{width:100%;min-height:2.25rem;color:var(--accent);font:inherit;font-size:var(--step-0);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.35rem .5rem;display:block}.a11y-list a:hover,.a11y-list button:hover{background:var(--paper-sunk)}.a11y-empty{color:var(--ink-soft);font-size:var(--step-0);padding:.35rem .5rem}.a11y-foot{border-top:1px solid var(--line);background:var(--paper-sunk);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.a11y-foot button{border:1px solid var(--line);background:var(--paper-raised);min-height:2.25rem;color:var(--ink);font:inherit;font-size:var(--step-0);cursor:pointer;border-radius:999px;padding:0 .75rem}.a11y-foot button:hover{border-color:color-mix(in oklab, var(--accent) 45%, var(--line))}.a11y-foot a{font-size:var(--step-0);margin-left:auto}@media (max-width:30rem){.a11y{bottom:1rem;right:1rem}.a11y-panel{width:calc(100vw - 2rem);max-height:calc(100vh - 8rem)}}