.hero{padding:80px 40px}.hero__inner{align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero__headline{color:#0c4a6e;font-family:Inter,system-ui,sans-serif;font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:20px}.hero__subtext{color:#64748b;font-size:18px;line-height:1.6;margin-bottom:32px;max-width:540px}.hero__actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.hero__secondary-link{color:#0369a1;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.hero__secondary-link:hover{color:#0284c7}.hero__card-mockup,.hero__visual{align-items:center;display:flex;justify-content:center}.hero__card-mockup{aspect-ratio:576/500;background:#fff;border:1px solid #bae6fd;border-radius:16px;box-shadow:0 8px 32px rgba(3,105,161,.08);flex-direction:column;max-width:480px;width:100%}.hero__card{text-align:center}.hero__card-char{color:#0c4a6e;font-size:64px;margin-bottom:8px}.hero__card-pinyin{color:#64748b;font-family:JetBrains Mono,monospace;font-size:18px;margin-bottom:24px}.hero__card-check{background:#22c55e;border-radius:50%;color:#fff;font-size:24px;height:48px;justify-content:center;margin:0 auto;width:48px}.hero__card-check,.s2s-btn{align-items:center;display:inline-flex}.s2s-btn{border:none;border-radius:9999px;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;gap:8px;line-height:1;padding:14px 32px;text-decoration:none;transition:all .2s}.s2s-btn--primary{background:#0369a1;color:#fff}.s2s-btn--primary:hover{background:#0284c7;box-shadow:0 4px 16px rgba(3,105,161,.2);color:#fff;transform:translateY(-1px)}.s2s-btn--lg{font-size:18px;padding:16px 40px}@media (max-width:1023px){.hero__inner{gap:40px;grid-template-columns:1fr}.hero__headline{font-size:32px}}@media (max-width:767px){.hero{padding:48px 20px}.hero__headline{font-size:28px}.hero__subtext{font-size:16px}.hero__actions{align-items:flex-start;flex-direction:column}}