/* Incrementum Amazon Ads page (v2): scoped to .ia-aa. Fonts inherited from the theme. */
.ia-aa{background:#FFFFFF;color:#525968;-webkit-font-smoothing:antialiased;font-family:inherit}
.ia-aa a{color:#2D4DF8}
.ia-aa a:hover{color:#1F37C2}
.ia-aa .ia-aa-wrap{max-width:1160px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.ia-aa .ia-aa-display{font-family:"Moderniz","Archivo Black",Impact,sans-serif;letter-spacing:-0.01em;font-weight:normal}
.ia-aa .ia-aa-label{font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#2D4DF8;margin:0 0 12px}
.ia-aa .ia-aa-label-dark{font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#CAFE48;margin:0 0 12px}
.ia-aa h2.ia-aa-sec{font-size:34px;line-height:1.2;font-weight:800;color:#12151C;margin:0 0 16px;letter-spacing:-0.01em}
.ia-aa h3.ia-aa-sub{font-size:18px;font-weight:700;color:#12151C;margin:0 0 8px}
.ia-aa p{margin:0 0 14px;line-height:1.65;font-size:16px}
.ia-aa .ia-aa-lead{font-size:18px;line-height:1.6}
.ia-aa .ia-aa-starfield{background-color:#000000;background-image:radial-gradient(rgba(255,255,255,0.26) 1px,transparent 1.2px),radial-gradient(rgba(255,255,255,0.13) 1px,transparent 1.2px);background-size:46px 46px,91px 91px;background-position:0 0,23px 31px}
.ia-aa .ia-aa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:6px;font-weight:700;font-size:15px;text-decoration:none;box-sizing:border-box;border:2px solid transparent;text-transform:uppercase;letter-spacing:0.04em}
.ia-aa .ia-aa-btn-primary{background:#2D4DF8;color:#FFFFFF}
.ia-aa .ia-aa-btn-primary:hover{background:#1F37C2;color:#FFFFFF}
.ia-aa .ia-aa-btn-lime{background:#CAFE48;color:#000000}
.ia-aa .ia-aa-btn-lime:hover{background:#B9EE38;color:#000000}
.ia-aa .ia-aa-btn-ghost-light{background:transparent;color:#FFFFFF;border-color:#FFFFFF}
.ia-aa .ia-aa-btn-ghost-light:hover{background:rgba(255,255,255,0.08);color:#FFFFFF}
.ia-aa ul.ia-aa-arrows{list-style:none;padding:0;margin:0 0 12px}
.ia-aa ul.ia-aa-arrows li{position:relative;padding-left:26px;margin:0 0 10px;line-height:1.55;font-size:16px}
.ia-aa ul.ia-aa-arrows li::before{content:"";position:absolute;left:0;top:0.55em;width:7px;height:7px;background:#2D4DF8}
.ia-aa ul.ia-aa-arrows.ia-aa-on-dark li::before{background:#CAFE48}
.ia-aa ul.ia-aa-arrows.ia-aa-on-dark li{color:#C9CDD6}
.ia-aa table.ia-aa-cmp{width:100%;border-collapse:collapse;font-size:15px}
.ia-aa table.ia-aa-cmp th{background:#12151C;color:#FFFFFF;text-align:left;padding:14px 18px;font-size:14px;font-weight:700}
.ia-aa table.ia-aa-cmp td{padding:16px 18px;border-bottom:1px solid #E3E6EB;vertical-align:top;line-height:1.55;color:#525968}
.ia-aa table.ia-aa-cmp td:first-child{color:#12151C;font-weight:700;width:190px}
.ia-aa table.ia-aa-cmp tr:nth-child(even) td{background:#FAFBFC}
.ia-aa .ia-aa-card{background:#F5F6F8;border:1px solid #E3E6EB;padding:28px;box-sizing:border-box}
.ia-aa .ia-aa-ink{background:#12151C;color:#C9CDD6}
.ia-aa .ia-aa-ink h3,.ia-aa .ia-aa-ink h2{color:#FFFFFF}
.ia-aa .ia-aa-faq-a{font-size:15px;line-height:1.65;margin:0}
.ia-aa .ia-aa-quote{font-size:17px;line-height:1.6;color:#12151C;font-weight:500;margin:0 0 14px}
.ia-aa .ia-aa-step-n{font-weight:800;font-size:28px;color:#2D4DF8;line-height:1;min-width:48px}
.ia-aa .ia-aa-phase{background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.28);padding:22px;box-sizing:border-box;color:#FFFFFF}
.ia-aa .ia-aa-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #E3E6EB;background:#FFFFFF;padding:10px 16px;min-height:56px;box-sizing:border-box;border-radius:6px}
.ia-aa .ia-aa-badge .ia-aa-bname{font-size:13px;font-weight:700;color:#12151C;line-height:1.3}
.ia-aa .ia-aa-badge .ia-aa-bcap{font-size:11px;color:#525968;line-height:1.3}
.ia-aa .ia-aa-badge-note{font-size:11px;color:#8B92A1;letter-spacing:0.08em;text-transform:uppercase}
.ia-aa .ia-aa-cmp-cards{display:none}
.ia-aa-sticky-cta{display:none}
.ia-aa details.ia-aa-faq{background:#FFFFFF;border:1px solid #E3E6EB;padding:0;box-sizing:border-box}
.ia-aa details.ia-aa-faq summary{list-style:none;cursor:pointer;padding:22px 26px;font-size:18px;font-weight:700;color:#12151C;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.ia-aa details.ia-aa-faq summary::-webkit-details-marker{display:none}
.ia-aa details.ia-aa-faq summary::after{content:"+";color:#2D4DF8;font-size:22px;line-height:1;flex-shrink:0}
.ia-aa details.ia-aa-faq[open] summary::after{content:"–"}
.ia-aa details.ia-aa-faq .ia-aa-faq-a{padding:0 26px 22px}
.ia-aa .ia-aa-small{font-size:14px;color:#525968}
.ia-aa .ia-aa-small-dark{font-size:14px;color:#C9CDD6}
.ia-aa .ia-aa-fld{width:100%;box-sizing:border-box;min-height:46px;padding:0 12px;border:1px solid #E3E6EB;border-radius:6px;font-family:inherit;font-size:15px;background:#FFFFFF}
.ia-aa .ia-aa-flbl{display:block;font-size:13px;font-weight:700;color:#12151C;margin-bottom:6px}
@media (max-width:860px){
.ia-aa .ia-aa-two{grid-template-columns:1fr !important}
.ia-aa .ia-aa-three{grid-template-columns:1fr !important}
.ia-aa .ia-aa-four{grid-template-columns:1fr !important}
.ia-aa .ia-aa-hero-grid{grid-template-columns:1fr !important}
.ia-aa h1.ia-aa-hero-h1{font-size:32px !important}
.ia-aa h2.ia-aa-sec{font-size:26px}
.ia-aa .ia-aa-scrollx{display:none !important}
.ia-aa .ia-aa-cmp-cards{display:grid !important;grid-template-columns:1fr;gap:16px;margin-top:24px}
.ia-aa-sticky-cta{display:flex !important;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#000000;border-top:1px solid #343945;padding:10px 16px;gap:10px;align-items:center;justify-content:space-between}
.ia-aa .ia-aa-why-list{margin-top:0 !important}
.ia-aa .ia-aa-wrap{padding:0 20px}
.ia-aa .ia-aa-dash{grid-template-columns:1fr !important}
.ia-aa .ia-aa-span3{grid-column:auto !important}
}
/* ---- additions for the WP build ---- */
.ia-aa{box-sizing:border-box;line-height:1.5}
.ia-aa *,.ia-aa *::before,.ia-aa *::after{box-sizing:inherit}
.ia-aa img{max-width:100%;height:auto}
.ia-aa .ia-aa-cmp-cards{gap:16px;margin-top:24px}
.ia-aa .ia-aa-cmp-head{background:#12151C;color:#FFFFFF;padding:14px 18px;font-weight:700;font-size:14px}
.ia-aa .ia-aa-cmp-card{background:#F5F6F8;border:1px solid #E3E6EB;border-top:0;padding:20px}
.ia-aa .ia-aa-cmp-card dt{font-weight:700;color:#12151C;margin:0 0 4px}
.ia-aa .ia-aa-cmp-card dd{margin:0 0 14px;font-size:14px;line-height:1.6}
.ia-aa .ia-aa-cmp-card dd:last-child{margin-bottom:0}
.ia-aa .ia-aa-cmp th:first-child{width:190px}
.ia-aa .ia-aa-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px;align-items:start}
.ia-aa details.ia-aa-faq summary h3{margin:0;font-size:18px;font-weight:700;color:#12151C;line-height:1.35}
.ia-aa details.ia-aa-faq summary:focus-visible{outline:2px solid #2D4DF8;outline-offset:2px}
.ia-aa-sticky-spacer{display:none}
.ia-aa-sticky-cta .ia-aa-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:0.04em;background:#CAFE48;color:#000000}
@media (max-width:860px){
.ia-aa .ia-aa-faq-list{grid-template-columns:1fr}
.ia-aa-sticky-spacer{display:block;height:72px}
.ia-aa .ia-aa-contact{scroll-margin-bottom:80px}
}
.ia-aa .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
/* HubSpot form (injected markup), scoped */
.ia-aa .ia-aa-hsform{background:#F5F6F8;border:1px solid #E3E6EB;padding:32px;min-height:200px}
.ia-aa .ia-aa-hsform form fieldset{max-width:none!important}
.ia-aa .ia-aa-hsform .hs-form-field{margin-bottom:16px}
.ia-aa .ia-aa-hsform label{display:block;font-size:13px;font-weight:700;color:#12151C;margin-bottom:6px}
.ia-aa .ia-aa-hsform .hs-input:not([type=checkbox]):not([type=radio]){width:100%!important;min-height:46px;padding:0 12px;border:1px solid #E3E6EB;border-radius:6px;background:#FFFFFF;font:inherit;font-size:15px;color:#12151C}
.ia-aa .ia-aa-hsform textarea.hs-input{min-height:120px;padding:12px}
.ia-aa .ia-aa-hsform .hs-input:focus{outline:2px solid #2D4DF8;outline-offset:1px}
.ia-aa .ia-aa-hsform ul.inputs-list{list-style:none;padding:0;margin:0}
.ia-aa .ia-aa-hsform .legal-consent-container,.ia-aa .ia-aa-hsform .hs-richtext{font-size:13px;color:#8B92A1;line-height:1.5}
.ia-aa .ia-aa-hsform .hs-error-msg{color:#C62828;font-size:13px;font-weight:600}
.ia-aa .ia-aa-hsform .hs-button{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border:0;border-radius:6px;background:#2D4DF8;color:#FFFFFF;font:inherit;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer}
.ia-aa .ia-aa-hsform .hs-button:hover{background:#1F37C2}
@media (max-width:860px){.ia-aa .ia-aa-hsform{padding:20px}.ia-aa .ia-aa-hsform fieldset.form-columns-2 .hs-form-field{width:100%!important;float:none!important}}

/* ================= v1.1 layout (revised mockup) ================= */
.ia-aa{--ia-ink:#0B0C10;--ia-grey:#F3F4F7;--ia-line:#E3E6EB;--ia-blue:#2D4DF8;--ia-lime:#CAFE48;--ia-r:10px}
.ia-aa .ia-aa-sect{padding:80px 0}
.ia-aa .ia-aa-grey{background:var(--ia-grey)}
.ia-aa .ia-aa-blue{background:var(--ia-blue)}
.ia-aa .ia-aa-r{border-radius:var(--ia-r)}
.ia-aa h2.ia-aa-sec{color:#0B0C10}
.ia-aa .ia-aa-sec-sm{font-size:24px}
.ia-aa .ia-aa-card2{background:#FFFFFF;border:1px solid var(--ia-line);border-radius:var(--ia-r);padding:24px}
.ia-aa .ia-aa-btn{border-radius:6px;min-height:48px}
.ia-aa .ia-aa-btn-block{display:flex;width:100%}
.ia-aa .ia-aa-btns{display:flex;gap:14px;flex-wrap:wrap}
.ia-aa .ia-aa-lime{color:var(--ia-lime)}
/* hero */
.ia-aa .ia-aa-hero{padding:40px 0 0;background-color:var(--ia-ink)}
.ia-aa .ia-aa-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;margin-top:28px}
.ia-aa h1.ia-aa-hero-h1{font-size:52px;line-height:1.08;color:#FFFFFF;margin:0 0 20px;text-transform:uppercase}
.ia-aa .ia-aa-hero-sub{font-size:17px;line-height:1.55;color:#C9CDD6;margin:0 0 28px;max-width:420px}
.ia-aa .ia-aa-svcbox{background:#14161D;border:1px solid #2A2E39;border-radius:var(--ia-r);padding:18px}
.ia-aa .ia-aa-svcbox > div > div > div{border-radius:6px}
.ia-aa .ia-aa-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;border-top:1px solid #2A2E39;border-bottom:1px solid #2A2E39}
.ia-aa .ia-aa-stats > div{padding:24px 16px;border-left:1px solid #2A2E39}
.ia-aa .ia-aa-stats > div:first-child{border-left:0}
.ia-aa .ia-aa-stat-n{font-size:30px;font-weight:800;color:#FFFFFF;line-height:1.1}
.ia-aa .ia-aa-stat-l{font-size:13px;color:#8B92A1;margin-top:6px}
.ia-aa .ia-aa-logos{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px 36px;padding:28px 0 32px}
.ia-aa .ia-aa-logos img{filter:brightness(0) invert(1);opacity:.6}
/* proof */
.ia-aa .ia-aa-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 16px}
.ia-aa a.ia-aa-case{display:block;text-decoration:none;background:#FFFFFF;border:1px solid var(--ia-line);border-radius:var(--ia-r);padding:24px}
.ia-aa .ia-aa-case-k{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8B92A1;margin-bottom:18px}
.ia-aa .ia-aa-case-n{font-size:40px;font-weight:800;color:var(--ia-blue);line-height:1.1;margin-bottom:10px}
.ia-aa .ia-aa-case-m{font-size:15px;color:#12151C;font-weight:700;margin-bottom:6px}
.ia-aa .ia-aa-case-d{font-size:14px;color:#525968}
.ia-aa .ia-aa-case-l{font-size:14px;color:var(--ia-blue);font-weight:700;margin-top:18px}
.ia-aa a.ia-aa-case-dark{background:var(--ia-ink);border-color:var(--ia-ink)}
.ia-aa .ia-aa-case-dark .ia-aa-case-n,.ia-aa .ia-aa-case-dark .ia-aa-case-l{color:var(--ia-lime)}
.ia-aa .ia-aa-case-dark .ia-aa-case-m{color:#FFFFFF}
.ia-aa .ia-aa-case-dark .ia-aa-case-d{color:#C9CDD6}
.ia-aa .ia-aa-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.ia-aa .ia-aa-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ia-aa .ia-aa-badge{display:inline-flex;align-items:center;gap:10px;margin:0;background:#FFFFFF;border:1px solid var(--ia-line);border-radius:6px;padding:8px 12px;text-decoration:none;font-size:13px;color:#12151C;min-height:44px}
.ia-aa a.ia-aa-badge{flex-direction:row!important}
.ia-aa .ia-aa-badge img{height:22px!important}
.ia-aa .ia-aa-badge span,.ia-aa .ia-aa-badge figcaption{font-size:13px!important;color:#12151C!important;text-align:left!important}
.ia-aa figure.ia-aa-badge img{height:40px!important}
.ia-aa span.ia-aa-badge img{height:40px!important}
/* comparison */
.ia-aa .ia-aa-scrollx{border:1px solid var(--ia-line);border-radius:var(--ia-r);overflow:hidden}
.ia-aa table.ia-aa-cmp{margin:0}
.ia-aa table.ia-aa-cmp th{background:var(--ia-ink);padding:18px}
.ia-aa table.ia-aa-cmp th:last-child{color:var(--ia-lime)}
.ia-aa table.ia-aa-cmp td:first-child{font-size:14px}
.ia-aa table.ia-aa-cmp tr:last-child td{border-bottom:0}
/* steps */
.ia-aa .ia-aa-steps{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ia-aa .ia-aa-step{background:#FFFFFF;border:1px solid var(--ia-line);border-radius:var(--ia-r);padding:20px 18px;margin:0}
.ia-aa .ia-aa-step .ia-aa-step-n{font-size:22px;margin-bottom:16px}
.ia-aa .ia-aa-step h3.ia-aa-sub{font-size:16px}
.ia-aa .ia-aa-step p{font-size:14px;margin:0;line-height:1.55}
.ia-aa .ia-aa-step-dark{background:var(--ia-blue);border-color:var(--ia-blue)}
.ia-aa .ia-aa-step-dark .ia-aa-step-n{color:var(--ia-lime)}
.ia-aa .ia-aa-step-dark h3.ia-aa-sub{color:#FFFFFF}
.ia-aa .ia-aa-step-dark p{color:#C9CDD6}
/* plan */
.ia-aa .ia-aa-phase{background:rgba(255,255,255,.10)}
.ia-aa .ia-aa-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--ia-ink);border-radius:var(--ia-r);padding:16px 18px 16px 18px;margin-top:24px}
.ia-aa .ia-aa-strip p{margin:0;color:#FFFFFF;font-weight:700}
/* dataowl */
.ia-aa #dataowl .ia-aa-dash{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;padding:36px;border-radius:var(--ia-r);align-items:center;background:var(--ia-ink)}
.ia-aa #dataowl h2.ia-aa-sec{color:#FFFFFF}
.ia-aa .ia-aa-shot{background:var(--ia-lime);border-radius:var(--ia-r);padding:18px}
.ia-aa .ia-aa-shot img{display:block;width:100%;height:auto;border-radius:4px;background:#FFFFFF}
/* fit + why */
.ia-aa .ia-aa-fitwhy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:start}
.ia-aa .ia-aa-fitwhy ul.ia-aa-arrows li{font-size:14px}
.ia-aa .ia-aa-why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ia-aa .ia-aa-why .ia-aa-card2{padding:16px}
.ia-aa .ia-aa-why p{font-size:13px;margin:0;line-height:1.55}
.ia-aa .ia-aa-why p.ia-aa-why-t{font-size:14px;color:#12151C;margin-bottom:6px}
.ia-aa .ia-aa-why-wide{grid-column:1/-1}
.ia-aa .ia-aa-why-wide p{font-size:14px}
/* faq */
.ia-aa .ia-aa-narrow{max-width:656px}
.ia-aa .ia-aa-faq-list{display:block;margin-top:24px;background:#FFFFFF;border:1px solid var(--ia-line);border-radius:var(--ia-r);overflow:hidden}
.ia-aa details.ia-aa-faq{border:0;border-top:1px solid var(--ia-line)}
.ia-aa details.ia-aa-faq:first-child{border-top:0}
.ia-aa details.ia-aa-faq summary{padding:12px 16px;min-height:46px;align-items:center}
.ia-aa details.ia-aa-faq summary h3{font-size:14px}
.ia-aa details.ia-aa-faq[open] summary::after{content:"×"}
.ia-aa details.ia-aa-faq .ia-aa-faq-a{padding:0 16px 16px;font-size:14px}
/* final cta */
.ia-aa .ia-aa-final{text-align:center}
.ia-aa h2.ia-aa-final-h{font-size:38px;line-height:1.15;color:#FFFFFF;text-transform:uppercase;margin:0 auto 28px;max-width:640px}
.ia-aa .ia-aa-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:684px;margin:0 auto;text-align:left}
.ia-aa .ia-aa-option{display:flex;flex-direction:column;background:#14161D;border:1px solid #2A2E39;border-radius:var(--ia-r);padding:22px}
.ia-aa .ia-aa-option p{color:#C9CDD6;font-size:14px}
.ia-aa .ia-aa-option .ia-aa-btn{margin-top:auto}
/* sticky bar: two equal buttons */
.ia-aa-sticky-cta{gap:10px}
.ia-aa-sticky-cta .ia-aa-sbtn{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:6px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.ia-aa-sticky-cta .ia-aa-sbtn-lime{background:#CAFE48;color:#000000}
.ia-aa-sticky-cta .ia-aa-sbtn-ghost{border:1.5px solid #FFFFFF;color:#FFFFFF}
@media (max-width:860px){
  .ia-aa .ia-aa-sect{padding:56px 0}
  .ia-aa .ia-aa-hero-grid,.ia-aa .ia-aa-cases,.ia-aa .ia-aa-quotes,.ia-aa .ia-aa-steps,.ia-aa .ia-aa-fitwhy,.ia-aa .ia-aa-why,.ia-aa .ia-aa-options,.ia-aa #dataowl .ia-aa-dash{grid-template-columns:1fr!important}
  .ia-aa h1.ia-aa-hero-h1{font-size:34px!important}
  .ia-aa .ia-aa-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ia-aa .ia-aa-stats > div:nth-child(3){border-left:0}
  .ia-aa .ia-aa-stats > div:nth-child(n+3){border-top:1px solid #2A2E39}
  .ia-aa .ia-aa-logos{justify-content:center}
  .ia-aa #dataowl .ia-aa-dash{padding:24px}
  .ia-aa .ia-aa-scrollx{display:none!important}
  .ia-aa .ia-aa-cmp-cards{display:grid!important;grid-template-columns:1fr;gap:12px}
  .ia-aa .ia-aa-cmp-row{border-radius:var(--ia-r);overflow:hidden;border:1px solid var(--ia-line)}
  .ia-aa .ia-aa-cmp-card{background:#FFFFFF;border:0;margin:0}
  .ia-aa .ia-aa-cmp-card dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ia-blue)}
  .ia-aa .ia-aa-btn{min-height:48px}
  .ia-aa .ia-aa-btns .ia-aa-btn{flex:1 1 100%}
  .ia-aa .ia-aa-strip .ia-aa-btn{width:100%}
  .ia-aa h2.ia-aa-final-h{font-size:28px}
  .ia-aa details.ia-aa-faq summary{min-height:48px}
  /* lift floating widgets above the sticky bar (this template only; CSS only loads here) */
  #cookie-law-info-again{bottom:72px!important}
  #cookie-law-info-bar{bottom:72px!important}
  .xoo-wsc-basket{bottom:84px!important}
}

/* v1.1.1: HubSpot chat is offset by assets/js/ia-aa-hs-offset.js. While chat is open, hide the sticky bar. */
html.hs-messages-widget-open .ia-aa-sticky-cta,html.ia-aa-chat-is-open .ia-aa-sticky-cta{display:none!important}

/* v1.1.2: right-align cookie banner buttons on phone so "Cookie Settings" clears the HubSpot bubble (bottom-left) */
@media (max-width:860px){
  body.page-template-ia-amazon-advertising-v2 #cookie-law-info-bar .cli-bar-btn_container{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;text-align:right!important;gap:6px!important;margin-left:auto!important}
  body.page-template-ia-amazon-advertising-v2 #cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button{margin:0!important}
  body.page-template-ia-amazon-advertising-v2 #cookie-law-info-bar .cli_settings_button{order:3!important;margin-left:auto!important}
  body.page-template-ia-amazon-advertising-v2 #cookie-law-info-again{left:auto!important;right:16px!important}
}

/* ================= v1.1.3 ================= */
/* Kanit (already loaded by theme id-v2 main.css) for all headings on this template, near-black */
.ia-aa h1,.ia-aa h2,.ia-aa .ia-aa-form-title{font-family:"Moderniz","Archivo Black",Impact,sans-serif!important;font-weight:400!important;color:#0B0C10;letter-spacing:-0.01em}
.ia-aa h3{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif!important;font-weight:700!important;color:#0B0C10;letter-spacing:0}
.ia-aa h2.ia-aa-sec,.ia-aa .ia-aa-form-title{font-size:34px;line-height:1.15;font-weight:700;margin:0 0 16px}
.ia-aa h3,.ia-aa h3.ia-aa-sub{font-weight:600;color:#0B0C10}
.ia-aa .ia-aa-card2 h3.ia-aa-sub{font-size:18px;font-weight:600;color:#0B0C10;margin:0 0 8px}
.ia-aa h1.ia-aa-hero-h1,.ia-aa h2.ia-aa-final-h,.ia-aa #dataowl h2.ia-aa-sec,.ia-aa .ia-aa-blue h2.ia-aa-sec,.ia-aa .ia-aa-step-dark h3.ia-aa-sub{color:#FFFFFF}
.ia-aa h1.ia-aa-hero-h1,.ia-aa h2.ia-aa-final-h{font-weight:700}
.ia-aa .ia-aa-ink h3.ia-aa-sub{color:#CAFE48}
.ia-aa .ia-aa-sec-sm{font-size:24px!important}
/* theme exit-intent popup title: rendered as <p> on this template (see plugin), keep its look */
.ia-aa-exit-title{font-family:"Kanit",sans-serif;font-size:32px;line-height:1.2;font-weight:700;color:#000;margin:0 0 16px;text-transform:inherit}
/* 44x44 minimum tap targets */
.ia-aa details.ia-aa-faq summary{min-height:48px}
.ia-aa details.ia-aa-faq summary::after{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-10px -12px -10px 0}
.ia-aa .ia-aa-case-l,.ia-aa a.ia-aa-badge{min-height:44px}
.ia-aa-sticky-cta .ia-aa-sbtn{min-height:44px;min-width:44px}
#exitPopupClose{min-width:44px!important;min-height:44px!important}
@media (max-width:860px){
  .ia-aa h2.ia-aa-sec,.ia-aa .ia-aa-form-title{font-size:28px}
  .ia-aa h2.ia-aa-final-h{font-size:28px}
}

/* 2026-10-19 heading type: Moderniz is caps-only and sets wider than Kanit;
   sizes reduced so H1 holds 2 lines and H2 stays under 4. Montserrat kept on H3. */
.ia-aa h1.ia-aa-hero-h1{font-size:42px!important}
.ia-aa h2.ia-aa-sec,.ia-aa .ia-aa-form-title{font-size:28px}
@media (max-width:860px){
.ia-aa h1.ia-aa-hero-h1{font-size:30px!important}
.ia-aa h2.ia-aa-sec,.ia-aa .ia-aa-form-title{font-size:24px}
}
/* 2026-10-19 body type: Kanit, matching the homepage, nav and buttons.
   Headings stay Moderniz and H3 stays Montserrat via the !important rules above. */
.ia-aa{font-family:"Kanit","Montserrat","Helvetica Neue",Arial,sans-serif}
/* 2026-10-19 featured brand strip. The markup and slick init are the theme’s, but its
   band styling only loads on the homepage, so the band is restyled here to match. */
section.scrolling-icons{background:#353535;padding:30px 0 20px}
section.scrolling-icons .scrolling-icons__item{margin-left:50px}
section.scrolling-icons .scrolling-icons__item img{width:150px;height:auto}
section.scrolling-icons .slick-track{display:flex;justify-content:center;align-items:center}
/* 2026-10-19 hero CTA hierarchy, matching the homepage: one primary button,
   with the audit offered beneath as a quiet text link rather than a rival button. */
.ia-aa .ia-aa-hero-soft{margin:16px 0 0;font-size:15px;color:#C9CDD6}
.ia-aa .ia-aa-hero-soft a{color:#CAFE48;font-weight:600;text-decoration:underline}
/* 2026-10-19 hero CTA: cobalt that flips to the signature lime on hover,
   at a larger size so it carries weight under the display headline. */
.ia-aa .ia-aa-btn{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.ia-aa .ia-aa-btn-primary:hover{background:#CAFE48;color:#000000}
.ia-aa .ia-aa-btn-xl{min-height:64px;padding:0 44px;font-size:17px;letter-spacing:0.05em}
@media (max-width:860px){.ia-aa .ia-aa-btn-xl{min-height:56px;padding:0 30px;font-size:16px}}
/* 2026-10-19 hero banner: the site’s existing composite from the media library,
   anchored right so the astronaut clears the left-aligned headline, with a scrim
   across the left for text contrast. Only the hero — the final CTA keeps the starfield. */
.ia-aa section.ia-aa-hero{
background-color:#000000;
background-image:linear-gradient(90deg,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.42) 32%,rgba(0,0,0,0.12) 62%,rgba(0,0,0,0.04) 100%),url("/wp-content/uploads/Hero-banner@2x.jpg");
background-size:cover,cover;
background-position:center,right center;
background-repeat:no-repeat,no-repeat
}
@media (max-width:860px){
.ia-aa section.ia-aa-hero{
background-image:linear-gradient(180deg,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.88) 100%),url("/wp-content/uploads/Hero-Banner-mobile@2x.jpg");
background-position:center,center top
}
}
/* 2026-10-19 service picker: every option is a link to the contact form.
   All four equal at rest; lime marks hover and keyboard focus, so the colour
   signals "clickable" rather than "we picked this one for you". */
.ia-aa .ia-aa-svc-list{display:flex;flex-direction:column;gap:12px}
.ia-aa a.ia-aa-svc{display:block;text-decoration:none;border:1px solid #343945;border-radius:6px;padding:14px 16px;box-sizing:border-box;transition:border-color .16s ease,background-color .16s ease}
.ia-aa a.ia-aa-svc .ia-aa-svc-n{display:block;color:#FFFFFF;font-weight:700;font-size:15px;margin-bottom:4px;transition:color .16s ease}
.ia-aa a.ia-aa-svc .ia-aa-svc-d{display:block;color:#C9CDD6;font-size:14px;line-height:1.5}
.ia-aa a.ia-aa-svc:hover,.ia-aa a.ia-aa-svc:focus-visible{border-color:#CAFE48;background:#1C212C}
.ia-aa a.ia-aa-svc:hover .ia-aa-svc-n,.ia-aa a.ia-aa-svc:focus-visible .ia-aa-svc-n{color:#CAFE48}
.ia-aa a.ia-aa-svc:focus-visible{outline:2px solid #CAFE48;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ia-aa a.ia-aa-svc,.ia-aa a.ia-aa-svc .ia-aa-svc-n{transition:none}}
/* 2026-10-19 Trustpilot rating beside the hero CTA. Quieter than the button:
   dimmer border, smaller type. Jumps to the Proof section. */
.ia-aa .ia-aa-btns{align-items:center;flex-wrap:wrap}
.ia-aa a.ia-aa-tp{display:inline-flex;align-items:center;gap:9px;min-height:64px;padding:0 20px;border:1px solid rgba(255,255,255,0.22);border-radius:6px;text-decoration:none;transition:border-color .16s ease,background-color .16s ease}
.ia-aa a.ia-aa-tp img{display:block;width:88px;height:auto}
.ia-aa .ia-aa-tp-n{font-weight:700;font-size:16px;color:#FFFFFF;line-height:1}
.ia-aa .ia-aa-tp-t{font-size:13px;color:#C9CDD6;line-height:1}
.ia-aa a.ia-aa-tp:hover,.ia-aa a.ia-aa-tp:focus-visible{border-color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.05)}
.ia-aa a.ia-aa-tp:focus-visible{outline:2px solid #CAFE48;outline-offset:2px}
.ia-aa #proof{scroll-margin-top:120px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){.ia-aa a.ia-aa-tp{transition:none}}
@media (max-width:860px){.ia-aa a.ia-aa-tp{width:100%;justify-content:center;min-height:56px}}
/* ===== Trustpilot review carousel =====
   Ported from the theme's homepage component: homepage.css is not enqueued on
   this template, so these rules must live here. Markup + slick init are the
   theme's own, so the carousel behaves exactly as it does on the homepage. */
section.testimonial{position:relative;padding:80px 0;background-color:#2D4DF8;background-image:url("/wp-content/themes/id-v2/assets/img/bg_blue.png");background-repeat:no-repeat;background-size:cover;scroll-margin-top:120px}
section.testimonial .testimonial__title{display:flex;flex-direction:column;width:75%;margin:0 auto 30px}
section.testimonial .testimonial__title h2{font-family:"Moderniz",Arial,sans-serif;font-weight:400;font-size:28px;line-height:38px;text-align:center;color:#CAFE48}
section.testimonial .testimonial__title p{font-family:"Kanit",serif;font-size:16px;line-height:26px;text-align:center;color:#FFFFFF;margin-top:5px}
section.testimonial .testimonial__content{display:flex;gap:20px;margin:20px 0 40px}
section.testimonial .testimonial__content .slick-slide{margin:0 15px}
section.testimonial .testimonial__content .slick-list{margin:0 -15px}
section.testimonial .testimonial__content .testimonial__item{background-color:#FFFFFF;border-radius:12px;padding:5px;flex:0 0 calc(33% - 20px);min-height:335px}
section.testimonial .testimonial__item.text .header{display:flex;gap:20px;border-bottom:1px solid #E8E8E8;margin-bottom:10px;padding:5px}
section.testimonial .testimonial__item.text .header .avatar{background-color:#2D4DF8;color:#FFFFFF;border-radius:50%;padding:10px;font-weight:700;min-width:40px;display:flex;align-items:center;justify-content:center}
section.testimonial .testimonial__item.text .header .details{flex-grow:1;font-family:"Kanit",serif}
section.testimonial .testimonial__item.text .header .details .name{font-size:14px;font-weight:700;margin:0}
section.testimonial .testimonial__item.text .header .details .info{display:flex;gap:10px;font-size:12px;color:#979797}
section.testimonial .testimonial__item.text .header .details .info p{margin:0}
section.testimonial .testimonial__item.text .header .details .info .location{position:relative;padding-left:15px}
section.testimonial .testimonial__item.text .header .details .info .location::before{content:"";position:absolute;top:3px;left:0;background-image:url("/wp-content/themes/id-v2/assets/img/logo_marker.png");background-size:10px 10px;width:10px;height:10px}
section.testimonial .testimonial__item.text .content{font-family:"Kanit",serif;padding-bottom:10px}
section.testimonial .testimonial__item.text .content .top{display:flex;justify-content:space-between;align-items:center;padding:0 5px}
section.testimonial .testimonial__item.text .content .top .star{width:30%}
section.testimonial .testimonial__item.text .content .top .star img{display:block;max-width:100%;height:auto}
section.testimonial .testimonial__item.text .content .top .recent{font-size:12px;color:#979797}
section.testimonial .testimonial__item.text .content .middle{padding:0 10px}
section.testimonial .testimonial__item.text .content .middle p.title{font-weight:700;font-size:14px;margin:0}
section.testimonial .testimonial__item.text .content .middle p.content{font-size:13px;margin:10px 0}
section.testimonial .testimonial__item.text .content .middle p.date{font-size:13px;margin:0}
section.testimonial .testimonial__item.text .content .middle p.date strong{font-weight:700}
section.testimonial .testimonial__bottom{margin-top:20px;display:flex;justify-content:center;align-items:center}
section.testimonial .testimonial__bottom p{font-family:"Kanit",serif;font-size:20px;line-height:34px;color:#FFFFFF;font-weight:400;margin:0}
section.testimonial .testimonial__bottom p a{color:#FFFFFF;font-weight:700;text-decoration:underline}
section.testimonial .testimonial__bottom img{display:inline;width:200px;margin-top:-10px}
@media (max-width:768px){
section.testimonial{padding:40px 0}
section.testimonial .testimonial__title{width:100%}
section.testimonial .testimonial__title h2{font-size:20px;line-height:27px}
section.testimonial .testimonial__title p{font-size:14px;line-height:20px}
section.testimonial .testimonial__content .testimonial__item{flex:0 0 80%}
section.testimonial .testimonial__bottom p{text-align:center}
}

/* ===== Awards row =====
   Ported from the theme's homepage component (section.awards, homepage.css),
   which is not enqueued on this template. Rules copied verbatim; display:block
   added to the img so margin:0 auto centres regardless of inherited text-align. */
section.awards{background-color:#000000;padding:30px}
section.awards .awards__container{display:flex;gap:20px}
section.awards .awards__container .awards__container__item{align-self:center;flex:1 0 calc(33% - 20px);max-width:calc(33% - 20px);width:calc(33% - 20px)}
section.awards .awards__container .awards__container__item img{width:70%;height:auto;display:block;margin:0 auto}
@media (max-width:768px){
section.awards{padding:40px 0 0}
section.awards .awards__container{gap:20px;flex-wrap:wrap;height:175px}
section.awards .awards__container .awards__container__item{width:50%;max-width:50%}
section.awards .awards__container .awards__container__item:nth-child(1){flex:0 0 50%}
section.awards .awards__container .awards__container__item:nth-child(2){order:1;position:relative;top:-85px}
section.awards .awards__container .awards__container__item:nth-child(3){flex:0 0 50%;align-self:flex-start;margin-top:20px}
section.awards .awards__container .awards__container__item img{width:100%;max-width:100%}
}

/* ===== Service summary CTA row ===== */
.ia-aa .ia-aa-cta-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:34px 0 0;padding-top:28px;border-top:1px solid #E8E8E8}
.ia-aa .ia-aa-cta-alt{font-size:15px;font-weight:600;color:#2D4DF8;text-decoration:underline}
.ia-aa .ia-aa-cta-alt:hover,.ia-aa .ia-aa-cta-alt:focus-visible{color:#1B37C8}
.ia-aa .ia-aa-grey .ia-aa-cta-row{border-top-color:#DDDEE2}
@media (max-width:860px){.ia-aa .ia-aa-cta-row{gap:18px}.ia-aa .ia-aa-cta-row .ia-aa-btn{width:100%;justify-content:center}}

/* anchor targets clear the sticky header */
#ads-management,#creative,#catalog-operations,#full-brand{scroll-margin-top:120px}

/* ===== Ads management bento ===== */
.ia-aa .ia-aa-cobalt{background:#2D4DF8;border-color:#2D4DF8;color:#FFFFFF;display:flex;flex-direction:column;justify-content:center}
.ia-aa .ia-aa-cobalt>*{flex:0 0 auto}
.ia-aa .ia-aa-cobalt h3.ia-aa-sub,.ia-aa .ia-aa-cobalt p:last-child{margin-bottom:0}
.ia-aa .ia-aa-cobalt h3.ia-aa-sub{color:#CAFE48}
.ia-aa .ia-aa-cobalt p{color:#D7DEFF}
.ia-aa .ia-aa-cobalt a{color:#CAFE48;text-decoration:none;font-weight:400}
.ia-aa .ia-aa-cobalt ul.ia-aa-arrows li{color:#FFFFFF}
.ia-aa .ia-aa-cobalt ul.ia-aa-arrows li::before{background:#CAFE48}
@media (max-width:860px){.ia-aa .ia-aa-span2{grid-column:auto!important}}

/* ===== Named case studies ===== */
.ia-aa .ia-aa-cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ia-aa a.ia-aa-cs-t{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid var(--ia-line);border-radius:var(--ia-r);padding:26px;text-decoration:none;color:inherit;transition:border-color .16s ease}
.ia-aa a.ia-aa-cs-t:hover,.ia-aa a.ia-aa-cs-t:focus-visible{border-color:#2D4DF8}
.ia-aa a.ia-aa-cs-t:focus-visible{outline:2px solid #2D4DF8;outline-offset:2px}
.ia-aa .ia-aa-cs-logo{display:block;height:86px;margin:0 0 18px;border:1px solid #EDEEF1;border-radius:6px;background-color:#FFFFFF;background-repeat:no-repeat;background-position:center}
.ia-aa .ia-aa-cs-sacheu{background-image:url("/wp-content/uploads/3-3.jpg");background-size:auto 177px}
.ia-aa .ia-aa-cs-scentify{background-image:url("/wp-content/uploads/4-3.jpg");background-size:auto 157px}
.ia-aa .ia-aa-cs-shameless{background-image:url("/wp-content/uploads/5-1.jpg");background-size:auto 121px}
.ia-aa .ia-aa-cs-gencare{background-image:url("/wp-content/uploads/1-5.jpg");background-size:auto 188px}
.ia-aa .ia-aa-cs-cat{display:block;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#6B7280;margin:0 0 14px}
.ia-aa .ia-aa-cs-big{display:block;font-family:"Moderniz","Archivo Black",Impact,sans-serif;font-weight:400;font-size:36px;line-height:1.05;color:#2D4DF8;margin:0 0 8px}
.ia-aa .ia-aa-cs-big.ia-aa-cs-sm{font-size:30px}
.ia-aa .ia-aa-cs-lbl{display:block;font-size:14px;font-weight:700;color:#0B0C10;margin:0 0 6px}
.ia-aa .ia-aa-cs-base{display:block;font-size:14.5px;line-height:1.55;color:#353535;margin:0 0 18px}
.ia-aa .ia-aa-cs-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid #E8E8E8;padding-top:16px;margin:0 0 18px}
.ia-aa .ia-aa-cs-row.ia-aa-cs-one{grid-template-columns:1fr}
.ia-aa .ia-aa-cs-row>span{display:block;font-size:14px;color:#0B0C10}
.ia-aa .ia-aa-cs-row b{display:block;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#6B7280;margin:0 0 3px}
.ia-aa .ia-aa-cs-rd{display:block;margin-top:auto;font-size:14px;font-weight:600;color:#2D4DF8}
.ia-aa a.ia-aa-cs-t:hover .ia-aa-cs-rd{text-decoration:underline}
.ia-aa a.ia-aa-cs-t.ia-aa-cs-flag{background:#2D4DF8;border-color:#2D4DF8}
.ia-aa .ia-aa-cs-flag .ia-aa-cs-cat{color:#BFCBFF}
.ia-aa .ia-aa-cs-flag .ia-aa-cs-big{color:#CAFE48}
.ia-aa .ia-aa-cs-flag .ia-aa-cs-lbl{color:#FFFFFF}
.ia-aa .ia-aa-cs-flag .ia-aa-cs-base{color:#D7DEFF}
.ia-aa .ia-aa-cs-flag .ia-aa-cs-row{border-top-color:rgba(255,255,255,0.28)}
.ia-aa .ia-aa-cs-flag .ia-aa-cs-row>span{color:#FFFFFF}
.ia-aa .ia-aa-cs-flag .ia-aa-cs-row b{color:#BFCBFF}
.ia-aa .ia-aa-cs-flag .ia-aa-cs-rd{color:#CAFE48}
.ia-aa a.ia-aa-cs-t.ia-aa-cs-flag:hover{border-color:#CAFE48}
@media (max-width:860px){.ia-aa .ia-aa-cs{grid-template-columns:1fr}.ia-aa .ia-aa-cs-row{grid-template-columns:1fr}}

/* ===== Client quote block ===== */
.ia-aa .ia-aa-qb{margin:0 0 36px;background:#CAFE48;border-radius:var(--ia-r);padding:44px 48px;text-align:center}
.ia-aa .ia-aa-qb blockquote{margin:0;padding:0;border:0}
.ia-aa .ia-aa-qb blockquote p{margin:0 0 18px;font-size:22px;line-height:1.45;color:#0B0C10}
.ia-aa .ia-aa-qb blockquote p:last-child{margin-bottom:0}
.ia-aa .ia-aa-qb figcaption{display:inline-block;margin:30px 0 0;background:#2D4DF8;border-radius:4px;padding:14px 26px}
.ia-aa .ia-aa-qb .ia-aa-qb-n{display:block;font-family:"Moderniz","Archivo Black",Impact,sans-serif;font-weight:400;font-size:18px;line-height:1.2;color:#CAFE48}
.ia-aa .ia-aa-qb .ia-aa-qb-r{display:block;margin-top:5px;font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#FFFFFF}
@media (max-width:860px){.ia-aa .ia-aa-qb{padding:30px 22px}.ia-aa .ia-aa-qb blockquote p{font-size:18px;margin-bottom:14px}}

/* ===== Ways to hire us: self-selection ===== */
.ia-aa .ia-aa-pick-q{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#2D4DF8}
.ia-aa .ia-aa-pick-same{margin:24px 0 0;font-size:15px;line-height:1.65;color:#5B6372}
.ia-aa .ia-aa-pick-same a{color:#2D4DF8;font-weight:600}


/* Scroll reveal: Process and 90-day sections. Hidden state only applies when the script has added .ia-aa-anim to <html>, so no-JS and non-rendering crawlers see everything. */
.ia-aa-anim .ia-aa-rv{opacity:0;transform:translateY(26px);transition:opacity 0.7s cubic-bezier(0.22,0.61,0.36,1),transform 0.7s cubic-bezier(0.22,0.61,0.36,1)}
.ia-aa-anim .ia-aa-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.ia-aa-anim .ia-aa-rv{opacity:1;transform:none;transition:none}}

/* Zoom handoff: step 04 carries the same cobalt as the 90-day band, so scrolling into it reads as zooming in. --ia-hp is written by the scroll driver; with no JS it is unset and the card stays at its normal size. */
@media (min-width: 861px){
.ia-aa #process .ia-aa-step-dark{position:relative;z-index:1;scale:calc(1 + 0.08 * var(--ia-hp,0))}
}
@media (prefers-reduced-motion: reduce){
.ia-aa #process .ia-aa-step-dark{scale:1}
}

/* Why Incrementum, moved between the client marquee and the awards strip. Black so it runs into the awards strip with no seam; lime is this page's accent on dark grounds, cobalt is for light ones. */
.ia-aa .ia-aa-black{background:#000000;padding:72px 0 40px}
.ia-aa .ia-aa-black .ia-aa-label{color:#CAFE48}
.ia-aa .ia-aa-black h2.ia-aa-sec{color:#FFFFFF}
.ia-aa .ia-aa-black .ia-aa-card2{background:transparent;border-color:#343945;border-radius:6px}
.ia-aa .ia-aa-black .ia-aa-card2 p:not(.ia-aa-why-t){color:#9AA1B0}
.ia-aa .ia-aa-black .ia-aa-why-t,.ia-aa .ia-aa-black .ia-aa-why-t strong{color:#FFFFFF}
.ia-aa .ia-aa-black a{color:#CAFE48}
.ia-aa .ia-aa-black a:hover{color:#FFFFFF}

/* Mobile hero art. The desktop banner is landscape and gets cropped to empty sky at phone widths, so phones get the portrait crop with a top-down scrim instead of the desktop left-to-right one. */
@media (max-width:860px){
.ia-aa section.ia-aa-hero{background-image:linear-gradient(180deg,rgba(0,0,0,0.58) 0%,rgba(0,0,0,0.22) 30%,rgba(0,0,0,0.80) 58%,rgba(0,0,0,1) 100%),url("/wp-content/uploads/Hero-Banner-mobile@2x.jpg");background-position:50% 0,50% 0;background-size:cover,100% auto;background-repeat:no-repeat,no-repeat}
}

/* Hero picker footnote linking to the ads-only vs full service section. */
.ia-aa .ia-aa-svc-note{margin:14px 2px 0;font-size:13.5px;line-height:1.5;color:#8B92A1}
.ia-aa .ia-aa-svc-note a{color:#CAFE48;text-decoration:underline;text-underline-offset:2px}
.ia-aa .ia-aa-svc-note a:hover{color:#FFFFFF}

/* Ways to hire us runs straight into Ads management with no colour change, the only such seam on the page. Tighten it so the two do not read as one long white block; the scroll reveal carries the separation instead of a rule. */
.ia-aa #full-brand{padding-bottom:44px}
.ia-aa #ads-management{padding-top:44px}

/* Who it is for, boxed so its text aligns with the card text above rather than their borders. */
.ia-aa .ia-aa-fitbox{margin-top:26px}
.ia-aa .ia-aa-fitbox > :last-child{margin-bottom:0}

/* Creative services: category rows get the ads-page rhythm, eyebrow then heading then lead. */
.ia-aa.ia-aa-cat-head{flex:1 1 auto}
.ia-aa.ia-aa-cat-head .ia-aa-label{margin:0 0 6px}
.ia-aa.ia-aa-cat-head h2.ia-aa-sec{margin:0}
.ia-aa .ia-aa-cat-lead{max-width:76ch;margin:14px 0 24px}


/* Creative services: category heading rows sit on the theme's own section
   background, so the shared .ia-aa white ground must not paint here. */
.ia-aa.ia-aa-cat-head,.ia-aa.ia-aa-cat-leadwrap{background:transparent}
.categories__content .heading{align-items:flex-end}
.categories__content .ia-aa.ia-aa-cat-leadwrap{margin-top:-6px}

/* Creative services hero: the blurb is longer than the ads page one, so let it
   run the full width of its grid column instead of the shared 420px cap. */
.ia-cs .ia-aa .ia-aa-hero-sub{max-width:none}

/* Category rows are jump targets from the hero tiles. Keep the eyebrow clear of
   the fixed site nav when the browser lands on one natively. */
.categories__content .content__container{scroll-margin-top:124px}

/* Creative tiles: a slight zoom on hover. The card frame stays put and the
   image grows inside it, so the grid never shifts. Pointer devices only, so a
   tap on mobile does not leave a tile stuck in its hover state. */
@media (hover:hover) and (pointer:fine){
.categories__content .content__item .image{overflow:hidden}
.categories__content .content__item .image img{transition:transform 0.55s cubic-bezier(0.22,0.61,0.36,1);will-change:transform}
.categories__content .content__item:hover .image img{transform:scale(1.045)}
}
@media (prefers-reduced-motion: reduce){
.categories__content .content__item .image img,
.categories__content .content__item:hover .image img{transition:none;transform:none}
}

/* The whole tile is the control now, so it needs to look and focus like one. */
.categories__content .content__item{cursor:pointer}
.categories__content .content__item:focus-visible{outline:3px solid #2D4DF8;outline-offset:3px}
.categories__content .content__item:focus:not(:focus-visible){outline:none}

/* ---------------------------------------------------------------------------
 * Creative services: category rows become horizontal carousels.
 * ------------------------------------------------------------------------ */
.ia-cs-blurb{font-size:14px;line-height:1.5;color:#5B6170;margin:8px 0 14px}
/* Blurbs vary in length, so pin the button to the bottom for a tidy baseline. */
.categories__content .content__item .view{margin-top:auto}

.categories__content .content{
flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;
scroll-snap-type:x mandatory;scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;
padding-bottom:6px}
.categories__content .content::-webkit-scrollbar{width:0;height:0;display:none}
.categories__content .content__item{flex:0 0 calc((100% - 90px)/4);scroll-snap-align:start}
@media (max-width:1099px){.categories__content .content__item{flex-basis:calc((100% - 60px)/3)}}
@media (max-width:860px){.categories__content .content__item{flex-basis:calc((100% - 30px)/2)}}
@media (max-width:600px){.categories__content .content__item{flex-basis:80%}}
@media (prefers-reduced-motion: reduce){.categories__content .content{scroll-behavior:auto}}

.ia-cs-nav{display:flex;justify-content:flex-end;gap:10px;margin:12px 0 0}
.ia-cs-nav button{width:40px;height:40px;border-radius:50%;border:0;padding:0;cursor:pointer;
background:#E6E8EC;color:#0B0C10;display:inline-flex;align-items:center;justify-content:center;
transition:background 0.2s ease,opacity 0.2s ease}
.ia-cs-nav button:hover:not(:disabled){background:#D4D7DE}
.ia-cs-nav button:disabled{opacity:0.35;cursor:default}
.ia-cs-nav button:focus-visible{outline:3px solid #2D4DF8;outline-offset:3px}
.ia-cs-nav svg{width:16px;height:16px;display:block}
.ia-cs-nav[hidden]{display:none}

/* The theme's results.css sets the row to wrap with a 24% basis using a longer
   selector than ours, so the carousel layout is forced here. Scoped to .ia-cs
   (creative services only) so no other page that shares results.css is touched. */
.ia-cs .categories__content .content{flex-wrap:nowrap !important;overflow-x:auto !important}
.ia-cs .categories__content .content__item{flex:0 0 calc((100% - 90px)/4) !important;max-width:none !important}
@media (max-width:1099px){.ia-cs .categories__content .content__item{flex-basis:calc((100% - 60px)/3) !important}}
@media (max-width:860px){.ia-cs .categories__content .content__item{flex-basis:calc((100% - 30px)/2) !important}}
@media (max-width:600px){.ia-cs .categories__content .content__item{flex-basis:80% !important}}

/* The theme hides every tile past the fourth and reveals them with 'View all'.
   The carousel shows the whole set instead, so unhide them and retire the link. */
.ia-cs .categories__content .content__item{display:flex !important}
.ia-cs .categories__content .heading .view-all{display:none}

/* Leave part of the next tile showing so the row reads as scrollable rather
   than as the whole collection. Width is (track - N gaps) / (N + peek), so N
   full tiles and a fraction of the next always fit exactly. */
.ia-cs .categories__content .content__item{flex:0 0 calc((100% - 120px)/4.3) !important}
@media (max-width:1099px){.ia-cs .categories__content .content__item{flex-basis:calc((100% - 90px)/3.3) !important}}
@media (max-width:860px){.ia-cs .categories__content .content__item{flex-basis:calc((100% - 60px)/2.3) !important}}
@media (max-width:600px){.ia-cs .categories__content .content__item{flex-basis:calc((100% - 30px)/1.3) !important}}

/* ---------------------------------------------------------------------------
 * Hero stat strip.
 *
 * Columns are sized to their content and spaced by a fixed 64px gap, so the
 * three figures and the badge read as one group instead of being stretched
 * across the full container width. Vertical rhythm: the gap above the row is
 * tightened and a deliberate gap is left below the badge, so the row sits
 * between the hero and the client marquee rather than hugging the marquee.
 *
 * amazon-ads.png is a 360x360 canvas with the artwork centred inside heavy
 * square padding, which is what made it read as a plain square. The wrapper
 * crops that canvas to the artwork plus 16px of even padding, giving the
 * landscape rounded card Amazon itself issues, sized so its height sits with
 * the figure-plus-label blocks beside it.
 *
 * Crop numbers are derived: the artwork's ink bounding box is x 48-320,
 * y 88-266 in the source, scaled by 117/360 = 0.325. Card = ink + 2 x 16px.
 * They break if that asset is ever replaced.
 * ------------------------------------------------------------------------- */
.ia-aa .ia-aa-hero-grid{margin-top:14px !important}
.ia-aa .ia-aa-stats{grid-template-columns:repeat(4,max-content);justify-content:start;column-gap:64px;align-items:center;border-top:0;border-bottom:0;margin-top:24px;padding-bottom:32px}
.ia-aa .ia-aa-stats > div{border-left:0;border-top:0;padding:12px 0}
.ia-aa .ia-aa-stats > div.ia-aa-stat-badge{padding:0}
.ia-aa .ia-aa-stat-badge{justify-self:start;align-self:center;width:121px;height:90px;overflow:hidden;background:#FFFFFF;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.38),0 1px 4px rgba(0,0,0,0.26)}
.ia-aa .ia-aa-stat-badge img{display:block;width:117px;height:117px;max-width:none;margin:-13px 0 0 0;border-radius:0;box-shadow:none}

@media (max-width:860px){
.ia-aa .ia-aa-stats{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;column-gap:24px;row-gap:8px;padding-bottom:24px}
.ia-aa .ia-aa-stat-badge{grid-column:auto;justify-self:start;margin-top:4px}
}

/* Hero eyebrow. Sits above the h1 and takes the same muted grey the stat
   labels below the hero use (#8B92A1), rather than the lime the section
   eyebrows further down the page use, so it recedes behind the headline
   instead of competing with it. 6.1:1 on the hero ground, so it passes AA. */
.ia-aa .ia-aa-hero-eyebrow{color:#8B92A1;margin:0 0 12px}

/* Brand Management hero trust row. The Trustpilot pill and the Advanced
   Partner badge sit under the heading and CTA, which come from the
   full_code ACF field on that page and so cannot be wrapped from here. */
.ia-aa.ia-aa-bm-trust{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:28px 0 0;background:transparent}
.ia-aa.ia-aa-bm-trust .ia-aa-tp{flex:0 0 auto}
.ia-aa.ia-aa-bm-trust .ia-aa-stat-badge{flex:0 0 auto}

@media (max-width:600px){
.ia-aa.ia-aa-bm-trust{gap:14px;margin-top:22px}
}

.ia-aa .ia-aa-crumbs{font-size:13px;color:#8B92A1;margin:0 0 24px;line-height:1.4}
.ia-aa .ia-aa-crumbs a{color:#8B92A1;text-decoration:none}
.ia-aa .ia-aa-crumbs a:hover{color:#C9CDD6;text-decoration:none}
.ia-aa .ia-aa-crumbs span{margin:0 8px}
.ia-aa .ia-aa-crumbs span:last-child{margin:0;color:#C9CDD6}

/* Full service versus ads-only on the Brand Management page. The black ground
   already styles label, h2, card2 and links; these cover the rest. */
.ia-aa .ia-aa-black h3.ia-aa-sub{color:#FFFFFF}
.ia-aa .ia-aa-black p.ia-aa-lead{color:#C9CDD6}
.ia-aa .ia-aa-black .ia-aa-card2 p.ia-aa-pick-q{color:#FFFFFF;font-weight:600}
.ia-aa .ia-aa-black p.ia-aa-pick-same{color:#9AA1B0}
.ia-aa .ia-aa-pick-stack .ia-aa-card2{margin:0 0 16px}