.hero{padding-block:clamp(56px,7vw,108px) clamp(56px,6vw,96px);overflow:hidden}.hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,5vw,72px);align-items:center}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}.hero__title{max-width:18ch}.hero__sub{max-width:46ch;color:var(--text-muted);font-size:var(--fs-md);line-height:1.7}.hero__ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-2)}.hero__facts{display:flex;flex-wrap:wrap;align-items:center;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{position:relative;margin:0;padding:8px;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:inset 0 1px #ffffff0a,var(--shadow-lg);overflow:hidden}.hero__img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:calc(var(--radius-lg) - 8px);background:var(--code-bg)}@media (max-width: 980px){.hero__grid{grid-template-columns:minmax(0,1fr)}.hero__title,.hero__sub{max-width: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:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.feature:nth-child(-n+2){grid-column:span 3}.feature:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.feature__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-quiet);color:var(--accent)}.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.65}@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)}}@media (prefers-reduced-motion: reduce){.feature:hover{transform:none}}.shots__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(272px,100%),1fr));gap:18px}.shot{display:flex;flex-direction:column;gap:10px}.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:.86rem;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.65}.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.6}.platform__req-label{display:block;margin-bottom:var(--space-1);color:var(--text-dim);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:color .14s ease,border-color .14s ease,background-color .14s ease}.copy-btn:hover{color:var(--text);border-color:var(--accent-border);background:var(--surface-3)}.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-lg)}.code__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px 10px 16px;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}