
.seo-hero{background:radial-gradient(circle at 76% 34%,rgba(187,88,255,.24),transparent 28%),linear-gradient(135deg,#120920,#24103b 58%,#35144d);color:#fff;padding-bottom:72px}
.seo-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding:58px 0 22px}
.seo-grid h1{font-size:57px;line-height:1.01;margin:14px 0 20px;max-width:790px}.seo-grid p{font-size:18px;line-height:1.65;color:#d9cee2;max-width:720px}
.search-panel{min-height:390px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25);position:relative;overflow:hidden}
.search-panel:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(213,75,238,.25),transparent 68%);right:-60px;top:-60px}
.search-query{position:relative;background:#fff;color:#2f2138;border-radius:16px;padding:16px 18px;font-weight:800;margin-bottom:16px}
.search-result{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:16px;margin:10px 0;background:rgba(255,255,255,.06)}
.search-result b{display:block;color:#fff;margin-bottom:6px}.search-result span{color:#bfb3c8;font-size:13px;line-height:1.45}
.pillars,.seo-services,.seo-method,.seo-faq{padding:88px 0}.pillars{background:#fff}.section-split{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:38px}.section-split h2{font-size:46px;line-height:1.05;margin:7px 0}.section-split p{color:#75677f;line-height:1.65}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pillar-card{border:1px solid #eadff0;background:#fbf9fc;border-radius:22px;padding:26px}.pillar-card h3{font-size:21px;margin:0 0 9px}.pillar-card p{color:#776a7e;line-height:1.55;font-size:14px}
.seo-services{background:#f7f3fa}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.seo-service-card{background:#fff;border:1px solid #e9ddeb;border-radius:20px;padding:22px}.seo-service-card h3{font-size:18px;margin:0 0 8px}.seo-service-card p{font-size:14px;color:#776a7f;line-height:1.55}
.seo-method{background:#1a0c2b;color:#fff}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.method-card{border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;background:rgba(255,255,255,.05)}.method-card b{color:#dfa7ff}.method-card p{color:#cfc3d8;line-height:1.55;font-size:14px}
.audit-seo{padding:88px 0;background:#fff}.audit-seo-card{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center;border:1px solid #eadff0;border-radius:28px;padding:40px;background:linear-gradient(145deg,#fff,#faf6fc)}.audit-seo-card h2{font-size:42px;margin:6px 0 12px}.audit-seo-card p{color:#76687e;line-height:1.6}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{padding:12px 14px;border-radius:14px;background:#f3e8f8;color:#553764;font-size:13px;font-weight:750}.check:before{content:"✓";margin-right:7px;color:#9b3fca}
.seo-geo{padding:0 0 88px;background:#fff}.seo-geo-card{border-radius:28px;padding:40px 44px;background:linear-gradient(120deg,#171027,#4b1a63);color:#fff;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.seo-geo-card h2{font-size:34px;margin:5px 0 10px}.seo-geo-card p{color:#d8cde0;max-width:760px}
.hosting-mini{padding:0 0 88px;background:#fff}.hosting-mini-card{border-radius:28px;padding:36px 42px;background:linear-gradient(120deg,#170a29,#42165d);color:#fff;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.hosting-mini-card h2{font-size:32px;margin:4px 0 10px}.hosting-mini-card p{color:#d9cde2;max-width:750px}.off{font-size:42px;font-weight:900;background:linear-gradient(90deg,#b66cff,#f15bd7);-webkit-background-clip:text;color:transparent}
@media(max-width:900px){.seo-grid,.section-split,.audit-seo-card{grid-template-columns:1fr}.seo-grid h1{font-size:44px}.pillar-grid,.service-grid,.method-grid{grid-template-columns:1fr 1fr}.seo-geo-card,.hosting-mini-card{grid-template-columns:1fr}.seo-grid{gap:30px}}
@media(max-width:560px){.seo-grid h1{font-size:38px}.pillar-grid,.service-grid,.method-grid,.checklist{grid-template-columns:1fr}.section-split h2,.audit-seo-card h2{font-size:36px}.search-panel{min-height:330px}.seo-geo-card,.hosting-mini-card{padding:28px 24px}}


