.landing-page{background:var(--bg-canvas);min-height:calc(100dvh - 68px);color:var(--text-primary);font-family:var(--font-body);position:relative}.landing-header{justify-content:space-between;align-items:center;height:125px;padding:24px 64px;display:flex}.landing-nav{align-items:center;gap:32px;display:flex}.landing-nav a{color:var(--text-primary);font-size:16px;font-weight:500;line-height:1.45}.landing-nav a:hover{text-decoration:underline}.landing-hero{box-sizing:border-box;align-items:center;gap:0;width:min(1280px,100% - 2rem);min-height:375px;margin:0;padding:0 64px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-content{flex-direction:column;flex:1;order:1;align-items:flex-start;gap:32px;min-width:0;padding:40px 0;display:flex}.landing-copy{flex-direction:column;gap:24px;display:flex}.landing-copy h1{color:var(--text-primary);letter-spacing:-1.12px;margin:0;font-size:56px;font-weight:700;line-height:1.1}.landing-copy p{width:min(360px,100%);max-width:100%;color:var(--text-secondary);letter-spacing:-.12px;margin:0;font-size:24px;font-weight:500;line-height:1.45}.landing-actions{align-items:center;gap:16px;display:flex}.landing-button{border:1px solid var(--border-strong);min-height:50px;color:var(--text-primary);border-radius:9999px;justify-content:center;align-items:center;padding:12px 28px;font-size:18px;font-weight:500;line-height:1.45;text-decoration:none;transition:transform .15s,background-color .15s,color .15s,box-shadow .15s,border-color .15s;display:inline-flex}.landing-button:hover{text-decoration:none;transform:translateY(-1px)}.landing-button-primary{background:var(--text-primary);color:var(--bg-canvas);border-color:var(--text-primary)}.landing-button-primary:hover{opacity:.9;color:var(--bg-canvas)}.landing-button-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.landing-button-secondary:hover{background:var(--bg-subtle);color:var(--text-primary)}.code-art{flex:0 0 375px;order:2;width:375px;height:auto;position:relative}.code-art-grid{aspect-ratio:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.code-art-tile{cursor:pointer;min-width:0;min-height:0;position:relative;overflow:hidden}.code-art-tile-wide{grid-column:span 2}.gallery-image,.gallery-image-fallback{object-fit:cover;width:100%;height:100%;display:block}.gallery-image-fallback{color:#555;text-align:center;background:#f1f1f1;justify-content:center;align-items:center;font-size:.75rem;display:flex}.code-art-overlay{pointer-events:none;will-change:opacity;transition:opacity .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.code-art-hover:hover .code-art-overlay{opacity:0}.gallery-image{transition:transform .5s}@media (prefers-reduced-motion:reduce){.gallery-image,.code-art-overlay,.code-art-grid{transition:none;animation:none}}@media (max-width:700px){.landing-header{align-items:flex-start;height:71px;padding:16px 24px}.landing-nav{gap:4px;margin-top:10px}.landing-nav a{font-size:12px}.landing-hero{flex-direction:column;align-items:center;gap:20px;width:100%;min-height:auto;margin:90px auto 0;padding:0 16px 40px;display:flex;position:static;transform:none}.code-art{flex:none;order:1;width:min(375px,100vw - 32px);height:auto}.landing-content{order:2;align-items:stretch;gap:28px;width:100%;padding:0 8px 40px}.landing-copy{text-align:center;align-items:center;gap:16px}.landing-copy h1{letter-spacing:-.8px;font-size:40px}.landing-copy p{letter-spacing:-.09px;width:100%;font-size:18px}.landing-actions{flex-direction:column;gap:16px}.landing-button{width:100%;min-height:47px;font-size:16px}}@media (min-width:701px) and (max-width:1023px){.landing-hero{flex-direction:column;gap:2.5rem;width:100%;min-height:auto;margin:5rem auto 0;padding:0 2rem 4rem;position:static;transform:none}.landing-content{text-align:center;flex:none;align-items:center;width:min(100%,560px);padding:0}.landing-copy{align-items:center}.code-art{flex:0 auto;order:1;width:min(375px,100%);height:auto}.landing-content{order:2}}