.campaign-service {
  position: relative;
  padding: 92px var(--gutter);
  overflow: clip;
  color: #141b20;
  background: radial-gradient(ellipse at 90% 20%, #c6d8df80, transparent 52%), #e8edee;
  border-bottom: 1px solid #cbd3d6;
}
.campaign-inner { max-width: 1180px; margin: auto; display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.campaign-copy, .campaign-preview { min-width: 0; }
.campaign-kicker { display: flex; gap: 10px; align-items: center; color: #52636c; font-size: 10px; letter-spacing: .11em; text-transform: uppercase; margin-bottom: 27px; }
.campaign-kicker > span { display: block; width: 24px; height: 3px; flex-shrink: 0; background: #e44900; }
.campaign-copy h2 { font-size: clamp(43px, 4.7vw, 66px); line-height: 1.05; letter-spacing: -.045em; text-transform: none; margin-bottom: 26px; }
.campaign-copy h2 > span { color: #bc3b00; }
.campaign-lead { font-size: 19px; line-height: 1.5; margin-bottom: 14px; max-width: 360px; }
.campaign-description { color: #536169; font-size: 15px; line-height: 1.8; max-width: 420px; }
.campaign-includes { display: flex; flex-wrap: wrap; gap: 10px 17px; list-style: none; margin: 24px 0 29px; padding: 0; font-size: 11px; color: #3c4d57; }
.campaign-includes li { display: flex; align-items: center; gap: 7px; }
.campaign-includes li::before { content: "+"; font-size: 15px; color: #bc3b00; }
.campaign-pricing { padding-top: 24px; border-top: 1px solid #bbc7cd; }
.campaign-pricing h3 { font-family: var(--body); font-size: 19px; font-weight: 600; text-transform: none; letter-spacing: -.02em; margin-bottom: 11px; }
.campaign-pricing > p { font-size: 13px; line-height: 1.75; color: #536169; max-width: 395px; }
.campaign-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 23px; margin-top: 21px; }
.campaign-email { display: inline-flex; align-items: center; justify-content: center; min-height: 49px; padding: 12px 22px; background: #101820; color: #fff; font-size: 13px; font-weight: 600; border-bottom: 3px solid #ff580a; transition: background .18s, translate .18s; }
.campaign-email:hover { background: #b43800; translate: 0 -2px; }
.campaign-phone { display: flex; flex-direction: column; justify-content: center; min-height: 49px; font-size: 15px; font-weight: 500; line-height: 1.6; white-space: nowrap; }
.campaign-phone > span { font-size: 10px; color: #536169; text-transform: uppercase; letter-spacing: .06em; }
.campaign-phone:hover { color: #b43800; }
.campaign-email-address { display: inline-block; margin-top: 12px; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #a3b1b9; color: #536169; }
.campaign-email-address:hover { color: #b43800; }
.campaign-preview { margin: 0; }
.campaign-window { overflow: hidden; background: #fff; border: 1px solid #bac6cc; border-radius: 12px; box-shadow: 0 24px 55px -22px #233e5b42, 0 3px 0 #c8d1d5; }
.campaign-window-bar { display: flex; align-items: center; gap: 16px; padding: 12px 18px; color: #62727d; background: #f3f5f6; border-bottom: 1px solid #e0e5e8; font-size: 8px; letter-spacing: .11em; text-transform: uppercase; }
.campaign-window-dots { display: flex; gap: 5px; }
.campaign-window-dots i { width: 5px; height: 5px; background: #b8c3c9; border-radius: 50%; }
.campaign-preview-badge { margin-left: auto; font-size: 8px; letter-spacing: .05em; color: #8b481f; background: #f8e7dc; padding: 2px 6px; }
.campaign-search-page { padding: 26px 26px 0; }
.campaign-search-brand { font: 600 25px/1.2 var(--body); letter-spacing: -.055em; color: #2d4454; margin-bottom: 19px; }
.campaign-search-brand > span { color: #e34a05; }
.campaign-search-bar { display: flex; align-items: center; padding: 13px 15px; border-radius: 28px; border: 1px solid #d5dfe5; box-shadow: 0 2px 7px #2b4e6412; min-width: 0; font-size: 13px; height: 48px; }
.campaign-search-bar svg { fill: none; stroke: #6b7f8c; stroke-width: 1.7; flex-shrink: 0; margin-right: 10px; }
.campaign-query { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.campaign-caret { width: 1px; height: 17px; background: #d54a0a; flex-shrink: 0; margin-left: 2px; animation: campaign-caret 1s steps(1) infinite; }
.campaign-search-filters { display: flex; gap: 23px; padding: 20px 5px 0; color: #7b8993; font-size: 10px; border-bottom: 1px solid #e4e9ec; }
.campaign-search-filters span { padding-bottom: 10px; }
.campaign-search-filters span:first-child { color: #285ead; border-bottom: 2px solid #285ead; }
.campaign-results { padding-top: 19px; transition: opacity .22s, transform .22s; }
.campaign-service.is-typing .campaign-results { opacity: .22; transform: translateY(4px); }
.campaign-result { padding: 18px; }
.campaign-result-featured { border: 1px solid #edbea6; background: linear-gradient(120deg, #fffaf6, #fff 65%); border-radius: 6px; box-shadow: -3px 0 #f46a29; }
.campaign-sponsored { display: flex; align-items: center; justify-content: space-between; font-size: 10px; font-weight: 600; line-height: 1.5; color: #35434c; margin-bottom: 14px; }
.campaign-your-ad { color: #a84212; background: #ffeee3; padding: 3px 7px; border-radius: 3px; font-size: 8px; font-weight: 500; }
.campaign-ad-business { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; line-height: 1.4; }
.campaign-business-icon { width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; color: #a44316; background: #f7e5d9; font-size: 12px; font-weight: 600; flex-shrink: 0; }
.campaign-ad-business strong { display: block; font-size: 11px; font-weight: 500; }
.campaign-ad-business div > span { display: block; font-size: 9px; color: #657680; }
.campaign-ad-menu { margin-left: auto; color: #73828b; }
.campaign-ad-title { color: #255aab; font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing: -.02em; min-height: 25px; margin-bottom: 8px; }
.campaign-ad-description { color: #58666e; font-size: 11px; line-height: 1.65; min-height: 37px; }
.campaign-ad-sitelinks { display: flex; gap: 18px; flex-wrap: wrap; font-size: 10px; color: #255aab; margin-top: 13px; }
.campaign-result-secondary { padding-block: 19px 20px; opacity: .6; }
.campaign-result-secondary .campaign-sponsored { margin-bottom: 10px; }
.campaign-result-secondary .campaign-business-icon { color: #54707e; background: #e7eef1; }
.campaign-result-secondary .campaign-ad-business { margin-bottom: 10px; }
.campaign-result-secondary .campaign-ad-title { font-size: 16px; }
.campaign-result-lines { display: grid; gap: 6px; padding-top: 4px; }
.campaign-result-lines span { height: 4px; border-radius: 4px; background: #dfe6ea; }
.campaign-result-lines span:last-child { width: 78%; }
.campaign-window-footer { display: flex; align-items: center; gap: 8px; background: #f2f5f6; border-top: 1px solid #e4e9eb; font-size: 9px; padding: 12px 23px; color: #56717f; }
.campaign-preview-dot { width: 5px; height: 5px; background: #eb672a; border-radius: 50%; box-shadow: 0 0 0 3px #fbe7db; }
.campaign-preview-controls:not([hidden]) { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 20px; }
.campaign-examples { display: flex; gap: 5px; flex-wrap: wrap; }
.campaign-examples button { border: 1px solid transparent; border-radius: 4px; background: transparent; color: #536775; font-size: 10px; padding: 8px 10px; min-height: 40px; transition: background .18s, color .18s; }
.campaign-examples button:hover { background: #d7e0e5; color: #101820; }
.campaign-examples button[aria-pressed="true"] { border-color: #bccbd2; background: #f5f7f7; color: #182c38; }
.campaign-examples button[aria-pressed="true"]::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 6px 2px 0; background: #d64b0b; }
.campaign-pause { background: transparent; border: 0; padding: 8px 0; min-height: 40px; color: #4f6572; font-size: 9px; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.campaign-pause:disabled { text-decoration: none; cursor: default; }
.campaign-preview figcaption { margin-top: 10px; color: #657985; font-size: 10px; line-height: 1.6; }
.campaign-service.is-preview-paused .campaign-caret { animation: none; opacity: 0; }
@keyframes campaign-caret { 50% { opacity: 0; } }
@media(max-width:1050px) {
  .campaign-inner { gap: 30px; grid-template-columns: .9fr 1.1fr; }
  .campaign-search-page { padding-inline: 19px; }
  .campaign-contact { gap: 13px 18px; }
  .campaign-email { padding-inline: 17px; }
  .campaign-phone { font-size: 13px; }
  .campaign-preview-controls:not([hidden]) { flex-wrap: wrap; gap: 0 12px; }
}
@media(max-width:800px) {
  .campaign-service { padding-block: 65px; }
  .campaign-inner { grid-template-columns: 1fr; gap: 40px; max-width: 570px; }
  .campaign-copy h2 { font-size: 53px; }
  .campaign-description, .campaign-pricing > p { max-width: none; }
  .campaign-contact { gap: 20px 26px; }
  .campaign-phone { font-size: 15px; }
}
@media(max-width:480px) {
  .campaign-service { padding: 58px 20px; }
  .campaign-kicker { font-size: 9px; letter-spacing: .06em; gap: 8px; margin-bottom: 24px; }
  .campaign-kicker > span { width: 18px; }
  .campaign-copy h2 { font-size: clamp(36px, 10.5vw, 48px); margin-bottom: 22px; }
  .campaign-lead { font-size: 18px; }
  .campaign-description { font-size: 14px; }
  .campaign-includes { gap: 8px 15px; margin-block: 20px 24px; }
  .campaign-contact { gap: 12px 18px; }
  .campaign-phone { font-size: 13px; }
  .campaign-email { font-size: 12px; padding-inline: 16px; }
  .campaign-window-bar { padding-inline: 13px; gap: 10px; font-size: 7px; }
  .campaign-window-dots { gap: 4px; }
  .campaign-window-dots i { width: 4px; height: 4px; }
  .campaign-search-page { padding: 20px 15px 0; }
  .campaign-search-brand { font-size: 22px; margin-bottom: 15px; }
  .campaign-search-bar { padding-inline: 12px; font-size: 12px; }
  .campaign-result { padding-inline: 13px; }
  .campaign-ad-title { font-size: 17px; min-height: 44px; }
  .campaign-ad-description { min-height: 55px; }
  .campaign-result-secondary .campaign-ad-title { min-height: 0; font-size: 15px; }
  .campaign-preview-controls:not([hidden]) { margin-top: 15px; }
  .campaign-examples { gap: 2px; }
  .campaign-examples button { font-size: 9px; padding-inline: 7px; min-height: 44px; }
  .campaign-pause { font-size: 9px; min-height: 44px; }
  .campaign-preview figcaption { font-size: 9px; }
}
@media(prefers-reduced-motion:reduce) { .campaign-service * { animation: none!important; transition: none!important; } .campaign-caret { display: none; } }
html[data-motion="off"] .campaign-service * { animation: none!important; transition: none!important; }
html[data-motion="off"] .campaign-caret { display: none; }