* { margin:0; padding:0; box-sizing:border-box; font-family: 'DM Sans', sans-serif; }
html, body { color:#1D2129; background:#fff; line-height:1.6; }

nav { background:#1D2129; color:white; padding:1rem 5%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.5rem; position:sticky; top:0; z-index:50; }
nav .logo { font-size:1.3rem; font-weight:bold; }
nav a { color:white; text-decoration:none; margin:0 0.8rem; }
nav a:hover { color:#FF7D00; }
.nav-right { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }

/* ✅ DROPDOWN MENU STYLE */
.dropdown { position:relative; display:inline-block; }
.dropbtn { background:transparent; color:white; border:none; padding:.6rem 1rem; font-size:1rem; cursor:pointer; }
.dropdown-content { display:none; position:absolute; background:#fff; min-width:180px; box-shadow:0 8px 16px rgba(0,0,0,0.15); z-index:100; border-radius:4px; overflow:hidden; }
.dropdown-content a { color:#1D2129; padding:.7rem 1rem; text-decoration:none; display:block; margin:0; }
.dropdown-content a:hover { background:#f5f5f5; color:#FF7D00; }
.dropdown:hover .dropdown-content { display:block; }
.dropdown:hover .dropbtn { color:#FF7D00; }

.mkt-btn { display:inline-block; background:#FF7D00; color:white; padding:.9rem 2rem; border-radius:6px; text-decoration:none; font-weight:bold; margin:.5rem; transition:opacity .2s; border:none; cursor:pointer; font-size:1rem; }
.mkt-btn:hover { opacity:.9; }
.mkt-btn-blue { background:#6772E5; }
.mkt-btn-blue:hover { background:#5469d4; opacity:1; }
.mkt-btn-signin { background:transparent; border:2px solid rgba(255,255,255,.5); color:white; padding:.6rem 1.3rem; font-size:.9rem; margin:0; }
.mkt-btn-signin:hover { border-color:white; opacity:1; }

.hero { background:linear-gradient(135deg,#165DFF 0%,#0038A8 100%); color:white; padding:4rem 5%; text-align:center; }
.hero h1 { font-size:2.5rem; margin-bottom:.5rem; }
.hero h2 { font-size:1.3rem; font-weight:normal; margin-bottom:2rem; opacity:.9; }

.section { padding:3rem 5%; max-width:1200px; margin:0 auto; }
.section h3 { font-size:1.8rem; margin-bottom:1.5rem; color:#165DFF; }

.mkt-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2rem; margin:2rem 0; }
.mkt-card { background:#F2F3F5; padding:1.8rem; border-radius:8px; }
.mkt-card h4 { color:#165DFF; margin-bottom:1rem; font-size:1.2rem; }

.price-box { background:#F2F3F5; border:3px solid #165DFF; border-radius:12px; padding:2.5rem; text-align:center; max-width:500px; margin:0 auto; }
.price-box .price { font-size:3rem; color:#FF7D00; font-weight:bold; }

footer { background:#1D2129; color:white; padding:2rem 5%; text-align:center; margin-top:3rem; }