from pathlib import Path
import base64

base = Path("/mnt/data")
assets = {
    "photo": base / "2026-04-12 21.20.54.jpg",
    "logo": base / "999.jpg",
    "c1": base / "1.jpg",
    "c2": base / "2.jpg",
    "c3": base / "3.jpg",
    "c4": base / "4.jpg",
    "c5": base / "5.jpg",
    "c6": base / "6.jpg",
    "c7": base / "7.jpg",
    "c8": base / "8.jpg",
}

def data_uri(path: Path):
    mime = "image/jpeg"
    return f"data:{mime};base64,{base64.b64encode(path.read_bytes()).decode('ascii')}"

img = {k: data_uri(v) for k, v in assets.items()}

html = f"""<!doctype html>


  
  
  ScaleUp Agency — развитие магазинов на маркетплейсах</title>
  
    :root {{
      --bg-dark:#0a0b10;
      --bg-dark-2:#11131c;
      --bg-light:#f2ece3;
      --white:#ffffff;
      --text:#17120f;
      --text-soft:#6f655c;
      --text-dark:#f6efe6;
      --muted:#b8ab9d;
      --line:rgba(255,255,255,.10);
      --line-dark:rgba(23,18,15,.10);
      --accent:#ff6a17;
      --accent-2:#8f49ff;
      --green:#2fa75b;
      --radius-xl:34px;
      --radius-lg:24px;
      --radius-md:18px;
      --container:1240px;
      --shadow:0 20px 60px rgba(0,0,0,.18);
    }}
    * {{ box-sizing:border-box; }}
    html {{ scroll-behavior:smooth; }}
    body {{
      margin:0;
      font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
      color:var(--text-dark);
      background:
        radial-gradient(circle at 10% 8%, rgba(255,106,23,.09), transparent 22%),
        radial-gradient(circle at 88% 14%, rgba(143,73,255,.09), transparent 24%),
        linear-gradient(180deg, #090a0f 0%, #10131b 42%, #0e1118 100%);
      overflow-x:hidden;
    }}
    body::before {{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:0;
      background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
      background-size:40px 40px;
      opacity:.16;
    }}
    a {{ color:inherit; text-decoration:none; }}
    img {{ display:block; max-width:100%; }}
    .container {{
      width:min(calc(100% - 32px), var(--container));
      margin:0 auto;
      position:relative;
      z-index:1;
    }}
    .section {{ padding:96px 0; position:relative; }}
    .section-light {{
      background:var(--bg-light);
      color:var(--text);
    }}
    .section-light .eyebrow,
    .section-light .desc,
    .section-light .muted {{
      color:var(--text-soft);
    }}
    .eyebrow {{
      display:inline-flex;
      align-items:center;
      gap:12px;
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.24em;
      color:var(--muted);
      margin-bottom:18px;
    }}
    .eyebrow::after {{
      content:"";
      width:96px;
      height:1px;
      background:currentColor;
      opacity:.45;
    }}
    .title {{
      margin:0 0 20px;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(40px,6vw,88px);
      line-height:.94;
      letter-spacing:-.05em;
      max-width:920px;
    }}
    .section-title {{
      margin:0 0 18px;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(38px,4.7vw,68px);
      line-height:.96;
      letter-spacing:-.04em;
    }}
    .accent {{
      color:var(--accent);
      font-style:italic;
    }}
    .subtitle, .desc {{
      margin:0;
      max-width:780px;
      font-size:18px;
      line-height:1.8;
    }}
    .btn {{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:56px;
      padding:0 24px;
      border-radius:18px;
      border:1px solid transparent;
      font-size:16px;
      font-weight:800;
      white-space:nowrap;
      transition:.22s ease;
      cursor:pointer;
    }}
    .btn:hover {{ transform:translateY(-2px); }}
    .btn-primary {{
      color:#fff;
      background:linear-gradient(135deg, var(--accent), #ff8a2c);
      box-shadow:0 14px 34px rgba(255,106,23,.24);
    }}
    .btn-dark {{
      color:#fff;
      border-color:rgba(255,255,255,.12);
      background:rgba(255,255,255,.06);
      backdrop-filter:blur(10px);
    }}
    .btn-light {{
      color:var(--text);
      background:#fff;
      border-color:rgba(0,0,0,.08);
      box-shadow:0 10px 24px rgba(17,12,8,.05);
    }}

    .topbar {{
      position:sticky;
      top:0;
      z-index:70;
      background:rgba(243,238,229,.92);
      backdrop-filter:blur(18px);
      border-bottom:1px solid rgba(23,18,15,.08);
      color:var(--text);
    }}
    .nav {{
      min-height:74px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
    }}
    .brand {{
      display:flex;
      align-items:center;
      gap:14px;
    }}
    .brand img {{
      width:42px;height:42px;
      border-radius:12px;
      object-fit:cover;
    }}
    .brand strong {{
      display:block;
      font-size:18px;
      letter-spacing:-.02em;
    }}
    .brand span {{
      display:block;
      color:#7c6f63;
      font-size:12px;
      letter-spacing:.12em;
      text-transform:uppercase;
    }}
    .nav-links {{
      display:flex;
      gap:24px;
      color:#6b6055;
      font-size:15px;
    }}
    .nav-links a:hover {{ color:var(--text); }}

    .hero {{
      padding:56px 0 28px;
    }}
    .hero-grid {{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:24px;
      align-items:stretch;
    }}
    .glass {{
      position:relative;
      overflow:hidden;
      border-radius:var(--radius-xl);
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      border:1px solid rgba(255,255,255,.10);
      box-shadow:var(--shadow);
    }}
    .glass::before {{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px);
      background-size:36px 36px;
      opacity:.18;
      pointer-events:none;
    }}
    .hero-main {{
      min-height:650px;
      padding:40px 34px 34px;
    }}
    .hero-main .inner {{
      position:relative;
      z-index:1;
    }}
    .hero-copy p {{
      margin:0;
      max-width:760px;
      color:var(--muted);
      font-size:19px;
      line-height:1.75;
    }}
    .hero-actions {{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:30px;
    }}
    .hero-chips {{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:24px;
    }}
    .chip {{
      padding:12px 16px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.10);
      font-size:14px;
      font-weight:700;
      color:#f6efe6;
    }}
    .hero-metrics {{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
      margin-top:34px;
    }}
    .metric-dark {{
      padding:18px;
      border-radius:22px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
    }}
    .metric-dark strong {{
      display:block;
      font-family:Georgia,"Times New Roman",serif;
      font-size:34px;
      line-height:1;
      margin-bottom:10px;
    }}
    .metric-dark span {{
      color:var(--muted);
      line-height:1.55;
      font-size:14px;
    }}
    .orb {{
      position:absolute;
      border-radius:999px;
      filter:blur(14px);
      opacity:.72;
      pointer-events:none;
      animation:float 7s ease-in-out infinite;
    }}
    .orb.one {{
      width:240px;height:240px;right:-50px;top:-40px;
      background:radial-gradient(circle, rgba(255,106,23,.26), rgba(255,106,23,0));
    }}
    .orb.two {{
      width:220px;height:220px;left:-60px;bottom:-80px;
      background:radial-gradient(circle, rgba(143,73,255,.24), rgba(143,73,255,0));
      animation-delay:-2s;
    }}

    .hero-side {{
      display:grid;
      gap:14px;
      padding:18px;
      min-height:650px;
    }}
    .logo-panel {{
      min-height:284px;
      border-radius:28px;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:hidden;
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
      border:1px solid rgba(255,255,255,.10);
      position:relative;
    }}
    .logo-panel::after {{
      content:"";
      position:absolute;
      inset:auto -20% -50% -20%;
      height:170px;
      background:radial-gradient(circle, rgba(255,106,23,.18), rgba(255,106,23,0));
      filter:blur(24px);
    }}
    .logo-panel img {{
      width:min(82%, 380px);
      position:relative;
      z-index:1;
      filter:drop-shadow(0 18px 30px rgba(0,0,0,.22));
    }}
    .side-stack {{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }}
    .side-card {{
      padding:22px;
      border-radius:24px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
    }}
    .side-card h3 {{
      margin:0 0 12px;
      color:#ffb27b;
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:15px;
    }}
    .side-card p, .side-card li {{
      margin:0;
      color:var(--muted);
      line-height:1.7;
      font-size:16px;
    }}
    .side-card ul {{
      margin:0;
      padding-left:18px;
      display:grid;
      gap:10px;
    }}
    .timeline {{
      display:grid;
      gap:12px;
      margin-top:14px;
    }}
    .timeline-row {{
      display:grid;
      grid-template-columns:74px 1fr;
      gap:12px;
      align-items:start;
    }}
    .timeline-row strong {{
      color:#ff8c4b;
      font-size:20px;
    }}

    .promo-grid {{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:30px;
      align-items:start;
    }}
    .promo-badges {{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:24px;
    }}
    .promo-badge {{
      padding:10px 14px;
      border-radius:999px;
      border:1px solid rgba(23,18,15,.12);
      background:rgba(255,255,255,.58);
      font-size:14px;
      font-weight:700;
      color:#2f4132;
    }}
    .promo-badge.warn {{ color:#8a4d15; }}
    .promo-stats {{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:34px;
      padding-top:22px;
      border-top:1px solid rgba(23,18,15,.12);
    }}
    .promo-stat strong {{
      display:block;
      margin-bottom:8px;
      font-family:Georgia,"Times New Roman",serif;
      font-size:58px;
      line-height:.9;
      letter-spacing:-.04em;
    }}
    .promo-stat span {{
      color:#6d6359;
      line-height:1.55;
      font-size:15px;
    }}
    .promo-cards {{
      display:grid;
      gap:16px;
    }}
    .promo-card {{
      padding:24px;
      border-radius:26px;
      border:1px solid rgba(23,18,15,.12);
      background:#fff;
      box-shadow:0 16px 32px rgba(0,0,0,.04);
      min-height:164px;
    }}
    .promo-card.dark {{
      background:#14110e;
      color:#fff;
      border-color:#14110e;
    }}
    .promo-card .tag {{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.08em;
      background:rgba(255,106,23,.10);
      color:#c85d16;
      margin-bottom:14px;
    }}
    .promo-card.dark .tag {{
      background:rgba(255,106,23,.18);
      color:#ffb37a;
    }}
    .promo-card h3 {{
      margin:0 0 10px;
      font-size:30px;
      line-height:1.1;
      font-family:Georgia,"Times New Roman",serif;
      letter-spacing:-.03em;
    }}
    .promo-card p {{
      margin:0 0 14px;
      line-height:1.7;
      color:inherit;
      opacity:.82;
    }}
    .promo-card strong {{
      font-size:18px;
    }}

    .about-grid {{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:28px;
      align-items:stretch;
    }}
    .about-photo {{
      position:relative;
      overflow:hidden;
      border-radius:30px;
      min-height:620px;
      background:#121218;
      box-shadow:0 18px 50px rgba(0,0,0,.12);
    }}
    .about-photo img {{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
    }}
    .about-overlay {{
      position:absolute;
      left:18px;right:18px;bottom:18px;
      padding:18px 18px 16px;
      border-radius:18px;
      background:rgba(14,13,18,.78);
      color:#fff;
      backdrop-filter:blur(10px);
    }}
    .about-overlay strong {{
      display:block;
      margin-bottom:8px;
      font-size:24px;
    }}
    .about-overlay p {{
      margin:0;
      color:#d6cec4;
      line-height:1.6;
      font-size:15px;
    }}
    .about-content {{
      display:flex;
      flex-direction:column;
      justify-content:center;
    }}
    .metrics-grid {{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:16px;
      margin-top:28px;
    }}
    .metric {{
      padding:24px;
      border-radius:24px;
      background:rgba(255,255,255,.6);
      border:1px solid rgba(23,18,15,.10);
      box-shadow:0 12px 28px rgba(15,10,8,.04);
    }}
    .metric strong {{
      display:block;
      margin-bottom:10px;
      font-family:Georgia,"Times New Roman",serif;
      font-size:46px;
      line-height:1;
    }}
    .metric span {{
      color:#6c6158;
      line-height:1.62;
      font-size:15px;
    }}

    .services {{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:34px;
    }}
    .service-card {{
      position:relative;
      overflow:hidden;
      padding:26px;
      border-radius:28px;
      background:#fff;
      border:1px solid rgba(23,18,15,.08);
      box-shadow:0 16px 36px rgba(0,0,0,.05);
    }}
    .service-card::after {{
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:3px;
      background:linear-gradient(90deg, var(--accent), var(--accent-2));
    }}
    .service-icon {{
      width:54px;
      height:54px;
      border-radius:18px;
      display:grid;
      place-items:center;
      font-size:28px;
      margin-bottom:18px;
      background:linear-gradient(135deg, rgba(255,106,23,.12), rgba(143,73,255,.12));
    }}
    .service-card h3 {{
      margin:0 0 12px;
      font-size:28px;
      line-height:1.1;
      font-family:Georgia,"Times New Roman",serif;
      letter-spacing:-.03em;
    }}
    .service-card p {{
      margin:0 0 16px;
      color:#6f6359;
      line-height:1.72;
      font-size:16px;
    }}
    .service-list {{
      margin:0 0 18px;
      padding-left:18px;
      color:#5d534a;
      line-height:1.8;
      font-size:15px;
      display:grid;
      gap:4px;
    }}
    .service-price {{
      font-family:Georgia,"Times New Roman",serif;
      font-size:34px;
      line-height:1;
      letter-spacing:-.03em;
    }}

    .cases-head {{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:20px;
      margin-bottom:26px;
    }}
    .slider-controls {{
      display:flex;
      gap:10px;
    }}
    .ctrl {{
      width:52px;height:52px;border-radius:16px;
      border:1px solid rgba(23,18,15,.10);
      background:#fff;
      color:#111;
      font-size:22px;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 10px 20px rgba(0,0,0,.04);
    }}
    .case-slider {{
      display:flex;
      gap:18px;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
      padding-bottom:10px;
      scrollbar-width:none;
    }}
    .case-slider::-webkit-scrollbar {{ display:none; }}
    .case {{
      flex:0 0 min(340px, 86vw);
      scroll-snap-align:start;
      display:flex;
      flex-direction:column;
      border-radius:28px;
      overflow:hidden;
      background:#fff;
      border:1px solid rgba(23,18,15,.08);
      box-shadow:0 16px 36px rgba(0,0,0,.05);
    }}
    .case-top {{
      padding:18px;
    }}
    .pill {{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:999px;
      background:rgba(143,73,255,.10);
      color:#6f33df;
      font-size:12px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }}
    .case h3 {{
      margin:16px 0 10px;
      font-size:22px;
      line-height:1.2;
    }}
    .case p {{
      margin:0;
      color:#6f6359;
      line-height:1.65;
      font-size:15px;
      min-height:74px;
    }}
    .phone-frame {{
      margin:0 18px;
      border-radius:24px;
      border:1px solid rgba(23,18,15,.10);
      background:#ece8e1;
      overflow:hidden;
      aspect-ratio:9/18.4;
      display:flex;
      align-items:center;
      justify-content:center;
    }}
    .phone-frame img {{
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center top;
      background:#f4f2ed;
    }}
    .case-bottom {{
      padding:16px 18px 18px;
      display:grid;
      gap:10px;
    }}
    .case-metric {{
      display:flex;
      justify-content:space-between;
      gap:12px;
      font-size:14px;
      color:#6d6257;
    }}
    .case-metric strong {{ color:#171310; }}

    .calc-wrap {{
      display:grid;
      grid-template-columns:1.02fr .98fr;
      gap:42px;
      align-items:start;
      margin-top:34px;
    }}
    .calc-label {{
      font-size:14px;
      color:#6f6257;
      text-transform:uppercase;
      letter-spacing:.16em;
      font-weight:700;
      margin:0 0 14px;
    }}
    .segmented {{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      margin-bottom:38px;
    }}
    .seg-btn {{
      appearance:none;
      min-height:58px;
      border-radius:18px;
      border:1px solid rgba(23,18,15,.12);
      background:rgba(255,255,255,.74);
      color:#17120f;
      font-size:18px;
      font-weight:800;
      cursor:pointer;
      transition:.18s ease;
      box-shadow:0 10px 20px rgba(0,0,0,.03);
    }}
    .seg-btn.active {{
      background:#15120f;
      color:#fff;
      border-color:#15120f;
      box-shadow:0 0 0 3px rgba(111,101,91,.12);
    }}
    .calc-control {{
      margin-bottom:38px;
    }}
    .calc-row {{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:18px;
      margin-bottom:16px;
    }}
    .calc-value {{
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(34px,3vw,58px);
      line-height:1;
      letter-spacing:-.04em;
      color:#17120f;
      font-weight:700;
      white-space:nowrap;
    }}
    .slider-wrap {{
      padding:4px 2px 0;
    }}
    .range {{
      width:100%;
      appearance:none;
      background:transparent;
    }}
    .range::-webkit-slider-runnable-track {{
      height:4px;
      background:linear-gradient(to right, var(--accent) 0 var(--fill,50%), #c8c2b9 var(--fill,50%) 100%);
      border-radius:999px;
    }}
    .range::-webkit-slider-thumb {{
      appearance:none;
      width:24px;height:24px;border-radius:50%;
      background:var(--accent);
      border:0;
      margin-top:-10px;
      box-shadow:0 0 0 5px rgba(255,106,23,.14);
      cursor:pointer;
    }}
    .range::-moz-range-track {{
      height:4px;
      background:#c8c2b9;
      border:none;
      border-radius:999px;
    }}
    .range::-moz-range-progress {{
      background:var(--accent);
      height:4px;
      border-radius:999px;
    }}
    .range::-moz-range-thumb {{
      width:24px;height:24px;border-radius:50%;
      background:var(--accent);
      border:none;
      box-shadow:0 0 0 5px rgba(255,106,23,.14);
      cursor:pointer;
    }}
    .limits {{
      display:flex;
      justify-content:space-between;
      gap:18px;
      margin-top:14px;
      font-size:14px;
      color:#897d71;
    }}
    .hint {{
      margin-top:12px;
      font-size:14px;
      font-weight:700;
      color:var(--green);
    }}
    .hint.warn {{ color:var(--accent); }}
    .calc-card {{
      background:#12100d;
      color:#fff;
      border-radius:32px;
      padding:42px 36px 34px;
      min-height:416px;
      box-shadow:0 16px 34px rgba(0,0,0,.10);
    }}
    .calc-mini {{
      margin-bottom:26px;
      text-align:center;
      color:#7c7770;
      text-transform:uppercase;
      letter-spacing:.18em;
      font-size:13px;
      font-weight:800;
    }}
    .forecast {{
      margin:0;
      text-align:center;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(54px,5vw,90px);
      line-height:.92;
      letter-spacing:-.05em;
      color:#32b458;
    }}
    .instead {{
      text-align:center;
      color:#8a8580;
      font-size:18px;
      margin:14px 0 30px;
    }}
    .loss {{
      text-align:center;
      background:#6c2d0e;
      color:#d4c3b8;
      border-radius:14px;
      padding:18px 18px;
      font-size:18px;
      margin-bottom:34px;
    }}
    .loss strong {{ color:var(--accent); }}
    .divider {{
      height:1px;
      background:#2a241f;
      margin:0 0 34px;
    }}
    .profit-label {{
      text-align:center;
      color:#8a8580;
      font-size:18px;
      margin-bottom:12px;
    }}
    .profit {{
      min-height:64px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(36px,3.8vw,60px);
      line-height:1;
      letter-spacing:-.04em;
      font-weight:700;
      color:#fff;
    }}
    .profit.muted {{
      font-size:clamp(24px,2.6vw,42px);
      color:#c9c1b6;
    }}
    .calc-stats {{
      margin-top:20px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(23,18,15,.10);
      border-radius:26px;
      overflow:hidden;
    }}
    .calc-stat {{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:22px 26px;
      font-size:18px;
      border-bottom:1px solid rgba(23,18,15,.08);
    }}
    .calc-stat:last-child {{ border-bottom:none; }}
    .calc-stat .name {{ color:#6c6158; }}
    .calc-stat .num {{
      font-family:Georgia,"Times New Roman",serif;
      font-size:24px;
      font-weight:700;
      color:#17120f;
    }}
    .calc-stat .green {{ color:var(--green); }}

    .contact-grid {{
      display:grid;
      grid-template-columns:1fr .95fr;
      gap:22px;
      align-items:stretch;
    }}
    .contact-panel {{
      padding:34px;
      border-radius:30px;
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
      border:1px solid rgba(255,255,255,.10);
      box-shadow:var(--shadow);
    }}
    .contact-panel p {{
      margin:0;
      color:var(--muted);
      line-height:1.8;
      font-size:18px;
    }}
    .check-list {{
      display:grid;
      gap:14px;
      margin-top:26px;
    }}
    .check {{
      display:flex;
      gap:12px;
      align-items:start;
      color:#f5ecdf;
      line-height:1.62;
    }}
    .check i {{
      flex:0 0 22px;
      width:22px;height:22px;border-radius:50%;
      background:linear-gradient(135deg, var(--accent), #ff9a47);
      position:relative;
      margin-top:2px;
    }}
    .check i::before {{
      content:"";
      position:absolute;
      left:7px;top:5px;
      width:6px;height:10px;
      border-right:2px solid #fff;
      border-bottom:2px solid #fff;
      transform:rotate(40deg);
    }}
    .referral {{
      margin-top:22px;
      padding:22px;
      border-radius:24px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.08);
      display:flex;
      gap:16px;
      align-items:center;
      justify-content:space-between;
      flex-wrap:wrap;
    }}
    .referral strong {{
      display:block;
      font-size:22px;
      margin-bottom:6px;
    }}
    .referral span {{
      color:var(--muted);
      line-height:1.6;
    }}
    .form-card {{
      padding:26px;
      border-radius:28px;
      background:#f6f0e8;
      color:#16110d;
      box-shadow:0 18px 40px rgba(0,0,0,.16);
    }}
    .form-card h3 {{
      margin:0 0 8px;
      font-family:Georgia,"Times New Roman",serif;
      font-size:34px;
      letter-spacing:-.03em;
    }}
    .form-card p {{
      margin:0 0 18px;
      color:#7a6f64;
      line-height:1.6;
    }}
    .field {{
      width:100%;
      margin-bottom:12px;
      padding:18px 18px;
      border-radius:16px;
      border:1px solid rgba(23,18,15,.12);
      background:#fff;
      font-size:16px;
    }}
    .field:focus {{
      outline:none;
      border-color:rgba(255,106,23,.55);
      box-shadow:0 0 0 4px rgba(255,106,23,.10);
    }}
    .tiny {{
      margin-top:12px;
      font-size:13px;
      line-height:1.5;
      color:#8b7d70;
    }}

    .footer {{
      padding:22px 0 92px;
      color:#b7aa9d;
      font-size:14px;
      position:relative;
    }}
    .footer-inner {{
      border-top:1px solid rgba(255,255,255,.08);
      padding-top:18px;
      display:grid;
      gap:14px;
    }}
    .footer-top {{
      display:flex;
      justify-content:space-between;
      gap:18px;
      flex-wrap:wrap;
    }}
    .footer-links {{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
    }}
    .footer-meta {{
      color:#978a7d;
      line-height:1.7;
    }}

    .chat-fab {{
      position:fixed;
      right:22px;
      bottom:22px;
      width:68px;height:68px;
      border:none;
      border-radius:999px;
      background:linear-gradient(135deg, var(--accent), #df4a00);
      color:#fff;
      box-shadow:0 18px 40px rgba(255,106,23,.32);
      cursor:pointer;
      z-index:80;
      display:grid;
      place-items:center;
      font-size:28px;
    }}
    .chat-widget {{
      position:fixed;
      right:22px;
      bottom:104px;
      width:min(390px, calc(100% - 24px));
      border-radius:24px;
      overflow:hidden;
      background:#fff;
      color:#17120f;
      box-shadow:0 24px 60px rgba(0,0,0,.28);
      z-index:79;
      transform:translateY(14px) scale(.96);
      opacity:0;
      pointer-events:none;
      transition:.24s ease;
    }}
    .chat-widget.open {{
      opacity:1;
      transform:translateY(0) scale(1);
      pointer-events:auto;
    }}
    .chat-head {{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:16px 18px;
      background:#15120f;
      color:#fff;
    }}
    .chat-user {{
      display:flex;
      align-items:center;
      gap:12px;
    }}
    .chat-user img {{
      width:42px;height:42px;border-radius:999px;object-fit:cover;
    }}
    .chat-user strong {{
      display:block;
      font-size:15px;
    }}
    .chat-user span {{
      display:block;
      font-size:12px;
      color:#c9beb1;
    }}
    .chat-body {{
      padding:16px;
      background:#f2ece4;
    }}
    .msg {{
      max-width:280px;
      padding:14px 16px;
      border-radius:16px;
      background:#fff;
      color:#221a15;
      box-shadow:0 8px 18px rgba(0,0,0,.06);
      line-height:1.55;
    }}
    .chat-actions {{
      padding:16px;
      background:#fff;
      display:grid;
      gap:10px;
      border-top:1px solid rgba(23,18,15,.08);
    }}
    .chat-actions .btn {{
      width:100%;
      min-height:50px;
    }}

    .reveal {{
      opacity:0;
      transform:translateY(18px);
      transition:opacity .7s ease, transform .7s ease;
    }}
    .reveal.show {{
      opacity:1;
      transform:translateY(0);
    }}

    @keyframes float {{
      0%,100% {{ transform:translateY(0); }}
      50% {{ transform:translateY(-12px); }}
    }}

    @media (max-width:1080px) {{
      .hero-grid,
      .promo-grid,
      .about-grid,
      .calc-wrap,
      .contact-grid {{
        grid-template-columns:1fr;
      }}
      .services {{
        grid-template-columns:1fr 1fr;
      }}
      .hero-metrics {{
        grid-template-columns:1fr 1fr;
      }}
      .promo-stats {{
        grid-template-columns:1fr 1fr 1fr;
      }}
    }}
    @media (max-width:760px) {{
      .nav-links {{ display:none; }}
      .hero-metrics,
      .services,
      .metrics-grid,
      .side-stack,
      .promo-stats {{
        grid-template-columns:1fr;
      }}
      .hero-actions {{
        display:grid;
        grid-template-columns:1fr;
      }}
      .btn {{ width:100%; }}
      .hero-main {{
        min-height:auto;
        padding:28px 22px 26px;
      }}
      .hero-side {{
        min-height:auto;
        padding:14px;
      }}
      .logo-panel {{
        min-height:220px;
      }}
      .section {{
        padding:72px 0;
      }}
      .title {{
        font-size:54px;
      }}
      .section-title {{
        font-size:44px;
      }}
    }}
  </style>


  <header class="topbar">
    <div class="container nav">
      <a href="#top" class="brand">
        <img src="{img['logo']}" alt="ScaleUp Agency" />
        
          ScaleUp Agency</strong>
          WB · Ozon · Яндекс Маркет · Avito</span>
        </div>
      </a>

      <nav class="nav-links">
        <a href="#who">Кто мы</a>
        <a href="#directions">Направления</a>
        <a href="#cases">Кейсы</a>
        <a href="#calculator">Калькулятор</a>
        <a href="#contact">Заявка</a>
      </nav>

      <a class="btn btn-primary" href="#contact">Аудит бесплатно</a>
    </div>
  </header>

  <main id="top">
    <section class="hero">
      <div class="container hero-grid">
        <div class="glass hero-main reveal">
          <div class="orb one"></div>
          <div class="orb two"></div>

          <div class="inner">
            <div class="eyebrow">ScaleUp Agency</div>
            <h1 class="title">Развиваем магазины на маркетплейсах <span class="accent">в деньги</span>, а не в красивые отчёты</h1>
            <div class="hero-copy">
              
                Меня зовут Кирилл. Я занимаюсь развитием магазинов на Wildberries и Ozon с 2019 года</b>, Яндекс Маркетом с 2022</b> и Avito с 2015</b>.
                Помогаю продавцам выйти на стабильный рост: от подбора товара и запуска магазина до SEO, рекламы, аналитики, логистики и упаковки карточек.
              </p>
            </div>

            <div class="hero-actions">
              <a class="btn btn-primary" href="#contact">Получить разбор за 30 минут</a>
              <a class="btn btn-dark" href="#cases">Смотреть кейсы</a>
            </div>

            <div class="hero-chips">
              <div class="chip">Telegram: @peisov</div>
              <div class="chip">Блог: t.me/sergeevichxxx</div>
              <div class="chip">Телефон: +7 933 027-35-27</div>
            </div>

            <div class="hero-metrics">
              <div class="metric-dark">
                <strong data-count="2019">2019</strong>
                Старт системной работы с WB и Ozon</span>
              </div>
              <div class="metric-dark">
                <strong data-count="29">29</strong>
                Специалистов в команде под задачи магазина</span>
              </div>
              <div class="metric-dark">
                <strong data-count="470">470+</strong>
                Клиентов и запусков за последние годы</span>
              </div>
              <div class="metric-dark">
                <strong data-count="30">30</strong>
                Минут — реальный срок первого ответа</span>
              </div>
            </div>
          </div>
        </div>

        <div class="glass hero-side reveal">
          <div class="logo-panel">
            <img src="{img['logo']}" alt="ScaleUp Agency" />
          </div>

          <div class="side-stack">
            <div class="side-card">
              Кирилл, основатель ScaleUp</h3>
              
                Подбираем товар под бюджет, запускаем магазин до первых продаж, выстраиваем SEO, контент, рекламу и систему роста.
                Говорим честно, что сработает, а что нет.
              </p>
            </div>

            <div class="side-card">
              Личный чат</h3>
              
                Связь в Telegram и MAX</li>
                Отчёты каждую неделю</li>
                Без недель висящих диалогов</li>
              </ul>
            </div>
          </div>

          <div class="side-card">
            Опыт по направлениям</h3>
            <div class="timeline">
              <div class="timeline-row">с 2015</strong>Avito, авитология, лидогенерация и оформление объявлений</p></div>
              <div class="timeline-row">с 2019</strong>Wildberries и Ozon: запуск, SEO, реклама, аналитика, стратегия роста</p></div>
              <div class="timeline-row">с 2022</strong>Яндекс Маркет: сопровождение, карточки, экономика и подключение процессов</p></div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section section-light">
      <div class="container promo-grid">
        <div class="reveal">
          <div class="eyebrow">Топ-1 на Avito в нише маркетплейсов</div>
          <h2 class="section-title">Растим продажи на WB и Ozon — или <span class="accent">работаем</span> бесплатно</h2>
          <p class="desc">
            Агентство полного цикла. Продвигаем магазины, обучаем предпринимателей и менеджеров, делаем SEO карточек.
            С 2019 года. Гарантия результата прописана в договоре.
          </p>

          <div class="promo-badges">
            <div class="promo-badge">✓ 400+ клиентов</div>
            <div class="promo-badge">✓ Топ-1 Avito</div>
            <div class="promo-badge">✓ Гарантия в договоре</div>
            <div class="promo-badge">✓ 550+ отзывов</div>
            <div class="promo-badge">✓ Аккредитация WB</div>
            <div class="promo-badge warn">📄 Блог и статьи о нас</div>
          </div>

          <div class="promo-stats">
            <div class="promo-stat">
              <strong data-count="2300000000">2.3 млрд</strong>
              суммарной выручки сделали клиентам</span>
            </div>
            <div class="promo-stat">
              <strong data-count="29">29</strong>
              специалистов в команде</span>
            </div>
            <div class="promo-stat">
              <strong data-count="86">86%</strong>
              клиентов приходят по рекомендации</span>
            </div>
          </div>
        </div>

        <div class="promo-cards reveal">
          <article class="promo-card dark">
            <div class="tag">Хит</div>
            Продвижение. Поиск</h3>
            Комплексное ведение магазина на WB и Ozon. Топ-100 за 30 дней — гарантия в договоре. SEO + реклама + дизайн + склады.</p>
            от 30 000 ₽ · под ключ</strong>
          </article>

          <article class="promo-card">
            <div class="tag">Обучение</div>
            Наставничество 1-на-1</h3>
            Зум с практикующим наставником. Работаем до результата без воды и без формата “посмотрел урок — делай сам”.</p>
            70 000 ₽ · 2–3 месяца до результата</strong>
          </article>

          <article class="promo-card">
            <div class="tag">SEO</div>
            SEO-оптимизация</h3>
            100–500 ключевых запросов, правильная категория, оптимизация заголовка. Быстрый старт с минимальным бюджетом.</p>
            от 4 000 ₽ за карточку</strong>
          </article>
        </div>
      </div>
    </section>

    <section id="who" class="section section-light">
      <div class="container about-grid">
        <div class="about-photo reveal">
          <img src="{img['photo']}" alt="Кирилл" />
          <div class="about-overlay">
            Кирилл Пейсов</strong>
            Основатель ScaleUp Agency. Работаем системно: от ниши и стратегии до SEO, рекламы, аналитики, складов и роста выручки.</p>
          </div>
        </div>

        <div class="about-content reveal">
          <div class="eyebrow">Кто мы</div>
          <h2 class="section-title">Реальная команда. <span class="accent">Не фрилансеры.</span></h2>
          <p class="desc">
            С 2012 года в предпринимательстве. Построили агентство с командой специалистов и десятками запущенных проектов в товарном бизнесе.
            Работаем не по схеме “настроили и пропали”, а ведём магазин как систему: товар, трафик, карточки, выкуп, экономика, логистика и рост.
          </p>

          <div class="metrics-grid">
            <div class="metric">
              <strong data-count="470">470+</strong>
              клиентов и запусков за последние годы</span>
            </div>
            <div class="metric">
              <strong data-count="2300000000">2.3 млрд</strong>
              суммарной выручки сделали клиентам</span>
            </div>
            <div class="metric">
              <strong data-count="29">29</strong>
              специалистов в команде</span>
            </div>
            <div class="metric">
              <strong data-count="86">86%</strong>
              клиентов приходят по рекомендации</span>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="directions" class="section section-light">
      <div class="container">
        <div class="reveal">
          <div class="eyebrow">Что мы делаем</div>
          <h2 class="section-title">Три направления. <span class="accent">Одна гарантия.</span></h2>
          <p class="desc">
            Выберите то, что подходит вашей ситуации. На бесплатном звонке поможем быстро понять, с чего выгоднее стартовать именно вам.
          </p>
        </div>

        <div class="services">
          <article class="service-card reveal">
            <div class="service-icon">🚀</div>
            Комплексное продвижение</h3>
            SEO + реклама + дизайн + склады. Под ключ. Вы занимаетесь товаром — мы всем остальным.</p>
            <ul class="service-list">
              100–500 ключевых запросов на карточку</li>
              Реклама — авто + поисковые кампании</li>
              Дизайн и инфографика под CTR</li>
              Склады по регионам России</li>
              Еженедельные отчёты в Telegram и MAX</li>
            </ul>
            <div class="service-price">от 30 000 ₽</div>
          </article>

          <article class="service-card reveal">
            <div class="service-icon">🎓</div>
            Индивидуальное наставничество</h3>
            Не курс. Зум 1-на-1 с практикующим наставником. Работаем до результата.</p>
            <ul class="service-list">
              7 модулей от регистрации до 50 продаж</li>
              Практика на реальных кабинетах</li>
              Наставник с 5+ лет на WB, 4+ млн/мес</li>
              2–3 часа в неделю, любой график</li>
              Гарантия 50 продаж в неделю в договоре</li>
            </ul>
            <div class="service-price">70 000 ₽</div>
          </article>

          <article class="service-card reveal">
            <div class="service-icon">🔍</div>
            SEO-оптимизация карточек</h3>
            100–500 ключей, правильная категория, оптимизация описания. Быстрый старт.</p>
            <ul class="service-list">
              Семантика через MPStats</li>
              Правильная категория и фильтры</li>
              Заголовок, описание, характеристики</li>
              Аудит карточки перед работой</li>
              Гарантия роста ключей в договоре</li>
            </ul>
            <div class="service-price">от 4 000 ₽ за карточку</div>
          </article>
        </div>
      </div>
    </section>

    <section id="cases" class="section section-light">
      <div class="container">
        <div class="cases-head reveal">
          
            <div class="eyebrow">Кейсы</div>
            <h2 class="section-title">Реальные скрины. <span class="accent">Можно листать.</span></h2>
            <p class="desc">Ниже — реальные скрины из кабинетов WB и Ozon. Листайте и смотрите динамику по заказам, выкупам и обороту.</p>
          </div>
          <div class="slider-controls">
            <button class="ctrl" data-dir="-1" aria-label="Назад">←</button>
            <button class="ctrl" data-dir="1" aria-label="Вперёд">→</button>
          </div>
        </div>

        <div class="case-slider reveal" id="caseSlider">
          <article class="case">
            <div class="case-top">
              <div class="pill">WB / день</div>
              2 429 957 ₽ заказов</h3>
              Дневной результат по заказам. Сильный объём и хороший дополнительный блок доверия.</p>
            </div>
            <div class="phone-frame"><img src="{img['c1']}" alt="Кейс 1" /></div>
            <div class="case-bottom">
              <div class="case-metric">Заказы</span>430 шт.</strong></div>
              <div class="case-metric">Выкуп</span>732 362 ₽</strong></div>
            </div>
          </article>

          <article class="case">
            <div class="case-top">
              <div class="pill">WB / тёмная тема</div>
              189 980 ₽ заказов</h3>
              Живой скрин из кабинета. Хорошо показывает работу не только по заказам, но и по выкупу.</p>
            </div>
            <div class="phone-frame"><img src="{img['c2']}" alt="Кейс 2" /></div>
            <div class="case-bottom">
              <div class="case-metric">Заказы</span>100 шт.</strong></div>
              <div class="case-metric">Выкуп</span>138 336 ₽</strong></div>
            </div>
          </article>

          <article class="case">
            <div class="case-top">
              <div class="pill">WB / день</div>
              3 000 975 ₽ заказов</h3>
              Сильный дневной результат. Здесь видно и масштаб по заказам, и реальную работу по кабинету.</p>
            </div>
            <div class="phone-frame"><img src="{img['c3']}" alt="Кейс 3" /></div>
            <div class="case-bottom">
              <div class="case-metric">Заказы</span>550 шт.</strong></div>
              <div class="case-metric">Выкуп</span>804 744 ₽</strong></div>
            </div>
          </article>

          <article class="case">
            <div class="case-top">
              <div class="pill">WB / неделя</div>
              4 276 147 ₽ заказов</h3>
              Недельный кейс с крупным объёмом. Хорошо усиливает общий блок доверия к агентству.</p>
            </div>
            <div class="phone-frame"><img src="{img['c4']}" alt="Кейс 4" /></div>
            <div class="case-bottom">
              <div class="case-metric">Заказы</span>4 013 шт.</strong></div>
              <div class="case-metric">Выкуп</span>2 970 950 ₽</strong></div>
            </div>
          </article>

          <article class="case">
            <div class="case-top">
              <div class="pill">WB / день</div>
              766 526 ₽ заказов</h3>
              Дневной кейс с сильной динамикой. Нормально показывает стабильный рост по заказам.</p>
            </div>
            <div class="phone-frame"><img src="{img['c5']}" alt="Кейс 5" /></div>
            <div class="case-bottom">
              <div class="case-metric">Заказы</span>696 шт.</strong></div>
              <div class="case-metric">Прирост</span>+127 691 ₽</strong></div>
            </div>
          </article>

          <article class="case">
            <div class="case-top">
              <div class="pill">WB / день</div>
              654 803 ₽ заказов</h3>
              Ещё один дневной результат. Хорошо встаёт в блок как подтверждение стабильной работы.</p>
            </div>
            <div class="phone-frame"><img src="{img['c6']}" alt="Кейс 6" /></div>
            <div class="case-bottom">
              <div class="case-metric">Заказы</span>610 шт.</strong></div>
              <div class="case-metric">Прирост</span>+33 586 ₽</strong></div>
            </div>
          </article>

          <article class="case">
            <div class="case-top">
              <div class="pill">WB / день</div>
              543 325 ₽ заказов</h3>
              Ещё один живой дневной скрин. Здесь хорошо видно, как растёт заказная часть кабинета.</p>
            </div>
            <div class="phone-frame"><img src="{img['c7']}" alt="Кейс 7" /></div>
            <div class="case-bottom">
              <div class="case-metric">Заказы</span>496 шт.</strong></div>
              <div class="case-metric">Прирост</span>+27 601 ₽</strong></div>
            </div>
          </article>

          <article class="case">
            <div class="case-top">
              <div class="pill">WB / день</div>
              546 970 ₽ заказов</h3>
              Кейс с заказами и выкупом. Смотрится аккуратно и не выбивается из общей линейки скринов.</p>
            </div>
            <div class="phone-frame"><img src="{img['c8']}" alt="Кейс 8" /></div>
            <div class="case-bottom">
              <div class="case-metric">Заказы</span>134 шт.</strong></div>
              <div class="case-metric">Выкуп</span>90 440 ₽</strong></div>
            </div>
          </article>
        </div>
      </div>
    </section>

    <section id="calculator" class="section section-light">
      <div class="container">
        <div class="reveal">
          <div class="eyebrow">Калькулятор</div>
          <h2 class="section-title">Посчитайте: сколько вы <span class="accent">недополучаете</span> каждый месяц</h2>
          <p class="desc">
            Калькулятор построен так, как ты просил: площадка влияет на рост выручки, а маржа влияет на дополнительную прибыль и окупаемость. Если экономика слабая — сайт не врёт и пишет, что расчёт нужен индивидуальный.
          </p>
        </div>

        <div class="calc-wrap reveal">
          
            <div class="calc-label">Ваша площадка</div>
            <div class="segmented">
              <button class="seg-btn active calc-platform" data-platform="ozon">Ozon</button>
              <button class="seg-btn calc-platform" data-platform="wb">Wildberries</button>
            </div>

            <div class="calc-control">
              <div class="calc-row">
                <div class="calc-label" style="margin:0;">Выручка сейчас</div>
                <div class="calc-value" id="revenueValue">150 000 ₽</div>
              </div>
              <div class="slider-wrap">
                <input class="range" id="revenue" type="range" min="50000" max="5000000" step="50000" value="150000" />
              </div>
              <div class="limits">50 000 ₽</span>5 000 000 ₽</span></div>
            </div>

            <div class="calc-control">
              <div class="calc-row">
                <div class="calc-label" style="margin:0;">Маржинальность</div>
                <div class="calc-value" id="marginValue">20%</div>
              </div>
              <div class="slider-wrap">
                <input class="range" id="margin" type="range" min="1" max="20" step="1" value="20" />
              </div>
              <div class="limits">1%</span>20%</span></div>
              <div class="hint" id="marginHint">Отличный показатель — будем удерживать и растить</div>
            </div>
          </div>

          
            <div class="calc-card">
              <div class="calc-mini">Ваша выручка через 3 месяца</div>
              <h2 class="forecast" id="futureRevenue">217 500 ₽</h2>
              <div class="instead">вместо текущих <span id="insteadRevenue">150 000 ₽</span></div>
              <div class="loss">Каждый месяц без продвижения вы теряете <strong id="lostRevenue">67 500 ₽</strong></div>
              <div class="divider"></div>
              <div class="profit-label" id="profitLabel">Ваша дополнительная прибыль с нами</div>
              <div class="profit" id="extraProfit">+13 500 ₽</div>
            </div>

            <div class="calc-stats">
              <div class="calc-stat">
                <span class="name">Прирост выручки / мес</span>
                <span class="num green" id="growthPerMonth">+67 500 ₽</span>
              </div>
              <div class="calc-stat">
                <span class="name">Окупаемость ведения</span>
                <span class="num" id="payback">~2 месяца</span>
              </div>
              <div class="calc-stat">
                <span class="name">Стоимость ведения</span>
                <span class="num green">от 30 000 ₽/мес</span>
              </div>
            </div>

            <a class="btn btn-primary" style="width:100%;margin-top:18px;" href="#contact">Хочу такой результат — получить расчёт →</a>
            <div class="muted" style="text-align:center;margin-top:18px;font-size:16px;">Менеджер перезвонит в течение 30 минут. Расчёт — бесплатно, без обязательств.</div>
          </div>
        </div>
      </div>
    </section>

    <section id="contact" class="section">
      <div class="container contact-grid">
        <div class="contact-panel reveal">
          <div class="eyebrow">Начните сегодня</div>
          <h2 class="section-title">Получите расчёт <span class="accent">под ваш магазин</span></h2>
          
            Бесплатно рассчитаем стоимость, покажем потенциал роста для вашей ниши и расскажем, что конкретно можно улучшить прямо сейчас.
          </p>

          <div class="check-list">
            <div class="check"></i>Расчёт под вашу нишу и количество карточек</span></div>
            <div class="check"></i>Прогноз роста позиций за 30 дней</span></div>
            <div class="check"></i>Ответ менеджера до 30 минут</span></div>
            <div class="check"></i>Без давления — только конкретная польза</span></div>
            <div class="check"></i>Бонус: чек-лист “Аудит карточки за 10 минут”</span></div>
          </div>

          <div class="referral">
            
              5% за приведённого клиента</strong>
              Если приводите нам клиента, который заходит в работу — платим партнёрское вознаграждение 5%.</span>
            </div>
            <a class="btn btn-dark" href="https://t.me/peisov" target="_blank" rel="noopener">Обсудить партнёрство</a>
          </div>
        </div>

        <div class="form-card reveal">
          Оставить заявку</h3>
          Менеджер свяжется в течение 30 минут.</p>

          <input class="field" type="text" placeholder="Ваше имя" />
          <input class="field" type="text" placeholder="Телефон или Telegram" />
          <input class="field" type="text" placeholder="Ссылка на магазин (необязательно)" />
          <textarea class="field" rows="4" placeholder="Коротко о задаче"></textarea>

          <a class="btn btn-primary" style="width:100%;" href="https://t.me/peisov" target="_blank" rel="noopener">Аудит бесплатно →</a>
          <div class="tiny">Нажимая кнопку, вы соглашаетесь на обработку персональных данных. Для Tilda потом можно подключить реальную форму в Telegram / почту / CRM.</div>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container footer-inner">
      <div class="footer-top">
        © 2026 ScaleUp Agency. Кирилл — развитие магазинов на маркетплейсах.</div>
        <div class="footer-links">
          <a href="#who">Кто мы</a>
          <a href="#directions">Направления</a>
          <a href="#cases">Кейсы</a>
          <a href="#contact">Контакты</a>
        </div>
      </div>
      <div class="footer-meta">
        ИП Пейсов Кирилл Сергеевич
        ОГРН 322246800024079
        Telegram: @peisov · Блог: t.me/sergeevichxxx · Телефон: +7 933 027-35-27
      </div>
    </div>
  </footer>

  <button class="chat-fab" id="chatFab" aria-label="Открыть чат">💬</button>

  <div class="chat-widget" id="chatWidget">
    <div class="chat-head">
      <div class="chat-user">
        <img src="{img['logo']}" alt="ScaleUp" />
        
          ScaleUp Agency</strong>
          Онлайн · отвечаем до 30 минут</span>
        </div>
      </div>
      <button id="chatClose" style="border:none;background:transparent;color:#fff;font-size:22px;cursor:pointer;">×</button>
    </div>
    <div class="chat-body">
      <div class="msg">Добрый день! Чем могу помочь с маркетплейсами? Напишите в Telegram или оставьте заявку — разберём вашу ситуацию.</div>
    </div>
    <div class="chat-actions">
      <a class="btn btn-primary" href="https://t.me/peisov" target="_blank" rel="noopener">Написать в Telegram</a>
      <a class="btn btn-light" href="tel:+79330273527">Позвонить: +7 933 027-35-27</a>
    </div>
  </div>

  


"""

out = Path("/mnt/data/scaleup_agency_final_polished.html")
out.write_text(html, encoding="utf-8")
print(out)
