.seo-page{font-family:-apple-system,BlinkMacSystemFont,’Segoe UI’,sans-serif;color:#1a1a2e;line-height:1.65;max-width:860px;margin:0 auto;padding:32px 24px 64px}
.seo-page h1{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px;color:#0a0a1a}
.seo-page h2{font-size:clamp(20px,2.8vw,28px);font-weight:800;letter-spacing:-.02em;margin:48px 0 16px;color:#0a0a1a}
.seo-page h3{font-size:18px;font-weight:700;margin:32px 0 10px}
.seo-page p{margin-bottom:16px;font-size:16px;color:#333}
.seo-page ul,.seo-page ol{margin:12px 0 24px 20px}
.seo-page li{margin-bottom:8px;font-size:16px;color:#333}
.seo-hero{background:linear-gradient(135deg,#080B18 0%,#0F1226 100%);color:#fff;padding:64px 40px;border-radius:16px;margin-bottom:48px;position:relative;overflow:hidden}
.seo-hero::before{content:»;position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(91,110,245,.25) 0%,transparent 70%);top:-100px;right:-60px;border-radius:50%}
.seo-hero h1{color:#fff;font-size:clamp(28px,5vw,48px)}
.seo-hero p{color:rgba(255,255,255,.72);font-size:17px;max-width:560px;margin-bottom:0}
.seo-badge{display:inline-block;background:rgba(91,110,245,.15);border:1px solid rgba(91,110,245,.3);color:#8B9FFF;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:20px}
.seo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden;margin-top:36px}
.seo-stat{background:rgba(255,255,255,.05);padding:18px 20px;text-align:center}
.seo-stat-n{font-size:26px;font-weight:900;color:#fff;display:block}
.seo-stat-l{font-size:12px;color:rgba(255,255,255,.5);margin-top:2px}
.seo-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:32px 0}
.seo-card{border:1px solid #e2e4f0;border-radius:12px;padding:28px 24px;transition:border-color .2s,box-shadow .2s}
.seo-card:hover{border-color:#5B6EF5;box-shadow:0 4px 24px rgba(91,110,245,.1)}
.seo-card h3{margin:0 0 10px;font-size:17px}
.seo-card p{margin:0 0 16px;font-size:14px;color:#666}
.seo-price{font-size:20px;font-weight:900;color:#5B6EF5}
.seo-time{font-size:12px;color:#999;margin-top:4px}
.seo-steps{counter-reset:steps;display:flex;flex-direction:column;gap:0}
.seo-step{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #f0f0f0}
.seo-step:last-child{border-bottom:none}
.seo-step-num{counter-increment:steps;flex-shrink:0;width:40px;height:40px;background:#5B6EF5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:15px}
.seo-step-num::before{content:counter(steps)}
.seo-step-body h3{margin:0 0 6px;font-size:16px}
.seo-step-body p{margin:0;font-size:14px;color:#666}
.seo-faq{margin:0}
.seo-faq-item{border-bottom:1px solid #e8eaf0;padding:20px 0}
.seo-faq-item:last-child{border-bottom:none}
.seo-faq-q{font-size:16px;font-weight:700;color:#0a0a1a;margin-bottom:8px}
.seo-faq-a{font-size:15px;color:#555;line-height:1.65}
.seo-cta{background:linear-gradient(135deg,#5B6EF5 0%,#7B5CF5 100%);color:#fff;padding:48px 40px;border-radius:16px;text-align:center;margin-top:56px}
.seo-cta h2{color:#fff;margin:0 0 12px;font-size:clamp(22px,3vw,32px)}
.seo-cta p{color:rgba(255,255,255,.8);margin-bottom:28px;font-size:16px}
.seo-cta a{display:inline-block;background:#fff;color:#5B6EF5;padding:14px 36px;border-radius:8px;font-weight:800;font-size:16px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.seo-cta a:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.2)}
.seo-links{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0}
.seo-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #dde1f5;border-radius:20px;font-size:13px;color:#5B6EF5;text-decoration:none;transition:background .2s}
.seo-links a:hover{background:#f0f2ff}
@media(max-width:600px){.seo-stats{grid-template-columns:1fr 1fr}.seo-services{grid-template-columns:1fr}.seo-hero{padding:40px 24px}}

{«@context»: «https://schema.org», «@type»: «LocalBusiness», «name»: «Granula Studio», «description»: «Разработка лендингов в Москве под ключ. Средний рост конверсии +38%. Срок 2–3 недели, фиксированная цена.», «url»: «https://granulastudio.ru», «email»: «granulastudio@gmail.com», «address»: {«@type»: «PostalAddress», «addressLocality»: «Москва», «addressCountry»: «RU»}, «areaServed»: {«@type»: «City», «name»: «Москва»}, «hasOfferCatalog»: {«@type»: «OfferCatalog», «name»: «Заказать лендинг в Москве», «itemListElement»: [{«@type»: «Offer», «itemOffered»: {«@type»: «Service», «name»: «Заказать лендинг в Москве», «description»: «Разработка лендингов в Москве под ключ. Средний рост конверсии +38%. Срок 2–3 недели, фиксированная цена.»}, «priceSpecification»: {«@type»: «PriceSpecification», «price»: «50000», «priceCurrency»: «RUB», «minPrice»: «50000»}}]}, «aggregateRating»: {«@type»: «AggregateRating», «ratingValue»: «4.9», «reviewCount»: «47»}}
{«@context»: «https://schema.org», «@type»: «FAQPage», «mainEntity»: [{«@type»: «Question», «name»: «Сколько стоит заказать лендинг в Москве?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Лендинг «Старт» — от 50 000 ₽, «Бизнес» — от 90 000 ₽, кастомный — от 140 000 ₽. Точный расчёт бесплатно.»}}, {«@type»: «Question», «name»: «Что отличает хороший лендинг от плохого?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Хороший лендинг решает одну задачу: конвертирует посетителя в лид. Для этого нужны: правильная структура (оффер → проблема → решение → доверие → CTA), скорость загрузки и понятный заголовок.»}}, {«@type»: «Question», «name»: «Сколько времени занимает разработка лендинга?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Стандартный лендинг — 2–3 недели. Срок фиксируем в договоре.»}}, {«@type»: «Question», «name»: «Вы делаете A/B-тестирование?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Да, для тарифа «Бизнес» и выше. Тестируем заголовки, CTA и компоновку секций.»}}, {«@type»: «Question», «name»: «Нужен ли мне текст для лендинга?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Не обязательно. Мы пишем продающий текст на основе вашего брифинга. Это включено в тариф или рассчитывается отдельно.»}}, {«@type»: «Question», «name»: «Какую конверсию мне ожидать после запуска?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Зависит от ниши и трафика. По нашему портфолио средний рост конверсии после замены старого сайта на наш лендинг — +38%.»}}]}