/* V3.2 — responsive header and pre-opening hero refinements */
html,body{max-width:100%;overflow-x:clip}
.site-header .header-inner{height:96px;gap:20px}
.site-header .brand{flex:0 0 auto;display:flex;align-items:center;min-width:0}
.site-header .brand img{max-height:76px;object-fit:contain;object-position:left center}
.site-header .primary-nav{gap:20px}
.site-header .primary-nav ul{gap:22px}
.site-header .primary-nav a{font-size:15px;letter-spacing:.035em;white-space:nowrap}
.site-header .primary-nav .btn{font-size:14px;padding:15px 19px}
.hero{overflow:hidden}
.hero-snake{right:2vw;opacity:.25;pointer-events:none}
@media(max-width:1200px){.site-header .primary-nav ul{gap:13px}.site-header .primary-nav a{font-size:13px}.site-header .brand img{max-height:68px}}
@media(max-width:1000px){.site-header .header-inner{height:82px}.site-header .primary-nav{top:82px;gap:20px}.site-header .primary-nav ul{gap:20px}.site-header .primary-nav a{font-size:17px;white-space:normal}.site-header .brand img{max-height:62px}.menu-toggle{font-size:15px;padding:12px 16px}}
@media(max-width:620px){
 :root{--pad:20px}
 .site-header .header-inner{height:76px;gap:12px}
 .site-header .brand{max-width:calc(100% - 95px)}
 .site-header .brand img{max-height:54px;max-width:100%!important}
 .site-header .primary-nav{top:76px;padding:24px 20px;max-height:calc(100dvh - 76px);overflow-y:auto}
 .menu-toggle{flex-shrink:0;font-size:15px;padding:10px 13px}
 .hero{min-height:0;align-items:center}
 .qg-founder-hero .hero-content{padding-top:128px;padding-bottom:75px}
 .qg-founder-hero h1{font-size:clamp(36px,9.1vw,52px);line-height:.99;letter-spacing:-.035em;max-width:100%;overflow-wrap:normal}
 .hero-copy{font-size:17px;line-height:1.55}
 .qg-founder-hero .actions{gap:18px;margin-top:28px}
 .qg-founder-hero .actions .btn{width:100%;max-width:360px;padding:17px 12px;font-size:14px}
 .hero-snake{right:-22vw;top:19%;width:78vw;height:65%;opacity:.10}
 .section h2,.qg-project h2{font-size:clamp(36px,10vw,54px);line-height:1.02;overflow-wrap:break-word}
 .qg-offers{grid-template-columns:1fr}
 .qg-hero-note{line-height:1.5}
}
@media(max-width:360px){.qg-founder-hero h1{font-size:34px}.site-header .brand img{max-height:46px}}

/* V3.2.1: respect logo width customizer on mobile without height cap */
@media(max-width:620px){.site-header .brand img.qg-logo-img{max-height:none!important;height:auto!important;width:auto;max-width:100%!important;object-fit:contain}.site-header .brand{max-width:calc(100% - 115px)}.site-header .brand .qg-desktop-logo,.site-header .brand .qg-mobile-logo{max-width:100%}}

/* V3.2.2: let Customizer width win on desktop and mobile; remove competing caps. */
.site-header .brand img.qg-logo-img{height:auto!important;max-height:none!important;object-fit:contain;object-position:left center}
.site-header .brand .qg-desktop-logo,.site-header .brand .qg-mobile-logo{display:inline-flex;align-items:center;min-width:0}
.site-header .brand .qg-mobile-logo{display:none}
@media(max-width:620px){
 .site-header .brand{max-width:calc(100% - 125px);flex-shrink:1}
 .site-header .brand img.qg-logo-img{width:var(--qg-logo-mobile-width,200px)!important;max-width:100%!important;height:auto!important;max-height:none!important}
 .site-header .brand .qg-desktop-logo:has(+ .qg-mobile-logo img){display:none}
 .site-header .brand .qg-mobile-logo:has(img){display:inline-flex}
}
@media(min-width:621px){.site-header .brand img.qg-logo-img{width:var(--qg-logo-desktop-width,300px)!important;max-width:100%!important}}

/* V3.4 — Typography rhythm and pre-opening CTA repair */
.qg-site .section h2,.qg-site .qg-founder-offers h2{font-size:clamp(42px,5.2vw,78px);line-height:1.08;letter-spacing:-.025em;max-width:1100px;overflow-wrap:break-word}
.qg-site .section .lead,.qg-site .qg-founder-offers .lead{font-size:clamp(17px,1.5vw,21px);line-height:1.55;font-weight:400;letter-spacing:normal;text-transform:none}
.qg-site .qg-benefits p,.qg-site .qg-subscription p:not(.eyebrow){font-size:16px;line-height:1.5;font-weight:400}
.qg-site .qg-benefits b{font-size:20px;line-height:1.25}
.qg-site .qg-subscription{gap:8px;min-height:0}
.qg-site .qg-subscription p:not(.eyebrow){min-height:0;margin:8px 0 12px}
.qg-site .qg-price{line-height:1.12;margin:10px 0}
.qg-site .trial{padding:55px 0}
.qg-site .trial-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.qg-site .trial-inner>div{min-width:0}
.qg-site .trial p{font-size:12px;line-height:1.4;letter-spacing:.09em;margin:0 0 12px}
.qg-site .trial h2{font-size:clamp(36px,4.2vw,66px);line-height:1.06;letter-spacing:-.025em;max-width:900px;margin:0}
.qg-site .trial .btn{max-width:320px;min-width:240px;white-space:normal;text-align:center;line-height:1.2;padding:18px 22px}
@media(max-width:900px){.qg-site .trial-inner{grid-template-columns:1fr;gap:24px}.qg-site .trial .btn{min-width:0;max-width:100%}}
@media(max-width:620px){.qg-site .section h2,.qg-site .qg-founder-offers h2{font-size:clamp(35px,9vw,52px);line-height:1.08}.qg-site .trial h2{font-size:clamp(34px,9vw,52px)}.qg-site .trial .btn{width:100%}}

/* V3.5 — mobile body typography: preserve brand headlines, logo and CTAs. */
@media (max-width:767px){
 .qg-site .hero-copy,
 .qg-site .section .lead,
 .qg-site .qg-founder-offers .lead,
 .qg-site .qg-benefits p,
 .qg-site .qg-subscription p:not(.eyebrow),
 .qg-site .qg-project p:not(.eyebrow),
 .qg-site .contact p:not(.eyebrow),
 .qg-site .qg-caution,
 .qg-site .site-footer p,
 .qg-site .site-footer a:not(.btn){
  font-family:Barlow,Arial,sans-serif;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
  line-height:1.55;
 }
 .qg-site .hero-copy,.qg-site .section .lead,.qg-site .qg-founder-offers .lead,.qg-site .qg-project p:not(.eyebrow){font-size:18px}
 .qg-site .qg-benefits p,.qg-site .qg-subscription p:not(.eyebrow),.qg-site .contact p:not(.eyebrow){font-size:16px}
 .qg-site .qg-caution,.qg-site .qg-hero-note{font-size:13px;line-height:1.55}
}
