/* ----- Reset & core ---- */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",system-ui,sans-serif;background:#fffefc;color:#333;line-height:1.4}
h1,h2,h3{font-weight:600}

/* ----- Layout ---- */
.navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);position:sticky;top:0;z-index:999}
.brand{font-size:1.6rem;font-weight:700;color:#ea580c}
.nav-btn{border:none;background:none;padding:8px 18px;font-size:.95rem;cursor:pointer;border-radius:8px}
.nav-btn:hover{background:#f8f8f8}
.primary{background:#ea580c;color:#fff}
.primary:hover{background:#c2410c}

.hero{background:linear-gradient(145deg,#fff,#ffe8cc 40%,#fff2cc 80%);text-align:center;padding:90px 20px 60px}
.hero h1{font-size:2.6rem;color:#d97706;margin-bottom:.5rem}
.tagline{max-width:560px;margin:0 auto 22px;color:#555}
.cta-button{background:#ea580c;color:#fff;border:none;border-radius:12px;padding:14px 30px;font-size:1rem;cursor:pointer}
.cta-button:hover{background:#c2410c}

.features{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:40px 6vw}
.feature-card{background:#fff;border-radius:18px;box-shadow:0 6px 14px rgba(0,0,0,.07);padding:26px;max-width:280px;text-align:center}
.feature-card h3{color:#ea580c;margin-bottom:10px;font-size:1.15rem}
.feature-card p{color:#555;font-size:.97rem}

.email-form{text-align:center;padding:50px 20px}
.email-form input{padding:12px 16px;width:260px;max-width:85%;border:1px solid #ccc;border-radius:8px;font-size:1rem}
.email-form button{padding:12px 20px;background:#16a34a;color:#fff;border:none;border-radius:8px;margin-left:6px;cursor:pointer}
.email-form button:hover{background:#15803d}
.msg{margin-top:12px;font-weight:500}

footer{text-align:center;font-size:.9rem;margin:40px 0 20px;color:#666}