:root,.light{--primary: 8, 70, 166;--background: 255, 255, 255;--background-secondary: 249, 250, 252;--background-tertiary: 245, 245, 245;--border: 212, 212, 212;--border-hover: 8, 70, 166;--text-primary: 35, 40, 48;--text-secondary: 143, 146, 161;--text-tertiary: 151, 151, 151;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: .375rem;--radius-lg: .5rem;--shadow-sm: 0 1px 2px rgba(35, 40, 48, .06);--shadow-md: 0 4px 12px rgba(35, 40, 48, .08)}.dark{--primary: 59, 130, 246;--background: 17, 24, 39;--background-secondary: 31, 41, 55;--background-tertiary: 24, 30, 42;--border: 55, 65, 81;--border-hover: 59, 130, 246;--text-primary: 229, 231, 235;--text-secondary: 156, 163, 175;--text-tertiary: 107, 114, 128;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25)}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:.875rem;background:rgb(var(--background));color:rgb(var(--text-primary));-webkit-font-smoothing:antialiased;line-height:1.6}.hidden{display:none!important}::-moz-selection{background:rgba(var(--primary),.15)}::selection{background:rgba(var(--primary),.15)}.container{max-width:72rem;margin:0 auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}.header-glass{position:sticky;top:0;z-index:50;border-bottom:1px solid rgb(var(--border));background:rgba(var(--background),.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}@media(min-width:768px){.header-inner{height:5rem}}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.brand-name{font-size:1.125rem;font-weight:700;color:rgb(var(--text-primary))}.nav-beta{font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:var(--radius);background:rgba(var(--primary),.1);color:rgb(var(--primary))}.site-nav{display:none;align-items:center;gap:1.5rem}@media(min-width:1024px){.site-nav{display:flex}}.nav-link{font-size:.875rem;font-weight:500;color:rgb(var(--text-secondary));text-decoration:none;transition:color .15s}.nav-link:hover{color:rgb(var(--primary))}.header-actions{display:flex;align-items:center;gap:.5rem}@media(min-width:1024px){.header-actions .theme-toggle{margin-left:.25rem}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background));color:rgb(var(--text-secondary));cursor:pointer}.theme-toggle:hover{border-color:rgb(var(--border-hover));color:rgb(var(--primary))}.theme-toggle svg{width:1.125rem;height:1.125rem}.nav-mobile-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:rgb(var(--text-secondary));cursor:pointer}.nav-mobile-btn:hover{background:rgb(var(--background-secondary));color:rgb(var(--primary))}@media(min-width:1024px){.nav-mobile-btn{display:none}}.mobile-menu{display:none;border-top:1px solid rgb(var(--border));background:rgb(var(--background))}.mobile-menu.open{display:block}.mobile-menu .container{padding-top:.75rem;padding-bottom:1rem}.mobile-menu a{display:block;padding:.75rem;border-radius:var(--radius);font-weight:500;color:rgb(var(--text-secondary));text-decoration:none}.mobile-menu a:hover{background:rgb(var(--background-secondary));color:rgb(var(--primary))}.mobile-menu .btn-primary{width:100%;margin-top:.75rem;text-align:center}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:0 1rem;font-size:.875rem;font-weight:500;font-family:inherit;color:#fff;background:rgb(var(--primary));border:none;border-radius:var(--radius);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s,opacity .15s}.btn-primary:hover{opacity:.9}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:0 1rem;font-size:.875rem;font-weight:500;font-family:inherit;color:rgb(var(--text-primary));background:transparent;border:1px solid rgb(var(--border));border-radius:var(--radius);text-decoration:none;box-shadow:var(--shadow-sm);transition:background .15s,border-color .15s}.btn-secondary:hover{background:rgb(var(--background-tertiary));border-color:rgb(var(--border-hover))}.btn-primary.btn-lg,.btn-secondary.btn-lg{height:2.5rem;padding:0 1.75rem;font-size:1rem}.section,.site-footer{position:relative}.section{padding:4rem 0;background:rgb(var(--background))}@media(min-width:768px){.section{padding:6rem 0}}.section>.container,.site-footer>.container{position:relative}.section-alt{background:rgb(var(--background-secondary))}.section-seam{display:block;width:100%;height:3rem;margin:0;padding:0;line-height:0;background:rgb(var(--background))}@media(min-width:768px){.section-seam{height:3.5rem}}.section-seam svg{display:block;width:100%;height:100%}.section-seam--to-alt{background:rgb(var(--background))}.section-seam--to-alt path{fill:rgb(var(--background-secondary))}.section-seam--to-default{background:rgb(var(--background-secondary))}.section-seam--to-default path{fill:rgb(var(--background))}.hero-section{padding:5rem 0 6rem;background:rgb(var(--background))}.site-footer{background:rgb(var(--background-secondary));border-top:1px solid rgb(var(--border))}.section-head{text-align:center;max-width:42rem;margin:0 auto 3.5rem}.section-label{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--primary));margin-bottom:.5rem}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem;color:rgb(var(--text-primary))}.section-title .accent{color:rgb(var(--primary))}.section-lead{font-size:1.0625rem;color:rgb(var(--text-secondary));margin:0;line-height:1.6}@media(min-width:768px){.hero-section{padding:7rem 0 8rem}}.hero-inner{text-align:center;max-width:48rem;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;padding:.35rem .875rem;margin-bottom:1.25rem;font-size:.8125rem;font-weight:600;border-radius:9999px;border:1px solid rgba(var(--primary),.22);background:rgb(var(--background));color:rgb(var(--primary))}.hero-headline{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0 0 1.25rem;color:rgb(var(--text-primary))}.hero-sub{font-size:1.125rem;color:rgb(var(--text-secondary));margin:0 auto 2rem;max-width:36rem;line-height:1.65}.hero-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1rem;margin-bottom:2.5rem}.hero-install-card{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;width:100%;max-width:26rem;margin:0 auto;text-align:left;padding:1rem;border-radius:var(--radius-lg);border:1px solid rgb(var(--border));background:rgb(var(--background));box-shadow:var(--shadow-sm)}.wb-hero-grid .hero-install-card.wb-install-panel{max-width:none;margin:0}.dark .hero-install-card{background:rgb(var(--background-secondary))}.hero-install-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--text-tertiary));margin-bottom:.625rem;text-align:center}.hero-install-wrap{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%;min-width:0}.hero-install-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgb(var(--border));width:100%;min-width:0}.hero-install-docs-btn{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:2.25rem;padding:.45rem 1rem;font-size:.8125rem;text-decoration:none}.hero-install-block{display:flex;width:100%;min-width:0;box-sizing:border-box}.hero-install-block--group{justify-content:stretch}.hero-install-block--cmd{flex-direction:row;align-items:stretch;gap:.5rem}.hero-install-block--cmd .hero-npm{flex:1;min-width:0;min-height:2.25rem;box-sizing:border-box}.copy-btn--install{flex-shrink:0;align-self:stretch;min-height:2.25rem;box-sizing:border-box;padding:.35rem .75rem;font-size:.75rem;border:1px solid rgb(var(--border));background:rgb(var(--background));color:rgb(var(--text-secondary))}.copy-btn--install:hover{background:rgb(var(--background-tertiary));color:rgb(var(--text-primary))}.wb-install-panel--overview{max-width:28rem;margin:1.25rem auto 1rem}.hero-install-block--lang{flex-direction:column;align-items:stretch;gap:.35rem}.wb-install-panel--overview .sdk-lang-hint{font-size:.6875rem;color:rgb(var(--text-secondary));text-align:center}.hero-install-block--lang .sdk-lang-hint{text-align:center}.hero-lang-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;width:100%;min-width:0}.hero-install-card .sdk-group-switch--hero{display:flex;width:100%;box-sizing:border-box;padding:.125rem;gap:.1rem}.hero-install-card .sdk-group-btn{flex:1;padding:.3rem .75rem;font-size:.75rem;text-align:center}.hero-install-card .lang-tab{padding:.25rem .55rem;font-size:.6875rem}.hero-npm{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;text-align:center;font-family:var(--font-mono);font-size:.75rem;line-height:1.45;padding:.5rem .65rem;border-radius:calc(var(--radius) - 1px);border:1px solid rgb(var(--border));background:rgb(var(--background-secondary));color:rgb(var(--text-primary));word-break:break-all}.sdk-picker{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.sdk-group-switch{display:inline-flex;align-self:flex-start;padding:.2rem;border-radius:var(--radius);border:1px solid rgb(var(--border));background:rgb(var(--background-secondary));gap:.15rem}.sdk-group-btn{padding:.4rem 1rem;font-size:.8125rem;font-weight:600;font-family:inherit;border:none;border-radius:calc(var(--radius) - 2px);background:transparent;color:rgb(var(--text-secondary));cursor:pointer}.sdk-group-btn:hover{color:rgb(var(--text-primary))}.sdk-group-btn.active{background:rgb(var(--background));color:rgb(var(--primary));box-shadow:var(--shadow-sm)}.sdk-lang-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sdk-lang-hint{font-size:.75rem;color:rgb(var(--text-secondary));margin-right:.25rem}.lang-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:500;font-family:inherit;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background));color:rgb(var(--text-secondary));cursor:pointer;line-height:1}.lang-tab-icon{width:1rem;height:1rem;flex-shrink:0;display:block;-o-object-fit:contain;object-fit:contain}.lang-tab-label{white-space:nowrap}.lang-tab:hover{border-color:rgba(var(--primary),.4);color:rgb(var(--text-primary))}.lang-tab.active{background:rgb(var(--primary));border-color:rgb(var(--primary));color:#fff}.lang-tab.active .lang-tab-icon{filter:none;opacity:1}.steps-grid{display:grid;gap:1.5rem}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{padding:1.5rem;border-radius:var(--radius-lg);border:1px solid rgb(var(--border));background:rgb(var(--background));box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.step-card:hover{border-color:rgba(var(--primary),.35);box-shadow:var(--shadow-md)}.step-num{font-size:.875rem;font-weight:700;color:rgb(var(--primary));margin-bottom:.5rem}.step-card h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:rgb(var(--text-primary))}.step-card p{font-size:.875rem;margin:0;color:rgb(var(--text-secondary));line-height:1.55}.primitives-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.primitives-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.primitives-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.primitives-grid{grid-template-columns:repeat(5,1fr)}}.primitive-card{padding:1.25rem;border-radius:var(--radius-lg);border:1px solid rgb(var(--border));background:rgb(var(--background));box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.primitive-card:hover{border-color:rgba(var(--primary),.4);box-shadow:var(--shadow-md)}.primitive-card h3{font-size:.875rem;font-weight:600;margin:0 0 .35rem;color:rgb(var(--text-primary))}.primitive-card .desc{font-size:.75rem;margin:0 0 .65rem;color:rgb(var(--text-secondary));line-height:1.45}.tag-pill{display:inline-block;font-size:.6875rem;font-weight:500;padding:.15rem .45rem;margin:0 .2rem .2rem 0;border-radius:var(--radius);background:rgb(var(--background-secondary));color:rgb(var(--text-secondary));border:1px solid rgb(var(--border))}.compare-grid{display:grid;gap:1.5rem;margin-bottom:2.5rem}@media(min-width:768px){.compare-grid{grid-template-columns:1fr 1fr;gap:2rem}}.compare-column{padding:1.5rem 1.75rem;border-radius:var(--radius-lg);border:1px solid rgb(var(--border));background:rgb(var(--background));box-shadow:var(--shadow-sm)}.compare-column.ductape{border-color:rgba(var(--primary),.35);background:rgba(var(--primary),.04);box-shadow:var(--shadow-md)}.compare-column h3{font-size:1.0625rem;font-weight:600;margin:0 0 1rem;color:rgb(var(--text-primary))}.compare-column.ductape h3{color:rgb(var(--primary))}.compare-list{list-style:none;padding:0;margin:0}.compare-list li{position:relative;padding-left:1rem;margin-bottom:.65rem;font-size:.875rem;line-height:1.5;color:rgb(var(--text-secondary))}.compare-list li:before{content:"•";position:absolute;left:0;color:rgb(var(--text-tertiary))}.compare-column.ductape .compare-list li:before{color:rgb(var(--primary))}.compare-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.showcase-layout{display:grid;gap:2rem}@media(min-width:1024px){.showcase-layout{grid-template-columns:minmax(220px,1fr) 1.6fr;gap:3rem;align-items:start}}.showcase-tabs{display:flex;flex-direction:column;gap:.75rem}.showcase-tab{width:100%;text-align:left;padding:1rem 2.25rem 1rem 1.15rem;border:1px solid rgb(var(--border));border-radius:var(--radius-lg);background:rgb(var(--background));cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}.showcase-tab:hover{border-color:rgba(var(--primary),.3);box-shadow:var(--shadow-sm)}.showcase-tab.active{border-color:rgba(var(--primary),.45);box-shadow:var(--shadow-md)}.showcase-tab h3{font-size:.9375rem;font-weight:600;margin:0 0 .3rem;color:rgb(var(--text-primary))}.showcase-tab.active h3{color:rgb(var(--primary))}.showcase-tab p{font-size:.8125rem;margin:0;color:rgb(var(--text-secondary))}.showcase-tab:after{content:"›";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:rgb(var(--text-tertiary))}.showcase-tab.active:after{color:rgb(var(--primary));transform:translateY(-50%) rotate(90deg)}.terminal{border-radius:var(--radius-lg);border:1px solid rgb(var(--border));background:#1a1d24;overflow:hidden;box-shadow:var(--shadow-md)}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#252830;border-bottom:1px solid rgba(255,255,255,.08)}.terminal-dots{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.terminal-dot{width:.65rem;height:.65rem;border-radius:50%}.terminal-dot--red{background:#ff5f56}.terminal-dot--yellow{background:#ffbd2e}.terminal-dot--green{background:#27c93f}.terminal-filename{font-family:var(--font-mono);font-size:.75rem;color:#ffffff73;margin-left:.35rem}.stack-badge{font-family:var(--font-mono);font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .4rem;margin-left:.35rem;border-radius:2px;border:1px solid rgba(255,255,255,.12);color:#ffffff80}.copy-btn{font-size:.75rem;font-weight:500;padding:.3rem .65rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffa6;cursor:pointer}.copy-btn:hover{background:#ffffff1a;color:#fff}.terminal-body{padding:1.25rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;color:#e5e7eb;overflow-x:auto}.terminal-body pre{margin:0}#showcase-code{transition:opacity .2s}#showcase-code.switching{opacity:0}.code-keyword{color:#7eb6ff}.code-string{color:#6ee7b7}.code-function{color:#fbbf24}.code-comment{color:#9ca3af}.code-property{color:#93c5fd}.code-number{color:#60a5fa}.line-num{display:inline-block;width:2rem;margin-right:.75rem;text-align:right;color:#6b7280;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:1024px){.terminal.sticky{position:sticky;top:5.5rem}}.site-footer{padding:3rem 0 1.5rem}.footer-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding-bottom:2.5rem}@media(min-width:768px){.footer-grid{grid-template-columns:1.4fr repeat(4,1fr)}}.footer-brand{grid-column:1 / -1}@media(min-width:768px){.footer-brand{grid-column:span 1}}.footer-brand p{font-size:.875rem;color:rgb(var(--text-secondary));max-width:16rem;margin:0 0 1rem;line-height:1.55}.footer-col h3{font-size:.875rem;font-weight:600;margin:0 0 1rem;color:rgb(var(--text-primary))}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:.5rem}.footer-link{font-size:.875rem;color:rgb(var(--text-secondary));text-decoration:none}.footer-link:hover{color:rgb(var(--primary))}.footer-social{display:flex;gap:.5rem}.footer-social a{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background));color:rgb(var(--text-secondary))}.footer-social a:hover{border-color:rgb(var(--border-hover));color:rgb(var(--primary))}.footer-social svg{width:1.125rem;height:1.125rem}.footer-bar{display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem;border-top:1px solid rgb(var(--border));font-size:.8125rem;color:rgb(var(--text-secondary))}@media(min-width:640px){.footer-bar{flex-direction:row;justify-content:space-between;align-items:center}}.footer-status{display:flex;align-items:center;gap:.5rem}.footer-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#00875a}@media(max-width:1023px){.terminal.sticky{position:relative;top:0}}.landing-body{overflow-x:hidden;scroll-behavior:auto}.wb-topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:3.5rem;padding:0 1rem;border-bottom:1px solid rgb(var(--border));background:rgb(var(--background))}@media(min-width:768px){.wb-topbar{height:4rem;padding:0 1.25rem}}.wb-topbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;min-width:0}.wb-topbar-meta{display:none;align-items:center;gap:.75rem;font-size:.75rem;color:rgb(var(--text-secondary))}@media(min-width:900px){.wb-topbar-meta{display:flex}}.wb-topbar-hint{font-weight:600;color:rgb(var(--primary))}.wb-topbar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.wb-topbar .btn-primary{padding:.4rem .875rem;font-size:.8125rem}.landing-app{display:flex;min-height:calc(100vh - 3.5rem)}@media(min-width:768px){.landing-app{min-height:calc(100vh - 4rem)}}.journey-sidebar{display:none;width:4rem;flex-shrink:0;border-right:1px solid rgb(var(--border));background:rgb(var(--background-secondary));flex-direction:column;align-items:center;padding:1rem 0 .75rem;position:sticky;top:3.5rem;height:calc(100vh - 3.5rem);z-index:40}@media(min-width:900px){.journey-sidebar{display:flex}}@media(min-width:768px){.journey-sidebar{top:4rem;height:calc(100vh - 4rem)}}.journey-nav{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1;width:100%;position:relative;padding:0 .5rem}.journey-trail{position:absolute;left:.5rem;right:.5rem;top:0;height:3rem;background:rgb(var(--primary));border-radius:var(--radius);pointer-events:none;transition:transform .5s cubic-bezier(.34,1.35,.64,1),height .35s ease;z-index:0;opacity:.12}.journey-nav-btn{position:relative;z-index:1;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius);background:transparent;color:rgb(var(--text-secondary));cursor:pointer;transition:color .2s,transform .35s cubic-bezier(.34,1.4,.64,1),background .2s}.journey-nav-btn:hover{background:rgba(var(--primary),.08);color:rgb(var(--text-primary))}.journey-nav-btn.active{background:rgb(var(--primary));color:#fff;transform:scale(1.06);box-shadow:0 4px 14px rgba(var(--primary),.35)}.journey-nav-btn svg{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.journey-nav-btn .journey-nav-label{position:absolute;left:calc(100% + .65rem);padding:.35rem .65rem;font-size:.6875rem;font-weight:600;white-space:nowrap;border-radius:var(--radius);background:rgb(var(--text-primary));color:rgb(var(--background));opacity:0;pointer-events:none;transform:translate(-6px);transition:opacity .2s,transform .25s cubic-bezier(.34,1.2,.64,1)}.journey-nav-btn.active .journey-nav-label,.journey-nav-btn:hover .journey-nav-label{opacity:1;transform:translate(0)}.wb-tour-badge{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:var(--radius);background:rgba(var(--primary),.1);color:rgb(var(--primary))}.wb-topbar-step{font-family:var(--font-mono);font-size:.6875rem;color:rgb(var(--text-tertiary));padding-left:.5rem;border-left:1px solid rgb(var(--border))}.journey-main{flex:1;min-width:0;background:rgb(var(--background-tertiary))}.journey-panel,.wb-view{min-height:100vh;scroll-margin-top:3.75rem;padding:5rem 1rem 5.5rem;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box}@media(min-width:768px){.journey-panel,.wb-view{scroll-margin-top:4.25rem;padding:5.5rem 1.5rem 6rem}}.wb-view-inner{width:100%;max-width:52rem;margin:0 auto}.wb-crumb{margin:0 0 .65rem;font-size:.75rem;color:rgb(var(--text-secondary))}.wb-crumb span{margin:0 .35rem;opacity:.45}.wb-window{background:rgb(var(--background));border:1px solid rgb(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.wb-window--wide{max-width:72rem}.wb-tabstrip{display:flex;align-items:stretch;height:2.5rem;border-bottom:1px solid rgb(var(--border));background:rgb(var(--background));overflow-x:auto}.wb-tab{display:inline-flex;align-items:center;padding:0 1rem;font-size:.8125rem;font-weight:500;border:none;border-right:1px solid rgb(var(--border));white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:rgb(var(--text-secondary));background:rgb(var(--background));font-family:inherit;transition:color .28s ease,background .28s ease,opacity .28s ease,border-color .28s ease;outline:none}.wb-tab:focus-visible{box-shadow:inset 0 0 0 2px rgba(var(--primary),.35);z-index:1}.wb-tabstrip--scroll{overflow-x:auto}.wb-tab--active,.wb-tab[data-state=active]{background:rgb(var(--background-tertiary));color:rgb(var(--text-primary));border-bottom:2px solid rgb(var(--primary));margin-bottom:-1px;font-weight:600;opacity:1}.wb-tab--ghost,.wb-tab[data-state=inactive]{opacity:.55}.wb-tab--ghost:hover,.wb-tab[data-state=inactive]:hover{opacity:.85;background:rgb(var(--background-secondary))}.wb-tab-panel-radix[data-state=active]{animation:wb-tab-in .45s cubic-bezier(.16,1,.3,1) both}.wb-tab-panel-radix[hidden],.wb-tab-panel-radix[data-state=inactive]{display:none!important}.wb-tab-panel-radix[data-state=active]{display:block}.wb-radix-tabs{display:flex;flex-direction:column;min-height:0}.wb-window-body{position:relative;padding:1.5rem 1.25rem 1.75rem}.wb-tab-panel{display:none}.wb-window-body>.wb-tab-panel.wb-tab-panel--active{display:block;animation:wb-tab-in .45s cubic-bezier(.16,1,.3,1) both}.wb-tab-panel--radix,.wb-tab-panel-host>.wb-tab-panel{display:block}@keyframes wb-tab-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.wb-window-body>.wb-tab-panel.wb-tab-panel--active{animation:none}}.wb-offer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.wb-offer-item{padding:1rem 1.1rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary))}.wb-offer-item h3{margin:0 0 .35rem;font-size:.9375rem;font-weight:700;color:rgb(var(--primary))}.wb-offer-item p{margin:0;font-size:.875rem;color:rgb(var(--text-secondary));line-height:1.55}.wb-offer-item a{color:rgb(var(--primary));font-weight:600}.wb-split-cards{display:grid;gap:.75rem;margin-bottom:1rem}@media(min-width:560px){.wb-split-cards{grid-template-columns:1fr 1fr}}.wb-mini-card{padding:1rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary))}.wb-mini-card h3{margin:0 0 .35rem;font-size:.9375rem}.wb-mini-card p{margin:0;font-size:.8125rem;color:rgb(var(--text-secondary))}.wb-copy-block{margin:0;font-size:.875rem;line-height:1.6;color:rgb(var(--text-secondary))}.wb-steps--compact .wb-step{padding:.75rem 1rem}@media(min-width:768px){.wb-window-body{padding:2rem 2rem 2.25rem}}.wb-window-body--hero{position:relative}.wb-kicker{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--primary))}.wb-panel-title{margin:0 0 .65rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;line-height:1.2;color:rgb(var(--text-primary))}.wb-lead{margin:0 0 1.5rem;max-width:38rem;font-size:1rem;line-height:1.65;color:rgb(var(--text-secondary))}.wb-bullet-list{margin:0 0 1.25rem;padding-left:1.25rem;max-width:40rem;font-size:.9375rem;line-height:1.6;color:rgb(var(--text-secondary))}.wb-bullet-list li+li{margin-top:.65rem}.wb-bullet-list strong{color:rgb(var(--text-primary))}.wb-aside{margin:1.25rem 0 0;font-size:.8125rem;color:rgb(var(--text-tertiary))}.wb-aside a{color:rgb(var(--primary));font-weight:600;text-decoration:none}.wb-aside a:hover{text-decoration:underline}.wb-sticky-note{position:absolute;top:.5rem;right:.5rem;max-width:11rem;padding:.65rem .75rem;font-size:.6875rem;line-height:1.45;border-radius:var(--radius);background:#fff9c4;color:#5c4a00;border:1px solid #f0e68c;transform:rotate(3deg);box-shadow:0 6px 16px #2328301f;z-index:2}.dark .wb-sticky-note{background:#422006;color:#fde68a;border-color:#854d0e}.wb-sticky-note strong{display:block;margin-bottom:.2rem}.wb-hero-grid{display:grid;gap:1.5rem;padding-top:.5rem}@media(min-width:768px){.wb-hero-grid{grid-template-columns:1fr min(22rem,42%);gap:2rem;align-items:start}}.wb-hero-copy .hero-headline{font-size:clamp(1.75rem,4.5vw,2.5rem);margin-bottom:.75rem}.wb-install-panel{margin:0;width:100%}.wb-view .hero-install-card.wb-install-panel--overview{text-align:left}.wb-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.wb-step{display:flex;gap:1rem;padding:1rem 1.1rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary));transition:transform .35s cubic-bezier(.34,1.3,.64,1),border-color .2s}.journey-panel--active .wb-step{animation:panel-in .5s cubic-bezier(.34,1.2,.64,1) both}.journey-panel--active .wb-step:nth-child(2){animation-delay:.06s}.journey-panel--active .wb-step:nth-child(3){animation-delay:.12s}.wb-step:hover{border-color:rgba(var(--primary),.35);transform:translate(4px)}.wb-step-num{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;border-radius:var(--radius);background:rgb(var(--primary));color:#fff}.wb-step h3{margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.wb-step p{margin:0;font-size:.8125rem;color:rgb(var(--text-secondary))}.block-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.block-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border:1px solid rgb(var(--border));border-radius:999px;background:rgb(var(--background));font-size:.8125rem;font-weight:600;color:rgb(var(--text-secondary));cursor:pointer;transition:all .25s cubic-bezier(.34,1.3,.64,1)}.block-chip-icon{font-size:.9rem;opacity:.85}.block-chip:hover{border-color:rgb(var(--primary));color:rgb(var(--primary))}.block-chip.active{background:rgb(var(--primary));border-color:rgb(var(--primary));color:#fff;transform:scale(1.04);box-shadow:0 4px 12px rgba(var(--primary),.3)}.block-detail{padding:1.25rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary));min-height:7rem;transition:transform .35s cubic-bezier(.34,1.4,.64,1)}.block-detail--pop{transform:scale(.98)}.block-detail-inner{display:flex;gap:1rem;align-items:flex-start}.block-detail-icon{font-size:1.75rem;line-height:1;opacity:.9}.block-detail-title{margin:0 0 .35rem;font-size:1.0625rem;font-weight:700}.block-detail-desc{margin:0 0 .65rem;font-size:.875rem;color:rgb(var(--text-secondary));max-width:36rem}.block-detail-tags{display:flex;flex-wrap:wrap;gap:.35rem}.wb-compare{display:grid;gap:.75rem;margin:0 0 1.25rem}@media(min-width:720px){.wb-compare{grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}}.wb-compare-card{display:flex;flex-direction:column;padding:1.1rem 1.15rem 1.15rem;border-radius:var(--radius-lg);border:1px solid rgb(var(--border));background:rgb(var(--background-secondary))}.wb-compare-card--before{border-style:dashed;border-color:rgba(var(--text-tertiary),.45);background:rgb(var(--background))}.wb-compare-card--after{border-color:rgba(var(--primary),.45);background:linear-gradient(165deg,rgba(var(--primary),.1),rgba(var(--primary),.02) 48%,rgb(var(--background)));box-shadow:var(--shadow-md);position:relative}.wb-compare-card--after:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:rgb(var(--primary))}.wb-compare-card-head{margin-bottom:.85rem;padding-bottom:.75rem;border-bottom:1px solid rgb(var(--border))}.wb-compare-card--after .wb-compare-card-head{border-bottom-color:rgba(var(--primary),.2)}.wb-compare-label{display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;margin-bottom:.45rem}.wb-compare-label--muted{background:rgba(var(--text-tertiary),.12);color:rgb(var(--text-secondary))}.wb-compare-label--brand{background:rgba(var(--primary),.14);color:rgb(var(--primary))}.wb-compare-title{margin:0;font-size:1.0625rem;font-weight:700;line-height:1.25;color:rgb(var(--text-primary))}.wb-compare-card--before .wb-compare-title{color:rgb(var(--text-secondary))}.wb-compare-card--after .wb-compare-title{color:rgb(var(--primary))}.wb-compare-sub{margin:.35rem 0 0;font-size:.8125rem;line-height:1.45;color:rgb(var(--text-secondary))}.wb-compare-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;flex:1}.wb-compare-item{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .65rem;border-radius:var(--radius);font-size:.8125rem;line-height:1.45;color:rgb(var(--text-secondary))}.wb-compare-card--before .wb-compare-item{background:rgba(var(--text-tertiary),.06);border:1px solid rgba(var(--border),.8)}.wb-compare-card--after .wb-compare-item{background:rgb(var(--background));border:1px solid rgba(var(--primary),.18);color:rgb(var(--text-primary))}.wb-compare-item code{font-size:.75em}.wb-compare-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;margin-top:.05rem}.wb-compare-icon svg{width:.75rem;height:.75rem}.wb-compare-icon--pain{background:#c92a2a1a;color:#c92a2a}.wb-compare-icon--win{background:rgba(var(--primary),.12);color:rgb(var(--primary))}.wb-compare-divider{display:flex;align-items:center;justify-content:center;padding:.35rem 0}@media(min-width:720px){.wb-compare-divider{padding:0 .65rem;align-self:center}}.wb-compare-vs{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--text-secondary));background:rgb(var(--background));border:1px solid rgb(var(--border));border-radius:999px;box-shadow:var(--shadow-sm)}.dark .wb-compare-card--before{border-color:rgba(var(--text-tertiary),.35)}.dark .wb-compare-icon--pain{background:#f8717126;color:#f87171}.journey-panel--active .panel-whimsy{opacity:1;transform:translateY(0) rotate(0)}.journey-panel--active .wb-hero-copy>*,.journey-panel--active .wb-panel-title,.journey-panel--active .wb-lead{animation:panel-in .65s cubic-bezier(.16,1,.3,1) both}.journey-panel--active .wb-window{animation:window-in .65s cubic-bezier(.22,1,.36,1) both}@keyframes window-in{0%{opacity:.92;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-whimsy{display:inline-block;margin-left:.35rem;opacity:.35;transform:translateY(4px) rotate(-8deg);transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.4,.64,1)}.journey-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:55;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));gap:.35rem;justify-content:space-around;border-top:1px solid rgb(var(--border));background:rgba(var(--background),.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(min-width:900px){.journey-dock{display:none}}.journey-dock .journey-nav-btn{width:2.75rem;height:2.75rem}.journey-dock .journey-nav-btn .journey-nav-label{display:none}body.landing-body{padding-bottom:4.5rem}@media(min-width:900px){body.landing-body{padding-bottom:0}}.landing-body .header-glass,.landing-body .section-seam{display:none!important}.landing-body .section,.landing-body .hero-section{padding:0;border:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog-explorer{margin-top:1rem}.catalog-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}@media(min-width:720px){.catalog-toolbar{flex-direction:row;align-items:flex-start;flex-wrap:wrap}.catalog-search-wrap{flex:1 1 12rem;min-width:10rem;max-width:18rem}}.catalog-search{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background));color:rgb(var(--text-primary))}.catalog-search:focus{outline:2px solid rgba(var(--primary),.35);outline-offset:1px}.catalog-filters{display:flex;flex-wrap:wrap;gap:.35rem;flex:1 1 auto}.catalog-filter{font-size:.6875rem;font-weight:600;padding:.35rem .65rem;border-radius:999px;border:1px solid rgb(var(--border));background:rgb(var(--background-secondary));color:rgb(var(--text-secondary));cursor:pointer;transition:border-color .15s,background .15s,color .15s}.catalog-filter:hover{border-color:rgba(var(--primary),.35);color:rgb(var(--text-primary))}.catalog-filter--active{border-color:rgb(var(--primary));background:rgba(var(--primary),.12);color:rgb(var(--primary))}.catalog-count{font-size:.75rem;color:rgb(var(--text-secondary));margin:0 0 .75rem}.catalog-grid{display:grid;gap:.65rem}@media(min-width:720px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}.catalog-card{display:flex;gap:.75rem;padding:.85rem 1rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary));transition:border-color .15s,box-shadow .15s}.catalog-card:hover{border-color:rgba(var(--primary),.4);box-shadow:var(--shadow-sm)}.catalog-card-mark{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;border-radius:var(--radius);background:rgba(var(--primary),.12);color:rgb(var(--primary))}.catalog-card-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:rgb(var(--text-primary))}.catalog-card-desc{font-size:.75rem;line-height:1.45;margin:0 0 .5rem;color:rgb(var(--text-secondary))}.catalog-card-tags{display:flex;flex-wrap:wrap;gap:.25rem}.catalog-card-more{font-size:.6875rem;color:rgb(var(--text-secondary));align-self:center;padding-left:.15rem}.catalog-empty{grid-column:1 / -1;font-size:.875rem;color:rgb(var(--text-secondary));margin:0;padding:1rem;text-align:center;border:1px dashed rgb(var(--border));border-radius:var(--radius)}#tour-end .wb-window .wb-tabstrip .wb-tab:only-child{border-right:none;cursor:default}#tour-end .wb-lead{margin-bottom:1.25rem}.wb-footer-grid{display:grid;gap:1rem;margin-bottom:0;padding:1rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary))}@media(min-width:640px){.wb-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}}@media(min-width:960px){.wb-footer-grid{grid-template-columns:1.5fr repeat(4,1fr)}}.wb-footer-brand-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.75rem;text-decoration:none}.wb-footer-brand-link .brand-name{color:rgb(var(--primary))}.wb-footer-tagline{font-size:.875rem;color:rgb(var(--text-secondary));line-height:1.55;margin:0 0 1rem;max-width:22rem}.wb-footer-social{display:flex;gap:.65rem}.wb-footer-social a{color:rgb(var(--text-secondary));transition:color .15s}.wb-footer-social a:hover{color:rgb(var(--primary))}.wb-footer-social svg{width:1.25rem;height:1.25rem}.wb-footer-col-title{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .65rem;color:rgb(var(--text-secondary))}.wb-footer-links{list-style:none;margin:0;padding:0}.wb-footer-links li+li{margin-top:.4rem}.wb-footer-link{font-size:.8125rem;color:rgb(var(--text-secondary));text-decoration:none}.wb-footer-link:hover{color:rgb(var(--primary))}.wb-footer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.25rem;padding:.65rem .75rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary));font-size:.75rem;color:rgb(var(--text-secondary))}.wb-footer-bar p{margin:0}.wb-footer-status{display:inline-flex;align-items:center;gap:.4rem}.wb-footer-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#22c55e}.landing-body .site-footer{display:none!important}.legal-modal-root{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s}.legal-modal-root--open{pointer-events:auto;visibility:visible;opacity:1}.legal-modal-backdrop{position:absolute;inset:0;background:#0f141e8c;border:none;cursor:pointer}.legal-modal-dialog{position:relative;z-index:1;width:min(42rem,100%);max-height:min(85vh,720px);display:flex;flex-direction:column;background:rgb(var(--background));border:1px solid rgb(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);outline:none}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgb(var(--border));flex-shrink:0}.legal-modal-title{margin:0;font-size:1.125rem;font-weight:700;color:rgb(var(--text-primary))}.legal-modal-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary));color:rgb(var(--text-secondary));font-size:1.25rem;line-height:1;cursor:pointer}.legal-modal-close:hover{color:rgb(var(--text-primary));border-color:rgb(var(--primary))}.legal-modal-body{overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.25rem 1.5rem}.legal-modal-panel{display:none}.legal-modal-panel--active{display:block}.legal-prose h3{margin:1.25rem 0 .5rem;font-size:.9375rem;font-weight:700;color:rgb(var(--primary))}.legal-prose h3:first-child{margin-top:0}.legal-prose p{margin:0 0 .85rem;font-size:.8125rem;line-height:1.6;color:rgb(var(--text-secondary))}.legal-prose ul{margin:0 0 .85rem;padding-left:1.25rem;font-size:.8125rem;line-height:1.55;color:rgb(var(--text-secondary))}.legal-prose li{margin-bottom:.35rem}.legal-prose li strong{color:rgb(var(--text-primary))}.legal-prose a{color:rgb(var(--primary));text-decoration:underline;text-underline-offset:2px}.legal-contact-cards{display:grid;gap:.75rem;margin-top:1rem}.legal-contact-card{padding:1rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary))}.legal-contact-card h3{margin:0 0 .35rem;font-size:.8125rem;font-weight:700;color:rgb(var(--text-primary))}.legal-contact-card p{margin:0;font-size:.8125rem;line-height:1.5;color:rgb(var(--text-secondary))}body.legal-modal-open{overflow:hidden}.wb-accordion{display:flex;flex-direction:column;gap:.5rem}.wb-accordion-item{border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary));overflow:hidden}.wb-accordion-item[open]{border-color:rgba(var(--primary),.35)}.wb-icon-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none}.wb-icon-strip-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.6875rem;font-weight:600;color:rgb(var(--text-secondary))}.wb-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius);background:rgba(var(--primary),.1);color:rgb(var(--primary));flex-shrink:0}.wb-icon-badge svg{width:1.15rem;height:1.15rem}.wb-icon-badge--sm{width:1.85rem;height:1.85rem}.wb-icon-badge--sm svg{width:1rem;height:1rem}.wb-accordion-leading{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.wb-accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;cursor:pointer;font-weight:600;font-size:.9375rem;list-style:none}.wb-accordion-summary::-webkit-details-marker{display:none}.wb-accordion-summary:after{content:"+";font-size:1.125rem;font-weight:400;color:rgb(var(--text-secondary));flex-shrink:0}.wb-accordion-item[open]>.wb-accordion-summary:after{content:"−"}.wb-accordion-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:auto;margin-right:.5rem}.wb-action-link{font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius);background:rgba(var(--primary),.1);color:rgb(var(--primary));text-decoration:none;white-space:nowrap}.wb-action-link:hover{background:rgb(var(--primary));color:#fff}.wb-accordion-body{padding:0 1rem 1rem;font-size:.875rem;color:rgb(var(--text-secondary));line-height:1.55}.wb-accordion-body p{margin:0}.wb-media-stack{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 1.25rem;width:100%}.wb-media-stack>.wb-screenshot,.wb-media-stack>.wb-diagram{margin:0;width:100%;max-width:none}.wb-diagram{margin:1rem 0;padding:1rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary))}.wb-diagram img{display:block;width:100%;height:auto}.wb-window-body--why .wb-tab-panel{padding-bottom:2rem}.why-pill-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:-.75rem 0 1.25rem}.why-pill{font-size:.6875rem;font-weight:600;padding:.3rem .65rem;border-radius:999px;background:rgba(var(--primary),.1);color:rgb(var(--primary))}.why-compare{margin-bottom:1rem}.wb-diagram--flow{max-width:22rem;margin-left:auto;margin-right:auto}.wb-diagram--flow img{margin:0 auto}.wb-diagram--compact{margin:0}.wb-diagram-caption{margin:.5rem 0 0;font-size:.75rem;line-height:1.45;color:rgb(var(--text-secondary));text-align:center}.why-callouts{display:grid;gap:.75rem;margin-top:1.25rem}@media(min-width:560px){.why-callouts,.why-callouts--two{grid-template-columns:1fr 1fr}}@media(min-width:900px){.why-callouts--three{grid-template-columns:repeat(3,1fr)}}.wb-subheading{margin:1.25rem 0 .65rem;font-size:.875rem;font-weight:700;color:rgb(var(--text-primary))}.why-callout h3{margin:0 0 .5rem;font-size:.875rem;font-weight:700;color:rgb(var(--text-primary))}.why-callout--lead{margin-top:1.25rem}.why-callout-note{margin:.75rem 0 0;font-size:.875rem;line-height:1.5;color:rgb(var(--text-secondary))}.why-tab-cta{margin:1rem 0 0}.why-tagline{margin-top:1.25rem;text-align:center}.why-tab-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgb(var(--border))}.why-tab-footer-title{margin:0 0 .75rem;font-size:1rem}.wb-bullet-list--compact{margin:0;padding-left:1.15rem}.wb-bullet-list--compact li{margin-bottom:.35rem}.why-callout{padding:1rem;border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--background-secondary))}.why-callout h3{margin:0 0 .35rem;font-size:.8125rem;font-weight:700;color:rgb(var(--primary))}.why-callout p{margin:0;font-size:.8125rem;line-height:1.5;color:rgb(var(--text-secondary))}@media(max-width:640px){.wb-accordion-summary{flex-wrap:wrap}.wb-accordion-actions{width:100%;margin-left:0;margin-top:.35rem}}.landing-body .compare-cta{display:none}.landing-body .wb-view .showcase-layout{margin-top:.5rem}@media(max-width:640px){.wb-sticky-note{display:none}}.wb-screenshot{margin:1.25rem 0;width:100%;border:1px solid rgb(var(--border));border-radius:var(--radius-lg);overflow:hidden;background:rgb(var(--background));box-shadow:var(--shadow-md);box-sizing:border-box}.wb-media-stack .wb-screenshot{margin:0}.wb-screenshot img{display:block;width:100%;height:auto;padding:.5rem;box-sizing:border-box;background:rgb(var(--background-secondary))}.wb-screenshot--themed .wb-screenshot-theme{padding:0;background:rgb(var(--background-secondary))}.wb-screenshot--themed .wb-screenshot-theme--dark,html.dark .wb-screenshot--themed .wb-screenshot-theme--light{display:none}html.dark .wb-screenshot--themed .wb-screenshot-theme--dark{display:block}.wb-screenshot--diagram img{padding:.65rem}.wb-screenshot-caption{margin:0;padding:.5rem .65rem;font-size:.75rem;line-height:1.45;color:rgb(var(--text-secondary));border-top:1px solid rgb(var(--border));background:rgb(var(--background))}.lang-tab-icon{filter:grayscale(1) brightness(0);opacity:.5}.dark .lang-tab:not(.active) .lang-tab-icon{filter:grayscale(1) brightness(0) invert(1);opacity:.55}.lang-tab.active .lang-tab-icon{filter:grayscale(1) brightness(0) invert(1);opacity:1}body.boot-loading{overflow:hidden}body.boot-loading .boot-loader-host>:not(#boot-loader){visibility:hidden}.boot-loader{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:rgb(var(--background-tertiary));transition:opacity .45s ease,visibility .45s ease}.boot-loader--out{opacity:0;visibility:hidden;pointer-events:none}.boot-loader-brand{display:flex;align-items:center;gap:.65rem}.boot-loader-brand img,.boot-loader-brand svg{width:2rem;height:2rem;flex-shrink:0}.boot-loader-wordmark{font-size:1.25rem;font-weight:700;color:rgb(var(--primary));line-height:1}.boot-loader-beta{font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:var(--radius, .375rem);background:rgba(var(--primary),.1);color:rgb(var(--primary))}.boot-loader-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:rgb(var(--text-secondary))}.boot-spinner{width:1rem;height:1rem;border:2px solid rgb(var(--border));border-top-color:rgb(var(--primary));border-radius:50%;animation:boot-spin .7s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}