.sa-container { width: min(1100px, 92%); margin: 0 auto; }

.sa-header { padding: 18px 0; border-bottom: 1px solid rgba(0,0,0,.08); }
.sa-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.sa-logo { font-weight: 700; text-decoration: none; color: inherit; }
.sa-nav__menu { display: flex; gap: 14px; list-style: none; margin: 0; padding: 0; }
.sa-nav__menu a { text-decoration: none; color: inherit; opacity: .9; }
.sa-nav__menu a:hover { opacity: 1; }

.sa-hero { padding: 64px 0; }
.sa-hero__inner { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
.sa-hero__kicker { letter-spacing: .04em; text-transform: uppercase; font-size: 12px; opacity: .75; margin: 0 0 10px; }
.sa-hero__headline { font-size: clamp(28px, 3.2vw, 46px); line-height: 1.05; margin: 0 0 14px; }
.sa-hero__subheadline { font-size: 16px; line-height: 1.6; opacity: .9; margin: 0 0 22px; }

.sa-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.sa-btn { display: inline-block; padding: 12px 16px; border-radius: 10px; text-decoration: none; }
.sa-btn--primary { background: #111; color: #fff; }
.sa-btn--ghost { border: 1px solid rgba(0,0,0,.2); color: #111; }

.sa-footer { padding: 28px 0; border-top: 1px solid rgba(0,0,0,.08); }
.sa-footer__copy { margin: 0; opacity: .75; font-size: 14px; }