/* Production routing and contact additions to the approved visual system. */
[hidden]{display:none!important}
.language{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.central-breadcrumb{display:flex;gap:12px;padding-block:22px 0;font-size:13px;color:#647086;align-items:center}
.central-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.central-breadcrumb a{flex-shrink:0;text-decoration:underline;text-underline-offset:4px}
.contact-consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.9;margin:0 0 24px}
.contact-consent input{width:20px;height:20px;min-width:20px;margin-top:4px;accent-color:var(--blue)}
.contact-consent a{text-decoration:underline;text-underline-offset:4px}
.contact-honeypot{position:absolute;inline-size:1px;block-size:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.contact-form button:disabled{opacity:.65;cursor:wait}
#contact-result:not(:empty){margin-top:20px;padding:18px;border-radius:16px;font-size:15px;line-height:1.9;background:#edf5ee;color:#254d36}
#contact-result.form-error{background:#fff0ed;color:#942b29}
@media(max-width:600px){.central-breadcrumb{font-size:12px;padding-top:16px}.contact-consent{font-size:14px}}

/* Advertising identities remain readable in both directions, down to 320 px. */
.advertising-section{padding-block:64px 42px}
.advertising-section .section-head{align-items:end}
.advertising-section .section-head>p{max-width:440px}
.advertising-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:28px 0 0}
.advertising-card{display:flex;align-items:center;gap:16px;min-width:0;padding:24px 20px;border:1px solid rgba(20,27,50,.05);border-radius:24px;background:#f2f2ff;transition:transform .22s ease,box-shadow .22s ease}
.advertising-card:nth-child(4n+2){background:#eaf5ee}
.advertising-card:nth-child(4n+3){background:#fff0e5}
.advertising-card:nth-child(4n){background:#edf5fe}
.advertising-card.brand-snapchat{background:#fffbdc}
.advertising-card.brand-pinterest{background:#fff0f0}
.advertising-card>div{min-width:0}
.advertising-card strong{display:block;font:800 19px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.4px;text-align:start;color:#161d32}
.advertising-card>div>span{display:block;margin-top:4px;font-size:13px;line-height:1.6;color:#576174}
.channel-symbol{display:inline-flex;justify-content:center;align-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:17px;background:#fff;color:var(--blue)}
.channel-symbol img{width:28px;height:28px;object-fit:contain;border-radius:0;max-width:none}
.channel-symbol svg{width:28px;height:28px}
.advertising-section .channel-note{margin:22px 0 0;padding:0;text-align:start;max-width:none;font-size:14px;line-height:1.8}
.media-channel{display:inline-flex;align-items:center;gap:9px;direction:ltr;flex-wrap:wrap}
.media-channel .channel-symbol{flex-basis:36px;width:36px;height:36px;border-radius:10px}
.media-channel .channel-symbol img{width:22px;height:22px}
.measurement-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 16px;direction:ltr;color:var(--blue);background:#f2f1ff;border-radius:18px}
.measurement-flow i{display:block;width:32px;height:32px;border-radius:50%;background:#d3ecac;border:7px solid #fff;box-shadow:0 0 0 1px #d8dde7}
.measurement-flow i:nth-of-type(2){background:#eeaa7d}
.measurement-flow i:nth-of-type(3){background:var(--blue)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.advertising-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(32,45,90,.07)}}
@media(max-width:1100px){.advertising-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.advertising-section{padding-block:38px 24px}.advertising-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.advertising-card{padding:16px 12px;gap:10px;border-radius:19px}.advertising-card .channel-symbol{flex-basis:40px;width:40px;height:40px;border-radius:12px}.advertising-card .channel-symbol img,.advertising-card .channel-symbol svg{width:24px;height:24px}.advertising-card strong{font-size:15px}.advertising-card>div>span{font-size:12px}.advertising-section .section-head>p{max-width:none}}
@media(max-width:370px){.advertising-card{flex-direction:column;align-items:flex-start;padding:16px 12px;gap:12px}.advertising-card>div{width:100%}.advertising-card strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.advertising-card{transition:none}}
