.container{inline-size:100%;max-inline-size:60rem;margin-inline:auto;padding-inline:1.5rem}.site-header{z-index:10;background-color:rgb(from var(--sb-color-black) r g b / 80%);border-block-end:1px solid var(--sb-color-gray-5);backdrop-filter:blur(12px);position:sticky;inset-block-start:0;& .container{block-size:var(--sb-header-height);justify-content:space-between;align-items:center;padding-inline:1.5em 1em;display:flex}}.logo{font-size:var(--sb-text-h3);color:var(--sb-color-accent-high);letter-spacing:-.03em;font-weight:600}.nav{display:flex;& .switch-container{border-inline-start:solid 1px var(--sb-color-gray-5)}}.hero{text-align:center;padding-block:5rem 2rem}.hero h1{font-size:var(--sb-text-6xl);font-weight:800;line-height:var(--sb-line-height-headings);color:var(--sb-heading-color);letter-spacing:-.04em;margin-block-end:1.25rem}.hero-subtitle{max-inline-size:520px;font-size:var(--sb-text-lg);color:var(--sb-color-gray-3);margin-block-end:2rem;margin-inline:auto;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-block-end:2.5rem;display:flex}.hero-code{font-family:var(--sb-font-mono);font-size:var(--sb-text-sm);background-color:var(--sb-code-background);border:1px solid var(--sb-color-gray-6);border-radius:.625rem;padding:.75rem 1.25rem;display:inline-flex}.hero-code code{color:var(--sb-color-text)}.token-prompt{color:var(--sb-color-gray-4)}.token-cmd{color:var(--sb-color-accent-high)}.token-arg{color:var(--sb-color-gray-2)}.btn{font-size:var(--sb-text-sm);cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-weight:600;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:light-dark(#fff,#0f140a);background-color:var(--sb-color-accent);border-color:var(--sb-color-accent)}.btn-primary:hover{background-color:var(--sb-color-accent-high);border-color:var(--sb-color-accent-high);box-shadow:0 4px 12px light-dark(oklch(53% .1197 var(--sb-hue-accent) / 25%),oklch(50% .085 var(--sb-hue-accent) / 25%));transform:translateY(-1px)}.btn-secondary{color:var(--sb-color-gray-3);border-color:var(--sb-color-gray-6);background-color:#0000}.btn-secondary:hover{color:var(--sb-heading-color);background-color:var(--sb-color-gray-7);border-color:var(--sb-color-gray-4)}.features{padding-block:3rem 4rem}.features-layout{flex-wrap:wrap;gap:1rem;display:flex}.feature-card{background-color:var(--sb-code-background);border:1px solid var(--sb-color-gray-6);border-radius:.875rem;flex:1;min-inline-size:300px;padding:1.75rem;transition:border-color .25s,transform .25s}.feature-card:hover{border-color:var(--sb-color-gray-4);transform:translateY(-2px)}.feature-icon{block-size:2.5rem;inline-size:2.5rem;color:var(--sb-color-accent-high);background-color:var(--sb-color-accent-low);border-radius:.625rem;justify-content:center;align-items:center;margin-block-end:1rem;display:flex}.feature-icon svg{block-size:1.125rem;inline-size:1.125rem}.feature-card h3{font-size:var(--sb-text-base);font-weight:600;line-height:var(--sb-line-height-headings);color:var(--sb-heading-color);margin-block-end:.5rem}.feature-card p{font-size:var(--sb-text-sm);color:var(--sb-color-gray-3);line-height:1.6}.cta-section{text-align:center;border-block-start:1px solid var(--sb-color-gray-6);padding-block:4rem 5rem}.cta-section h2{font-size:var(--sb-text-h2);font-weight:700;line-height:var(--sb-line-height-headings);color:var(--sb-heading-color);margin-block-end:.75rem}.cta-section p{max-inline-size:480px;font-size:var(--sb-text-base);color:var(--sb-color-gray-3);margin-block-end:1.5rem;margin-inline:auto}.site-footer{text-align:center;border-block-start:1px solid var(--sb-color-gray-6);margin-block-start:auto;padding-block:1.5rem}.site-footer p{font-size:var(--sb-text-sm);color:var(--sb-color-gray-4)}@media (width<=640px){.hero{padding-block:3.5rem 1.5rem}.hero h1{font-size:var(--sb-text-4xl)}.hero-subtitle{font-size:var(--sb-text-base)}.features{padding-block:2rem 3rem}.cta-section{padding-block:3rem 4rem}.nav{gap:1rem}}