/* T&T — Service-page components (migrated from legacy inline; page-specific only).
   Shared chrome (nav, hero, footer, buttons, type) is provided by styles.css.
   Tokens (--orange, --light-bg, --border, --black, --white, --slate) resolve from styles.css :root. */

/* Trust bar */
.trust-bar{background:var(--light-bg);padding:32px 24px;border-bottom:1px solid var(--border);}
.trust-bar .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;}
.trust-item{display:flex;align-items:flex-start;gap:12px;}
.trust-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.trust-icon svg{width:24px;height:24px;stroke:var(--orange);stroke-width:2;fill:none;}
.trust-text{font-size:14px;color:var(--black);font-weight:500;line-height:1.4;}

/* Intro section */
.intro-section{padding:56px 24px;}
.intro-section .container{max-width:720px;}
.intro-section p{font-size:16px;line-height:1.8;color:var(--black);margin-bottom:28px;}
.intro-section a{color:var(--orange);text-decoration:none;}
.intro-section a:hover{text-decoration:underline;}
.intro-cta{display:inline-block;background:var(--orange);color:#fff !important;padding:12px 24px;border-radius:100px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;}
.intro-cta:hover{background:var(--orange-dark);}

/* Body sections */
.body-section{padding:48px 0;}
.body-section .container{max-width:900px;}
.body-section h2{font-size:clamp(24px,5vw,36px);font-weight:800;color:var(--black);margin-bottom:20px;line-height:1.2;}
.body-section p{font-size:16px;line-height:1.8;color:var(--black);margin-bottom:20px;}

/* Mid-page CTA */
.mid-cta{background:var(--orange);color:var(--white);padding:48px 24px;margin:48px 0;border-radius:12px;text-align:center;}
.mid-cta h3{font-size:28px;font-weight:800;margin-bottom:16px;}
.mid-cta .btn-primary{background:var(--white) !important;color:var(--orange) !important;margin-top:20px;}
.mid-cta .btn-primary:hover{background:rgba(255,255,255,0.9) !important;color:var(--orange) !important;}

/* FAQ accordion */
.faq-section{padding:56px 24px;}
.faq-section .container{max-width:800px;}
.faq-section h2{font-size:clamp(28px,5vw,40px);font-weight:800;color:var(--black);text-align:center;margin-bottom:48px;}
.faq-items{display:flex;flex-direction:column;gap:12px;}
.faq-item{border:1px solid var(--border);border-radius:8px;overflow:hidden;}
.faq-question{width:100%;background:var(--light-bg);padding:16px 20px;border:none;font-size:15px;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s;}
.faq-question:hover{background:#EEEEEE;}
.faq-question::after{content:'+';font-size:20px;font-weight:300;}
.faq-item.open .faq-question{background:var(--white);}
.faq-item.open .faq-question::after{content:'−';}
.faq-answer{display:none;padding:20px;font-size:15px;line-height:1.7;color:var(--black);background:var(--white);}
.faq-item.open .faq-answer{display:block;}
.faq-cta{margin-top:48px;text-align:center;padding:24px;background:var(--light-bg);border-radius:12px;}
.faq-cta p{font-size:15px;color:var(--black);margin-bottom:12px;}

/* Lead form */
.lead-form-section{padding:56px 24px;background:var(--light-bg);}
.lead-form-section .container{max-width:600px;}
.lead-form-section h2{font-size:clamp(28px,5vw,36px);font-weight:800;color:var(--black);text-align:center;margin-bottom:12px;}
.lead-form-sub{font-size:16px;color:var(--slate);text-align:center;margin-bottom:32px;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--black);}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--border);border-radius:6px;font-family:var(--font);}
.form-group textarea{resize:vertical;min-height:100px;}