/* Quinbis Website W3 — Home, Pricing, How It Works & Final Conversion Gate
   Scope: public conversion hierarchy only. No service/account engine changes. */

:root{
  --qw3-growth:#013D37;
  --qw3-kinetic:#77D650;
  --qw3-light:#F0F7E7;
  --qw3-onyx:#0D0D0D;
  --qw3-line:rgba(1,61,55,.14);
}

/* Home: keep the App promise concise and make Early Access reassurance visible
   before the customer has to open Pricing. */
.home-v32 .home-app-reassurance{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:18px;
  font-size:13px;
  font-weight:600;
  line-height:1.4;
  color:rgba(255,255,255,.78);
}
.home-v32 .home-app-reassurance span[aria-hidden="true"]{color:var(--qw3-kinetic)}
.home-v32 .home-choice-intro{
  max-width:560px;
  margin:14px 0 0;
  font-size:15px;
  line-height:1.55;
  color:rgba(255,255,255,.68);
}
.home-v32 .home-choice-links>a:focus-visible{
  outline:3px solid rgba(119,214,80,.42);
  outline-offset:3px;
}

/* Pricing: make the relationship between free App access and paid services clear
   without adding more pricing surfaces. */

/* Pricing alignment: one centred content lane from hero through App and services. */
.qb-pricing-page .qg-home-lane{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.qb-pricing-page .qg-app-focus-card,.qb-pricing-page .qg-explore-grid{width:100%;margin-inline:auto}
.qb-pricing-page .qg-simple-head{max-width:760px;margin:0 auto 34px;text-align:center}
.qb-pricing-page .qg-simple-copy{
  max-width:560px;
  margin:16px auto 0;
  font-size:15px;
  line-height:1.6;
  color:rgba(13,13,13,.64);
}
.qb-pricing-page .qg-explore-card small{
  max-width:360px;
  margin-top:12px;
  padding-right:46px;
  font-size:13px;
  line-height:1.5;
  color:rgba(13,13,13,.62);
}
.qb-pricing-page .qg-explore-card:focus-visible,
.qb-how-page .qg-inline-link:focus-visible,
.qb-how-page .qg-app-btn:focus-visible{
  outline:3px solid rgba(119,214,80,.42);
  outline-offset:3px;
}

/* How it works: preserve the three-lane model while keeping the customer path
   easy to scan on narrow screens. */
.qb-how-page .qg-step-list small{max-width:560px}
.qb-how-page .qg-connected-copy p{max-width:560px}

@media(max-width:680px){
  .qb-pricing-page .qg-home-lane{width:calc(100% - 28px)}
  .home-v32 .home-app-reassurance{font-size:12px;margin-top:15px}
  .home-v32 .home-choice-intro{font-size:14px}
  .qb-pricing-page .qg-simple-copy{font-size:14px;margin-top:12px}
  .qb-pricing-page .qg-explore-card small{padding-right:38px;font-size:12px}
}

@media(max-width:380px){
  .home-v32 .home-app-reassurance{gap:6px}
  .qb-pricing-page .qg-explore-card small{padding-right:32px}
}

/* Pricing services heading: keep the section title optically centred in the
   same lane as the service cards, especially on desktop. */
.qb-pricing-page .qg-explore-services .qg-simple-head{
  width:100%;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.qb-pricing-page .qg-explore-services .qg-simple-head .qg-section-kicker,
.qb-pricing-page .qg-explore-services .qg-simple-head h2,
.qb-pricing-page .qg-explore-services .qg-simple-head .qg-simple-copy{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
@media(min-width:900px){
  .qb-pricing-page .qg-explore-services .qg-simple-head{
    max-width:760px;
  }
}