.landing{position:relative}.hero{position:fixed;inset:0;z-index:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg)}.hero__field{position:absolute;inset:0;z-index:0}.hero__content,.hero__dock{transition:opacity .35s ease}.hero--away .hero__content,.hero--away .hero__dock{opacity:0;pointer-events:none}.hero__canvas-wrap{position:absolute;inset:0;width:100%;height:100%}.hero__canvas-wrap canvas{display:block;width:100%;height:100%}.hero__content{position:relative;z-index:1;flex-direction:column;gap:28px;padding:0 24px;text-align:center}.hero__content,.hero__preset{display:flex;align-items:center}.hero__preset{gap:18px}.hero__arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--hairline);border-radius:50%;color:var(--muted);font-size:14px;transition:color .15s ease,border-color .15s ease}.hero__arrow:hover{color:var(--ink);border-color:var(--ink)}.hero__title{font-size:clamp(40px,7vw,72px);color:var(--ink);white-space:nowrap}.hero__num,.hero__tagline{color:var(--muted)}.hero__tagline{font-family:var(--font-ui),sans-serif;font-size:15px;line-height:1.6;max-width:32em}.hero__install{display:inline-flex;align-items:center;gap:12px;padding:10px 10px 10px 20px;border-radius:999px}.hero__install-code{font-size:13px;color:var(--ink)}.hero__dock{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:2;border-radius:999px;display:flex;align-items:center;gap:18px;padding:8px 8px 8px 18px;font-family:var(--font-mono),monospace;font-size:13px}.hero__dock-icon{display:inline-flex;color:var(--muted);transition:color .15s ease}.hero__dock-icon:hover{color:var(--ink)}.hero__dock-sep{width:1px;height:16px;background:var(--hairline)}.hero__dock-link{color:var(--muted);transition:color .15s ease}.hero__dock-link:hover{color:var(--ink)}.hero__dock-cta{white-space:nowrap}.landing__sections{z-index:1;margin-top:100vh}.landing__sections,.section{position:relative;background:var(--bg)}.section{max-width:1080px;margin:0 auto;padding:60px 28px}.section__heading{font-size:28px;margin-bottom:16px}.section__lead{font-family:var(--font-ui),sans-serif;font-size:15px;line-height:1.7;color:var(--muted);max-width:46em;margin-bottom:32px}.gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.gallery-card{display:block}.gallery-card__stage{position:relative;aspect-ratio:16/9;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden}.gallery-card__field{position:absolute;inset:0;width:100%;height:100%}.gallery-card__field canvas{display:block;width:100%;height:100%}.gallery-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px;font-family:var(--font-mono),monospace;font-size:12px}.gallery-card__name{color:var(--ink)}.gallery-card__num{color:var(--muted)}.gallery-card__params{color:var(--muted);white-space:nowrap}.recipes__link{display:inline-flex;font-family:var(--font-mono),monospace;font-size:13px;color:var(--ink);border-bottom:1px solid var(--hairline);padding-bottom:2px;transition:border-color .15s ease,color .15s ease}.recipes__link:hover{color:var(--accent);border-color:var(--accent)}.usage__docs-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-family:var(--font-mono),monospace;font-size:13px;color:var(--ink);border-bottom:1px solid var(--hairline);padding-bottom:2px;transition:border-color .15s ease,color .15s ease}.usage__docs-link:hover{color:var(--accent);border-color:var(--accent)}.gallery-card:focus-visible,.hero__arrow:focus-visible,.hero__dock-cta:focus-visible,.hero__dock-icon:focus-visible,.hero__dock-link:focus-visible,.recipes__link:focus-visible,.usage__docs-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:860px){.gallery__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.hero__title{white-space:normal}.hero__dock{gap:10px;padding:8px 8px 8px 14px}.gallery__grid{grid-template-columns:1fr}}