body,button,input,select,textarea{font-family:'Britti Sans Trial',Arial,sans-serif!important}
.navbar-brand{font-weight:700;font-size:25px;color:#173a49!important}.navbar-brand img{display:none!important}.navbar-brand:before{display:none}.header-area .link a{margin-right:22px}.hero-calculator{background:#fff;border-radius:22px;padding:25px;box-shadow:0 14px 48px rgba(17,49,55,.13);max-width:510px;margin:auto;color:#173a49}.hero-calculator h2{font-size:22px;margin:0 0 18px}.hero-calculator .form-label{font-size:13px;margin-bottom:4px}.hero-calculator .form-control{height:44px}.hero-calculator .hero-total{border-top:1px solid #e6ece8;margin-top:14px;padding-top:13px}.hero-calculator .hero-total strong{display:block;font-size:34px;line-height:1.2}.hero-calculator .hero-total small,.hero-calculator .hero-rate small{color:#73827e}.hero-calculator .hero-rate{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.hero-calculator .hero-rate strong{font-size:20px}.yq-section{padding:90px 0}.yq-section.bg-soft{background:#f5f8f6}.yq-tool-card{height:100%;padding:30px!important}.yq-tool-card .icon{width:58px;height:58px;display:grid;place-items:center;background:#edf4ed;border-radius:16px;color:#21835d;font-size:26px}.yq-tool-card h3{margin-top:20px}.yq-tool-card .read-more{margin-top:auto}.yq-steps .working-process-single-item{height:100%}.comparison-wrap{border-radius:20px;overflow:hidden}.comparison-wrap table{margin:0;min-width:580px}.comparison-wrap th,.comparison-wrap td{padding:16px!important}.yq-calc-page{padding:70px 0 90px}.yq-calc-grid{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:start}.yq-panel{padding:32px;border-radius:20px;background:#fff;box-shadow:0 10px 40px rgba(17,49,55,.08)}.yq-panel h2{margin-bottom:24px}.yq-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.yq-fields .form-control{height:48px}.yq-output{background:#f4f8f5}.yq-output-main{padding:18px 0;border-bottom:1px solid #dfe9e2}.yq-output-main strong{display:block;font-size:40px;color:#1c805d;line-height:1.25;overflow-wrap:anywhere}.yq-output-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:20px}.yq-output-list div{display:grid;gap:4px}.yq-output-list strong{font-size:20px;overflow-wrap:anywhere}.yq-output-list span,.yq-muted{font-size:13px;color:#73827e}.yq-explain{margin-top:28px}.yq-disclaimer{font-size:13px;color:#73827e;margin-top:15px}.yq-inline-search{max-width:420px}.yq-category-title{margin:32px 0 18px}.yq-about-copy{max-width:800px}.yq-about-copy p{font-size:18px;line-height:1.8}.yq-mobile-nav{display:none}.yq-hero-demo-label{font-size:11px;letter-spacing:.09em;font-weight:700;color:#21835d}.yq-dev-placeholder{border:1px dashed #d5dfd9;background:#f7f9f7}.yq-dev-placeholder .icon{background:#e9efeb;color:#798980}
@media(max-width:991px){.yq-calc-grid{grid-template-columns:1fr}.yq-section{padding:65px 0}.hero-calculator{margin-top:18px}.navbar .navbar-nav{padding:10px 0}.navbar .navbar-nav .nav-link{padding:10px 0}}
@media(max-width:575px){.yq-fields{grid-template-columns:1fr}.yq-panel{padding:23px}.hero-calculator{padding:20px}.hero-calculator .hero-total strong{font-size:30px}.yq-output-main strong{font-size:34px}.comparison-wrap table{min-width:520px}.yq-section{padding:54px 0}}

/* Scoped contrast polish for YottaQuery homepage links. */
#featured .features-single-item .read-more{color:#fff}
#featured .features-single-item .read-more:hover,#featured .features-single-item .read-more:focus-visible{color:#AFFF1A!important}
.footer-area .footer-single-widget a,.footer-area .copy-right-area a{color:#fff}
.footer-area .footer-single-widget a:hover,.footer-area .copy-right-area a:hover,.footer-area .footer-single-widget a:focus-visible,.footer-area .copy-right-area a:focus-visible{color:#AFFF1A}

/* Footer-only finishing touches, using Soldi's existing teal and lime palette. */
.yq-footer{padding-top:68px!important;padding-bottom:30px!important}
.yq-footer .footer-single-widget h3{margin-bottom:25px}
.yq-footer-brand{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#fff;font-size:25px;font-weight:700;letter-spacing:-.3px}
.yq-footer-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#AFFF1A;color:#173a49;font-size:22px;font-weight:700}
.yq-footer .footer-single-widget>p{max-width:340px;line-height:1.65}
.yq-footer .copy-right-area{margin-top:42px!important;padding:17px 0;background:transparent;border-top:1px solid rgba(255,255,255,.22)}
.yq-footer .copy-right-area p{font-size:14px}
.yq-footer .copy-right-area a{font-size:14px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:991px){.yq-footer{padding-top:52px!important}.yq-footer .copy-right-area{margin-top:32px!important}}

/* Navigation polish within Soldi's existing responsive navbar. */
.fixed-top .navbar{background:#fff!important;border-bottom:1px solid #e7eeea;box-shadow:0 5px 20px rgba(22,55,50,.045)}
.navbar .navbar-nav .nav-item .nav-link{font-size:16px;font-weight:500;padding-left:8px;padding-right:8px}
.navbar .navbar-nav .nav-item .nav-link.active{font-weight:700}
.navbar .navbar-nav .nav-item .nav-link:hover{color:#205D60}
.navbar .navbar-nav .nav-item .nav-link:focus-visible{outline:2px solid #205D60;outline-offset:3px;border-radius:4px}
.navbar .navbar-toggler{border-radius:8px;padding:7px 9px}
.navbar .navbar-toggler:focus-visible{outline:2px solid #205D60;outline-offset:3px}
@media(max-width:991px){.navbar .navbar-collapse{margin:0 -12px;padding:8px 20px 18px;background:#fff;border-top:1px solid #edf1ee;box-shadow:0 12px 20px rgba(22,55,50,.06)}.navbar .navbar-nav .nav-item .nav-link{padding-top:9px;padding-bottom:9px}.navbar .others-options{padding-top:8px}}

/* Separate the final nav link from its CTA on desktop. */
@media(min-width:992px){#navbar .navbar-collapse .others-options{margin-left:26px}}

/* Tools catalog refinement: category labels and reserved developer section. */
#tools-catalog .yq-tool-card .yq-tool-category{display:inline-flex;align-self:flex-start;margin-top:18px;padding:4px 11px;border:1px solid rgba(255,255,255,.36);border-radius:30px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em}
#tools-catalog .yq-tool-card h3{margin-top:14px}
.yq-dev-category{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px dashed #bfd0ca;border-radius:12px;background:#f6f9f7}
.yq-dev-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:12px;background:#e5eeea;color:#205D60;font-size:22px}
.yq-dev-category .top-title{display:block;margin-bottom:4px;font-size:10px}
.yq-dev-category h3{margin:0 0 3px;font-size:19px;color:#173a49}
.yq-dev-category p{margin:0;color:#65746f;font-size:14px}
.yq-dev-label{margin-left:auto;color:#527267;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
@media(max-width:575px){.yq-dev-category{align-items:flex-start;gap:12px;padding:17px}.yq-dev-icon{width:40px;height:40px;flex-basis:40px}.yq-dev-label{font-size:9px}}

/* Comparison page polish, preserving Soldi's table and button components. */
#yq-compare-page .yq-compare-table{min-width:600px;background:#fff}
#yq-compare-page .yq-compare-table caption{padding:0}
#yq-compare-page .yq-compare-table thead th{background:#205D60;color:#fff;border-bottom:3px solid #AFFF1A;font-weight:700}
#yq-compare-page .yq-compare-table thead th:first-child{border-radius:12px 0 0 0}
#yq-compare-page .yq-compare-table thead th:last-child{border-radius:0 12px 0 0}
#yq-compare-page .yq-compare-table tbody th{color:#173a49;font-weight:600;min-width:220px}
#yq-compare-page .yq-compare-table tbody td{text-align:center;color:#173a49;font-variant-numeric:tabular-nums;font-weight:600}
#yq-compare-page .yq-compare-table tbody tr{border-bottom:1px solid #e5ece8}
#yq-compare-page .yq-compare-table .yq-compare-result{background:#f4f8f5}
.yq-compare-note{display:flex;align-items:center;gap:14px;padding:17px 20px;border-left:3px solid #AFFF1A;border-radius:8px;background:#f4f8f5}
.yq-compare-note-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#e5efea;color:#205D60;font-size:20px}
.yq-compare-note p{margin:0;color:#52645d;font-size:14px;line-height:1.6}
.yq-compare-note p strong{color:#173a49}

/* About page principles use Soldi's existing feature-card styling. */
.yq-about-principles{padding:32px!important;border-radius:22px}
.yq-about-principles>.top-title{display:block;color:#AFFF1A;margin-bottom:24px}
.yq-about-principle{display:flex;gap:16px;padding:17px 0;border-top:1px solid rgba(255,255,255,.2)}
.yq-about-principle>span{flex:0 0 32px;color:#AFFF1A;font-size:13px;font-weight:700}
.yq-about-principle h3{margin:0 0 5px;font-size:19px}
.yq-about-principle p{margin:0;font-size:14px;line-height:1.5;opacity:.88}
@media(max-width:575px){.yq-about-principles{padding:24px!important}}

/* About page brand statement, using Soldi's feature-card component. */
.yq-about-mantra{padding:40px!important;border-radius:22px}
.yq-about-mantra>.top-title{display:block;color:#AFFF1A;margin-bottom:22px}
.yq-about-mantra h3{font-size:clamp(30px,3.4vw,44px);line-height:1.18;letter-spacing:-.5px;margin:0 0 20px}
.yq-about-mantra p{max-width:330px;margin:0;font-size:16px;line-height:1.65;opacity:.9}
@media(max-width:575px){.yq-about-mantra{padding:27px!important}.yq-about-mantra h3{font-size:32px}}

/* About page spacing and width refinement, scoped to this page only. */
.yq-about-page .page-banner-area{padding-bottom:46px}
.yq-about-page .yq-section{padding-top:48px}
.yq-about-page .yq-about-copy{max-width:1160px}
@media(max-width:991px){.yq-about-page .page-banner-area{padding-bottom:34px}.yq-about-page .yq-section{padding-top:36px}}
@media(max-width:575px){.yq-about-page .page-banner-area{padding-bottom:26px}.yq-about-page .yq-section{padding-top:28px}}

/* Tighten the gap below the Compare page introduction only. */
.page-banner-area:has(+ #yq-compare-page){padding-bottom:42px}
#yq-compare-page{padding-top:56px;padding-bottom:72px}
@media(max-width:991px){.page-banner-area:has(+ #yq-compare-page){padding-bottom:30px}#yq-compare-page{padding-top:40px;padding-bottom:58px}}
@media(max-width:575px){.page-banner-area:has(+ #yq-compare-page){padding-bottom:24px}#yq-compare-page{padding-top:32px;padding-bottom:48px}}

/* Reduce the gap below the search field on the Tools page only. */
.yq-tools-page .page-banner-area{padding-bottom:42px}
@media(max-width:991px){.yq-tools-page .page-banner-area{padding-bottom:32px}}
@media(max-width:575px){.yq-tools-page .page-banner-area{padding-bottom:24px}}

/* Tools page: tighter search transition and readable card links. */
.yq-tools-page .page-banner-area{padding-bottom:18px}
.yq-tools-page #tools-catalog{padding-top:50px}
.yq-tools-page #tools-catalog .yq-tool-card .read-more{color:#fff!important;font-weight:600}
.yq-tools-page #tools-catalog .yq-tool-card .read-more:hover,.yq-tools-page #tools-catalog .yq-tool-card .read-more:focus-visible{color:#AFFF1A!important}
@media(max-width:991px){.yq-tools-page .page-banner-area{padding-bottom:16px}.yq-tools-page #tools-catalog{padding-top:40px}}
@media(max-width:575px){.yq-tools-page .page-banner-area{padding-bottom:12px}.yq-tools-page #tools-catalog{padding-top:32px}}

/* Side Hustle calculator: reduce excess space before the calculator. */
body[data-calculator='side'] .page-banner-area{padding-bottom:24px}
body[data-calculator='side'] .yq-calc-page{padding-top:38px}
@media(max-width:991px){body[data-calculator='side'] .page-banner-area{padding-bottom:18px}body[data-calculator='side'] .yq-calc-page{padding-top:30px}}
@media(max-width:575px){body[data-calculator='side'] .page-banner-area{padding-bottom:14px}body[data-calculator='side'] .yq-calc-page{padding-top:24px}}

/* Freelance calculator: match the tighter spacing used on Side Hustle. */
body[data-calculator='project'] .page-banner-area{padding-bottom:24px}
body[data-calculator='project'] .yq-calc-page{padding-top:38px}
@media(max-width:991px){body[data-calculator='project'] .page-banner-area{padding-bottom:18px}body[data-calculator='project'] .yq-calc-page{padding-top:30px}}
@media(max-width:575px){body[data-calculator='project'] .page-banner-area{padding-bottom:14px}body[data-calculator='project'] .yq-calc-page{padding-top:24px}}

/* Product calculator: match the tighter spacing used on the other calculators. */
body[data-calculator='product'] .page-banner-area{padding-bottom:24px}
body[data-calculator='product'] .yq-calc-page{padding-top:38px}
@media(max-width:991px){body[data-calculator='product'] .page-banner-area{padding-bottom:18px}body[data-calculator='product'] .yq-calc-page{padding-top:30px}}
@media(max-width:575px){body[data-calculator='product'] .page-banner-area{padding-bottom:14px}body[data-calculator='product'] .yq-calc-page{padding-top:24px}}

/* Keep calculator input boundaries visible before focus. */
.yq-calc-page .form-control{border:1px solid #bdcbc5;background-color:#fff}
.yq-calc-page .form-control:hover{border-color:#8fa69a}
.yq-calc-page .form-control:focus{border-color:#205D60;box-shadow:0 0 0 3px rgba(32,93,96,.14)}
.yq-calc-page .form-control:disabled,.yq-calc-page .form-control[readonly]{background-color:#f4f7f5}

/* Keep Home demo calculator input boundaries visible before focus. */
.hero-calculator .form-control{border:1px solid #bdcbc5;background-color:#fff}
.hero-calculator .form-control:hover{border-color:#8fa69a}
.hero-calculator .form-control:focus{border-color:#205D60;box-shadow:0 0 0 3px rgba(32,93,96,.14)}
.hero-calculator .input-group-text{border:1px solid #bdcbc5;background:#f7f9f8;color:#52645d}

/* Keep the Tools search field border visible before focus. */
.yq-tools-page .yq-inline-search .form-control{border:1px solid #bdcbc5;background-color:#fff}
.yq-tools-page .yq-inline-search .form-control:hover{border-color:#8fa69a}
.yq-tools-page .yq-inline-search .form-control:focus{border-color:#205D60;box-shadow:0 0 0 3px rgba(32,93,96,.14)}
.yq-tools-page .yq-inline-search .form-control::placeholder{color:#73827e;opacity:1}

/* About page composition: bring the story forward and align it with the page grid. */
.yq-about-page .page-banner-area{padding-bottom:12px}
.yq-about-page .yq-section{padding-top:24px;padding-bottom:78px}
.yq-about-page .yq-about-copy{width:100%;max-width:1280px;margin-left:0;margin-right:0}
.yq-about-page .yq-about-copy .row{--bs-gutter-x:3rem}
.yq-about-page .yq-about-mantra{max-width:500px;margin-left:auto;padding:34px!important}
.yq-about-page .yq-about-mantra h3{font-size:clamp(32px,3.2vw,42px)}
@media(max-width:991px){.yq-about-page .page-banner-area{padding-bottom:10px}.yq-about-page .yq-section{padding-top:20px;padding-bottom:58px}.yq-about-page .yq-about-copy .row{--bs-gutter-x:2rem}.yq-about-page .yq-about-mantra{max-width:none;margin-left:0}}
@media(max-width:575px){.yq-about-page .page-banner-area{padding-bottom:8px}.yq-about-page .yq-section{padding-top:16px;padding-bottom:48px}.yq-about-page .yq-about-copy .row{--bs-gutter-x:1.5rem}.yq-about-page .yq-about-mantra{padding:27px!important}}

/* About page: one focused two-column introduction, without a duplicate banner. */
.yq-about-page .yq-about-hero{padding-top:205px;padding-bottom:90px}
.yq-about-page .yq-about-copy{width:100%;max-width:1280px;margin-left:0;margin-right:0}
.yq-about-page .yq-about-copy .row{--bs-gutter-x:3rem}
.yq-about-page .yq-about-copy h1{max-width:690px;margin:16px 0 20px}
.yq-about-page .yq-about-copy p{max-width:650px;font-size:18px;line-height:1.7}
.yq-about-page .yq-about-mantra{max-width:500px;margin-left:auto;padding:36px!important}
.yq-about-page .yq-about-mantra h2{font-size:clamp(34px,3.4vw,46px);line-height:1.16;margin:0 0 18px}
@media(max-width:991px){.yq-about-page .yq-about-hero{padding-top:180px;padding-bottom:65px}.yq-about-page .yq-about-copy .row{--bs-gutter-x:2rem}.yq-about-page .yq-about-mantra{max-width:none;margin-left:0}}
@media(max-width:575px){.yq-about-page .yq-about-hero{padding-top:158px;padding-bottom:48px}.yq-about-page .yq-about-copy .row{--bs-gutter-x:1.5rem}.yq-about-page .yq-about-copy p{font-size:16px}.yq-about-page .yq-about-mantra{padding:27px!important}}

.yq-about-page .yq-about-mantra h2{color:#fff}
.yq-about-page{overflow-y:auto;min-height:100vh}




/* Align the About story with a deliberate left inset. */
@media(min-width:992px){.yq-about-page .yq-about-copy{margin-left:64px}}
@media(max-width:991px){.yq-about-page .yq-about-copy{margin-left:28px;margin-right:18px;width:calc(100% - 46px)}}
@media(max-width:575px){.yq-about-page .yq-about-copy{margin-left:14px;margin-right:8px;width:calc(100% - 22px)}}