:root {
  --seo-blue: #2563EB;
  --seo-blue-dark: #1E40AF;
  --seo-green: #10B981;
  --seo-green-dark: #047857;
  --seo-navy: #0F172A;
  --seo-text: #334155;
  --seo-muted: #64748B;
  --seo-light: #F8FAFC;
  --seo-blue-soft: #EFF6FF;
  --seo-green-soft: #ECFDF5;
  --seo-border: #E2E8F0;
  --seo-white: #FFFFFF;
}

.seo-section { padding: 96px 24px; }
.seo-section-compact { padding: 72px 24px; }
.seo-container { max-width: 1200px; margin-left: auto; margin-right: auto; }
.seo-center { text-align: center; }
.seo-narrow { max-width: 760px; margin-left: auto; margin-right: auto; }
.seo-card { background: #fff; border: 1px solid var(--seo-border); border-radius: 24px; box-shadow: 0 18px 45px rgba(15,23,42,.06); }
.seo-card-soft { background: #fff; border: 1px solid var(--seo-border); border-radius: 20px; box-shadow: 0 12px 30px rgba(15,23,42,.05); }
.seo-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: var(--seo-blue-soft); color: var(--seo-blue); font-size: 13px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.seo-gradient-text { color: var(--seo-green); }
.seo-muted { color: var(--seo-muted); }
.seo-hero-bg { background: radial-gradient(circle at 82% 18%, rgba(37,99,235,.13), transparent 34%), radial-gradient(circle at 20% 75%, rgba(16,185,129,.10), transparent 30%), linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 72%); }
.seo-soft-blue-bg { background: linear-gradient(180deg, #EFF6FF 0%, #FFFFFF 100%); }
.seo-soft-green-bg { background: linear-gradient(180deg, #ECFDF5 0%, #FFFFFF 100%); }
.seo-button-primary .wp-block-button__link { background: var(--seo-blue)!important; color:#fff!important; border-radius:12px!important; padding:15px 24px!important; font-weight:800!important; box-shadow:0 14px 30px rgba(37,99,235,.22); }
.seo-button-primary .wp-block-button__link:hover { background: var(--seo-blue-dark)!important; transform: translateY(-1px); }
.seo-button-green .wp-block-button__link { background: var(--seo-green)!important; color:#fff!important; border-radius:12px!important; padding:15px 24px!important; font-weight:800!important; box-shadow:0 14px 30px rgba(16,185,129,.22); }
.seo-button-secondary .wp-block-button__link { background:#fff!important; color:var(--seo-blue)!important; border:1px solid #BFDBFE!important; border-radius:12px!important; padding:14px 22px!important; font-weight:800!important; }
.seo-home-hero { overflow:hidden; }
.seo-hero-inner { display:flex; align-items:center; justify-content:space-between; gap:56px; }
.seo-hero-copy { flex:0 1 52%; }
.seo-hero-visual { flex:0 1 48%; }
.seo-home-hero h1 { letter-spacing:-.04em; }
.seo-trust-badges { display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:28px; }
.seo-trust-badges span { display:inline-flex; align-items:center; gap:8px; color:var(--seo-text); font-size:14px; font-weight:700; }
.seo-trust-badges span::before { content:"✓"; width:20px; height:20px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:var(--seo-green-soft); color:var(--seo-green); font-size:13px; font-weight:900; }
.seo-dashboard-card { position:relative; padding:28px; }
.seo-dashboard-card::before { content:""; position:absolute; inset:-1px; border-radius:24px; background:linear-gradient(135deg,rgba(37,99,235,.20),rgba(16,185,129,.18)); z-index:-1; transform:translate(12px,12px); filter:blur(18px); opacity:.65; }
.seo-dashboard-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.seo-dashboard-head strong { color:var(--seo-navy); font-size:15px; }
.seo-dashboard-period { font-size:12px; color:var(--seo-muted); background:var(--seo-light); border:1px solid var(--seo-border); border-radius:999px; padding:6px 10px; }
.seo-dashboard-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
.seo-kpi { padding:18px; border-radius:18px; background:#fff; border:1px solid var(--seo-border); }
.seo-kpi span,.seo-kpi em{display:block}.seo-kpi span{color:var(--seo-muted);font-size:12px;font-weight:800;margin-bottom:8px}.seo-kpi strong{display:block;color:var(--seo-navy);font-size:22px;line-height:1;margin-bottom:8px}.seo-kpi em{color:var(--seo-green);font-size:12px;font-style:normal;font-weight:900}
.seo-chart-mock { position:relative; height:230px; border-radius:20px; background:linear-gradient(180deg,#F8FAFC 0%,#EFF6FF 100%); border:1px solid var(--seo-border); overflow:hidden; margin-bottom:18px; }
.seo-chart-title { position:absolute; top:16px; left:18px; z-index:3; color:var(--seo-navy); font-weight:900; font-size:13px; }
.seo-chart-grid-lines { position:absolute; inset:48px 18px 28px 18px; background-image:linear-gradient(to bottom,rgba(148,163,184,.22) 1px, transparent 1px); background-size:100% 38px; }
.seo-chart-svg { position:absolute; left:26px; right:26px; bottom:34px; width:calc(100% - 52px); height:150px; z-index:2; }
.seo-chart-bars { position:absolute; left:28px; right:28px; bottom:24px; height:120px; display:flex; align-items:end; justify-content:space-between; z-index:1; }
.seo-chart-bars span { width:11%; border-radius:10px 10px 0 0; background:linear-gradient(180deg,rgba(16,185,129,.45),rgba(191,219,254,.55)); }
.seo-dashboard-bottom { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.seo-mini-panel { border:1px solid var(--seo-border); border-radius:18px; background:#fff; padding:18px; }
.seo-mini-panel strong { display:block; color:var(--seo-navy); font-size:14px; margin-bottom:12px; }
.seo-mini-panel ul { list-style:none; padding:0; margin:0; display:grid; gap:7px; }
.seo-mini-panel li { color:var(--seo-muted); font-size:13px; display:flex; align-items:center; gap:8px; }
.seo-mini-panel li span { width:9px; height:9px; border-radius:999px; background:var(--seo-green); }
.seo-score-panel { text-align:center; background:linear-gradient(180deg,#ECFDF5,#fff); }
.seo-score { color:var(--seo-green-dark); font-size:44px; font-weight:900; line-height:1; }
.seo-score small { color:var(--seo-muted); font-size:16px; font-weight:800; }
.seo-score-panel p { margin:8px 0 0; color:var(--seo-muted); font-size:13px; }
.seo-problem-grid,.seo-approach-grid,.seo-services-grid,.seo-benefits-grid { display:grid; gap:24px; }
.seo-problem-grid { grid-template-columns:repeat(5,1fr); gap:18px; }
.seo-approach-grid { grid-template-columns:repeat(3,1fr); }
.seo-services-grid { grid-template-columns:repeat(3,1fr); }
.seo-benefits-grid { grid-template-columns:repeat(5,1fr); gap:18px; }
.seo-problem-card,.seo-service-card,.seo-approach-card,.seo-benefit-card,.seo-step-card { padding:26px; height:100%; transition:transform .2s ease,box-shadow .2s ease; }
.seo-problem-card:hover,.seo-service-card:hover { transform:translateY(-4px); box-shadow:0 18px 42px rgba(15,23,42,.08); }
.seo-service-card a { font-weight:800; color:var(--seo-blue); text-decoration:none; }
.seo-icon-circle { width:52px; height:52px; border-radius:16px; display:inline-flex; align-items:center; justify-content:center; background:var(--seo-blue-soft); color:var(--seo-blue); font-weight:900; margin-bottom:18px; }
.seo-method-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.seo-step-card { text-align:center; }
.seo-step-number { width:42px; height:42px; border-radius:999px; background:var(--seo-blue); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:900; margin-bottom:14px; }
.seo-trust-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:34px; align-items:center; }
.seo-stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px; }
.seo-stat strong { display:block; font-size:38px; color:var(--seo-blue); line-height:1; margin-bottom:8px; }
.seo-testimonial-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.seo-testimonial-card { padding:26px; }
.seo-testimonial-card blockquote { margin:0 0 18px; color:var(--seo-text); font-size:17px; line-height:1.6; }
.seo-form-layout { display:grid; grid-template-columns:1.35fr .75fr; gap:28px; align-items:start; }
.seo-form-box { padding:42px; }
.seo-form-placeholder { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px; }
.seo-form-placeholder label { display:grid; gap:7px; color:var(--seo-navy); font-size:14px; font-weight:800; }
.seo-form-placeholder input,.seo-form-placeholder textarea,.seo-form-placeholder select { border-radius:12px!important; border:1px solid #CBD5E1!important; padding:13px 14px!important; font-size:15px!important; width:100%; box-sizing:border-box; }
.seo-form-placeholder .full { grid-column:1/-1; }
.seo-submit-mock { width:100%; background:var(--seo-green); color:#fff; border:none; border-radius:12px; padding:16px 24px; font-size:16px; font-weight:900; box-shadow:0 14px 30px rgba(16,185,129,.22); }
.seo-form-box .ff-btn-submit,.seo-form-box input[type="submit"],.seo-form-box button[type="submit"] { width:100%; background:var(--seo-green)!important; color:#fff!important; border:none!important; border-radius:12px!important; padding:16px 24px!important; font-size:16px!important; font-weight:900!important; box-shadow:0 14px 30px rgba(16,185,129,.22); }
.seo-reassurance { padding:30px; }
.seo-check-list { list-style:none; padding:0; margin:18px 0 0; display:grid; gap:14px; }
.seo-check-list li { position:relative; padding-left:30px; color:var(--seo-text); }
.seo-check-list li::before { content:"✓"; position:absolute; left:0; top:0; width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--seo-green-soft); color:var(--seo-green); font-weight:900; }
.seo-faq-list { max-width:900px; margin:32px auto 0; display:grid; gap:14px; }
.seo-faq-item { padding:22px 24px; }
.seo-faq-item summary { cursor:pointer; font-weight:900; color:var(--seo-navy); }
.seo-faq-item p { color:var(--seo-text); margin-bottom:0; }
.seo-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:34px; }
.seo-footer-grid ul { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.seo-footer-grid a { color:var(--seo-text); text-decoration:none; }
.seo-footer-cta { padding:24px; background:#fff; border-radius:20px; border:1px solid var(--seo-border); }
@media (max-width: 1024px){.seo-problem-grid,.seo-benefits-grid{grid-template-columns:repeat(2,1fr)}.seo-services-grid{grid-template-columns:repeat(2,1fr)}.seo-method-grid{grid-template-columns:repeat(2,1fr)}.seo-trust-layout,.seo-form-layout{grid-template-columns:1fr}.seo-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 921px){.seo-section{padding:72px 20px}.seo-section-compact{padding:56px 20px}.seo-hero-inner{flex-direction:column;align-items:stretch;gap:44px}.seo-hero-copy,.seo-hero-visual{flex:1 1 auto;width:100%}.seo-dashboard-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 767px){.seo-approach-grid,.seo-services-grid,.seo-problem-grid,.seo-benefits-grid,.seo-method-grid,.seo-testimonial-grid,.seo-stats-grid,.seo-footer-grid{grid-template-columns:1fr}.seo-form-placeholder{grid-template-columns:1fr}.seo-section{padding:56px 18px}.seo-card,.seo-card-soft{border-radius:18px}.seo-dashboard-card,.seo-form-box{padding:20px}.seo-home-hero .wp-block-buttons,.seo-home-hero .wp-block-button,.seo-home-hero .wp-block-button__link{width:100%;text-align:center}.seo-dashboard-bottom{grid-template-columns:1fr}}