/* QRCode.sn — Commercial Signature 4.7.0
   A focused compatibility and design layer. All payment values and routes remain server-owned.
   Designed against the shipped 4.5 plugin + 4.6 theme; appended after legacy styles.
*/
body.q15-site.qsn-commercial-v47 {
  --qsn-ink:#112e3e;
  --qsn-deep:#092637;
  --qsn-forest:#0d514b;
  --qsn-turquoise:#13aaa7;
  --qsn-line:#dce6e6;
  --qsn-canvas:#f5f8f6;
  --qsn-soft-shadow:0 16px 45px rgba(17,46,62,.055);
  color:var(--qsn-ink);
  background:#f9fbfa;
}
body.q15-site.qsn-commercial-v47 :where(a,button,input,select,textarea,summary):focus-visible {
  outline:3px solid #12aaa5!important;outline-offset:3px;
}
/* Navigation: preserve a discoverable Connexion CTA in portrait. Historically hidden below 600px. */
body.q15-site.qsn-commercial-v47 .q15-header {
  background:rgba(249,251,250,.975)!important;
  border-bottom:1px solid #dce6e4!important;
  backdrop-filter:saturate(1.2) blur(14px);
  box-shadow:0 4px 18px rgba(10,44,48,.035);
}
body.q15-site.qsn-commercial-v47 .q15-header-inner {
  box-sizing:border-box;max-width:1420px!important;min-width:0;gap:clamp(8px,1.6vw,22px)!important;
}
body.q15-site.qsn-commercial-v47 .q15-header-actions {display:flex;align-items:center;gap:clamp(6px,.9vw,12px);margin-left:auto;min-width:0}
body.q15-site.qsn-commercial-v47 .q15-header .q15-login {
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:43px;min-width:74px;white-space:nowrap;
  color:#123846!important;text-decoration:none;
  font-size:clamp(12px,1vw,14px)!important;font-weight:680;
  border-radius:11px;border:1px solid transparent;padding:9px 10px;
}
body.q15-site.qsn-commercial-v47 .q15-header .q15-login:hover {
  background:#e9f3f0;border-color:#b9d4ce;color:#0b5551!important;
}
body.q15-site.qsn-commercial-v47 .q15-header .q15-signup {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:43px;padding:9px 15px;border-radius:11px;
  color:#133c43!important;font-weight:700;border:1px solid #c5d9d3;
  white-space:nowrap;text-decoration:none;
}
body.q15-site.qsn-commercial-v47 .q15-header .q15-account {
  min-height:43px;display:inline-flex;align-items:center;padding:9px 16px;
  background:#114a43;color:#fff!important;border-radius:11px;font-weight:700;
}
body.q15-site.qsn-commercial-v47 .q15-header .q15-burger {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-width:48px;min-height:45px;border-radius:12px;
  padding:9px 13px;background:#114a43;color:#fff;flex-shrink:0;
  box-shadow:0 7px 18px rgba(14,70,62,.13);
}
body.q15-site.qsn-commercial-v47 .q15-header .q15-burger i,
body.q15-site.qsn-commercial-v47 .q15-header .q15-burger i::before,
body.q15-site.qsn-commercial-v47 .q15-header .q15-burger i::after {color:#fff}
body.q15-site.qsn-commercial-v47 .q15-navigation {background:#f8fbfa;color:#193a45}
body.q15-site.qsn-commercial-v47 .q15-nav-intro {background:#0c2c3b}
body.q15-site.qsn-commercial-v47 .q15-nav-group summary,
body.q15-site.qsn-commercial-v47 .q15-submenu a {min-height:50px}
/* Homepage: legible story first, restrained background second. */
body.q15-site.qsn-commercial-v47 .qv3-hero {
  background:linear-gradient(118deg,#081f32 0%,#0a2b3c 56%,#0a3b41 100%);
}
body.q15-site.qsn-commercial-v47 .qv3-hero .qsn-ambient-mesh {opacity:.21}
body.q15-site.qsn-commercial-v47 .qv3-hero .qsn-ambient-glow {opacity:.28}
body.q15-site.qsn-commercial-v47 .qv3-copy h1 {
  max-width:790px;line-height:1.08;letter-spacing:-.048em;
  font-size:clamp(43px,5.2vw,82px);text-wrap:balance;
}
body.q15-site.qsn-commercial-v47 .qv3-description {line-height:1.64;color:#d6e7e7;max-width:630px}
body.q15-site.qsn-commercial-v47 .qv3-eyebrow {font-size:clamp(10px,1.04vw,13px);color:#a3e1d9}
body.q15-site.qsn-commercial-v47 .qv3-controls {gap:10px;flex-wrap:wrap}
body.q15-site.qsn-commercial-v47 .qv3-controls button {min-width:44px!important;min-height:44px!important;border:1px solid #b7dfdd55;border-radius:100px}
body.q15-site.qsn-commercial-v47 .qv3-controls [data-slide-pause] {min-width:82px!important}
body.q15-site.qsn-commercial-v47 .qv3-proof {color:#d1e2e3}
body.q15-site.qsn-commercial-v47 .qv3-demo {justify-self:center;max-width:100%;min-width:0}
/* Section rhythm & coherent cards across public routes. */
body.q15-site.qsn-commercial-v47 .qst-section-heading h1,
body.q15-site.qsn-commercial-v47 .qst-section-heading h2,
body.q15-site.qsn-commercial-v47 .qsn-studios-hero h1,
body.q15-site.qsn-commercial-v47 .qsm-heading h2 {letter-spacing:-.047em;line-height:1.12;text-wrap:balance}
body.q15-site.qsn-commercial-v47 .qst-section-heading>p {color:#526b72;line-height:1.75;font-size:clamp(14px,1.3vw,17px)}
body.q15-site.qsn-commercial-v47 .qst-soft,
body.q15-site.qsn-commercial-v47 .qsn-studios,
body.q15-site.qsn-commercial-v47 .qsm-section {
  background:linear-gradient(155deg,#eef5f3 0%,#f8faf9 50%,#edf4f1 100%);
}
body.q15-site.qsn-commercial-v47 .qst-bento article,
body.q15-site.qsn-commercial-v47 .qst-card,
body.q15-site.qsn-commercial-v47 .qsn-studio-card,
body.q15-site.qsn-commercial-v47 .qsg-card {
  border-color:#d7e4e2;border-radius:18px;box-shadow:var(--qsn-soft-shadow);
}
body.q15-site.qsn-commercial-v47 .qst-bento article h3,
body.q15-site.qsn-commercial-v47 .qsn-studio-card h3,
body.q15-site.qsn-commercial-v47 .qsg-card-info h3 {line-height:1.17;letter-spacing:-.032em}
body.q15-site.qsn-commercial-v47 .qst-bento article p,
body.q15-site.qsn-commercial-v47 .qsn-studio-card p,
body.q15-site.qsn-commercial-v47 .qsg-card-info p {line-height:1.65;color:#536d72}
body.q15-site.qsn-commercial-v47 .qst-bento .qst-bento-main,
body.q15-site.qsn-commercial-v47 .qst-dark {
  background:linear-gradient(135deg,#0b293b,#13545b)!important;color:#fff;
}
body.q15-site.qsn-commercial-v47 .qst-bento .qst-bento-main p,
body.q15-site.qsn-commercial-v47 .qst-dark p {color:#d7e9eb}
body.q15-site.qsn-commercial-v47 .qst-button {min-height:46px;border-radius:12px;font-weight:720}
body.q15-site.qsn-commercial-v47 :where(.qst-button,.q15-account,.q15-signup,.qsg-actions a) {text-decoration:none}
/* CRITICAL: Pro card had white background from 4.6 plus white text from older !important styles.
   Make the entire featured card a high-contrast dark card with scoped descendants. */
body.q15-site.qsn-commercial-v47 .qst-price-grid {gap:clamp(12px,1.5vw,20px);align-items:stretch}
body.q15-site.qsn-commercial-v47 .qst-price {
  position:relative;display:flex;flex-direction:column;min-width:0;
  padding:clamp(22px,1.85vw,30px)!important;border-radius:18px!important;
  background:#fff!important;color:#14313d!important;
  border:1px solid #d7e3e2!important;box-shadow:0 14px 38px rgba(6,31,43,.055)!important;
  opacity:1!important;visibility:visible!important;
}
body.q15-site.qsn-commercial-v47 .qst-price :where(h3,strong,small,p,li,span),
body.q15-site.qsn-commercial-v47 .qst-price :where(.qst-plan-summary li,.qsv2-template-count span) {
  color:#193b45!important;
}
body.q15-site.qsn-commercial-v47 .qst-price h3 {font-size:clamp(20px,1.9vw,25px);margin:14px 0 16px;font-weight:720!important}
body.q15-site.qsn-commercial-v47 .qst-price > strong[data-price] {
  display:block;color:#0b2d3b!important;font-size:clamp(23px,2.05vw,31px)!important;line-height:1.22;
  letter-spacing:-.04em;font-weight:780!important;overflow-wrap:normal;white-space:normal;
}
body.q15-site.qsn-commercial-v47 .qst-price > small[data-unit] {color:#5c7177!important;font-size:13px!important}
body.q15-site.qsn-commercial-v47 .qst-price .qsv2-template-count {
  border-top:1px solid #e3ebeb;border-bottom:1px solid #e3ebeb;
  padding:18px 0;margin:20px 0 16px;width:100%;font-size:14px;
}
body.q15-site.qsn-commercial-v47 .qst-price .qsv2-template-count strong {
  font-size:clamp(28px,3vw,38px)!important;color:#0f464a!important;font-weight:750!important;
}
body.q15-site.qsn-commercial-v47 .qst-price .qst-plan-summary {
  margin:0 0 24px;padding:0;list-style:none;width:100%;display:grid;gap:10px;
}
body.q15-site.qsn-commercial-v47 .qst-price .qst-plan-summary li {
  font-size:13px!important;line-height:1.5;color:#304e54!important;display:flex;align-items:flex-start;gap:9px;
}
body.q15-site.qsn-commercial-v47 .qst-price .qst-plan-summary li span {
  color:#058c86!important;font-size:15px;font-weight:900;
}
body.q15-site.qsn-commercial-v47 .qst-price .qst-button {
  width:100%;margin-top:auto;min-height:48px;background:#0c4d47!important;
  color:#fff!important;border:1px solid #0c4d47;border-radius:11px;
  font-size:13px!important;font-weight:740!important;text-align:center;
}
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended {
  background:linear-gradient(155deg,#0c2b3b 0%,#0c3c47 100%)!important;
  color:#fff!important;border-color:#0c5155!important;
  box-shadow:0 22px 50px rgba(5,46,60,.20)!important;
}
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended :where(h3,strong,small,p,li,span),
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended .qst-plan-summary li,
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended .qsv2-template-count span,
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended > strong[data-price] {
  color:#f4fcfb!important;
}
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended > small[data-unit],
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended .qst-plan-summary li {color:#d7e7e8!important}
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended .qsv2-template-count {
  border-color:rgba(255,255,255,.22);
}
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended .qsv2-template-count strong {color:#caf5ea!important}
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended .qst-plan-summary li span {color:#8de2cf!important}
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended>.qst-eyebrow {
  display:inline-flex;width:max-content;max-width:100%;margin:0 0 8px;
  background:#d3ede0!important;color:#0d3c36!important;border-radius:100px;
  font-size:10px!important;letter-spacing:.08em;padding:8px 11px;font-weight:780;
}
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended .qst-button {
  background:#c9f1e8!important;color:#0d353c!important;border-color:#c9f1e8!important;
}
body.q15-site.qsn-commercial-v47 .qst-price.qst-price-recommended .qst-button:hover{background:#e4faf5!important}
body.q15-site.qsn-commercial-v47 .qst-price .qst-eyebrow {color:#176966!important}
body.q15-site.qsn-commercial-v47 .qst-price[data-plan="enterprise"]>strong[data-price] {font-size:clamp(20px,1.7vw,25px)!important}
body.q15-site.qsn-commercial-v47 .qst-pricing-note {color:#4c676f;line-height:1.7}
body.q15-site.qsn-commercial-v47 .qst-billing {
  background:#edf3f1;border:1px solid #d7e3e0;padding:5px;border-radius:100px;
}
body.q15-site.qsn-commercial-v47 .qst-billing button {min-height:42px;border-radius:100px;padding:8px 20px}
body.q15-site.qsn-commercial-v47 .qst-billing button[aria-pressed="true"] {background:#0c4d47;color:#fff}
body.q15-site.qsn-commercial-v47 .qst-comparison-table {font-variant-numeric:tabular-nums}
/* Gallery: shorter cards in portrait, clean toolbar, reduced stacking. */
body.q15-site.qsn-commercial-v47 .qsg-toolbar {background:transparent;border-color:#cddbd8;gap:16px}
body.q15-site.qsn-commercial-v47 .qsg-toolbar :where(input,select) {
  background:#fff;border:1px solid #c8d9d4;color:#173b43;
  border-radius:12px;min-height:46px;padding:10px 16px;font-size:14px;
}
body.q15-site.qsn-commercial-v47 .qsg-count {font-size:13px;color:#49686e}
body.q15-site.qsn-commercial-v47 .qsg-art {overflow:hidden!important}
body.q15-site.qsn-commercial-v47 .qsg-card-info {background:#fff;padding:22px 23px}
body.q15-site.qsn-commercial-v47 .qsg-actions button {min-height:42px;font-size:13px!important}
body.q15-site.qsn-commercial-v47 .qsg-actions a {font-size:13px;font-weight:700}
/* Footer + informational pages: composed, restrained. */
body.q15-site.qsn-commercial-v47 .qst-footer {background:linear-gradient(130deg,#092536,#102f3c);color:#fff}
body.q15-site.qsn-commercial-v47 .qst-footer :where(p,small,a,span) {color:#d6e4e7}
body.q15-site.qsn-commercial-v47 .qst-footer a:hover {color:#a3ede4}
body.q15-site.qsn-commercial-v47 .qst-faq details {border-bottom:1px solid #d1dfdd;padding:22px 0}
body.q15-site.qsn-commercial-v47 .qst-faq summary {font-size:clamp(15px,1.25vw,18px);color:#183941}
body.q15-site.qsn-commercial-v47 .qst-page-hero {background:#eef4f2;padding-block:clamp(40px,5vw,76px)}
body.q15-site.qsn-commercial-v47 .qst-content {font-size:16px;line-height:1.78;max-width:880px}
body.q15-site.qsn-commercial-v47 .qst-content p {color:#4d6670}
/* Floating page rail: no always-visible huge arrows over cards or buttons. */
body.q15-site.qsn-commercial-v47 .qsv3-scroll-rail {
  right:14px;bottom:calc(20px + env(safe-area-inset-bottom, 0px));z-index:48;
  transition:opacity .2s ease,transform .2s ease;
}
body.q15-site.qsn-commercial-v47 .qsv3-scroll-rail button {width:40px;height:40px;border-radius:100%;box-shadow:0 8px 22px rgba(9,40,44,.16)}
/* Every page keeps text visible even when a reveal observer is delayed or missing. */
body.q15-site.qsn-commercial-v47 .qst-price.qsn-reveal-pending {opacity:1!important;transform:none!important}
@media (max-width:1150px) {
 body.q15-site.qsn-commercial-v47 .qst-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.q15-site.qsn-commercial-v47 .qst-price[data-plan="enterprise"]{grid-column:auto}
}
@media (max-width:850px) {
 body.q15-site.qsn-commercial-v47 .q15-header .q15-account{display:none!important}
 body.q15-site.qsn-commercial-v47 .qst-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 body.q15-site.qsn-commercial-v47 .qst-price{padding:25px!important}
 body.q15-site.qsn-commercial-v47 .qv3-hero .qv3-hero-grid{padding-block:54px;gap:36px}
}
@media (max-width:600px) {
 body.q15-site.qsn-commercial-v47 .q15-header-inner {
   min-height:68px!important;padding:9px 14px!important;
   display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;
 }
 body.q15-site.qsn-commercial-v47 .q15-header .qst-brand {margin-right:auto;min-width:0;flex-shrink:1}
 body.q15-site.qsn-commercial-v47 .q15-header .qst-brand img {display:block;width:clamp(125px,37vw,156px)!important;max-width:100%;height:auto}
 body.q15-site.qsn-commercial-v47 .q15-brand-caption {display:none!important}
 body.q15-site.qsn-commercial-v47 .q15-header-actions {gap:6px!important;flex:0 0 auto}
 body.q15-site.qsn-commercial-v47 .q15-header .q15-login {
   display:inline-flex!important;min-width:77px;min-height:43px;font-size:12px!important;
   background:#eaf2ef;color:#103b3d!important;border-color:#d7e4df;
   padding:9px 11px;
 }
 body.q15-site.qsn-commercial-v47 .q15-header .q15-signup,
 body.q15-site.qsn-commercial-v47 .q15-header .q15-account {display:none!important}
 body.q15-site.qsn-commercial-v47 .q15-header .q15-burger {min-width:46px;min-height:44px;padding:9px 11px}
 body.q15-site.qsn-commercial-v47 .q15-header .q15-burger span {display:none!important}
 body.q15-site.qsn-commercial-v47 .qst-section {padding-block:58px}
 body.q15-site.qsn-commercial-v47 .qv3-hero .qv3-hero-grid {padding:46px 19px 58px!important;gap:28px}
 body.q15-site.qsn-commercial-v47 .qv3-copy h1 {font-size:clamp(34px,10.1vw,46px);line-height:1.13;letter-spacing:-.045em}
 body.q15-site.qsn-commercial-v47 .qv3-description {font-size:15px;line-height:1.62}
 body.q15-site.qsn-commercial-v47 .qv3-controls {margin:24px 0 14px}
 body.q15-site.qsn-commercial-v47 .qv3-actions .qst-button {width:100%;min-height:50px}
 body.q15-site.qsn-commercial-v47 .qv3-hero .qsn-ambient-mesh {opacity:.13}
 body.q15-site.qsn-commercial-v47 .qv3-hero .qsn-ambient-glow {opacity:.2}
 body.q15-site.qsn-commercial-v47 .qst-price-grid {grid-template-columns:minmax(0,1fr);gap:16px}
 body.q15-site.qsn-commercial-v47 .qst-price {padding:25px!important}
 body.q15-site.qsn-commercial-v47 .qst-price > strong[data-price] {font-size:30px!important}
 body.q15-site.qsn-commercial-v47 .qst-price .qsv2-template-count {margin:14px 0;padding:14px 0}
 body.q15-site.qsn-commercial-v47 .qst-price .qst-plan-summary {margin-bottom:19px;gap:7px}
 body.q15-site.qsn-commercial-v47 .qsg-toolbar label {width:100%}
 body.q15-site.qsn-commercial-v47 .qsg-toolbar input,
 body.q15-site.qsn-commercial-v47 .qsg-toolbar select {width:100%;min-width:0}
 body.q15-site.qsn-commercial-v47 .qsg-art {min-height:0!important;padding:22px 10px!important}
 body.q15-site.qsn-commercial-v47 .q15-card-device {width:min(205px,72%)}
 body.q15-site.qsn-commercial-v47 .qsg-card-info {padding:20px}
 body.q15-site.qsn-commercial-v47 .qsv3-scroll-rail {right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));pointer-events:none;opacity:0;transform:translateY(9px)}
 body.q15-site.qsn-commercial-v47 .qsv3-scroll-rail.qsn-rail-visible {opacity:1;transform:none;pointer-events:auto}
 body.q15-site.qsn-commercial-v47 .qsv3-scroll-rail .qsv3-rail-down {display:none!important}
 body.q15-site.qsn-commercial-v47 .qsv3-scroll-rail .qsv3-rail-up {width:42px;height:42px;border-radius:100%}
}
@media (max-width:350px) {
 body.q15-site.qsn-commercial-v47 .q15-header .qst-brand img {width:117px!important}
 body.q15-site.qsn-commercial-v47 .q15-header .q15-login {min-width:70px;padding-inline:7px}
 body.q15-site.qsn-commercial-v47 .q15-header .q15-burger {min-width:42px}
}
@media(prefers-reduced-motion:reduce) {
 body.q15-site.qsn-commercial-v47 *,body.q15-site.qsn-commercial-v47 *::before,body.q15-site.qsn-commercial-v47 *::after {
   animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;
 }
 body.q15-site.qsn-commercial-v47 :where(.qst-price,.qst-card,.qsn-studio-card,.qst-button) {transition:none!important;transform:none!important}
}
@media print {body.q15-site.qsn-commercial-v47 .qsn-ambient,body.q15-site.qsn-commercial-v47 .qsv3-scroll-rail {display:none!important}}

/* Signed-in customers keep a visible workspace link instead of guest Connexion. */
@media(max-width:850px) {body.q15-site.qsn-commercial-v47.logged-in .q15-header .q15-account {display:inline-flex!important}}
@media(max-width:600px) {body.q15-site.qsn-commercial-v47.logged-in .q15-header .q15-account {display:inline-flex!important;min-height:43px;padding:8px 11px;font-size:12px!important}}
/* Wide portraits can display both entry points; compact portraits keep sign-up in the menu. */
@media(min-width:410px) and (max-width:600px) {
 body.q15-site.qsn-commercial-v47:not(.logged-in) .q15-header .q15-signup {
   display:inline-flex!important;min-height:43px;padding:8px 9px;font-size:12px!important;
 }
 body.q15-site.qsn-commercial-v47 .q15-header .qst-brand img {width:clamp(125px,33vw,145px)!important}
}