*{box-sizing:border-box;margin:0;padding:0}:root{--blue: #0f6ff2;--blue-hover: #0a5cd6;--ink: #232c33;--muted: #5f6b76;--line: #e3e8ee;--bg: #ffffff;--soft: #f5f8fc;--shadow: 0 10px 30px rgba(16, 42, 67, .14)}html,body{height:100%}body{font-family:Open Sans,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}a{color:var(--blue);text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;padding:16px 40px;border-bottom:1px solid var(--line);background:var(--bg)}.logo{height:48px;width:auto;max-width:180px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 34px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:20}.brand,.logo-mark{display:inline-flex;align-items:center;gap:8px}.logo-wordmark{font-size:24px;font-weight:700;color:#000;letter-spacing:-.6px;line-height:1}.hero{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:56px 40px 72px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px}.hero-art{display:flex;justify-content:center;align-items:center}.hand-illustration{width:100%;height:auto;max-width:660px}.hero-wordmark{font-size:26px;font-weight:800;color:#1c242c;letter-spacing:-.5px}.wordmark-line{display:flex;align-items:center;gap:10px;margin-bottom:18px}.hero-title{font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.16;letter-spacing:-.7px;color:#1c242c;margin-bottom:16px}.hero-sub{font-size:16px;line-height:1.6;color:var(--muted);margin-bottom:30px;max-width:46ch}.btn-download{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:700;letter-spacing:1.6px;padding:15px 46px;box-shadow:0 6px 16px #0f6ff252;transition:background .16s ease,transform .08s ease,box-shadow .16s ease}.btn-download:hover{background:var(--blue-hover);box-shadow:0 8px 20px #0f6ff266}.btn-download:active{transform:translateY(1px);box-shadow:0 4px 10px #0f6ff257}.hero-hint{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:13.5px;color:var(--muted)}.hero-hint svg{color:#2ec27e}.footer{text-align:center;font-size:12px;color:#8b96a1;padding:18px;border-top:1px solid var(--line)}@keyframes popIn{0%{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:920px){.hero{grid-template-columns:1fr;text-align:center;gap:40px;padding:40px 24px 64px}.hero-art{order:2}.hand-illustration{max-width:460px}.hero-copy{order:1;display:flex;flex-direction:column;align-items:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-title{font-size:28px}}@media(max-width:560px){.topbar{padding:14px 16px}.brand-name{font-size:18px}}