/* Timmacy Growth Labs: desktop polish (2026-10-16, owner: "on desktop make it bold and clean and big and simple")
   Loaded last on every site page. Only screens 1200px and wider are touched; phones keep tgl-mobile.css.
   Brand colours unchanged. Bold: headings 800. Big: larger headings, body 18px, larger card text, pills and
   buttons. Clean and simple: no ghost background words and no dot grids behind sections. */
@media (min-width: 1200px) {
  :root {
    --heading-one: clamp(4rem, 1.6rem + 4.2vw, 6rem);
    --heading-two: clamp(2.8rem, 1.6rem + 2vw, 4.1rem);
  }

  /* bold, big headings */
  h1, .h1 { font-weight: 800; letter-spacing: -0.04em; line-height: 1.02; }
  h2, .h2 { font-weight: 800; letter-spacing: -0.035em; line-height: 1.06; }
  h3, .h3, h4, .h4 { font-weight: 700; letter-spacing: -0.02em; }
  .tgl-hero-title { font-weight: 800; }
  .section-heading h2, section h2.splitTextStyleOne { font-size: var(--heading-two); }

  /* big, easy body text */
  body { font-size: 1.125rem; line-height: 1.7; }
  .section-heading p, .section-heading > p { font-size: 1.28rem; line-height: 1.65; max-width: 760px; margin-inline: auto; }
  .banner-one p, .tgl-page-hero p { font-size: 1.4rem !important; }

  /* section labels and buttons: a size up */
  .section-heading > span:not(.tgl-label), .tgl-pill { font-size: 1rem !important; padding: 8px 20px !important; }
  .btn:not(.rounded-circle) { font-size: 1.05rem; }
  .btn.tgl-btn-outline { padding: 16px 30px !important; }
  .tgl-st__btn, .tgl-ls__visit, .tgl-devcta__btn { font-size: 1.05rem; }

  /* cards: bigger titles and text */
  .tgl-box h3, .tgl-svc h3, .tgl-why__card h3, .tgl-way h3, .tgl-step h3, .tgl-post h3 { font-size: 1.5rem; line-height: 1.25; }
  .tgl-box p, .tgl-svc p, .tgl-why__card p, .tgl-way p, .tgl-step p, .tgl-post p, .tgl-flows span,
  .tgl-st__text, .tgl-ls__desc, .tgl-devcta__text, .tgl-accordion .accordion-body p { font-size: 1.1rem; line-height: 1.7; }
  .tgl-st__title { font-size: clamp(2.2rem, 1.4rem + 1.2vw, 2.8rem); font-weight: 800; }
  .tgl-st__tab { font-size: 0.95rem; min-height: 116px; }
  .tgl-st__ico { width: 50px; height: 50px; font-size: 1.45rem; }
  .tgl-accordion .accordion-button { font-size: 1.25rem; }
  .tgl-ls__name { font-weight: 800; }

  /* clean and simple: no decoration behind the content */
  .tgl-bgword { display: none !important; }
  .tgl-deco::before { display: none; }
}

@media (min-width: 1200px) {
  /* the header and hero containers are 1520px wide, so on a 1280-1600px laptop the logo and the headline
     sat against the screen edge: give them real side margins */
  .header .container.max-w-1520-px, .banner-one .container.max-w-1520-px, .tgl-page-hero .container.max-w-1520-px {
    padding-inline: clamp(32px, 4.5vw, 88px);
  }

  /* testimonial and proof rows with four videos: fill the width as a 4-column grid instead of bunching left */
  .tgl-vids:not(.tgl-vids--single):not(.tgl-vids--grid) .tgl-vids__track:not(:has(> :nth-child(5))) {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; padding: 10px max(16px, calc((100% - 1290px) / 2)) 26px; overflow: visible;
  }
  .tgl-vids:not(.tgl-vids--single):not(.tgl-vids--grid) .tgl-vids__track:not(:has(> :nth-child(5))) > .tgl-vcard { width: auto; }
}