.ppc-hero {
  --pa: #0e7c5a; --pa-dark: #0a5c43; --pa-tint: #f3faf7; --pa-soft: #dff3ea;
  --serp-link: #1a0dab; --serp-text: #4d5156;
}
.ppc-hero .gk-stagerow + .marquee { margin-top: -1px; }

.ppc-stage { padding: 24px 32px 32px; }
.ppc { padding: 28px 32px 32px; }

.ppc-q { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.ppc-q__box {
  display: flex; align-items: center; gap: 10px;
  width: min(640px, 100%); height: 50px; padding: 0 6px 0 18px;
  border-radius: 25px;
}
.ppc-q__box > svg { flex: none; width: 17px; height: 17px; fill: none; stroke: #6b7280; stroke-width: 1.6; stroke-linecap: round; }
.ppc-q__input {
  flex: 1; min-width: 0; height: 100%;
  border: 0; outline: none; background: transparent;
  font: 400 15.5px/1 var(--font-ui); color: var(--ink-nav);
}
.ppc-q__input::-webkit-search-cancel-button { display: none; }
.ppc-q__box:focus-within { border-color: #b8c3ff; }
.ppc-q__go {
  flex: none; height: 38px; padding: 0 16px;
  border: 0; border-radius: 19px; background: var(--brand); color: #fff;
  font: 500 13.5px/1 var(--font-ui); cursor: pointer;
  transition: background-color .15s ease;
}
.ppc-q__go:hover { background: #1b3be0; }
.ppc-q__go:focus-visible, .ppc-chip:focus-visible, .ppc-cap__send:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.ppc-q__chips { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; max-width: 920px; }
.ppc-q__try { margin-right: 4px; font: 500 12px/1 var(--font-ui); color: #6b7280; }
.ppc-chip {
  height: 28px; padding: 0 11px;
  border-radius: 14px; border: 1px solid var(--gk-line); background: #fff;
  font: 400 12.5px/1 var(--font-ui); color: var(--ink-nav); cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.ppc-chip:hover { background: #f7f8fb; }
.ppc-chip[aria-pressed="true"] { border-color: #b8c3ff; background: #f2f4ff; color: var(--brand); }

.ppc-flow {
  display: grid; grid-template-columns: minmax(0, 4.3fr) 72px minmax(0, 7fr); align-items: center;
  margin-top: 28px;
}

.ppc-serp { display: flex; flex-direction: column; padding: 14px 18px 0; min-height: 330px; }
.ppc-serp__tabs { display: flex; gap: 16px; padding-bottom: 10px; border-bottom: 1px solid #f0f1f3; font: 400 11.5px/1 var(--font-ui); color: #70757a; }
.ppc-serp__tabs b { font-weight: 500; color: var(--serp-link); box-shadow: inset 0 -2px 0 var(--serp-link); padding-bottom: 8px; margin-bottom: -10px; }
.ppc-serp__tabs i { font-style: normal; }
.ppc-serp__ads { display: grid; min-height: 140px; padding: 14px 0 12px; }
.ppc-ad { grid-area: 1 / 1; display: none; flex-direction: column; min-width: 0; }
.ppc-ad.is-on { display: flex; animation: ppcIn .35s ease both; }
.ppc-ad__spons { font: 700 12px/1 var(--font-ui); color: #202124; }
.ppc-ad__adv { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.ppc-ad__adv i {
  flex: none; width: 22px; height: 22px; border-radius: 50%;
  background: var(--pa-soft);
  background-image: linear-gradient(var(--pa), var(--pa)); background-size: 9px 9px; background-position: center; background-repeat: no-repeat;
}
.ppc-ad__adv span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ppc-ad__adv b { font: 500 12px/1 var(--font-ui); color: #202124; }
.ppc-ad__adv em { font: 400 11px/1 var(--font-ui); font-style: normal; color: #4d5156; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ppc-ad__title { margin-top: 9px; font: 400 16.5px/1.3 var(--font-ui); color: var(--serp-link); text-wrap: pretty; }
.ppc-ad__text { margin-top: 5px; font: 400 12.5px/1.5 var(--font-ui); color: var(--serp-text); }
.ppc-ad__none { align-self: center; font: 400 13px/1.5 var(--font-ui); color: #70757a; }
.ppc.is-click .ppc-ad.is-on .ppc-ad__title { text-decoration: underline; text-underline-offset: 2px; }
.ppc-serp__org { display: grid; gap: 6px; padding: 12px 0; border-top: 1px solid #f3f4f6; }
.ppc-serp__org i { width: 38%; height: 6px; border-radius: 3px; background: #e4e6ea; }
.ppc-serp__org b { width: 86%; height: 9px; border-radius: 4px; background: #d9def7; }
.ppc-serp__org b.short { width: 64%; height: 6px; background: #eceef1; }
.ppc-serp__kw {
  margin-top: auto; padding: 11px 0 12px;
  border-top: 1px solid #f0f1f3;
  font: 400 11px/1.45 var(--font-ui); color: #7d818c;
}
.ppc-serp__kw b { font-weight: 500; color: var(--ink-nav); }

.ppc-hand { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ppc-hand svg { width: 52px; height: 14px; fill: none; stroke: #8aa0ff; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ppc-hand__pill {
  padding: 4px 7px; border-radius: 6px; background: #fff; border: 1px solid #c7d2ff;
  font: 500 10.5px/1 ui-monospace, "SF Mono", Menlo, monospace; color: var(--brand);
}
.ppc.is-click .ppc-hand__pill { animation: ppcPill .7s cubic-bezier(.4, 0, .2, 1) both; }

.ppc-win { display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.ppc-win__bar {
  display: flex; align-items: center; gap: 10px; flex: none;
  height: 32px; padding: 0 10px;
  border-bottom: 1px solid #f0f1f3;
}
.ppc-win__dots { display: flex; gap: 4px; flex: none; }
.ppc-win__dots i { width: 7px; height: 7px; border-radius: 50%; background: #e3e5ea; }
.ppc-win__url {
  flex: 1; min-width: 0; display: flex; align-items: center; gap: 5px;
  height: 20px; padding: 0 8px; border-radius: 6px; background: #f4f5f7;
  font: 400 10.5px/1 var(--font-ui); color: #6b7280;
}
.ppc-win__url svg { flex: none; width: 10px; height: 10px; fill: none; stroke: #16a34a; stroke-width: 1.3; stroke-linejoin: round; }
.ppc-win__url span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ppc-win__match {
  flex: none; padding: 4px 7px; border-radius: 6px;
  background: #f2f4ff; color: var(--brand);
  font: 500 10.5px/1 var(--font-ui);
}
.ppc-win__page { position: relative; height: 292px; font-size: 10px; overflow: hidden; }
.ppc-page { position: absolute; inset: 0; visibility: hidden; opacity: 0; transition: opacity .35s ease, visibility 0s linear .35s; }
.ppc-page.is-on { visibility: visible; opacity: 1; transition: opacity .35s ease; }

.ppc-cap {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px;
  padding: 10px 12px 11px;
  border-top: 1px solid #eef0f3; background: #fafbfc;
}
.ppc-cap__label { margin: 0; font: 500 10px/1 var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: #8b8f9a; }
.ppc-cap__list { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
.ppc-cap__list li {
  display: inline-flex; align-items: center; gap: 6px;
  height: 22px; padding: 0 7px; border-radius: 6px;
  background: #fff; border: 1px solid #dfe5ff;
  font: 400 10.5px/1 ui-monospace, "SF Mono", Menlo, monospace;
}
.ppc-cap__list li[hidden] { display: none; }
.ppc-cap__list span { color: #7d818c; }
.ppc-cap__list li { max-width: 100%; min-width: 0; }
.ppc-cap__list span { flex: none; }
.ppc-cap__list b { min-width: 0; font-weight: 500; color: var(--ink-nav); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ppc-cap__list b.is-new { animation: ppcFlash 1.1s ease; }
.ppc-cap__tok { border-style: dashed !important; border-color: #a5b4ff !important; }
.ppc-cap__send {
  flex: none; height: 28px; padding: 0 11px; margin-left: auto;
  border-radius: 7px; border: 1px solid var(--gk-line); background: #fff;
  font: 500 12px/1 var(--font-ui); color: var(--ink-nav); cursor: pointer;
  transition: background-color .15s ease;
}
.ppc-cap__send:hover { background: #f4f5f8; }

.ppc-leads { margin-top: 18px; overflow: hidden; }
.ppc-leads__head { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #f0f1f3; }
.ppc-leads__title { font: 600 14px/1 var(--font-ui); color: #0f1115; }
.ppc-leads__count { padding: 4px 7px; border-radius: 6px; background: #f3f4f6; font: 400 11.5px/1 var(--font-ui); color: #6b7280; }
.ppc-leads__count b { font-weight: 500; color: var(--ink-nav); font-variant-numeric: tabular-nums; }
.ppc-leads__range { margin-left: auto; font: 400 11.5px/1 var(--font-ui); color: #8b8f9a; }
.ppc-leads__wrap { overflow: hidden; }
.ppc-leads__table { width: 100%; border-collapse: collapse; font: 400 12.5px/1.2 var(--font-ui); }
.ppc-leads__table th {
  padding: 9px 16px; text-align: left; white-space: nowrap;
  font: 400 11px/1 var(--font-ui); color: #8b8f9a;
  border-bottom: 1px solid #f0f1f3;
}
.ppc-leads__table td { padding: 10px 16px; height: 40px; color: var(--ink-nav); white-space: nowrap; border-bottom: 1px solid #f4f5f7; }
.ppc-leads__table tbody tr:last-child td { border-bottom: 0; }
.ppc-leads__table tr.is-new td { animation: ppcRow 1.6s ease; }
.ppc-num { font-variant-numeric: tabular-nums; color: #6b7280 !important; }
.ppc-path { color: var(--pa-dark) !important; font-weight: 500; }
.ppc-mono { font: 400 11.5px/1 ui-monospace, "SF Mono", Menlo, monospace; color: #4f5461 !important; }
.ppc-sent { display: flex; gap: 6px; }
.ppc-sent span { position: relative; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; border: 1px solid #eef0f3; background: #fff; }
.ppc-sent img { width: 13px; height: 13px; }
.ppc-sent svg {
  position: absolute; right: -4px; bottom: -4px; width: 11px; height: 11px;
  border-radius: 50%; background: #16a34a; padding: 1.5px;
  fill: none; stroke: #fff; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round;
}

@keyframes ppcIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes ppcPill { 0% { transform: translateX(-14px); opacity: .4; } 60% { transform: translateX(14px); opacity: 1; } 100% { transform: none; } }
@keyframes ppcFlash { 0%, 40% { background: #e6ebff; } 100% { background: transparent; } }
@keyframes ppcRow { 0%, 30% { background: #f2f4ff; } 100% { background: transparent; } }

.ppl { display: flex; flex-direction: column; height: 100%; background: #fff; font-family: var(--font-ui); }
.ppl__nav {
  display: flex; align-items: center; gap: 1.4em; flex: none;
  height: 3.4em; padding: 0 1.8em;
  border-bottom: 1px solid #f1f2f4;
}
.ppl__logo { display: inline-flex; align-items: center; gap: .55em; }
.ppl__logo i { width: 1.3em; height: 1.3em; border-radius: .35em; background: var(--pa); }
.ppl__logo b { width: 4.8em; height: .6em; border-radius: .3em; background: #1f2937; opacity: .75; }
.ppl__links { display: inline-flex; gap: 1em; margin-left: auto; }
.ppl__links b { width: 2.6em; height: .45em; border-radius: .25em; background: #d6d9df; }
.ppl__phone { display: inline-flex; align-items: center; gap: .4em; font: 600 1.05em/1 var(--font-ui); color: var(--pa-dark); white-space: nowrap; }
.ppl__phone svg, .ppl__dial svg { width: 1.15em; height: 1.15em; fill: currentColor; }

.ppl__hero {
  flex: 1; min-height: 0;
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.6em; align-items: center;
  padding: 1.8em 2em 1.8em 2.2em;
  background: var(--pa-tint);
}
.ppl__copy { display: flex; flex-direction: column; min-width: 0; }
.ppl__kicker {
  align-self: flex-start;
  padding: .35em .65em; border-radius: .4em; background: var(--pa-soft);
  font: 600 .78em/1 var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--pa-dark);
}
.ppl__h { margin-top: .6em; font: 700 2.05em/1.12 var(--font-ui); letter-spacing: -.022em; color: #10221b; text-wrap: balance; }
.ppl__tok { box-shadow: inset 0 -.1em 0 rgb(35 71 255 / .55); }
.ppl__sub { margin-top: .6em; font: 400 1em/1.45 var(--font-ui); color: #5b6560; }
.ppl__card {
  display: grid; gap: .6em;
  margin-top: 1.1em; padding: .8em;
  border-radius: .8em; background: #fff; border: 1px solid #e1ebe6;
}
.ppl__fields { display: grid; grid-template-columns: 1fr 1fr; gap: .5em; }
.ppl__field {
  display: flex; align-items: center; height: 2.6em; padding: 0 .8em;
  border-radius: .5em; border: 1px solid #e5e7eb;
  font: 400 .92em/1 var(--font-ui); color: #9ca3af; white-space: nowrap; overflow: hidden;
}
.ppl__cta {
  display: grid; place-items: center; height: 2.8em; border-radius: .55em;
  background: var(--pa); color: #fff; font: 600 1em/1 var(--font-ui);
}
.ppl__cta--soft { background: #10221b; }
.ppl__fine { display: flex; align-items: center; gap: .4em; font: 400 .8em/1 var(--font-ui); color: #6b7280; }
.ppl__fine svg { width: 1.1em; height: 1.1em; fill: none; stroke: var(--pa); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.ppl__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35em; }
.ppl__steps i { height: .3em; border-radius: .15em; background: #e5e7eb; }
.ppl__steps i.is-on { background: var(--pa); }
.ppl__step { font: 500 .78em/1 var(--font-ui); color: #6b7280; }
.ppl__q { font: 600 1.25em/1.2 var(--font-ui); color: #10221b; }
.ppl__opts { display: grid; grid-template-columns: 1fr 1fr; gap: .45em; }
.ppl__opt {
  display: flex; align-items: center; gap: .5em; height: 2.6em; padding: 0 .7em;
  border-radius: .5em; border: 1px solid #e5e7eb;
  font: 500 .92em/1 var(--font-ui); color: #374151; white-space: nowrap;
}
.ppl__opt i { flex: none; width: .9em; height: .9em; border-radius: 50%; border: 1px solid #c9ced6; }
.ppl__opt.is-picked { border-color: var(--pa); background: #ecf7f2; }
.ppl__opt.is-picked i { border: .28em solid var(--pa); }

.ppl__dial {
  display: flex; align-items: center; justify-content: center; gap: .5em;
  height: 3em; border-radius: .6em; background: var(--pa); color: #fff;
  font: 700 1.15em/1 var(--font-ui);
}
.ppl__or { text-align: center; font: 400 .8em/1 var(--font-ui); color: #8b8f9a; }

.ppl__art { display: grid; place-items: center; min-width: 0; }
.ppl__art svg { width: 100%; max-width: 22em; height: auto; }
.ppl-a__disc { fill: var(--pa-soft); }
.ppl-a__box { fill: #d9b382; }
.ppl-a__box--lt { fill: #e8c999; }
.ppl-a__tape { fill: none; stroke: #c49a66; stroke-width: 2; }
.ppl-a__body { fill: var(--pa); }
.ppl-a__mark { fill: #fff; opacity: .85; }
.ppl-a__mark--lt { opacity: .5; }
.ppl-a__cab { fill: var(--pa-dark); }
.ppl-a__glass { fill: #cfe9df; }
.ppl-a__ground { fill: none; stroke: #cbd6d0; stroke-width: 2; stroke-linecap: round; }
.ppl-a__wheel { fill: #1f2937; }
.ppl-a__hub { fill: #e5e7eb; }
.ppl-a__tag { fill: #fff; stroke: var(--pa); stroke-width: 2; stroke-linejoin: round; }
.ppl-a__hole { fill: var(--pa); }
.ppl--quiz .ppl-a__mark { fill: var(--pa); opacity: 1; }
.ppl-a__ring { fill: none; stroke: #c4e6d6; stroke-width: 6; }
.ppl-a__face { fill: #fff; stroke: var(--pa); stroke-width: 3; }
.ppl-a__hand { fill: none; stroke: var(--pa-dark); stroke-width: 4; stroke-linecap: round; }

.ppc-acct__cells { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }

.ppc-tree { display: flex; flex-direction: column; padding: 32px; }
.ppc-tree__camp { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; }
.ppc-tree__ico { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 9px; border: 1px solid var(--gk-line); background: #fff; }
.ppc-tree__ico img { width: 16px; height: 16px; }
.ppc-tree__camp > span:last-child { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ppc-tree__camp b { font: 500 15px/1.2 var(--font-ui); color: var(--ink-nav); }
.ppc-tree__camp em { font: 400 12.5px/1.3 var(--font-ui); font-style: normal; color: var(--gk-soft); }
.ppc-tree__list { margin: 0; padding: 0 0 0 16px; border: 0; border-left: 1px solid var(--gk-line); display: grid; gap: 4px; }
.ppc-ag {
  position: relative;
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 10px;
  padding: 11px 12px; border-radius: 10px; border: 1px solid transparent;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.ppc-ag[hidden] { display: none; }
.ppc-ag::before { content: ""; position: absolute; left: -17px; top: 21px; width: 12px; border-top: 1px solid var(--gk-line); }
.ppc-ag:hover { background: var(--gk-tint); }
.ppc-ag:has(:checked) { background: #f4f6ff; border-color: #d3dbff; }
.ppc-ag:has(:focus-visible) { outline: 2px solid var(--brand); outline-offset: 2px; }
.ppc-ag__radio { position: absolute; opacity: 0; pointer-events: none; }
.ppc-ag__dot { width: 14px; height: 14px; margin-top: 2px; border-radius: 50%; border: 1px solid #c9ced6; background: #fff; }
.ppc-ag:has(:checked) .ppc-ag__dot { border: 4px solid var(--brand); }
.ppc-ag__main { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ppc-ag__main b { font: 500 14px/1.2 var(--font-ui); color: var(--ink-nav); }
.ppc-ag__kws { display: flex; flex-wrap: wrap; gap: 4px; }
.ppc-ag__kws code {
  padding: 3px 6px; border-radius: 5px; background: #f3f4f6;
  font: 400 11px/1.2 ui-monospace, "SF Mono", Menlo, monospace; color: #4f5461;
}
.ppc-ag:has(:checked) .ppc-ag__kws code { background: #fff; }
.ppc-ag__path { margin-top: 2px; font: 500 12px/1 ui-monospace, "SF Mono", Menlo, monospace; color: var(--gk-soft); }
.ppc-ag.is-new { animation: ppcRow 1.8s ease; }
.ppc-tree__dup {
  align-self: flex-start; display: inline-flex; align-items: center; gap: 8px;
  margin: 14px 0 0 16px; height: 34px; padding: 0 12px;
  border-radius: 8px; border: 1px dashed #b8c3ff; background: #fff;
  font: 500 13px/1 var(--font-ui); color: var(--brand); cursor: pointer;
  transition: background-color .15s ease;
}
.ppc-tree__dup[hidden] { display: none; }
.ppc-tree__dup:hover { background: #f4f6ff; }
.ppc-tree__dup:disabled { border-style: solid; border-color: var(--gk-line); color: var(--gk-soft); cursor: default; background: #fff; }
.ppc-tree__dup svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linejoin: round; }
.ppc-tree__dup:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.ppc-tree__hint { margin: auto 0 0; padding-top: 20px; font: 400 12.5px/1.45 var(--font-ui); color: var(--gk-grey); }

.ppc-acct__view { display: flex; flex-direction: column; padding: 32px; }
.ppc-acct__sk {
  position: relative; flex: 1; min-height: 470px; overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 96px), transparent calc(100% - 4px));
  mask-image: linear-gradient(to bottom, #000 calc(100% - 96px), transparent calc(100% - 4px));
}
.ppc-acct__sk > .sk-frame { position: absolute; inset: 0 0 -24px; }
.ppc-acct__sk .sk-frame__in { display: grid; padding: 20px; }
.ppc-acct__show { grid-area: 1 / 1; display: none; flex-direction: column; gap: 12px; min-width: 0; }
.ppc-acct:has(input[value="long"]:checked) [data-show="long"],
.ppc-acct:has(input[value="cost"]:checked) [data-show="cost"],
.ppc-acct:has(input[value="local"]:checked) [data-show="local"],
.ppc-acct:has(input[value="same"]:checked) [data-show="same"],
.ppc-acct:has(input[value="piano"]:checked) [data-show="piano"] { display: flex; animation: ppcIn .35s ease both; }
.ppc-sad { display: grid; gap: 9px; padding: 14px 16px 15px; border-radius: 10px; border: 1px solid var(--sk-edge); }
.ppc-sad__adv { display: flex; align-items: center; gap: 8px; }
.ppc-sad__title { font: 500 15px/1.35 var(--font-ui); color: var(--sk-ink); text-wrap: pretty; }
.ppc-acct__link { display: flex; align-items: center; gap: 6px; padding-left: 4px; font: 400 11.5px/1 var(--font-ui); color: var(--sk-mute); white-space: nowrap; }
.ppc-acct__link svg { flex: none; width: 13px; height: 13px; fill: none; stroke: var(--sk-faint); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ppc-acct__link b { min-width: 0; font: 500 11.5px/1 var(--sk-mono); color: var(--sk-ink); overflow: hidden; text-overflow: ellipsis; }
.ppc-swin { flex: 1; display: flex; flex-direction: column; min-height: 0; border-radius: 10px; border: 1px solid var(--sk-edge); overflow: hidden; }
.ppc-swin__bar { display: flex; align-items: center; gap: 10px; flex: none; height: 32px; padding: 0 10px; border-bottom: 1px solid var(--sk-edge); }
.ppc-swin__url { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; height: 20px; padding: 0 8px; border-radius: 6px; background: var(--sk-ground); }
.ppc-swin__url .sk-ico { width: 10px; height: 10px; }
.ppc-swin__match { flex: none; padding: 4px 7px; border-radius: 5px; background: var(--sk-brand-lo); font: 500 10px/1 var(--sk-mono); color: var(--sk-brand); }
.ppc-swin__nav { display: flex; align-items: center; gap: 8px; flex: none; height: 36px; padding: 0 18px; border-bottom: 1px solid #f3f3f5; }
.ppc-swin__hero { display: grid; align-content: start; gap: 12px; padding: 22px 18px 20px; max-width: 460px; }
.ppc-swin__h {
  position: relative; justify-self: start; margin: 2px 0 6px -10px; padding: 6px 10px 11px;
  border-radius: 8px; border: 1px solid var(--sk-brand-edge);
  font: 600 20px/1.2 var(--font-ui); letter-spacing: -.02em; color: var(--sk-ink); text-wrap: balance;
}
.ppc-swin__form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 6px; }
.ppc-swin__form span { height: 30px; border-radius: 7px; border: 1px solid var(--sk-edge); }
.ppc-swin__form b { grid-column: 1 / -1; height: 32px; border-radius: 7px; background: #d9defe; }
.ppc-acct.is-dup [data-show="piano"] [data-ppl-h] { animation: ppcSel 2.4s ease .3s both; }
@keyframes ppcSel {
  0%, 70% { outline: 1.5px dashed var(--brand); outline-offset: 3px; background: rgb(35 71 255 / .07); }
  100% { outline: 1.5px dashed transparent; outline-offset: 3px; background: transparent; }
}

.ppc-set { padding: 32px; }
.ppc-sk .sk-frame__in { display: flex; flex-direction: column; gap: 8px; }
.ppc-sk__head { display: flex; align-items: center; height: 16px; margin-bottom: 2px !important; }
.ppc-sk__row {
  position: relative; display: flex; align-items: center; gap: 8px;
  height: 34px; padding: 0 10px; border-radius: 8px; border: 1px solid #f1f1f4;
  font: 400 12.5px/1 var(--font-ui); color: var(--sk-ink); white-space: nowrap;
}
.ppc-sk__row b { min-width: 0; font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.ppc-sk__row .sk-ico { width: 13px; height: 13px; }
.ppc-sk__row .sk-tick, .ppc-sk__row .sk-toggle { margin-left: auto; }
.ppc-sk__row.is-pick { margin-bottom: 4px; }
.ppc-sk__val { margin-left: auto; min-width: 0; font: 400 11.5px/1 var(--font-ui); color: var(--sk-mute); overflow: hidden; text-overflow: ellipsis; }
.ppc-sk__code { padding: 8px 10px; border-radius: 8px; background: var(--sk-ground); font: 400 10.5px/1.4 var(--sk-mono); color: var(--sk-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ppc-sk__lines { position: relative; display: grid; gap: 8px; padding: 12px; border-radius: 9px; border: 1px solid #f1f1f4; }
.ppc-sk__lines code { font: 500 11px/1.3 var(--sk-mono); color: var(--sk-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ppc-step { display: flex; flex-direction: column; padding: 32px 28px; }
.ppc-dk .sk-frame__in { display: flex; flex-direction: column; gap: 8px; padding: 16px 14px 0; }
.ppc-dk__head { display: flex; align-items: center; gap: 7px; height: 16px; margin-bottom: 2px !important; }
.ppc-dk__head img { width: 12px; height: 12px; }
.ppc-dk__mark { width: 16px; height: 16px; border-radius: 4px; }
.ppc-dk__mark svg { width: 5px; }
.ppc-dk__ad { display: grid; gap: 7px; padding: 10px; border-radius: 8px; border: 1px solid #f1f1f4; }
.ppc-dk__title { --h: 8px; }
.ppc-dk__row {
  position: relative; display: flex; align-items: center; gap: 7px; min-width: 0;
  height: 32px; padding: 0 9px; border-radius: 8px; border: 1px solid #f1f1f4;
  font: 400 11px/1 var(--sk-mono); color: var(--sk-mute); white-space: nowrap;
}
.ppc-dk__row.is-pick { margin-bottom: 4px; color: var(--sk-ink); }
.ppc-dk__row code { min-width: 0; overflow: hidden; text-overflow: ellipsis; font: inherit; }
.ppc-dk__row code span { color: var(--sk-mute); }
.ppc-dk__row .sk-ico { width: 12px; height: 12px; color: var(--sk-faint); }
.ppc-dk__row b { font-weight: 500; color: var(--sk-ink); }
.ppc-dk__row .sk-tick { margin-left: auto; width: 16px; height: 16px; }
.ppc-dk__row .sk-tick svg { width: 9px; height: 9px; }
.ppc-dk__row > mark { margin-left: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ppc-dk__row > mark:first-child { margin-left: -4px; }
.ppc-dk__won { margin-left: auto; font: 500 13px/1 var(--font-ui) !important; font-variant-numeric: tabular-nums; }
.ppc-deal mark {
  padding: 2px 4px; border-radius: 4px;
  background: transparent; color: inherit; font: inherit; font-weight: 500;
  transition: background-color .5s ease calc(.2s + var(--k, 0) * .45s), color .5s ease calc(.2s + var(--k, 0) * .45s);
}
.ppc-step.is-in mark { background: var(--sk-brand-lo, rgb(35 71 255 / .07)); color: var(--brand); }
.ppc-step__where { display: flex; align-items: baseline; gap: 10px; margin: 20px 0 0; font: 500 12.5px/1 var(--font-ui); color: var(--gk-soft); }
.ppc-step__where span { font: 500 11.5px/1 ui-monospace, "SF Mono", Menlo, monospace; color: #b4b7bf; }
.ppc-step .gk-cell__title { margin-top: 12px; }
.ppc-deal__note { margin: 0 auto; padding: 20px 32px; font: 400 13px/1.5 var(--font-ui); color: var(--gk-grey); }

@media (max-width: 1100px) {
  .ppc { padding: 24px 20px 24px; }
  .ppc-flow { grid-template-columns: minmax(0, 4fr) 56px minmax(0, 6fr); }
  .ppc-win__page { font-size: 8.8px; height: 262px; }
  .ppc-deal__cells { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ppc-deal__cells > :nth-child(3) { border-left: 0; }
  .ppc-deal__cells > :nth-child(n + 3) { border-top: 1px solid var(--rail); }
}
@media (max-width: 900px) {
  .ppc-stage { padding: 16px; }
  .ppc { padding: 18px 14px 16px; }
  .ppc-flow { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .ppc-serp { min-height: 0; }
  .ppc-serp__org { display: none; }
  .ppc-hand { flex-direction: row; justify-content: center; height: 44px; }
  .ppc-hand svg { width: 14px; height: 30px; transform: rotate(90deg); width: 30px; height: 14px; }
  .ppc-win__page { font-size: 10px; height: 292px; }
  .ppc-tree, .ppc-acct__view, .ppc-set, .ppc-step { padding: 24px; }
  .ppc-acct__view { padding-top: 0; border-top: 0 !important; }
  .ppc-acct__sk { min-height: 440px; }
  .ppc-deal__cells > * { border-left: 0 !important; }
  .ppc-deal__cells > :nth-child(2) { border-top: 1px solid var(--rail); }
}
@media (max-width: 640px) {
  .ppc-q__box { height: 46px; padding-left: 14px; }
  .ppc-q__input { font-size: 15px; }
  .ppc-q__chips { flex-wrap: nowrap; justify-content: flex-start; width: 100%; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
  .ppc-q__chips::-webkit-scrollbar { display: none; }
  .ppc-chip { flex: none; }
  .ppc-win__page { font-size: 7.4px; height: 228px; }
  .ppl__hero { grid-template-columns: minmax(0, 1fr); padding: 1.8em; }
  .ppl__art { display: none; }
  .ppl__links { display: none; }
  .ppl__phone { margin-left: auto; }
  .ppc-cap__hide-s, .ppc-col-m, .ppc-col-g, .ppc-col-s { display: none !important; }
  .ppc-cap__send { margin-left: 0; width: 100%; }
  .ppc-leads__table th, .ppc-leads__table td { padding-left: 12px; padding-right: 12px; }
  .ppc-leads__range { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ppc-ad.is-on, .ppc-acct__show, .ppc.is-click .ppc-hand__pill, .ppc-cap__list b.is-new,
  .ppc-leads__table tr.is-new td, .ppc-ag.is-new, .ppc-acct.is-dup [data-show="piano"] [data-ppl-h] { animation: none !important; }
  .ppc-page { transition: none; }
  .ppc-deal mark { transition: none; }
}