.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»: «Разработка интернет-магазинов в Москве под ключ. Каталог, корзина, оплата, интеграции. От 250 000 ₽.», «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»: «Разработка интернет-магазинов в Москве под ключ. Каталог, корзина, оплата, интеграции. От 250 000 ₽.»}, «priceSpecification»: {«@type»: «PriceSpecification», «price»: «250000», «priceCurrency»: «RUB», «minPrice»: «250000»}}]}, «aggregateRating»: {«@type»: «AggregateRating», «ratingValue»: «4.9», «reviewCount»: «47»}}
{«@context»: «https://schema.org», «@type»: «FAQPage», «mainEntity»: [{«@type»: «Question», «name»: «Сколько стоит интернет-магазин в Москве?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Магазин «Старт» до 500 товаров — от 250 000 ₽, «Бизнес» до 5 000 SKU — от 400 000 ₽, B2B/маркетплейс — от 600 000 ₽.»}}, {«@type»: «Question», «name»: «Какую платформу вы используете для интернет-магазина?», «acceptedAnswer»: {«@type»: «Answer», «text»: «WordPress + WooCommerce для большинства проектов. Для сложных B2B-систем — кастомная разработка или 1С-Битрикс.»}}, {«@type»: «Question», «name»: «Как подключить онлайн-оплату?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Интегрируем ЮКасса (Яндекс Касса), Тинькофф, Сбербанк Онлайн, CloudPayments. Подключение входит в стоимость разработки.»}}, {«@type»: «Question», «name»: «Можно ли интегрировать магазин с 1С?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Да. Синхронизируем остатки, цены и заказы с 1С или МойСклад. Стоимость интеграции рассчитывается отдельно.»}}, {«@type»: «Question», «name»: «Нужен ли мне интернет-магазин или достаточно лендинга?», «acceptedAnswer»: {«@type»: «Answer», «text»: «Если товаров более 20–30, нужен каталог с фильтрами и корзина — это интернет-магазин. Для одного продукта/услуги достаточно лендинга.»}}, {«@type»: «Question», «name»: «Как продвигать интернет-магазин после запуска?», «acceptedAnswer»: {«@type»: «Answer», «text»: «SEO-оптимизация в процессе разработки создаёт хорошую базу. Далее: контекстная реклама Яндекс.Директ, SEO-продвижение карточек товаров, Яндекс.Маркет.»}}]}