/*
Theme Name: AI SEO Landing
Theme URI: https://example.com/ai-seo-landing
Author: ChatGPT
Author URI: https://openai.com
Description: Ultra-fast landing-page WordPress theme built for SEO, AI SEO, and marketing. Features JSON-LD, Open Graph, Twitter Cards, AI sitemap (ai-sitemap.xml), and LLMS.txt endpoints to aid AI discovery. Color palette: blue, black, grey.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ai-seo-landing
Tags: one-column, custom-colors, custom-logo, seo, landing-page, marketing
*/

:root{
  --color-primary: #0b5fff; /* blue */
  --color-dark: #0b0d12; /* near-black */
  --color-grey: #f2f4f7; /* light grey */
  --color-mid: #475569; /* slate/grey */
  --radius-xl: 18px;
  --radius-lg: 12px;
  --radius: 8px;
  --shadow: 0 10px 25px rgba(0,0,0,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, Noto Sans, "Helvetica Neue", sans-serif;
  color:#0b0d12;
  background:#ffffff;
  line-height:1.6;
}

a{color:var(--color-primary); text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:1180px; margin:0 auto; padding:0 20px}
.grid{display:grid; gap:22px}
.btn{
  display:inline-block; padding:14px 20px; border-radius:var(--radius-lg);
  background:var(--color-primary); color:#fff; font-weight:700; border:0; box-shadow:var(--shadow);
}
.btn.secondary{background:#111827}
.btn.ghost{background:transparent; border:2px solid var(--color-primary); color:var(--color-primary)}

.header{
  position:sticky; top:0; z-index:5; background:rgba(255,255,255,.82); backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid #e5e7eb;
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.logo{display:flex; align-items:center; gap:12px; font-weight:900; font-size:20px}
.nav a{margin-left:18px; font-weight:600; color:#111827}

.hero{
  background: radial-gradient(1000px 500px at 80% -10%, rgba(11,95,255,.15), transparent), 
              linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  border-bottom:1px solid #eef2ff;
}
.hero-inner{padding:60px 0 34px}
.kicker{color:var(--color-primary); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:12px}
.hero h1{font-size:44px; line-height:1.1; margin:10px 0 18px; letter-spacing:-.02em}
.hero p.lead{font-size:18px; color:#374151; max-width:760px}

.badges{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px}
.badge{background:#0b0d12; color:#fff; padding:8px 12px; border-radius:999px; font-size:12px}

.section{padding:48px 0}
.section.dark{background:var(--color-dark); color:#cbd5e1}
.section.grey{background:var(--color-grey)}
.section h2{font-size:32px; margin:0 0 18px}
.card{
  background:#fff; border:1px solid #e5e7eb; border-radius:var(--radius-xl); padding:22px; box-shadow:var(--shadow)
}
.card.dark{background:#0f172a; border-color:#1f2937; color:#cbd5e1}
.icon{width:36px;height:36px;border-radius:10px;background:var(--color-primary); display:inline-flex; align-items:center; justify-content:center; color:#fff; font-weight:800}

.faq dt{font-weight:800; margin:18px 0 8px; font-size:18px}
.faq dd{margin:0 0 14px}

.footer{padding:36px 0; color:#9ca3af; background:#0b0d12; border-top:1px solid #111827}
.footer a{color:#cbd5e1}
.small{font-size:12px; color:#6b7280}

.table{width:100%; border-collapse:collapse; font-size:14px}
.table th,.table td{padding:10px 12px; border-bottom:1px solid #e5e7eb; text-align:left}

@media (min-width: 900px){
  .hero h1{font-size:56px}
}