.container { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 var(--space-lg); }
.section { padding: var(--space-3xl) 0; }
.section--alt { background: linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%); }
.section--blue { background: linear-gradient(180deg, rgba(102, 167, 232, 0.10) 0%, var(--bg) 70%); }
.section__title { text-align: center; margin-bottom: var(--space-sm); }
.section__subtitle { text-align: center; color: var(--text-2); margin-bottom: var(--space-xl); max-width: 36rem; margin-left: auto; margin-right: auto; }
.grid { display: grid; gap: var(--space-lg); }
.grid--2 { grid-template-columns: 1fr; }
.grid--3 { grid-template-columns: 1fr; }
.grid--4 { grid-template-columns: 1fr; }
.steps { display: flex; flex-wrap: wrap; gap: var(--space-xl); justify-content: center; }
.step { flex: 1 1 160px; text-align: center; }
.step .card { display: flex; flex-direction: column; align-items: center; text-align: center; }
.step .card__icon { margin-left: auto; margin-right: auto; }
.flex { display: flex; flex-wrap: wrap; gap: var(--space-md); align-items: center; justify-content: center; }

.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(15, 27, 51, 0.72); color: var(--text); padding: var(--space-md) 0; transition: padding var(--transition), box-shadow var(--transition), background var(--transition); backdrop-filter: blur(10px); }
.header .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-md); }
.header__nav { display: flex; align-items: center; gap: var(--space-lg); }
.header__nav a { color: var(--text); opacity: 0.85; transition: opacity var(--transition); }
.header__nav a:hover { opacity: 1; }
.header--shrink { padding: var(--space-sm) 0; box-shadow: var(--shadow-lg); }
.hero { min-height: 100vh; display: flex; align-items: center; padding-top: 4rem; padding-bottom: var(--space-3xl); }
.hero__content { color: var(--text); position: relative; z-index: 1; }
.hero__content h1 { color: var(--text); }
.hero__bullets { margin: var(--space-xl) 0; }
.hero__bullets li { padding-left: 1.5rem; margin-bottom: var(--space-sm); position: relative; opacity: 0.95; }
.hero__bullets li::before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0; color: var(--yellow); }
.hero__cta { display: flex; flex-wrap: wrap; gap: var(--space-md); margin-top: var(--space-xl); }
.hero--bg {
  background: linear-gradient(135deg, rgba(11, 18, 32, 0.85) 0%, rgba(11, 18, 32, 0.6) 50%, rgba(11, 18, 32, 0.75) 100%),
              url('../img/hero.jpg') center / cover no-repeat;
}
.guarantee-banner { background: linear-gradient(135deg, rgba(102, 167, 232, 0.16) 0%, rgba(15, 27, 51, 0.92) 45%, rgba(245, 197, 66, 0.10) 100%); color: var(--text); padding: var(--space-3xl) 0; }
.guarantee-banner h2 { color: var(--text); }
.guarantee-banner .card { background: rgba(255,255,255,0.04); color: var(--text); }
.guarantee-banner .card:hover { background: rgba(255,255,255,0.06); }
.footer { background: linear-gradient(180deg, rgba(15, 27, 51, 0.8) 0%, var(--black) 100%); color: var(--text); padding: var(--space-2xl) 0 var(--space-lg); }
.footer h3 { color: var(--text); font-size: 1rem; margin-bottom: var(--space-md); }
.footer a { opacity: 0.85; transition: opacity var(--transition); }
.footer a:hover { opacity: 1; }
.footer__bottom { margin-top: var(--space-xl); padding-top: var(--space-lg); font-size: 0.875rem; color: var(--muted); text-align: center; }
.float-cta { display: none; position: fixed; bottom: var(--space-lg); left: var(--space-lg); right: var(--space-lg); z-index: 99; }
.float-cta .btn { width: 100%; }