@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-ext-wght-normal.1372b7ea.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-wght-normal.a1912661.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-vietnamese-wght-normal.9e173390.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-ext-wght-normal.2a7662c9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-wght-normal.e574545b.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-ext-wght-normal.1448e8fb.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-wght-normal.fd88b752.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-symbols2-wght-normal.5e47930e.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-vietnamese-wght-normal.55d33837.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-ext-wght-normal.62f461fd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-wght-normal.2fc7e6c4.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-ext-400-normal.63da9e07.woff2)format("woff2"),url(../media/instrument-serif-latin-ext-400-normal.9951c566.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-normal.60c916e2.woff2)format("woff2"),url(../media/instrument-serif-latin-400-normal.a1525370.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-ext-400-italic.9887a215.woff2)format("woff2"),url(../media/instrument-serif-latin-ext-400-italic.a989e7fd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-italic.b1508682.woff2)format("woff2"),url(../media/instrument-serif-latin-400-italic.a35d556a.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper-0:#f9fafe;--color-paper-1:#f2f2fa;--color-paper-2:#e8e8f4;--color-paper-3:#dadbea;--color-ink-0:#141425;--color-ink-1:#3b3b4d;--color-ink-2:#5f5f6d;--color-ink-3:#9797a1;--color-accent:#5f4dd5;--color-accent-strong:#4c2ebf;--color-accent-soft:#9a99f3;--color-accent-tint:#e9ebff;--color-coral:#ee7d55;--color-coral-ink:#a73b15;--color-coral-tint:#ffe7de;--color-teal:#2fa284;--color-teal-ink:#00624d;--color-teal-tint:#d6f5ea;--color-danger:#ba2b2e;--color-on-ink:#f9fafe;--color-on-ink-muted:#c2c3d1;--color-on-ink-rule:#f9fafe24;--color-focus:#4c2ebf;--color-selection:#5f4dd5;--font-display:"Geist Variable","Geist",ui-sans-serif,system-ui,sans-serif;--font-body:"Geist Variable","Geist",ui-sans-serif,system-ui,sans-serif;--font-accent:"Instrument Serif",ui-serif,Georgia,serif;--font-mono:"Geist Mono Variable","Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--accent-word-style:italic;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:clamp(1.75rem,1.35rem + 1.6vw,2.5rem);--text-3xl:clamp(2.1rem,1.35rem + 3vw,3.5rem);--text-display:clamp(2.6rem,1.35rem + 4.8vw,5rem);--text-display-s:clamp(2.3rem,1.3rem + 3.6vw,4.1rem);--text-display-xs:clamp(2.05rem,1.25rem + 2.9vw,3.5rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--space-4xl:8rem;--container:77.5rem;--container-reading:46rem;--gutter:clamp(1rem,4vw,2rem);--header-offset:6.25rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--rule-hair:1px solid color-mix(in oklch,var(--color-ink-0)8%,transparent);--rule-soft:1px solid color-mix(in oklch,var(--color-ink-0)14%,transparent);--rule-strong:1px solid color-mix(in oklch,var(--color-ink-0)22%,transparent);--shadow-float:0 1px 0 #fff9 inset,0 8px 30px -12px #25214e33;--shadow-card:0 1px 0 #ffffffb3 inset,0 24px 60px -28px #25214e42,0 4px 12px -4px #25214e14;--shadow-lift:0 20px 60px -30px #291f664d;--shadow-button:0 1px 0 #ffffff29 inset,0 8px 24px -10px #180d466b;--shadow-stage:0 30px 80px -40px #25214e3d;--shadow-art:0 6px 16px -8px #25214e33;--shadow-featured:0 24px 60px -30px #10023b8c;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:.14s;--dur-mid:.24s;--dur-slow:.42s;--z-raised:10;--z-dropdown:100;--z-sticky:200}@supports (color:lab(0% 0 0)){:root{--color-paper-0:lab(98.2092% .556618 -2.1947);--color-paper-1:lab(95.7299% 1.03435 -4.01471);--color-paper-2:lab(92.2057% 1.52639 -5.82607);--color-paper-3:lab(87.6454% 1.93292 -7.26767);--color-ink-0:lab(6.85784% 4.45471 -12.1157);--color-ink-1:lab(25.467% 3.34395 -10.6845);--color-ink-2:lab(40.6397% 2.24559 -7.92898);--color-ink-3:lab(62.7582% 1.34712 -5.09083);--color-accent:lab(41.1499% 36.5344 -69.1489);--color-accent-strong:lab(31.1813% 43.9449 -72.637);--color-accent-soft:lab(66.0579% 16.4278 -45.7239);--color-accent-tint:lab(93.3189% 3.11822 -12.7611);--color-coral:lab(65.2193% 42.1698 42.3059);--color-coral-ink:lab(40.7382% 43.9969 45.5442);--color-coral-tint:lab(93.3935% 9.16374 8.77858);--color-teal:lab(59.6808% -38.4357 5.53671);--color-teal-ink:lab(36.2176% -31.7344 4.54091);--color-teal-tint:lab(94.0805% -11.8408 1.74506);--color-danger:lab(42.4959% 56.9739 35.4904);--color-on-ink:lab(98.2092% .556618 -2.1947);--color-on-ink-muted:lab(78.9447% 1.94266 -7.26193);--color-on-ink-rule:lab(98.2092% .556618 -2.1947/.14);--color-focus:lab(31.1813% 43.9449 -72.637);--color-selection:lab(41.1499% 36.5344 -69.1489);--shadow-float:0 1px 0 lab(100% 0 0/.6) inset,0 8px 30px -12px lab(15.4019% 12.3989 -27.7902/.2);--shadow-card:0 1px 0 lab(100% 0 0/.7) inset,0 24px 60px -28px lab(15.4019% 12.3989 -27.7902/.26),0 4px 12px -4px lab(15.4019% 12.3989 -27.7902/.08);--shadow-lift:0 20px 60px -30px lab(16.8503% 22.445 -41.4797/.3);--shadow-button:0 1px 0 lab(100% 0 0/.16) inset,0 8px 24px -10px lab(7.75014% 20.2562 -34.5673/.42);--shadow-stage:0 30px 80px -40px lab(15.4019% 12.3989 -27.7902/.24);--shadow-art:0 6px 16px -8px lab(15.4019% 12.3989 -27.7902/.2);--shadow-featured:0 24px 60px -30px lab(3.84587% 18.7285 -32.9115/.55)}}
*,:before,:after{box-sizing:border-box}html{font-family:var(--font-body);color:var(--color-ink-0);background:var(--color-paper-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--header-offset);overflow-x:clip}body{min-height:100dvh;font-size:var(--text-base);background:radial-gradient(1200px 620px at 10% -12%,color-mix(in oklch,var(--color-accent-tint)80%,transparent),transparent 62%),radial-gradient(900px 520px at 92% 4%,color-mix(in oklch,var(--color-teal-tint)75%,transparent),transparent 58%),var(--color-paper-0);background-repeat:no-repeat;margin:0;line-height:1.6;overflow-x:clip}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}::selection{background:var(--color-selection);color:var(--color-on-ink)}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-ink-0);overflow-wrap:anywhere;text-wrap:balance;min-width:0;font-style:normal}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{left:var(--space-md);top:var(--space-md);z-index:calc(var(--z-sticky) + 1);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-pill);background:var(--color-ink-0);color:var(--color-on-ink);font-weight:600;position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:calc(var(--container) + 2*var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.site-main{padding-top:var(--header-offset)}.accent-word{font-family:var(--font-accent);font-style:var(--accent-word-style);letter-spacing:-.01em;color:var(--color-accent);font-weight:400}.mono{font-family:var(--font-mono)}.store-shot{aspect-ratio:1280/800;background:var(--color-paper-1);border:var(--rule-soft);border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:var(--shadow-card);display:block}:root:lang(zh){--font-accent:"Instrument Serif","Songti SC","Noto Serif SC","Source Han Serif SC",STSong,serif;--accent-word-style:normal}:lang(zh) h1,:lang(zh) h2,:lang(zh) h3{letter-spacing:0}.section{padding-block:clamp(var(--space-2xl),1.6rem + 3vw,var(--space-3xl));scroll-margin-top:var(--header-offset)}.section-head{gap:var(--space-md);margin-bottom:clamp(var(--space-xl),1.5rem + 1.5vw,var(--space-2xl));grid-template-columns:minmax(0,1fr);align-items:end;display:grid}.section-head__title{font-size:var(--text-3xl);letter-spacing:-.028em;max-width:18ch;font-weight:600;line-height:1.06}.section-head__text{font-size:var(--text-md);color:var(--color-ink-1);max-width:50ch;line-height:1.55}.section-head--center{text-align:center;justify-items:center}.section-head--center .section-head__title{max-width:20ch}@media (min-width:48rem){.section-head:not(.section-head--center){gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.button{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);min-height:3rem;font-weight:500;font-size:var(--text-base);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast)var(--ease-out),background-color var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);border:1px solid #0000;padding:.8rem 1.35rem;line-height:1.2;display:inline-flex}.button svg{width:1.05rem;height:1.05rem;transition:transform var(--dur-fast)var(--ease-out);flex:none}.button--primary{background:var(--color-ink-0);color:var(--color-on-ink);border-color:var(--color-ink-0);box-shadow:var(--shadow-button)}.button--ghost{background:color-mix(in oklch,var(--color-paper-0)60%,transparent);color:var(--color-ink-0);border:var(--rule-soft)}@media (hover:hover) and (pointer:fine){.button--primary:hover{background:var(--color-accent);border-color:var(--color-accent)}.button--ghost:hover{background:var(--color-paper-2);border-color:color-mix(in oklch,var(--color-ink-0)22%,transparent)}.button:hover svg{transform:translate(2px)}}.button:active,.chrome-cta--live:active{transform:translateY(1px)}.button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.chrome-cta{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);white-space:nowrap;min-height:3rem;padding:.75rem 1.2rem;font-weight:500;line-height:1.2;display:inline-flex}.chrome-cta__icon{flex:none;width:1rem;height:1rem}.chrome-cta__badge{border-radius:var(--radius-sm);background:var(--color-paper-0);width:1.6rem;height:1.6rem;box-shadow:0 0 0 1px color-mix(in oklch,var(--color-ink-0)10%,transparent);transition:transform var(--dur-mid)var(--ease-out);flex:none;place-items:center;display:inline-grid}.chrome-cta__logo{width:1.15rem;height:1.15rem}.chrome-cta--compact .chrome-cta__badge{border-radius:var(--radius-pill);width:1.45rem;height:1.45rem}.chrome-cta--compact .chrome-cta__logo{width:1rem;height:1rem}.chrome-cta--live{background:var(--color-ink-0);color:var(--color-on-ink);border:1px solid var(--color-ink-0);box-shadow:var(--shadow-button);transition:transform var(--dur-fast)var(--ease-out),background-color var(--dur-fast)var(--ease-out)}@media (hover:hover) and (pointer:fine){.chrome-cta--live:hover{background:var(--color-accent);border-color:var(--color-accent)}}.chrome-cta--pending{background:color-mix(in oklch,var(--color-paper-0)70%,transparent);color:var(--color-ink-1);border:1px dashed color-mix(in oklch,var(--color-ink-0)24%,transparent);cursor:default}.chrome-cta--pending .chrome-cta__icon{color:var(--color-accent)}.chrome-cta--compact{min-height:2.5rem;font-size:var(--text-sm);padding:.5rem .95rem}.install-group{border:1px solid color-mix(in oklch,var(--color-accent)42%,transparent);border-radius:calc(var(--radius-md) + .3rem);background:linear-gradient(135deg,color-mix(in oklch,var(--color-accent)34%,transparent),color-mix(in oklch,var(--color-teal)14%,transparent)),var(--color-ink-0);max-width:100%;box-shadow:var(--shadow-button);flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.3rem;display:inline-flex}.install-group .install-link{align-items:center;gap:var(--space-xs);border:1px solid color-mix(in oklch,var(--color-paper-0)60%,transparent);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-paper-0),var(--color-accent-tint));min-height:2.9rem;color:var(--color-ink-0);white-space:nowrap;box-shadow:none;transition:transform var(--dur-mid)var(--ease-out),box-shadow var(--dur-mid)var(--ease-out),background-color var(--dur-mid)var(--ease-out);padding:.55rem 1.15rem .55rem .65rem;font-weight:500;line-height:1.2;display:inline-flex}@media (max-width:29.99rem){.install-group{flex-direction:column;width:min(100%,20rem)}.install-group .install-link{justify-content:center}}.install-group .install-link+.install-link{border-color:color-mix(in oklch,var(--color-on-ink)18%,transparent);background:color-mix(in oklch,var(--color-on-ink)6%,transparent);color:var(--color-on-ink)}@media (hover:hover) and (pointer:fine){.install-group .install-link:hover{background:linear-gradient(135deg,var(--color-paper-0),var(--color-accent-tint));border-color:var(--color-accent);box-shadow:0 12px 28px -12px color-mix(in oklch,var(--color-accent)75%,transparent),0 0 0 1px var(--color-accent);transform:translateY(-2px)}.install-group .install-link+.install-link:hover{background:color-mix(in oklch,var(--color-teal)22%,transparent);border-color:var(--color-teal);box-shadow:0 12px 28px -12px color-mix(in oklch,var(--color-teal)75%,transparent),0 0 0 1px var(--color-teal)}.install-group:hover .install-link:not(:hover){opacity:.6}.install-group .install-link:hover .chrome-cta__badge{transform:rotate(-8deg)scale(1.08)}}.install-group .install-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.install-group .install-link,.chrome-cta__badge{transition:none}.install-group .install-link:hover,.install-group .install-link:hover .chrome-cta__badge{transform:none}}.status-chip{align-items:center;gap:var(--space-xs);border:var(--rule-soft);border-radius:var(--radius-pill);background:var(--color-paper-0);max-width:100%;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-ink-1);padding:.4rem .9rem .4rem .75rem;line-height:1.4;display:inline-flex}.status-chip__dot{border-radius:var(--radius-pill);background:var(--color-coral);width:.5rem;height:.5rem;box-shadow:0 0 0 3px var(--color-coral-tint);flex:none}.status-chip--live .status-chip__dot{background:var(--color-teal);box-shadow:0 0 0 3px var(--color-teal-tint)}.text-link{align-items:center;gap:var(--space-2xs);color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch,var(--color-accent)30%,transparent);text-decoration-color:color-mix(in oklch,var(--color-accent)30%,transparent);text-underline-offset:.25em;transition:text-decoration-color var(--dur-fast)var(--ease-out);font-weight:500;display:inline-flex}.text-link svg{width:1rem;height:1rem;transition:transform var(--dur-fast)var(--ease-out);flex:none}@media (hover:hover) and (pointer:fine){.text-link:hover{text-decoration-color:currentColor}.text-link:hover svg{transform:translate(2px)}}.breadcrumbs{align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2);flex-wrap:wrap;display:flex}.breadcrumbs a{white-space:nowrap;transition:color var(--dur-fast)var(--ease-out)}.breadcrumbs a:hover{color:var(--color-ink-0)}.breadcrumbs svg{width:.9rem;height:.9rem;color:var(--color-ink-3)}.breadcrumbs [aria-current=page]{color:var(--color-ink-0);font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.12s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.site-header{inset:var(--space-sm)0 auto;z-index:var(--z-sticky);padding-inline:var(--gutter);pointer-events:none;justify-content:center;display:flex;position:fixed}.site-header__pill{align-items:center;gap:var(--space-xs);background:color-mix(in oklch,var(--color-paper-0)82%,transparent);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border:var(--rule-soft);border-radius:var(--radius-pill);width:100%;min-height:3.5rem;box-shadow:var(--shadow-float);font-size:var(--text-sm);pointer-events:auto;padding:.375rem .375rem .375rem .875rem;display:flex;position:relative}.site-header__brand{min-height:2.75rem;padding-right:var(--space-xs);border-radius:var(--radius-pill);align-items:center;margin-right:auto;display:inline-flex}.site-header__nav{align-items:center;gap:var(--space-3xs);display:none}.site-header__nav-link{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-pill);min-height:2.5rem;color:var(--color-ink-1);white-space:nowrap;transition:background-color var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);padding:.5rem .875rem;font-weight:500;display:inline-flex}.site-header__nav-link svg{width:.95rem;height:.95rem;transition:transform var(--dur-mid)var(--ease-out)}.site-header__nav-link:hover,.feature-menu[open]>.site-header__nav-link{background:var(--color-paper-2);color:var(--color-ink-0)}.site-header__nav-link[aria-current=page],.site-header__nav-link[data-active]{color:var(--color-ink-0);background:var(--color-accent-tint)}.feature-menu[open]>summary svg{transform:rotate(180deg)}.site-header__actions{align-items:center;gap:var(--space-2xs);display:flex}.site-header__actions .language-menu{display:none}@media (min-width:64rem){.site-header__pill{gap:var(--space-sm);width:auto}.site-header__brand{margin-right:var(--space-xs)}.site-header__nav{display:flex}.site-header__actions .language-menu{display:block}.mobile-menu{display:none}}.feature-menu__panel{width:min(42rem,calc(100vw - 2*var(--gutter)));padding:var(--space-sm);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:var(--z-dropdown);position:absolute;top:calc(100% + .625rem);left:50%;transform:translate(-50%)}.feature-menu[open]>.feature-menu__panel{animation:panel-in var(--dur-mid)var(--ease-out)}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.feature-menu__title{padding:var(--space-xs)var(--space-sm)var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-ink-2)}.feature-menu__list{gap:var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.feature-menu__link,.mobile-feature-list__link{align-items:flex-start;gap:var(--space-sm);min-height:3rem;padding:var(--space-sm);border-radius:var(--radius-md);color:var(--color-ink-1);transition:background-color var(--dur-fast)var(--ease-out);display:flex}.feature-menu__link:hover,.mobile-feature-list__link:hover{background:var(--color-paper-1)}.feature-menu__link[aria-current=page],.mobile-feature-list__link[aria-current=page]{background:var(--color-accent-tint)}.feature-menu__icon{border-radius:var(--radius-md);background:var(--color-accent-tint);width:2.25rem;height:2.25rem;color:var(--color-accent);border:1px solid color-mix(in oklch,var(--color-accent)16%,transparent);flex:none;place-items:center;display:grid}.feature-menu__icon svg{width:1.1rem;height:1.1rem}[data-route=supportedContent] .feature-menu__icon{background:var(--color-teal-tint);color:var(--color-teal-ink);border-color:color-mix(in oklch,var(--color-teal)22%,transparent)}.feature-menu__text{gap:var(--space-3xs);min-width:0;display:grid}.feature-menu__text strong{color:var(--color-ink-0);font-size:var(--text-sm);font-weight:600}.feature-menu__text small{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.45}.feature-menu__all,.mobile-feature-menu__all{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);background:var(--color-paper-1);color:var(--color-ink-0);transition:background-color var(--dur-fast)var(--ease-out);font-weight:500;display:flex}.feature-menu__all:hover,.mobile-feature-menu__all:hover{background:var(--color-paper-2)}.feature-menu__all svg,.mobile-feature-menu__all svg{width:1rem;height:1rem;color:var(--color-accent);flex:none}.language-menu{position:relative}.language-menu__trigger{align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);min-height:2.5rem;color:var(--color-ink-1);white-space:nowrap;transition:background-color var(--dur-fast)var(--ease-out);padding:.4rem .7rem;font-weight:500;display:inline-flex}.language-menu__trigger:hover,.language-menu[open]>.language-menu__trigger{background:var(--color-paper-2);color:var(--color-ink-0)}.language-menu__chevron{width:.9rem;height:.9rem;transition:transform var(--dur-mid)var(--ease-out)}.language-menu[open] .language-menu__chevron{transform:rotate(180deg)}.language-menu__panel{min-width:15rem;padding:var(--space-xs);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:var(--z-dropdown);position:absolute;top:calc(100% + .625rem);right:0}.language-menu[open]>.language-menu__panel{animation:menu-in var(--dur-mid)var(--ease-out)}.language-menu__label{padding:var(--space-xs)var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2)}.language-menu__list{margin:0;padding:0;list-style:none}.language-menu__option{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:2.75rem;padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-md);color:var(--color-ink-1);transition:background-color var(--dur-fast)var(--ease-out);display:flex}.language-menu__option:hover{background:var(--color-paper-1);color:var(--color-ink-0)}.language-menu__option--current{color:var(--color-ink-0);font-weight:600}.language-menu__option-label{align-items:center;gap:var(--space-sm);display:inline-flex}.language-menu__check{width:1rem;height:1rem;color:var(--color-accent)}.locale-flag{border-radius:var(--radius-pill);width:1.15rem;height:1.15rem;box-shadow:0 0 0 1px color-mix(in oklch,var(--color-ink-0)12%,transparent);flex:none;display:inline-block;overflow:hidden}.locale-flag svg{width:100%;height:100%}.mobile-menu__trigger{border-radius:var(--radius-pill);background:var(--color-ink-0);width:2.75rem;height:2.75rem;color:var(--color-on-ink);transition:background-color var(--dur-fast)var(--ease-out);place-items:center;display:grid}.mobile-menu__trigger svg{width:1.15rem;height:1.15rem}.mobile-menu[open]>.mobile-menu__trigger{background:var(--color-accent)}.mobile-menu__panel{max-height:calc(100dvh - var(--header-offset));overscroll-behavior:contain;padding:var(--space-sm);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:var(--z-dropdown);position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto}.mobile-menu[open]>.mobile-menu__panel{animation:menu-in var(--dur-mid)var(--ease-out)}.mobile-menu__nav{gap:var(--space-3xs);display:grid}.mobile-menu__link{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:3rem;padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);color:var(--color-ink-0);font-size:var(--text-base);transition:background-color var(--dur-fast)var(--ease-out);font-weight:500;display:flex}.mobile-menu__link:hover,.mobile-menu__link[aria-current=page]{background:var(--color-paper-1)}.mobile-feature-menu__trigger svg{width:1rem;height:1rem;color:var(--color-ink-2);transition:transform var(--dur-mid)var(--ease-out)}.mobile-feature-menu[open]>.mobile-feature-menu__trigger svg{transform:rotate(180deg)}.mobile-feature-menu__panel{padding:var(--space-2xs)0 var(--space-xs)}.mobile-feature-list{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.mobile-menu__controls{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm)var(--space-2xs)var(--space-2xs);border-top:var(--rule-hair);flex-wrap:wrap;display:flex}.mobile-menu__controls .language-menu{flex:100%}.mobile-menu__controls .language-menu__trigger{border:var(--rule-soft)}.mobile-menu__controls .language-menu__panel{margin-top:var(--space-xs);min-width:0;box-shadow:none;position:static}.site-footer{margin-top:var(--space-2xl);padding:var(--space-3xl)0 var(--space-xl);border-top:var(--rule-hair);background:color-mix(in oklch,var(--color-paper-1)60%,transparent)}.site-footer__statement{overflow-wrap:anywhere;max-width:24ch;margin-bottom:var(--space-2xl);font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,1.1rem + 2.8vw,3.1rem);font-weight:600;line-height:1.06}.site-footer__row{gap:var(--space-2xl);padding-top:var(--space-xl);border-top:var(--rule-hair);display:grid}.site-footer__brand{align-content:start;justify-items:start;gap:var(--space-md);display:grid}.site-footer__brand-link{border-radius:var(--radius-pill)}.site-footer__nav{gap:var(--space-xl)var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-footer__heading{margin-bottom:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2);font-weight:500}.site-footer__links{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:grid}.site-footer__link{min-height:2rem;font-size:var(--text-sm);color:var(--color-ink-1);transition:color var(--dur-fast)var(--ease-out);align-items:center;display:inline-flex}.site-footer__link:hover,.site-footer__link[aria-current=page]{color:var(--color-ink-0)}.site-footer__link[aria-current=page]{font-weight:600}.site-footer__link--locale{gap:var(--space-xs)}.site-footer__base{gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-md);border-top:var(--rule-hair);font-size:var(--text-sm);color:var(--color-ink-2);flex-direction:column;display:flex}@media (min-width:48rem){.site-footer__nav{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer__base{flex-direction:row;justify-content:space-between;align-items:baseline}}@media (min-width:64rem){.site-footer__row{grid-template-columns:minmax(0,1.4fr) minmax(0,2.4fr)}}.brand{align-items:center;gap:var(--space-xs);display:inline-flex}.brand__mark{border-radius:var(--radius-md);background:var(--color-paper-0);width:2.25rem;height:2.25rem;box-shadow:0 0 0 1px color-mix(in oklch,var(--color-ink-0)8%,transparent);flex:none;place-items:center;display:grid;overflow:hidden}.brand--compact .brand__mark{border-radius:9px;width:1.85rem;height:1.85rem}.brand__image{object-fit:contain;width:100%;height:100%}.brand__wordmark{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.03em;color:var(--color-ink-0);font-weight:650}.brand--compact .brand__wordmark{font-size:var(--text-md)}.not-found__hero{isolation:isolate;padding-block:var(--space-xl)var(--space-2xl);position:relative}.not-found__hero:before{content:"";inset:calc(-1*var(--header-offset))0 0;z-index:-1;background-image:linear-gradient(to right,color-mix(in oklch,var(--color-ink-0)5%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--color-ink-0)5%,transparent)1px,transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;-webkit-mask-image:radial-gradient(80% 60% at 50% 35%,#000 25%,#0000 72%);mask-image:radial-gradient(80% 60% at 50% 35%,#000 25%,#0000 72%)}.not-found__layout{gap:var(--space-2xl);align-items:center;display:grid}.not-found__copy{justify-items:start;gap:var(--space-lg);min-width:0;display:grid}.not-found__title{max-width:14ch}.not-found__text{max-width:52ch;font-size:var(--text-md);color:var(--color-ink-1);line-height:1.55}.not-found__actions{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.not-found__card .not-found__tag{background:var(--color-coral-tint);color:var(--color-coral-ink)}.not-found__path{gap:var(--space-2xs);flex-direction:column}.not-found__path code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-0);overflow-wrap:anywhere}.not-found__card .not-found__reason{font-size:var(--text-xs);letter-spacing:0;text-transform:none}.not-found__suggestions-title{margin-bottom:var(--space-md);font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.not-found__suggestions{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.not-found__suggestion{align-items:flex-start;gap:var(--space-sm);height:100%;padding:var(--space-md);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg);color:var(--color-ink-1);transition:border-color var(--dur-fast)var(--ease-out);display:flex}.not-found__suggestion-arrow{width:1rem;height:1rem;color:var(--color-accent);flex:none;align-self:center;margin-left:auto}@media (hover:hover) and (pointer:fine){.not-found__suggestion:hover{border-color:color-mix(in oklch,var(--color-accent)40%,transparent)}}@media (min-width:40rem){.not-found__suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.not-found__hero{padding-block:var(--space-2xl)var(--space-3xl)}.not-found__layout{gap:var(--space-3xl);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.not-found__suggestions{grid-template-columns:repeat(3,minmax(0,1fr))}}.hero-title{font-size:var(--text-display);letter-spacing:-.035em;font-weight:600;line-height:.98}.hero-title[data-length=long]{font-size:var(--text-display-s);line-height:1.02}.hero-title[data-length=xlong]{font-size:var(--text-display-xs);line-height:1.05}.fineprint{gap:var(--space-2xs)var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.fineprint li{align-items:center;gap:var(--space-md);display:inline-flex}.fineprint li+li:before{content:"·";color:var(--color-ink-3)}
.home-hero{isolation:isolate;padding-block:var(--space-xl)var(--space-2xl);position:relative}.home-hero:before{content:"";inset:calc(-1*var(--header-offset))0 0;z-index:-1;background-image:linear-gradient(to right,color-mix(in oklch,var(--color-ink-0)5%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--color-ink-0)5%,transparent)1px,transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;-webkit-mask-image:radial-gradient(80% 60% at 50% 35%,#000 25%,#0000 72%);mask-image:radial-gradient(80% 60% at 50% 35%,#000 25%,#0000 72%)}.home-hero>.container{text-align:center}.home-hero__layout{margin-top:var(--space-xl);justify-items:center;display:grid}.home-hero__copy{justify-items:center;min-width:0;display:grid}.home-hero .hero-title{text-wrap:balance;max-width:17ch}.home-hero__lead{max-width:54ch;margin-top:var(--space-lg);font-size:var(--text-md);color:var(--color-ink-1);text-wrap:pretty;line-height:1.55}.home-hero__actions{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.home-hero .accent-word{max-width:100%;padding-bottom:.06em;display:inline-block;position:relative}.home-hero .accent-word:after{content:"";background:linear-gradient(90deg,var(--color-accent),var(--color-coral));pointer-events:none;height:.16em;position:absolute;bottom:-.1em;left:4%;right:4%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8.5C30 4 58 3.5 86 5.5s58 3 112-2' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8.5C30 4 58 3.5 86 5.5s58 3 112-2' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.hero-proof{justify-content:center;gap:var(--space-xs)var(--space-lg);margin:var(--space-lg)0 0;font-size:var(--text-sm);color:var(--color-ink-1);flex-wrap:wrap;padding:0;list-style:none;display:flex}.hero-proof li{align-items:center;gap:var(--space-xs);display:inline-flex}.hero-proof svg{width:1rem;height:1rem;color:var(--color-teal-ink);flex:none}.hero-chips{justify-content:center;gap:var(--space-xs)var(--space-sm);margin:var(--space-xl)0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.hero-chips li{border:var(--rule-soft);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--color-paper-0)80%,transparent);font-size:var(--text-sm);white-space:nowrap;color:var(--color-ink-1);padding:.5rem 1.05rem}@media (min-width:64rem){.home-hero{padding-block:var(--space-2xl)var(--space-3xl)}}.works-with{padding-block:var(--space-xl)var(--space-2xl);text-align:center}.works-with__title{font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-ink-0);font-weight:600}.works-with__text{max-width:66ch;margin:var(--space-xs)auto 0;font-size:var(--text-sm);color:var(--color-ink-2);text-wrap:pretty;line-height:1.6}.section-head__aside{justify-items:start;gap:var(--space-md);display:grid}.carousel{gap:var(--space-md);max-width:58rem;margin-inline:auto;display:grid}.carousel__viewport{touch-action:pan-y;display:grid;position:relative;container-type:inline-size}.carousel__slide{gap:var(--space-md);opacity:0;visibility:hidden;transition:opacity var(--dur-slow)var(--ease-in-out),visibility 0s linear var(--dur-slow);grid-area:1/1;margin:0;display:grid}.carousel__slide[data-active=true]{opacity:1;visibility:visible;transition:opacity var(--dur-slow)var(--ease-in-out)}.carousel__slide .store-shot{border-radius:var(--radius-xl);box-shadow:var(--shadow-stage)}.carousel__caption{max-width:64ch;font-size:var(--text-sm);text-align:center;color:var(--color-ink-1);margin-inline:auto}.carousel__arrow{z-index:1;border:var(--rule-soft);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--color-paper-0)88%,transparent);width:2.75rem;height:2.75rem;color:var(--color-ink-0);box-shadow:var(--shadow-card);cursor:pointer;transition:background-color var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out);place-items:center;padding:0;display:grid;position:absolute;top:31.25cqw;transform:translateY(-50%)}.carousel__arrow--previous{left:var(--space-sm)}.carousel__arrow--next{right:var(--space-sm)}.carousel__arrow svg{width:1.25rem;height:1.25rem}@media (hover:hover) and (pointer:fine){.carousel__arrow:hover{background:var(--color-paper-0);transform:translateY(-50%)scale(1.06)}}@media (min-width:64rem){.carousel__arrow--previous{left:var(--space-md)}.carousel__arrow--next{right:var(--space-md)}}@media (prefers-reduced-motion:reduce){.carousel__slide,.carousel__slide[data-active=true],.carousel__arrow{transition:none}}.facts__grid{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.fact-card{padding:var(--space-xl)var(--space-lg);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg)}.fact-card:first-child{background:linear-gradient(160deg,var(--color-accent-tint),var(--color-paper-0)62%)}.fact-card:nth-child(2){background:linear-gradient(160deg,var(--color-teal-tint),var(--color-paper-0)62%)}.fact-card:nth-child(3){background:linear-gradient(160deg,var(--color-coral-tint),var(--color-paper-0)62%)}.fact-card__value{align-items:baseline;gap:var(--space-xs);font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,2.1rem + 3vw,4.5rem);font-weight:600;line-height:1;display:flex}.fact-card__value small{font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-ink-1);font-weight:500}.fact-card__label{margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-1)}.fact-card__text{max-width:32ch;margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-1)}@media (min-width:40rem){.facts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:72rem){.facts__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr)}}.feature-bento{gap:var(--space-md);display:grid}.feature-card{gap:var(--space-md);min-width:0;padding:var(--space-lg);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg);transition:box-shadow var(--dur-mid)var(--ease-out);flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine){.feature-card:hover{box-shadow:var(--shadow-lift)}}.feature-card__art{min-height:12rem;padding:var(--space-md);background:linear-gradient(180deg,var(--color-paper-1),var(--color-paper-2));border-radius:var(--radius-md);place-items:center;display:grid;overflow:hidden}.feature-card__title{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600;line-height:1.2}.feature-card__text{font-size:var(--text-sm);color:var(--color-ink-1);line-height:1.6}.feature-card__link{align-items:center;gap:var(--space-2xs);padding-top:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-accent-strong);margin-top:auto;display:inline-flex}.feature-card__link svg{width:.9rem;height:.9rem;transition:transform var(--dur-fast)var(--ease-out)}.feature-card:hover .feature-card__link svg{transform:translate(3px)}@media (min-width:48rem){.feature-card{padding:var(--space-xl)}}@media (min-width:64rem){.feature-bento{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.feature-card--bulk{grid-row:span 2}.feature-card--bulk .feature-card__art{flex:1;min-height:18rem}}@media (min-width:80rem){.feature-card--archive,.feature-card--photo{column-gap:var(--space-lg);row-gap:var(--space-sm);grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);display:grid}.feature-card--archive .feature-card__art,.feature-card--photo .feature-card__art{grid-row:1/span 3;min-height:0}.feature-card--archive .feature-card__link,.feature-card--photo .feature-card__link{align-self:end}}.art{width:100%;max-width:22rem;font-family:var(--font-mono);color:var(--color-ink-1);font-size:.7rem}.art--large{max-width:30rem;font-size:.78rem}.art--queue,.art--archive{padding:var(--space-sm);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-art)}.art-queue__head{margin-bottom:var(--space-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-2);justify-content:space-between;font-size:.62rem;display:flex}.art-queue__head strong{color:var(--color-ink-0)}.art-queue__rows{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.art-row{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-paper-1);grid-template-columns:auto minmax(0,1fr) auto;padding:.4rem .5rem;display:grid}.art-row__icon{border-radius:var(--radius-pill);background:var(--color-paper-2);width:1.15rem;height:1.15rem;color:var(--color-ink-2);place-items:center;display:grid}.art-row__icon svg{width:.65rem;height:.65rem}.art-row__name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-0);overflow:hidden}.art-row__state{letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-2);font-size:.6rem}.art-row--saved .art-row__icon{background:var(--color-teal-tint);color:var(--color-teal-ink)}.art-row--saved .art-row__state{color:var(--color-teal-ink)}.art-row--partial .art-row__icon{background:var(--color-coral-tint);color:var(--color-coral-ink)}.art-row--partial .art-row__state{color:var(--color-coral-ink)}.art-row--failed .art-row__icon{background:color-mix(in oklch,var(--color-danger)12%,var(--color-paper-0));color:var(--color-danger)}.art-row--failed .art-row__state{color:var(--color-danger)}.art-queue__bar{height:.3rem;margin-top:var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-3);display:block;overflow:hidden}.art-queue__bar i{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.art-tree{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.art-tree li{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;min-width:0;display:flex;overflow:hidden}.art-tree svg{width:.85rem;height:.85rem;color:var(--color-accent);flex:none}.art-tree__root{color:var(--color-ink-0);font-weight:600}.art-tree__level-1{padding-left:.9rem}.art-tree__level-2{padding-left:1.8rem}.art-tree__level-3{padding-left:2.7rem}.art-tree__file{color:var(--color-ink-2)}.art-tree__file:before{content:"└";color:var(--color-ink-3)}.art-tree__manifest{border-top:1px dashed color-mix(in oklch,var(--color-ink-0)12%,transparent);color:var(--color-teal-ink);margin-top:.2rem;padding-top:.45rem}.art-tree__manifest svg{color:var(--color-teal-ink)}.art-photo__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.art--large .art-photo__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.art-photo__tile{aspect-ratio:4/5;border-radius:var(--radius-sm);border:var(--rule-hair);background:linear-gradient(160deg,var(--color-accent-tint),var(--color-accent-soft));place-items:center;display:grid;position:relative}.art-photo__tile[data-tone="1"]{background:linear-gradient(160deg,var(--color-coral-tint),var(--color-coral))}.art-photo__tile[data-tone="2"]{background:linear-gradient(160deg,var(--color-teal-tint),var(--color-teal))}.art-photo__tile small{border-radius:var(--radius-pill);background:var(--color-paper-0);color:var(--color-ink-1);padding:.05rem .3rem;font-size:.55rem;position:absolute;bottom:.3rem;left:.3rem}.art-photo__tile--missing{background:var(--color-paper-0);border:1px dashed color-mix(in oklch,var(--color-ink-0)26%,transparent);color:var(--color-ink-3)}.art-photo__tile--missing svg{width:1.1rem;height:1.1rem}.art-photo__status{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);color:var(--color-ink-1);flex-wrap:wrap;font-size:.65rem;display:flex}.art-photo__status strong{border-radius:var(--radius-pill);background:var(--color-coral-tint);color:var(--color-coral-ink);align-items:center;gap:.3rem;padding:.15rem .5rem;font-weight:500;display:inline-flex}.art-photo__status svg{width:.7rem;height:.7rem}.workflow-grid{gap:var(--space-xl)var(--space-lg);margin:0;padding:0;list-style:none;display:grid}.workflow-step{padding-top:var(--space-lg);border-top:var(--rule-soft);position:relative}.workflow-step:before{content:"";background:var(--color-accent);width:3rem;height:2px;position:absolute;top:-1px;left:0}.workflow-step__number{margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-strong);display:block}.workflow-step h3{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600;line-height:1.2}.workflow-step p{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-1);line-height:1.6}@media (min-width:40rem){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.scope-sheet{background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg);display:grid;overflow:hidden}.scope-sheet__column{padding:var(--space-xl)var(--space-lg)}.scope-sheet__column--included{background:linear-gradient(160deg,var(--color-teal-tint),var(--color-paper-0)70%)}.scope-sheet__column--excluded{border-top:var(--rule-hair)}.scope-sheet h3{margin-bottom:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-1);font-weight:500}.scope-sheet ul{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.scope-sheet li{align-items:flex-start;gap:var(--space-sm);line-height:1.5;display:flex}.scope-sheet li svg{border-radius:var(--radius-pill);flex:none;width:1.4rem;height:1.4rem;padding:.25rem}.scope-sheet__column--included svg{background:var(--color-paper-0);color:var(--color-teal-ink);box-shadow:0 0 0 1px color-mix(in oklch,var(--color-teal)30%,transparent)}.scope-sheet__column--excluded svg{background:var(--color-paper-1);color:var(--color-coral-ink);box-shadow:0 0 0 1px color-mix(in oklch,var(--color-ink-0)10%,transparent)}.scope-sheet__column--excluded li{color:var(--color-ink-1)}@media (min-width:48rem){.scope-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-sheet__column{padding:var(--space-2xl)var(--space-xl)}.scope-sheet__column--excluded{border-top:0;border-left:var(--rule-hair)}}.principles__panel{gap:var(--space-2xl);padding:var(--space-xl)var(--space-lg);background:linear-gradient(160deg,var(--color-accent-tint),var(--color-paper-0)62%);border:var(--rule-soft);border-radius:var(--radius-xl);display:grid}.principles__intro{align-content:start;gap:var(--space-md);display:grid}.principles__list{margin:0;padding:0;list-style:none;display:grid}.principle{gap:var(--space-md);padding-block:var(--space-lg);border-top:var(--rule-hair);display:flex}.principle:first-child{border-top:0;padding-top:0}.principle__icon{border-radius:var(--radius-md);background:var(--color-paper-0);width:2.5rem;height:2.5rem;color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in oklch,var(--color-accent)18%,transparent);flex:none;place-items:center;display:grid}.principle__icon svg{width:1.15rem;height:1.15rem}.principle h3{font-size:var(--text-md);letter-spacing:-.01em;font-weight:600}.principle p{margin-block:var(--space-2xs)var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-1);max-width:54ch}.principle .text-link{font-size:var(--text-sm)}@media (min-width:64rem){.principles__panel{gap:var(--space-3xl);padding:var(--space-3xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.faq-section__layout{gap:var(--space-xl);display:grid}.faq-section__intro{align-content:start;justify-items:start;gap:var(--space-md);display:grid}.faq-list{border-top:var(--rule-soft)}.faq-list details{border-bottom:var(--rule-soft)}.faq-list summary{justify-content:space-between;align-items:flex-start;gap:var(--space-md);min-height:3rem;padding-block:var(--space-lg);font-size:var(--text-md);color:var(--color-ink-0);transition:color var(--dur-fast)var(--ease-out);font-weight:500;line-height:1.4;display:flex}.faq-list summary:hover{color:var(--color-accent-strong)}.faq-list summary svg{width:1.25rem;height:1.25rem;color:var(--color-accent);transition:transform var(--dur-mid)var(--ease-out);flex:none;margin-top:.15rem}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{max-width:64ch;padding-bottom:var(--space-lg);color:var(--color-ink-1)}.faq-list details[open] p{animation:menu-in var(--dur-mid)var(--ease-out)}@media (min-width:64rem){.faq-section__layout{gap:var(--space-3xl);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.faq-section__intro{top:var(--header-offset);position:sticky}}.final-cta{isolation:isolate;justify-items:center;gap:var(--space-md);padding:var(--space-3xl)var(--space-lg);background:var(--color-ink-0);border-radius:var(--radius-xl);color:var(--color-on-ink);text-align:center;display:grid;position:relative;overflow:hidden}.final-cta:before{content:"";z-index:-1;background:radial-gradient(600px 220px at 18% 110%,color-mix(in oklch,var(--color-accent)65%,transparent),transparent 70%),radial-gradient(520px 240px at 92% -12%,color-mix(in oklch,var(--color-teal)45%,transparent),transparent 70%);position:absolute;inset:0}.final-cta:after{content:"";z-index:-1;background-image:linear-gradient(to right,var(--color-on-ink-rule)1px,transparent 1px),linear-gradient(to bottom,var(--color-on-ink-rule)1px,transparent 1px);opacity:.4;background-size:48px 48px;position:absolute;inset:0}.final-cta__title{letter-spacing:-.035em;max-width:17ch;color:var(--color-on-ink);font-size:clamp(2.2rem,1.3rem + 4vw,4.5rem);font-weight:600;line-height:1.02}.final-cta__title .accent-word{color:var(--color-accent-soft)}.final-cta__text{max-width:52ch;font-size:var(--text-md);color:var(--color-on-ink-muted)}.final-cta__actions{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.final-cta .install-group{border-color:color-mix(in oklch,var(--color-on-ink)24%,transparent);background:color-mix(in oklch,var(--color-on-ink)8%,transparent);box-shadow:none}.final-cta .chrome-cta--pending{background:var(--color-on-ink);border:1px solid var(--color-on-ink);color:var(--color-ink-0)}.final-cta .button--ghost{color:var(--color-on-ink);border-color:color-mix(in oklch,var(--color-on-ink)26%,transparent);background:0 0}@media (hover:hover) and (pointer:fine){.final-cta .button--ghost:hover{background:color-mix(in oklch,var(--color-on-ink)10%,transparent);border-color:color-mix(in oklch,var(--color-on-ink)40%,transparent)}}.final-cta__note{max-width:60ch;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-on-ink-muted)}@media (min-width:48rem){.final-cta{padding:var(--space-4xl)var(--space-2xl)}}
.container--reading{max-width:calc(var(--container-reading) + 2*var(--gutter))}.section--tight{padding-block:var(--space-xl)}.page-hero{isolation:isolate;padding-block:var(--space-xl)var(--space-2xl);position:relative}.page-hero:before{content:"";inset:calc(-1*var(--header-offset))0 0;z-index:-1;background-image:linear-gradient(to right,color-mix(in oklch,var(--color-ink-0)4%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklch,var(--color-ink-0)4%,transparent)1px,transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;-webkit-mask-image:radial-gradient(70% 70% at 30% 30%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 70% at 30% 30%,#000 20%,#0000 70%)}.page-hero__layout{gap:var(--space-2xl);align-items:center;display:grid}.page-hero__copy{justify-items:start;gap:var(--space-lg);min-width:0;display:grid}.page-hero__title{max-width:20ch;font-size:var(--text-display-s);letter-spacing:-.033em;font-weight:600;line-height:1.02}.page-hero__title[data-length=long],.page-hero__title[data-length=xlong],.page-hero__title--document{font-size:var(--text-display-xs);line-height:1.06}.page-hero__title--article{max-width:24ch;font-size:var(--text-display-xs);line-height:1.08}.page-hero__lead{max-width:58ch;font-size:var(--text-md);color:var(--color-ink-1);line-height:1.6}.page-hero__actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.page-hero__note{font-size:var(--text-sm);color:var(--color-ink-2)}.page-hero--center .container,.page-hero--blog .container{justify-items:start;gap:var(--space-lg);display:grid}.page-hero--center .container{text-align:center;justify-items:center}.page-hero--center .page-hero__title{max-width:18ch}.page-hero--article .container{justify-items:start;gap:var(--space-lg);display:grid}.page-hero--article .page-hero__lead,.page-hero--article .article-meta{max-width:52rem}@media (min-width:64rem){.page-hero{padding-block:var(--space-2xl)var(--space-3xl)}.page-hero--feature .page-hero__layout{align-items:center;gap:var(--space-2xl);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.page-hero--document .page-hero__layout{align-items:end;gap:var(--space-3xl);grid-template-columns:minmax(0,1fr) minmax(16rem,20rem)}}.feature-hero-art{justify-items:center;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(170deg,var(--color-paper-0),var(--color-paper-1));border:var(--rule-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:grid;position:relative}.feature-hero-art:before{content:"";border:1px dashed color-mix(in oklch,var(--color-ink-0)10%,transparent);border-radius:calc(var(--radius-xl) + .5rem);pointer-events:none;position:absolute;inset:-.5rem}.feature-hero-art .store-shot{box-shadow:none}.feature-hero-art figcaption{padding-top:var(--space-sm);border-top:1px dashed color-mix(in oklch,var(--color-ink-0)12%,transparent);font-size:var(--text-xs);color:var(--color-ink-2);justify-self:stretch}.doc-card{gap:var(--space-md);padding:var(--space-lg);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);display:grid}.doc-card__icon{border-radius:var(--radius-md);background:var(--color-accent-tint);width:2.5rem;height:2.5rem;color:var(--color-accent);place-items:center;display:grid}.doc-card__icon svg{width:1.15rem;height:1.15rem}.doc-card dl{display:grid}.doc-card dl>div{justify-content:space-between;gap:var(--space-xs)var(--space-md);padding-block:var(--space-sm);border-top:var(--rule-hair);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.doc-card dt{color:var(--color-ink-2)}.doc-card dd{align-items:center;gap:var(--space-xs);color:var(--color-ink-0);font-weight:500;display:inline-flex}.doc-card dd svg{width:.95rem;height:.95rem;color:var(--color-ink-2)}.doc-card__status{border-radius:var(--radius-pill);background:var(--color-teal);width:.5rem;height:.5rem}.doc-card__status--draft{background:var(--color-coral)}.highlights__grid{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.highlight{align-content:start;gap:var(--space-xs);padding:var(--space-lg);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg);display:grid}.highlight__index{margin-bottom:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-strong)}.highlight h2{font-size:var(--text-md);letter-spacing:-.01em;font-weight:600}.highlight p{font-size:var(--text-sm);color:var(--color-ink-1)}@media (min-width:48rem){.highlights__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr)}}.fit-note{align-items:center;gap:var(--space-sm)var(--space-md);margin-top:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--color-accent-tint);border:1px solid color-mix(in oklch,var(--color-accent)18%,transparent);border-radius:var(--radius-lg);grid-template-columns:auto minmax(0,1fr);display:grid}.fit-note__icon{border-radius:var(--radius-pill);background:var(--color-paper-0);width:2.25rem;height:2.25rem;color:var(--color-accent);place-items:center;display:grid}.fit-note__icon svg{width:1rem;height:1rem}.fit-note p{font-size:var(--text-sm);color:var(--color-ink-1)}.fit-note .text-link{font-size:var(--text-sm);grid-column:2}@media (min-width:48rem){.fit-note{grid-template-columns:auto minmax(0,1fr) auto}.fit-note .text-link{grid-column:auto}}.document-layout{gap:var(--space-xl);display:grid}.document-layout__rail{min-width:0}.document-layout__body{gap:var(--space-2xl);min-width:0;max-width:var(--container-reading);grid-template-columns:minmax(0,1fr);display:grid}.toc{padding:var(--space-md);background:color-mix(in oklch,var(--color-paper-0)80%,transparent);border:var(--rule-soft);border-radius:var(--radius-lg)}.toc__label{margin-bottom:var(--space-xs);padding-inline:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2)}.toc__list{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.toc__list a{gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-ink-1);transition:background-color var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);line-height:1.4;display:flex}.toc__list a:hover{background:var(--color-paper-1);color:var(--color-ink-0)}.toc__list a span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-strong);line-height:1.7}@media (max-width:63.99rem){.toc__list{grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr))}}@media (min-width:64rem){.document-layout{gap:var(--space-3xl);grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);align-items:start}.document-layout__rail{top:var(--header-offset);position:sticky}}.doc-section{gap:var(--space-md);scroll-margin-top:var(--header-offset);grid-template-columns:minmax(0,1fr);display:grid}.doc-section__body{gap:var(--space-md);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.doc-section h2{letter-spacing:-.025em;font-size:clamp(1.45rem,1.15rem + 1vw,2rem);font-weight:600;line-height:1.15}.doc-section p{color:var(--color-ink-1);line-height:1.7}.doc-section__intro{font-size:var(--text-md)}.doc-section--step{gap:var(--space-md)var(--space-lg);grid-template-columns:auto minmax(0,1fr)}.doc-section__step{border-radius:var(--radius-pill);background:var(--color-paper-0);border:var(--rule-soft);width:2.75rem;height:2.75rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-strong);place-items:center;display:grid}.document-layout__body--steps{position:relative}.document-layout__body--steps:before{content:"";background:color-mix(in oklch,var(--color-ink-0)12%,transparent);z-index:-1;width:1px;position:absolute;top:1.5rem;bottom:1.5rem;left:calc(1.375rem - .5px)}.check-list{gap:var(--space-sm);padding:var(--space-md)var(--space-lg);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-lg);margin:0;list-style:none;display:grid}.check-list li{align-items:flex-start;gap:var(--space-sm);color:var(--color-ink-1);line-height:1.55;display:flex}.check-list svg{width:1.1rem;height:1.1rem;color:var(--color-accent);flex:none;margin-top:.2rem}.check-list--included{background:linear-gradient(160deg,var(--color-teal-tint),var(--color-paper-0)70%)}.check-list--included svg{color:var(--color-teal-ink)}.check-list--excluded{background:var(--color-paper-1)}.check-list--excluded svg{color:var(--color-coral-ink)}.doc-items{gap:var(--space-sm);display:grid}.doc-items article{padding:var(--space-md);border:var(--rule-soft);border-radius:var(--radius-md);background:var(--color-paper-0)}.doc-items h3{font-size:var(--text-base);font-weight:600}.doc-note{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);background:var(--color-coral-tint);border:1px solid color-mix(in oklch,var(--color-coral)26%,transparent);border-radius:var(--radius-md);display:flex}.doc-note svg{width:1.1rem;height:1.1rem;color:var(--color-coral-ink);flex:none;margin-top:.25rem}.doc-note h3{font-size:var(--text-base);font-weight:600}.doc-note p{font-size:var(--text-sm);color:var(--color-ink-1)}.doc-links{gap:var(--space-sm)var(--space-xl);flex-wrap:wrap;display:flex}.document-sections .container--reading{gap:var(--space-2xl);display:grid}.feedback__layout{gap:var(--space-2xl);align-items:start;display:grid}.feedback__copy{justify-items:start;gap:var(--space-lg);min-width:0;display:grid}.feedback__topics{gap:var(--space-md);width:100%;margin-top:var(--space-sm);display:grid}.feedback__topic{gap:var(--space-md);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.feedback__topic-icon{border-radius:var(--radius-pill);background:var(--color-accent-tint);width:2.25rem;height:2.25rem;color:var(--color-accent);place-items:center;display:grid}.feedback__topic-icon svg{width:1rem;height:1rem}.feedback__topic h2{font-size:var(--text-base);color:var(--color-ink-0);font-weight:600}.feedback__topic p{margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--color-ink-1)}.feedback__alt{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-1);display:flex}.feedback__alt svg{width:1rem;height:1rem;color:var(--color-ink-2);flex:none}.feedback-form{gap:var(--space-lg);padding:var(--space-xl)var(--space-lg);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:grid}.feedback-form__head h2{font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-ink-0);font-weight:600}.feedback-form__head p{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-1)}.field{gap:var(--space-2xs);display:grid}.field__label{font-size:var(--text-sm);color:var(--color-ink-0);font-weight:600}.field__input{border:var(--rule-soft);border-radius:var(--radius-md);background:var(--color-paper-0);width:100%;min-height:2.75rem;color:var(--color-ink-0);font:inherit;font-size:var(--text-sm);padding:.6rem .85rem}.field__input::placeholder{color:var(--color-ink-2)}.field__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:#0000}.field__input:disabled{background:var(--color-paper-1)}.field__input--area{resize:vertical;min-height:9rem;line-height:1.55}.field__help{font-size:var(--text-xs);color:var(--color-ink-2)}.feedback-form__context{align-items:center;gap:var(--space-2xs)var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);background:var(--color-paper-1);font-size:var(--text-xs);color:var(--color-ink-1);flex-wrap:wrap;display:flex}.feedback-form__context dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-2)}.feedback-form__context code{font-family:var(--font-mono);color:var(--color-ink-0)}.feedback-form__submit{justify-items:start;gap:var(--space-sm);display:grid}.feedback-form__submit .button svg{width:1rem;height:1rem}.feedback-form__submit .button:disabled{opacity:.7;cursor:progress}.feedback-form__status:empty{display:none}.feedback-form__result{align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.feedback-form__result svg{flex:none;width:1rem;height:1rem;margin-top:.15rem}.feedback-form__result--ok{background:var(--color-teal-tint);color:var(--color-teal-ink)}.feedback-form__result--error{background:var(--color-coral-tint);color:var(--color-coral-ink)}@media (min-width:64rem){.feedback__layout{gap:var(--space-3xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feedback-form{padding:var(--space-2xl)var(--space-xl)}}
.page-hero--blog .page-hero__title{max-width:18ch}.blog-list__head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--rule-hair);flex-wrap:wrap;display:flex}.blog-list__head h2{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600}.blog-list__head span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2)}.blog-list{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:grid}.blog-card{background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-xl);transition:box-shadow var(--dur-mid)var(--ease-out);display:grid;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.blog-card:hover{box-shadow:var(--shadow-lift)}.blog-card:hover .blog-card__link svg{transform:translate(3px)}}.blog-card__visual{min-height:14rem;padding:var(--space-xl);background:linear-gradient(160deg,var(--color-accent-tint),var(--color-paper-1));border-bottom:var(--rule-hair);place-items:center;display:grid}.blog-card__body{align-content:center;gap:var(--space-md);padding:var(--space-xl)var(--space-lg);display:grid}.blog-card__meta{gap:var(--space-2xs)var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);flex-wrap:wrap;display:flex}.blog-card__title{max-width:24ch;font-size:var(--text-2xl);letter-spacing:-.025em;font-weight:600;line-height:1.12}.blog-card__title-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.blog-card__title-link:focus-visible{outline:none}.blog-card:has(.blog-card__title-link:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.blog-card__excerpt{max-width:58ch;color:var(--color-ink-1)}.blog-card__link{align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-strong);display:inline-flex}.blog-card__link svg{width:.9rem;height:.9rem;transition:transform var(--dur-fast)var(--ease-out)}@media (min-width:56rem){.blog-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.blog-card__visual{border-bottom:0;border-right:var(--rule-hair)}.blog-card__body{padding:var(--space-2xl)}}.archive-visual{width:100%;max-width:18rem}.archive-visual__sheet{padding:var(--space-md);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font-family:var(--font-mono);font-size:.75rem}.archive-visual__path{align-items:center;gap:var(--space-xs);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:var(--rule-hair);font-weight:600;display:flex}.archive-visual ul{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.archive-visual li{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-paper-1);color:var(--color-ink-1);padding:.35rem .5rem;display:flex}.archive-visual svg{width:.9rem;height:.9rem;color:var(--color-accent);flex:none}.archive-visual li svg:last-child{color:var(--color-teal-ink);margin-left:auto}.article-meta{gap:var(--space-sm)var(--space-xl);padding-top:var(--space-md);border-top:var(--rule-hair);flex-wrap:wrap;width:100%;display:flex}.article-meta div{gap:var(--space-3xs);display:grid}.article-meta dt{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-2)}.article-meta dd{font-size:var(--text-sm);font-weight:500}.takeaways{gap:var(--space-md);padding:var(--space-xl)var(--space-lg);background:linear-gradient(160deg,var(--color-accent-tint),var(--color-paper-0)70%);border:var(--rule-soft);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr);display:grid}.takeaways h2{font-size:var(--text-lg);font-weight:600}.takeaways .check-list{background:0 0;border:0;padding:0}.code-figure{border:var(--rule-soft);border-radius:var(--radius-lg);background:var(--color-paper-0);min-width:0;overflow:hidden}.code-figure figcaption{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);background:var(--color-paper-1);border-bottom:var(--rule-hair);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);display:flex}.code-figure figcaption svg{width:.95rem;height:.95rem;color:var(--color-accent)}.code-figure pre{padding:var(--space-md)var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-0);margin:0;line-height:1.65;overflow-x:auto}.step-list{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.step-list li{gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr);display:grid}.step-list li>span{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-strong);line-height:1.6}.step-list h3{font-size:var(--text-base);font-weight:600}.step-list p{font-size:var(--text-sm)}.article-closing{justify-items:start;gap:var(--space-md);padding:var(--space-2xl)var(--space-lg);background:var(--color-paper-0);border:var(--rule-soft);border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr);display:grid}.article-closing h2{max-width:20ch;font-size:var(--text-2xl);letter-spacing:-.025em;font-weight:600;line-height:1.12}.article-closing p{max-width:56ch;color:var(--color-ink-1)}.article-closing__links .button{white-space:normal;text-align:left;max-width:100%}.article-closing__links{align-items:center;gap:var(--space-md)var(--space-xl);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}@media (min-width:48rem){.article-closing{padding:var(--space-2xl)}}