:root{
  --terracotta:#D43911; --terracotta-dark:#B9310F;
  --yellow:#FAC739; --yellow-soft:#FFED7A; --yellow-bg:#FFFBEB;
  --ink:#28282B; --body:#111827; --muted:#666666;
  --line:#E7E7E7; --line-soft:#F0F0F0; --surface:#F9F9F9;
  --blue:#1377BD; --green:#22C55E; --red:#D30000; --white:#fff;
  --radius:18px; --radius-lg:24px;
  --shadow:0 1px 2px rgba(40,40,43,.04),0 8px 24px rgba(40,40,43,.06);
  --shadow-lg:0 12px 40px rgba(40,40,43,.12);
  --maxw:1160px;
  --display:'Rubik',sans-serif; /* поміняти на 'Bebas Neue' тільки якщо шрифт доданий у шаблон */
  --ic-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27%2F%3E%3C%2Fsvg%3E");
  --ic-grid:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E");
  --ic-chart:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%203v18h18%27%2F%3E%3Cpath%20d%3D%27m7%2014%204-4%203%203%205-6%27%2F%3E%3C%2Fsvg%3E");
  --ic-people:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M4%2021v-1a6%206%200%200%201%206-6h4a6%206%200%200%201%206%206v1%27%2F%3E%3C%2Fsvg%3E");
  --ic-baby:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%207h-3a4%204%200%200%200-8%200H4l1%2013h14z%27%2F%3E%3Cpath%20d%3D%27M9%207a3%203%200%200%201%206%200%27%2F%3E%3C%2Fsvg%3E");
  --ic-shirt:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%202%203%206v14a1%201%200%200%200%201%201h16a1%201%200%200%200%201-1V6l-3-4z%27%2F%3E%3Cpath%20d%3D%27M3%206h18%27%2F%3E%3Cpath%20d%3D%27M16%2010a4%204%200%200%201-8%200%27%2F%3E%3C%2Fsvg%3E");
  --ic-build:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%2020h20%27%2F%3E%3Cpath%20d%3D%27M4%2020V8l8-5%208%205v12%27%2F%3E%3Cpath%20d%3D%27M9%2020v-6h6v6%27%2F%3E%3C%2Fsvg%3E");
  --ic-bottle:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%202v6l-4%208a4%204%200%200%200%204%206h6a4%204%200%200%200%204-6l-4-8V2%27%2F%3E%3Cpath%20d%3D%27M9%202h6%27%2F%3E%3C%2Fsvg%3E");
  --ic-monitor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272%27%20y%3D%273%27%20width%3D%2720%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%2021h8%27%2F%3E%3Cpath%20d%3D%27M12%2017v4%27%2F%3E%3C%2Fsvg%3E");
  --ic-wrench:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%27%2F%3E%3C%2Fsvg%3E");
}

