/* Палитры услуг: градиент + тематический узор. Общие для первых экранов услуг (service-art.css) и блока «Наши услуги» на главной (services-nav.css). */
.sbg--dev { --sbg-grad: radial-gradient(80% 90% at 85% 30%, rgba(12,174,184,.42), transparent 60%), linear-gradient(120deg, #050B1F 0%, #0A1A3A 55%, #06303D 100%); --sbg-glow: rgba(12,174,184,.35);
  --sbg-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='140'%3E%3Cg fill='%23fff' fill-opacity='.06'%3E%3Crect x='10' y='14' width='44' height='6' rx='3'/%3E%3Crect x='62' y='14' width='70' height='6' rx='3'/%3E%3Crect x='30' y='34' width='96' height='6' rx='3'/%3E%3Crect x='30' y='54' width='52' height='6' rx='3'/%3E%3Crect x='90' y='54' width='40' height='6' rx='3'/%3E%3Crect x='50' y='74' width='110' height='6' rx='3'/%3E%3Crect x='30' y='94' width='64' height='6' rx='3'/%3E%3Crect x='10' y='114' width='38' height='6' rx='3'/%3E%3C/g%3E%3C/svg%3E"); --sbg-size: 220px auto; }
.sbg--copy { --sbg-grad: radial-gradient(70% 80% at 85% 25%, rgba(255,185,72,.28), transparent 60%), linear-gradient(120deg, #120A24 0%, #2A1240 55%, #3B1D3A 100%); --sbg-glow: rgba(255,185,72,.25);
  --sbg-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='200'%3E%3Cg fill='%23fff' fill-opacity='.05' font-family='Georgia,serif'%3E%3Ctext x='8' y='70' font-size='72'%3EАа%3C/text%3E%3Ctext x='140' y='170' font-size='56'%3E%C2%B6%3C/text%3E%3Ctext x='150' y='60' font-size='40'%3E%C2%AB%C2%BB%3C/text%3E%3C/g%3E%3C/svg%3E"); --sbg-size: 240px auto; }
.sbg--design { --sbg-grad: radial-gradient(70% 80% at 85% 30%, rgba(255,111,216,.32), transparent 60%), linear-gradient(120deg, #0D0826 0%, #23104A 55%, #3A0F4A 100%); --sbg-glow: rgba(255,111,216,.28);
  --sbg-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='240'%3E%3Cg fill='%23fff' fill-opacity='.09'%3E%3Ccircle cx='20' cy='20' r='1.5'/%3E%3Ccircle cx='60' cy='20' r='1.5'/%3E%3Ccircle cx='100' cy='20' r='1.5'/%3E%3Ccircle cx='140' cy='20' r='1.5'/%3E%3Ccircle cx='180' cy='20' r='1.5'/%3E%3Ccircle cx='220' cy='20' r='1.5'/%3E%3Ccircle cx='260' cy='20' r='1.5'/%3E%3Ccircle cx='300' cy='20' r='1.5'/%3E%3Ccircle cx='20' cy='100' r='1.5'/%3E%3Ccircle cx='100' cy='100' r='1.5'/%3E%3Ccircle cx='180' cy='100' r='1.5'/%3E%3Ccircle cx='260' cy='100' r='1.5'/%3E%3Ccircle cx='20' cy='180' r='1.5'/%3E%3Ccircle cx='100' cy='180' r='1.5'/%3E%3Ccircle cx='180' cy='180' r='1.5'/%3E%3Ccircle cx='260' cy='180' r='1.5'/%3E%3C/g%3E%3Cpath d='M30 200 C 110 60, 200 230, 300 70' fill='none' stroke='%23fff' stroke-opacity='.12' stroke-width='1.5'/%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.18'%3E%3Crect x='26' y='196' width='8' height='8'/%3E%3Crect x='296' y='66' width='8' height='8'/%3E%3C/g%3E%3C/svg%3E"); --sbg-size: 320px auto; }
.sbg--ads { --sbg-grad: radial-gradient(70% 80% at 85% 30%, rgba(255,185,72,.3), transparent 60%), linear-gradient(120deg, #06102A 0%, #0C2457 55%, #1B2A6B 100%); --sbg-glow: rgba(255,204,0,.22);
  --sbg-pat: repeating-radial-gradient(circle at 82% 38%, rgba(255,255,255,.07) 0 1px, transparent 1px 46px); --sbg-size: 100% 100%; }
.sbg--smm { --sbg-grad: radial-gradient(70% 80% at 85% 30%, rgba(255,92,138,.34), transparent 60%), linear-gradient(120deg, #140726 0%, #3A0E4F 55%, #5A1048 100%); --sbg-glow: rgba(255,92,138,.3);
  --sbg-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='220'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='2'%3E%3Cpath d='M50 70s-22-14-22-32a12 12 0 0 1 22-7 12 12 0 0 1 22 7c0 18-22 32-22 32z'/%3E%3Cpath d='M160 120h60a10 10 0 0 1 10 10v30a10 10 0 0 1-10 10h-34l-16 14v-14h-10a10 10 0 0 1-10-10v-30a10 10 0 0 1 10-10z'/%3E%3Ccircle cx='70' cy='170' r='16'/%3E%3C/g%3E%3C/svg%3E"); --sbg-size: 260px auto; }
.sbg--aso { --sbg-grad: radial-gradient(70% 80% at 85% 30%, rgba(91,245,160,.24), transparent 60%), linear-gradient(120deg, #041A1E 0%, #0B2B3A 55%, #14214F 100%); --sbg-glow: rgba(91,245,160,.24);
  --sbg-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Crect x='24' y='24' width='72' height='72' rx='20' fill='none' stroke='%23fff' stroke-opacity='.045' stroke-width='2'/%3E%3C/svg%3E"); --sbg-size: 120px auto; }
.sbg--mail { --sbg-grad: radial-gradient(70% 80% at 85% 30%, rgba(74,167,247,.36), transparent 60%), linear-gradient(120deg, #050D24 0%, #0B2350 55%, #0A3B5C 100%); --sbg-glow: rgba(74,167,247,.3);
  --sbg-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='200'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.08' stroke-width='2'%3E%3Crect x='20' y='30' width='70' height='48' rx='8'/%3E%3Cpath d='M24 36l31 22 31-22'/%3E%3Cpath d='M180 120l8 16 18 3-13 12 3 18-16-8-16 8 3-18-13-12 18-3z'/%3E%3C/g%3E%3C/svg%3E"); --sbg-size: 260px auto; }
.sbg--land { --sbg-grad: radial-gradient(70% 80% at 85% 30%, rgba(146,113,247,.4), transparent 60%), linear-gradient(120deg, #0A0A2A 0%, #1E1356 55%, #0B3550 100%); --sbg-glow: rgba(12,174,184,.3);
  --sbg-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='220'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.07' stroke-width='1.5'%3E%3Crect x='20' y='20' width='240' height='180' rx='10'/%3E%3Cpath d='M20 44h240'/%3E%3Crect x='40' y='64' width='120' height='12' rx='4'/%3E%3Crect x='40' y='84' width='90' height='8' rx='4'/%3E%3Crect x='40' y='104' width='60' height='18' rx='9'/%3E%3Crect x='40' y='140' width='60' height='40' rx='6'/%3E%3Crect x='110' y='140' width='60' height='40' rx='6'/%3E%3Crect x='180' y='140' width='60' height='40' rx='6'/%3E%3C/g%3E%3C/svg%3E"); --sbg-size: 280px auto; }
.sbg--market { --sbg-grad: radial-gradient(70% 90% at 84% 30%, rgba(255,177,66,.4), transparent 60%), linear-gradient(120deg, #160B17 0%, #401527 52%, #5B2B16 100%); --sbg-glow: rgba(255,139,66,.34);
  --sbg-pat: repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 46px); --sbg-size: 100% 100%; }
.sbg--bot { --sbg-grad: radial-gradient(70% 85% at 84% 28%, rgba(42,171,238,.42), transparent 60%), linear-gradient(120deg, #040D1B 0%, #082845 55%, #13577A 100%); --sbg-glow: rgba(42,171,238,.35);
  --sbg-pat: radial-gradient(circle at center, transparent 0 18px, rgba(255,255,255,.055) 19px 20px, transparent 21px); --sbg-size: 92px 92px; }

.sbg--seo { --sbg-grad: radial-gradient(70% 80% at 85% 25%, rgba(91,245,160,.28), transparent 60%), linear-gradient(120deg, #04161A 0%, #0A2A2A 55%, #0B2F45 100%); --sbg-glow: rgba(91,245,160,.25);
  --sbg-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160'%3E%3Cpath d='M0 140 C 60 135, 90 110, 130 90 S 200 40, 240 20' fill='none' stroke='%23fff' stroke-opacity='.08' stroke-width='2'/%3E%3Cg fill='%23fff' fill-opacity='.06'%3E%3Crect x='20' y='120' width='14' height='30' rx='3'/%3E%3Crect x='44' y='108' width='14' height='42' rx='3'/%3E%3Crect x='68' y='96' width='14' height='54' rx='3'/%3E%3C/g%3E%3C/svg%3E"); --sbg-size: 240px auto; }
.sbg--geo { --sbg-grad: radial-gradient(70% 80% at 85% 25%, rgba(12,174,184,.4), transparent 60%), linear-gradient(120deg, #0F0A33 0%, #2A1670 55%, #0C4A63 100%); --sbg-glow: rgba(146,113,247,.35);
  --sbg-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.08' stroke-width='1.5'%3E%3Ccircle cx='100' cy='100' r='40'/%3E%3Ccircle cx='100' cy='100' r='80' stroke-dasharray='4 6'/%3E%3C/g%3E%3C/svg%3E"); --sbg-size: 200px auto; }