/* Shared first-screen proportions for Buyfluid's four service/content pages. */
body:has(.q-page .bf-pav,.q-page .bf-cs-section-hero,.q-page .bf-cases,.q-page .bf-as-top){padding-top:0!important}
.bf-pav,.bf-cs-section-hero,.bf-as-top,.bf-cases{--bf-hero-height:420px;--bf-hero-radius:18px;--bf-hero-x:48px;--bf-hero-y:36px}
.bf-cases{max-width:none;width:100%;margin:0 0 48px}
.bf-as.bf-as-top{padding-top:0}
.space-y-4.mt-4:has(>.bf-pav),.space-y-4.mt-4:has(>.bf-cs-section-hero),.space-y-4.mt-4:has(>.bf-cases),.space-y-4.mt-4:has(.bf-as-top){margin-top:24px}
.bf-pav .bf-pav-hero,.bf-custom-service .bf-cs-hero,.bf-as .bf-as-hero,.bf-cases .bf-case-hero{box-sizing:border-box;min-height:var(--bf-hero-height);height:auto;border-radius:var(--bf-hero-radius)}
.bf-pav .bf-pav-hero,.bf-as .bf-as-hero,.bf-cases .bf-case-hero{padding:var(--bf-hero-y) var(--bf-hero-x)}
.bf-pav .bf-pav-hero,.bf-cases .bf-case-hero{display:flex;align-items:center}
.bf-pav .bf-pav-hero-inner{width:100%;max-width:600px}
.bf-pav .bf-pav-hero h2,.bf-custom-service .bf-cs-hero h1,.bf-as .bf-as-hero h1,.bf-cases .bf-case-hero h1{font-size:36px;line-height:1.4;letter-spacing:0;font-weight:700}
.bf-pav .bf-pav-hero-kicker,.bf-custom-service .bf-cs-hero .bf-cs-kicker,.bf-as .bf-as-hero .bf-as-eyebrow,.bf-cases .bf-case-eyebrow{font-size:11px;letter-spacing:2px}
.bf-pav .bf-pav-hero p,.bf-custom-service .bf-cs-hero-copy>p,.bf-as .bf-as-hero-copy>p,.bf-cases .bf-case-hero p{font-size:14px;line-height:1.9}
.bf-pav .bf-pav-hero-cta,.bf-custom-service .bf-cs-hero .bf-cs-button,.bf-as .bf-as-hero .bf-as-btn,.bf-cases .bf-case-hero-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 20px;border-radius:6px;font-size:13px;line-height:22px;font-weight:600;white-space:nowrap}
.bf-cases .bf-case-hero-link{border:1px solid #5aacc766;background:#ffffff0c;color:#fff}
.bf-custom-service .bf-cs-hero{align-items:center}
.bf-custom-service .bf-cs-hero-copy{padding:var(--bf-hero-y) var(--bf-hero-x);min-width:0}
.bf-custom-service .bf-cs-hero-copy h1{margin:16px 0}
.bf-custom-service .bf-cs-hero .bf-cs-actions{margin:22px 0 20px;gap:12px}
.bf-custom-service .bf-cs-hero-meta{flex-wrap:wrap;gap:10px;font-size:13px}
.bf-custom-service .bf-cs-hero-meta>a{font-size:22px}
.bf-custom-service .bf-cs-hero-meta>span{font-size:13px}
.bf-custom-service .bf-cs-hero-art{align-self:stretch;min-height:0}
.bf-custom-service .bf-cs-hero-art>img{height:270px;object-fit:contain}
.bf-as .bf-as-hero{grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:48px;align-items:center}
.bf-as .bf-as-hero h1{margin:16px 0}
.bf-as .bf-as-hero .bf-as-actions{margin-top:22px;gap:12px}
.bf-as .bf-as-hero .bf-as-hero-hint{margin-top:12px;font-size:12px}
.bf-as .bf-as-hero-tags{margin-top:20px;padding-top:16px;gap:14px 20px;font-size:12px}
.bf-as .bf-as-hotline{padding:24px 26px;border-radius:14px}
.bf-as .bf-as-hotline .bf-as-phone{font-size:30px;line-height:1.35;margin:16px 0 8px}
.bf-as .bf-as-hotline-divider{margin:18px 0}
.bf-as .bf-as-hotline .bf-as-hotline-note{margin-top:12px}
.bf-cases .bf-case-diagram{top:50%;transform:translateY(-50%);right:48px}
.bf-cases .bf-case-hero p{margin:18px 0 24px;max-width:520px}
@media(min-width:1101px){.bf-pav .bf-pav-hero,.bf-custom-service .bf-cs-hero,.bf-as .bf-as-hero,.bf-cases .bf-case-hero{height:420px}}
@media(max-width:1100px){
 .bf-pav,.bf-cs-section-hero,.bf-as-top,.bf-cases{--bf-hero-x:32px;--bf-hero-y:32px}
 .bf-as .bf-as-hero{gap:28px;grid-template-columns:minmax(0,1fr) 310px}
 .bf-pav .bf-pav-hero h2,.bf-custom-service .bf-cs-hero h1,.bf-as .bf-as-hero h1,.bf-cases .bf-case-hero h1{font-size:32px}
 .bf-cases .bf-case-diagram{right:12px;opacity:.4}
}
@media(max-width:800px){
 .bf-pav,.bf-cs-section-hero,.bf-as-top,.bf-cases{--bf-hero-height:0px;--bf-hero-x:26px;--bf-hero-y:30px;--bf-hero-radius:16px}
 .bf-as .bf-as-hero{grid-template-columns:1fr;gap:26px}
 .bf-as .bf-as-hotline{width:100%;max-width:none}
 .bf-cases .bf-case-diagram{display:none}
 .bf-pav .bf-pav-hero-inner,.bf-cases .bf-case-hero-copy{max-width:100%}
 .bf-custom-service .bf-cs-hero{grid-template-columns:1fr}
}
@media(max-width:480px){
 .bf-pav,.bf-cs-section-hero,.bf-as-top,.bf-cases{--bf-hero-x:22px;--bf-hero-y:28px}
 .bf-pav .bf-pav-hero h2,.bf-custom-service .bf-cs-hero h1,.bf-as .bf-as-hero h1,.bf-cases .bf-case-hero h1{font-size:28px}
 .bf-pav .bf-pav-hero-kicker,.bf-custom-service .bf-cs-hero .bf-cs-kicker,.bf-as .bf-as-hero .bf-as-eyebrow,.bf-cases .bf-case-eyebrow{font-size:9px;letter-spacing:1.4px}
 .bf-as .bf-as-hotline{padding:22px}
 .bf-as .bf-as-hotline .bf-as-phone{font-size:27px}
 .bf-custom-service .bf-cs-hero .bf-cs-actions{display:flex;flex-wrap:wrap}
}