/* увесь лендинг ізольовано в .ts-crm — підвищує специфічність над main.css і не зачіпає решту сайту */
.ts-crm{font-family:'Rubik',sans-serif;color:var(--body);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
.ts-crm *{box-sizing:border-box}
.ts-crm img{max-width:100%;height:auto}
.ts-crm .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.ts-crm a{color:var(--terracotta);text-decoration:none}
.ts-crm h2,.ts-crm h3{color:var(--ink);line-height:1.12;margin:0 0 .5em;font-weight:900;letter-spacing:-.01em}
.ts-crm h2{font-size:clamp(28px,4vw,40px)}
.ts-crm h3{font-size:21px;font-weight:700;letter-spacing:-.005em}
.ts-crm p{margin:0 0 1em}
.ts-crm strong{font-weight:700;color:var(--ink)}

/* нейтралізуємо списки main.css: float/width/padding на .content li + жовта крапка ::after */
.ts-crm ul,.ts-crm ol{list-style:none;margin:0;padding:0}
.ts-crm ul li,.ts-crm ol li{float:none;width:auto;padding-left:0;margin:0;position:static}
.ts-crm ul li::after,.ts-crm ol li::after{content:none !important;display:none !important;background:none !important}
.ts-crm .eyebrow{font-family:var(--display);font-weight:700;letter-spacing:.12em;font-size:14px;color:var(--terracotta);text-transform:uppercase;margin-bottom:14px;display:inline-block}
.ts-crm .section{padding:84px 0}
.ts-crm .section--tight{padding:60px 0}
.ts-crm .section--surface{background:var(--surface)}
.ts-crm .intro{max-width:760px;margin-bottom:46px}
.ts-crm .intro p{font-size:18px;color:#374151}
.ts-crm .center{text-align:center}
.ts-crm .center .intro{margin-left:auto;margin-right:auto}

/* buttons */
.ts-crm .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Rubik',sans-serif;font-weight:700;font-size:16px;padding:15px 28px;border-radius:30px;border:2px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap;line-height:1.2;width:auto}
.ts-crm .btn--primary{background:var(--terracotta);color:#fff}
.ts-crm .btn--primary:hover{background:var(--terracotta-dark)}
.ts-crm .btn--ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.ts-crm .btn--ghost:hover{border-color:var(--ink)}
.ts-crm .btn--lg{padding:17px 34px;font-size:17px}
.ts-crm .btn--light{background:#fff;color:var(--ink)}
.ts-crm .btn--light:hover{background:var(--yellow)}
.ts-crm .btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* hero */
.ts-crm .hero{position:relative;overflow:hidden;padding:72px 0;background:
   radial-gradient(900px 420px at 88% -8%,rgba(250,199,57,.20),transparent 60%),
   radial-gradient(700px 380px at 4% 108%,rgba(212,57,17,.07),transparent 60%)}
.ts-crm .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.ts-crm .hero h1,.ts-crm .hero .h1{font-size:clamp(34px,5vw,54px);margin:0 0 18px;color:var(--ink);font-weight:900;line-height:1.1;letter-spacing:-.01em}
.ts-crm .hero .kicker{color:var(--terracotta)}
.ts-crm .hero-sub{font-size:19px;color:#374151;max-width:540px;margin-bottom:28px}
.ts-crm .hero-trust{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:30px;font-size:14px;color:var(--muted)}
.ts-crm .hero-trust span{display:inline-flex;align-items:baseline}
.ts-crm .hero-trust b{font-family:var(--display);font-weight:900;font-size:22px;color:var(--ink);margin-right:6px}
.ts-crm .hero-media{position:relative}
.ts-crm .hero-media img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff}
.ts-crm .hero-media .badge{position:absolute;left:-14px;bottom:24px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow);font-size:14px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:10px;max-width:230px}
.ts-crm .hero-media .badge .dot{width:10px;height:10px;border-radius:50%;background:var(--green);flex-shrink:0}
.ts-crm .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ts-crm .chip{background:#fff;border:1px solid var(--line);border-radius:30px;padding:9px 16px 9px 14px;font-size:14px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:8px}
.ts-crm .chip::before{content:"";width:16px;height:16px;flex-shrink:0;background:var(--terracotta);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}

/* lead summary */
.ts-crm .lead-summary{background:var(--yellow-bg);border:1px solid var(--yellow-soft);border-radius:var(--radius-lg);padding:34px 38px;max-width:920px;margin:0 auto}
.ts-crm .lead-summary .lead-definition{font-size:19px;color:var(--ink);font-weight:500}
.ts-crm .lead-summary p:last-child{margin-bottom:0}

/* grids + cards */
.ts-crm .grid{display:grid;gap:22px}
.ts-crm .grid--3{grid-template-columns:repeat(3,1fr)}
.ts-crm .grid--2{grid-template-columns:repeat(2,1fr)}
.ts-crm .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:.18s;height:100%}
.ts-crm .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#dcdcdc}
.ts-crm .card .num{font-family:var(--display);font-weight:900;font-size:28px;color:var(--terracotta);line-height:1;display:inline-block;margin-bottom:10px}
.ts-crm .card ul{margin:.4em 0 0;padding-left:0;color:#374151;font-size:15px}
.ts-crm .card ul li{margin-bottom:6px;padding-left:20px;position:relative}
.ts-crm .card ul li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--terracotta)}
.ts-crm .card p{font-size:15px;color:#374151;margin-bottom:0}

/* icon chip (mask) */
.ts-crm .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--yellow-bg)}
.ts-crm .ic::before{content:"";width:24px;height:24px;background:var(--ic-color,var(--terracotta));-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ts-crm .ic--grid{--i:var(--ic-grid)} .ts-crm .ic--chart{--i:var(--ic-chart)} .ts-crm .ic--people{--i:var(--ic-people)}
.ts-crm .ic--baby{--i:var(--ic-baby)} .ts-crm .ic--shirt{--i:var(--ic-shirt)} .ts-crm .ic--build{--i:var(--ic-build)}
.ts-crm .ic--bottle{--i:var(--ic-bottle)} .ts-crm .ic--monitor{--i:var(--ic-monitor)} .ts-crm .ic--wrench{--i:var(--ic-wrench)}

/* differentiators */
.ts-crm .diff-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;height:100%}
.ts-crm .diff-card .ic{width:54px;height:54px;border-radius:14px;background:var(--ink);--ic-color:var(--yellow);margin-bottom:18px}
.ts-crm .diff-card .ic::before{width:28px;height:28px}
.ts-crm .diff-card h3{font-size:22px}
.ts-crm .diff-card p{color:#374151;margin-bottom:0}

/* compare */
.ts-crm .compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.ts-crm .compare-col{padding:30px 30px 14px}
.ts-crm .compare-col.them{background:var(--surface)}
.ts-crm .compare-col.us{border-left:1px solid var(--line)}
.ts-crm .compare-tag{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:20px;margin-bottom:18px}
.ts-crm .compare-tag.t-them{background:#fde8e8;color:var(--red)}
.ts-crm .compare-tag.t-us{background:#e7f7ec;color:#15803d}
.ts-crm .compare-list{list-style:none;margin:0;padding:0}
.ts-crm .compare-list li{padding:13px 0 13px 30px;border-top:1px solid var(--line-soft);position:relative;font-size:15px;color:#374151}
.ts-crm .compare-list li:first-child{border-top:none}
.ts-crm .compare-list li::before{position:absolute;left:0;top:13px;font-weight:700}
.ts-crm .them .compare-list li::before{content:"—";color:var(--red)}
.ts-crm .us .compare-list li::before{content:"✓";color:var(--green)}

/* showcase */
.ts-crm .showcase{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ts-crm .showcase img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow)}
.ts-crm .showcase ul{padding-left:0;list-style:none;margin:18px 0 0}
.ts-crm .showcase ul li{padding-left:30px;position:relative;margin-bottom:12px;color:#374151}
.ts-crm .showcase ul li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:var(--yellow);box-shadow:inset 0 0 0 5px var(--white),inset 0 0 0 8px var(--terracotta)}

/* integrations */
.ts-crm .int-wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}
.ts-crm .int-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 20px;font-weight:600;color:var(--ink);font-size:15px}
.ts-crm .int-pill::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--terracotta)}
.ts-crm .int-note{margin:34px 0 0;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:14px;padding:22px 26px;max-width:880px}
.ts-crm .int-note p{margin:0;font-size:15px;color:#374151}

/* stats */
.ts-crm .stats{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:54px 40px}
.ts-crm .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.ts-crm .stat .v{font-family:var(--display);font-weight:900;font-size:46px;line-height:1;color:var(--yellow)}
.ts-crm .stat .l{font-size:14px;color:#cfcfd3;margin-top:8px}
.ts-crm .stats-foot{text-align:center;margin-top:30px;color:#cfcfd3;font-size:15px;margin-bottom:0}

/* pricing */
.ts-crm .price-note{background:#fef2f2;border:1px solid #f6cccc;border-left:4px solid var(--red);border-radius:14px;padding:18px 24px;margin-bottom:34px;color:#7a1414;font-size:15px;max-width:920px}
.ts-crm .price-note strong{color:#7a1414}
.ts-crm .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px}
.ts-crm .tier{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.ts-crm .tier h3{margin-bottom:6px}
.ts-crm .tier .for{font-size:14px;color:var(--muted);margin-bottom:0}
.ts-crm .opt-block h3{font-size:18px;margin-bottom:14px}
.ts-crm .opt-list{list-style:none;margin:0 0 30px;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.ts-crm .opt-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-top:1px solid var(--line-soft)}
.ts-crm .opt-list li:first-child{border-top:none}
.ts-crm .opt-list .name{font-weight:600;color:var(--ink);font-size:15px}
.ts-crm .opt-list .name a{color:var(--ink)}
.ts-crm .opt-list .name a:hover{color:var(--terracotta)}
.ts-crm .opt-list .price{font-family:var(--display);font-weight:900;font-size:21px;color:var(--terracotta);white-space:nowrap}
.ts-crm .opt-list .price::after{content:" грн";font-family:'Rubik',sans-serif;font-weight:500;font-size:13px;color:var(--muted)}

/* faq */
.ts-crm .faq{max-width:880px;margin:0}
.ts-crm .faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.ts-crm .faq details[open]{border-color:#dcdcdc;box-shadow:var(--shadow)}
.ts-crm .faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font-weight:700;color:var(--ink);font-size:17px;position:relative}
.ts-crm .faq summary::-webkit-details-marker{display:none}
.ts-crm .faq summary::after{content:"+";position:absolute;right:22px;top:16px;font-size:24px;color:var(--terracotta);transition:.2s}
.ts-crm .faq details[open] summary::after{transform:rotate(45deg)}
.ts-crm .faq .ans{padding:0 24px 22px;color:#374151;font-size:15.5px}
.ts-crm .faq .ans p:last-child{margin-bottom:0}

/* final cta */
.ts-crm .final-cta{background:linear-gradient(135deg,var(--terracotta) 0%,#E8541F 60%,var(--yellow) 165%);border-radius:var(--radius-lg);padding:60px 44px;text-align:center;color:#fff}
.ts-crm .final-cta h2{color:#fff;margin-bottom:14px}
.ts-crm .final-cta p{color:rgba(255,255,255,.92);font-size:18px;max-width:620px;margin:0 auto 28px}
.ts-crm .final-cta .btn-row{justify-content:center}

@media(max-width:980px){
  .ts-crm .hero-grid,.ts-crm .showcase{grid-template-columns:1fr;gap:36px}
  .ts-crm .hero-media{order:-1}
  .ts-crm .hero-media .badge{position:static;left:auto;bottom:auto;max-width:none;width:100%;margin:14px 0 0}
  .ts-crm .grid--3,.ts-crm .tier-grid,.ts-crm .stats-grid{grid-template-columns:repeat(2,1fr)}
  .ts-crm .compare{grid-template-columns:1fr}
  .ts-crm .compare-col.us{border-left:none;border-top:1px solid var(--line)}
}
@media(max-width:560px){
  .ts-crm{font-size:16px}
  .ts-crm .section{padding:52px 0}
  .ts-crm .section--tight{padding:36px 0}
  .ts-crm .hero{padding:44px 0 28px}
  .ts-crm .grid--3,.ts-crm .grid--2,.ts-crm .tier-grid,.ts-crm .stats-grid{grid-template-columns:1fr}
  .ts-crm .lead-summary{padding:26px 22px}
  .ts-crm .stats{padding:40px 24px}
  .ts-crm .opt-list li{flex-direction:column;align-items:flex-start;gap:6px}
  .ts-crm .btn{width:100%}
  .ts-crm .btn-row{flex-direction:column;align-items:stretch}
}

/* групи інтеграцій (додано v=4) */
.ts-crm .int-group{margin-top:26px}
.ts-crm .int-group:first-of-type{margin-top:0}
.ts-crm .int-group > .eyebrow{display:block;margin-bottom:12px}