:root{
    --ink:#111015; --paper:#F3EEFF;
    --purple:#7C5CFF; --lime:#C7F53B; --yellow:#FFD23B; --pink:#FF77C4; --cyan:#38E0D8; --coral:#FF6B57;
    --border:3px solid var(--ink);
    --shadow:6px 6px 0 var(--ink);
    --shadow-lg:9px 9px 0 var(--ink);
    --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    --container:1160px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;scroll-padding-top:104px}
  body{font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.5;
       -webkit-font-smoothing:antialiased;overflow-x:hidden;
       background-image:radial-gradient(var(--ink) 1.3px,transparent 1.3px);
       background-size:26px 26px;background-position:-6px -6px;}
  a{color:inherit;text-decoration:none}
  .container{max-width:var(--container);margin:0 auto;padding:0 24px}
  .stroke{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}
  /* цветные выделения: короткие — не переносим, плашка уезжает целиком */
  .hero p.lead b, .rb-txt p b, .cb-txt p b, .sc-txt p b,
  .hero h1 .hl, .hero h1 .hl2, .contacts h2 .hl, .wholesale h2 .wl-price{white-space:nowrap}
  /* длинные выделения: при переносе рисуем цельную плашку на каждой строке, без разрыва */
  .wholesale p b, .sb-txt p b, .svc-note b{-webkit-box-decoration-break:clone;box-decoration-break:clone}

  /* ---- buttons ---- */
  .btn{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:16px;
       padding:14px 24px;border:var(--border);border-radius:14px;cursor:pointer;
       box-shadow:var(--shadow);transition:transform .08s,box-shadow .08s;background:#fff;color:var(--ink)}
  .btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}
  .btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
  .btn-purple{background:var(--purple);color:#fff}
  .btn-lime{background:var(--lime)}
  .btn-white{background:#fff}
  .btn-cyan{background:var(--cyan)}
  .btn-ink{background:var(--ink);color:#fff}
  .btn-sm{padding:11px 18px;font-size:14.5px}

  /* ---- section heads ---- */
  .section{padding:88px 0}
  .head{max-width:740px;margin:0 auto 50px;text-align:center}
  .eyebrow{display:inline-block;font-weight:900;font-size:14px;background:var(--purple);color:#fff;
           border:var(--border);border-radius:999px;padding:6px 16px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-1.5deg)}
  .head h2{font-size:clamp(30px,4.6vw,48px);font-weight:900;letter-spacing:-.03em;margin-top:20px;line-height:1.02}
  .head p{font-weight:600;margin-top:14px;font-size:16px}

  /* ---- header ---- */
  header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:var(--border)}
  header .container{display:flex;align-items:center;justify-content:space-between;height:88px}
  .logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;letter-spacing:-.02em}
  .logo .m{width:38px;height:38px;border:var(--border);border-radius:11px;background:var(--yellow);
           display:grid;place-items:center;font-weight:900;box-shadow:3px 3px 0 var(--ink)}
  .logo img{height:72px;width:auto;display:block}
  nav{display:flex;gap:8px}
  nav a{font-size:15px;font-weight:700;padding:8px 12px;border-radius:9px;border:2px solid transparent}
  nav a:hover{background:var(--yellow);border:2px solid var(--ink)}
  .hactions{display:flex;gap:12px;align-items:center}
  .burger{display:none;flex-direction:column;gap:5px;background:var(--yellow);border:var(--border);
          border-radius:10px;padding:9px 8px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
  .burger span{width:22px;height:3px;background:var(--ink);border-radius:2px;display:block}

  /* ---- hero ---- */
  .hero{position:relative;padding:66px 0 60px}
  .hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
  .kicker{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;
          background:var(--cyan);border:var(--border);border-radius:999px;padding:8px 16px;
          box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg);margin-bottom:24px}
  .hero h1{font-size:clamp(40px,6.2vw,74px);line-height:.98;letter-spacing:-.035em;font-weight:900}
  .hero h1 .hl{background:var(--yellow);border:var(--border);border-radius:12px;padding:0 12px;
               box-shadow:4px 4px 0 var(--ink);display:inline-block;transform:rotate(-1.5deg);margin:6px 0}
  .hero h1 .hl2{background:var(--pink);border:var(--border);border-radius:12px;padding:0 12px;
               box-shadow:4px 4px 0 var(--ink);display:inline-block;transform:rotate(1.5deg)}
  .hero h1 .big-line{display:block;font-size:clamp(36px,5.6vw,66px);line-height:1.04;letter-spacing:-.035em}
  .hero h1 .sub-line{display:block;font-size:clamp(18px,2.5vw,28px);line-height:1.2;margin-top:18px;letter-spacing:-.02em}
  .hero h1 .sub-line .ya{background:var(--yellow);border:2px solid var(--ink);border-radius:8px;padding:0 8px;
    box-shadow:2px 2px 0 var(--ink);display:inline-block;white-space:nowrap}
  .hero h1 .sub-line .go{background:var(--pink);border:2px solid var(--ink);border-radius:8px;padding:0 8px;
    box-shadow:2px 2px 0 var(--ink);display:inline-block;white-space:nowrap}
  .hero p.lead{font-size:19px;font-weight:600;margin:26px 0 12px;max-width:520px}
  .hero p.lead b{background:var(--lime);padding:1px 6px;border:2px solid var(--ink);border-radius:6px}
  .hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px}
  .hero-note{margin-top:18px;font-weight:600;font-size:14px}
  .hero-note .star{color:var(--purple);-webkit-text-stroke:1.5px var(--ink);font-size:18px;vertical-align:-2px}

  /* hero graphic */
  .art{position:relative;border:var(--border);border-radius:22px;background:var(--purple);
       box-shadow:var(--shadow-lg);padding:30px;overflow:hidden}
  .win{background:#fff;border:var(--border);border-radius:14px;box-shadow:4px 4px 0 var(--ink);overflow:hidden}
  .win .bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:var(--border);background:var(--yellow)}
  .win .bar i{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);display:block}
  .win .bar i:nth-child(1){background:var(--coral)}.win .bar i:nth-child(2){background:var(--lime)}
  .win .bar i:nth-child(3){background:var(--cyan)}
  .win .bar span{margin-left:auto;font-weight:800;font-size:12px}
  .chart{display:flex;align-items:flex-end;gap:12px;height:170px;padding:22px}
  .chart b{flex:1;border:var(--border);border-radius:8px 8px 3px 3px;box-shadow:3px 3px 0 var(--ink);display:block}
  .chart b:nth-child(1){height:38%;background:var(--cyan)}
  .chart b:nth-child(2){height:56%;background:var(--lime)}
  .chart b:nth-child(3){height:72%;background:var(--yellow)}
  .chart b:nth-child(4){height:88%;background:var(--pink)}
  .chart b:nth-child(5){height:100%;background:var(--coral)}
  .sticker{position:absolute;font-weight:900;font-size:56px;line-height:1}
  .st1{top:-14px;right:26px;color:var(--yellow);transform:rotate(12deg)}
  .st2{bottom:16px;left:-10px;color:var(--lime);font-size:40px;transform:rotate(-14deg)}
  .art .pill{position:absolute;right:-8px;bottom:34px;background:var(--lime);border:var(--border);
             border-radius:999px;padding:8px 16px;font-weight:900;color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(6deg)}

  /* ---- stats ---- */
  .stats{border-top:var(--border);border-bottom:var(--border);background:var(--ink)}
  .stats .container{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0 24px}
  .stat{padding:26px 24px;color:#fff;border-right:3px solid rgba(255,255,255,.14)}
  .stat:last-child{border-right:0}
  .stat b{display:block;font-size:30px;font-weight:900;letter-spacing:-.02em}
  .stat:nth-child(1) b{color:var(--yellow)}.stat:nth-child(2) b{color:var(--cyan)}
  .stat:nth-child(3) b{color:var(--lime)}.stat:nth-child(4) b{color:var(--pink)}
  .stat span{font-size:13.5px;color:#C9C6D6;font-weight:600}

  /* ---- services ---- */
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .card{border:var(--border);border-radius:20px;background:#fff;box-shadow:var(--shadow-lg);
        overflow:hidden;display:flex;flex-direction:column;transition:transform .1s,box-shadow .1s}
  .card:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--ink)}
  .card .cap{padding:20px 22px;border-bottom:var(--border);display:flex;align-items:center;justify-content:space-between}
  .card:nth-child(1) .cap{background:var(--yellow)}
  .card:nth-child(2) .cap{background:var(--cyan)}
  .card:nth-child(3) .cap{background:var(--pink)}
  .card .cap .ic{font-size:34px;font-weight:900;-webkit-text-stroke:2px var(--ink)}
  .card .cap .tg{font-weight:900;font-size:12px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:4px 10px}
  .card .body{padding:24px 22px;display:flex;flex-direction:column;flex:1}
  .card h3{font-size:22px;font-weight:900;letter-spacing:-.01em}
  .card .price{font-weight:900;font-size:16px;margin:8px 0 12px}
  .card .price em{font-style:normal;background:var(--lime);border:2px solid var(--ink);border-radius:6px;padding:1px 7px}
  .card .hook{display:inline-block;font-weight:900;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;
    background:var(--ink);color:#fff;border-radius:8px;padding:5px 11px;margin-bottom:14px;transform:rotate(-1.5deg)}
  .card .compare{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 14px}
  .card .compare .was{font-weight:800;font-size:13px;color:#8A8398;text-decoration:line-through;text-decoration-thickness:2px}
  .card .compare .now{font-weight:900;font-size:24px;letter-spacing:-.03em;background:var(--lime);
    border:var(--border);border-radius:9px;padding:2px 12px;box-shadow:3px 3px 0 var(--ink)}
  .card .compare .per{font-weight:700;font-size:12.5px;color:#5A5470;width:100%}
  .card .math{display:inline-block;font-weight:900;font-size:13px;background:var(--lime);border:2px solid var(--ink);
    border-radius:8px;padding:5px 11px;margin:0 0 16px;box-shadow:2px 2px 0 var(--ink)}
  /* оптовый блок */
  .wholesale .wl-card{background:var(--purple);border:var(--border);border-radius:24px;box-shadow:var(--shadow-lg);
    color:#fff;padding:40px;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
  .wl-badge{display:inline-block;font-weight:900;font-size:13px;background:var(--lime);color:var(--ink);
    border:var(--border);border-radius:999px;padding:6px 16px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-1.5deg);margin-bottom:20px}
  .wholesale h2{font-size:clamp(28px,3.6vw,42px);font-weight:900;letter-spacing:-.02em;line-height:1.06}
  .wholesale h2 .wl-price{background:var(--yellow);color:var(--ink);border:var(--border);border-radius:12px;padding:0 10px;
    box-shadow:4px 4px 0 var(--ink);display:inline-block;transform:rotate(-1deg)}
  .wholesale p{font-weight:600;font-size:16px;margin:20px 0 26px;max-width:540px;color:#ECE8FF}
  .wholesale p b{background:var(--lime);color:var(--ink);padding:1px 6px;border:2px solid var(--ink);border-radius:6px}
  .wl-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .wl-tile{background:#fff;color:var(--ink);border:var(--border);border-radius:14px;padding:18px;box-shadow:4px 4px 0 var(--ink);text-align:center}
  .wl-tile b{display:block;font-size:26px;font-weight:900;letter-spacing:-.02em;line-height:1.1}
  .wl-tile:nth-child(1) b{color:var(--purple)}.wl-tile:nth-child(2) b{color:var(--coral)}
  .wl-tile:nth-child(3) b{color:#0F9D6B}.wl-tile:nth-child(4) b{color:var(--purple)}
  .wl-tile span{font-size:12.5px;font-weight:700;color:#5A5470;margin-top:2px;display:block}
  @media(max-width:820px){.wholesale .wl-card{grid-template-columns:1fr;padding:28px;gap:26px}}
  .card p.d{font-weight:500;font-size:14.5px}
  .card ul{list-style:none;margin:16px 0 22px;display:flex;flex-direction:column;gap:10px}
  .card li{position:relative;padding-left:28px;font-size:14px;font-weight:600}
  .card li::before{content:"✔";position:absolute;left:0;top:0;font-weight:900;color:var(--purple);-webkit-text-stroke:1px var(--ink)}
  .card .btn{margin-top:auto;justify-content:center}

  /* ---- advantages ---- */
  .adv{background:#fff;border-top:var(--border);border-bottom:var(--border)}
  .adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .adv-card{display:flex;gap:16px;padding:22px;border:var(--border);border-radius:16px;box-shadow:var(--shadow);background:#fff}
  .adv-ic{flex:0 0 54px;width:54px;height:54px;border:var(--border);border-radius:13px;display:grid;place-items:center;
          font-size:26px;box-shadow:3px 3px 0 var(--ink)}
  .adv-card:nth-child(1) .adv-ic{background:var(--yellow)}.adv-card:nth-child(2) .adv-ic{background:var(--cyan)}
  .adv-card:nth-child(3) .adv-ic{background:var(--pink)}.adv-card:nth-child(4) .adv-ic{background:var(--lime)}
  .adv-card:nth-child(5) .adv-ic{background:var(--coral)}.adv-card:nth-child(6) .adv-ic{background:var(--purple)}
  .adv-card .adv-ic span{-webkit-text-stroke:1.5px var(--ink)}
  .adv-card h4{font-size:17px;font-weight:900}
  .adv-card p{font-size:14px;font-weight:500;margin-top:4px}

  /* ---- cases ---- */
  .case-group{margin-bottom:46px}
  .case-group:last-of-type{margin-bottom:0}
  .cg-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
  .cg-head h3{font-size:24px;font-weight:900;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}
  .cg-head h3 .s{font-size:26px;-webkit-text-stroke:2px var(--ink)}
  .case-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .case{border:var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow);overflow:hidden;transition:transform .1s,box-shadow .1s}
  .case:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}
  .case .top{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:var(--border)}
  .case .top i{width:11px;height:11px;border-radius:50%;border:2px solid var(--ink);display:block}
  .case .top i:nth-child(1){background:var(--coral)}.case .top i:nth-child(2){background:var(--lime)}.case .top i:nth-child(3){background:var(--cyan)}
  .case .top span{margin-left:8px;font-weight:800;font-size:12px}
  .case .shot{height:150px;padding:20px;display:flex;align-items:flex-end;gap:8px;background:#FbF8FF}
  .case .shot b{flex:1;border:2px solid var(--ink);border-radius:5px 5px 2px 2px;display:block;box-shadow:2px 2px 0 var(--ink)}
  .case .shot.site{align-items:center;justify-content:center}
  .case .shot.site span{font-size:52px;-webkit-text-stroke:2px var(--ink)}
  .case .meta{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:var(--border)}
  .case .meta .kw{font-size:14px;font-weight:800}
  .case .meta .delta{font-size:12.5px;font-weight:900;background:var(--lime);border:2px solid var(--ink);border-radius:999px;padding:3px 10px}
  .cases-note{text-align:center;font-size:13px;font-weight:600;color:#6B6580;margin-top:26px}
  /* баннер: сайт за отзыв (крупный, лаймовый) */
  .sb-card{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;margin-top:44px;
    background:var(--lime);border:var(--border);border-radius:24px;box-shadow:var(--shadow-lg);padding:40px 42px}
  .sb-ic{width:78px;height:78px;border:var(--border);border-radius:18px;background:#fff;
    display:grid;place-items:center;font-size:38px;box-shadow:4px 4px 0 var(--ink)}
  .sb-ic span{-webkit-text-stroke:2px var(--ink);color:var(--purple)}
  .sb-txt h3{font-size:clamp(23px,2.9vw,32px);font-weight:900;letter-spacing:-.02em;line-height:1.12}
  .sb-txt p{font-weight:600;font-size:16.5px;margin-top:10px;max-width:740px}
  .sb-txt p b{background:var(--ink);color:#fff;border-radius:6px;padding:2px 8px;font-weight:900}
  .sb-card .btn{white-space:nowrap;padding:16px 28px;font-size:16.5px}
  @media(max-width:820px){.sb-card{grid-template-columns:1fr;gap:18px;padding:30px}.sb-card .btn{justify-self:start}}
  /* баннер: оплата тестового месяца отзывом */
  .rb-card{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;
    background:var(--pink);border:var(--border);border-radius:24px;box-shadow:var(--shadow-lg);padding:38px 42px}
  .rb-ic{width:78px;height:78px;border:var(--border);border-radius:18px;background:#fff;
    display:grid;place-items:center;font-size:40px;box-shadow:4px 4px 0 var(--ink)}
  .rb-ic span{-webkit-text-stroke:2px var(--ink);color:var(--yellow)}
  .rb-txt h3{font-size:clamp(23px,2.9vw,32px);font-weight:900;letter-spacing:-.02em;line-height:1.12}
  .rb-txt p{font-weight:600;font-size:16.5px;margin-top:10px;max-width:760px}
  .rb-txt p b{background:var(--ink);color:#fff;border-radius:6px;padding:2px 8px;font-weight:900}
  .rb-card .btn{white-space:nowrap;padding:16px 28px;font-size:16.5px}
  @media(max-width:820px){.rb-card{grid-template-columns:1fr;gap:18px;padding:30px}.rb-card .btn{justify-self:start}}
  /* баннер: совмещение с другими подрядчиками */
  .cb-card{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;
    background:var(--cyan);border:var(--border);border-radius:24px;box-shadow:var(--shadow-lg);padding:38px 42px}
  .cb-ic{width:78px;height:78px;border:var(--border);border-radius:18px;background:#fff;
    display:grid;place-items:center;font-size:46px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}
  .cb-ic span{-webkit-text-stroke:2.5px var(--ink);color:var(--purple)}
  .cb-txt h3{font-size:clamp(23px,2.9vw,32px);font-weight:900;letter-spacing:-.02em;line-height:1.12}
  .cb-txt p{font-weight:600;font-size:16.5px;margin-top:10px;max-width:800px}
  .cb-txt p b{background:var(--ink);color:#fff;border-radius:6px;padding:2px 8px;font-weight:900}
  .cb-card .btn{white-space:nowrap;padding:16px 28px;font-size:16.5px}
  @media(max-width:820px){.cb-card{grid-template-columns:1fr;gap:18px;padding:30px}.cb-card .btn{justify-self:start}}
  /* отзывы с Авито */
  .rev-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .rev{border:var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow);overflow:hidden;
    display:flex;flex-direction:column;transition:transform .1s,box-shadow .1s}
  .rev:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}
  .rev-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:var(--border)}
  .rev-stars{color:var(--yellow);-webkit-text-stroke:1px var(--ink);font-size:16px;letter-spacing:2px;font-weight:900}
  .rev-badge{font-size:11px;font-weight:900;background:var(--cyan);border:2px solid var(--ink);border-radius:999px;padding:2px 9px}
  .rev-ph{flex:1;min-height:150px;display:grid;place-items:center;text-align:center;padding:20px;
    background:#F5F2FF;color:#9A93AE;font-weight:800;font-size:12.5px;line-height:1.45}
  .rev-shot{flex:1;background:#fff;cursor:zoom-in;position:relative;overflow:hidden;min-height:140px}
  .rev-shot img{width:100%;height:auto;display:block}
  .rev-shot::after{content:"⤢";position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center;
    font-size:15px;font-weight:900;background:var(--yellow);border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink)}
  .rev:hover .rev-shot::after{background:var(--lime)}
  .rev-cta{background:var(--yellow);padding:22px;display:flex;flex-direction:column}
  .rev-cta .rev-cta-star{font-size:34px;line-height:1;-webkit-text-stroke:2px var(--ink);color:#fff;margin-bottom:10px}
  .rev-cta h4{font-size:18px;font-weight:900;letter-spacing:-.01em;line-height:1.16}
  .rev-cta p{font-size:13.5px;font-weight:600;margin:8px 0 16px}
  .rev-cta .btn{margin-top:auto;align-self:flex-start}
  @media(max-width:900px){.rev-row{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.rev-row{grid-template-columns:1fr}}
  /* блок: масштабирование кликов на один сайт */
  .sc-card{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center;
    background:#fff;border:var(--border);border-radius:20px;box-shadow:var(--shadow);padding:32px 36px}
  .sc-eyebrow{display:inline-block;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.05em;
    background:#EEF0FF;color:var(--purple);border:2px solid var(--ink);border-radius:999px;padding:3px 12px;margin-bottom:12px}
  .sc-txt h3{font-size:clamp(20px,2.4vw,27px);font-weight:900;letter-spacing:-.02em;line-height:1.16}
  .sc-txt p{font-weight:500;font-size:15px;margin-top:10px;max-width:640px}
  .sc-txt p b{background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:0 5px;font-weight:900}
  .sc-tiers{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
  .sc-pill{min-width:66px;text-align:center;font-weight:900;font-size:20px;line-height:1;padding:14px 10px;
    border:var(--border);border-radius:13px;background:#F5F2FF;box-shadow:3px 3px 0 var(--ink)}
  .sc-pill small{display:block;font-size:10px;font-weight:800;color:#7A7392;margin-top:5px;letter-spacing:0}
  .sc-pill.on{background:var(--yellow)}
  .sc-cap{width:100%;text-align:center;font-size:12.5px;font-weight:700;color:#7A7392;margin-top:12px}
  @media(max-width:820px){.sc-card{grid-template-columns:1fr;gap:22px;padding:26px}.sc-tiers{justify-content:flex-start}}
  /* цитаты основателя */
  .quotes{background:var(--ink)}
  .quotes .head h2{color:#fff}
  .quotes .head p{color:#AAB0CC}
  .q-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .q-card{background:#fff;border:var(--border);border-radius:20px;box-shadow:8px 8px 0 #000;padding:30px 32px}
  .q-mark{display:block;font-size:56px;line-height:.7;font-weight:900;color:var(--purple);
    -webkit-text-stroke:2px var(--ink);margin-bottom:8px}
  .q-card p{font-size:17px;font-weight:600;line-height:1.5}
  .q-by{margin-top:16px;font-size:13px;font-weight:800;color:#7A7392}
  @media(max-width:820px){.q-grid{grid-template-columns:1fr}}
  /* выноска про Google */
  .svc-note{margin-top:26px;display:flex;gap:18px;align-items:flex-start;background:#fff;border:var(--border);
    border-left:12px solid var(--pink);border-radius:16px;box-shadow:var(--shadow);padding:22px 26px}
  .svc-note .qm{font-size:44px;line-height:.8;font-weight:900;color:var(--pink);-webkit-text-stroke:2px var(--ink);flex:0 0 auto}
  .svc-note p{font-weight:600;font-size:15px;line-height:1.5}
  .svc-note b{background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:0 5px;font-weight:900}
  @media(max-width:820px){.svc-note{flex-direction:column;gap:12px}}
  /* бейджи доверия */
  .trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
  .trust span{font-size:12.5px;font-weight:800;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.2);
    border-radius:999px;padding:8px 14px;color:#fff}
  .trust span i{font-style:normal;color:var(--lime);-webkit-text-stroke:.5px var(--ink);margin-right:2px}
  /* превью-скриншот кейса */
  .case .shot.img{padding:0;display:block;height:172px;background:#fff;cursor:zoom-in;position:relative;overflow:hidden}
  .case .shot.img img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}
  .case .shot.img::after{content:"⤢";position:absolute;right:8px;bottom:8px;width:28px;height:28px;display:grid;place-items:center;
    font-size:15px;font-weight:900;background:var(--yellow);border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink)}
  .case:hover .shot.img::after{background:var(--lime)}
  /* карточка-превью как ссылка на живой сайт (главная + страница примеров) */
  a.case{display:block;color:inherit;text-decoration:none}
  a.case:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}
  a.case .shot.img{cursor:pointer}
  a.case .shot.img::after{content:"↗"}
  a.case .meta .delta{background:var(--cyan);color:#fff}
  /* лайтбокс */
  .lightbox{display:none;position:fixed;inset:0;z-index:2000;background:rgba(11,10,15,.9);padding:32px;
    overflow:auto;cursor:zoom-out}
  .lightbox.open{display:flex;align-items:center;justify-content:center}
  .lightbox img{max-width:min(1150px,95vw);max-height:90vh;width:auto;height:auto;
    border:var(--border);border-radius:12px;box-shadow:9px 9px 0 #000;background:#fff}
  .lb-close{position:fixed;top:20px;right:22px;width:50px;height:50px;font-size:26px;font-weight:900;line-height:1;
    background:var(--yellow);border:var(--border);border-radius:12px;box-shadow:4px 4px 0 #000;cursor:pointer;z-index:2001}
  .lb-close:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}

  /* ---- faq ---- */
  .faq{background:#fff;border-top:var(--border);border-bottom:var(--border)}
  .faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
  .qa{border:var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
  .qa button{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:20px 22px;font-family:inherit;
             font-size:17px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink)}
  .qa .qic{flex:0 0 auto;width:30px;height:30px;border:2px solid var(--ink);border-radius:8px;display:grid;place-items:center;
           font-size:20px;font-weight:900;background:var(--yellow);transition:.2s transform,.2s background}
  .qa.open .qic{transform:rotate(45deg);background:var(--pink)}
  .qa .a{max-height:0;overflow:hidden;transition:.3s max-height}
  .qa .a p{padding:0 22px 20px;font-weight:500;font-size:15px}
  .qa.open .a{max-height:280px}

  /* ---- team ---- */
  .team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
  .member{border:var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow);padding:24px 16px;text-align:center;transition:transform .1s,box-shadow .1s}
  .member:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}
  .member .avatar{width:70px;height:70px;margin:0 auto 14px;border:var(--border);border-radius:18px;display:grid;place-items:center;
                  font-size:34px;box-shadow:3px 3px 0 var(--ink)}
  .member .avatar span{-webkit-text-stroke:2px var(--ink)}
  .member:nth-child(1) .avatar{background:var(--yellow)}.member:nth-child(2) .avatar{background:var(--cyan)}
  .member:nth-child(3) .avatar{background:var(--pink)}.member:nth-child(4) .avatar{background:var(--lime)}
  .member:nth-child(5) .avatar{background:var(--coral)}
  .member h4{font-size:16px;font-weight:900}
  .member span.role{font-size:13px;font-weight:600;color:#5A5470}
  .member.founder{background:var(--purple);color:#fff}
  .member.founder span.role{color:#E8E3FF}

  /* ---- contacts ---- */
  .contacts{background:var(--ink);color:#fff;border-top:var(--border)}
  .contacts .container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
  .contacts .eyebrow{background:var(--lime);color:var(--ink);box-shadow:4px 4px 0 #000}
  .contacts h2{font-size:clamp(30px,4.4vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.03;margin-top:20px}
  .contacts h2 .hl{background:var(--yellow);color:var(--ink);border:var(--border);border-radius:10px;padding:0 8px;box-shadow:3px 3px 0 #000;display:inline-block;transform:rotate(-1deg)}
  .contacts p.sub{color:#C9C6D6;font-weight:500;margin-top:16px;font-size:16px;max-width:440px}
  .contact-list{margin-top:28px;display:flex;flex-direction:column;gap:14px}
  .contact-item{display:flex;align-items:center;gap:14px;color:#fff}
  .contact-item .ci{width:50px;height:50px;border:var(--border);border-radius:13px;display:grid;place-items:center;
                    font-size:22px;box-shadow:3px 3px 0 #000}
  .contact-item:nth-child(1) .ci{background:var(--cyan)}.contact-item:nth-child(2) .ci{background:var(--pink)}
  .contact-item:nth-child(3) .ci{background:var(--yellow)}
  .contact-item .ci span{-webkit-text-stroke:1.5px var(--ink)}
  .contact-item b{display:block;font-weight:900}
  .contact-item small{color:#B7B3C9;font-weight:500}

  form.lead-form{background:#fff;color:var(--ink);border:var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow-lg)}
  form.lead-form h3{font-size:22px;font-weight:900}
  form.lead-form .fp{font-size:14px;font-weight:600;color:#5A5470;margin:6px 0 18px}
  .field{margin-bottom:14px}
  .field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}
  .field input,.field textarea{width:100%;border:var(--border);border-radius:11px;padding:12px 14px;font-family:inherit;
        font-size:15px;font-weight:600;background:#FbF8FF;transition:.1s box-shadow,.1s transform}
  .field input:focus,.field textarea:focus{outline:none;box-shadow:4px 4px 0 var(--purple);transform:translate(-1px,-1px)}
  .field textarea{min-height:92px;resize:vertical}
  form.lead-form .btn{width:100%;justify-content:center;margin-top:4px}
  form.lead-form .btn:disabled{opacity:.72;cursor:wait;transform:none;box-shadow:var(--shadow)}
  .form-status{display:none;border:var(--border);border-radius:12px;padding:14px;
           font-weight:800;text-align:center;box-shadow:4px 4px 0 var(--ink)}
  .form-ok{background:var(--lime)}
  .form-error{background:var(--pink);margin-top:12px}

  /* ---- AI chat ---- */
  .ai-chat{position:fixed;right:22px;bottom:22px;z-index:1800;font-family:var(--font);letter-spacing:0}
  .ai-chat__toggle{width:62px;height:62px;border:var(--border);border-radius:18px;background:var(--lime);
    color:var(--ink);box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;transition:transform .08s,box-shadow .08s}
  .ai-chat__toggle span{width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;
    display:grid;place-items:center;font-size:20px;font-weight:900;background:#fff;line-height:1}
  .ai-chat__toggle:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}
  .ai-chat__panel{position:absolute;right:0;bottom:78px;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 128px));
    display:none;grid-template-rows:auto 1fr auto;background:#fff;border:var(--border);border-radius:18px;
    box-shadow:var(--shadow-lg);overflow:hidden}
  .ai-chat.is-open .ai-chat__panel{display:grid}
  .ai-chat__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;
    background:var(--ink);color:#fff;border-bottom:var(--border)}
  .ai-chat__head b{display:block;font-size:16px;font-weight:900;line-height:1.1}
  .ai-chat__head small{display:block;margin-top:3px;font-size:12px;font-weight:700;color:#C9C6D6;line-height:1.1}
  .ai-chat__close{width:34px;height:34px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);
    color:var(--ink);font-size:19px;font-weight:900;line-height:1;cursor:pointer;box-shadow:2px 2px 0 #000}
  .ai-chat__log{padding:16px;overflow:auto;background:#F8F5FF;display:flex;flex-direction:column;gap:10px}
  .ai-chat__msg{max-width:88%;border:2px solid var(--ink);border-radius:12px;padding:10px 12px;font-size:14px;
    font-weight:650;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:3px 3px 0 var(--ink)}
  .ai-chat__msg--assistant{align-self:flex-start;background:#fff}
  .ai-chat__msg--user{align-self:flex-end;background:var(--cyan)}
  .ai-chat__typing{color:#6B6580}
  .ai-chat__form{display:grid;grid-template-columns:1fr 46px;gap:10px;padding:12px;background:#fff;border-top:var(--border)}
  .ai-chat__form textarea{width:100%;max-height:112px;resize:none;border:2px solid var(--ink);border-radius:11px;
    padding:11px 12px;font-family:inherit;font-size:14px;font-weight:650;line-height:1.35;background:#FBF8FF;color:var(--ink)}
  .ai-chat__form textarea:focus{outline:none;box-shadow:3px 3px 0 var(--purple)}
  .ai-chat__form button{width:46px;height:46px;border:2px solid var(--ink);border-radius:11px;background:var(--purple);
    color:#fff;font-size:22px;font-weight:900;line-height:1;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
  .ai-chat__form button:disabled{opacity:.65;cursor:wait}

  /* ---- footer ---- */
  footer{background:#0B0A0F;color:#B7B3C9;padding:32px 0;border-top:var(--border)}
  footer .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-weight:600}
  footer .logo{color:#fff}
  footer .logo .m{box-shadow:2px 2px 0 #000}
  footer .fnav{display:flex;gap:20px;font-size:14px}
  footer a:hover{color:var(--yellow)}
  footer .foot-seo{width:100%;font-size:12.5px;line-height:1.65;color:#6E6A82;font-weight:500;
    padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}

  /* ---- responsive ---- */
  @media(max-width:900px){
    #nav{display:none;position:absolute;top:88px;left:0;right:0;flex-direction:column;background:var(--paper);
        border-bottom:var(--border);padding:16px 24px;gap:8px}
    #nav.open{display:flex}
    #nav a{border:2px solid var(--ink);background:#fff}
    .burger{display:flex}
    .hactions .btn{display:none}
    .logo img{height:56px}
    .hero .container{grid-template-columns:1fr;gap:36px}
    .art{order:-1}
    .stats .container{grid-template-columns:repeat(2,1fr)}
    .stat:nth-child(2){border-right:0}
    .stat{border-bottom:3px solid rgba(255,255,255,.14)}
    .svc-grid,.adv-grid,.case-row{grid-template-columns:1fr}
    .team-grid{grid-template-columns:repeat(2,1fr)}
    .contacts .container{grid-template-columns:1fr;gap:32px}
  }
  @media(max-width:520px){
    .section{padding:60px 0}
    .ai-chat{right:16px;bottom:16px}
    .ai-chat__panel{bottom:74px;width:calc(100vw - 32px);height:min(540px,calc(100vh - 112px))}
    .ai-chat__toggle{width:58px;height:58px}
    .stats .container{grid-template-columns:1fr}
    .stat{border-right:0}
    .team-grid{grid-template-columns:1fr}
    .cg-head{flex-direction:column;align-items:flex-start}
  }