:root{--web-content-width:72rem;--web-content-padding:1.25rem;--yard-border:2px;--yard-radius:.25rem}@media (min-width:640px){:root{--web-content-padding:2rem}}.yard-card{background:var(--color-card);border:var(--yard-border)solid var(--color-border);border-radius:var(--yard-radius)}.yard-caution-stripe{background:repeating-linear-gradient(-45deg,var(--color-primary),var(--color-primary)10px,var(--color-primary-600)10px,var(--color-primary-600)20px)}.yard-divider{background:var(--color-border);border:none;height:4px}.yard-label{text-transform:uppercase;letter-spacing:.05em;background:var(--color-muted);border-radius:var(--yard-radius);padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.yard-emphasis{background:var(--color-primary-50);border-left:4px solid var(--color-primary);padding:1.5rem}.dark .yard-emphasis{background:oklch(from var(--color-primary)l c h/.1)}.web-shell .layout-header{padding-inline:var(--web-content-padding);position:relative}.web-shell [data-slot=header-nav]>a:not([class*=bg-primary]){color:var(--color-muted-foreground);font-size:.875rem;font-weight:500;transition:color .15s}.web-shell [data-slot=header-nav]>a:not([class*=bg-primary]):hover{color:var(--color-foreground)}.web-mobile-backdrop{z-index:40;background:#00000080;animation:.2s ease-out web-backdrop-fade-in;position:fixed;inset:0}@keyframes web-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.web-mobile-panel{z-index:50;background:var(--color-background);max-height:100dvh;animation:.2s ease-out web-panel-slide-down;position:fixed;top:0;left:0;right:0;overflow-y:auto}@keyframes web-panel-slide-down{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.web-mobile-header{height:3.5rem;padding-inline:var(--web-content-padding);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.web-mobile-header-actions{align-items:center;gap:.25rem;display:flex}.web-mobile-menu{padding:1rem var(--web-content-padding);border-bottom:1px solid var(--color-border);flex-direction:column;gap:.25rem;display:flex}.web-mobile-menu a,.web-mobile-menu button{color:var(--color-muted-foreground);border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:background-color .15s,color .15s;display:flex}.web-mobile-menu a:hover,.web-mobile-menu button:hover{background:var(--color-muted);color:var(--color-foreground)}.web-mobile-menu .web-mobile-menu-primary{background:var(--color-primary);color:var(--color-primary-foreground);margin-top:.5rem}.web-mobile-menu .web-mobile-menu-primary:hover{background:oklch(from var(--color-primary)l c h/.9);color:var(--color-primary-foreground)}.web-mobile-menu-divider{background:var(--color-border);height:1px;margin:.5rem 0}.hero-gradient{background:radial-gradient(ellipse at top,oklch(from var(--color-primary)l c h/.15)0%,transparent 50%)}.hero-glow{background:oklch(from var(--color-primary)l c h/.1);filter:blur(100px);opacity:.5;pointer-events:none;border-radius:50%;width:1000px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bento-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:1.5rem;padding:2rem;transition:border-color .3s;position:relative;overflow:hidden}.bento-card:hover{border-color:oklch(from var(--color-primary)l c h/.5)}.bento-card-icon{opacity:.2;transition:opacity .3s;position:absolute}.bento-card:hover .bento-card-icon{opacity:.3}.toggle-track{background:var(--color-muted);cursor:pointer;border-radius:9999px;padding:.25rem;display:inline-flex;position:relative;box-shadow:inset 0 2px 4px #0000000d}.toggle-thumb{background:var(--color-background);border-radius:9999px;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:.25rem;bottom:.25rem;box-shadow:0 1px 2px #0000000d}.toggle-option{z-index:10;border-radius:9999px;padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;font-weight:500;transition:color .15s;position:relative}.pipeline-line{background:var(--color-border);width:100%;height:.25rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pipeline-step{background:var(--color-background);border:2px solid oklch(from var(--color-muted-foreground)l c h/.3);width:3rem;height:3rem;color:var(--color-muted-foreground);border-radius:9999px;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:flex;box-shadow:0 1px 2px #0000000d}.pipeline-step:hover,.group:hover .pipeline-step{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.1)}.terminal-window{border:1px solid var(--color-border);background:oklch(from var(--color-card)l c h/.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.terminal-header{border-bottom:1px solid var(--color-border);background:oklch(from var(--color-muted)l c h/.5);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.terminal-dot{border-radius:9999px;width:.75rem;height:.75rem}.terminal-dot-red{background:#fb2c36cc;background:lab(55.4814% 75.0732 48.8528/.8)}.terminal-dot-yellow{background:#edb200cc;background:lab(76.3898% 14.5258 98.4589/.8)}.terminal-dot-green{background:#00c758cc;background:lab(70.5521% -66.5147 45.8073/.8)}.terminal-body{text-align:left;font-family:var(--font-mono);padding:1.5rem;font-size:.875rem;overflow-x:auto}@media (min-width:640px){.terminal-body{font-size:1rem}}.logo-ticker{opacity:.7;filter:grayscale();flex-wrap:wrap;justify-content:center;gap:2rem;transition:all .5s;display:flex}@media (min-width:640px){.logo-ticker{gap:4rem}}.logo-ticker:hover{filter:grayscale(0);opacity:1}.card-hover-lift{transition:all .3s}.card-hover-lift:hover{transform:translateY(-.25rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.card-glow{position:relative}.card-glow:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg,oklch(from var(--color-primary)l c h/.2),oklch(from var(--color-secondary)l c h/.2));z-index:-1;transition:opacity .3s;position:absolute;inset:-1px}.card-glow:hover:before{opacity:1}