/* Xiaphia unified look, 2026-11-06.
   Role model: the Business Communications page (navy #092e50, blue #1677c8 / #0b5598, Montserrat,
   section heads clamp(24px,2.5vw,34px)/700, dark-navy CTA band with a green button).
   Applies to every page built from a scoped HTML fragment (wrapper classes below) so one file controls
   typography + CTA colours + hero alignment. Remove this file's enqueue in xiaphia-site.php to roll back. */

/* ---- typography ---- */
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr,.xdl,.x-pricing-main) h1{font-family:Montserrat,Arial,sans-serif !important;font-size:clamp(30px,2.4vw + 10px,44px) !important;font-weight:700 !important;letter-spacing:-.8px !important;line-height:1.12 !important;color:#092e50}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr,.xdl,.x-pricing-main) h2{font-family:Montserrat,Arial,sans-serif !important;font-size:clamp(24px,2.5vw,34px) !important;font-weight:700 !important;letter-spacing:-.6px !important;line-height:1.2 !important;color:#092e50}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) .card h3,
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) .faq h3{font-size:18px !important;font-weight:700 !important;letter-spacing:-.2px;color:#092e50}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr,.xdl,.x-pricing-main) .eyebrow,
.x-pricing-main .xpr-eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:1px !important;text-transform:uppercase;color:#1677c8 !important}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr,.xdl) .hero p,
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr,.xdl) .sub,
.x-pricing-main .xpr-hero p{font-weight:500;color:#334155}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr,.xdl,.x-pricing-main) .btn,.x-pricing-main .xpr-btn{font-family:Montserrat,Arial,sans-serif;font-weight:600}

/* ---- hero alignment ---- */
/* centred-hero pages: heading + intro always centred on the same axis */
:is(.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) .hero{text-align:center}
:is(.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) .hero h1{max-width:780px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
:is(.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) .hero p{margin-left:auto !important;margin-right:auto !important;text-align:center !important}
/* Home: split hero uses the same 1640px rail as every section below it (text starts on the same left edge) */
.xaih .wrap.hero{max-width:1640px !important}
@media(min-width:901px){.xaih .wrap.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;gap:64px !important}}
@media(max-width:900px){.xaih .wrap.hero{grid-template-columns:1fr !important;gap:28px !important}}

/* ---- CTA bands: same navy gradient + green button as the Business Communications CTA ----
   only sections that contain a .finalcta block (other "more" sections stay light) */
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) section:has(> .finalcta),
.x-pricing-main .xpr-band{background:linear-gradient(110deg,#0c4778,#0a3153) !important;color:#fff}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) section:has(> .finalcta) h2,
.x-pricing-main .xpr-band h2{color:#fff !important;font-size:clamp(24px,2.2vw,28px) !important;margin-bottom:10px}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) section:has(> .finalcta) p,
.x-pricing-main .xpr-band p{color:#c4d8e9 !important}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) section:has(> .finalcta) a:not(.btn),
.x-pricing-main .xpr-band p a{color:#8fd0ff !important;text-decoration:underline}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) section:has(> .finalcta) .btn,
.x-pricing-main .xpr-band .xpr-btn{background:linear-gradient(110deg,#1eb579,#57d98a) !important;color:#063b35 !important;border:0 !important;box-shadow:0 7px 18px #1eb57933 !important}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) section:has(> .finalcta) .btn:hover,
.x-pricing-main .xpr-band .xpr-btn:hover{color:#063b35 !important;filter:saturate(1.1);box-shadow:0 12px 25px #1eb57955 !important}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) section:has(> .finalcta) .btn.o,
.x-pricing-main .xpr-band .xpr-btn.o{background:transparent !important;color:#fff !important;border:1px solid #ffffff59 !important;box-shadow:none !important}
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr) section:has(> .finalcta) .btn.o:hover,
.x-pricing-main .xpr-band .xpr-btn.o:hover{background:#ffffff14 !important;color:#fff !important;box-shadow:none !important}

/* ---- one content rail for every page: same edges as the header, footer and the Business Communications page
   (header rule: width calc(100% - 96px), max 1640px; 48px gutters under 1000px; 32px under 720px) ---- */
:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr,.xdl) .wrap{width:calc(100% - 96px) !important;max-width:1640px !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important}
@media(max-width:1000px){:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr,.xdl) .wrap{width:calc(100% - 48px) !important}}
@media(max-width:720px){:is(.xaih,.xbkd,.xcon,.xind,.xint,.xroi,.xsec,.xvr,.xdl) .wrap{width:calc(100% - 32px) !important}}

/* ---- native Elementor pages (Case Studies 17, Feedback 23, Privacy 3, Terms 31): same heading scale + navy ---- */
:is(.page-id-17,.page-id-23,.page-id-3,.page-id-31) main h1{font-size:clamp(30px,2.4vw + 10px,44px) !important;font-weight:700 !important;letter-spacing:-.8px !important;line-height:1.12 !important;color:#092e50 !important}
:is(.page-id-3,.page-id-31) main h2{font-size:clamp(20px,1.6vw + 6px,26px) !important;font-weight:700 !important;letter-spacing:-.3px !important;color:#092e50 !important}
:is(.page-id-3,.page-id-31) main h3{color:#092e50 !important}

/* Case Studies native CTA ("Want to see what this looks like...") -> same navy band + green button (full-bleed) */
.elementor .xiaphia-site .e-con.x-pricing-help{position:relative;isolation:isolate;padding-top:56px;padding-bottom:56px}
.elementor .xiaphia-site .e-con.x-pricing-help:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:linear-gradient(110deg,#0c4778,#0a3153)}
.elementor .xiaphia-site .x-pricing-help .elementor-heading-title{color:#fff !important;font-size:clamp(24px,2.2vw,28px) !important;font-weight:700 !important;letter-spacing:-.6px !important}
.elementor .xiaphia-site .x-pricing-help p,.elementor .xiaphia-site .x-pricing-help .elementor-widget-text-editor{color:#c4d8e9 !important}
.elementor .xiaphia-site .x-pricing-help .x-btn .elementor-button{background:linear-gradient(110deg,#1eb579,#57d98a) !important;color:#063b35 !important;box-shadow:0 7px 18px #1eb57933 !important}

/* Home hero: breathing room between eyebrow, heading, intro and buttons */
.xaih .wrap.hero h1{margin:12px 0 16px !important}
.xaih .wrap.hero p{margin:0 0 22px}