/* Quick2Tally inner pages, matching the home page green + blue theme.
   Loaded after q2t-theme-green.css on every page that uses _Layout. */

/* ---------- Page hero band (deep teal-blue, white text) ---------- */
.q2t-page-hero { position: relative; overflow: hidden; background: var(--q2t-deep, linear-gradient(135deg, #17544d 0%, #1a4a7a 45%, #1d3f8f 100%)); color: #fff; text-align: center; padding: 44px 0 40px; }
.q2t-page-hero::before { content: ""; position: absolute; left: -10%; bottom: -40%; width: 50%; height: 120%; background: radial-gradient(ellipse at center, rgba(127, 214, 162, 0.12), transparent 70%); pointer-events: none; }
.q2t-page-hero::after { content: ""; position: absolute; right: -10%; top: -40%; width: 50%; height: 120%; background: radial-gradient(ellipse at center, rgba(140, 180, 255, 0.18), transparent 70%); pointer-events: none; }
.q2t-page-hero .container { position: relative; z-index: 1; }
.q2t-page-hero .q2t-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #7fd6a2; margin-bottom: 6px; }
.q2t-page-hero h1 { margin: 0 auto 10px; max-width: 900px; color: #fff !important; font-weight: 800; font-size: clamp(1.8rem, 3.2vw, 2.6rem); line-height: 1.15; letter-spacing: -0.01em; }
.q2t-page-hero p { margin: 0 auto; max-width: 720px; color: rgba(230, 239, 233, 0.86); font-size: 17px; line-height: 1.6; }
.q2t-page-hero p a { color: #7fd6a2; font-weight: 600; }
.q2t-hero-chips { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.q2t-hero-chips li { background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22); color: #fff; border-radius: 999px; padding: 5px 14px; font-size: 14px; font-weight: 600; }
@media (max-width: 767px) { .q2t-page-hero { padding: 32px 0 28px; } .q2t-page-hero p { font-size: 15.5px; } }

/* content directly under a hero starts a little tighter */
.q2t-page-hero + section.section-padding { padding-top: 36px !important; }

/* ---------- Shared bits on inner pages ---------- */
.section-heading h1, .section-heading h2 { color: var(--q2t-ink, #13261b); }
.table thead { background: linear-gradient(135deg, #17544d 0%, #1d3f8f 100%) !important; }
.table thead th { border-bottom-color: transparent !important; color: #fff; }
.tdl-page .paidTblInner th { background: linear-gradient(135deg, #17544d 0%, #1d3f8f 100%) !important; }
.htu-counter-section { background: var(--q2t-deep, linear-gradient(135deg, #17544d 0%, #1a4a7a 45%, #1d3f8f 100%)) !important; }
.q2t-box-title { font-size: 26px; font-weight: 800; color: var(--q2t-ink, #13261b); margin: 0 0 10px; }

/* Floating "Get in touch" form: header and button in the new palette */
.floating-lead-form-header,
.floating-lead-form-tab { background: linear-gradient(135deg, #17544d 0%, #1d3f8f 100%) !important; }
.floating-lead-form-submit { background: var(--q2t-green, #1d6b40) !important; }

/* Login / signup: card on the deep band */
.auth-page { background: var(--q2t-deep, linear-gradient(135deg, #17544d 0%, #1a4a7a 45%, #1d3f8f 100%)) !important; }
.auth-card { border: 0 !important; box-shadow: 0 24px 50px -24px rgba(0, 0, 0, 0.6) !important; }
.auth-card__title { color: var(--q2t-ink, #13261b) !important; font-weight: 800; }

/* Download form page */
.payOnce .demobox { background: var(--q2t-green-tint, #eaf5ee); border: 1px solid var(--q2t-line, #e1e9e4); border-radius: 18px; padding: 24px; }

/* Partner page: hero row on the deep band */
.partner-signup-hero { background: var(--q2t-deep, linear-gradient(135deg, #17544d 0%, #1a4a7a 45%, #1d3f8f 100%)); border-radius: 24px; padding: 24px; margin-top: 24px; }
.partner-signup-hero .partner-signup-title { color: #fff !important; }
.partner-signup-hero p, .partner-signup-hero .partner-signup-lead { color: rgba(230, 239, 233, 0.88) !important; }
.partner-signup-img-wrap { background: #fff; border-radius: 18px; overflow: hidden; }

/* Terms page: readable text column */
.q2t-terms .container { max-width: 960px; }
.q2t-terms .grow-content { background: #fff; border: 1px solid var(--q2t-line, #e1e9e4); border-radius: 18px; padding: 28px 32px; }
.q2t-terms .grow-content p, .q2t-terms .grow-content li { color: var(--q2t-text, #3d4f45); line-height: 1.7; }
@media (max-width: 767px) { .q2t-terms .container { padding: 16px !important; } .q2t-terms .grow-content { padding: 18px; } }

/* Legacy navy (#1f3485) overrides from style.css / ui-modern.css */
.loginbtn, .demoboxform button, .tdl-form-submit, .contact-form button[type="submit"], .feat .item:hover, .carousel-indicators .active { background: var(--q2t-green, #1d6b40) !important; border-color: var(--q2t-green, #1d6b40) !important; color: #fff !important; }
.tdl-form-submit:hover, .demoboxform button:hover { background: var(--q2t-green-dark, #14502f) !important; }
.demoboxform { background: #fff !important; }
.contentbox h1, .headvideoheading, p.topheadcontact { color: var(--q2t-ink, #13261b) !important; }
.featuresBoxnewsec { background: var(--q2t-green-tint, #eaf5ee) !important; }
@media (max-width: 991px) { #header { background: #fff !important; } }

/* ---------- OTP sign up / sign in ---------- */
.q2t-otp-row { display: flex; align-items: stretch; gap: 8px; }
.q2t-otp-row .form-control { flex: 1 1 auto; min-width: 0; }
.q2t-cc { display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid #d5dfda; border-radius: 10px; background: #f6faf7; font-weight: 700; color: var(--q2t-ink, #13261b); }
.q2t-otp-btn { flex: 0 0 auto; border: 0; border-radius: 10px; padding: 0 16px; background: var(--q2t-blue, #2456c7); color: #fff; font-weight: 700; font-size: 14px; white-space: nowrap; cursor: pointer; }
.q2t-otp-btn:hover { background: #1a43a0; }
.q2t-otp-btn:disabled { background: #9fb3df; cursor: default; }
.q2t-otp-input { letter-spacing: .4em; font-size: 20px !important; font-weight: 700; text-align: center; }
.q2t-otp-status { display: block; margin-top: 6px; font-size: 13px; color: var(--q2t-green, #1d6b40); font-weight: 600; }
.q2t-auth-note { margin: 10px 0 0; font-size: 13px; color: #6b7a73; text-align: center; }
.q2t-auth-info { color: var(--q2t-green, #1d6b40); font-weight: 600; margin-bottom: .75rem; }
.q2t-auth-tabs { display: flex; gap: 4px; background: #f1f5f3; padding: 4px; border-radius: 12px; margin: 4px 0 16px; }
.q2t-auth-tabs button { flex: 1; border: 0; background: transparent; padding: 9px 10px; border-radius: 9px; font-weight: 700; color: #4a5a52; cursor: pointer; }
.q2t-auth-tabs button.is-on { background: #fff; color: var(--q2t-green, #1d6b40); box-shadow: 0 1px 3px rgba(0,0,0,.08); }