:root{
  --bg:#ffffff;
  --ink:#1f2937;
  --muted:#6b7280;
  --muted2:#9ca3af;
  --accent:#b45309; /* warm amber */
  --accent2:#0f766e; /* deep teal */
  --cream:#ffffff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}

/* top nav */
.nav{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);z-index:50;box-shadow:0 10px 30px rgba(17,24,39,.06)}
.navInner{max-width:1120px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.brand{font-weight:950;letter-spacing:-0.6px;font-size:18px}
.menu{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:15px;color:var(--muted)}
.menu a{text-decoration:none;padding:6px 10px;border-radius:999px}
.menu a:hover{background:rgba(31,41,55,.06);color:var(--ink)}

.btn{display:inline-block;padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:950;letter-spacing:-0.2px}
.btn.primary{background:linear-gradient(180deg,#c25a0b,#a64507);color:#fff;box-shadow:0 10px 22px rgba(17,24,39,.14)}
.btn.ghost{background:rgba(255,255,255,.8);border:1px solid rgba(31,41,55,.14);box-shadow:0 10px 22px rgba(17,24,39,.06)}

/* layout */
.wrap{max-width:1120px;margin:0 auto;padding:56px 20px}

/* hero */
.hero{min-height:78vh;display:flex;align-items:center}
.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;width:100%}
@media (max-width: 980px){.hero{min-height:auto;padding-top:26px}.heroGrid{grid-template-columns:1fr;gap:18px}}

.kicker{display:inline-flex;gap:10px;align-items:center;font-size:14px;color:var(--muted);background:rgba(255,255,255,.78);padding:8px 14px;border-radius:999px}

h1{margin:14px 0 10px;font-size:62px;line-height:1.02;letter-spacing:-1.8px}
@media (max-width: 980px){h1{font-size:46px}}

.lede{font-size:20px;line-height:1.65;color:var(--muted);max-width:52ch}

.bullets{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.bullets li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:18px;line-height:1.5}
.bullets .dot{width:10px;height:10px;border-radius:50%;background:var(--accent2);margin-top:9px;flex:0 0 auto}

.ctaRow{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.note{margin-top:14px;color:var(--muted);font-size:14px}

.heroMedia{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/5;min-height:420px;background:#eadfce;box-shadow:0 18px 50px rgba(17,24,39,.14)}
.heroMedia img{width:100%;height:100%;object-fit:cover;display:block}
.heroMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,246,238,.0) 0%,rgba(251,246,238,.28) 70%,rgba(251,246,238,.55) 100%)}

/* sections */
.section{padding:72px 0}
.section.alt{background:var(--cream)}
.sectionInner{max-width:1120px;margin:0 auto;padding:0 20px}

.h2{font-size:36px;letter-spacing:-1px;margin:0}
.p{margin:12px 0 0;color:var(--muted);font-size:18px;line-height:1.65;max-width:68ch}

.grid2{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media (max-width: 980px){.grid2{grid-template-columns:1fr}}

.feature h3{margin:0;font-size:20px;letter-spacing:-0.4px}
.feature p{margin:8px 0 0;color:var(--muted);line-height:1.6;font-size:16px}

.footer{max-width:1120px;margin:0 auto;padding:30px 20px 60px;color:var(--muted);font-size:14px}


.feature ul.mini{margin:12px 0 0;padding-left:18px;color:var(--muted);font-size:16px;line-height:1.55}
.feature ul.mini li{margin:7px 0}

.priceTag{font-size:14px;color:var(--muted);font-weight:800;letter-spacing:-0.2px;margin-left:8px}