@import '/assets/css/variables.css';
@import '/assets/css/fonts.css';

html { scroll-behavior: smooth; }
body { font-family: var(--font); color: var(--text); background: var(--cream); line-height: 1.75; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font-family: var(--font); cursor: pointer; }

.wrap { max-width: 900px; margin: 0 auto; padding: 0 18px; }
.section { padding: 46px 0; }
.center { text-align: center; }
.eyebrow { font-size: 12.5px; font-weight: 700; color: var(--orange-deep); letter-spacing: .4px; }
h1, h2 { color: var(--navy); line-height: 1.22; }

.btn { display: inline-block; font-weight: 800; padding: 16px 30px; border-radius: 14px; border: none; font-size: 16px; text-align: center; transition: transform .14s ease, box-shadow .14s ease; }
.btn-primary { background: linear-gradient(135deg, var(--orange), var(--orange-deep)); color: #fff; box-shadow: 0 8px 20px rgba(232,133,74,.3); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(232,133,74,.38); }