.hero{padding-block:clamp(36px,3.5vw,56px) clamp(32px,3vw,48px);overflow:hidden}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:clamp(24px,2.6vw,40px)}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-width:760px}.hero__title{max-width:21ch}.hero__sub{max-width:56ch;color:var(--text-muted);font-size:var(--fs-md);line-height:1.6}.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--space-3)}.hero__facts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:var(--space-2);color:var(--text-dim);font-size:var(--fs-sm)}.hero__fact+.hero__fact:before{content:"·";margin-inline:10px}.hero__preview{justify-self:start;width:fit-content;max-width:100%;margin:0;padding:10px;border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:none}.hero__img{display:block;width:auto;height:auto;max-width:100%;max-height:max(220px,min(calc(100svh - var(--nav-height) - 440px),680px));border:0;border-radius:calc(var(--radius-lg) - 10px);background:transparent}@media (max-width: 640px){.hero__ctas{width:100%}.hero__ctas .btn{flex:1 1 auto}.hero__preview{width:100%}.hero__img{width:100%;max-height:none}}.features__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-5)}.feature{display:flex;flex-direction:column;gap:var(--space-3);grid-column:span 2;padding:var(--space-6);transition:border-color .18s ease}.feature:nth-child(-n+2){grid-column:span 3}.feature:hover{border-color:var(--border-strong)}.feature__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text)}.feature__title{margin:var(--space-1) 0 0}.feature__desc{max-width:42ch;color:var(--text-muted);font-size:var(--fs-body);line-height:1.6}@media (max-width: 900px){.features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature,.feature:nth-child(-n+2){grid-column:span 1}}@media (max-width: 620px){.features__grid{grid-template-columns:minmax(0,1fr)}}.shots__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(272px,100%),1fr));gap:var(--space-5)}.shot{display:flex;flex-direction:column;gap:var(--space-3)}.shot__img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.shot__caption{color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.platforms__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-5)}.platform{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.platform__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.platform__name{margin:0;font-size:var(--fs-base)}.platform__desc{color:var(--text-muted);font-size:var(--fs-body);line-height:1.6}.platform__req{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-sm);line-height:1.5}.platform__req-label{display:block;margin-bottom:var(--space-1);color:var(--text-dim);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-size:var(--fs-xs);font-weight:500;cursor:pointer;transition:color .14s ease,border-color .14s ease,background-color .14s ease}.copy-btn:hover{color:var(--text);border-color:var(--border);background:var(--surface)}.copy-btn--copied,.copy-btn--copied:hover{color:var(--ok);border-color:transparent;background:var(--ok-quiet)}.copy-btn--failed,.copy-btn--failed:hover{color:var(--warn);border-color:transparent;background:var(--warn-quiet)}.code{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius)}.code__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 10px 10px 18px;border-bottom:1px solid var(--border);background:var(--surface-2)}.code__file{color:var(--text-dim);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code__pre{max-height:460px;border:0;border-radius:0;overflow:auto}