:root { --bg:#ffffff; --text:#1a1a1a; --muted:#5b5b5b; --brand:#0798d2; --brand2:#f2f2f0; --light:#f6f8fa; --border:#e5e7eb; --max:1100px; }
  * { box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { margin:0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; color:var(--text); background:var(--bg); line-height:1.6; }
  a { color:var(--brand); text-decoration:none; }
  a:hover { text-decoration:underline; }
  header { border-bottom:1px solid var(--border); background:#f2f2f0; position:sticky; top:0; z-index:10; }
  .wrap { max-width:var(--max); margin:0 auto; padding:0 16px; }
  .topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
  .topbar strong {text-shadow: -1px 1px #b1b1af; font-size: 34px; text-decoration: underline;}
  .topbar strong span {color: #fff }
  .topbar img {vertical-align: middle; margin: 0 0 10px;}
  nav ul { list-style:none; margin:0; padding:0; display:flex; gap:16px; flex-wrap:wrap; }
  nav a { color:var(--text); font-weight:600; display: flex; margin-top: 10px}
  .cta { display:inline-block; background:var(--brand); color:#fff; padding:10px 16px; margin-top: 0px; border-radius:25px; font-weight:normal; }
  .cta.secondary { background:var(--brand2); border: 1px solid var(--brand); color:var(--brand) }
  .hero { background:linear-gradient(180deg,#f7fbff, #fff); }
  .hero .inner { display:grid; grid-template-columns:1.2fr 0.8fr; gap:24px; padding:32px 0; align-items:center; }
  .hero h1 { font-size:28px; line-height:1.25; margin:0 0 12px; text-align: center;}
  .hero p { color:var(--muted); margin:0 0 16px; }
  .btns { display:flex; gap:12px; flex-wrap:wrap; }
  .grid { display:grid; gap:20px; }
  @media (min-width:860px) { .grid.cols-3 { grid-template-columns: repeat(3, 1fr); } }
  .card { border:1px solid var(--border); border-radius:12px; padding:16px; background:#fff; }
  .card h3 { margin:0 0 8px; font-size:18px; }
  .section { padding:32px 0; }
  .section h2 { font-size:22px; margin:0 0 10px; }
  .muted { color:var(--muted); }
  .bullets { margin:10px 0 0; padding-left:18px; }
  .bullets li { margin:4px 0; }
  .split { display:grid; gap:24px; }
  @media (min-width:860px) { .split { grid-template-columns:1fr 1fr; } }
  figure { margin:0; }
  img { max-width:100%; height:auto; }
  .faq details { border:1px solid var(--border); border-radius:10px; padding:12px 14px; background:#fff; }
  .faq details + details { margin-top:10px; }
  .faq summary { cursor:pointer; font-weight:700; color:var(--text); }
  .stripe { background:var(--light); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
  footer { background:#0b0f14; color:#cbd5e1; }
  footer a { color:#93c5fd; }
  .footer-grid { display:grid; gap:20px; padding:24px 0; }
  @media (min-width:860px) { .footer-grid { grid-template-columns:1.2fr 1fr 1fr; } }
  .micro { font-size:14px; color:#9aa3af; }
  .badge { display:inline-block; font-size:12px; border:1px solid var(--border); color:var(--muted); padding:2px 8px; border-radius:999px; background:#fff; }
  .breadcrumbs, .breadcrumbs a { font-size:14px; color:var(--muted); padding:8px 0; display: inline;}
  .stars {color: #FFB400; font-size: 1.6em; line-height: 1; margin-bottom: 3px;}
  .stars small {font-size: 0.5em;}
  #main-nav { display: flex; gap: 1em; }
  #hamburger {display: none; flex-direction: column; gap: 4px; background: none; border: none; cursor: pointer;}
  #hamburger span {display: block; width: 24px; height: 3px; background: #444; border-radius: 2px; }
  @media (max-width: 768px) {
    .hero, footer {padding: 0 10px}
    nav a { display: inline;}
    #main-nav { display: none; flex-direction: column; align-items: center; background: #fff; position: absolute; top: 52px; right: 10px; border-radius: 5px; padding: 1em; box-shadow: 0 2px 8px rgba(0,0,0,0.10);}
    #main-nav ul { flex-direction: column !important; align-items: center; width: 100%; gap: 10px; padding: 0; }
    #main-nav li { width: 100%; text-align: center; }
    #main-nav.active { display: flex; }
    #hamburger { display: flex; }
  }