@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@300;400;500;600;700&display=swap";html,body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--font-sans: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;--font-display: "Oxanium", var(--font-sans);--color-background: #f9fafb;--color-background-card: #fbfbfb;--color-text: #1f2937;--color-heading: #1f2937;--color-link: #354ead;--color-link-hover: #2563eb;--color-accent: #354ead;--color-accent-hover: #2563eb;--color-border: #e5e7eb;--color-muted: #444;--color-placeholder: #666;--color-nav-bg: rgba(245,245,247,.85);--color-card-shadow: rgba(0,0,0,.05);--color-card-shadow-hover: rgba(0,0,0,.08);--nav-height: 120px;--section-gap: 5rem}:root.dark,.dark :root{--color-background: #2e2e2e;--color-background-card: #3a3a3a;--color-text: #fefefe;--color-heading: #fefefe;--color-link: #6c8cff;--color-link-hover: #8fa8ff;--color-accent: #6c8cff;--color-accent-hover: #8fa8ff;--color-border: #3a3a3a;--color-muted: #ccc;--color-placeholder: #aaa;--color-nav-bg: rgba(30,30,30,.95);--color-card-shadow: none;--color-card-shadow-hover: none}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:-.01em;background:var(--color-background);color:var(--color-text)}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0 0 .5rem;color:var(--color-heading)}h1{font-size:clamp(36px,5vw,56px);line-height:1.1}h2{font-size:clamp(28px,3.5vw,40px);line-height:1.2}h3{font-size:22px;line-height:1.3}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent)}.container{max-width:1120px;margin-inline:auto;padding-inline:1.5rem}.section{padding-block:var(--section-gap)}.stack{display:flex;flex-direction:column;gap:1.5rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.btn{display:inline-block;padding:.75rem 1.25rem;border-radius:6px;text-decoration:none;font-family:var(--font-display);font-size:.875rem;text-transform:uppercase;letter-spacing:.06em;transition:background .12s ease,color .12s ease,border-color .12s ease}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover,.btn-primary:focus{background:var(--color-accent-hover)}.btn-secondary{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.btn-secondary:hover,.btn-secondary:focus{background:var(--color-accent-hover);color:#fff}.app-header{position:sticky;top:0;z-index:20;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.app-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:-1;pointer-events:none}.app-header.scrolled{background:var(--color-nav-bg);box-shadow:0 1px 2px var(--color-card-shadow)}.app-header .nav{display:flex;gap:2rem;align-items:center}.app-header .nav a{position:relative;font-size:.875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text);padding:.25rem 0}.app-header .nav a:after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:var(--color-accent);transition:width .12s ease}.app-header .nav a:hover:after{width:100%}.logo{display:block;height:100%}.logo img{height:100%}.logo-dark{display:none}.dark .logo-dark{display:block}.dark .logo-light{display:none}.hero{min-height:calc(100vh - var(--nav-height));display:grid;align-items:center;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hero-illustration{border:1px solid var(--color-border);border-radius:12px;background:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:20px 20px;box-shadow:0 2px 4px var(--color-card-shadow);aspect-ratio:4/3;position:relative;overflow:hidden}.hero-illustration:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-accent),transparent);opacity:.1}.feature-grid.features--wow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}@media (max-width: 1024px){.feature-grid.features--wow{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (max-width: 640px){.feature-grid.features--wow{grid-template-columns:1fr;gap:1.25rem}}.features--wow .feature-card--wow{--card-pad: clamp(1.1rem, 1.2vw + .6rem, 1.8rem);position:relative;display:flex;flex-direction:column;height:100%;padding:var(--card-pad);border-radius:14px;overflow:hidden;background:var(--color-background-card);border:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-card-shadow);transition:transform .18s ease,box-shadow .18s ease}.features--wow .feature-card--wow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1.2px;-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.features--wow .feature-card--wow:hover{transform:translateY(-2px);box-shadow:0 10px 26px var(--color-card-shadow-hover)}.features--wow .feature-card--wow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translate(-120%);transition:transform .6s ease;pointer-events:none}.features--wow .feature-card--wow:hover:after{transform:translate(120%)}.features--wow .feature-card__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;margin-bottom:.9rem;color:var(--color-accent);transition:transform .18s ease}.features--wow .feature-card--wow:hover .feature-card__icon{transform:translateY(-1px) scale(1.02)}.features--wow .feature-card__badges{position:absolute;top:.6rem;left:.75rem;display:flex;gap:.4rem;flex-wrap:wrap;pointer-events:none}.features--wow .feature-card__badge{position:absolute;right:.75rem;top:.75rem;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-heading);background:color-mix(in oklab,var(--color-accent) 18%,transparent);border:1px solid var(--color-border);padding:2px 6px;border-radius:999px}:root.dark .features--wow .feature-card__badge{background:color-mix(in oklab,var(--color-accent) 26%,transparent);border-color:color-mix(in oklab,var(--color-accent) 30%,var(--color-border))}.features--wow .feature-card__title{font-family:var(--font-display);font-size:1.05rem;line-height:1.28;margin:0 0 .4rem;color:var(--color-heading)}.features--wow .feature-card__text{margin:0;font-size:.95rem;line-height:1.5;color:var(--color-text)}.features--wow .feature-card--wow:focus-within,.features--wow .feature-card--wow:focus{outline:2px solid color-mix(in oklab,var(--color-accent) 60%,transparent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.features--wow .feature-card--wow,.features--wow .feature-card--wow:after,.features--wow .feature-card__icon{transition:none!important}}.vp-code,.codeblock{--vp-code-bg: #f6f6f7;--vp-code-border: #e2e2e3;--vp-code-text: #67676c;--vp-code-lang-color: #67676c;--vp-code-copy-code-border-color: #e2e2e3;--vp-code-copy-code-bg: #f6f6f7;--vp-code-copy-code-hover-border-color: #e2e2e3;--vp-code-copy-code-hover-bg: #ffffff;--vp-code-copy-code-active-text: #67676c;--vp-code-line-number-color: #67676c;position:relative;margin:.75rem 0;border:1px solid var(--vp-code-border);border-radius:10px;background:var(--vp-code-bg);color:var(--vp-code-text);overflow:auto;padding:0}:root.dark .vp-code,:root.dark .codeblock{--vp-code-bg: #161618;--vp-code-border: #000;--vp-code-text: #98989f;--vp-code-lang-color: #98989f;--vp-code-copy-code-border-color: #2e2e32;--vp-code-copy-code-bg: #202127;--vp-code-copy-code-hover-border-color: #2e2e32;--vp-code-copy-code-hover-bg: #1b1b1f;--vp-code-copy-code-active-text: #98989f;--vp-code-line-number-color: #98989f}.vp-code .shiki,.codeblock .shiki{background:transparent!important;margin:0;padding:.55rem .75rem;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.88rem;line-height:1.35}.vp-code__lang,.codeblock__lang{position:absolute;top:6px;right:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--vp-code-lang-color);background:var(--vp-code-bg);border:1px solid var(--vp-code-border);padding:1px 6px;border-radius:6px}.vp-code__copy,.codeblock__copy{position:absolute;top:6px;right:62px;font:inherit;font-size:11px;cursor:pointer;color:var(--vp-code-text);background:var(--vp-code-copy-code-bg);border:1px solid var(--vp-code-copy-code-border-color);padding:2px 6px;border-radius:6px;transition:transform .08s,background .12s,border-color .12s}.demo-ide{gap:1.5rem;align-items:flex-start}.demo-output{border:1px solid var(--color-border);border-radius:12px;background:var(--color-background-card)}.demo-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--color-border)}.demo-tabs button{flex:0 0 auto;background:transparent;border:0;padding:.5rem .75rem;cursor:pointer;font-family:var(--font-display);font-size:.9rem;color:var(--color-text)}.demo-tabs button.active{background:var(--color-background);border-bottom:2px solid var(--color-accent)}.demo-panels .vp-code{margin:0;border:0;border-radius:0}.skip-link{position:absolute;left:1rem;top:-40px;background:var(--color-accent);color:#fff;padding:.5rem 1rem;border-radius:4px;z-index:100;text-decoration:none}.skip-link:focus{top:1rem}.site-footer{background:var(--color-nav-bg);border-top:1px solid var(--color-border);padding:2.2rem 0 2rem}.footer-top{display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr;align-items:start}@media (max-width: 960px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width: 640px){.footer-top{grid-template-columns:1fr}}.footer-tagline{margin:.6rem 0 1rem;color:var(--color-muted)}.footer-social{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.footer-social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background-card);color:var(--color-text);transition:transform .12s ease,border-color .12s ease,color .12s ease}.footer-social a:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--color-accent) 40%,var(--color-border));color:var(--color-accent)}.footer-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;color:var(--color-heading)}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.footer-links a{color:var(--color-text);text-decoration:none}.footer-links a:hover{color:var(--color-link-hover)}.footer-bottom{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.9rem;color:var(--color-muted)}@media (max-width: 640px){.footer-bottom{flex-direction:column;gap:.25rem;align-items:flex-start}}.footer-brand .footer-tagline strong{color:var(--color-accent)}.codeblock,.vp-code{--vp-code-bg: #f6f6f7;--vp-code-border: #e2e2e3;--vp-code-text: #67676c;--vp-code-lang-color: #67676c;--vp-code-copy-code-border-color: #e2e2e3;--vp-code-copy-code-bg: #f6f6f7;--vp-code-copy-code-hover-border-color: #e2e2e3;--vp-code-copy-code-hover-bg: #ffffff;--vp-code-copy-code-active-text: #67676c;--vp-code-line-number-color: #67676c;position:relative;margin:1.25rem 0;border:1px solid var(--vp-code-border);border-radius:12px;background:var(--vp-code-bg);color:var(--vp-code-text);overflow:auto;padding:0}:root.dark .codeblock,:root.dark .vp-code{--vp-code-bg: #161618;--vp-code-border: #000000;--vp-code-text: #98989f;--vp-code-lang-color: #98989f;--vp-code-copy-code-border-color: #2e2e32;--vp-code-copy-code-bg: #202127;--vp-code-copy-code-hover-border-color: #2e2e32;--vp-code-copy-code-hover-bg: #1b1b1f;--vp-code-copy-code-active-text: #98989f;--vp-code-line-number-color: #98989f}.vp-code .shiki,.codeblock .shiki{background:transparent!important;margin:0;padding:.4rem .75rem;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.94rem;line-height:1}.shiki .line{display:block;line-height:1}.vp-code__lang,.codeblock__lang{position:absolute;top:8px;right:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--vp-code-lang-color);background:var(--vp-code-bg);border:1px solid var(--vp-code-border);padding:2px 6px;border-radius:6px}.vp-code__copy,.codeblock__copy{position:absolute;top:8px;right:70px;font:inherit;font-size:12px;cursor:pointer;color:var(--vp-code-text);background:var(--vp-code-copy-code-bg);border:1px solid var(--vp-code-copy-code-border-color);padding:4px 8px;border-radius:6px;transition:transform .08s,background .12s,border-color .12s}.vp-code__copy:hover,.codeblock__copy:hover{transform:translateY(-1px);border-color:var(--vp-code-copy-code-hover-border-color);background:var(--vp-code-copy-code-hover-bg);color:var(--vp-code-copy-code-active-text)}.codeblock--lines .shiki code{counter-reset:line}.codeblock--lines .shiki .line{position:relative;padding-left:2.5rem}.codeblock--lines .shiki .line:before{counter-increment:line;content:counter(line);position:absolute;left:.5rem;width:1.6rem;color:var(--vp-code-line-number-color);text-align:right}.vp-code{margin:.75rem 0;border-radius:10px}.vp-code .shiki{padding:.4rem .75rem;font-size:.88rem;line-height:1}.shiki .line{display:block;padding-block:0}.vp-code__lang{top:6px;right:8px;font-size:10px;padding:1px 6px}.vp-code__copy{top:6px;right:62px;font-size:11px;padding:2px 6px}@media (max-width: 640px){.vp-code .shiki{font-size:.84rem;line-height:1;padding:.4rem .6rem}.vp-code__lang{font-size:9px}.vp-code__copy{font-size:10px}}.vp-code--scroll{max-height:22rem}.vp-code--scroll .shiki{max-height:inherit}.codegen-demo .cg-grid{display:grid;gap:1rem}@media (min-width:768px){.codegen-demo .cg-grid{grid-template-columns:1fr 1fr}}.codegen-demo .cg-input,.codegen-demo .cg-output{position:relative;border:1px solid var(--color-border);border-radius:12px;background:var(--color-background-card);box-shadow:0 2px 4px var(--color-card-shadow)}.codegen-demo .cg-shell{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin:.5rem 0 1rem;background:var(--color-background-card)}.codegen-demo .cg-shell__titlebar{display:flex;gap:.4rem;padding:.4rem .6rem;border-bottom:1px solid var(--color-border)}.codegen-demo .cg-shell__titlebar span{width:.7rem;height:.7rem;border-radius:50%}.codegen-demo .cg-shell__titlebar span:nth-child(1){background:#ff5f57}.codegen-demo .cg-shell__titlebar span:nth-child(2){background:#febc2e}.codegen-demo .cg-shell__titlebar span:nth-child(3){background:#28c840}.codegen-demo .cg-shell__body{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;font-family:ui-monospace,Menlo,Consolas,monospace}.codegen-demo .prompt{opacity:.7}.codegen-demo .cg-cmd{white-space:pre}.codegen-demo .cg-cmd[data-typing=true]:after{content:"";display:inline-block;width:.6ch;height:1.05em;margin-left:.05ch;background:currentColor;opacity:.8;animation:cg-caret .9s steps(1) infinite}@keyframes cg-caret{50%{opacity:.1}}.codegen-demo .cg-status{margin-left:.5rem;font-size:.9rem;opacity:.85}.codegen-demo .cg-replay{margin-left:auto;background:none;border:0;cursor:pointer;font-size:1rem;line-height:1}.codegen-demo .cg-tabs .tablist{display:flex;gap:.5rem;padding:.25rem .5rem;border-bottom:1px solid var(--color-border)}.codegen-demo .cg-tabs .tablist button{background:transparent;border:0;cursor:pointer;padding:.45rem .55rem;font-size:.82rem;font-family:var(--font-display);letter-spacing:.02em;color:var(--color-text);border-bottom:2px solid transparent;border-radius:4px 4px 0 0}.codegen-demo .cg-tabs .tabpanels{flex:1;overflow:auto}.codegen-demo .cg-tabs [role=tabpanel]{padding:.6rem .8rem}.codegen-demo .cg-skeleton{height:100%;padding:1rem;display:flex;flex-direction:column;gap:.4rem}.codegen-demo .shiki .line:empty{height:.55em}.codegen-demo .flash{animation:cg-flash .7s ease-out}@keyframes cg-flash{0%{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}to{background:transparent}}@media (prefers-reduced-motion:reduce){.codegen-demo .cg-skeleton .line,.codegen-demo .cg-spinner,.codegen-demo .cg-cmd[data-typing=true]:after{animation:none}}.codegen-demo .cg-panehead{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem .4rem;border-bottom:1px solid var(--color-border);border-radius:12px 12px 0 0;background:var(--color-background-card)}.codegen-demo .cg-panehead__title{font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--color-muted)}.codegen-demo .cg-tabs{display:flex;flex-direction:column;min-height:22rem}.codegen-demo .cg-tabs .tablist{display:flex;gap:.45rem;padding:.3rem .6rem .25rem;border-bottom:1px solid var(--color-border)}.codegen-demo .cg-tabs .tablist button{background:transparent;border:0;cursor:pointer;padding:.42rem .55rem;font-size:.82rem;font-family:var(--font-display);color:var(--color-text);border-bottom:2px solid transparent;border-radius:6px 6px 0 0}.codegen-demo .cg-tabs .tablist button.active{border-bottom-color:var(--color-accent);color:var(--color-heading)}.codegen-demo .cg-tabs .tabpanels{position:relative;flex:1;overflow:auto}.codegen-demo .cg-tabs [role=tabpanel]{padding:.7rem .85rem}.codegen-demo .cg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.codegen-demo .cg-skeleton{height:100%;padding:1rem;display:flex;flex-direction:column;gap:.45rem}.codegen-demo .cg-skeleton .line{height:1rem;border-radius:4px;background:linear-gradient(90deg,var(--color-border),var(--color-background-card),var(--color-border));background-size:200% 100%;animation:cg-shimmer 1.2s infinite}@keyframes cg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.codegen-demo .cg-spinner{position:absolute;top:10px;right:10px;width:14px;height:14px;border:2px solid var(--color-accent);border-top-color:transparent;border-radius:50%;animation:cg-spin 1s linear infinite}@keyframes cg-spin{to{transform:rotate(360deg)}}.codegen-demo .shiki{background:transparent!important}.codegen-demo .shiki .line:empty{height:.5em}.features-page{display:grid;grid-template-columns:260px 1fr;gap:2rem}@media (max-width: 1024px){.features-page{grid-template-columns:1fr}}.features-hero{grid-column:1 / -1;margin-bottom:.5rem}.features-hero .lead{margin:.25rem 0 0;max-width:70ch;color:var(--color-text)}.features-toc{position:sticky;top:calc(var(--nav-height) + 1rem);align-self:start;border:1px solid var(--color-border);background:var(--color-background-card);border-radius:12px;padding:.9rem}.features-toc strong{font-family:var(--font-display);font-size:.9rem;color:var(--color-heading)}.features-toc nav{display:grid;gap:.35rem;margin-top:.5rem}.features-toc a{font-size:.9rem;color:var(--color-text);text-decoration:none;padding:.2rem .25rem;border-radius:6px}.features-toc a:hover{background:color-mix(in oklab,var(--color-accent) 10%,transparent)}.features-content{min-width:0}.feature-group{margin-bottom:3.5rem}.group-lead{margin:.25rem 0 1.25rem;max-width:80ch;color:var(--color-text)}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}@media (max-width: 820px){.feature-list{grid-template-columns:1fr}}.feature-card--wow{padding:1rem 1.1rem}.feature-card--wow .feature-card__title{font-size:1rem}.feature-card--wow .feature-card__text{font-size:.95rem}.feature-card__badge{position:absolute;top:.7rem;right:.7rem;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-heading);background:color-mix(in oklab,var(--color-accent) 16%,transparent);border:1px solid var(--color-border);padding:2px 6px;border-radius:999px}:root.dark .feature-card__badge{background:color-mix(in oklab,var(--color-accent) 26%,transparent);border-color:color-mix(in oklab,var(--color-accent) 30%,var(--color-border))}.features-toc a[aria-current=true]{background:color-mix(in oklab,var(--color-accent) 14%,transparent);color:var(--color-heading);font-weight:600;border-left:3px solid var(--color-accent);padding-left:calc(.65rem - 3px)}.feature-group{scroll-margin-top:calc(var(--nav-height) + 16px)}:root{scroll-behavior:smooth}.why-hero{margin-block:2rem 2.5rem}.why-hero p{max-width:70ch;color:var(--color-muted)}.lede{color:var(--color-text);font-size:1.05rem}.lead{margin:.25rem 0 0;max-width:70ch;color:var(--color-accent)}.value{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:.9rem;background:var(--color-background-card);border:1px solid var(--color-border);border-radius:12px;padding:.9rem 1rem;box-shadow:0 2px 4px var(--color-card-shadow)}.value{display:flex;gap:.8rem;align-items:flex-start;background:var(--color-background-card);border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1rem;box-shadow:0 2px 4px var(--color-card-shadow)}.value svg{width:66px;height:66px;aspect-ratio:1 / 1;justify-self:center;align-self:center;margin:0;color:var(--color-accent);stroke:currentColor;fill:none;vector-effect:non-scaling-stroke;transform:translateY(-2px);transform-box:fill-box;transform-origin:50% 50%}.value h3{margin:.1rem 0 .25rem;font-size:1rem}.value p{margin:0;color:var(--color-text)}.compare{margin-block:1rem 2rem;border:1px solid var(--color-border);border-radius:12px;overflow:auto;background:var(--color-background-card)}.compare table{width:100%;border-collapse:collapse;min-width:720px}.compare caption{text-align:left;padding:.9rem 1rem;font-weight:600;color:var(--color-heading)}.compare th,.compare td{padding:.75rem 1rem;text-align:left;border-top:1px solid var(--color-border)}.compare thead th{position:sticky;top:0;background:var(--color-background-card);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);border-top:0}.compare td:nth-child(1),.compare th:nth-child(1){width:30%}.compare tr:nth-child(odd) td{background:color-mix(in oklab,var(--color-background-card) 96%,var(--color-border))}.grid-2col{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 900px){.grid-2col{grid-template-columns:1fr}}.card{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:12px;padding:1.1rem 1.25rem;box-shadow:0 2px 4px var(--color-card-shadow)}.card h3{margin:0 0 .35rem;font-size:1rem}.card p{margin:.25rem 0 0;color:var(--color-text)}.card ul,.card ol{margin:.25rem 0 0 1.1rem}.checklist{display:grid;gap:.45rem;margin:.25rem 0 0;padding:0}.checklist li{list-style:none;display:grid;grid-template-columns:14px 1fr;column-gap:.6rem;align-items:baseline;line-height:1.45}.checklist li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-accent) 18%,var(--color-background-card));transform:translateY(.25em);opacity:.95}@media (max-width: 640px){.checklist li{column-gap:.5rem}.checklist li:before{width:7px;height:7px}}.faq summary{cursor:pointer;padding:.65rem .9rem;border-radius:8px;font-weight:600}.faq details{border:1px solid var(--color-border);border-radius:10px;background:var(--color-background-card)}.faq details+details{margin-top:.6rem}.faq details[open] summary{background:color-mix(in oklab,var(--color-accent) 12%,transparent)}.faq .ans{padding:0 .9rem 1rem;color:var(--color-text)}.cta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:1.25rem}.cta .btn{font-size:.82rem}.why section+section{margin-top:3.25rem}.why h2{margin:0 0 1rem}.why .grid-2col{gap:1.75rem 1.5rem}.why .card{padding:1.2rem 1.4rem;border-radius:14px}.why .card--soft{background:color-mix(in oklab,var(--color-accent) 6%,var(--color-background-card));border-color:color-mix(in oklab,var(--color-accent) 18%,var(--color-border));box-shadow:0 2px 6px var(--color-card-shadow)}.why .with-rule{position:relative}.why .with-rule:before{content:"";position:absolute;left:0;right:0;top:-1.75rem;height:1px;background:var(--color-border);opacity:.6}.why .value-grid{margin-bottom:2.25rem}.why .value{padding:.9rem 1rem}@media (max-width: 900px){.value{grid-template-columns:72px 1fr;gap:.8rem}.value svg{width:72px;height:72px}}@media (max-width: 520px){.value{grid-template-columns:60px 1fr}.value svg{width:60px;height:60px}}.why .compare table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;border:1px solid var(--tbl-border)}.why .compare th,.why .compare td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--tbl-border)}.why .compare thead th{background:var(--color-background-card);font-weight:600;border-bottom:1px solid var(--tbl-border-strong)}.why .compare tbody tr:last-child td{border-bottom:0}.why .compare tbody tr:nth-child(odd){background:color-mix(in oklab,var(--color-text) 3%,var(--color-background))}:root.dark .why .compare tbody tr:nth-child(odd){background:color-mix(in oklab,#ffffff 5%,var(--color-background))}:root{--tbl-border: color-mix(in oklab, var(--color-text) 18%, transparent);--tbl-border-strong: color-mix(in oklab, var(--color-text) 28%, transparent)}:root.dark{--tbl-border: color-mix(in oklab, #ffffff 22%, transparent);--tbl-border-strong: color-mix(in oklab, #ffffff 34%, transparent)}.install.container{max-width:900px}.install .eyebrow{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0 0 .25rem}.install-hero{margin-block:1.25rem 1.5rem}.install-hero h1{margin:.1rem 0 .35rem}.install .lede{color:var(--color-muted);max-width:70ch}.install .steps{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.85rem}@media (max-width:900px){.install .steps{grid-template-columns:1fr}}.install .step{display:flex;align-items:center;gap:.6rem;background:var(--color-background-card);border:1px solid var(--color-border);border-radius:12px;padding:.6rem .8rem;box-shadow:0 2px 4px var(--color-card-shadow)}.install .step__num{width:22px;height:22px;border-radius:999px;background:var(--color-accent);color:#fff;font-weight:700;font-size:.75rem;display:grid;place-items:center}.install section+section{margin-top:2.25rem}.install h2{margin:0 0 .6rem}.install .checklist{display:grid;gap:.4rem;margin:.35rem 0 0;padding:0}.install .checklist li{list-style:none;display:grid;grid-template-columns:10px 1fr;gap:.5rem;align-items:baseline}.install .checklist li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-accent) 16%,var(--color-background-card));transform:translateY(.25em)}.install .grid-2col{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.install .grid-2col{grid-template-columns:1fr}}.install .card{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 2px 4px var(--color-card-shadow)}.install .card h3{margin:.1rem 0 .35rem;font-size:1rem}.install details.card summary{cursor:pointer;font-weight:600}.install details.card[open] summary{color:var(--color-heading)}.install .cg-tabs{margin-top:.5rem}.install .cg-tabs .tablist{padding:.2rem 0;border-bottom:1px solid var(--color-border);gap:.25rem}.install .cg-tabs .tablist button{padding:.4rem .55rem;font-size:.82rem;border-bottom:2px solid transparent;border-radius:8px 8px 0 0}.install .cg-tabs .tablist button.active{border-bottom-color:var(--color-accent);background:transparent;color:var(--color-heading)}.install .cg-tabs [role=tabpanel]{padding:.6rem 0 0}.install .code-title{display:inline-block;margin:.25rem 0 .35rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);border:1px solid var(--color-border);border-radius:6px;padding:2px 6px;background:var(--color-background-card)}.install .cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}.install .with-rule{position:relative}.install .with-rule:before{content:"";position:absolute;left:0;right:0;top:-1.4rem;height:1px;background:var(--color-border)}