:root {
  --brand-tint:#E8EEFE;
  --mut-2:#8A8F98;
  --line-2:#EDEFF5;
}

.btn-primary {background:var(--brand);color:#fff}
.btn-outline {background:#fff;color:var(--cta-fill);border-color:var(--cta-fill)}
.btn-outline.g-google {color:var(--ink);border-color:var(--line)}
.btn-block {width:100%}
.jd-cta .btn-outline {color:var(--brand);border-color:var(--line)}
.frame.cand:has(.pr-main) {background:#F3F6FE}
.price-top {height:82px;background:#fff;display:flex;align-items:center;padding:0 60px 0 76px;border-bottom:1px solid var(--line)}
.pr-main {padding:44px 72px 60px;background:#F3F6FE}
.pr-hero {text-align:center;margin-bottom:30px}
.pr-hero h1 {font-family:var(--font-head);font-weight:800;font-size:40px;margin:0 0 12px}
.pr-hero p {color:var(--mut);font-size:16px;margin:0 auto 22px;max-width:640px}
.pr-toggle {display:inline-flex;background:var(--brand-tint);border-radius:999px;padding:5px}
.pr-toggle span {padding:8px 22px;border-radius:999px;font-size:14px;font-weight:600;color:var(--brand)}
.pr-toggle button {padding:13.5px 22px;border-radius:999px;font-size:14px;font-weight:600;color:var(--cta-fill)}
.pr-toggle button {font-family:inherit;font-style:inherit;letter-spacing:inherit;line-height:normal;background:none;border:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.pr-toggle .on {background:var(--brand);color:#fff}
.plan-row {display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.plan-name {font-family:var(--font-head);font-weight:800;font-size:22px}
.plan-top {margin-bottom:12px}
.plan-sub {color:var(--mut);font-size:16px;line-height:1.5;margin-bottom:22px;min-height:44px}
.plan-price {font-size:16px;color:var(--mut);margin-bottom:20px}
.plan-price b {font-size:34px;color:var(--ink);font-family:var(--font-head)}
.plan .btn-block {margin-bottom:22px}
.plan-head {font-weight:700;font-size:14.5px;margin-bottom:14px}
.plan-bul {list-style:none;margin:0;padding:0}
.plan-bul li {display:flex;align-items:flex-start;gap:10px;font-size:16px;color:var(--ink);margin-bottom:12px}
.plan-bul li svg {color:#1F9254;flex:none;margin-top:1px}
.plan.feat .plan-sub::before {content:"";float:right;width:86px;height:62px;shape-outside:polygon(0 0,100% 0,100% 100%)}
.cmp {background:transparent}
.cmp-head, .cmp-row {display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;align-items:center}
.cmp-head {padding:14px 8px;font-weight:700;font-size:16px;border-bottom:1px solid var(--line)}
.cmp-head span:not(:first-child), .cmp-row span:not(.cmp-feat) {text-align:center}
.cmp-sec {display:flex;align-items:center;justify-content:space-between;font-weight:800;font-family:var(--font-head);font-size:16px;padding:22px 8px 12px;border-bottom:1px solid var(--line)}
.cmp-sec svg {color:var(--mut)}
.cmp-row {padding:14px 8px;font-size:14.5px;border-bottom:1px solid var(--line-2)}
.cmp-feat {color:var(--ink);display:flex;align-items:flex-start;gap:8px;padding-inline-end:20px}
.cmp-i {width:15px;height:15px;border-radius:50%;border:1px solid var(--mut-2);color:var(--mut-2);font-size:10px;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:2px}
.cmp-ck svg {color:#1F9254}
.cmp-dash {color:var(--mut-2)}
.cmp-txt {color:var(--ink);font-size:14px}
.cd-bcta .btn-outline {color:var(--brand);border-color:#C7D6FB}
.ai-modal .pr-toggle {display:flex;width:max-content;margin:0 auto 22px}
.plan-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.pm-cards .plan .plan-sub {min-height:44px}
.pr-cmp-h {color:var(--ink);font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0}
.pr-cmp-h::before, .pr-cmp-h::after {content:"";height:1px;flex:1;max-width:210px;background:var(--line)}
.cmp-chev {display:inline-flex;align-items:center}
.cmp-chev svg {display:block}
.plan-row.ewz-plans {box-shadow:0 6px 22px rgba(18,26,64,.09)}
.sb-usage .btn-outline, .sb-availcard .btn-outline {color:var(--brand);border-color:#C9D8FB}
.mkt-signup .btn-block {width:100%;justify-content:center;padding:13px}
.cmp-row .cmp-txt {text-align:center}
.cauth .plan .btn-outline {color:var(--brand);border-color:var(--brand)}
.ad-tb .btn-outline {color:var(--brand);border-color:#C9D8FB}
.res-actions .btn-outline {border-color:#C9D8FB}
.cd-jd-cta .btn-primary {flex:1;justify-content:center}
.mp-bl .btn-outline {color:var(--brand);border-color:var(--brand)}
.msg-offer .btn-outline {color:var(--brand);border-color:var(--brand)}
.cms-gate .btn-primary {width:430px;margin:0 auto;display:flex;align-items:center;justify-content:center;height:54px;font-size:16px}
.jsk-fxb .btn-outline {border-color:#9DB6F7}
.tp-toolbar .btn-primary {height:52px;box-sizing:border-box;display:inline-flex;align-items:center}
.page .btn-primary, .page .btn-outline:not(.g-google), .pr-toggle button {
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.page .btn-primary:hover { background: #0F3080; transform: translateY(-1px); box-shadow: var(--cta-shadow); }
.page .btn-outline:not(.g-google):hover { background: #C9D8FB; color: var(--cta-press); border-color: var(--cta-press); transform: translateY(-1px); box-shadow: var(--cta-shadow); }
.pr-toggle button:not(.on):hover { background: #C9D8FB; color: var(--cta-press); }
.pr-toggle button.on:hover { background: #0F3080; }
html .page .btn-primary:active, html .pr-toggle button.on:active { background: #0A245C; transform: none; box-shadow: none; }
html .page .btn-outline:not(.g-google):active { background: #B1C6F5; color: #143C96; transform: none; box-shadow: none; }
html .page.fin.mkt .mkt-ctaband .btn-solid:hover { background: #C9D8FB; color: var(--cta-press); }
html .page.fin.mkt .mkt-ctaband .btn-solid:active { background: #B1C6F5; color: #143C96; }
@media (prefers-reduced-motion: reduce) {
  .page .btn-primary, .page .btn-outline:not(.g-google), .pr-toggle button { transition: none; }
  .page .btn-primary:hover, .page .btn-outline:not(.g-google):hover { transform: none; }
}

.mkt-cta.lrb .btn-primary {background:#fff;color:var(--brand)}
.lr-planfx .btn-outline {border:1.5px solid #9DB6F7;color:var(--brand)}
.lr-togfx .pr-toggle {display:inline-grid;grid-template-columns:1fr 1fr;gap:5px}
.lr-togfx .pr-toggle span {display:flex;align-items:center;justify-content:center;padding:8px 30px}
.cms-jobcard .cms-jc-acts .btn-primary {font-size:11px;padding:7px 13px;border-radius:8px;gap:5px}
.cms-jobcard .cms-jc-acts .btn-primary svg {width:11px;height:11px}
.plan{padding:28px 28px 32px;border-inline-end:1px solid var(--line);position:relative}
.plan:last-child{border-inline-end:none}
.popular{position:absolute;top:34px;right:-54px;left:auto;width:200px;transform:rotate(45deg);transform-origin:center;background:#F5853F;color:#fff;text-align:center;font-family:var(--font-head);font-size:11.5px;font-weight:700;letter-spacing:.01em;padding:6px 0;box-shadow:0 2px 6px rgba(15,23,42,.18);z-index:3;white-space:nowrap}
.page h2.pr-cmp-h {margin:28px 0}
.popular{text-transform:none}
.pr-main .btn, .cms-ctas .btn, .cms-hcsearch .btn {gap:10px;border-radius:12px;padding:16px 24px;line-height:1.1}
.cmp .cmp-row {border-bottom-color:var(--viz-tint)}
.cmp .cmp-head {border-bottom:2px solid var(--viz-tint)}
.cmp .cmp-sec {background:var(--tint);border-bottom:2px solid var(--viz-tint)}
.cmp .cmp-row {transition:background-color .15s ease}
.cmp .cmp-row:hover {background-color:var(--accent-bg)}
.cmp .cmp-row:hover .cmp-dash {color:var(--ink-2)}
@media (prefers-reduced-motion: reduce) {
  .cmp .cmp-row {transition:none}
}
.cmp .cmp-dash {color:var(--mut)}
.cmp .cmp-head, .cmp .cmp-sec, .cmp .cmp-row {padding-inline:29px}
.cmp .cmp-sec {border-radius:8px}
.cmp .cmp-row:hover {border-radius:8px}
.cmp .cmp-sec {border-bottom-color:transparent;margin-block:8px}
.cmp .cmp-row:hover {border-bottom-color:transparent}
.cmp .cmp-row:has(+ .cmp-row:hover) {border-bottom-color:transparent}
