:root{
  --bg: #ffffff;
  --text: #111827;
  --muted: #4b5563;
  --primary: #3b82f6;
  --border: #e5e7eb;
}
body{margin:0;font-family:Arial, sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{width:min(1100px,92%);margin:auto}
.header{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:10}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.nav__menu{display:flex;gap:16px;list-style:none;margin:0;padding:0}
.nav__menu li a{text-decoration:none;color:var(--text)}
.logo{font-weight:bold;font-size:1.2rem}
.hero{padding:60px 0;text-align:center}
.lead{font-size:1.2rem;margin-bottom:20px;color:var(--muted)}
.cta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.btn{padding:14px 22px;border-radius:8px;text-decoration:none;font-size:1rem;display:inline-block}
.btn--lg{font-size:1.2rem}
.btn--xl{font-size:1.4rem;padding:18px 28px}
.btn{background:var(--primary);color:#fff}
.btn--ghost{background:transparent;border:2px solid var(--primary);color:var(--primary)}
.section{padding:40px 0}
.footer{border-top:1px solid var(--border);padding:20px 0;text-align:center;color:var(--muted)}
.seo-text p{font-size:0.9rem;color:var(--muted)}

.btn{transition:all 0.25s ease-in-out;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}

.logo-icon{width:20px;height:20px;vertical-align:middle;margin-right:8px}

.info-block{max-width:900px;margin:60px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);font-size:15px;line-height:1.6;color:#333}
.info-block h2,.info-block h3{color:#222;margin-bottom:12px;font-weight:600}
.info-block ul{padding-left:20px;margin-bottom:20px}
.info-block li{margin-bottom:10px}