@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage.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:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono.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:Bricolage Fallback;src:local(Arial),local(Helvetica Neue),local(Helvetica);size-adjust:100.5%;ascent-override:92%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Serif Fallback;src:local(Georgia),local(Times New Roman);size-adjust:92%}:root{--font-display:"Bricolage Grotesque", "Bricolage Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:var(--font-display);--font-serif:"Instrument Serif", "Serif Fallback", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--step--2:clamp(.72rem, .7rem + .08vw, .76rem);--step--1:clamp(.84rem, .82rem + .1vw, .88rem);--step-0:clamp(1rem, .97rem + .14vw, 1.0625rem);--step-1:clamp(1.15rem, 1.08rem + .3vw, 1.375rem);--step-2:clamp(1.35rem, 1.2rem + .62vw, 1.8rem);--step-3:clamp(1.6rem, 1.33rem + 1.15vw, 2.45rem);--step-4:clamp(1.95rem, 1.48rem + 2vw, 3.35rem);--step-5:clamp(2.35rem, 1.55rem + 3.4vw, 4.6rem);--step-6:clamp(2.7rem, 1.45rem + 5.4vw, 6.25rem);--step-7:clamp(3.4rem, 1rem + 10vw, 10.5rem);--lh--2:1.45;--lh--1:1.5;--lh-0:1.6;--lh-1:1.45;--lh-2:1.25;--lh-3:1.12;--lh-4:1.04;--lh-5:.98;--lh-6:.94;--lh-7:.84;--tr--2:.01em;--tr--1:0;--tr-0:-.003em;--tr-1:-.01em;--tr-2:-.018em;--tr-3:-.025em;--tr-4:-.034em;--tr-5:-.042em;--tr-6:-.05em;--tr-7:-.06em;--tr-caps:.11em;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-24:24px;--sp-32:32px;--sp-48:48px;--sp-64:64px;--sp-96:96px;--sp-128:128px;--sp-160:160px;--sp-200:200px;--gutter:clamp(16px, 4vw, 48px);--section:clamp(88px, 11vw, 168px);--container:1240px;--measure:65ch;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-out-q:cubic-bezier(.25, 1, .5, 1);--ease-in-out:cubic-bezier(.83, 0, .17, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--ease-spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121 24%, 1.149 26.3%, 1.159, 1.163 30.4%, 1.154 33.2%, 1.129 36.6%, 1.051 44.6%, 1.017 48.5%, .991, .977 58.1%, .975 62%, .996 75.6%, 1.002 84.9%, 1);--dur-1:.12s;--dur-2:.22s;--dur-3:.42s;--dur-4:.8s;--z-base:1;--z-sticky:100;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-command:600;--bp-sm:390px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1440px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(98.5% .003 255);--surface:oklch(100% 0 0);--surface-2:oklch(96.8% .005 255);--surface-3:oklch(94% .007 255);--line:oklch(90.5% .008 255);--line-strong:oklch(83% .012 255);--ink:oklch(21% .02 262);--ink-2:oklch(44% .02 262);--ink-3:oklch(52% .018 262);--accent:oklch(58% .2 40);--accent-ink:oklch(100% 0 0);--accent-soft:oklch(95% .035 45);--accent-text:oklch(53% .18 40);--success:oklch(50% .13 150);--warning:oklch(50% .11 75);--danger:oklch(50% .15 22);--info:oklch(53% .13 245);--success-soft:oklch(96% .03 150);--warning-soft:oklch(96% .04 85);--danger-soft:oklch(96% .025 22);--info-soft:oklch(96% .02 245);--data-1:oklch(93% .04 50);--data-2:oklch(85% .09 46);--data-3:oklch(75% .145 43);--data-4:oklch(64% .19 40);--data-5:oklch(50% .165 36);--tile-off:oklch(90% .008 255);--sh-1:0 1px 0 0 oklch(100% 0 0/.7) inset, 0 1px 2px oklch(25% .02 260/.06);--sh-2:0 1px 0 0 oklch(100% 0 0/.7) inset, 0 1px 2px oklch(25% .02 260/.05), 0 4px 12px -2px oklch(25% .02 260/.07);--sh-3:0 1px 0 0 oklch(100% 0 0/.7) inset, 0 1px 2px oklch(25% .02 260/.04), 0 6px 16px -4px oklch(25% .02 260/.08), 0 24px 48px -16px oklch(25% .02 260/.14);--sh-4:0 1px 0 0 oklch(100% 0 0/.7) inset, 0 2px 4px oklch(25% .02 260/.04), 0 12px 24px -6px oklch(25% .02 260/.1), 0 48px 96px -24px oklch(25% .02 260/.24);--grain-opacity:.05;--code-bg:oklch(19% .014 258);--code-surface:oklch(22.5% .015 258);--code-line:oklch(30% .015 258);--code-ink:oklch(90% .008 255);--code-ink-3:oklch(70% .014 255);--tok-key:oklch(82% .09 230);--tok-str:oklch(82% .11 75);--tok-num:oklch(78% .14 48);--tok-fn:oklch(84% .08 165);--tok-kw:oklch(76% .1 290);--tok-com:oklch(60% .014 255)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(16.5% .012 258);--surface:oklch(19.5% .013 258);--surface-2:oklch(22.5% .014 258);--surface-3:oklch(26% .015 258);--line:oklch(28.5% .014 258);--line-strong:oklch(37% .016 258);--ink:oklch(96.5% .004 255);--ink-2:oklch(78% .012 255);--ink-3:oklch(66% .012 255);--accent:oklch(72% .17 48);--accent-ink:oklch(17% .02 40);--accent-soft:oklch(27% .05 45);--accent-text:oklch(76% .15 50);--success:oklch(75% .14 150);--warning:oklch(82% .13 85);--danger:oklch(71% .16 18);--info:oklch(74% .11 245);--success-soft:oklch(26% .04 150);--warning-soft:oklch(27% .04 85);--danger-soft:oklch(27% .045 18);--info-soft:oklch(26% .035 245);--data-1:oklch(34% .06 42);--data-2:oklch(46% .11 42);--data-3:oklch(60% .16 44);--data-4:oklch(72% .17 48);--data-5:oklch(85% .12 58);--tile-off:oklch(27% .014 258);--sh-1:0 1px 0 0 oklch(100% 0 0/.05) inset, 0 1px 2px oklch(0% 0 0/.3);--sh-2:0 1px 0 0 oklch(100% 0 0/.06) inset, 0 2px 4px oklch(0% 0 0/.25), 0 8px 20px -6px oklch(0% 0 0/.4);--sh-3:0 1px 0 0 oklch(100% 0 0/.06) inset, 0 2px 4px oklch(0% 0 0/.2), 0 12px 28px -8px oklch(0% 0 0/.5), 0 30px 60px -20px oklch(0% 0 0/.6);--sh-4:0 1px 0 0 oklch(100% 0 0/.07) inset, 0 4px 8px oklch(0% 0 0/.2), 0 20px 40px -10px oklch(0% 0 0/.55), 0 60px 120px -30px oklch(0% 0 0/.7);--grain-opacity:.07;--code-bg:oklch(13% .011 258);--code-surface:oklch(17% .012 258);--code-line:oklch(25.5% .013 258)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(16.5% .012 258);--surface:oklch(19.5% .013 258);--surface-2:oklch(22.5% .014 258);--surface-3:oklch(26% .015 258);--line:oklch(28.5% .014 258);--line-strong:oklch(37% .016 258);--ink:oklch(96.5% .004 255);--ink-2:oklch(78% .012 255);--ink-3:oklch(66% .012 255);--accent:oklch(72% .17 48);--accent-ink:oklch(17% .02 40);--accent-soft:oklch(27% .05 45);--accent-text:oklch(76% .15 50);--success:oklch(75% .14 150);--warning:oklch(82% .13 85);--danger:oklch(71% .16 18);--info:oklch(74% .11 245);--success-soft:oklch(26% .04 150);--warning-soft:oklch(27% .04 85);--danger-soft:oklch(27% .045 18);--info-soft:oklch(26% .035 245);--data-1:oklch(34% .06 42);--data-2:oklch(46% .11 42);--data-3:oklch(60% .16 44);--data-4:oklch(72% .17 48);--data-5:oklch(85% .12 58);--tile-off:oklch(27% .014 258);--sh-1:0 1px 0 0 oklch(100% 0 0/.05) inset, 0 1px 2px oklch(0% 0 0/.3);--sh-2:0 1px 0 0 oklch(100% 0 0/.06) inset, 0 2px 4px oklch(0% 0 0/.25), 0 8px 20px -6px oklch(0% 0 0/.4);--sh-3:0 1px 0 0 oklch(100% 0 0/.06) inset, 0 2px 4px oklch(0% 0 0/.2), 0 12px 28px -8px oklch(0% 0 0/.5), 0 30px 60px -20px oklch(0% 0 0/.6);--sh-4:0 1px 0 0 oklch(100% 0 0/.07) inset, 0 4px 8px oklch(0% 0 0/.2), 0 20px 40px -10px oklch(0% 0 0/.55), 0 60px 120px -30px oklch(0% 0 0/.7);--grain-opacity:.07;--code-bg:oklch(13% .011 258);--code-surface:oklch(17% .012 258);--code-line:oklch(25.5% .013 258)}@media (prefers-contrast:more){:root{--line:oklch(72% .015 255);--line-strong:oklch(55% .018 255);--ink-2:oklch(32% .02 262);--ink-3:oklch(38% .02 262)}:root[data-theme=dark]{--line:oklch(50% .015 258);--line-strong:oklch(66% .015 258);--ink-2:oklch(88% .008 255);--ink-3:oklch(80% .01 255)}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizelegibility;scroll-padding-top:88px;overflow-x:clip}body{background:var(--bg);min-height:100dvh;color:var(--ink);font:400 var(--step-0) / var(--lh-0) var(--font-body);letter-spacing:var(--tr-0);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" on;margin:0;overflow-x:clip}:root{interpolate-size:allow-keywords}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:600}p,li,dd,figcaption{text-wrap:pretty}p,ul,ol,dl,figure,blockquote,pre{margin:0}ul[role=list],ol[role=list]{padding:0;list-style:none}img,svg,video,canvas{max-width:100%;display:block}svg{flex-shrink:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}table{border-collapse:collapse}code,kbd,samp,pre{font-family:var(--font-mono);font-variant-ligatures:none;font-size:.92em}hr{border:0;border-top:1px solid var(--line);margin:0}[hidden]{display:none!important}::selection{background:color-mix(in oklch, var(--accent) 26%, transparent);color:var(--ink)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.t-7,.t-6,.t-5,.t-4,.t-3,.t-2{font-family:var(--font-display);font-weight:600}.t-7{font-size:var(--step-7);line-height:var(--lh-7);letter-spacing:var(--tr-7);font-weight:620}.t-6{font-size:var(--step-6);line-height:var(--lh-6);letter-spacing:var(--tr-6);font-weight:610}.t-5{font-size:var(--step-5);line-height:var(--lh-5);letter-spacing:var(--tr-5)}.t-4{font-size:var(--step-4);line-height:var(--lh-4);letter-spacing:var(--tr-4)}.t-3{font-size:var(--step-3);line-height:var(--lh-3);letter-spacing:var(--tr-3)}.t-2{font-size:var(--step-2);line-height:var(--lh-2);letter-spacing:var(--tr-2)}.t-1{font-size:var(--step-1);line-height:var(--lh-1);letter-spacing:var(--tr-1)}.t-0{font-size:var(--step-0);line-height:var(--lh-0)}.t--1{font-size:var(--step--1);line-height:var(--lh--1);letter-spacing:var(--tr--1)}.t--2{font-size:var(--step--2);line-height:var(--lh--2);letter-spacing:var(--tr--2)}.serif,h1 em,h2 em,h3 em,.t-7 em,.t-6 em,.t-5 em,.t-4 em,.t-3 em{font-family:var(--font-serif);letter-spacing:-.01em;padding-inline-end:.04em;font-style:italic;font-weight:400}.lead{font-size:var(--step-1);color:var(--ink-2);letter-spacing:-.008em;max-width:54ch;line-height:1.5}.muted{color:var(--ink-2)}.subtle{color:var(--ink-3)}.mono{font-family:var(--font-mono);font-feature-settings:"zero" on}.num,.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" on, "zero" on}.eyebrow{font:500 var(--step--2) / 1 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tr-caps);color:var(--ink-3);align-items:center;gap:10px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:9px 0 0 var(--line-strong);border-radius:1.5px;margin-right:9px}.measure{max-width:var(--measure)}.balance{text-wrap:balance}.container{width:min(var(--container), 100% - 2 * var(--gutter));margin-inline:auto}.container-wide{width:min(1440px, 100% - 2 * var(--gutter));margin-inline:auto}.container-narrow{width:min(760px, 100% - 2 * var(--gutter));margin-inline:auto}.section{padding-block:var(--section);position:relative}.section-tight{padding-block:calc(var(--section) * .6);position:relative}.grid-12{gap:var(--sp-24);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.stack>*+*{margin-top:var(--stack,16px)}.cluster{align-items:center;gap:var(--cluster,12px);flex-wrap:wrap;display:flex}.visually-hidden,.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.section-head{gap:var(--sp-24);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;margin-bottom:clamp(40px,6vw,80px);display:grid}.section-head>:first-child{grid-column:1/span 7}.section-head>:last-child:not(:first-child){grid-column:9/span 4}.section-head .eyebrow{margin-bottom:20px}@media (max-width:900px){.section-head>:first-child,.section-head>:last-child:not(:first-child){grid-column:1/-1}}.frame{border-block:1px solid var(--line);position:relative}.frame-box{border:1px solid var(--line);position:relative}.cross{pointer-events:none;width:11px;height:11px;color:var(--line-strong);z-index:2;position:absolute}.cross:before,.cross:after{content:"";background:currentColor;position:absolute}.cross:before{width:1px;height:11px;top:0;left:5px}.cross:after{width:11px;height:1px;top:5px;left:0}.cross.tl{top:-6px;left:-6px}.cross.tr{top:-6px;right:-6px}.cross.bl{bottom:-6px;left:-6px}.cross.br{bottom:-6px;right:-6px}.rails{position:relative}.rails:before,.rails:after{content:"";background:var(--line);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.rails:before{left:0}.rails:after{right:0}.grain{isolation:isolate;position:relative}.grain:after{content:"";pointer-events:none;z-index:1;opacity:var(--grain-opacity);mix-blend-mode:overlay;border-radius:inherit;background-image:url(/grain.png);background-size:160px 160px;position:absolute;inset:0}.invert{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(16.5% .012 258);--surface:oklch(19.5% .013 258);--surface-2:oklch(22.5% .014 258);--surface-3:oklch(26% .015 258);--line:oklch(28.5% .014 258);--line-strong:oklch(37% .016 258);--ink:oklch(96.5% .004 255);--ink-2:oklch(78% .012 255);--ink-3:oklch(66% .012 255);--accent:oklch(72% .17 48);--accent-ink:oklch(17% .02 40);--accent-soft:oklch(27% .05 45);--accent-text:oklch(76% .15 50);--success:oklch(75% .14 150);--warning:oklch(82% .13 85);--danger:oklch(71% .16 18);--info:oklch(74% .11 245);--success-soft:oklch(26% .04 150);--warning-soft:oklch(27% .04 85);--danger-soft:oklch(27% .045 18);--info-soft:oklch(26% .035 245);--tile-off:oklch(27% .014 258);--data-1:oklch(34% .06 42);--data-2:oklch(46% .11 42);--data-3:oklch(60% .16 44);--data-4:oklch(72% .17 48);--data-5:oklch(85% .12 58);--sh-2:0 1px 0 0 oklch(100% 0 0/.06) inset, 0 2px 4px oklch(0% 0 0/.25), 0 8px 20px -6px oklch(0% 0 0/.4);--sh-3:0 1px 0 0 oklch(100% 0 0/.06) inset, 0 2px 4px oklch(0% 0 0/.2), 0 12px 28px -8px oklch(0% 0 0/.5), 0 30px 60px -20px oklch(0% 0 0/.6);--grain-opacity:.07;background:var(--bg);color:var(--ink)}:root[data-theme=dark] .invert{--bg:oklch(13% .011 258);--surface:oklch(16.5% .012 258)}.skip-link{z-index:calc(var(--z-command) + 1);border-radius:var(--r-pill);background:var(--ink);color:var(--bg);transition:transform var(--dur-2) var(--ease-out);padding:12px 18px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}html.js-anim [data-reveal]{opacity:0;filter:blur(6px);transform:translateY(20px)}html.js-anim [data-reveal].is-in{opacity:1;filter:none;transition:opacity var(--dur-4) var(--ease-out), transform var(--dur-4) var(--ease-out), filter var(--dur-4) var(--ease-out);transition-delay:calc(var(--i,0) * 70ms);transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html.js-anim [data-reveal]{opacity:1;filter:none;transform:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}::view-transition-old(root){animation-duration:.26s;animation-timing-function:var(--ease-out-q)}::view-transition-new(root){animation-duration:.26s;animation-timing-function:var(--ease-out-q)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
.btn{--h:44px;--px:18px;height:var(--h);min-width:44px;padding:0 var(--px);border-radius:var(--r-pill);font:560 var(--step--1) / 1 var(--font-body);letter-spacing:-.006em;white-space:nowrap;transition:background-color var(--dur-2) var(--ease-out-q), border-color var(--dur-2) var(--ease-out-q), color var(--dur-2) var(--ease-out-q), box-shadow var(--dur-2) var(--ease-out-q), transform var(--dur-1) var(--ease-out-q);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.btn:focus-visible{outline-offset:3px;border-radius:var(--r-pill)}.btn svg{width:16px;height:16px}.btn .arrow{transition:transform var(--dur-2) var(--ease-out-q)}.btn:hover .arrow{transform:translate(3px)}.btn-sm{--h:36px;--px:14px;font-size:var(--step--2)}.btn-sm.btn-icon{--h:36px}.btn-lg{--h:52px;--px:24px;font-size:var(--step-0)}@media (pointer:coarse){.btn-sm{--h:44px}}.btn-primary{background:var(--ink);color:var(--bg);box-shadow:inset 0 1px oklch(100% 0 0/.16),0 1px 2px oklch(0% 0 0/.2),0 6px 16px -6px oklch(20% .02 260/.45)}.btn-primary:hover{background:color-mix(in oklch, var(--ink) 86%, var(--accent))}.btn-accent{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 0 0 oklch(100% 0 0/.22) inset, 0 6px 18px -8px var(--accent)}.btn-accent:hover{background:color-mix(in oklch, var(--accent) 88%, var(--ink))}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--sh-1)}.btn-secondary:hover{border-color:var(--line-strong);background:var(--surface-2)}.btn-ghost{color:var(--ink)}.btn-ghost:hover{background:var(--surface-2)}.btn-link{--px:2px;height:auto;min-height:44px;color:var(--ink);border-radius:4px}.btn-link .label{transition:background-size var(--dur-3) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px}.btn-link:hover .label{background-size:100% 1px}.btn-icon{width:var(--h);padding:0}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn[data-loading=true]{pointer-events:none;color:#0000!important}.btn[data-loading=true]:after{content:"";border:2px solid;border-color:var(--bg) var(--bg) transparent transparent;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;position:absolute}.btn-secondary[data-loading=true]:after,.btn-ghost[data-loading=true]:after{border-color:var(--ink) var(--ink) transparent transparent}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:8px;display:grid}.field-label{font-size:var(--step--1);color:var(--ink);justify-content:space-between;gap:12px;font-weight:560;display:flex}.field-label .opt{color:var(--ink-3);font-weight:400}.field-hint{font-size:var(--step--2);color:var(--ink-3)}.field-error{font-size:var(--step--1);color:var(--danger);align-items:flex-start;gap:6px;display:flex}.field-error svg{width:16px;height:16px;margin-top:2px}.input,.select,.textarea{background:var(--surface);width:100%;min-height:44px;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-sm);transition:border-color var(--dur-2) var(--ease-out-q), box-shadow var(--dur-2) var(--ease-out-q), background var(--dur-2);padding:10px 14px;box-shadow:inset 0 1px 2px oklch(20% .02 260/.04)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in oklch, var(--line-strong) 60%, var(--ink))}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 22%, transparent);border-radius:var(--r-sm);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--danger) 20%, transparent)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--ink-3);cursor:not-allowed}.input.num,.input-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.95em}.textarea{resize:vertical;min-height:120px;line-height:1.5}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .prefix,.input-wrap .suffix{color:var(--ink-3);font:500 var(--step--1) var(--font-mono);pointer-events:none;position:absolute}.input-wrap .prefix{left:14px}.input-wrap .suffix{right:14px}.input-wrap .prefix~.input{padding-left:calc(14px + var(--prefix-w,3ch) + 6px)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23868c96' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.toggle{cursor:pointer;min-height:44px;font-size:var(--step--1);align-items:center;gap:12px;display:inline-flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle .track{border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line-strong);width:40px;height:24px;transition:background var(--dur-2) var(--ease-out-q), border-color var(--dur-2);position:relative}.toggle .track:after{content:"";background:var(--surface);width:18px;height:18px;transition:transform var(--dur-3) var(--ease-spring);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px oklch(0% 0 0/.2),0 2px 6px -2px oklch(0% 0 0/.2)}.toggle input:checked+.track{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.track:after{transform:translate(16px)}.toggle input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:3px}.toggle input:disabled+.track{opacity:.45;cursor:not-allowed}.check{cursor:pointer;min-height:44px;font-size:var(--step--1);align-items:center;gap:10px;display:inline-flex}.check input{appearance:none;border:1px solid var(--line-strong);background:var(--surface);width:18px;height:18px;transition:background var(--dur-1), border-color var(--dur-1);border-radius:5px;flex-shrink:0;place-items:center;margin:0;display:grid}.check input[type=radio]{border-radius:50%}.check input:checked{background:var(--ink);border-color:var(--ink)}.check input:checked:after{content:"";border:2px solid var(--bg);border-top:0;border-right:0;width:10px;height:6px;transform:translateY(-1px)rotate(-45deg)}.check input[type=radio]:checked:after{background:var(--bg);border:0;border-radius:50%;width:6px;height:6px;transform:none}.check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);gap:2px;padding:3px;display:inline-flex;position:relative}.segmented button,.segmented label{z-index:1;border-radius:var(--r-pill);min-height:34px;font:520 var(--step--1) / 1 var(--font-body);color:var(--ink-2);transition:color var(--dur-2), background var(--dur-2), box-shadow var(--dur-2);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 14px;display:inline-flex;position:relative}.segmented button:hover,.segmented label:hover{color:var(--ink)}.segmented [aria-pressed=true],.segmented [aria-selected=true],.segmented [aria-checked=true]{color:var(--ink);background:var(--surface);box-shadow:var(--sh-2)}.segmented label:has(input:checked){color:var(--ink);background:var(--surface);box-shadow:var(--sh-2)}.segmented label input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.segmented button,.segmented label{min-height:40px}}.tabs-list{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tabs-list [role=tab]{min-height:44px;color:var(--ink-2);font-weight:520;font-size:var(--step--1);white-space:nowrap;transition:color var(--dur-2);padding:0 14px;position:relative}.tabs-list [role=tab]:hover,.tabs-list [role=tab][aria-selected=true]{color:var(--ink)}.tabs-list [role=tab][aria-selected=true]:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.tabs-list [role=tab]:focus-visible{outline-offset:-4px}.badge{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);height:24px;font:520 var(--step--2) / 1 var(--font-body);color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.badge-accent{background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 30%, transparent);color:var(--accent-text)}.badge-solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.badge-mono{font-family:var(--font-mono);letter-spacing:.02em}.badge .dot{background:currentColor;border-radius:2px;width:6px;height:6px}.pill-new{border:1px solid var(--line);border-radius:var(--r-pill);background:color-mix(in oklch, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:36px;font-size:var(--step--1);color:var(--ink-2);box-shadow:var(--sh-1);transition:border-color var(--dur-2), background var(--dur-2);align-items:center;gap:10px;padding:4px 12px 4px 4px;display:inline-flex}.pill-new:hover{border-color:var(--line-strong);color:var(--ink)}.pill-new .tag{border-radius:var(--r-pill);background:var(--ink);height:26px;color:var(--bg);font-weight:600;font-size:var(--step--2);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pill-new .tag i{background:var(--accent);width:6px;height:6px;animation:tile-pulse 2.4s var(--ease-in-out) infinite;border-radius:1.5px}.pill-new svg{width:14px;height:14px;transition:transform var(--dur-2) var(--ease-out-q)}.pill-new:hover svg{transform:translate(3px)}@keyframes tile-pulse{0%,to{opacity:1}50%{opacity:.35}}.status{--c:var(--ink-2);--b:var(--surface-2);background:var(--b);height:22px;color:var(--c);font:560 var(--step--2) / 1 var(--font-body);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 8px 0 6px;display:inline-flex}.status svg{width:12px;height:12px}.status[data-s=aprovado]{--c:var(--success);--b:var(--success-soft)}.status[data-s=pendente]{--c:var(--warning);--b:var(--warning-soft)}.status[data-s=analise]{--c:var(--info);--b:var(--info-soft)}.status[data-s=recusado]{--c:var(--danger);--b:var(--danger-soft)}.status[data-s=estornado]{--c:var(--ink-2);--b:var(--surface-3)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);position:relative}:root[data-theme=dark] .card,.invert .card{background:linear-gradient(180deg, oklch(100% 0 0/.035), oklch(100% 0 0/.012)), var(--surface)}.card-pad{padding:clamp(20px,2.4vw,32px)}a.card,button.card{transition:border-color var(--dur-2), box-shadow var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out)}a.card:hover{border-color:var(--line-strong);box-shadow:var(--sh-3)}.spot{--mx:50%;--my:0%;isolation:isolate;overflow:hidden}.spot:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(420px circle at var(--mx) var(--my), color-mix(in oklch, var(--accent) 10%, transparent), transparent 60%);opacity:0;transition:opacity var(--dur-3) var(--ease-out);position:absolute;inset:0}.spot:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(260px circle at var(--mx) var(--my), color-mix(in oklch, var(--accent) 65%, transparent), transparent 70%);opacity:0;transition:opacity var(--dur-3) var(--ease-out);padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spot:hover:before,.spot:hover:after{opacity:1}.spot>*{z-index:1;position:relative}.tip{position:relative}.tip-bubble{z-index:var(--z-dropdown);background:var(--ink);color:var(--bg);font:500 var(--step--2) / 1.3 var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-1), translate var(--dur-2) var(--ease-out-q);border-radius:7px;padding:6px 9px;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px;box-shadow:0 6px 16px -6px oklch(0% 0 0/.4)}.tip:hover .tip-bubble,.tip:focus-visible .tip-bubble,.tip:focus-within .tip-bubble{opacity:1;translate:-50%}.popover,.menu{z-index:var(--z-dropdown);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:220px;box-shadow:var(--sh-4);padding:6px;position:absolute}.menu [role=menuitem],.menu [role=menuitemradio],.menu a{width:100%;min-height:40px;font-size:var(--step--1);color:var(--ink-2);text-align:left;border-radius:7px;align-items:center;gap:10px;padding:0 10px;display:flex}.menu [role=menuitem]:hover,.menu [role=menuitemradio]:hover,.menu a:hover,.menu :focus-visible{background:var(--surface-2);color:var(--ink);outline:none}.menu [aria-checked=true]{color:var(--ink);font-weight:560}.menu [aria-checked=true]:after{content:"";background:var(--accent);border-radius:2px;width:8px;height:8px;margin-left:auto}.scrim{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur-2) var(--ease-out-q);background:oklch(15% .02 260/.42);position:fixed;inset:0}.modal{z-index:var(--z-modal);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:min(480px,100% - 32px);max-height:calc(100dvh - 48px);box-shadow:var(--sh-4);animation:modal-in var(--dur-3) var(--ease-out);padding:28px;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%}.drawer{z-index:var(--z-modal);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(460px,100% - 16px);box-shadow:var(--sh-4);animation:drawer-in var(--dur-3) var(--ease-sheet);flex-direction:column;display:flex;position:fixed;top:8px;bottom:8px;right:8px;overflow:hidden}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;scale:.96}}@keyframes drawer-in{0%{transform:translate(104%)}}.toast-region{z-index:var(--z-toast);pointer-events:none;gap:8px;width:min(420px,100% - 32px);display:grid;position:fixed;bottom:20px;left:50%;translate:-50%}.toast{pointer-events:auto;background:var(--ink);color:var(--bg);border-radius:var(--r-md);font-size:var(--step--1);animation:toast-in .52s var(--ease-spring);align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:inset 0 1px oklch(100% 0 0/.12),0 16px 40px -12px oklch(0% 0 0/.5)}.toast svg{width:18px;height:18px;color:var(--accent);margin-top:1px}.toast strong{font-weight:600;display:block}.toast span{opacity:.72}@keyframes toast-in{0%{opacity:0;transform:translateY(24px)}}.accordion{border-top:1px solid var(--line)}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{cursor:pointer;min-height:64px;font:560 var(--step-1) / 1.3 var(--font-display);letter-spacing:var(--tr-1);justify-content:space-between;align-items:center;gap:24px;padding:18px 0;list-style:none;display:flex}.accordion summary::-webkit-details-marker{display:none}.accordion summary .plus{border:1px solid var(--line);width:28px;height:28px;transition:transform var(--dur-3) var(--ease-out), background var(--dur-2), border-color var(--dur-2);border-radius:8px;flex-shrink:0;position:relative}.accordion summary .plus:before,.accordion summary .plus:after{content:"";background:currentColor;border-radius:1px;width:11px;height:1.5px;position:absolute;top:50%;left:50%;translate:-50% -50%}.accordion summary .plus:after{rotate:90deg}.accordion summary:hover .plus{border-color:var(--line-strong);background:var(--surface-2)}.accordion details[open] summary .plus{transform:rotate(45deg)}.accordion summary:focus-visible{outline-offset:4px}.accordion .answer{color:var(--ink-2);max-width:68ch;padding:0 56px 24px 0}.accordion details::details-content{block-size:0;transition:block-size var(--dur-3) var(--ease-out), content-visibility var(--dur-3) allow-discrete;overflow:clip}.accordion details[open]::details-content{block-size:auto}.table-wrap{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow-x:auto}.table{width:100%;font-size:var(--step--1);font-variant-numeric:tabular-nums}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px}.table thead th{background:var(--surface-2);color:var(--ink-2);font-weight:560;font-size:var(--step--2);text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}.table tbody tr{transition:background var(--dur-1)}.table tbody tr:hover{background:color-mix(in oklch, var(--surface-2) 70%, transparent)}.table tbody tr:last-child td{border-bottom:0}.table .r{text-align:right}.table th button{min-height:28px;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;align-items:center;gap:6px;display:inline-flex}.table th button svg{opacity:.5;width:12px;height:12px;transition:transform var(--dur-2)}.table th[aria-sort=descending] button svg{opacity:1;transform:rotate(180deg)}.table th[aria-sort=ascending] button svg{opacity:1}.code{--bg:var(--code-bg);background:var(--code-bg);color:var(--code-ink);border-radius:var(--r-lg);border:1px solid var(--code-line);box-shadow:0 1px 0 0 oklch(100% 0 0/.06) inset, var(--sh-3);font-size:13.5px;position:relative;overflow:hidden}.code-head{border-bottom:1px solid var(--code-line);background:var(--code-surface);justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:0 8px 0 4px;display:flex}.code-tabs{scrollbar-width:none;display:flex;overflow-x:auto}.code-tabs button{min-height:44px;font:500 12.5px var(--font-mono);color:var(--code-ink-3);white-space:nowrap;padding:0 12px;position:relative}.code-tabs button:hover,.code-tabs button[aria-selected=true]{color:var(--code-ink)}.code-tabs button[aria-selected=true]:after{content:"";background:oklch(72% .17 48);height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.code-tabs button:focus-visible{outline-offset:-4px}.code-title{font:500 12.5px var(--font-mono);color:var(--code-ink-3);padding-left:10px}.code pre{tab-size:2;line-height:1.7;font-size:inherit;padding:18px 0;overflow-x:auto}.code pre code{min-width:max-content;font-size:inherit;display:block}.code .ln{padding:0 20px 0 0;display:block}.code .ln:before{content:attr(data-n);text-align:right;color:oklch(45% .012 258);-webkit-user-select:none;user-select:none;width:3.2em;padding-right:1.2em;display:inline-block}.code .ln.hl{background:oklch(72% .17 48/.08);box-shadow:inset 2px 0 oklch(72% .17 48)}.tk-k{color:var(--tok-key)}.tk-s{color:var(--tok-str)}.tk-n{color:var(--tok-num)}.tk-f{color:var(--tok-fn)}.tk-w{color:var(--tok-kw)}.tk-c{color:var(--tok-com);font-style:italic}.tk-p{color:var(--code-ink-3)}.copy-btn{min-width:32px;min-height:32px;font:500 12px var(--font-body);color:var(--code-ink-3);transition:color var(--dur-2), background var(--dur-2), border-color var(--dur-2);border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.copy-btn:hover{color:var(--code-ink);background:oklch(100% 0 0/.06);border-color:oklch(100% 0 0/.08)}.copy-btn svg{width:15px;height:15px}.copy-btn .ic-check{color:oklch(75% .14 150);display:none}.copy-btn[data-copied=true] .ic-copy{display:none}.copy-btn[data-copied=true] .ic-check{animation:pop .36s var(--ease-spring);display:block}@keyframes pop{0%{transform:scale(.4)}}@media (pointer:coarse){.copy-btn{min-width:44px;min-height:44px}}.install{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);height:44px;font:500 13.5px var(--font-mono);color:var(--ink-2);align-items:center;gap:4px;padding:0 4px 0 16px;display:inline-flex}.install .dollar{color:var(--ink-3);-webkit-user-select:none;user-select:none;margin-right:6px}.install .copy-btn{color:var(--ink-3);border-radius:var(--r-pill)}.install .copy-btn:hover{color:var(--ink);background:var(--surface);border-color:var(--line)}kbd,.kbd{min-width:22px;height:22px;font:500 11.5px/1 var(--font-mono);color:var(--ink-2);background:linear-gradient(180deg, var(--surface), var(--surface-2));border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:inset 0 1px oklch(100% 0 0/.5)}.breadcrumb ol{font-size:var(--step--1);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";color:var(--line-strong);margin-right:6px}.breadcrumb a:hover{color:var(--ink)}.breadcrumb [aria-current=page]{color:var(--ink-2)}.pagination{align-items:center;gap:4px;display:flex}.pagination a,.pagination button,.pagination span{min-width:40px;height:40px;font-size:var(--step--1);font-variant-numeric:tabular-nums;color:var(--ink-2);border-radius:10px;place-items:center;padding:0 10px;display:grid}.pagination a:hover,.pagination button:hover{background:var(--surface-2);color:var(--ink)}.pagination [aria-current=page]{background:var(--ink);color:var(--bg)}.progress{border-radius:var(--r-pill);background:var(--surface-3);height:6px;overflow:hidden}.progress>span{height:100%;width:var(--v,0%);background:var(--ink);border-radius:inherit;transition:width var(--dur-4) var(--ease-out);display:block}.progress.tiles{grid-template-columns:repeat(var(--n,20), 1fr);background:0 0;gap:3px;height:8px;display:grid}.progress.tiles i{background:var(--tile-off);transition:background var(--dur-2);border-radius:2px}.progress.tiles i.on{background:var(--accent)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 50%, var(--surface-2) 100%) 0 0 / 200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-lg);justify-items:center;gap:12px;padding:56px 24px;display:grid}.empty .tiles-mini{grid-template-columns:repeat(4,10px);gap:4px;margin-bottom:8px;display:grid}.empty .tiles-mini i{background:var(--tile-off);border-radius:2px;width:10px;height:10px}.empty .tiles-mini i.gap{outline:1px dashed var(--line-strong);outline-offset:-1px;background:0 0}.empty strong{font:600 var(--step-1) var(--font-display);letter-spacing:var(--tr-1)}.empty p{color:var(--ink-2);max-width:42ch}.callout{--c:var(--info);--b:var(--info-soft);border-radius:var(--r-md);background:var(--b);border:1px solid color-mix(in oklch, var(--c) 28%, transparent);font-size:var(--step--1);color:var(--ink);gap:12px;padding:14px 16px;display:flex}.callout svg{width:18px;height:18px;color:var(--c);margin-top:2px}.callout strong{font-weight:600}.callout[data-k=nota]{--c:var(--info);--b:var(--info-soft)}.callout[data-k=atencao]{--c:var(--warning);--b:var(--warning-soft)}.callout[data-k=perigo],.callout[data-k=erro]{--c:var(--danger);--b:var(--danger-soft)}.callout[data-k=sucesso]{--c:var(--success);--b:var(--success-soft)}.gauge{aspect-ratio:2/1.12;width:100%;max-width:280px;position:relative}.gauge svg{width:100%;height:100%;overflow:visible}.gauge .value{text-align:center;position:absolute;bottom:0;left:0;right:0}.gauge .value b{font:620 var(--step-5) / .9 var(--font-display);letter-spacing:var(--tr-5);font-variant-numeric:tabular-nums;display:block}.gauge .value span{font-size:var(--step--1);color:var(--ink-2)}.spark{width:100%;height:36px;overflow:visible}.spark path.line{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.spark path.area{fill:url(#spark-fill);opacity:.6}.uptime{grid-template-columns:repeat(90,minmax(0,1fr));gap:2px;height:32px;display:grid}.uptime>*{background:var(--success);opacity:.85;transition:opacity var(--dur-1), transform var(--dur-1);border-radius:2px;position:relative}.uptime>:hover,.uptime>:focus-visible{opacity:1;transform:scaleY(1.12)}.uptime>[data-l="1"]{background:var(--warning)}.uptime>[data-l="2"]{background:var(--danger)}@media (max-width:700px){.uptime{grid-template-columns:repeat(45,minmax(0,1fr))}.uptime>:nth-child(-n+45){display:none}}.window{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-4);position:relative;overflow:hidden}:root[data-theme=dark] .window,.invert .window{background:linear-gradient(180deg, oklch(100% 0 0/.04), oklch(100% 0 0/.01)), var(--surface);border-color:oklch(100% 0 0/.09)}.window-bar{border-bottom:1px solid var(--line);background:var(--surface-2);height:40px;color:var(--ink-3);align-items:center;gap:12px;padding:0 14px;font-size:12px;display:flex}.window-bar .dots{gap:6px;display:flex}.window-bar .dots i{background:var(--line-strong);border-radius:2.5px;width:9px;height:9px}.icon{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon-24{width:24px;height:24px}.icon-16{width:16px;height:16px}.icon-tile{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;box-shadow:var(--sh-1);color:var(--ink);border-radius:10px;place-items:center;display:grid}.btn-primary.force-hover{background:color-mix(in oklch, var(--ink) 86%, var(--accent))}.btn-secondary.force-hover{border-color:var(--line-strong);background:var(--surface-2)}.btn-ghost.force-hover{background:var(--surface-2)}.btn-accent.force-hover{background:color-mix(in oklch, var(--accent) 88%, var(--ink))}.btn.force-focus,.input.force-focus,.select.force-focus{outline:2px solid var(--accent);outline-offset:3px}.input.force-focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 22%, transparent);outline:none}.btn.force-active{transform:scale(.97)}.input.force-hover{border-color:color-mix(in oklch, var(--line-strong) 60%, var(--ink))}.card.force-hover{border-color:var(--line-strong);box-shadow:var(--sh-3)}
.xeqdOa_signup{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);width:min(520px,100% - 32px);color:var(--ink);box-shadow:var(--sh-4);padding:32px}.xeqdOa_signup[open]{animation:xeqdOa_modal-in var(--dur-3) var(--ease-out)}.xeqdOa_signup::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:oklch(15% .02 260/.45)}.xeqdOa_signup>*+*{margin-top:16px}.xeqdOa_signup-close{margin:0;position:absolute;top:14px;right:14px}.xeqdOa_signup-tiles{grid-template-columns:repeat(8,12px);gap:4px;display:grid}.xeqdOa_signup-tiles i{background:var(--tile-off);width:12px;height:12px;animation:xeqdOa_tile-on 1.2s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms);border-radius:3px}.xeqdOa_signup-tiles i:nth-child(16){animation-name:xeqdOa_tile-accent}@keyframes xeqdOa_tile-on{0%{background:var(--tile-off)}50%{background:var(--data-2)}to{background:var(--tile-off)}}@keyframes xeqdOa_tile-accent{0%{background:var(--tile-off);transform:translate(4px,4px)}to{background:var(--accent);transform:none}}.xeqdOa_key-row{gap:8px;display:grid}.xeqdOa_key-label{font-size:var(--step--1);font-weight:560}.xeqdOa_key{border-radius:var(--r-md);background:var(--code-bg);color:var(--code-ink);justify-content:space-between;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.xeqdOa_key code{text-overflow:ellipsis;font-size:13px;overflow:hidden}.xeqdOa_steps{font-size:var(--step--1);color:var(--ink-2);gap:10px;padding:0;list-style:none;display:grid}.xeqdOa_steps li{gap:12px;display:flex}.xeqdOa_steps .xeqdOa_n{color:var(--ink-3);padding-top:2px;font-size:12px}.xeqdOa_steps code{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:1px 6px;font-size:.9em}.xeqdOa_note{font-size:var(--step--2);color:var(--ink-3);gap:8px;display:flex}.xeqdOa_note svg{margin-top:1px}
._1pQ_pG_nf{padding-block:clamp(48px,8vw,120px)}._1pQ_pG_nf-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}._1pQ_pG_nf-copy{justify-items:start;gap:24px;display:grid}._1pQ_pG_nf-copy h1 em{color:var(--accent-text)}._1pQ_pG_nf-game{justify-items:center;gap:16px;display:grid}._1pQ_pG_nf-game-t{font:600 var(--step-1) var(--font-display)}._1pQ_pG_nf-game .pz{justify-items:center;gap:14px;width:min(100%,420px);display:grid}._1pQ_pG_nf-game .pz-board{aspect-ratio:1;border-radius:var(--r-xl);background:var(--surface-2);border:1px solid var(--line);width:100%;box-shadow:var(--sh-3);--gap:8px;padding:10px;position:relative}._1pQ_pG_nf-game .pz-board:focus-visible{outline:2px solid var(--accent);outline-offset:4px}:is(._1pQ_pG_nf-game .pz-tile,._1pQ_pG_nf-game .pz-empty){width:calc((100% - 20px - 3 * var(--gap)) / 4);aspect-ratio:1;transform:translate(calc(var(--c) * (100% + var(--gap))), calc(var(--r) * (100% + var(--gap))));transition:transform .24s var(--ease-out-q), box-shadow var(--dur-2), border-radius .6s var(--ease-out);border-radius:12px;position:absolute;top:10px;left:10px}._1pQ_pG_nf-game .pz-tile{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2);cursor:pointer;overflow:hidden}._1pQ_pG_nf-game .pz-tile:hover{box-shadow:var(--sh-3);border-color:var(--line-strong)}._1pQ_pG_nf-game .pz-tile svg{width:100%;height:100%;padding:0}._1pQ_pG_nf-game .pz-empty{border:1px dashed var(--line-strong)}._1pQ_pG_nf-game .pz-board.is-done{--gap:0px}._1pQ_pG_nf-game .pz-board.is-done .pz-tile{box-shadow:none;border-color:#0000;border-radius:0}._1pQ_pG_nf-game .pz-hint{font-size:var(--step--2);color:var(--ink-3);text-align:center;max-width:36ch}._1pQ_pG_nf-game .pz-bar{width:100%;font-size:var(--step--1);justify-content:space-between;align-items:center;display:flex}@media (max-width:860px){._1pQ_pG_nf-grid{grid-template-columns:1fr}}