/* Shared typography, supporting text, and responsive refinements. */
:root { --ink-2:#343a32; --muted:#50564e; }
#guahva-flip-preview, #guahva-flip-preview button { font-family:var(--font); }
body.site .lead, body.site .hero-sub, body.site .hero-benefits p,
body.site .chapter .lead, body.site .how .chapter .lead,
body.site .pricing-cost, body.site .pricing-reassurance,
body.site .pricing-features, body.site .footer-brand p { color:#454d41; }
.creator-showcase-subheader { color:#343d30; font-size:clamp(18.7px,1.76vw,23.1px); line-height:1.5; text-align:center; margin:-24px auto 36px; max-width:640px; padding-inline:16px; }
.pricing-section { background:var(--canvas); }
.pixel-footer { background:#fff; }
#guahva-flip-preview .ad-format-toggle { margin:28px auto 0; }
#guahva-flip-preview .front .title { width:max-content; max-width:100%; }
#guahva-flip-preview .back-copy { color:#454d41; }
#guahva-flip-preview .ad-format-toggle button { font-family:var(--font); }
@media(max-width:600px) {
 section.hero[data-astro-cid-lcdefpme] { padding-top:160px; padding-bottom:230px; }
 .hero .hero-inner { padding-top:0; }
 #pricing .pricing-plan-head { flex-wrap:wrap; gap:12px; }
 #pricing .pricing-plan-head h3 { font-size:27.5px; }
 .pricing-plan { padding:20px; }
 #pricing .campaign-price { font-size:31.9px; }
 .ad-format-toggle button { padding:11px 8px; font-size:13.2px; gap:5px; }
 .audience-toggle button { min-height:36px; }
 .creator-showcase-subheader { margin-top:-24px; margin-bottom:26px; }
}
@media(max-width:360px) {
 .glass-nav-inner { padding-inline:10px; gap:8px; }
 .audience-toggle button { padding-inline:9px; }
 .platform-badge { padding-inline:8px; gap:5px; }
 #guahva-flip-preview .ad-format-toggle { width:100%; }
 .ad-format-toggle button { flex:1; padding-inline:5px; font-size:12.1px; }
}
@supports not (backdrop-filter:blur(1px)) {
 body.site .site-nav.glass-nav { background:rgba(255,255,255,.92)!important; }
}

/* Preserve the landing headline while enlarging supporting typography. */
.hero[data-astro-cid-lcdefpme] h1 { font-size:clamp(2.6rem,6.2vw,5.5rem); }
body.site .hero-benefits span { color:#454d41; }
#guahva-flip-preview .ad-format-toggle button { font-size:18.7px; }
@media(max-width:600px) {
 #guahva-flip-preview .ad-format-toggle button { font-size:13.2px; }
 .platform-badges { gap:8px; }
 .platform-badge { font-size:14px; }
 .pricing-plan-head { flex-wrap:wrap; }
}
@media(max-width:360px) { #guahva-flip-preview .ad-format-toggle button { font-size:12.1px; } }
.container.vet-grid > div { min-width:0; }
#pricing .pricing-plan-head { flex-wrap:wrap; }
@media(max-width:360px) {
 .platform-badges { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .platform-badge { justify-content:center; font-size:13px; padding:9px 5px; gap:4px; }
 .platform-badge .soon { font-size:10px; padding:4px; margin-left:0; }
 .platform-badge img,.instagram-badge { width:20px; height:20px; }
 .x-badge { font-size:22px; }
}

/* Shared cream canvas from the supplied color reference. */
:root { --canvas:#f2efe7; --surface-2:#f2efe7; }
body.site, body.site main, body.site main > .section,
body.site .pricing-section, body.site .creator-showcase,
body.site .software-brands, body.site #how-it-works,
body.site .site-footer, body.site .pixel-footer { background-color:#f2efe7; }
/* Compact section rhythm, with room for readable text and controls. */
body.site main > .section { padding-block:40px; }
body.site .chapter[data-astro-cid-lcdefpme] { margin-bottom:30px; gap:14px; }
body.site .vet-grid .chapter[data-astro-cid-lcdefpme] { margin-bottom:26px; }
body.site #how-it-works { padding-block:36px 44px; }
body.site .how-step[data-astro-cid-lcdefpme] { min-height:38vh; padding-block:36px; }
body.site .creator-showcase { padding-top:32px; }
body.site #pricing-heading { margin-bottom:30px; }
body.site #pricing .pricing-reassurance { margin-bottom:20px; }
body.site #guahva-flip-preview .services { gap:16px; }
body.site #guahva-flip-preview .ad-format-toggle { margin-top:20px; }
body.site #for-creators { padding-block:36px; min-height:300px; }
body.site .final[data-astro-cid-lcdefpme] { padding-block:44px 60px; }
body.site #faq { padding-block:32px; }
body.site #faq .chapter { margin-bottom:0; }
@media(max-width:960px) {
 body.site .how-step[data-astro-cid-lcdefpme] { min-height:0; padding-block:24px; }
}
@media(max-width:600px) {
 body.site main > .section { padding-block:28px; }
 body.site .chapter[data-astro-cid-lcdefpme] { margin-bottom:24px; }
 body.site #for-creators { padding-inline:20px; min-height:0; }
 body.site .final[data-astro-cid-lcdefpme] { padding-block:32px 40px; }
}
#creator-videos { scroll-margin-top:110px; }
/* Balanced heading and subheading hierarchy. */
body.site .chapter h2[data-astro-cid-lcdefpme],
body.site #creator-showcase-heading,
body.site #pricing-heading,
body.site #for-creators h2[data-astro-cid-lcdefpme] {
 font-size:clamp(32px,4vw,54px); line-height:1.12; font-weight:550; letter-spacing:-.035em;
}
body.site .chapter .lead[data-astro-cid-lcdefpme],
body.site .hero .lead[data-astro-cid-lcdefpme],
body.site .creator-showcase-subheader,
body.site #for-creators p:not(.kicker) {
 font-size:clamp(19px,1.8vw,24px); line-height:1.5; font-weight:500; color:#30392c;
}
body.site .chapter .lead[data-astro-cid-lcdefpme] { max-width:780px; }
body.site #creator-showcase-heading { margin-bottom:36px; }
body.site .creator-showcase-subheader { margin-top:-18px; }
body.site .final h2[data-astro-cid-lcdefpme] { font-size:clamp(38px,5vw,64px); }
body.site .final .lead[data-astro-cid-lcdefpme] { font-size:clamp(19px,1.8vw,24px); font-weight:500; }
body.site #faq h2 { font-size:clamp(30px,3.5vw,44px); }
body.site #faq .lead { font-size:18px; }
/* Closer visual balance between headlines and their supporting copy. */
body.site .hero[data-astro-cid-lcdefpme] h1 {
 font-size:clamp(36px,5.25vw,74px); font-weight:550; line-height:1.08; color:#172019;
}
body.site .hero .hero-lead[data-astro-cid-lcdefpme] {
 font-size:clamp(21px,2.05vw,28px); font-weight:550; line-height:1.45; color:#263322;
 max-width:880px;
}
body.site .chapter h2[data-astro-cid-lcdefpme],
body.site #creator-showcase-heading, body.site #pricing-heading {
 font-size:clamp(30px,3.6vw,48px); font-weight:500; color:#172019;
}
body.site .chapter .lead[data-astro-cid-lcdefpme],
body.site .creator-showcase-subheader {
 font-size:clamp(20px,1.9vw,25px); font-weight:550; color:#263322;
}
/* Symmetrical carousel with a reliable frame visible before playback. */
.creator-card[data-position="-2"] { --position:-2; }
.creator-card-extra img { width:100%; height:100%; object-fit:cover; display:block; }
.creator-stage { width:100%; height:460px; margin:0 auto; }
.creator-card { transform:translate(calc(-50% + 264px * var(--position)), -50%); }
.creator-showcase-subheader { margin-bottom:18px; }
body.site .vet-grid .chapter.left { text-align:center; align-items:center; margin-inline:auto; max-width:960px; }
body.site .vet-grid .chapter.left .lead { margin-inline:auto; }
/* One supporting-text color across every section. */
body.site main .lead, body.site main .chapter .lead[data-astro-cid-lcdefpme],
body.site main .hero .hero-lead[data-astro-cid-lcdefpme],
body.site main .creator-showcase-subheader,
body.site main #for-creators p:not(.kicker),
body.site main .final .lead[data-astro-cid-lcdefpme] { color:#30392c; }
body.site .how-body, body.site .hero-benefits li,
body.site .pricing-features, body.site .compare-row>span[data-astro-cid-lcdefpme] { font-size:18px; line-height:1.5; }
body.site .pricing-cost, body.site .pricing-reassurance { font-size:16px; line-height:1.5; }
body.site .pricing-cta { font-size:18px; }
body.site #guahva-flip-preview .back-copy { font-size:clamp(16px,4.5cqw,19px); line-height:1.5; }
body.site .footer-grid a, body.site .footer-brand p { font-size:17px; }
@media(max-width:600px) {
 .creator-stage { height:380px; }
 .creator-card { transform:translate(calc(-50% + 218px * var(--position)), -50%); }
 body.site .how-body, body.site .hero-benefits li, body.site .pricing-features,
 body.site .compare-row>span[data-astro-cid-lcdefpme] { font-size:17px; }
}
body.site #how-it-works .chapter .lead { color:#30392c; font-size:clamp(20px,1.9vw,25px); font-weight:550; }
.creator-card[data-position="2"], .creator-card-extra { visibility:hidden; pointer-events:none; }
/* Mobit-inspired heading hierarchy; page enlarged 10% from its previous 90% scale. */
html { zoom:.99; }
body.site .hero[data-astro-cid-lcdefpme] h1 {
 font-size:clamp(34px,4.4vw,56px); font-weight:600; line-height:1.1;
 letter-spacing:-.05em; max-width:850px; margin-inline:auto;
}
body.site main .chapter h2,
body.site .chapter h2[data-astro-cid-lcdefpme],
body.site #creator-showcase-heading,
body.site #pricing-heading,
body.site #for-creators h2[data-astro-cid-lcdefpme],
body.site .final h2[data-astro-cid-lcdefpme],
body.site #faq h2 {
 font-size:clamp(30px,3.5vw,45px); font-weight:600; line-height:1.2;
 letter-spacing:-.022em;
}
/* Edge-to-edge preview strip beneath the central phone. */
.creator-stage { max-width:none; width:100%; overflow:hidden; }
.creator-stage .creator-card { visibility:visible; pointer-events:auto; transform:translate(calc(-50% + 244px * var(--position)), -50%); }
.creator-preview img { width:100%; height:100%; object-fit:cover; display:block; }
.creator-stage .is-active { --position:0; }
@media(max-width:600px) {
 .creator-stage .creator-card { transform:translate(calc(-50% + 192px * var(--position)), -50%); }
}
body.site #for-creators h2, body.site .final h2 {
 font-size:clamp(30px,3.5vw,45px); font-weight:600; line-height:1.2; letter-spacing:-.022em;
}
/* A shorter centered navigation pill. */
body.site .site-nav.glass-nav { max-width:1040px; }

/* Keep the add-on label beside the format choices, wrapping on small screens. */
.ad-format-row {display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:20px;}
.ad-format-label {font:700 20px/1.3 var(--font);color:#20271e;}
body.site #guahva-flip-preview .ad-format-row .ad-format-toggle {margin:0;}
@media(max-width:600px){.ad-format-row{gap:12px;}.ad-format-label{font-size:18px;}}

/* Larger, consistent navigation type. */
body.site .glass-nav .brand-navigation a,
body.site .glass-nav .audience-toggle button {font-size:18px;}
@media(max-width:900px){
 body.site .glass-nav .brand-navigation {gap:16px;}
 body.site .glass-nav .brand-navigation a,
 body.site .glass-nav .audience-toggle button {font-size:16px;}
}
@media(min-width:601px) and (max-width:760px){
 body.site .site-nav.glass-nav {border-radius:26px!important;}
 .glass-nav-inner {flex-wrap:wrap;justify-content:space-between;gap:10px;}
 .glass-nav .brand-navigation {width:100%;justify-content:space-between;margin:0;}
 body.site .hero .hero-inner {padding-top:160px;}
}
@media(max-width:380px){
 body.site .glass-nav .brand-navigation {gap:8px;}
 body.site .glass-nav .brand-navigation a {font-size:15px;}
 body.site .glass-nav .brand-navigation .nav-book {padding:10px;}
}