/* SMJ Profit Pathways LLC - Namecheap static website package
   Brand: Navigate Your Numbers with Truth, Clarity, and Confidence. */
:root {
  --navy: #0F203E; --navy-2:#07162E; --teal:#1E686A; --teal-2:#104C4F; --gold:#D4AF37; --cream:#FFFDF7; --soft:#F2F4F7; --ink:#162033;
  --shadow: 0 18px 50px rgba(7,22,46,.18);
  --radius: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--ink); background: var(--cream); line-height:1.6; }
img { max-width:100%; display:block; }
a { color:inherit; }
.container { width:min(1160px, calc(100% - 40px)); margin:0 auto; }
.eyebrow { color:var(--teal); text-transform:uppercase; letter-spacing:.16em; font-size:.78rem; font-weight:800; margin:0 0 .75rem; }
.gold { color:var(--gold); } .teal { color:var(--teal); }
h1,h2,h3 { font-family: Georgia, 'Times New Roman', serif; line-height:1.1; color:var(--navy); margin:0 0 1rem; }
h1 { font-size: clamp(2.45rem, 5vw, 5.3rem); max-width: 760px; }
h2 { font-size: clamp(2rem, 3.4vw, 3.65rem); }
h3 { font-size: 1.38rem; }
p { margin:0 0 1rem; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding: .92rem 1.15rem; border-radius:999px; background:var(--gold); color:var(--navy-2); text-decoration:none; font-weight:800; border:2px solid var(--gold); box-shadow: 0 10px 22px rgba(212,175,55,.22); }
.btn.secondary { background:rgba(255,255,255,.78); border-color:rgba(15,32,62,.18); color:var(--navy); box-shadow:none; }
.btn:hover { transform: translateY(-1px); transition:.2s ease; }
.skip-link { position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden; }
.skip-link:focus { left:1rem; top:1rem; width:auto; height:auto; background:#fff; padding:.5rem; z-index:99; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(255,253,247,.92); backdrop-filter: blur(10px); border-bottom:1px solid rgba(15,32,62,.09); }
.nav { display:flex; align-items:center; justify-content:space-between; gap:1.25rem; padding:.8rem 0; }
.logo { display:flex; align-items:center; text-decoration:none; color:var(--navy); min-width:340px; }
.logo img { width:min(430px,42vw); height:auto; display:block; }
.logo strong { font-family:Georgia,'Times New Roman',serif; letter-spacing:.14em; font-size:1.35rem; line-height:1; }
.logo span { display:block; font-size:.72rem; color:var(--teal); font-weight:700; letter-spacing:.12em; margin-top:.15rem; }
.nav-links { display:flex; align-items:center; gap:1.1rem; font-size:.92rem; font-weight:750; }
.nav-links a { text-decoration:none; color:var(--navy); }
.nav-toggle { display:none; background:none; border:1px solid rgba(15,32,62,.2); border-radius:10px; padding:.55rem; }
.hero { position:relative; overflow:hidden; padding:clamp(4.5rem, 8vw, 8rem) 0 4rem; background:
  radial-gradient(circle at 78% 28%, rgba(212,175,55,.22), transparent 18rem),
  radial-gradient(circle at 16% 15%, rgba(30,104,106,.18), transparent 18rem),
  linear-gradient(135deg, #fffdf7 0%, #f7f4ec 42%, #e9f3f4 100%); }
.hero:before { content:""; position:absolute; inset:auto -10% -28% 42%; height:480px; background:linear-gradient(135deg, rgba(30,104,106,.16), rgba(212,175,55,.12)); clip-path: polygon(0 68%, 100% 24%, 100% 100%, 0 100%); }
.hero-grid { display:grid; grid-template-columns: 1.08fr .92fr; gap:3rem; align-items:center; position:relative; }
.hero-copy .lead { font-size:clamp(1.08rem,1.7vw,1.28rem); max-width:680px; color:#314057; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.85rem; margin:1.7rem 0; }
.promise-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(15,32,62,.12); border-radius:18px; overflow:hidden; max-width:760px; box-shadow:var(--shadow); }
.promise-strip div { background:rgba(255,255,255,.83); padding:1rem; }
.promise-strip b { display:block; color:var(--navy); font-size:.92rem; text-transform:uppercase; letter-spacing:.08em; }
.promise-strip span { font-size:.9rem; color:#46546b; }
.hero-card { position:relative; border-radius:32px; padding:1.5rem; background:linear-gradient(180deg, rgba(15,32,62,.96), rgba(30,104,106,.9)); color:white; box-shadow:var(--shadow); overflow:hidden; min-height:520px; }
.hero-card:before { content:""; position:absolute; inset:8% -10% auto auto; width:280px; height:280px; border:2px solid rgba(212,175,55,.35); border-radius:50%; }
.hero-card .mark { width:min(280px, 72%); margin:0 auto 1rem; filter: drop-shadow(0 18px 24px rgba(0,0,0,.26)); }
.path-card { position:absolute; left:1.5rem; right:1.5rem; bottom:1.5rem; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); border-radius:24px; padding:1.15rem; backdrop-filter: blur(6px); }
.path-card h3 { color:#fff; margin-bottom:.45rem; }
.path-card p { color:#e9f3f4; margin:0; }
section { padding:clamp(4rem, 7vw, 6.5rem) 0; }
.dark { background:linear-gradient(135deg, var(--navy-2), var(--navy)); color:#fff; }
.dark h2, .dark h3 { color:#fff; } .dark .eyebrow { color:#b9dddf; }
.grid-2 { display:grid; grid-template-columns: .95fr 1.05fr; gap:3rem; align-items:center; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.card { background:#fff; border:1px solid rgba(15,32,62,.1); border-radius:var(--radius); padding:1.5rem; box-shadow:0 10px 30px rgba(15,32,62,.06); }
.card .icon { width:48px; height:48px; border-radius:15px; display:grid; place-items:center; background:rgba(212,175,55,.14); color:var(--gold); margin-bottom:1rem; }
.problem-quote { font-family:Georgia,'Times New Roman',serif; font-size:clamp(1.8rem,3.3vw,3.7rem); line-height:1.08; color:#fff; margin:0; }
.truth-list { display:grid; gap:1rem; }
.truth-item { display:flex; gap:1rem; align-items:flex-start; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:18px; padding:1rem; }
.truth-item b { color:#fff; display:block; }
.truth-item span { color:#dbe7ef; }
.who-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.pill-card { padding:1.2rem; border-radius:20px; background:linear-gradient(180deg, #fff, #f8fbfb); border:1px solid rgba(15,32,62,.1); }
.service-card { min-height:100%; }
.about-card { background:#fff; border-radius:32px; overflow:hidden; box-shadow:var(--shadow); display:grid; grid-template-columns:.86fr 1.14fr; }
.about-photo { background:linear-gradient(135deg, rgba(30,104,106,.16), rgba(212,175,55,.18)); padding:1.2rem; display:grid; align-items:end; }
.about-photo img { border-radius:24px; box-shadow:0 18px 40px rgba(15,32,62,.18); width:100%; }
.about-copy { padding:clamp(1.7rem,3vw,3rem); }
.signature { font-family:Georgia,'Times New Roman',serif; color:var(--teal); font-size:1.1rem; margin-top:1.2rem; }
.resource { background:linear-gradient(135deg, rgba(30,104,106,.10), rgba(212,175,55,.13)); }
.leadmagnet { display:grid; grid-template-columns:.8fr 1.2fr; gap:2rem; align-items:center; }
.cover { min-height:420px; background:linear-gradient(180deg, var(--navy), var(--teal)); border-radius:18px; padding:1.5rem; color:#fff; box-shadow:var(--shadow); position:relative; overflow:hidden; }
.cover:after { content:""; position:absolute; right:-80px; bottom:-90px; width:260px; height:260px; border:35px solid rgba(212,175,55,.16); border-radius:50%; }
.cover img { width:92px; }
.cover h3 { color:#fff; font-size:2.1rem; margin-top:2rem; }
.cover p { position:relative; z-index:2; color:#eef6f6; }
.checklist { list-style:none; padding:0; margin:1.2rem 0; display:grid; gap:.75rem; }
.checklist li { padding-left:2rem; position:relative; }
.checklist li:before { content:"✓"; position:absolute; left:0; top:.04rem; width:1.28rem; height:1.28rem; display:grid; place-items:center; background:var(--teal); color:#fff; border-radius:50%; font-weight:bold; font-size:.9rem; }
.contact-card { background:#fff; border-radius:32px; padding:clamp(1.5rem,3vw,2.8rem); box-shadow:var(--shadow); }
.contact-options { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-top:1.5rem; }
.contact-options a { text-decoration:none; }
.footer { background:var(--navy-2); color:#dbe7ef; padding:2.2rem 0; }
.footer .container { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; }
.footer img { width:68px; }
.small { font-size:.92rem; color:#617089; }
.dark .small { color:#dbe7ef; }
@media (max-width: 900px) {
  .nav-links { position:absolute; left:20px; right:20px; top:76px; display:none; flex-direction:column; align-items:flex-start; padding:1rem; background:#fff; border:1px solid rgba(15,32,62,.12); border-radius:18px; box-shadow:var(--shadow); }
  .nav-links.open { display:flex; } .nav-toggle { display:block; } .nav .btn { display:none; }
  .hero-grid, .grid-2, .about-card, .leadmagnet { grid-template-columns:1fr; }
  .hero-card { min-height:430px; } .promise-strip, .grid-3, .who-grid, .contact-options { grid-template-columns:1fr; }
  section { padding:3.5rem 0; }
}