/* PAYQUOTE BRAND COLORS */
:root {--pq-green:#66B82B; --pq-dark-green:#347B24; --pq-light-green:#F0F8E9; --pq-navy:#0a173d; --pq-muted:#596b89; --bs-primary:#66B82B; --bs-primary-rgb:102,184,43;}

/* GENERAL */
html {scroll-behavior:smooth; scroll-padding-top:85px;}
body {color:var(--pq-navy); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.text-primary {color:var(--pq-dark-green)!important;}
a {color:var(--pq-dark-green);}
a:hover {color:var(--pq-green);}

/* BUTTONS */
.btn {border-radius:10px; font-weight:600;}
.btn-primary {background:linear-gradient(180deg,#79C93B,#4A9B25); border-color:#66B82B; color:#fff; box-shadow:0 5px 14px rgba(65,135,35,.16);}
.btn-primary:hover, .btn-primary:focus {background:#347B24; border-color:#347B24; color:#fff;}
.btn-outline-primary {border-color:#A9D495; color:var(--pq-navy); background:#fff;}
.btn-outline-primary:hover {background:#F0F8E9; border-color:#66B82B; color:var(--pq-navy);}

/* NAVIGATION */
.navbar {min-height:78px;}
.navbar .nav-link {color:#243352; font-size:.94rem;}
.navbar .nav-link:hover, .navbar .nav-link.active {color:var(--pq-dark-green);}

.brand-mark {width:54px; height:54px; object-fit:contain;}
.brand-name {font-size:1.65rem; letter-spacing:-1px; font-weight:800; color:#2c305c;}
.brand-name span {color:var(--pq-green);}

/* HERO SECTION */
.hero {background:linear-gradient(115deg,#EAF6E3 0%,#FFFFFF 53%,#E8F5DF 100%); overflow:hidden;}
.hero h1 {letter-spacing:-2px;}
.hero .lead {font-size:1.1rem;}
.dashboard-image {width:100%; border-radius:18px; box-shadow:0 20px 55px rgba(10,34,70,.14);}
.eyebrow {color:#557C48; letter-spacing:3px; font-size:.75rem; font-weight:700;}

/* GENERAL SECTIONS */
.section-pad {padding:65px 0;}
.section-heading {font-size:clamp(2rem,3.3vw,3rem); font-weight:800; letter-spacing:-1.5px;}

/* FEATURE CARDS */
.feature-card {padding:27px; background:#fff; border:1px solid #E2EBDD; border-radius:17px; box-shadow:0 10px 30px rgba(25,57,40,.05);}
.feature-icon {width:68px; height:68px; flex:0 0 68px; display:grid; place-items:center; border-radius:50%; font-size:1.9rem;}
.icon-blue {color:#4A9B25; background:#E2F3D8;}
.icon-purple {color:#347B24; background:#EDF5E5;}
.icon-green {color:#168C54; background:#DCF7E5;}

/* HOW IT WORKS */
.step-number {width:45px; height:45px; display:grid; place-items:center; border-radius:50%; background:#E2F3D8; color:#347B24; font-size:1.35rem; font-weight:800; margin-bottom:14px;}
.step-header {display:flex; align-items:center; gap:12px; margin-bottom:10px;}
.step-header .step-number {flex-shrink:0; margin-bottom:0;}
.step-header h3 {margin-bottom:0;}

/* DASHBOARD */
.pq-dashboard {background:#fff; border:1px solid #DFEBDD; border-radius:16px; overflow:hidden; box-shadow:0 22px 55px rgba(17,60,35,.13); font-size:13px;}
.pq-dashboard-header {background:#142C20; color:#fff; padding:17px 22px; display:flex; justify-content:space-between; align-items:center; gap:10px;}
.pq-dashboard-brand {font-size:19px; font-weight:800; letter-spacing:-.5px;}
.pq-dashboard-brand i {color:#79C93B; margin-right:7px;}
.pq-dashboard-brand span {font-size:12px; font-weight:400; color:#C5DCC1; margin-left:8px;}
.pq-live-label {font-size:10px; color:#C5DCC1; white-space:nowrap;}
.pq-live-label i {font-size:7px; color:#79C93B; margin-right:4px;}
.pq-dashboard-body {padding:23px;}
.pq-eyebrow {font-size:10px; font-weight:700; letter-spacing:1.6px; color:#63815C; margin-bottom:5px;}
.pq-stat {background:#F5FAF0; border:1px solid #E0EDDA; border-radius:10px; padding:14px 12px; height:100%;}
.pq-stat-label {font-size:11px; color:#647D60; margin-bottom:5px;}
.pq-stat-number {font-size:24px; font-weight:800; color:#183B27; letter-spacing:-.6px;}
.pq-stat-note {font-size:10px; color:#82977B;}
.pq-table-heading {display:flex; justify-content:space-between; align-items:center; margin:21px 0 8px;}
.pq-table-heading strong {font-size:13px; color:#183B27;}
.pq-table-heading span {font-size:11px; color:#347B24;}
.pq-quote-table {font-size:11px; white-space:nowrap;}
.pq-quote-table thead th {background:#F5FAF0; color:#657F60; font-size:10px; font-weight:700; padding:12px 9px; border-bottom:1px solid #E0EDDA;}
.pq-quote-table tbody td {padding:12px 9px; color:#283B32; border-color:#EDF2EA;}
.pq-quote-table tbody td strong {display:block; font-size:11px; color:#183B27;}
.pq-quote-table tbody td small {display:block; color:#82977B; font-size:10px; margin-top:3px;}
.pq-status {display:inline-block; border-radius:20px; padding:4px 9px; font-size:10px; font-weight:700;}
.pq-quoted {background:#E5F3DA; color:#347B24;}
.pq-won {background:#DDF6E6; color:#14864E;}
.pq-pending {background:#FFF3DD; color:#A76B08;}
.pq-dashboard-bottom {background:#F8FBF5; border-top:1px solid #E6EFE2; padding:12px 22px; color:#647D60; font-size:11px; text-align:center;}
.pq-dashboard-bottom i {margin-right:5px;}

/* TESTIMONIALS */
.testimonial-card {position:relative; background:#fff; border:1px solid #E2EBDD; border-radius:20px; padding:28px 30px 20px; box-shadow:0 12px 35px rgba(20,60,35,.05);}
.testimonial-card .quote-icon {font-size:32px; color:#A4D58A; display:block; margin-bottom:12px;}
.testimonial-card .carousel-item {text-align:left;}
.testimonial-card .testimonial-content {min-height:175px; padding:0 20px;}
.testimonial-card .testimonial-text {font-size:15px; line-height:1.8; font-style:italic; color:#243D2B; margin-bottom:15px;}
.testimonial-card .testimonial-name {font-size:14px; font-weight:700; color:#183B27;}
.testimonial-card .read-more {display:inline-block; color:#347B24; font-size:13px; font-weight:600; text-decoration:none; margin-bottom:16px; cursor:pointer;}
.testimonial-card .read-more:hover {text-decoration:underline;}
.testimonial-card .testimonial-footer {display:flex; justify-content:space-between; align-items:center; border-top:1px solid #E6EFE2; padding-top:15px; margin-top:20px;}
.testimonial-card .testimonial-counter {font-size:12px; color:#82977B;}
.testimonial-card .testimonial-nav {display:flex; gap:8px;}
.testimonial-card .testimonial-nav button {width:34px; height:34px; border:1px solid #DCE8D7; background:#F8FBF5; border-radius:50%; color:#347B24; display:flex; align-items:center; justify-content:center; transition:.2s;}
.testimonial-card .testimonial-nav button:hover {background:#66B82B; border-color:#66B82B; color:#fff;}
.testimonial-card .testimonial-nav button i {font-size:16px;}

/* BENEFIT ICONS */
.benefit-layout {display:flex; align-items:flex-start; gap:15px;}
.benefit-icon {width:52px; height:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; background:#E2F3D8; color:#347B24; border-radius:13px; font-size:24px;}
.benefit-text {flex:1; min-width:0;}
.benefit-text h3 {margin-bottom:10px;}
.feature-card:hover {border-color:#B5D9A2; box-shadow:0 15px 35px rgba(45,105,35,.09); transition:all .2s ease;}

/* INTEGRATIONS */
.integrations {background:#F5FAF0;}
.narrow {max-width:650px;}
.integration-pill {padding:13px 25px; border:1px solid #DCE8D7; border-radius:50px; background:white; color:#347B24; font-weight:650;}

/* TESTIMONIAL QUOTE ICON */
.testimonial-card .quote-icon {color:#66B82B !important;}

/* TESTIMONIAL ARROW BUTTONS */
.testimonial-card .testimonial-nav button {color:#347B24; border-color:#DCE8D7; background:#F8FBF5;}
.testimonial-card .testimonial-nav button:hover {background:#66B82B !important; border-color:#66B82B !important; color:#fff !important;}
.testimonial-card .testimonial-nav button:hover i {color:#fff !important;}

/* CONTACT ICON CIRCLES */
.pq-contact-details a {display:inline-flex; align-items:center; gap:8px;}
.pq-contact-details a i {display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#E2F3D8; color:#347B24; font-size:13px; flex-shrink:0;}
.pq-contact-details a:hover i {background:#66B82B; color:#fff;}

/* PAYQUOTE LOGO */
.navbar-brand .logo {width:350px; max-width:100%; height:auto;}

/* PHONES */
@media (max-width:575.98px) {
    .navbar-brand .logo {width:290px;}
    .navbar {min-height:65px;}
}

/* PAYQUOTE CONTACT MODAL */
.pq-contact-modal {border:0; border-radius:18px; overflow:hidden; box-shadow:0 25px 70px rgba(0,0,0,.18);}
.pq-contact-modal .modal-header {padding:28px 32px 20px; border-bottom:1px solid #E5EDE1; align-items:flex-start;}
.pq-contact-modal .modal-body {padding:25px 32px;}
.pq-contact-modal .modal-footer {padding:20px 32px; border-top:1px solid #E5EDE1; gap:15px;}
.pq-contact-modal .form-label {font-size:13px; font-weight:600; color:#243D2B;}
.pq-contact-modal .form-control {border:1px solid #D7E4D2; border-radius:9px; padding:11px 13px; font-size:14px;}
.pq-contact-modal .form-control:focus {border-color:#66B82B; box-shadow:0 0 0 .2rem rgba(102,184,43,.15);}
.pq-contact-modal .pq-contact-details {display:flex; flex-wrap:wrap; gap:14px; font-size:12px;}
.pq-contact-modal .pq-contact-details a {color:#347B24; text-decoration:none;}
.pq-contact-modal .pq-contact-details a:hover {text-decoration:underline;}
.pq-honeypot {position:absolute!important; left:-9999px!important; width:1px; height:1px; overflow:hidden;}
@media(max-width:575.98px) {.pq-contact-modal .modal-header {padding:22px 20px 15px;} .pq-contact-modal .modal-body {padding:20px;} .pq-contact-modal .modal-footer {padding:18px 20px;}}

/* VIDEO DEMO CHOICES */
.pq-video-choices {margin-top:25px; padding:25px; background:#fff; border:1px solid #E0EED8; border-radius:16px; box-shadow:0 12px 35px rgba(25,75,35,.07);}
.pq-video-card {display:block; height:100%; background:#F7FBF4; border:1px solid #E0EED8; border-radius:13px; overflow:hidden; text-decoration:none; transition:all .2s ease;}
.pq-video-card:hover {transform:translateY(-3px); border-color:#66B82B; box-shadow:0 8px 25px rgba(25,75,35,.1);}
.pq-video-image {position:relative; aspect-ratio:16/9; overflow:hidden; background:#E2F3D8;}
.pq-video-image img {width:100%; height:100%; object-fit:cover; display:block;}
.pq-video-play {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:58px; height:58px; border-radius:50%; background:rgba(102,184,43,.95); color:#fff; display:flex; align-items:center; justify-content:center; font-size:34px; box-shadow:0 4px 18px rgba(0,0,0,.2);}
.pq-video-duration {position:absolute; top:35px; right:12px; background:rgba(0,0,0,.75); color:#fff; padding:4px 9px; border-radius:6px; font-size:11px; font-weight:700;}
.pq-video-info {padding:18px;}
.pq-video-info h4 {font-size:17px; font-weight:700; color:#243D2B; margin-bottom:6px;}
.pq-video-info h4 i {font-size:13px; margin-left:4px;}
.pq-video-info p {font-size:13px; color:#6C757D; margin:0;}
.pq-video-choices {max-width:440px;}
@media(max-width:575.98px) {.pq-video-choices {padding:18px;}}


/* CONTACT FORM SUCCESS */
.pq-success-icon {width:76px; height:76px; border-radius:50%; background:#E2F3D8; color:#347B24; font-size:40px; display:inline-flex; align-items:center; justify-content:center;}
#pqContactSuccess h3 {color:#243D2B;}
#pqContactSuccess p {max-width:380px; margin-left:auto; margin-right:auto; line-height:1.7;}

/* PRICING SECTION */
.pricing-card {background:#fff; border:1px solid #DCE8D7; border-radius:20px; padding:40px; box-shadow:0 15px 45px rgba(25,75,35,.07);}

/* PRICING OPTIONS */
.pq-price-option {background:#F7FBF4; border:1px solid #E0EED8; border-radius:14px; padding:25px 15px; height:100%;}
.pq-price-label {font-size:12px; font-weight:700; letter-spacing:1px; color:#347B24; margin-bottom:8px;}
.pq-price-option .pricing-amount {font-size:42px; font-weight:800; color:#243D2B; line-height:1.2; margin-bottom:8px;}
.pq-price-option .pricing-amount span {font-size:15px; font-weight:400; color:#6C757D;}
.pq-price-option p {font-size:13px;}
.pq-pricing-divider {border:0; border-top:1px solid #DDE8D7; opacity:1; margin:25px 0;}

/* PRICING BENEFITS */
.pq-pricing-feature {display:flex; align-items:flex-start; gap:15px; height:100%;}
.pq-pricing-icon {width:56px; height:56px; min-width:56px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#E2F3D8; color:#347B24; font-size:26px;}
.pq-pricing-feature h3 {font-size:16px; line-height:1.4;}
.pq-pricing-feature p {font-size:14px; line-height:1.6;}

/* SETUP NOTE */
.pq-setup-note {display:flex; align-items:flex-start; gap:12px; background:#F7FBF4; border:1px solid #E0EED8; border-radius:12px; padding:17px 20px; color:#526454; font-size:13px; line-height:1.7;}
.pq-setup-note i {font-size:20px; color:#66B82B; flex-shrink:0;}


/* VIDEO MODAL */
.pq-video-modal {border:0; border-radius:15px; overflow:hidden;}
.pq-video-modal .modal-header {padding:15px 22px; border-bottom:1px solid #E5EDE1;}
.pq-video-modal .modal-body {background:#000;}
.pq-video-modal video {max-height:80vh; object-fit:contain;}

/* MOBILE */
@media(max-width:575.98px) {.pricing-card {padding:25px 18px;} .pq-price-option .pricing-amount {font-size:38px;}}
/* RESPONSIVE */
@media (max-width:991.98px) {.hero h1 {font-size:3.3rem;} .navbar .btn {margin-top:12px;}}
@media (max-width:575.98px) {.hero h1 {font-size:2.8rem;} .section-pad {padding:45px 0;} .feature-card {padding:20px;} .brand-name {font-size:1.4rem;} .pq-dashboard-body {padding:14px;} .pq-stat {padding:10px 7px;} .pq-stat-number {font-size:19px;} .pq-dashboard-header {padding:14px;} .pq-dashboard-brand {font-size:16px;}}