* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; color:#111; }
.container { max-width: 980px; margin: 0 auto; padding: 16px; }

/* Header */
.header { border-bottom: 1px solid #eee; background: #fff; position: sticky; top: 0; }
.header-inner { display:flex; align-items:center; justify-content:space-between; }
.logo { font-weight: 700; }
.nav a { margin-left: 16px; text-decoration: none; color: #333; }

/* Hero */
.hero { padding: 56px 0; background: linear-gradient(180deg,#f7f7fb, #ffffff); }
.hero-inner h1 { font-size: 36px; margin: 0 0 8px; }
.hero-inner p { max-width: 680px; margin: 0 0 16px; color:#444; }
.btn { display:inline-block; padding: 10px 16px; border-radius: 10px; border:1px solid #111; text-decoration:none; color:#111; }

/* Text */
.text-section h2 { margin-top: 0; }

/* Footer */
.footer { border-top: 1px solid #eee; background:#fafafa; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.footer .links a { margin-left: 12px; color:#333; text-decoration:none; }