.app-hero{background:var(--ink);padding:96px 0 120px;position:relative;overflow:hidden}.app-hero-glow{pointer-events:none;background:radial-gradient(50% 50%,#92e81247 0%,#92e81200 70%);width:1100px;height:560px;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.app-hero-content{z-index:1;text-align:center;position:relative}.app-hero-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin-bottom:20px;font-size:12px;font-weight:600}.app-hero-title{color:var(--paper);margin-bottom:16px}.app-hero-subtitle{color:var(--muted-d);max-width:560px;margin:0 auto;font-size:18px}.app-hero-screen{border:1px solid var(--rule-d);background:var(--ink-2);max-width:1040px;box-shadow:var(--shadow-xl);margin:56px auto 0;position:relative}.screen-chrome{background:var(--ink-2);border-bottom:1px solid var(--rule-d);align-items:center;gap:24px;height:40px;padding:0 16px;display:flex}.screen-dots{gap:8px;display:flex}.screen-dots span{background:var(--ink-3);border:1px solid var(--rule-d);border-radius:50%;width:10px;height:10px}.screen-dots span:first-child{background:var(--alert);border-color:var(--alert)}.screen-dots span:nth-child(2){background:var(--amber);border-color:var(--amber)}.screen-dots span:nth-child(3){background:var(--signal);border-color:var(--signal)}.screen-url{font-family:var(--font-mono);color:var(--muted-d);background:var(--ink);border:1px solid var(--rule-d);text-align:left;flex:1;max-width:360px;padding:5px 14px;font-size:12px}.screen-body{aspect-ratio:16/9.2;background:var(--paper-2);overflow:hidden}.screen-body img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.screen-body.is-bare{background:var(--ink)}.screen-body.is-bare img{object-fit:contain;object-position:center}.screen-body.is-natural{aspect-ratio:auto;height:auto;overflow:visible}.screen-body.is-natural img{object-fit:contain;object-position:center;width:100%;height:auto}@media (width<=1080px){.app-hero{padding:72px 0 88px}.app-hero-title{font-size:44px}.app-hero-screen{margin-top:40px}.screen-url{display:none}}@media (width<=640px){.app-hero{padding:56px 0 64px}.app-hero-title{font-size:32px}.app-hero-subtitle{font-size:15px}.app-hero-screen{margin-top:32px}.screen-chrome{gap:16px;height:32px}.screen-body{aspect-ratio:4/3.4}}