:root{--white:#fff;--gray-50:#f3f4f7;--gray-100:#eef0f5;--gray-150:#eceef3;--gray-200:#e2e5eb;--gray-250:#d3d6de;--gray-300:#c9cdd6;--gray-350:#b9bfcc;--gray-400:#9aa1b2;--gray-500:#7a8192;--gray-600:#565c6b;--gray-700:#3d424e;--gray-800:#262a33;--gray-900:#161920;--ink-950:#0d0f14;--cobalt-50:#eef1fe;--cobalt-100:#dde3fd;--cobalt-200:#b9c5fb;--cobalt-300:#8c9ff6;--cobalt-400:#5d77ef;--cobalt-500:#3b57ea;--cobalt-600:#2440e6;--cobalt-700:#1c33bb;--cobalt-800:#172a94;--cobalt-900:#13226f;--lime-300:#d4f56b;--code-text:#e8eaf0;--code-string:#9ab8ff;--color-ink:var(--ink-950);--color-muted:var(--gray-600);--color-surface:var(--white);--color-surface-2:var(--gray-50);--color-hover:var(--gray-100);--color-line:var(--gray-200);--color-line-strong:var(--gray-300);--color-action:var(--cobalt-600);--color-action-hover:var(--cobalt-700);--color-action-ink:var(--white);--color-danger:#c62828;--color-danger-hover:#a31f1f;--color-highlight:var(--lime-300);--color-code-bg:var(--ink-950);--code-muted:var(--gray-400);--dark-card-text:var(--gray-350);--font-display:var(--font-bricolage,"Bricolage Grotesque"), system-ui, sans-serif;--font-body:var(--font-be-vietnam,"Be Vietnam Pro"), system-ui, sans-serif;--font-mono:var(--font-jetbrains,"JetBrains Mono"), ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-14:56px;--space-16:64px;--space-22:88px;--container:1200px;--gutter:var(--space-6);--section-y:clamp(var(--space-16), 4vw + 2rem, var(--space-22));--radius-input:12px;--radius-card:20px;--radius-card-sm:16px;--radius-browser:18px;--radius-pill:999px;--shadow-mock:0 30px 60px -30px #0d0f1459;--duration:.16s}
.pui{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);font-size:17px;line-height:1.6}:where(.pui) *,:where(.pui) :before,:where(.pui) :after{box-sizing:border-box}:where(.pui) a{color:inherit}:where(.pui) :focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.pui-container{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.pui-h2{max-width:720px;font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(32px,3.6vw,48px);font-weight:700;line-height:1.05}.pui-lead{margin:var(--space-3) 0 0;color:var(--color-muted)}.pui-button{border-radius:var(--radius-pill);min-height:48px;font:inherit;cursor:pointer;transition:filter var(--duration) ease, background-color var(--duration) ease;border:1px solid #0000;justify-content:center;align-items:center;padding:0 26px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.pui-button--primary{background:var(--color-action);color:var(--color-action-ink)}.pui-button--dark{background:var(--color-ink);color:var(--color-surface)}.pui-button--primary:hover,.pui-button--dark:hover{filter:brightness(1.12)}.pui-button--secondary{border-color:var(--color-line-strong);color:var(--color-ink);background:0 0}.pui-button--secondary:hover{background:var(--color-hover)}.pui-button--compact{min-height:44px;padding:0 18px;font-size:15px}.pui-button--full{width:100%}.pui-button:disabled{cursor:not-allowed;opacity:.45;filter:none}.pui-wordmark{align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:-.03em;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}.pui-wordmark__mark{background:var(--color-action);border-radius:7px;flex:none;width:22px;height:22px;display:inline-block}.pui-badge{border-radius:var(--radius-pill);background:var(--color-highlight);color:var(--color-ink);align-items:center;padding:5px 12px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.pui-section{padding:var(--section-y) 0}.pui-section--muted{background:var(--color-surface-2)}.pui-card{gap:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);transition:border-color var(--duration) ease;flex-direction:column;padding:28px;display:flex}.pui-card:hover{border-color:var(--color-ink)}.pui-card__title{margin:0;font-size:21px;font-weight:600;line-height:1.3}.pui-card__body{color:var(--color-muted)}.pui-card__body>*{margin:0}.pui-card__body>*+*{margin-top:var(--space-2)}.pui-card--dark{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.pui-card--dark .pui-card__body{color:var(--dark-card-text)}.pui-card--action{background:var(--color-action);color:var(--color-action-ink);border-color:#0000}.pui-card--action:hover{border-color:var(--color-ink)}.pui-card--action .pui-card__body{color:inherit}.pui-field{gap:6px;display:grid}.pui-field__label{font-size:14px;font-weight:600}.pui-field__input{border:1px solid var(--color-line-strong);border-radius:var(--radius-input);background:var(--color-surface);height:48px;color:var(--color-ink);font:inherit;padding:0 14px;font-size:16px}.pui-field__input:focus-visible{border-color:var(--color-ink)}.pui-field__hint{color:var(--color-muted);margin:0;font-size:14px}.pui-choices{border:0;gap:.5rem;margin:0;padding:0;display:grid}.pui-choices legend{margin-bottom:.5rem;font-weight:600}.pui-choice{align-items:baseline;gap:.5rem;display:flex}.pui-steps{gap:var(--space-4);margin:var(--space-12) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));padding:0;list-style:none;display:grid}.pui-step{border-top:3px solid var(--color-ink);padding-top:22px}.pui-step--last{border-top-color:var(--color-action)}.pui-step__number{color:var(--color-muted);font-family:var(--font-mono);font-size:14px}.pui-step__title{margin:10px 0 var(--space-2);font-size:22px;font-weight:600;line-height:1.3}.pui-step__body{color:var(--color-muted);margin:0}.pui-plan{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;gap:14px;padding:30px;display:flex;position:relative}.pui-plan--featured{border:2px solid var(--color-ink)}.pui-plan__badge{position:absolute;top:-13px;left:28px}.pui-plan__name{margin:0;font-size:20px;font-weight:600}.pui-plan__pricing,.pui-plan__note,.pui-plan__description{margin:0}.pui-plan__price{font-family:var(--font-display);letter-spacing:-.03em;font-size:40px}.pui-plan__period,.pui-plan__note,.pui-plan__description{color:var(--color-muted)}.pui-plan__cta{padding-top:var(--space-2);margin-top:auto}.pui-faq__item{border-top:1px solid var(--gray-250);padding:20px 0}.pui-faq__item:last-child{border-bottom:1px solid var(--gray-250)}.pui-faq__question{justify-content:space-between;gap:var(--space-4);cursor:pointer;font-size:18px;font-weight:600;list-style:none;display:flex}.pui-faq__question::-webkit-details-marker{display:none}.pui-faq__question:after{content:"+";color:var(--color-muted);font-family:var(--font-mono);transition:transform var(--duration) ease}.pui-faq__item[open]>.pui-faq__question:after{transform:rotate(45deg)}.pui-faq__answer{margin:var(--space-3) 0 0;color:var(--color-muted)}.pui-browser{border:1px solid var(--color-line);border-radius:var(--radius-browser);background:var(--color-surface);box-shadow:var(--shadow-mock);margin:0;overflow:hidden}.pui-browser__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-surface-2);display:flex}.pui-browser__dots{gap:6px;display:flex}.pui-browser__dots>span{background:var(--gray-250);border-radius:50%;width:10px;height:10px}.pui-browser__address{min-width:0;padding:var(--space-1) var(--space-3);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;font-size:13px;overflow:hidden}.pui-browser__body{padding:22px}.pui-code{border-radius:var(--radius-card-sm);background:var(--color-code-bg);color:var(--code-text);font-family:var(--font-mono);margin:0;padding:18px;font-size:12.5px;line-height:1.7}.pui-code__caption{margin-bottom:var(--space-2);color:var(--code-muted)}.pui-code__body{font:inherit;white-space:pre;margin:0;overflow-x:auto}.pui-code__keyword{color:var(--color-highlight)}.pui-code__string{color:var(--code-string)}@media (prefers-reduced-motion:reduce){.pui *,.pui :before,.pui :after{transition:none!important}}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f4b234103afdc32a-s.p.197tvtifbphtu.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/0b60d5f95c5f3f76-s.2e115y8-hourl.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/8056169c9d560660-s.p.41rroleoq1br7.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:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/f4b234103afdc32a-s.p.197tvtifbphtu.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/0b60d5f95c5f3f76-s.2e115y8-hourl.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/8056169c9d560660-s.p.41rroleoq1br7.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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.x1PT_a_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.x1PT_a_variable{--font-bricolage:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/77d9a04c69f7b11b-s.p.1uklb5el4zgvl.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d81b50f8e1aba043-s.05i4gb4p0piv4.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dd018b41519c2d93-s.p.2g-0we2o5_ngd.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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b4fb5dfe9580f890-s.p.1zvg0ggiaivzo.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1f6c95fdd7b08cc8-s.0jaqhc1tb-5xm.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7f1976624c2b6255-s.p.1hvvd1t-trplq.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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ac706d910f2bd04-s.p.25pbmqxk8u2s7.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/3c61b7007b1b2764-s.0n_ln9vqskgts.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/25d341d5876d8ede-s.p.2wu4yy186g04j.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:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.UFAE8q_className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.UFAE8q_variable{--font-be-vietnam:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b8807fba4c78ed02-s.3rzzqbp6n-se_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/33af162a8a57be88-s.11hib43vps_f6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/857a5879595f8d5b-s.2412cs7pdods5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/50bbbdb737301f52-s.p.172j9j8-bhts_.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c15e0243d3768285-s.1n5k2jkjvz0fk.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fd8cf3e7b62747c9-s.p.0schr0lclylgv.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 Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.MvsGqW_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal;font-weight:400}.MvsGqW_variable{--font-jetbrains:"JetBrains Mono", "JetBrains Mono Fallback"}
.con-page{min-height:100vh}.con-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-6);display:flex}.con-main{padding-block:var(--space-6) calc(var(--space-6) * 3);max-width:56rem}.con-h1{font-family:var(--font-display,inherit);margin:0;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem)}.con-h2{margin:0;font-size:1.25rem}.con-title{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.con-credits{text-align:left;justify-items:start;gap:.25rem;display:grid}.con-credits strong{font-size:1.5rem}.con-muted{color:var(--color-muted);font-size:.9375rem}.con-section{gap:var(--space-4);margin-top:calc(var(--space-6) * 1.5);scroll-margin-top:var(--space-6);display:grid}.con-section__head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.con-list{border-top:1px solid var(--color-line);margin:0;padding:0;list-style:none;display:grid}.con-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--color-line);flex-wrap:wrap;display:flex}.con-row__main{gap:.25rem;min-width:0;display:grid}.con-row__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.con-empty{color:var(--color-muted);margin:0}.con-callout{padding:var(--space-4);border-left:3px solid var(--color-action);background:var(--color-surface-muted,transparent)}.con-callout p{margin:.5rem 0 0}.con-prewrap{white-space:pre-wrap}.con-notice{margin:var(--space-6) 0 0;padding:var(--space-4);border-left:3px solid var(--color-action)}.con-error{margin:var(--space-6) 0 0;padding:var(--space-4);border-left:3px solid;font-weight:600}.con-form{gap:var(--space-4);margin-top:var(--space-6);max-width:34rem;display:grid}.con-field{gap:.5rem;font-weight:500;display:grid}.con-field select,.con-field textarea{border:1px solid var(--color-line);color:inherit;font:inherit;background:0 0;border-radius:.5rem;padding:.75rem;font-weight:400}.con-field textarea{resize:vertical;min-height:10rem}.con-form__actions{flex-wrap:wrap;gap:.75rem;display:flex}.con-inline{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:.5rem;display:flex}.con-field--small input{width:6rem}.con-field input:not([type=hidden]){border:1px solid var(--color-line);color:inherit;font:inherit;background:0 0;border-radius:.5rem;padding:.5rem .75rem;font-weight:400}.con-give-up{color:var(--color-muted);margin-top:.25rem;font-size:.875rem}.con-give-up summary{cursor:pointer}.con-give-up .con-form{color:var(--color-text,inherit);margin-top:.75rem}.con-check{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;display:flex}