:root{--background:0 0% 100%;--foreground:222 47% 11%;--primary:198 58.6% 39.8%;--primary-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--accent:210 40% 96%;--accent-foreground:222 47% 11%;--ring:198 58.6% 39.8%;--border:214 32% 91%;--input:214 32% 91%;--radius:0.5rem;--sumx-primary:#2a7da1;--sumx-primary-dark:#1e5f7a;--sumx-primary-light:#3d9cc4;--sumx-primary-muted:rgba(42,125,161,0.1);--sumx-surface:#f1f5f9;--sumx-surface-elevated:#ffffff;--sumx-surface-subtle:#f8fafc;--sumx-text:#0f172a;--sumx-text-muted:#64748b;--sumx-border:#e2e8f0;--sumx-border-subtle:#f1f5f9;--sumx-font:var(--font-inter),ui-sans-serif,system-ui,sans-serif;--nextra-bg:255 255 255;--nextra-primary-hue:198deg;--nextra-primary-saturation:59%;--nextra-primary-lightness:40%}.dark{--background:220 22% 8%;--foreground:210 30% 96%;--accent:220 18% 14%;--accent-foreground:210 30% 96%;--border:220 16% 20%;--input:220 16% 20%;--sumx-primary:#5eb3d6;--sumx-primary-dark:#3d9cc4;--sumx-primary-light:#8ecfe8;--sumx-primary-muted:rgba(94,179,214,0.14);--sumx-surface:#0a0e14;--sumx-surface-elevated:#111820;--sumx-surface-subtle:#161e28;--sumx-text:#e8eef4;--sumx-text-muted:#8b9cb0;--sumx-border:#243040;--sumx-border-subtle:#1a2432;--nextra-bg:17 24 32;--nextra-primary-hue:198deg;--nextra-primary-saturation:55%;--nextra-primary-lightness:58%}html{scroll-behavior:smooth}body{font-family:var(--sumx-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sumx-page,body{color:var(--sumx-text);background:var(--sumx-surface-elevated)}.sumx-page{min-height:100vh}.sumx-landing-container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.sumx-section{padding-block:5rem}.sumx-section-alt{background:var(--sumx-surface);border-block:1px solid var(--sumx-border)}.sumx-section-label{display:inline-block;margin-bottom:.75rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sumx-primary)}.sumx-section-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:inherit}.sumx-section-desc{margin-top:.75rem;max-width:42rem;font-size:1.0625rem;line-height:1.65;color:var(--sumx-text-muted)}.sumx-site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--sumx-border);background:color-mix(in srgb,var(--sumx-surface-elevated) 88%,transparent);backdrop-filter:blur(14px) saturate(1.2)}.dark .sumx-site-header{background:color-mix(in srgb,var(--sumx-surface-elevated) 92%,transparent);border-bottom-color:var(--sumx-border)}.sumx-site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:72rem;margin-inline:auto;padding:0 1.5rem;height:3.75rem}.sumx-brand{display:inline-flex;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;color:var(--sumx-text);text-decoration:none}.sumx-brand:hover{opacity:.9}.sumx-brand-accent{color:var(--sumx-primary)}.sumx-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:linear-gradient(145deg,var(--sumx-primary),var(--sumx-primary-dark));font-size:.8125rem;font-weight:700;color:#fff;box-shadow:0 1px 2px rgba(42,125,161,.35)}.sumx-site-nav{display:none;align-items:center;gap:.25rem}@media (min-width:768px){.sumx-site-nav{display:flex}}.sumx-nav-link{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--sumx-text-muted);text-decoration:none;transition:color .15s,background .15s}.sumx-nav-link.is-active,.sumx-nav-link:hover{color:var(--sumx-primary);background:var(--sumx-primary-muted)}.sumx-site-actions{display:flex;align-items:center;gap:.5rem}.sumx-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--sumx-border);border-radius:.375rem;background:var(--sumx-surface-subtle);color:var(--sumx-text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.sumx-theme-toggle:hover{border-color:var(--sumx-primary);color:var(--sumx-primary);background:var(--sumx-primary-muted)}.dark .sumx-theme-toggle{background:var(--sumx-surface-subtle)}.sumx-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#fff;text-decoration:none;background:var(--sumx-primary);box-shadow:0 1px 2px rgba(30,95,122,.2);transition:background .15s,box-shadow .15s}.sumx-btn-primary:hover{background:var(--sumx-primary-dark);box-shadow:0 2px 8px rgba(30,95,122,.25)}.sumx-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;border:1px solid var(--sumx-border);border-radius:.5rem;font-size:.875rem;font-weight:600;color:inherit;text-decoration:none;background:var(--sumx-surface-elevated);transition:border-color .15s,background .15s}.sumx-btn-secondary:hover{border-color:var(--sumx-primary);background:var(--sumx-primary-muted)}.sumx-hide-mobile{display:none}@media (min-width:768px){.sumx-hide-mobile{display:inline-flex}}.sumx-mobile-menu-btn{display:inline-flex;padding:.5rem;border:1px solid var(--sumx-border);border-radius:.375rem;background:transparent;color:inherit;cursor:pointer}@media (min-width:768px){.sumx-mobile-menu-btn{display:none}}.sumx-mobile-nav{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--sumx-border)}.sumx-mobile-nav-link{padding:.625rem .75rem;border-radius:.375rem;font-size:.9375rem;font-weight:500;color:inherit;text-decoration:none}.sumx-mobile-nav-link:hover{background:var(--sumx-primary-muted)}.sumx-mobile-cta{margin-top:.5rem;width:100%}.sumx-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--sumx-border);background:var(--sumx-surface-elevated)}.sumx-hero-grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--sumx-border) 1px,transparent 1px),linear-gradient(to bottom,var(--sumx-border) 1px,transparent 1px);background-size:4rem 4rem;mask-image:radial-gradient(ellipse 80% 60% at 50% 0,black,transparent);opacity:.4;pointer-events:none}.dark .sumx-hero-grid{opacity:.22}.sumx-hero-inner{position:relative;display:grid;gap:3rem;padding-block:4.5rem 5rem}@media (min-width:1024px){.sumx-hero-inner{grid-template-columns:1fr 1fr;align-items:center;padding-block:5.5rem 6rem}}.sumx-hero-badge{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.25rem .75rem;border:1px solid var(--sumx-border);border-radius:9999px;font-size:.75rem;font-weight:500;color:var(--sumx-text-muted);background:var(--sumx-surface)}.sumx-hero-badge-dot{width:.375rem;height:.375rem;border-radius:9999px;background:var(--sumx-primary)}.sumx-hero-title{max-width:36rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.sumx-hero-title em{font-style:normal;color:var(--sumx-primary)}.sumx-hero-lead{margin-top:1.25rem;max-width:32rem;font-size:1.125rem;line-height:1.65;color:var(--sumx-text-muted)}.sumx-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.sumx-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--sumx-border)}@media (min-width:640px){.sumx-hero-stats{grid-template-columns:repeat(4,1fr)}}.sumx-stat{padding:.25rem 0}.sumx-stat-value{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--sumx-primary)}.sumx-stat-label{margin-top:.25rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sumx-text-muted)}.sumx-code-window{border:1px solid var(--sumx-border);border-radius:.75rem;overflow:hidden;background:#0f172a;box-shadow:0 4px 6px -1px rgba(15,23,42,.08),0 20px 40px -12px rgba(15,23,42,.15)}.dark .sumx-code-window{border-color:var(--sumx-border);box-shadow:0 0 0 1px rgba(94,179,214,.08),0 24px 48px -16px rgba(0,0,0,.55)}.sumx-code-window-bar{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:#1e293b}.sumx-code-dot{width:.625rem;height:.625rem;border-radius:9999px;background:#475569}.sumx-code-dot:first-child{background:#ef4444}.sumx-code-dot:nth-child(2){background:#eab308}.sumx-code-dot:nth-child(3){background:#22c55e}.sumx-code-window-title{margin-left:.5rem;font-size:.75rem;color:#94a3b8}.sumx-code-window-body{padding:1.25rem 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.7;color:#e2e8f0;overflow-x:auto}.sumx-code-window-body .comment{color:#64748b}.sumx-code-window-body .keyword{color:#7dd3fc}.sumx-code-window-body .string{color:#86efac}.sumx-card{display:flex;flex-direction:column;height:100%;padding:1.5rem;border:1px solid var(--sumx-border);border-radius:.75rem;background:var(--sumx-surface-elevated);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.sumx-card:hover{border-color:color-mix(in srgb,var(--sumx-primary) 40%,var(--sumx-border));box-shadow:0 4px 20px -4px rgba(42,125,161,.12)}.sumx-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:1rem;border-radius:.5rem;background:var(--sumx-primary-muted);color:var(--sumx-primary)}.sumx-card-title{font-size:1rem;font-weight:600}.sumx-card-code{margin-top:.25rem;font-size:.8125rem;font-family:ui-monospace,monospace;color:var(--sumx-primary)}.sumx-card-desc{flex:1;margin-top:.5rem;font-size:.875rem;line-height:1.6;color:var(--sumx-text-muted)}.sumx-card-link{margin-top:1rem;font-size:.875rem;font-weight:500;color:var(--sumx-primary)}.sumx-package-grid{display:grid;gap:1.25rem;margin-top:2.5rem}@media (min-width:768px){.sumx-package-grid{grid-template-columns:repeat(2,1fr)}}.sumx-feature-grid{display:grid;gap:1.25rem;margin-top:2.5rem}@media (min-width:640px){.sumx-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sumx-feature-grid{grid-template-columns:repeat(3,1fr)}}.sumx-feature-item{padding:1.25rem 1.5rem;border:1px solid var(--sumx-border);border-radius:.75rem;background:var(--sumx-surface-elevated)}.sumx-feature-item h3{font-size:.9375rem;font-weight:600;color:var(--sumx-primary-dark)}.dark .sumx-feature-item{background:var(--sumx-surface-subtle);border-color:var(--sumx-border)}.dark .sumx-feature-item h3{color:var(--sumx-primary-light)}.sumx-feature-item p{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:var(--sumx-text-muted)}.sumx-steps{display:grid;gap:2rem;margin-top:2.5rem}@media (min-width:768px){.sumx-steps{grid-template-columns:repeat(3,1fr)}}.sumx-step-num{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;font-size:.875rem;font-weight:700;color:#fff;background:var(--sumx-primary)}.sumx-step h3{margin-top:1rem;font-size:1rem;font-weight:600}.sumx-step p{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:var(--sumx-text-muted)}.sumx-cta{padding:3rem 2rem;border-radius:1rem;text-align:center;color:#fff;background:linear-gradient(135deg,var(--sumx-primary) 0,var(--sumx-primary-dark) 100%)}.sumx-cta h2{font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:700;letter-spacing:-.02em}.sumx-cta p{margin:.75rem auto 0;max-width:28rem;font-size:1rem;line-height:1.6;opacity:.92}.sumx-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem}.sumx-cta .sumx-btn-secondary{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}.sumx-cta .sumx-btn-secondary:hover{border-color:#fff;background:rgba(255,255,255,.1)}.sumx-cta .sumx-btn-on-dark{background:#fff;color:var(--sumx-primary-dark)}.sumx-cta .sumx-btn-on-dark:hover{background:#f1f5f9}.sumx-site-footer{position:relative;margin-top:auto;border-top:1px solid var(--sumx-border);background:var(--sumx-surface);overflow:hidden;width:100%;max-width:100%}.dark .sumx-site-footer{background:var(--sumx-surface);border-top-color:var(--sumx-border)}.sumx-footer-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(48rem,80%);height:1px;background:linear-gradient(90deg,transparent,var(--sumx-primary) 50%,transparent);opacity:.45}.dark .sumx-footer-glow{opacity:.65}.sumx-footer-inner{position:relative;padding-block:3.5rem 2rem}.sumx-site-footer--compact .sumx-footer-inner{padding-block:2.5rem 1.5rem}.sumx-footer-top{display:grid;gap:2rem 1.5rem;grid-template-columns:1fr}@media (min-width:640px){.sumx-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.sumx-footer-brand,.sumx-footer-promo{grid-column:1/-1}}@media (min-width:1024px){.sumx-footer-top{grid-template-columns:minmax(10rem,12rem) repeat(4,minmax(0,1fr)) minmax(14rem,18rem);gap:2rem 2.5rem;align-items:start}.sumx-footer-brand,.sumx-footer-promo{grid-column:auto}}.sumx-footer-brand{display:flex;flex-direction:column;gap:.75rem}.sumx-footer-tagline{font-size:.875rem;line-height:1.65;color:var(--sumx-text-muted)}.sumx-footer-tagline--brand{max-width:14rem}.sumx-footer-promo{display:flex;flex-direction:column;gap:1rem}@media (min-width:1024px){.sumx-footer-promo{padding-left:.5rem;border-left:1px solid var(--sumx-border)}}.sumx-footer-cta{display:flex;flex-wrap:wrap;gap:.625rem}.sumx-footer-packages{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:0;padding:0}.sumx-footer-packages code{display:inline-block;padding:.2rem .5rem;border:1px solid var(--sumx-border);border-radius:.375rem;font-size:.6875rem;color:var(--sumx-primary);background:var(--sumx-primary-muted)}.dark .sumx-footer-packages code{color:var(--sumx-primary-light)}.sumx-site-footer--compact .sumx-footer-tagline--brand{display:none}.sumx-footer-col-title{margin-bottom:.875rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sumx-text)}.dark .sumx-footer-col-title{color:var(--sumx-text)}.sumx-footer-links{display:flex;flex-direction:column;gap:.625rem;list-style:none;margin:0;padding:0}.sumx-footer-link{display:inline-block;font-size:.875rem;line-height:1.4;color:var(--sumx-text-muted);text-decoration:none;transition:color .15s}.sumx-footer-link:hover{color:var(--sumx-primary)}.sumx-footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--sumx-border)}@media (min-width:768px){.sumx-footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}}.sumx-footer-copy{font-size:.8125rem;color:var(--sumx-text-muted)}.sumx-footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sumx-footer-pill{padding:.25rem .625rem;border:1px solid var(--sumx-border);border-radius:9999px;font-size:.6875rem;font-weight:500;color:var(--sumx-text-muted);background:var(--sumx-surface-elevated)}.dark .sumx-footer-pill{background:var(--sumx-surface-subtle);border-color:var(--sumx-border);color:var(--sumx-text-muted)}.sumx-footer-external{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:500;color:var(--sumx-primary);text-decoration:none;background:var(--sumx-primary-muted);transition:opacity .15s}.sumx-footer-external:hover{opacity:.85}.sumx-nextra-footer{max-width:none!important;padding:0!important;margin:0!important;border:none!important;background:transparent!important}.sumx-docs-navbar-extra{display:flex;align-items:center;margin-inline-end:.5rem}.sumx-docs-search.nextra-search{min-width:0}.sumx-docs-search input[type=search]{width:100%;min-width:10rem;border:1px solid var(--sumx-border);background:var(--sumx-surface-subtle);color:var(--sumx-text)}.sumx-docs-search input[type=search]:focus{border-color:var(--sumx-primary);outline:none;box-shadow:0 0 0 2px var(--sumx-primary-muted)}.sumx-docs-search kbd{border-color:var(--sumx-border);background:var(--sumx-surface-elevated);color:var(--sumx-text-muted)}.sumx-site-search{flex:1;max-width:14rem;min-width:0}.sumx-mobile-search{padding:0 1.5rem .75rem}.sumx-mobile-search .sumx-docs-search input[type=search]{min-width:0}aside>.x\:sticky.x\:bottom-0.x\:bg-nextra-bg{display:none!important}div:has(>footer.sumx-nextra-footer){background:transparent!important;padding-bottom:0!important}div:has(>footer.sumx-nextra-footer)>hr{display:none!important}.sumx-demo-page{min-height:100vh;background:var(--sumx-surface-elevated)}.sumx-demo-main{max-width:56rem;margin-inline:auto;padding:2.5rem 1.5rem 4rem}.sumx-demo-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em}.sumx-demo-desc{margin-top:.5rem;font-size:1rem;line-height:1.6;color:var(--sumx-text-muted)}.sumx-demo-breadcrumb{display:inline-flex;align-items:center;gap:.375rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--sumx-text-muted);text-decoration:none}.sumx-demo-breadcrumb:hover{color:var(--sumx-primary)}.sumx-demo-block{margin-bottom:2rem}.sumx-demo-block:last-child{margin-bottom:0}.sumx-demo-preview{border:1px solid var(--sumx-border);border-radius:.75rem;background:var(--sumx-surface);padding:1.5rem 1.75rem;min-height:6.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.sumx-demo-preview--stack{flex-direction:column;align-items:stretch;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem}.sumx-demo-preview--grid{justify-content:flex-start;align-content:center;gap:.625rem .75rem;padding:1.5rem 1.75rem}.sumx-demo-preview-label{margin:0 0 .5rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sumx-text-muted)}.sumx-demo-code{margin-top:.625rem;padding:.875rem 1.125rem;border-radius:.5rem;font-family:ui-monospace,monospace;font-size:.8125rem;line-height:1.6;color:#e2e8f0;background:#0f172a;overflow-x:auto}.sumx-demo-controls{margin-bottom:1.5rem;padding:1.125rem 1.375rem;border:1px solid var(--sumx-border);border-radius:.75rem;background:var(--sumx-surface-subtle)}.sumx-demo-controls-title{margin:0 0 .875rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sumx-text-muted)}.sumx-demo-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem 1.25rem;align-items:end}.sumx-demo-field{display:flex;flex-direction:column;gap:.375rem;min-width:0}.sumx-demo-field>label{font-size:.8125rem;font-weight:500;color:var(--sumx-text);line-height:1.25}.sumx-demo-field--checkbox{flex-direction:row;align-items:center;gap:.5rem;padding-top:1.5rem}.sumx-demo-field--checkbox>label{font-weight:400;color:var(--sumx-text-muted);cursor:pointer}.sumx-demo-field--checkbox input[type=checkbox]{width:1rem;height:1rem;margin:0;flex-shrink:0;accent-color:var(--sumx-primary);cursor:pointer}.sumx-demo-select{width:100%;padding:.4375rem 2rem .4375rem .625rem;border:1px solid var(--sumx-border);border-radius:.375rem;font-size:.875rem;line-height:1.4;color:var(--sumx-text);background:var(--sumx-surface-elevated) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .5rem center;appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.sumx-demo-select:hover{border-color:color-mix(in srgb,var(--sumx-primary) 35%,var(--sumx-border))}.sumx-demo-select:focus-visible{outline:none;border-color:var(--sumx-primary);box-shadow:0 0 0 3px var(--sumx-primary-muted)}.sumx-demo-button-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border:1px solid var(--sumx-border-subtle);border-radius:.5rem;background:var(--sumx-surface-elevated)}.sumx-demo-row-label{flex:0 0 4.75rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sumx-text-muted)}.sumx-demo-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;min-width:0}.sumx-doc-callout{display:flex;align-items:center;gap:.5rem;margin:1.25rem 0;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--sumx-primary) 25%,var(--sumx-border));border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--sumx-primary);background:var(--sumx-primary-muted);text-decoration:none;transition:background .15s,border-color .15s}.sumx-doc-callout:hover{border-color:var(--sumx-primary);background:color-mix(in srgb,var(--sumx-primary-muted) 80%,var(--sumx-primary) 5%)}.sumx-mdx-demo{margin:2rem 0;max-width:none}.nextra-content .sumx-mdx-demo,article .sumx-mdx-demo{margin-block:2rem}.sumx-mdx-demo .sumx-demo-controls{margin-bottom:1.25rem}@media (max-width:640px){.sumx-demo-field--checkbox{padding-top:0}.sumx-demo-button-row{flex-direction:column;align-items:flex-start;gap:.625rem}.sumx-demo-row-label{flex:none}}.nextra-nav-container{backdrop-filter:blur(14px) saturate(1.15)}.dark .nextra-nav-container,.dark .nextra-sidebar-container{border-color:var(--sumx-border)!important}.dark .nextra-sidebar-container{background-color:rgb(var(--nextra-bg))!important}.dark article.nextra-content{color:var(--sumx-text)}.dark .nextra-toc,.dark .sumx-card{border-color:var(--sumx-border)}.dark .sumx-card{background:var(--sumx-surface-subtle)}.dark .sumx-card:hover{border-color:color-mix(in srgb,var(--sumx-primary) 35%,var(--sumx-border));box-shadow:0 8px 28px -8px rgba(0,0,0,.45)}.dark .sumx-demo-preview{background:var(--sumx-surface-subtle);border-color:var(--sumx-border)}.dark .sumx-demo-controls{background:var(--sumx-surface);border-color:var(--sumx-border)}.dark .sumx-demo-button-row{background:rgb(var(--nextra-bg));border-color:var(--sumx-border)}.dark .sumx-demo-select{background-color:var(--sumx-surface-elevated);border-color:var(--sumx-border)}.dark .sumx-demo-code{border:1px solid var(--sumx-border)}.dark .sumx-doc-callout{color:var(--sumx-primary-light);border-color:color-mix(in srgb,var(--sumx-primary) 30%,var(--sumx-border))}.dark .sumx-cta{box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}.dark .sumx-btn-primary{color:#0a0e14;background:var(--sumx-primary)}.dark .sumx-btn-primary:hover{background:var(--sumx-primary-light)}.dark .sumx-nav-link.is-active{color:var(--sumx-primary-light);background:var(--sumx-primary-muted)}.dark .sumx-mobile-nav{background:var(--sumx-surface-elevated);border-top-color:var(--sumx-border)}.sumx-editor-variable{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1e3a8a;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;line-height:1.4;padding:0 4px;user-select:all;vertical-align:baseline;white-space:nowrap}.sumx-ul{list-style:disc!important}.sumx-ol,.sumx-ul{padding:0 12px!important}.sumx-ol{list-style:decimal!important}.sumx-demo-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;align-items:start}.sumx-demo-editor-pane{min-width:0}@media (max-width:900px){.sumx-demo-editor-grid{grid-template-columns:1fr}}.sumx-demo-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.625rem;margin:0 0 2.5rem;padding:0;list-style:none}.sumx-demo-link-card{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border:1px solid var(--sumx-border);border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--sumx-text);background:var(--sumx-surface-subtle);text-decoration:none;transition:border-color .15s,background .15s,color .15s}.sumx-demo-link-card:hover{border-color:var(--sumx-primary);color:var(--sumx-primary);background:var(--sumx-primary-muted)}.sumx-landing-demo-feature{margin-bottom:2.5rem}.sumx-landing-demo-feature-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.sumx-landing-demo-feature-head h3{margin:0;font-size:1.125rem;font-weight:600}.sumx-landing-demo-surface{border:1px solid var(--sumx-border);border-radius:.75rem;background:var(--sumx-surface);padding:1.25rem 1.5rem 1.5rem}.sumx-landing-demo-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media (max-width:1024px){.sumx-landing-demo-duo{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}