/*
Theme Name: TradeLynq
Theme URI: https://tradelynq.com
Description: TradeLynq marketing site (v4 redesign) — the AI employee for remodelers. Built to STRICT-IMPLEMENTATION from the approved .dc.html prototypes. 26 pages incl. Contact; nav/footer route to the real pages; Sign Up / Sign In hand off to the app; Book a demo funnel in-site; self-healing route flush.
Author: TradeLynq
Version: 4.2.1
*/
*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;overflow-x:hidden;background:#F7F5F1;font-family:'Onest',system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#17222F}
  a{color:inherit;text-decoration:none}
  @keyframes riseIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
  .hamburger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;border:1px solid #E2DED5;background:#fff;cursor:pointer;color:#17222F;flex-shrink:0}
  .hamburger .ic-x{display:none}
  #tlq-nav:checked ~ .hamburger .ic-x{display:block}
  #tlq-nav:checked ~ .hamburger .ic-bars{display:none}
  .mobilemenu{display:none;position:absolute;left:0;right:0;top:100%;z-index:60;background:#fff;border-bottom:1px solid #E7E3DB;box-shadow:0 24px 40px -24px rgba(20,18,40,.3);padding:12px 26px 20px;flex-direction:column}
  #tlq-nav:checked ~ .mobilemenu{display:flex}
  .mobilemenu a{padding:14px 6px;font-size:16px;font-weight:700;color:#17222F;border-bottom:1px solid #F1EEE8}
  .mobilemenu a.mm-cta{margin-top:14px;background:#E8622A;color:#fff;border-radius:12px;text-align:center;border-bottom:none;box-shadow:0 12px 26px -12px rgba(232,98,42,.8)}
  @media(max-width:820px){.navlinks,.navsignin{display:none!important}.hamburger{display:inline-flex}.imm-left{display:none!important}}

/* generated hover states */
.dc-hv1:hover{background:#C2531F !important}
.dc-hv2:hover{background:#F1EEE8 !important}
.dc-hv3:hover{background:#E4E7EB !important}
.dc-hv4:hover{background:rgba(255,255,255,.2) !important}
.dc-hv5:hover{background:#F0733B !important}
.dc-hv6:hover{background:rgba(255,255,255,.16) !important}
.dc-hv7:hover{color:#fff !important}
.dc-hv8:hover{background:rgba(255,255,255,.18) !important}
.dc-hv9:hover{background:#0E1620 !important}
.dc-hv10:hover{background:#F7F5F1 !important}

/* focus rings */
.tlq-demo input:focus,.tlq-demo select:focus,.tlq-demo textarea:focus,.fin:focus{border:1px solid #E8622A !important}

/* FAQ accordion */
.faq-ic{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#F1EEE8;color:#8A94A3;transition:transform .2s, background .2s}
.faq-item.is-open .faq-ic{background:#E8622A;color:#fff;transform:rotate(45deg)}
.faq-a{display:none}
.faq-item.is-open .faq-a{display:block}

/* spec §4: a "Book a demo" mobile-menu CTA must not use the orange (Sign Up) treatment */
.mm-cta-demo{background:#17222F !important;box-shadow:0 12px 26px -12px rgba(23,34,47,.5) !important}

/* anchor targets clear the sticky nav */
[id]{scroll-margin-top:82px}