.home{background:var(--bg)}.hero__shade{background:linear-gradient(#0000 25%,#0003 45%,#000000d9),linear-gradient(90deg,#0000008c,#0000 60%);position:absolute;inset:0}.hero__copy{justify-content:flex-start;align-items:flex-end}.hero__text{max-width:36rem;opacity:clamp(0, (1 - var(--progress,0)) / .35, 1);transform:translateY(calc(var(--progress,0) * -6vh));margin:0 0 clamp(48px,12vh,112px) clamp(16px,7vw,112px)}.hero__text h1{font:italic 500 clamp(4.5rem, 2rem + 10vw, 10rem) / .9 var(--serif);letter-spacing:-.02em;margin:0}.hero__text p{margin:var(--space-5) 0 0;color:var(--text);font-size:clamp(1.05rem,1rem + .4vw,1.3rem);line-height:1.5}.install{align-items:center;gap:var(--space-1);margin-top:var(--space-6);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);border:1px solid var(--border-strong);background:#0000008c;border-radius:999px;display:inline-flex}.install code{margin-right:var(--space-3);font:400 15px/1 var(--mono)}.install button{height:32px;padding:0 var(--space-4);background:var(--text);color:#000;font:600 13px/1 var(--sans);cursor:pointer;border:0;border-radius:999px}.hero__links{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.button{height:40px;padding:0 var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:500 15px/1 var(--sans);transition:border-color var(--ease), background-color var(--ease), color var(--ease);background:#00000073;align-items:center;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--text-faint)}.button--primary{border-color:var(--accent);background:var(--accent);color:#000}.button--primary:hover{border-color:var(--text);background:var(--text)}.hero__start{width:min(100% - 32px,40rem);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);opacity:clamp(0, var(--progress,0) / .2, 1);background:#000000b8;margin:0 auto clamp(48px,12vh,112px)}.hero__start h2{margin:0 0 var(--space-4);font:500 clamp(2rem, 1.4rem + 2vw, 3rem) / 1.1 var(--serif)}.hero__start .code{pointer-events:auto;margin:0}.hero__start pre{padding:var(--space-4);margin:0;font-size:14px;line-height:1.7;overflow-x:auto}.hero__start p{margin:var(--space-4) 0 0;color:var(--text-muted);line-height:1.6}.hero__start p code{color:var(--text);font-size:.9em}.tok-keyword{color:var(--code-keyword)}.tok-string{color:var(--code-string)}.tok-tag{color:var(--code-tag)}.tok-attr{color:var(--code-attr)}.tok-number{color:var(--code-number)}.tok-punct{color:var(--code-punct)}.hero__cue{right:clamp(16px,4vw,48px);bottom:var(--space-6);color:var(--text-muted);opacity:clamp(0, 1 - var(--video-progress,0) * 8, 1);margin:0;font-size:13px;position:absolute}.hero__line{background:var(--accent);transform-origin:0;height:2px;transform:scaleX(var(--video-progress,0));position:absolute;inset:auto 0 0}.home-section{max-width:1120px;padding:var(--space-9) var(--space-5);margin:0 auto}.home-section+.home-section{border-top:1px solid var(--border)}.home-section__intro{max-width:var(--prose-w);margin-bottom:var(--space-6)}.home-section__intro h2{margin:0 0 var(--space-4);font:500 clamp(2.25rem, 1.6rem + 2vw, 3.25rem) / 1.1 var(--serif)}.home-section__intro p{color:var(--text-muted);margin:0;font-size:18px;line-height:1.6}.facts{gap:var(--space-7) var(--space-6);margin:var(--space-7) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.facts>div{padding-top:var(--space-4);border-top:1px solid var(--border-strong)}.facts dt{margin-bottom:var(--space-2);font:500 24px/1.2 var(--serif)}.facts dd{color:var(--text-muted);margin:0;line-height:1.6}.facts code{color:var(--text);white-space:nowrap;font-size:.9em}.home-link{color:var(--text);text-decoration:underline;text-decoration-color:var(--text-faint);text-underline-offset:3px}.home-link:hover{color:var(--accent);text-decoration-color:var(--accent)}.gallery{gap:var(--space-7) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;padding:0;list-style:none;display:grid}.demo-card{gap:var(--space-2);text-decoration:none;display:grid}.demo-card__poster{aspect-ratio:16/9;margin-bottom:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);display:block;overflow:hidden}.demo-card__poster img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.demo-card:hover .demo-card__poster img,.demo-card:focus-visible .demo-card__poster img{transform:scale(1.03)}.demo-card__title{font:500 26px/1.15 var(--serif);transition:color var(--ease)}.demo-card:hover .demo-card__title{color:var(--accent)}.demo-card__text{color:var(--text-muted);font-size:15px;line-height:1.55}.home-footer{max-width:1120px;padding:var(--space-7) var(--space-5) var(--space-8);border-top:1px solid var(--border);color:var(--text-faint);margin:0 auto;font-size:13px;line-height:1.6}.home-footer p{margin:0 0 var(--space-1)}.home-footer a{color:var(--text-muted)}@media (width<=767px){.facts{gap:var(--space-5);grid-template-columns:1fr}.home-section{padding:var(--space-8) var(--space-4)}}