/*
Theme Name: ActiveIQ
Theme URI: https://aiq.yourpreview.net
Description: ActiveIQ child theme of Twenty Twenty-Five. theme.json tokens (navy/gold, Lora + Helvetica, 1340 wide), utility classes for the homepage sections, Slick-powered rotators.
Author: ActiveIQ
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aiq
*/
/* =============================================================
* 0. Base
* ============================================================= */
:root {
--aiq-font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
--aiq-font-serif: Lora, Georgia, 'Times New Roman', serif;
--aiq-radius-card: 22px;
--aiq-radius-image: 18px;
--aiq-shadow-card: 0 30px 70px rgba(0, 27, 61, .22);
--aiq-shadow-nav: 0 8px 28px rgba(0, 10, 25, .08);
--aiq-ease: cubic-bezier(.16, 1, .3, 1);
--aiq-header-height: 61px;
/* neutralise parent presets some blocks still reference */
--wp--preset--font-family--manrope: var(--aiq-font-body);
--wp--preset--font-family--instrument-sans: var(--aiq-font-body);
}
html { font-family: var(--aiq-font-body); -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
body { overflow-x: clip; }
button, input, select, textarea { font-family: inherit; }
strong { font-weight: 600; }
em.aiq-gold, .aiq-gold { font-style: normal; color: var(--wp--preset--color--gold-dark); }
.has-navy-deep-background-color .aiq-gold,
.has-contrast-background-color .aiq-gold,
.aiq-dark .aiq-gold { color: var(--wp--preset--color--gold); }
h1, h2, h3, h4 { text-wrap: pretty; }
img { height: auto; max-width: 100%; }
/* Links inside body copy only (nav/buttons handle themselves) */
:root :where(a:where(:not(.wp-element-button))) { text-decoration: none; }
/* =============================================================
* 1. Buttons
* ============================================================= */
:root :where(.wp-element-button, .wp-block-button__link) {
border-radius: 999px;
font-weight: 600;
font-size: 14px;
line-height: 1.2;
padding: 14px 30px;
transition: transform .2s, box-shadow .2s, background-color .2s, color .2s, border-color .2s;
will-change: transform;
}
.wp-block-button:not(.is-style-text-arrow) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-text-arrow) .wp-block-button__link:focus-visible {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0, 27, 61, .3);
}
/* Gold */
.wp-block-button.is-style-gold .wp-block-button__link {
background: var(--wp--preset--color--gold);
color: var(--wp--preset--color--contrast);
}
.wp-block-button.is-style-gold .wp-block-button__link:hover { box-shadow: 0 12px 28px rgba(239, 179, 16, .35); }
/* Outline dark (light backgrounds) */
.wp-block-button.is-style-outline-dark .wp-block-button__link {
background: transparent;
color: var(--wp--preset--color--ink);
border: 1.5px solid var(--wp--preset--color--ink);
padding: 12.5px 30px;
}
.wp-block-button.is-style-outline-dark .wp-block-button__link:hover {
background: var(--wp--preset--color--ink);
color: #fff;
transform: none;
box-shadow: none;
}
/* Outline light (dark backgrounds) */
.wp-block-button.is-style-outline-light .wp-block-button__link {
background: transparent;
color: #fff;
border: 1.5px solid rgba(255, 255, 255, .45);
padding: 12.5px 30px;
}
.wp-block-button.is-style-outline-light .wp-block-button__link:hover {
background: rgba(255, 255, 255, .08);
transform: none;
box-shadow: none;
}
/* Text link with arrow (Learn more ↗) */
.wp-block-button.is-style-text-arrow .wp-block-button__link {
background: none;
padding: 0;
border-radius: 0;
color: var(--wp--preset--color--contrast);
font-size: 13.5px;
display: inline-flex;
align-items: center;
gap: 7px;
}
.wp-block-button.is-style-text-arrow .wp-block-button__link::after {
content: "";
width: 14px; height: 14px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
.wp-block-button.is-style-text-arrow .wp-block-button__link:hover { color: var(--wp--preset--color--gold-dark); }
.aiq-dark .wp-block-button.is-style-text-arrow .wp-block-button__link,
.has-navy-deep-background-color .wp-block-button.is-style-text-arrow .wp-block-button__link,
.has-contrast-background-color .wp-block-button.is-style-text-arrow .wp-block-button__link { color: var(--wp--preset--color--gold); }
.aiq-dark .wp-block-button.is-style-text-arrow .wp-block-button__link:hover,
.has-navy-deep-background-color .wp-block-button.is-style-text-arrow .wp-block-button__link:hover { color: #fff; }
/* Full-width button inside cards */
.aiq-btn-block .wp-block-button, .aiq-btn-block .wp-block-button__link { width: 100%; text-align: center; }
/* =============================================================
* 2. Header
* ============================================================= */
header.wp-block-template-part { position: sticky; top: 0; z-index: 60; }
.aiq-header {
background: var(--wp--preset--color--base);
border-bottom: 1px solid var(--wp--preset--color--line);
transition: box-shadow .3s;
}
header.wp-block-template-part.scrolled .aiq-header { box-shadow: var(--aiq-shadow-nav); }
/* No focus rings anywhere in the header (nav links, Platform toggle, mega panel, hamburger/close, utility
* clones, Book a Demo pill): the browser/core rings drew a border on click — removed per Kris 2026-09-02. */
header.wp-block-template-part :is(a, button, [tabindex], .has-child, .wp-block-navigation-item, .wp-block-button__link):is(:focus, :focus-visible, :focus-within, :active),
.aiq-mega :is(a, button, [tabindex]):is(:focus, :focus-visible, :active) {
outline: none !important;
outline-offset: 0 !important;
box-shadow: none !important;
}
.aiq-header .wp-block-site-logo img, .aiq-header .aiq-logo img { height: 32px; width: auto; display: block; }
.aiq-header .wp-block-navigation { font-size: 14px; }
.aiq-header .wp-block-navigation .wp-block-navigation-item__content {
padding: 9px 12px;
border-radius: 999px;
color: #1d2833;
transition: background .2s, color .2s;
}
.aiq-header .wp-block-navigation .wp-block-navigation-item__content:hover { background: #edeadf; color: #1d2833; }
.aiq-header .wp-block-navigation .wp-block-navigation-submenu__toggle { padding: 9px 12px; border-radius: 999px; }
.aiq-header .wp-block-navigation .wp-block-navigation-submenu__toggle:hover { background: #edeadf; }
/* Submenu parent (Platform): label + arrow act as ONE pill; arrow is the mockup's small gold ▾ */
.aiq-header .wp-block-navigation .has-child { display: inline-flex; align-items: center; border-radius: 999px; transition: background .2s; }
.aiq-header .wp-block-navigation .has-child:hover, .aiq-header .wp-block-navigation .has-child.is-mega-active { background: #edeadf; }
.aiq-header .wp-block-navigation .has-child .wp-block-navigation-item__content { padding-right: 2px; }
.aiq-header .wp-block-navigation .has-child .wp-block-navigation-item__content:hover,
.aiq-header .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle:hover { background: none; }
.aiq-header .wp-block-navigation .wp-block-navigation-submenu__toggle,
.aiq-header .wp-block-navigation .wp-block-navigation__submenu-icon { width: auto; height: auto; padding: 9px 12px 9px 0; margin: 0; border-radius: 0; line-height: 1; display: inline-flex; align-items: center; background: none; }
.aiq-header .wp-block-navigation .wp-block-navigation__submenu-icon svg { display: none; }
.aiq-header .wp-block-navigation .wp-block-navigation__submenu-icon::after { content: "\25BE"; font-size: 13px; line-height: 14px; color: var(--wp--preset--color--gold-dark); margin-left: 5px; }
/* One navigation owns both the primary and utility links. On desktop the
* Contact item pushes the utility links to the far edge of the same list. */
.aiq-header .aiq-nav-main { flex: 1; }
.aiq-header .aiq-nav-main > .wp-block-navigation__responsive-container,
.aiq-header .aiq-nav-main > .wp-block-navigation__responsive-container > .wp-block-navigation__responsive-close,
.aiq-header .aiq-nav-main > .wp-block-navigation__responsive-container > .wp-block-navigation__responsive-close > .wp-block-navigation__responsive-dialog { width: 100%; }
@media (min-width: 970px) {
.aiq-header .aiq-nav-main .wp-block-navigation__container { width: 100%; }
.aiq-header .aiq-nav-main .aiq-nav-contact { margin-left: auto; }
.aiq-header .aiq-nav-main :is(.aiq-nav-contact, .aiq-nav-login) .wp-block-navigation-item__content { padding-inline: 8px; }
.aiq-header .aiq-nav-main :is(.aiq-nav-contact, .aiq-nav-login) .wp-block-navigation-item__content:hover { background: none; color: var(--wp--preset--color--gold-dark); }
.aiq-header .aiq-nav-main .aiq-nav-demo { margin-left: 8px; }
.aiq-header .aiq-nav-main .aiq-nav-demo .wp-block-navigation-item__content {
background: var(--wp--preset--color--contrast);
color: #fff;
font-weight: 600;
padding: 11px 24px;
}
.aiq-header .aiq-nav-main .aiq-nav-demo .wp-block-navigation-item__content:hover { background: #102d50; color: #fff; }
}
/* Submenu → panel */
@media (min-width: 970px) {
.aiq-header .wp-block-navigation .wp-block-navigation__submenu-container {
background: #fff;
border: 1px solid #eceff3;
border-radius: 18px;
box-shadow: 0 40px 100px rgba(0, 10, 25, .22);
padding: 12px;
min-width: 320px;
margin-top: 6px;
left: -8px;
}
.aiq-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
display: block;
padding: 11px 12px;
border-radius: 12px;
font-weight: 600;
font-size: 14.5px;
color: var(--wp--preset--color--contrast);
}
.aiq-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: #f6f6f2; }
.aiq-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__description {
display: block;
font-weight: 400;
font-size: 12.5px;
color: #8a94a3;
margin-top: 3px;
line-height: 1.45;
}
.aiq-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after { display: none; }
}
/* Mega menu (Platform) — panel lives in parts/header.html (.aiq-mega); aiq.js toggles .is-mega-open on .aiq-header */
.aiq-header { position: relative; }
.aiq-mega { display: none; }
@media (min-width: 970px) {
/* the core submenu for Platform is replaced by the mega panel */
.aiq-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container { display: none !important; }
.aiq-mega {
display: grid;
grid-template-columns: 1fr 1.15fr 1.15fr .95fr;
gap: 0 40px;
position: absolute;
left: 20px;
right: 20px;
top: 100%;
margin: 0 !important; /* kill the layout block-gap margin-block-start */
max-width: none !important; /* constrained layout caps children at contentSize */
width: auto;
z-index: 70;
background: #fff;
border: 1px solid #eceff3;
border-radius: 24px;
box-shadow: 0 40px 100px rgba(0, 10, 25, .22);
padding: 14px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
}
.aiq-header.is-mega-open .aiq-mega { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.aiq-mega > .wp-block-group { margin: 0; }
.aiq-mega__card { background: #f6f6f2; border-radius: 16px; padding: 30px 30px 34px; }
.aiq-mega__col { padding: 30px 0 34px; }
.aiq-mega__demo { padding: 30px 30px 34px 0; }
.aiq-mega__eyebrow { font-family: var(--aiq-font-serif); font-size: 16px; color: #6b7686; margin: 0 0 10px !important; }
.aiq-mega__card .aiq-mega__eyebrow, .aiq-mega__demo .aiq-mega__eyebrow { margin-bottom: 22px !important; }
.aiq-mega__eyebrow.is-hidden-label { visibility: hidden; }
.aiq-mega__title { font-family: var(--aiq-font-serif); font-weight: 400; font-size: 26px; letter-spacing: -.01em; color: var(--wp--preset--color--contrast); margin: 0 !important; }
.aiq-mega__blurb { font-size: 13.5px; color: #5b6675; line-height: 1.55; margin: 8px 0 0 !important; }
.aiq-mega__cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; font-weight: 600; font-size: 13.5px; color: var(--wp--preset--color--contrast); text-decoration: none; transition: color .2s; }
.aiq-mega__demo .aiq-mega__cta { margin-top: 16px; }
.aiq-mega__cta:hover { color: var(--wp--preset--color--gold-dark); }
.aiq-mega__arrow { width: 15px; height: 15px; }
.aiq-mega__item { display: flex; gap: 14px; align-items: flex-start; padding: 13px 12px; margin: 0 -12px; border-radius: 12px; color: inherit; text-decoration: none; transition: background .2s; }
.aiq-mega__item:hover { background: #f6f6f2; }
.aiq-mega__icon { flex: none; width: 19px; height: 19px; color: var(--wp--preset--color--contrast); margin-top: 2px; }
.aiq-mega__label { display: block; font-weight: 600; font-size: 14.5px; color: var(--wp--preset--color--contrast); }
.aiq-mega__desc { display: block; font-size: 12.5px; color: #8a94a3; margin-top: 3px; line-height: 1.45; }
.aiq-mega__poster { margin: 0 !important; border-radius: 14px; overflow: hidden; height: 150px; }
.aiq-mega__poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
}
@media (min-width: 970px) and (max-width: 1100px) {
.aiq-mega { grid-template-columns: 1fr 1.2fr 1.2fr; }
.aiq-mega__demo { display: none; }
}
/* Header breakpoints (2026-09-01):
* >= 970px desktop — every link inline, Platform opens the mega panel.
* 580–969px tablet — main links move into the core overlay (hamburger); Login and
* Book a Demo stay in the bar as JS clones (.aiq-header__utility).
* <= 579px mobile — everything (incl. Login / Book a Demo) lives in the overlay.
* Core hard-codes its own overlay breakpoint at 600px, so between 600 and 969 we
* re-hide the closed container and re-show the hamburger ourselves. */
@media (min-width: 600px) and (max-width: 969px) {
.aiq-header .aiq-nav-main > .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
.aiq-header .aiq-nav-main .wp-block-navigation__responsive-container-open { display: flex; }
}
/* Utility clones (Login + Book a Demo) — built by aiq.js module 9, tablet only */
.aiq-header__utility { display: none; }
@media (min-width: 580px) and (max-width: 969px) {
.aiq-header > .wp-block-group.alignwide > .aiq-header__utility {
display: flex;
align-items: center;
gap: 8px;
flex: none;
margin: 0 -14px 0 auto; /* sit against the hamburger; the row's 34px gap is too wide */
}
.aiq-header > .wp-block-group.alignwide > .aiq-nav-main { flex: none; }
.aiq-header__utility a {
display: inline-flex;
align-items: center;
padding: 9px 8px;
border-radius: 999px;
font-size: 14px;
color: #1d2833;
text-decoration: none;
transition: background .2s, color .2s;
}
.aiq-header__utility a:hover { color: var(--wp--preset--color--gold-dark); }
.aiq-header__utility .aiq-header__utility-demo {
background: var(--wp--preset--color--contrast);
color: #fff;
font-weight: 600;
padding: 11px 24px;
}
.aiq-header__utility .aiq-header__utility-demo:hover { background: #102d50; color: #fff; }
/* the bar already shows these two, so drop them from the overlay */
.aiq-header .wp-block-navigation__responsive-container.is-menu-open :is(.aiq-nav-login, .aiq-nav-demo) { display: none !important; }
}
/* Mobile menu overlay — full-screen, spacious hierarchy inspired by Freshworks */
.aiq-mobile-menu__logo { display: none; }
@media (max-width: 969px) {
.aiq-header > .wp-block-group.alignwide {
box-sizing: border-box;
width: 100%;
max-width: none !important;
padding-inline: 20px;
}
.aiq-header .aiq-logo { flex: none; margin: 0; }
.aiq-header .aiq-nav-main { min-width: 0; justify-content: flex-end; }
.aiq-header .wp-block-navigation__responsive-container-open {
width: 36px;
height: 36px;
margin-left: auto;
padding: 6px;
color: var(--wp--preset--color--contrast);
}
.aiq-header .wp-block-navigation__responsive-container-open svg { width: 24px; height: 24px; }
.aiq-header .wp-block-navigation__responsive-container.is-menu-open {
box-sizing: border-box;
background: #f7f5ef !important;
color: #1d2833;
padding: 0 !important;
overflow-y: auto;
}
.aiq-header :is(.wp-block-navigation__responsive-container.is-menu-open, .wp-block-navigation__responsive-container.is-menu-open *):is(:focus, :focus-visible, :focus-within, :active) {
outline: none !important;
outline-offset: 0 !important;
box-shadow: none !important;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open :is(a, button) { -webkit-tap-highlight-color: transparent; }
.aiq-header .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-container-content) { background-color: #f7f5ef; }
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
box-sizing: border-box;
width: 100%;
max-width: none;
min-height: 100%;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
width: 100%;
min-height: 100dvh;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .aiq-mobile-menu__logo {
position: absolute;
top: 28px;
left: 24px;
z-index: 2;
display: block;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .aiq-mobile-menu__logo img { display: block; width: auto; height: 32px; }
.aiq-header .wp-block-navigation__responsive-container-close {
position: absolute;
top: 25px;
right: 22px;
z-index: 3;
width: 38px;
height: 38px;
padding: 7px;
color: #111820;
}
.aiq-header .wp-block-navigation__responsive-container-close svg { width: 24px; height: 24px; }
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
box-sizing: border-box;
width: 100%;
margin-top: 88px;
padding: 22px 24px 40px;
border-top: 1px solid var(--wp--preset--color--line);
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
width: 100%;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item {
box-sizing: border-box;
width: 100%;
margin: 0;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
min-height: 60px;
padding: 17px 16px;
border-radius: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.3;
color: #1d2833;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover { background: none; }
/* Platform becomes a compact accordion row instead of an always-expanded tree. */
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child {
display: grid;
grid-template-columns: minmax(0, 1fr) 46px;
align-items: center;
background: none;
border-radius: 0;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-item__content { grid-column: 1; padding-right: 0; }
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle {
grid-column: 2;
position: static;
display: flex;
align-items: center;
justify-content: center;
justify-self: end;
box-sizing: border-box;
width: 36px;
height: 36px;
margin: 0 5px 0 0;
padding: 0;
background: rgba(255, 255, 255, .45);
border: 1px solid #c7cdd2;
border-radius: 8px;
transition: background-color .2s ease, border-color .2s ease;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle::after {
content: "";
box-sizing: border-box;
width: 10px;
height: 10px;
margin: 0;
border-right: 2px solid #1d2833;
border-bottom: 2px solid #1d2833;
transform: translateX(-2px) rotate(-45deg);
transition: transform .2s ease;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child.is-mobile-submenu-open > .wp-block-navigation-submenu__toggle {
background: #efece2;
border-color: #9da6ad;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child.is-mobile-submenu-open > .wp-block-navigation-submenu__toggle::after { transform: translateY(-1px) rotate(45deg); }
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container {
grid-column: 1 / -1;
position: static;
display: none !important;
box-sizing: border-box;
width: 100%;
min-width: 0;
margin: 0;
padding: 4px 0 14px;
background: transparent;
border: 0;
box-shadow: none;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child.is-mobile-submenu-open > .wp-block-navigation__submenu-container { display: flex !important; }
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
width: 100%;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
box-sizing: border-box;
display: flex;
width: 100%;
padding: 12px 16px 12px 22px;
border-radius: 0;
font-size: 16px;
font-weight: 400;
color: #3c4a58;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__description { display: none; }
/* Utility links and CTA are distinct groups, matching the reference menu. */
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .aiq-nav-contact {
margin-top: 18px !important;
padding-top: 18px;
border-top: 1px solid #cfd3d7;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open :is(.aiq-nav-contact, .aiq-nav-login) > .wp-block-navigation-item__content {
min-height: 54px;
padding-block: 14px;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .aiq-nav-demo {
margin-top: 18px !important;
padding-top: 32px;
border-top: 1px solid #cfd3d7;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .aiq-nav-demo > .wp-block-navigation-item__content {
justify-content: center;
min-height: 58px;
padding: 16px 24px;
background: var(--wp--preset--color--contrast);
border-radius: 999px;
font-size: 18px;
font-weight: 700;
color: #fff;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .aiq-nav-demo > .wp-block-navigation-item__content:hover { background: #102d50; color: #fff; }
}
@media (max-width: 969px) and (hover: hover) and (pointer: fine) {
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child, .aiq-nav-demo) > .wp-block-navigation-item__content,
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child,
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
transition: background-color .2s ease, color .2s ease, padding-left .2s ease;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child, .aiq-nav-demo) > .wp-block-navigation-item__content:hover,
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child:hover,
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
background: #efece2;
color: var(--wp--preset--color--contrast);
border-radius: 8px;
}
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .has-child:hover { background: #efece2 !important; }
.aiq-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { padding-left: 8px; }
}
/* =============================================================
* 3. Sections & cards
* ============================================================= */
.aiq-section { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }
.aiq-section--xl { padding-top: var(--wp--preset--spacing--70); padding-bottom: var(--wp--preset--spacing--70); }
.aiq-border-top { border-top: 1px solid var(--wp--preset--color--line); }
.aiq-dark, .has-navy-deep-background-color, .has-contrast-background-color { color: #fff; }
.aiq-dark :is(h1, h2, h3, h4, h5, h6),
.has-navy-deep-background-color :is(h1, h2, h3, h4, h5, h6),
.has-contrast-background-color :is(h1, h2, h3, h4, h5, h6) { color: #fff; }
.aiq-muted-on-dark { color: rgba(255, 255, 255, .6); }
.wp-block-group.is-style-card, .wp-block-group.is-style-card-shadow { border-radius: var(--aiq-radius-card); overflow: hidden; }
.wp-block-group.is-style-card-shadow { box-shadow: var(--aiq-shadow-card); }
.aiq-rounded { border-radius: var(--aiq-radius-image); overflow: hidden; }
.aiq-rounded img { display: block; }
.aiq-eyebrow { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .12em; }
.aiq-stat { font-family: var(--aiq-font-serif); font-size: var(--wp--preset--font-size--stat); line-height: 1.1; letter-spacing: -.01em; color: var(--wp--preset--color--ink); }
.aiq-dark .aiq-stat { color: #fff; }
.aiq-serif { font-family: var(--aiq-font-serif); }
/* Grid helpers */
.aiq-grid { display: grid; gap: 18px; }
.aiq-grid > * { min-width: 0; margin: 0 !important; }
.aiq-grid--testimonials { grid-template-columns: 2fr 1fr 1fr 1fr; align-items: stretch; }
.aiq-grid--pricing { grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }
.aiq-grid--compare { grid-template-columns: 1.05fr 1fr; max-width: 1020px; margin-inline: auto; }
.aiq-grid--footer { grid-template-columns: 1.6fr 1fr 1fr; gap: 48px; }
@media (max-width: 1024px) {
.aiq-grid--testimonials { grid-template-columns: 1fr 1fr; }
.aiq-grid--testimonials > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 782px) {
.aiq-grid--testimonials, .aiq-grid--pricing, .aiq-grid--compare, .aiq-grid--footer { grid-template-columns: 1fr; }
}
/* Testimonial cards */
.aiq-tcard { border-radius: 20px; padding: 30px 26px; display: flex; flex-direction: column; gap: 16px; position: relative; overflow: hidden; isolation: isolate; }
.aiq-tcard--lead { padding: 34px 32px; gap: 18px; min-height: 420px; }
.aiq-tcard > *, .aiq-tcard__body > * { margin: 0 !important; }
/* aiq.js wraps everything but the logo in .aiq-tcard__body so it can collapse as one unit */
.aiq-tcard__body { display: flex; flex-direction: column; gap: 16px; flex: 1; min-width: 0; }
.aiq-tcard--lead .aiq-tcard__body { gap: 18px; }
/* Logo = faint grayscale watermark in the card's bottom-right quadrant (image block kept for Gutenberg editability) */
.aiq-tcard .aiq-tcard__logo { position: absolute; right: 18px; bottom: 28%; width: calc(68% - 18px); height: 150px; z-index: 0; pointer-events: none; }
.aiq-tcard .aiq-tcard__logo img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: right center; filter: grayscale(1) brightness(0); opacity: .07; }
.aiq-tcard .aiq-tcard__logo--light img { filter: grayscale(1) brightness(0) invert(1); opacity: .07; }
/* Per-logo optical sizing (MICA = lead card, Pitbull = --sm, AMS = --md) */
.aiq-tcard--lead .aiq-tcard__logo img { transform: scale(.8); transform-origin: right center; }
.aiq-tcard .aiq-tcard__logo--sm img { transform: scale(1.25); transform-origin: right center; }
.aiq-tcard .aiq-tcard__logo--md img { transform: scale(.88); transform-origin: right center; }
.aiq-tcard > :not(.aiq-tcard__logo) { position: relative; z-index: 1; }
.aiq-tcard__quote { font-family: var(--aiq-font-serif); font-size: 15.5px; line-height: 1.6; flex: 1; }
.aiq-tcard--lead .aiq-tcard__quote { font-size: 19px; line-height: 1.55; }
.aiq-tcard__name { font-weight: 600; font-size: 13px; }
.aiq-tcard__role { font-size: 12px; opacity: .65; margin-top: 2px !important; }
.aiq-tcard__stat { border-top: 1px solid rgba(16, 28, 40, .2); padding-top: 20px; }
.aiq-tcard__stat .aiq-stat { font-size: 40px; }
.aiq-tcard__stat p { font-size: 11.5px; opacity: .65; margin-top: 4px !important; }
/* Testimonials accordion (.aiq-acc added by aiq.js module 10 at >=783px; mobile keeps stacked cards).
One card open at a time: closed tiles collapse to a slim column showing only a small solid logo
pinned top-center; opening a card slides that logo down-right while it grows and fades into the
usual ghost watermark, and the copy cascades in. */
@media (min-width: 783px) {
.aiq-grid--testimonials.aiq-acc { display: flex; align-items: stretch; height: 450px; }
.aiq-grid--testimonials.aiq-acc > .aiq-tcard { flex: 1 1 0; height: 100%; cursor: pointer; }
.aiq-grid--testimonials.aiq-acc > .aiq-tcard.is-open { flex-grow: 5.5; cursor: default; }
.aiq-grid--testimonials.aiq-acc > .aiq-tcard:focus, .aiq-grid--testimonials.aiq-acc > .aiq-tcard:focus-visible, .aiq-grid--testimonials.aiq-acc > .aiq-tcard:focus-within { outline: none; box-shadow: none; }
/* Width animation; opacity/transform legs (with their stagger delays) keep the scroll-reveal working */
html.aiq-js .aiq-grid--testimonials.aiq-acc > .aiq-tcard {
transition:
opacity var(--aiq-dur) ease-out calc(var(--aiq-i, 0) * var(--aiq-step)),
transform var(--aiq-dur) var(--aiq-ease) calc(var(--aiq-i, 0) * var(--aiq-step)),
flex-grow .85s var(--aiq-ease);
}
/* Copy: hidden in closed tiles, cascades in once the card has mostly widened */
.aiq-grid--testimonials.aiq-acc > .aiq-tcard > :not(.aiq-tcard__logo) {
opacity: 0; visibility: hidden; transform: translate(0, 14px);
transition: opacity .3s ease, transform .45s var(--aiq-ease), visibility 0s linear .3s;
}
.aiq-grid--testimonials.aiq-acc > .aiq-tcard.is-open > :not(.aiq-tcard__logo) {
opacity: 1; visibility: visible; transform: none;
transition: opacity .55s ease .28s, transform .75s var(--aiq-ease) .28s, visibility 0s;
}
.aiq-grid--testimonials.aiq-acc > .aiq-tcard.is-open { padding: 34px 38px; }
.aiq-grid--testimonials.aiq-acc > .aiq-tcard.is-open .aiq-tcard__quote { font-size: 19px; line-height: 1.55; max-width: 620px; }
/* Logo: small solid mark top-center when closed -> the big ghost watermark when open */
.aiq-grid--testimonials.aiq-acc .aiq-tcard__logo {
top: 30px; right: calc(50% - 55px); bottom: auto; width: 110px; height: 56px;
transition: top .85s var(--aiq-ease), right .85s var(--aiq-ease), width .85s var(--aiq-ease), height .85s var(--aiq-ease);
}
.aiq-grid--testimonials.aiq-acc .aiq-tcard__logo img {
object-position: 50% 50%; filter: grayscale(1) brightness(0); opacity: .78; transform: none;
transition: opacity .85s ease, transform .85s var(--aiq-ease), object-position .85s var(--aiq-ease);
}
.aiq-grid--testimonials.aiq-acc .aiq-tcard__logo--light img { filter: grayscale(1) brightness(0) invert(1); opacity: .88; }
.aiq-grid--testimonials.aiq-acc > .aiq-tcard:not(.is-open):hover .aiq-tcard__logo img { transform: scale(1.06); opacity: 1; }
.aiq-grid--testimonials.aiq-acc .is-open .aiq-tcard__logo {
top: calc(72% - 150px); right: 18px; width: calc(68% - 18px); height: 150px;
}
.aiq-grid--testimonials.aiq-acc .is-open .aiq-tcard__logo img { object-position: 100% 50%; opacity: .5; }
/* Restore the per-logo optical sizing in the open watermark state */
.aiq-grid--testimonials.aiq-acc .is-open.aiq-tcard--lead .aiq-tcard__logo img { transform: scale(.8); transform-origin: right center; }
.aiq-grid--testimonials.aiq-acc .is-open .aiq-tcard__logo--sm img { transform: scale(1.25); transform-origin: right center; }
.aiq-grid--testimonials.aiq-acc .is-open .aiq-tcard__logo--md img { transform: scale(.88); transform-origin: right center; }
}
@media (min-width: 783px) and (max-width: 1100px) {
.aiq-grid--testimonials.aiq-acc { height: 540px; }
}
/* Testimonials accordion, mobile (.aiq-acc-v added by aiq.js module 10 at <=782px).
Same idea rotated: every card collapses to a slim row (solid logo left, chevron right); the
open card's body slides open underneath via the 0fr -> 1fr grid-row trick. */
@media (max-width: 782px) {
.aiq-grid--testimonials.aiq-acc-v { gap: 10px; }
.aiq-grid--testimonials.aiq-acc-v > .aiq-tcard {
display: grid; grid-template-columns: 1fr; grid-template-rows: auto 0fr; gap: 0;
padding: 0 0 0; min-height: 0; cursor: pointer;
}
.aiq-grid--testimonials.aiq-acc-v > .aiq-tcard.is-open { grid-template-rows: auto 1fr; padding-bottom: 24px; cursor: default; }
.aiq-grid--testimonials.aiq-acc-v > .aiq-tcard:focus, .aiq-grid--testimonials.aiq-acc-v > .aiq-tcard:focus-visible, .aiq-grid--testimonials.aiq-acc-v > .aiq-tcard:focus-within { outline: none; box-shadow: none; }
html.aiq-js .aiq-grid--testimonials.aiq-acc-v > .aiq-tcard {
transition:
opacity var(--aiq-dur) ease-out calc(var(--aiq-i, 0) * var(--aiq-step)),
transform var(--aiq-dur) var(--aiq-ease) calc(var(--aiq-i, 0) * var(--aiq-step)),
grid-template-rows .55s var(--aiq-ease), padding-bottom .55s var(--aiq-ease);
}
/* Header row: the logo becomes a static, solid mark */
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__logo {
position: static; width: auto; height: 70px; padding: 0 56px 0 22px; box-sizing: border-box;
display: flex; align-items: center; pointer-events: none;
}
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__logo img {
width: auto; max-width: 170px; height: 40px; object-fit: contain; object-position: left center;
filter: grayscale(1) brightness(0); opacity: .82; transform: none; transform-origin: left center;
}
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__logo--light img { filter: grayscale(1) brightness(0) invert(1); opacity: .9; }
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard--lead .aiq-tcard__logo img { height: 38px; }
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__logo--sm img { height: 40px; }
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__logo--md img { height: 44px; }
/* Chevron */
.aiq-grid--testimonials.aiq-acc-v > .aiq-tcard::after {
content: ""; position: absolute; top: 27px; right: 22px; width: 16px; height: 16px; z-index: 2;
background: currentColor; opacity: .55; transition: transform .45s var(--aiq-ease);
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
.aiq-grid--testimonials.aiq-acc-v > .aiq-tcard.is-open::after { transform: rotate(180deg); }
/* Body: collapses to 0 and fades */
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__body {
min-height: 0; overflow: hidden; padding: 0 22px; gap: 12px; opacity: 0; visibility: hidden;
transition: opacity .3s ease, visibility 0s linear .3s;
}
.aiq-grid--testimonials.aiq-acc-v > .aiq-tcard.is-open .aiq-tcard__body { opacity: 1; visibility: visible; transition: opacity .5s ease .15s, visibility 0s; }
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__body > :first-child { margin-top: 2px !important; }
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__quote { flex: none; font-size: 17px; line-height: 1.55; }
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__name { margin-top: 6px !important; }
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__stat { margin-top: 8px !important; padding-top: 16px; }
.aiq-grid--testimonials.aiq-acc-v .aiq-tcard__stat .aiq-stat { font-size: 34px; }
}
/* Pricing cards */
.aiq-pcard { background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: var(--aiq-radius-card); padding: 36px 32px; display: flex; flex-direction: column; gap: 8px; margin-top: 28px !important; margin-bottom: 28px !important; }
.aiq-pcard > * { margin: 0 !important; }
.aiq-pcard--featured { background: var(--wp--preset--color--contrast); border: 0; padding: 40px 32px; box-shadow: 0 30px 70px rgba(0, 27, 61, .3); margin-top: 0 !important; margin-bottom: 0 !important; color: #fff; }
.aiq-pcard__name { font-family: var(--aiq-font-serif); font-size: 20px; color: var(--wp--preset--color--ink); }
.aiq-pcard--featured .aiq-pcard__name { color: #fff; }
.aiq-pcard__tag { font-size: 13.5px; color: var(--wp--preset--color--muted); }
.aiq-pcard--featured .aiq-pcard__tag, .aiq-pcard--featured .aiq-pcard__note { color: rgba(255, 255, 255, .6); }
.aiq-pcard__price { font-family: var(--aiq-font-serif); font-size: 44px; letter-spacing: -.01em; line-height: 1.1; color: var(--wp--preset--color--ink); margin-top: 18px !important; }
.aiq-pcard--featured .aiq-pcard__price { color: var(--wp--preset--color--gold); }
.aiq-pcard__price small { font-family: var(--aiq-font-body); font-size: 15px; color: var(--wp--preset--color--muted); }
.aiq-pcard--featured .aiq-pcard__price small { color: rgba(255, 255, 255, .6); }
.aiq-pcard__note { font-size: 12.5px; color: var(--wp--preset--color--muted); margin-bottom: 20px !important; }
.aiq-pcard ul { flex: 1; }
.aiq-pcard .wp-block-buttons { margin-top: 24px !important; }
@media (max-width: 782px) { .aiq-pcard, .aiq-pcard--featured { margin-top: 0 !important; margin-bottom: 0 !important; } }
/* Check / cross lists */
.wp-block-list.is-style-checks, .wp-block-list.is-style-crosses { list-style: none; padding-left: 0; display: grid; gap: 12px; font-size: 13.5px; line-height: 1.5; }
.wp-block-list.is-style-checks li, .wp-block-list.is-style-crosses li { display: flex; gap: 10px; align-items: flex-start; }
.wp-block-list.is-style-checks li::before, .wp-block-list.is-style-crosses li::before {
content: ""; flex: none; width: 17px; height: 17px; margin-top: 1px;
background: var(--wp--preset--color--gold-dark);
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
.aiq-dark .wp-block-list.is-style-checks li::before, .aiq-pcard--featured .wp-block-list.is-style-checks li::before { background: var(--wp--preset--color--gold); }
.wp-block-list.is-style-crosses li::before {
background: #a49f90;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
/* Comparison table variant: row dividers + circular icon */
.aiq-compare .wp-block-list.is-style-checks, .aiq-compare .wp-block-list.is-style-crosses { gap: 0; }
.aiq-compare .wp-block-list li { padding: 14.5px 0; border-top: 1px solid rgba(255, 255, 255, .08); align-items: center; gap: 13px; font-weight: 500; }
.aiq-compare .wp-block-list li::before { width: 22px; height: 22px; margin: 0; border-radius: 50%; background: rgba(239, 179, 16, .16); -webkit-mask: none; mask: none; position: relative; }
.aiq-compare .wp-block-list.is-style-checks li { position: relative; padding-left: 35px; }
.aiq-compare .wp-block-list.is-style-checks li::before, .aiq-compare.aiq-dark .wp-block-list.is-style-checks li::before { position: absolute; left: 0; background: rgba(239, 179, 16, .16); }
.aiq-compare .wp-block-list.is-style-checks li::after {
content: ""; position: absolute; left: 4.5px; width: 13px; height: 22px; background: var(--wp--preset--color--gold);
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
.aiq-compare .wp-block-list li:first-child { border-top: 0; }
.aiq-compare--generic .wp-block-list li { border-top-color: #e2ddd0; color: var(--wp--preset--color--muted); font-weight: 400; }
.aiq-compare .wp-block-list.is-style-crosses li { position: relative; padding-left: 35px; }
.aiq-compare .wp-block-list.is-style-crosses li::before { position: absolute; left: 0; background: #e2ddd0; }
.aiq-compare .wp-block-list.is-style-crosses li::after {
content: ""; position: absolute; left: 4.5px; width: 13px; height: 22px; background: #a49f90;
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
.aiq-compare { border-radius: var(--aiq-radius-card); padding: 6px 28px 22px; }
.aiq-compare--aiq { background: var(--wp--preset--color--contrast); box-shadow: var(--aiq-shadow-card); color: #fff; }
.aiq-compare--generic { background: var(--wp--preset--color--sand); border: 1px solid #e5e0d3; }
.aiq-compare__head { display: flex; align-items: center; justify-content: space-between; padding: 20px 0 16px; border-bottom: 1px solid rgba(255, 255, 255, .14); margin: 0 !important; }
.aiq-compare--generic .aiq-compare__head { border-bottom-color: #ddd8c9; padding: 24px 0 20px; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; color: var(--wp--preset--color--muted); }
.aiq-compare__head img { height: 24px; width: auto; }
.aiq-badge { font-weight: 600; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; background: var(--wp--preset--color--gold); color: var(--wp--preset--color--contrast); padding: 5px 11px; border-radius: 999px; }
/* =============================================================
* 4. Hero (video right, cream fade, rotating headline)
* ============================================================= */
.aiq-hero { position: relative; overflow: hidden; background: var(--wp--preset--color--base); }
.aiq-hero__video { position: absolute; inset: 0; z-index: 0; pointer-events: none; margin: 0 !important; }
.aiq-hero__video video { position: absolute; top: 0; right: 0; left: auto; height: 100%; width: 64%; min-width: 0; object-fit: cover; object-position: left center; display: block; }
.aiq-hero__video::after { content: ""; position: absolute; inset: 0; background: var(--wp--preset--gradient--hero-fade); }
.aiq-hero__inner { position: relative; z-index: 1; padding-top: 72px; padding-bottom: 56px; }
.aiq-hero__copy { margin-left: max(0px, calc((100% - 1340px) / 2)) !important; margin-right: 0 !important; }
.aiq-hero__copy > p { max-width: 460px; }
.aiq-hero .aiq-rotator { min-height: calc(3.3 * var(--wp--preset--font-size--heading-xl)); display: flex; align-items: flex-end; }
.aiq-hero .aiq-rotator .slick-list, .aiq-hero .aiq-rotator .slick-track { width: 100%; }
/* Slick sizes .slick-list from the FIRST slide, clipping taller headlines' descenders. Stack the
fade slides in a grid instead so the list is as tall as the tallest headline (fixed 2026-08-28). */
.aiq-hero .aiq-rotator .slick-list { height: auto !important; overflow: visible; }
.aiq-hero .aiq-rotator .slick-track { display: grid; width: 100% !important; transform: none !important; }
.aiq-hero .aiq-rotator .slick-slide { grid-area: 1 / 1; left: 0 !important; top: 0 !important; width: 100% !important; }
.aiq-hero h1 { margin: 0; }
.aiq-hero__trust { font-size: 12px; font-weight: 500; color: #6d7885; margin-top: 44px !important; }
.aiq-hero__logos { display: flex; align-items: center; gap: 34px; filter: grayscale(1); opacity: .65; flex-wrap: wrap; }
.aiq-hero__logos img { height: 30px; width: auto; mix-blend-mode: multiply; }
.aiq-hero__logos img.wp-image-17 { height: 22px; }
.aiq-hero__logos img.wp-image-102 { height: 48px; }
.aiq-hero__logos img.wp-image-25 { height: 41px; }
@media (max-width: 782px) {
.aiq-hero__video video { width: 100%; }
.aiq-hero__video::after { background: linear-gradient(180deg, rgba(247,245,239,.94) 0%, rgba(247,245,239,.88) 60%, rgba(247,245,239,.7) 100%); }
.aiq-hero__inner { padding-top: 40px; padding-bottom: 40px; }
.aiq-hero .aiq-rotator { min-height: 0; }
}
/* =============================================================
* 5. Rotators (Slick fade) and dots
* ============================================================= */
.aiq-rotator > .wp-block-group, .aiq-rotator > * { margin: 0 !important; }
html.aiq-js .aiq-rotator:not(.slick-initialized) > *:not(:first-child) { display: none; }
.aiq-rotator .slick-slide { outline: none; }
.aiq-dots { display: flex; gap: 8px; margin-top: 34px; }
.aiq-dots .slick-dots { position: static; display: flex !important; gap: 7px; width: auto; margin: 0; padding: 0; list-style: none; }
.aiq-dots .slick-dots li { width: auto; height: auto; margin: 0; }
.aiq-dots .slick-dots li button { width: 7px; height: 7px; padding: 0; margin: 0; border: 0; outline: 0; box-shadow: none; border-radius: 99px; background: #d6d1c2; transition: all .3s; font-size: 0; cursor: pointer; }
.aiq-dots .slick-dots li button::before { display: none; }
.aiq-dots .slick-dots li.slick-active button { width: 22px; background: var(--wp--preset--color--gold-dark); }
.aiq-dark .aiq-dots .slick-dots li button, .has-navy-deep-background-color .aiq-dots .slick-dots li button { background: rgba(255, 255, 255, .3); }
.aiq-dark .aiq-dots .slick-dots li.slick-active button, .has-navy-deep-background-color .aiq-dots .slick-dots li.slick-active button { background: var(--wp--preset--color--gold); }
/* Questions rotator (dark band) */
.aiq-quotes { max-width: 820px; margin-inline: auto; text-align: center; }
.aiq-quotes .aiq-rotator { min-height: 120px; }
.aiq-quotes .aiq-quote__cat { font-weight: 500; text-transform: uppercase; letter-spacing: .12em; font-size: 11px; color: rgba(255, 255, 255, .5); margin: 0 0 14px !important; }
.aiq-quotes .aiq-quote__text { font-family: var(--aiq-font-serif); font-size: 20px; line-height: 1.55; color: #fff; margin: 0 !important; }
.aiq-quotes .aiq-quote__text::before { content: "\201C"; }
.aiq-quotes .aiq-quote__text::after { content: "\201D"; }
.aiq-quotes .aiq-dots { justify-content: center; align-items: center; gap: 20px; margin-top: 26px; flex-direction: row-reverse; }
.aiq-quotes .aiq-next {
cursor: pointer; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); background: transparent; padding: 0;
display: flex; align-items: center; justify-content: center; transition: background .2s;
}
.aiq-quotes .aiq-next:hover { background: rgba(255, 255, 255, .1); }
.aiq-quotes .aiq-next::before {
content: ""; width: 16px; height: 16px; background: #fff;
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
/* =============================================================
* 6. Modules (tabs → name/desc | image | stat)
* ============================================================= */
.aiq-modules__tabs { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; margin: 0 0 44px !important; }
.aiq-modules__tab {
cursor: pointer; padding: 10px 20px; border-radius: 999px; font-size: 13.5px; font-weight: 400; border: 0;
color: rgba(255, 255, 255, .75); background: rgba(255, 255, 255, .08); transition: all .25s; font-family: inherit;
}
.aiq-modules__tab:hover { background: rgba(255, 255, 255, .16); color: #fff; }
.aiq-modules__tab.is-active { font-weight: 600; color: var(--wp--preset--color--navy-deep); background: var(--wp--preset--color--gold); }
.aiq-modules__body { display: grid; grid-template-columns: 1fr 200px; gap: 36px; align-items: center; }
.aiq-modules__body > * { margin: 0 !important; min-width: 0; }
.aiq-modules__list { position: relative; }
.aiq-module { display: grid; grid-template-columns: 200px 1fr; gap: 36px; align-items: center; }
.aiq-module > * { margin: 0 !important; min-width: 0; }
html.aiq-js .aiq-module:not(.is-active) { display: none; }
.aiq-module.is-active { animation: aiqFade .45s ease both; }
@keyframes aiqFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.aiq-module__name { font-family: var(--aiq-font-serif); font-size: 19px; line-height: 1.35; color: #fff; margin-bottom: 12px !important; }
.aiq-module__desc { font-size: 13px; line-height: 1.7; color: rgba(255, 255, 255, .6); }
.aiq-module__text .wp-block-buttons { margin-top: 16px !important; }
.aiq-module__shot { border-radius: var(--aiq-radius-image); overflow: hidden; background: #0c2038; box-shadow: 0 40px 90px rgba(0, 0, 0, .5); height: 520px; padding: 25px; box-sizing: border-box; }
.aiq-module__shot img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.aiq-modules__stat > * { margin: 0 !important; }
.aiq-modules__stat .aiq-stat { color: #fff; }
.aiq-modules__stat .aiq-stat__label { font-weight: 600; font-size: 13px; color: #fff; margin-top: 6px !important; }
.aiq-modules__stat .aiq-stat__note { font-size: 12px; color: rgba(255, 255, 255, .5); margin-top: 10px !important; line-height: 1.6; }
@media (max-width: 1024px) {
.aiq-modules__body { grid-template-columns: 1fr; }
.aiq-module { grid-template-columns: 1fr; }
.aiq-module__shot { height: auto; aspect-ratio: 16 / 10; }
.aiq-modules__stat { text-align: center; }
}
/* Mobile (2026-09-01): six pills wrapped into three rows, so the strip becomes one
* scroll-snapping row (JS centres the active pill), the panel swipes left/right, and a
* prev · dots · next row (built by aiq.js module 5) sits under the panel. */
.aiq-modules__nav { display: none; }
@media (max-width: 782px) {
.aiq-modules__tabs {
flex-wrap: nowrap;
justify-content: flex-start;
gap: 8px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x proximity;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding: 4px 20px;
margin: 0 -20px 32px !important; /* bleed to the section edge so pills scroll off-screen */
-webkit-mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent);
mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent);
}
.aiq-modules__tabs::-webkit-scrollbar { display: none; }
.aiq-modules__tab { flex: none; scroll-snap-align: center; white-space: nowrap; padding: 11px 20px; font-size: 14px; }
.aiq-modules__list { touch-action: pan-y; }
.aiq-modules__nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 28px 0 0 !important; }
.aiq-modules__arrow {
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22);
background: rgba(255, 255, 255, .06); color: #fff; cursor: pointer; transition: background .2s, border-color .2s;
}
.aiq-modules__arrow:hover, .aiq-modules__arrow:focus-visible { background: var(--wp--preset--color--gold); border-color: var(--wp--preset--color--gold); color: var(--wp--preset--color--navy-deep); outline: none; }
.aiq-modules__arrow svg { width: 18px; height: 18px; display: block; }
.aiq-modules__dots { display: flex; gap: 8px; }
.aiq-modules__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .28); cursor: pointer; transition: background .2s, transform .2s; }
.aiq-modules__dot.is-active { background: var(--wp--preset--color--gold); transform: scale(1.25); }
}
/* =============================================================
* 7. Logo marquee (Slick ticker)
* ============================================================= */
.aiq-marquee { overflow: hidden; opacity: .7; filter: grayscale(1); }
.aiq-marquee .slick-track { display: flex; align-items: center; }
.aiq-marquee .slick-slide { padding: 0 40px; }
.aiq-marquee .slick-slide > div { display: flex; align-items: center; }
.aiq-marquee figure, .aiq-marquee .wp-block-image { margin: 0 !important; }
.aiq-marquee img { height: 44px !important; width: auto !important; max-width: none; mix-blend-mode: multiply; }
.aiq-marquee .aiq-logo--tall img { height: 56px !important; }
.aiq-marquee .aiq-logo--short img { height: 38px !important; }
.aiq-marquee img.wp-image-17 { height: 30px !important; }
.aiq-marquee img.wp-image-102 { height: 72px !important; }
.aiq-marquee img.wp-image-25 { height: 58px !important; }
html.aiq-js .aiq-marquee:not(.slick-initialized) { display: flex; gap: 80px; align-items: center; }
/* =============================================================
* 8. Closing CTA card
* ============================================================= */
.aiq-cta { position: relative; border-radius: 28px; overflow: hidden; background: var(--wp--preset--color--contrast); }
.aiq-cta .wp-block-cover__image-background, .aiq-cta .wp-block-cover__video-background {
left: auto; right: 0; width: 62%; object-position: center 65%; opacity: .5;
-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
}
.aiq-cta .wp-block-cover__background { background: var(--wp--preset--gradient--navy-fade) !important; opacity: 1 !important; }
.aiq-cta .wp-block-cover__inner-container { padding: clamp(48px, 7vw, 96px) clamp(24px, 5vw, 72px); }
.aiq-cta__copy { max-width: 560px; }
.aiq-cta__copy p { color: rgba(255, 255, 255, .72); max-width: 440px; }
@media (max-width: 782px) { .aiq-cta .wp-block-cover__image-background { width: 100%; opacity: .25; } }
/* =============================================================
* 9. Footer
* ============================================================= */
.aiq-footer { border-top: 1px solid var(--wp--preset--color--line); padding-top: 64px; padding-bottom: 26px; }
.aiq-footer .aiq-logo img { height: 32px; width: auto; }
.aiq-footer p { font-size: 13.5px; line-height: 1.65; color: #5b6675; }
.aiq-footer__col-title { font-weight: 500; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--gold-dark); margin-bottom: 16px !important; font-family: var(--aiq-font-body); }
.aiq-footer .wp-block-navigation { font-size: 13.5px; }
.aiq-footer .wp-block-navigation a { color: #3c4a58; }
.aiq-footer .wp-block-navigation a:hover { color: var(--wp--preset--color--gold-dark); }
.aiq-footer__social a { display: inline-flex; color: var(--wp--preset--color--contrast); align-items: center; justify-content: center; line-height: 0; transition: opacity .2s; }
.aiq-footer__social a:hover { opacity: .7; }
.aiq-footer__social svg { width: 30px; height: 30px; display: block; }
.aiq-footer__bottom { margin-top: 40px !important; padding-top: 18px; border-top: 1px solid var(--wp--preset--color--line); font-size: 12.5px; color: var(--wp--preset--color--muted); }
.aiq-footer__bottom p { font-size: 12.5px; color: var(--wp--preset--color--muted); margin: 0 !important; }
.aiq-footer__bottom .wp-block-navigation { font-size: 12.5px; }
.aiq-footer__bottom .wp-block-navigation a { color: #6d7885; }
.aiq-footer__tag { font-family: var(--aiq-font-serif); font-style: italic; color: var(--wp--preset--color--gold-dark) !important; }
/* =============================================================
* 10. Reveal on scroll
* ============================================================= */
/* ---- Reveal on scroll (auto-applied by aiq.js module 2) ------------------------------
Base: soft rise. Stagger parents (.aiq-stagger) don't animate themselves; their children
cascade using --aiq-i (set by JS) × --aiq-step. Section variants below key off existing
classes so the homepage gets a little character without extra markup. */
html.aiq-js .aiq-reveal { --aiq-step: 90ms; --aiq-dur: .85s; opacity: 0; transform: translate(0, 28px); transition: opacity var(--aiq-dur) ease-out, transform var(--aiq-dur) var(--aiq-ease); will-change: opacity, transform; }
html.aiq-js .aiq-reveal.is-visible { opacity: 1; transform: none; will-change: auto; }
/* Stagger parents: parent stays put, children cascade */
html.aiq-js .aiq-stagger { opacity: 1; transform: none; transition: none; will-change: auto; }
html.aiq-js .aiq-stagger > * { opacity: 0; transform: translate(0, 28px); transition: opacity var(--aiq-dur) ease-out, transform var(--aiq-dur) var(--aiq-ease); transition-delay: calc(var(--aiq-i, 0) * var(--aiq-step)); }
html.aiq-js .aiq-stagger.is-visible > * { opacity: 1; transform: none; }
/* Hero trust logos: consecutive fade-in, after the copy has landed */
html.aiq-js .aiq-hero__logos { --aiq-step: 110ms; --aiq-dur: .7s; }
html.aiq-js .aiq-hero__logos > * { transform: translate(0, 10px); transition-delay: calc(.55s + var(--aiq-i, 0) * var(--aiq-step)); }
/* Hero copy: cascade on load (headline → paragraph → CTA → trust line) */
html.aiq-js .aiq-hero__copy > * { opacity: 0; transform: translate(0, 22px); transition: opacity .8s ease-out, transform .9s var(--aiq-ease); }
html.aiq-js .aiq-hero__copy > .aiq-rotator { transform: none; } /* opacity only: a transformed layer clips Lora descenders (line-height 1.1) */
html.aiq-js .aiq-hero--in .aiq-hero__copy > * { opacity: 1; transform: none; }
html.aiq-js .aiq-hero--in .aiq-hero__copy > :nth-child(2) { transition-delay: .12s; }
html.aiq-js .aiq-hero--in .aiq-hero__copy > :nth-child(3) { transition-delay: .22s; }
html.aiq-js .aiq-hero--in .aiq-hero__copy > :nth-child(4) { transition-delay: .32s; }
html.aiq-js .aiq-hero--in .aiq-hero__copy > :nth-child(5) { transition-delay: .42s; }
html.aiq-js .aiq-hero__copy > .aiq-hero__logos { opacity: 1; transform: none; transition: none; }
/* Product pages load empty: section contents are hidden from the first paint until aiq.js has
* tagged the reveal targets (html.aiq-ready), so nothing flashes before the cascade starts. */
html.aiq-js:not(.aiq-ready) .aiq-pp:not(.aiq-caps) > * { opacity: 0; }
/* While aiq.js tags reveal targets, their hidden start state must land without animating */
html.aiq-notransition .aiq-reveal, html.aiq-notransition .aiq-stagger > *, html.aiq-notransition .aiq-stagger__item { transition: none !important; }
/* Deep stagger (product pages, aiq.js module 2): the wrapper is observed, every leaf inside it
* (.aiq-stagger__item, --aiq-i set by JS) fades up in turn — headings, copy, buttons, images. */
html.aiq-js .aiq-stagger-deep { opacity: 1; transform: none; transition: none; will-change: auto; }
html.aiq-js .aiq-stagger-deep .aiq-stagger__item { opacity: 0; transform: translate(0, 24px); transition: opacity var(--aiq-dur) ease-out, transform var(--aiq-dur) var(--aiq-ease); transition-delay: calc(var(--aiq-i, 0) * var(--aiq-step)); }
html.aiq-js .aiq-stagger-deep.is-visible .aiq-stagger__item { opacity: 1; transform: none; }
/* Image cards inside a stagger grid: keep the hover lift (via `translate`, which the reveal's `transform` reset leaves alone) */
html.aiq-js .aiq-stagger.is-visible > .aiq-icard {
transition: opacity var(--aiq-dur) ease-out calc(var(--aiq-i, 0) * var(--aiq-step)), transform var(--aiq-dur) var(--aiq-ease) calc(var(--aiq-i, 0) * var(--aiq-step)), translate .35s var(--aiq-ease), border-color .35s, background .35s;
}
/* Testimonials: cards stack up from below with a soft scale, lead card first */
html.aiq-js .aiq-grid--testimonials { --aiq-step: 120ms; --aiq-dur: .9s; }
html.aiq-js .aiq-grid--testimonials:not(.is-visible) > * { transform: translate(0, 44px) scale(.96); transform-origin: 50% 100%; }
/* Pricing: outer plans slide in from the sides, featured plan pops up last */
html.aiq-js .aiq-grid--pricing { --aiq-dur: .95s; }
html.aiq-js .aiq-grid--pricing > * { transition-delay: 0s; }
html.aiq-js .aiq-grid--pricing > .aiq-pcard--featured { transition-delay: .18s; }
html.aiq-js .aiq-grid--pricing:not(.is-visible) > * { transform: translate(-40px, 0); }
html.aiq-js .aiq-grid--pricing:not(.is-visible) > :last-child { transform: translate(40px, 0); }
html.aiq-js .aiq-grid--pricing:not(.is-visible) > .aiq-pcard--featured { transform: translate(0, 48px) scale(.97); }
@media (max-width: 782px) { html.aiq-js .aiq-grid--pricing:not(.is-visible) > * { transform: translate(0, 28px); } html.aiq-js .aiq-grid--pricing > * { transition-delay: calc(var(--aiq-i, 0) * var(--aiq-step)); } }
/* Comparison: the two columns meet in the middle */
html.aiq-js .aiq-grid--compare { --aiq-dur: .95s; --aiq-step: 60ms; }
html.aiq-js .aiq-grid--compare:not(.is-visible) > :first-child { transform: translate(-36px, 0); }
html.aiq-js .aiq-grid--compare:not(.is-visible) > :last-child { transform: translate(36px, 0); }
@media (max-width: 782px) { html.aiq-js .aiq-grid--compare:not(.is-visible) > * { transform: translate(0, 28px); } }
/* Checklists: rows tick in quickly */
html.aiq-js .wp-block-list.aiq-stagger { --aiq-step: 45ms; --aiq-dur: .5s; }
html.aiq-js .wp-block-list.aiq-stagger:not(.is-visible) > li { transform: translate(-8px, 0); }
/* Note: OS "reduce motion" is intentionally NOT honoured (client wants the animations; Kris's Mac has it on). */
}
}
/* Rotator: give descenders room inside Slick's overflow:hidden list */
.aiq-rotator .slick-list { padding: 0.25em 0.15em 0.35em 0; margin: -0.25em -0.15em -0.35em 0; }
.aiq-rotator .slick-slide h1, .aiq-rotator .slick-slide h2 { padding-bottom: 0.05em; }
/* Fallback: dots that land inside the rotator get the same treatment */
.aiq-rotator .slick-dots { position: static; display: flex !important; gap: 7px; width: auto; margin: 20px 0 0; padding: 0; list-style: none; }
.aiq-rotator .slick-dots li { width: auto; height: auto; margin: 0; }
.aiq-rotator .slick-dots li button { width: 7px; height: 7px; padding: 0; margin: 0; border: 0; border-radius: 99px; background: #d6d1c2; font-size: 0; cursor: pointer; }
.aiq-rotator .slick-dots li button::before { display: none; }
.aiq-rotator .slick-dots li.slick-active button { width: 22px; background: var(--wp--preset--color--gold-dark); }
/* =============================================================
* 11. Product pages (first: ActiveIntelligence, 2026-09-01)
* Sections = full-width constrained groups carrying .aiq-pp plus a background colour
* (navy-deep or base). Icons are CSS masks keyed off modifier classes, so every block stays
* a plain, editable Gutenberg group/heading/paragraph/image. The scroll-driven
* capabilities section (.aiq-caps) is driven by aiq.js module 11.
* ============================================================= */
:root {
--aiq-icon-radar: url("data:image/svg+xml;utf8,");
--aiq-icon-search: url("data:image/svg+xml;utf8,");
--aiq-icon-target: url("data:image/svg+xml;utf8,");
--aiq-icon-mail: url("data:image/svg+xml;utf8,");
--aiq-icon-chart: url("data:image/svg+xml;utf8,");
--aiq-icon-compass: url("data:image/svg+xml;utf8,");
--aiq-icon-line-chart: url("data:image/svg+xml;utf8,");
--aiq-icon-layout: url("data:image/svg+xml;utf8,");
--aiq-icon-book-open: url("data:image/svg+xml;utf8,");
--aiq-icon-activity: url("data:image/svg+xml;utf8,");
--aiq-icon-megaphone: url("data:image/svg+xml;utf8,");
--aiq-icon-briefcase: url("data:image/svg+xml;utf8,");
--aiq-icon-play: url("data:image/svg+xml;utf8,");
}
.aiq-pp.has-navy-deep-background-color p, .aiq-pp.has-contrast-background-color p { color: rgba(255, 255, 255, .72); }
.aiq-pp > * { min-width: 0; }
/* Hero: eyebrow + headline left, intro + CTA right */
.aiq-pp-hero { padding-top: clamp(56px, 6vw, 88px); padding-bottom: clamp(40px, 5vw, 72px); }
.aiq-pp-hero__grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: start; }
.aiq-pp-hero__grid > * { margin: 0 !important; min-width: 0; }
.aiq-pp-hero h1 { margin: 0 !important; }
.aiq-pp-hero__aside { padding-top: 14px; }
.aiq-pp-hero__aside p { margin: 0 0 28px !important; font-size: 15px; line-height: 1.75; }
.aiq-pp p.aiq-pp-eyebrow, .aiq-pp-eyebrow {
display: inline-flex; align-items: center; gap: 9px;
font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
color: var(--wp--preset--color--gold); margin: 0 0 22px !important;
}
.aiq-pp-eyebrow::before { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--aiq-icon-radar) center/contain no-repeat; mask: var(--aiq-icon-radar) center/contain no-repeat; }
/* per-module eyebrow icons (same glyphs as the header mega menu) */
.aiq-pp-eyebrow--chart::before { -webkit-mask-image: var(--aiq-icon-chart); mask-image: var(--aiq-icon-chart); }
.aiq-pp-eyebrow--book-open::before { -webkit-mask-image: var(--aiq-icon-book-open); mask-image: var(--aiq-icon-book-open); }
.aiq-pp-eyebrow--activity::before { -webkit-mask-image: var(--aiq-icon-activity); mask-image: var(--aiq-icon-activity); }
.aiq-pp-eyebrow--megaphone::before { -webkit-mask-image: var(--aiq-icon-megaphone); mask-image: var(--aiq-icon-megaphone); }
.aiq-pp-eyebrow--briefcase::before { -webkit-mask-image: var(--aiq-icon-briefcase); mask-image: var(--aiq-icon-briefcase); }
.aiq-pp-eyebrow--message::before { -webkit-mask-image: var(--aiq-icon-message); mask-image: var(--aiq-icon-message); }
.aiq-pp-eyebrow--calendar::before { -webkit-mask-image: var(--aiq-icon-calendar); mask-image: var(--aiq-icon-calendar); }
:root {
--aiq-icon-message: url("data:image/svg+xml;utf8,");
--aiq-icon-calendar: url("data:image/svg+xml;utf8,");
}
@media (max-width: 900px) {
.aiq-pp-hero__grid { grid-template-columns: 1fr; gap: 28px; }
.aiq-pp-hero__aside { padding-top: 0; }
}
/* Statement + video card */
.aiq-pp-split { display: grid; grid-template-columns: 1fr 1.35fr; gap: clamp(32px, 5vw, 64px); align-items: center; padding-top: 40px; padding-bottom: clamp(56px, 6vw, 96px); }
.aiq-pp-split > * { margin: 0 !important; min-width: 0; }
.aiq-pp-split h2 { margin: 0 0 18px !important; font-size: clamp(28px, 2.6vw, 38px); }
.aiq-pp-split p { margin: 0 !important; font-size: 15px; line-height: 1.75; }
.aiq-pp-split p + p { margin-top: 14px !important; }
.aiq-pp-video { position: relative; border-radius: var(--aiq-radius-image); overflow: hidden; background: #0c2038; box-shadow: 0 40px 90px rgba(0, 0, 0, .5); aspect-ratio: 7 / 4; isolation: isolate; }
.aiq-pp-video > * { margin: 0 !important; }
.aiq-pp-video figure { position: absolute; inset: 0; }
.aiq-pp-video img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .55; }
.aiq-pp-video::before, .aiq-pp-video::after { content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; pointer-events: none; }
.aiq-pp-video::before { width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; background: var(--wp--preset--color--gold); box-shadow: 0 18px 44px rgba(0, 0, 0, .45); transition: transform .25s var(--aiq-ease); }
.aiq-pp-video::after { width: 28px; height: 28px; margin: -14px 0 0 -12px; background: var(--wp--preset--color--contrast); -webkit-mask: var(--aiq-icon-play) center/contain no-repeat; mask: var(--aiq-icon-play) center/contain no-repeat; }
.aiq-pp-video:hover::before { transform: scale(1.08); }
.aiq-pp p.aiq-pp-video__label { position: absolute; left: 18px; bottom: 16px; z-index: 2; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .75); background: rgba(0, 20, 46, .65); padding: 6px 12px; border-radius: 999px; line-height: 1.4; }
/* Screenshot card beside a statement (Sales Station "Managing sales made easy"): white well like the capability shots */
.aiq-pp-shot { border-radius: var(--aiq-radius-image); overflow: hidden; background: #fff; box-shadow: 0 40px 90px rgba(0, 0, 0, .5); padding: 26px; box-sizing: border-box; }
.aiq-pp-shot img { width: 100%; height: auto; display: block; }
.aiq-pp-split .wp-block-buttons { margin-top: 28px !important; }
@media (max-width: 900px) { .aiq-pp-split { grid-template-columns: 1fr; padding-top: 24px; } }
/* Centered section heading */
.aiq-pp-center { text-align: center; max-width: 880px; margin-inline: auto !important; margin-bottom: clamp(24px, 3vw, 40px) !important; }
.aiq-pp-center > * { margin: 0 !important; }
.aiq-pp-center > h2 + p { margin-top: 14px !important; }
/* Feature cards (dark) */
.aiq-grid--three { grid-template-columns: repeat(3, 1fr); gap: 18px; }
.aiq-fcard { position: relative; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .09); border-radius: 18px; padding: 30px 28px; }
.aiq-fcard > * { margin: 0 !important; }
.aiq-fcard::before { content: ""; display: block; width: 42px; height: 42px; border-radius: 12px; background: rgba(239, 179, 16, .14); margin-bottom: 18px; }
.aiq-fcard::after { content: ""; position: absolute; top: 41px; left: 39px; width: 20px; height: 20px; background: var(--wp--preset--color--gold); -webkit-mask: var(--aiq-icon-search) center/contain no-repeat; mask: var(--aiq-icon-search) center/contain no-repeat; }
.aiq-fcard--target::after { -webkit-mask-image: var(--aiq-icon-target); mask-image: var(--aiq-icon-target); }
.aiq-fcard--mail::after { -webkit-mask-image: var(--aiq-icon-mail); mask-image: var(--aiq-icon-mail); }
.aiq-fcard--chart::after { -webkit-mask-image: var(--aiq-icon-chart); mask-image: var(--aiq-icon-chart); }
.aiq-fcard--compass::after { -webkit-mask-image: var(--aiq-icon-compass); mask-image: var(--aiq-icon-compass); }
.aiq-fcard--radar::after { -webkit-mask-image: var(--aiq-icon-radar); mask-image: var(--aiq-icon-radar); }
.aiq-fcard--line-chart::after { -webkit-mask-image: var(--aiq-icon-line-chart); mask-image: var(--aiq-icon-line-chart); }
.aiq-fcard--layout::after { -webkit-mask-image: var(--aiq-icon-layout); mask-image: var(--aiq-icon-layout); }
.aiq-fcard--book-open::after { -webkit-mask-image: var(--aiq-icon-book-open); mask-image: var(--aiq-icon-book-open); }
.aiq-fcard--activity::after { -webkit-mask-image: var(--aiq-icon-activity); mask-image: var(--aiq-icon-activity); }
.aiq-fcard--megaphone::after { -webkit-mask-image: var(--aiq-icon-megaphone); mask-image: var(--aiq-icon-megaphone); }
.aiq-fcard--briefcase::after { -webkit-mask-image: var(--aiq-icon-briefcase); mask-image: var(--aiq-icon-briefcase); }
/* Image feature card (Marketing Station): screenshot on top, icon tile, serif title, copy; lifts on hover.
* Same icon modifiers as .aiq-fcard (.aiq-icard--radar etc. via the shared ::after rule below). */
.aiq-icard { position: relative; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); border-radius: 24px; padding: 14px 14px 38px; transition: translate .35s var(--aiq-ease), border-color .35s, background .35s; }
.aiq-icard:hover { translate: 0 -8px; border-color: rgba(239, 179, 16, .5); background: rgba(255, 255, 255, .07); }
.aiq-icard > * { margin: 0 !important; }
.aiq-icard__shot { border-radius: 16px; overflow: hidden; height: 260px; background: #0c2038; }
.aiq-icard__shot img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.aiq-icard__body { padding: 0 20px; }
.aiq-icard__body > * { margin: 0 !important; }
.aiq-icard__body::before { content: ""; display: block; width: 44px; height: 44px; border-radius: 13px; background: rgba(239, 179, 16, .14); margin: 26px 0 16px !important; }
.aiq-icard__body::after { content: ""; position: absolute; top: calc(260px + 14px + 26px + 12px); left: 46px; width: 20px; height: 20px; background: var(--wp--preset--color--gold); -webkit-mask: var(--aiq-icon-radar) center/contain no-repeat; mask: var(--aiq-icon-radar) center/contain no-repeat; }
.aiq-icard--line-chart .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-line-chart); mask-image: var(--aiq-icon-line-chart); }
.aiq-icard--layout .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-layout); mask-image: var(--aiq-icon-layout); }
.aiq-icard--chart .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-chart); mask-image: var(--aiq-icon-chart); }
.aiq-icard--search .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-search); mask-image: var(--aiq-icon-search); }
.aiq-icard--target .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-target); mask-image: var(--aiq-icon-target); }
.aiq-icard--mail .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-mail); mask-image: var(--aiq-icon-mail); }
.aiq-icard--compass .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-compass); mask-image: var(--aiq-icon-compass); }
.aiq-icard--book-open .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-book-open); mask-image: var(--aiq-icon-book-open); }
.aiq-icard--activity .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-activity); mask-image: var(--aiq-icon-activity); }
.aiq-icard--megaphone .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-megaphone); mask-image: var(--aiq-icon-megaphone); }
.aiq-icard--briefcase .aiq-icard__body::after { -webkit-mask-image: var(--aiq-icon-briefcase); mask-image: var(--aiq-icon-briefcase); }
.aiq-icard h2, .aiq-icard h3 { font-size: clamp(22px, 1.8vw, 27px); line-height: 1.25; color: #fff; margin: 0 0 12px !important; }
.aiq-pp .aiq-icard p { font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, .62); }
@media (max-width: 640px) { .aiq-icard__shot { height: 200px; } .aiq-icard__body::after { top: calc(200px + 14px + 26px + 12px); } }
/* Light media split (Managed Software & Services): image left, copy right */
.aiq-pp-media { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(32px, 5vw, 64px); align-items: center; }
.aiq-pp-media > * { margin: 0 !important; min-width: 0; }
.aiq-pp-media img { width: 100%; height: auto; display: block; }
.aiq-pp-media h2 { margin: 0 0 18px !important; font-size: clamp(28px, 2.6vw, 38px); }
.aiq-pp-media p { margin: 0 0 30px !important; font-size: 15px; line-height: 1.75; }
.aiq-pp-media .wp-block-buttons { margin: 0 !important; }
@media (max-width: 900px) { .aiq-pp-media { grid-template-columns: 1fr; } .aiq-pp-media > :first-child { order: 2; } }
.aiq-fcard h3 { font-family: var(--aiq-font-body); font-weight: 600; font-size: 16px; line-height: 1.4; color: #fff; margin: 0 0 9px !important; letter-spacing: 0; }
.aiq-pp .aiq-fcard p { font-size: 13.5px; line-height: 1.7; color: rgba(255, 255, 255, .6); }
.aiq-fcard--cta { background: rgba(239, 179, 16, .1); border: 1px dashed rgba(239, 179, 16, .4); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 14px; }
.aiq-fcard--cta::before, .aiq-fcard--cta::after { display: none; }
.aiq-pp .aiq-fcard--cta p { font-family: var(--aiq-font-serif); font-size: 20px; line-height: 1.35; color: #fff; }
.aiq-fcard--cta .wp-block-button__link { font-size: 13.5px; padding: 11px 24px; }
@media (max-width: 1024px) { .aiq-grid--three { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .aiq-grid--three { grid-template-columns: 1fr; } }
/* Comparison table (core table block + .aiq-vs) — light section */
.aiq-pp-vs { max-width: 1080px; margin-inline: auto !important; }
.aiq-pp-vs h2 { text-align: center; margin: 0 0 44px !important; }
.aiq-vs {
--aiq-vs-a: "Einstein / Smart CRM"; --aiq-vs-b: "Scout (ActiveIQ)";
margin: 0 !important; border-radius: var(--aiq-radius-card); overflow: hidden;
border: 1px solid var(--wp--preset--color--line); background: #fff; box-shadow: 0 30px 70px rgba(0, 27, 61, .08);
}
.aiq-vs table { border-collapse: collapse; width: 100%; table-layout: fixed; font-size: 13.5px; margin: 0; }
.aiq-vs thead, .aiq-vs tbody, .aiq-vs tr { border: 0; }
.aiq-vs th, .aiq-vs td { border: 0; padding: 22px 26px; text-align: left; vertical-align: top; line-height: 1.6; }
.aiq-vs th:first-child, .aiq-vs td:first-child { width: 27%; }
.aiq-vs thead th { background: #f1eee3; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #6b7686; }
.aiq-vs thead th:nth-child(2) { border-left: 1px solid var(--wp--preset--color--line); }
.aiq-vs thead th:last-child { background: var(--wp--preset--color--gold); color: var(--wp--preset--color--contrast); }
.aiq-vs thead th:last-child::before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 8px; vertical-align: -2px; background: currentColor; -webkit-mask: var(--aiq-icon-radar) center/contain no-repeat; mask: var(--aiq-icon-radar) center/contain no-repeat; }
.aiq-vs tbody tr { border-top: 1px solid #efece1; }
.aiq-vs tbody td:first-child { font-family: var(--aiq-font-serif); font-size: 16px; color: var(--wp--preset--color--ink); }
.aiq-vs tbody td:nth-child(2) { color: #5b6675; border-left: 1px solid #efece1; }
.aiq-vs tbody td:last-child { background: rgba(239, 179, 16, .12); color: var(--wp--preset--color--ink); font-weight: 500; }
@media (max-width: 782px) {
.aiq-vs thead { display: none; }
.aiq-vs table, .aiq-vs tbody, .aiq-vs tr, .aiq-vs td { display: block; width: auto !important; }
.aiq-vs tbody td { padding: 12px 20px; }
.aiq-vs tbody td:first-child { padding: 20px 20px 8px; }
.aiq-vs tbody td:nth-child(2) { border-left: 0; }
.aiq-vs tbody td:last-child { padding-bottom: 18px; }
.aiq-vs tbody td:not(:first-child)::before { display: block; font-family: var(--aiq-font-body); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; color: #8a94a3; }
.aiq-vs tbody td:nth-child(2)::before { content: var(--aiq-vs-a); }
.aiq-vs tbody td:last-child::before { content: var(--aiq-vs-b); color: var(--wp--preset--color--gold-dark); }
}
/* Capabilities: scroll-driven "title changes copy/image" (aiq.js module 11)
* Markup: .aiq-caps (full section) > .aiq-caps__stage > .aiq-cap × N, each cap holding
* an .aiq-cap__tab label, an .aiq-cap__text group and an .aiq-cap__shot image.
* Without JS, in the editor and below 1025px the caps simply stack. */
.aiq-caps { position: relative; }
.aiq-caps__stage > * { margin: 0 !important; }
.aiq-cap { padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(40px, 5vw, 64px); }
.aiq-cap + .aiq-cap { border-top: 1px solid rgba(255, 255, 255, .1); }
.aiq-cap > * { margin: 0 !important; }
.aiq-cap__tab { font-family: var(--aiq-font-body); font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--gold); margin: 0 0 16px !important; }
.aiq-cap__text { margin: 0 0 28px !important; }
.aiq-cap__text > * { margin: 0 !important; }
.aiq-cap__title { font-size: clamp(26px, 2.4vw, 35px); line-height: 1.2; margin: 0 0 20px !important; }
.aiq-pp .aiq-cap__text p { font-size: 14.5px; line-height: 1.75; color: rgba(255, 255, 255, .68); }
.aiq-cap__text p + p { margin-top: 14px !important; }
.aiq-pp .aiq-cap__text p.aiq-cap__stat { margin-top: 26px !important; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .12); font-family: var(--aiq-font-serif); font-size: 52px; color: var(--wp--preset--color--gold); letter-spacing: -.01em; line-height: 1; }
.aiq-pp .aiq-cap__text p.aiq-cap__stat-note { margin-top: 10px !important; font-size: 13.5px; line-height: 1.65; }
.aiq-cap__shot { border-radius: var(--aiq-radius-image); overflow: hidden; background: #fff; box-shadow: 0 40px 90px rgba(0, 0, 0, .5); padding: 26px; box-sizing: border-box; }
.aiq-cap__shot img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
html:not(.aiq-js) .aiq-caps__tabs { display: none; }
@media (min-width: 1025px) {
html.aiq-js .aiq-caps { height: calc(var(--aiq-caps-n, 5) * 100vh); height: calc(var(--aiq-caps-n, 5) * 100svh); } /* svh: never taller than the visible area on iPad Safari */
html.aiq-js .aiq-caps__stage {
position: sticky; top: var(--aiq-header-height); height: calc(100vh - var(--aiq-header-height)); height: calc(100svh - var(--aiq-header-height));
display: grid; grid-template-columns: .65fr 1fr 1.15fr; gap: 56px; align-items: center;
}
html.aiq-js .aiq-caps__tabs { display: grid; gap: 6px; grid-area: 1 / 1; margin: 0 !important; }
html.aiq-js .aiq-cap { display: contents; }
html.aiq-js .aiq-cap__tab { display: none; }
html.aiq-js .aiq-cap__text { grid-area: 1 / 2; margin: 0 !important; }
html.aiq-js .aiq-cap__shot { grid-area: 1 / 3; height: 480px; margin: 0 !important; }
html.aiq-js .aiq-cap__text, html.aiq-js .aiq-cap__shot { opacity: 0; visibility: hidden; transform: translateY(18px); transition: opacity .28s ease, transform .28s ease, visibility 0s .28s; }
html.aiq-js .aiq-cap.is-active .aiq-cap__text, html.aiq-js .aiq-cap.is-active .aiq-cap__shot { opacity: 1; visibility: visible; transform: none; transition: opacity .38s ease .12s, transform .38s ease .12s, visibility 0s; }
}
.aiq-caps__tab {
cursor: pointer; padding: 13px 18px; border-radius: 12px; font-family: inherit; font-size: 14.5px; line-height: 1.4; text-align: left;
font-weight: 400; color: rgba(255, 255, 255, .65); background: transparent; border: 0; border-left: 2px solid rgba(255, 255, 255, .12);
transition: all .25s;
}
.aiq-caps__tab:hover { color: #fff; }
.aiq-caps__tab.is-active { font-weight: 600; color: var(--wp--preset--color--gold); background: rgba(239, 179, 16, .1); border-left-color: var(--wp--preset--color--gold); }
.aiq-caps__tab:focus-visible { outline: 2px solid var(--wp--preset--color--gold); outline-offset: 2px; }
/* <=1024px with JS: homepage-modules idiom — pill strip, one step at a time, swipe, prev · dots · next */
.aiq-caps__nav { display: none; }
@media (max-width: 1024px) {
html.aiq-js .aiq-caps__stage { padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(40px, 5vw, 64px); touch-action: pan-y; }
html.aiq-js .aiq-caps__tabs {
display: flex; flex-wrap: nowrap; gap: 8px;
overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-behavior: smooth;
-webkit-overflow-scrolling: touch; scrollbar-width: none;
padding: 4px var(--wp--style--root--padding-right, 20px) 4px var(--wp--style--root--padding-left, 20px);
margin: 0 calc(-1 * var(--wp--style--root--padding-right, 20px)) 32px calc(-1 * var(--wp--style--root--padding-left, 20px)) !important;
-webkit-mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent);
mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent);
}
html.aiq-js .aiq-caps__tabs::-webkit-scrollbar { display: none; }
html.aiq-js .aiq-caps__tab {
flex: none; scroll-snap-align: center; white-space: nowrap; text-align: center;
padding: 11px 20px; border: 0; border-radius: 999px; font-size: 14px; line-height: 1.2;
color: rgba(255, 255, 255, .75); background: rgba(255, 255, 255, .08);
}
html.aiq-js .aiq-caps__tab:hover { background: rgba(255, 255, 255, .16); color: #fff; }
html.aiq-js .aiq-caps__tab.is-active { font-weight: 600; color: var(--wp--preset--color--navy-deep); background: var(--wp--preset--color--gold); }
html.aiq-js .aiq-cap { padding: 0; }
html.aiq-js .aiq-cap + .aiq-cap { border-top: 0; }
html.aiq-js .aiq-cap:not(.is-active) { display: none; }
html.aiq-js .aiq-cap.is-active { animation: aiqFade .45s ease both; }
html.aiq-js .aiq-cap__tab { display: none; }
html.aiq-js .aiq-caps__nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 28px 0 0 !important; }
.aiq-caps__arrow {
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22);
background: rgba(255, 255, 255, .06); color: #fff; cursor: pointer; transition: background .2s, border-color .2s;
}
.aiq-caps__arrow:hover, .aiq-caps__arrow:focus-visible { background: var(--wp--preset--color--gold); border-color: var(--wp--preset--color--gold); color: var(--wp--preset--color--navy-deep); outline: none; }
.aiq-caps__arrow svg { width: 18px; height: 18px; display: block; }
.aiq-caps__dots { display: flex; gap: 8px; }
.aiq-caps__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .28); cursor: pointer; transition: background .2s, transform .2s; }
.aiq-caps__dot.is-active { background: var(--wp--preset--color--gold); transform: scale(1.25); }
}
/* YouTube/video embed in the statement split (AdConnect) */
.aiq-pp-embed { margin: 0 !important; border-radius: var(--aiq-radius-image); overflow: hidden; background: #0c2038; box-shadow: 0 40px 90px rgba(0, 0, 0, .5); }
.aiq-pp-embed .wp-block-embed__wrapper { position: relative; }
.aiq-pp-embed iframe { display: block; width: 100%; }
/* Logo ticker section on product pages (AdConnect publications): homepage marquee on the cream band */
.aiq-pp-logos .aiq-marquee { margin: 0 !important; }
.aiq-pp-logos .aiq-marquee img { height: 40px !important; }
.aiq-pp-logos .aiq-marquee .aiq-logo--tall img { height: 54px !important; }
.aiq-pp-logos .aiq-marquee .aiq-logo--short img { height: 30px !important; }
.aiq-pp-logos .aiq-pp-center h2 { font-size: clamp(24px, 2.2vw, 30px); }
/* Statement split checklist (EnergyIQ "what it tracks") */
.aiq-pp-split .wp-block-list.is-style-checks { margin: 20px 0 0 !important; font-size: 14.5px; }
.aiq-pp.has-navy-deep-background-color .aiq-pp-split .wp-block-list.is-style-checks li { color: rgba(255, 255, 255, .8); }
.aiq-pp.has-navy-deep-background-color .wp-block-list.is-style-checks li::before { background: var(--wp--preset--color--gold); }
/* Contact / Book a Demo pages (ds7 Contact mockup): cream page, copy + details left, form card right */
.aiq-contact { padding-top: clamp(48px, 5vw, 80px); padding-bottom: clamp(48px, 5vw, 72px); }
.aiq-contact__grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(32px, 5vw, 80px); align-items: start; }
.aiq-contact__grid > * { margin: 0 !important; min-width: 0; }
.aiq-contact__copy > * { margin: 0 !important; }
.aiq-pp .aiq-contact p.aiq-pp-eyebrow { color: var(--wp--preset--color--gold-dark); }
.aiq-contact h1 { margin: 0 0 24px !important; font-size: clamp(36px, 3.6vw, 54px); }
.aiq-contact__copy > p { max-width: 520px; margin: 0 0 40px !important; font-size: 15.5px; line-height: 1.75; }
.aiq-contact__copy > p a { font-weight: 600; }
.aiq-contact__expect { list-style: none; padding: 0; margin: 0 0 44px !important; display: grid; gap: 14px; font-size: 15px; line-height: 1.6; color: #1d2833; }
.aiq-contact__expect li { display: flex; align-items: flex-start; gap: 13px; }
.aiq-contact__expect li::before { content: ""; flex: none; width: 24px; height: 24px; margin-top: 1px; border-radius: 50%; background: var(--wp--preset--color--gold) var(--aiq-icon-check-navy) center/14px no-repeat; }
:root { --aiq-icon-check-navy: url("data:image/svg+xml;utf8,"); }
.aiq-contact__shot { margin: -40px 0 0 !important; }
.aiq-contact__shot img { width: 100%; height: auto; display: block; }
.aiq-contact__side > * { margin: 0 !important; }
.aiq-contact__details { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin: 40px 0 0 !important; padding: 0 8px; }
.aiq-contact__copy .aiq-contact__details { margin-top: 44px !important; padding: 36px 0 0; border-top: 1px solid var(--wp--preset--color--line); }
.aiq-contact__details > * { margin: 0 !important; min-width: 0; }
.aiq-contact__details > * > * { margin: 0 !important; }
.aiq-contact__label { font-weight: 500; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--gold-dark); margin: 0 0 12px !important; }
.aiq-contact__details p { font-size: 14.5px; line-height: 1.65; color: #1d2833; }
.aiq-contact__details a { color: #1d2833; font-weight: 500; }
.aiq-contact__details .is-style-text-arrow { margin-top: 10px !important; }
.aiq-contact__details .is-style-text-arrow .wp-block-button__link { font-size: 13px; font-weight: 600; }
.aiq-contact__card { background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 24px; padding: clamp(28px, 3.5vw, 52px) clamp(24px, 3.5vw, 52px) clamp(32px, 3.5vw, 56px); box-shadow: 0 30px 70px rgba(0, 27, 61, .08); }
.aiq-contact__card > * { margin: 0 !important; }
.aiq-contact__card h2 { font-size: clamp(26px, 2.2vw, 34px); margin: 0 0 8px !important; }
.aiq-contact__card > p { font-size: 14.5px; color: #5b6675; margin: 0 0 32px !important; }
.aiq-contact__card .aiq-form select { font: inherit; font-size: 14px; padding: 8px 40px 8px 15px; border: 1px solid #dcd8cb; border-radius: 11px; color: var(--wp--preset--color--ink); background: #fbfaf6 url("data:image/svg+xml;utf8,") right 15px center/16px no-repeat; appearance: none; -webkit-appearance: none; width: 100%; outline: none; }
.aiq-contact__card .aiq-form select { font-weight: 400; }
.aiq-form select:focus { border-color: var(--wp--preset--color--gold-dark); }
/* Contact/Demo cards already say "within one business day" in their subtitle */
.aiq-contact__card .aiq-form__note { display: none; }
.aiq-form__consent { display: flex !important; align-items: flex-start; gap: 11px; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.6; color: #5b6675 !important; cursor: pointer; margin-top: 4px; }
.aiq-form__consent input { flex: none; width: 17px !important; height: 17px; margin: 2px 0 0; padding: 0; accent-color: var(--wp--preset--color--contrast); }
.aiq-form .aiq-form__consent { display: flex !important; }
.aiq-form select { font: inherit; font-size: 14px; padding: 8px 40px 8px 15px; border: 1px solid #dcd8cb; border-radius: 11px; color: var(--wp--preset--color--ink); background: #fbfaf6 url("data:image/svg+xml;utf8,") right 15px center/16px no-repeat; appearance: none; -webkit-appearance: none; width: 100%; outline: none; }
.aiq-form select:focus { border-color: var(--wp--preset--color--gold-dark); }
@media (max-width: 900px) { .aiq-contact__grid { grid-template-columns: 1fr; } .aiq-contact__shot { margin-top: 0 !important; } }
/* Trusted-by band + dark CTA box under the contact form */
.aiq-pp-trust { padding-top: 10px; padding-bottom: clamp(48px, 5vw, 80px); }
.aiq-pp-trust .aiq-pp-center h2 { font-size: clamp(22px, 2vw, 30px); }
.aiq-pp-trust .aiq-pp-center em.aiq-gold { font-style: italic; }
.aiq-cta-box { background: var(--wp--preset--color--navy-deep); border-radius: 28px; padding: clamp(56px, 7vw, 96px) clamp(24px, 5vw, 64px); text-align: center; color: #fff; }
.aiq-cta-box > * { margin: 0 !important; }
.aiq-cta-box h2 { color: #fff; font-size: clamp(32px, 3.4vw, 54px); line-height: 1.1; margin: 0 0 18px !important; }
.aiq-cta-box p { max-width: 620px; margin: 0 auto 40px !important; font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, .72); }
.aiq-cta-box .aiq-gold { color: var(--wp--preset--color--gold); }
.aiq-cta-box .wp-block-buttons { justify-content: center; }
/* Dev aid (?aiq_cap=N): render the pinned step at natural height so full-page screenshots work */
html.aiq-js .aiq-caps.is-pinned { height: auto !important; }
html.aiq-js .aiq-caps.is-pinned .aiq-caps__stage { position: relative; top: auto; height: auto; padding: 96px 0; }
/* Dive deeper: four module cards */
.aiq-grid--four { grid-template-columns: repeat(4, 1fr); gap: 22px; }
.aiq-dcard { display: flex; flex-direction: column; }
.aiq-dcard > * { margin: 0 !important; }
.aiq-dcard__shot { border-radius: 16px; overflow: hidden; height: 200px; background: #0c2038; }
.aiq-dcard__shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.aiq-dcard h3 { font-size: 21px; line-height: 1.3; color: #fff; margin: 20px 0 10px !important; }
.aiq-pp .aiq-dcard p { font-size: 13.5px; line-height: 1.65; color: rgba(255, 255, 255, .6); flex: 1; }
.aiq-dcard .wp-block-buttons { margin-top: 16px !important; }
.aiq-dcard .is-style-text-arrow .wp-block-button__link { font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; }
.aiq-pp-actions { margin-top: clamp(32px, 4vw, 52px) !important; }
@media (max-width: 1024px) { .aiq-grid--four { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .aiq-grid--four { grid-template-columns: 1fr; } }
/* Get started: cream card with copy + form panel (the form itself is an HTML block, .aiq-form) */
.aiq-pp-getstarted { padding-top: clamp(24px, 3vw, 40px); padding-bottom: clamp(56px, 6vw, 96px); }
.aiq-form-cta { background: var(--wp--preset--color--base); border-radius: 28px; overflow: hidden; display: grid; grid-template-columns: 1.15fr 1fr; color: var(--wp--preset--color--body); }
.aiq-form-cta > * { margin: 0 !important; min-width: 0; }
.aiq-form-cta h2, .aiq-form-cta h3 { color: var(--wp--preset--color--ink); }
.aiq-pp .aiq-form-cta p { color: var(--wp--preset--color--body); }
.aiq-form-cta__copy { padding: clamp(40px, 5vw, 84px) clamp(24px, 4vw, 64px); }
.aiq-form-cta__copy > * { margin: 0 !important; }
.aiq-form-cta__copy h2 { font-size: clamp(30px, 3vw, 46px); line-height: 1.12; margin: 0 0 18px !important; }
.aiq-form-cta__copy > p { max-width: 440px; margin: 0 0 34px !important; font-size: 15.5px; line-height: 1.7; }
.aiq-form-cta__aside { display: flex; align-items: center; gap: 16px; }
.aiq-form-cta__aside > * { margin: 0 !important; }
.aiq-form-cta__aside figure { width: 200px; flex: none; }
.aiq-form-cta__aside img { width: 200px; height: 130px; object-fit: contain; display: block; }
.aiq-pp .aiq-form-cta__aside p { font-size: 13px; line-height: 1.6; color: var(--wp--preset--color--muted); }
.aiq-form-cta__panel { background: #fff; padding: clamp(32px, 4vw, 56px) clamp(24px, 4vw, 56px) clamp(36px, 4vw, 60px); border-left: 1px solid var(--wp--preset--color--line); }
/* Forms are rendered by the ActiveIQ script (inc/activeiq.php, pid 11) into