/* Professional product components */

.w2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 40px;
  height: auto;
  width: auto;
  flex: 0 0 auto;
  padding: 0.5rem 0.95rem;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 0.875rem;
  font-weight: 580;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.2;
  white-space: nowrap;
}

.w2-btn:focus-visible,
.w2-input:focus-visible,
.w2-filter:focus-visible,
.w2-nav__link:focus-visible,
.w2-dock__menu:focus-visible,
.w2-dock__cta:focus-visible,
.w2-link-signin:focus-visible,
.w2-nav__toggle:focus-visible,
.w2-theme-toggle:focus-visible,
.w2-icon-btn:focus-visible,
.w2-mega-cats button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.w2-btn--primary {
  background: var(--color-primary);
  color: var(--color-on-primary);
}

.w2-btn--primary:hover {
  background: var(--color-primary-hover);
  color: var(--color-on-primary);
}

.w2-btn--secondary,
.w2-btn--ghost {
  background: var(--color-surface);
  color: var(--color-text);
  border-color: var(--color-border);
}

.w2-btn--secondary:hover,
.w2-btn--ghost:hover {
  background: var(--color-surface-alt);
  color: var(--color-text);
}

.w2-search {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 0.2rem 0.2rem 0.2rem 0.85rem;
  border-radius: 8px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
}

.w2-search .w2-input {
  flex: 1 1 auto;
  min-width: 0;
}

.w2-search .w2-btn {
  flex: 0 0 auto;
}

.w2-input {
  flex: 1;
  min-height: 40px;
  padding: 0.35rem 0.25rem;
  border: 0;
  background: transparent;
  color: var(--color-text);
  font-size: var(--text-body);
}

.w2-input:focus {
  outline: none;
}

.w2-search:focus-within {
  border-color: var(--color-focus-ring);
  box-shadow: var(--shadow-focus);
}

.w2-input::placeholder {
  color: var(--color-placeholder);
}

.w2-card {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 1.15rem 1.15rem 1.05rem;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  min-width: 0;
  height: 100%;
  color: inherit;
}

.w2-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.w2-btn--link {
  background: transparent;
  color: var(--color-accent);
  border: 0;
  padding-inline: 0.35rem;
  font-weight: 700;
}

.w2-card:hover {
  border-color: var(--color-border-strong);
}

.w2-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.w2-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.5rem;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 580;
  letter-spacing: 0.02em;
  background: var(--color-surface-alt);
  color: var(--color-text-muted);
}

.w2-pill--free {
  background: var(--color-pill-free-bg);
  color: var(--color-success);
}

.w2-pill--paid {
  background: var(--color-pill-paid-bg);
  color: var(--color-pill-paid-fg);
}

.w2-pill--signin {
  background: var(--color-pill-signin-bg);
  color: var(--color-warning);
}

.w2-pill--danger {
  background: rgba(234, 67, 53, 0.12);
  color: #c5221f;
}

.w2-pill--warn {
  background: rgba(251, 188, 5, 0.18);
  color: #8a6d00;
}

.w2-card__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 620;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: left;
}

.w2-card__desc {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-small);
  line-height: 1.5;
  flex: 1 1 auto;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: left;
}

.w2-card__hint {
  margin: 0;
  font-size: var(--text-caption);
  color: var(--color-text-muted);
  text-align: left;
}

.w2-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: auto;
  justify-content: flex-start;
}

.w2-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.85rem;
  align-items: stretch;
}

@media (min-width: 720px) {
  .w2-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1080px) {
  .w2-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.w2-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.w2-filter {
  min-height: 34px;
  padding: 0.3rem 0.75rem;
  border-radius: 6px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text-muted);
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 530;
}

.w2-filter:hover {
  color: var(--color-text);
  background: var(--color-surface-alt);
}

.w2-filter.is-active {
  background: var(--color-inverse);
  color: var(--color-on-inverse);
  border-color: var(--color-inverse);
}

.w2-faq {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.w2-faq details,
.w2-faq-item {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  padding: 0;
}

.w2-faq summary {
  cursor: pointer;
  font-weight: 700;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  color: var(--color-text);
}

.w2-faq summary::-webkit-details-marker {
  display: none;
}

.w2-faq summary::after {
  content: "+";
  flex-shrink: 0;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 999px;
  border: 1px solid var(--color-border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

.w2-faq details[open] summary::after,
.w2-faq-item[open] summary::after {
  content: "–";
}

.w2-faq p,
.w2-faq__body {
  margin: 0;
  padding: 0 1.15rem 1.1rem;
  color: var(--color-text-muted);
  line-height: 1.65;
}

.w2-alert {
  padding: 0.9rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

.w2-alert--success {
  border-color: var(--color-brand-green);
  background: var(--color-pill-free-bg);
}

.w2-alert--warning {
  border-color: var(--color-warning);
  background: var(--color-pill-signin-bg);
}

.w2-alert--error {
  border-color: var(--color-error);
  background: color-mix(in srgb, var(--color-error) 10%, var(--color-surface));
}

.w2-alert--info {
  border-color: var(--color-brand-blue);
  background: var(--color-pill-paid-bg);
}

.w2-crumb {
  font-size: 0.875rem;
  margin: 0 0 1.25rem;
}

.w2-crumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  color: var(--color-text-muted);
}

.w2-crumb a {
  color: var(--color-accent);
  text-decoration: none;
}

.w2-crumb a:hover {
  color: var(--color-accent-hover);
}

.w2-crumb li:not(:last-child)::after {
  content: "/";
  margin-left: 0.4rem;
  color: var(--color-border-strong);
}

.w2-crumb [aria-current="page"] {
  color: var(--color-text);
  font-weight: 600;
}

.w2-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.w2-field__label {
  font-size: 0.875rem;
  font-weight: 650;
  color: var(--color-text);
}

.w2-field__hint,
.w2-field__error {
  font-size: 0.8rem;
  margin: 0;
}

.w2-field__hint {
  color: var(--color-text-muted);
}

.w2-field__error {
  color: var(--color-error);
}

.w2-control,
.w2-select,
.w2-textarea {
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--color-border-strong);
  border-radius: 8px;
  background: var(--color-surface);
  color: var(--color-text);
  font-size: 1rem;
  font-family: inherit;
}

.w2-textarea {
  min-height: 6.5rem;
  resize: vertical;
}

.w2-control:focus-visible,
.w2-select:focus-visible,
.w2-textarea:focus-visible,
.w2-dialog__close:focus-visible,
.w2-prompt a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.w2-field.is-invalid .w2-control,
.w2-field.is-invalid .w2-select,
.w2-field.is-invalid .w2-textarea {
  border-color: var(--color-error);
}

.w2-prompt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 1rem 1.15rem;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface-alt);
}

.w2-prompt p {
  margin: 0;
  color: var(--color-text);
  max-width: 46ch;
}

.w2-dialog {
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 0;
  background: var(--color-surface);
  color: var(--color-text);
  max-width: 28rem;
  width: calc(100% - 2rem);
  box-shadow: var(--color-mega-shadow);
}

.w2-dialog::backdrop {
  background: rgba(18, 18, 18, 0.55);
}

.w2-dialog__body {
  padding: 1.25rem 1.25rem 1.1rem;
}

.w2-dialog__body h2 {
  margin: 0 0 0.5rem;
  font-size: 1.15rem;
}

.w2-dialog__body p {
  margin: 0;
  color: var(--color-text-muted);
}

.w2-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.85rem 1.25rem 1.15rem;
}

.w2-toasts {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 80;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: min(22rem, calc(100% - 2rem));
  pointer-events: none;
}

.w2-toasts .w2-alert {
  pointer-events: auto;
  box-shadow: var(--color-mega-shadow);
}

.w2-widget {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.w2-meter {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.w2-meter__bar {
  height: 6px;
  border-radius: 99px;
  background: var(--color-border);
  overflow: hidden;
}

.w2-meter__bar > span {
  display: block;
  height: 100%;
  background: var(--color-brand-green);
  border-radius: inherit;
}

.w2-meter p {
  margin: 0;
  font-size: 0.8rem;
  color: var(--color-text-muted);
}

.w2-meter--exhausted .w2-meter__bar > span {
  background: var(--color-brand-red);
}

.w2-meter--warn .w2-meter__bar > span {
  background: var(--color-warning);
}

.w2-kicker {
  display: block;
  font-size: 0.75rem;
  font-weight: 580;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  margin-bottom: 0.85rem;
}

.w2-tool-hero {
  padding-bottom: 0;
}

.w2-tool-widget {
  padding-top: 1.25rem;
}

.w2-tool-login {
  margin-top: 1rem;
}

.w2-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1rem;
  counter-reset: w2-step;
}

.w2-steps li {
  padding: 1rem 1.1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  counter-increment: w2-step;
}

.w2-steps li::before {
  content: counter(w2-step, decimal-leading-zero);
  display: block;
  font-size: 0.7rem;
  font-weight: 580;
  letter-spacing: 0.08em;
  color: var(--color-text-muted);
  margin-bottom: 0.45rem;
}

.w2-steps li strong {
  display: block;
  margin-bottom: 0.35rem;
}

.w2-steps li p {
  margin: 0;
  color: var(--color-text-muted);
}

.w2-usecases {
  margin: 0;
  padding-left: 1.2rem;
  color: var(--color-text);
}

.w2-usecases li + li {
  margin-top: 0.4rem;
}

.w2-result {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-alt);
}

.w2-result.d-none {
  display: none !important;
}

.w2-result__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.w2-result__row .w2-control {
  flex: 1 1 12rem;
}

.w2-seo-form__row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:stretch}.w2-seo-form__row .w2-input{flex:1 1 16rem}.w2-seo-report{margin-top:1.75rem}.w2-seo-report__score{margin-bottom:1.25rem}.w2-seo-report__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.w2-seo-checks{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.w2-seo-check{border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem;padding:.85rem 1rem;display:grid;gap:.25rem}.w2-seo-check strong{font-size:.95rem}.w2-seo-check span{color:var(--color-text-muted,#64748b);font-size:.9rem;line-height:1.45}.w2-seo-check--pass{border-color:rgba(52,168,83,.45);background:rgba(52,168,83,.06)}.w2-seo-check--fail{border-color:rgba(234,67,53,.4);background:rgba(234,67,53,.05)}@media(max-width:800px){.w2-seo-report__groups{grid-template-columns:1fr}}

.w2-seo-remedy{display:block;margin-top:.35rem;font-style:normal;color:var(--color-text,#111827);font-size:.88rem;line-height:1.45}.w2-seo-issues{margin-top:1.75rem}.w2-seo-issue-list{margin:0;padding:0;list-style:decimal inside;display:grid;gap:.75rem}.w2-seo-issue{border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:.9rem 1rem;display:grid;gap:.3rem}.w2-seo-issue__meta{font-size:.85rem;color:var(--color-text-muted,#64748b);word-break:break-all}.w2-seo-pages{margin-top:1.75rem;display:grid;gap:.65rem}.w2-seo-page{border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:.35rem .85rem .85rem}.w2-seo-page summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem .85rem;align-items:baseline;padding:.55rem 0;font-weight:600}.w2-seo-page__score{display:inline-flex;min-width:2.25rem;justify-content:center;border-radius:.5rem;background:rgba(66,133,244,.12);padding:.15rem .4rem;font-size:.9rem}.w2-seo-page__title{flex:1 1 12rem}.w2-seo-page__meta{color:var(--color-text-muted,#64748b);font-weight:500;font-size:.85rem}

.w2-seo-progress{margin-top:1.25rem;border:1px solid var(--color-border,#e5e7eb);border-radius:.9rem;padding:1rem 1.1rem;background:rgba(66,133,244,.04)}
.w2-seo-progress.is-error{background:rgba(234,67,53,.06);border-color:rgba(234,67,53,.35)}
.w2-seo-progress.is-done{background:rgba(52,168,83,.06);border-color:rgba(52,168,83,.35)}
.w2-seo-progress__head{display:flex;gap:.85rem;align-items:flex-start}
.w2-seo-progress__head p{margin:.25rem 0 0;color:var(--color-text-muted,#64748b)}
.w2-seo-progress__spinner{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid rgba(66,133,244,.25);border-top-color:#4285f4;animation:w2-seo-spin .7s linear infinite;flex:0 0 auto;margin-top:.15rem}
.w2-seo-progress.is-done .w2-seo-progress__spinner,
.w2-seo-progress.is-error .w2-seo-progress__spinner{animation:none;border-color:currentColor;border-top-color:currentColor;opacity:.35}
.w2-seo-progress__bar{margin-top:.9rem;height:.55rem;border-radius:999px;background:rgba(15,23,42,.08);overflow:hidden}
.w2-seo-progress__bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#4285f4,#34a853);transition:width .35s ease}
.w2-seo-progress__meta{margin:.55rem 0 0;font-size:.9rem;color:var(--color-text-muted,#64748b)}
.w2-seo-progress__url{margin:.35rem 0 0;font-size:.82rem;word-break:break-all;color:var(--color-text-muted,#64748b)}
@keyframes w2-seo-spin{to{transform:rotate(360deg)}}

.w2-seo-branding{margin-top:1rem;border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:.65rem 1rem}
.w2-seo-branding summary{cursor:pointer;font-weight:600}
.w2-seo-branding__grid{display:grid;gap:.65rem;margin-top:.75rem}
.w2-seo-audit{margin-top:1.75rem}
.w2-seo-audit__hero{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem}
.w2-seo-audit__score-ring{width:7.25rem;height:7.25rem;border-radius:50%;background:conic-gradient(#4285f4 calc(var(--w2-score,0)*1%),#e5e7eb 0);display:grid;place-items:center;flex:0 0 auto}
.w2-seo-audit__score-value{width:5.35rem;height:5.35rem;border-radius:50%;background:var(--color-surface,#fff);display:grid;place-items:center;font-weight:700;font-size:1.35rem}
.w2-seo-audit__badges{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0 0}
.w2-seo-audit__categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.75rem}
.w2-seo-audit__cat-head{display:flex;justify-content:space-between;gap:.5rem;font-size:.92rem}
.w2-seo-audit__cat-bar{height:.45rem;border-radius:999px;background:rgba(15,23,42,.08);overflow:hidden;margin:.4rem 0 .25rem}
.w2-seo-audit__cat-bar span{display:block;height:100%;background:#4285f4}
.w2-seo-audit__snapshot,.w2-seo-audit__serp,.w2-seo-audit__todo,.w2-seo-audit__checks{margin-top:1.75rem}
.w2-seo-audit__snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:0}
.w2-seo-audit__snapshot-grid dt{font-size:.78rem;color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em}
.w2-seo-audit__snapshot-grid dd{margin:.2rem 0 0;word-break:break-word}
.w2-seo-audit__serp-card{border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:1rem 1.1rem;max-width:38rem}
.w2-seo-audit__serp-title{color:#1a0dab;font-size:1.15rem;margin:0}
.w2-seo-audit__serp-url{color:#006621;font-size:.85rem;margin:.15rem 0}
.w2-seo-audit__serp-desc{margin:.2rem 0 0;color:#4d5156}
.w2-seo-audit__todo-table{display:grid;gap:0;border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;overflow:hidden}
.w2-seo-audit__todo-row{display:grid;grid-template-columns:minmax(0,1fr) 7.5rem 6.5rem;gap:.75rem;padding:.85rem 1rem;border-top:1px solid var(--color-border,#e5e7eb);align-items:start}
.w2-seo-audit__todo-row--head{border-top:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted,#64748b);background:var(--color-surface-alt,#f8fafc)}
.w2-seo-audit__todo-row--error{background:rgba(234,67,53,.05)}
.w2-seo-audit__todo-row--warning{background:rgba(251,188,5,.08)}
.w2-seo-audit__todo-row div{display:grid;gap:.2rem}
.w2-seo-audit__todo-row small{word-break:break-all}
.w2-seo-audit__imp{font-size:.85rem}
.w2-seo-audit__imp--critical,.w2-seo-audit__imp--high{font-weight:650}
.w2-seo-audit__group{border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:.35rem .9rem .9rem;margin-top:.65rem}
.w2-seo-audit__group summary{cursor:pointer;font-weight:600;padding:.55rem 0}
.w2-seo-check--warn{border-color:rgba(251,188,5,.55);background:rgba(251,188,5,.08)}
.w2-seo-observed{display:block;margin-top:.25rem;font-size:.8rem;word-break:break-all}
.w2-redirect-chain{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.65rem}
.w2-redirect-chain li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:.75rem 1rem;word-break:break-all}
.w2-seo-compare-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:.85rem}
.w2-seo-compare__scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1rem 0 1.5rem}
.w2-kw-terms{margin:.5rem 0 0;padding-left:1.2rem;display:grid;gap:.35rem}
@media(max-width:800px){
  .w2-seo-audit__categories,.w2-seo-audit__snapshot-grid,.w2-seo-compare-fields,.w2-seo-compare__scores,.w2-seo-lab,.w2-seo-speed__scores{grid-template-columns:1fr}
  .w2-seo-audit__todo-row{grid-template-columns:1fr}
}
.w2-insights{margin:1.5rem 0}
.w2-insights__list{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.75rem}
.w2-insights__item{border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:.85rem 1rem;display:grid;gap:.25rem}
.w2-insights__item--error{border-color:rgba(234,67,53,.45);background:rgba(234,67,53,.06)}
.w2-insights__item--warning{border-color:rgba(251,188,5,.45);background:rgba(251,188,5,.08)}
.w2-insights__item--pass{border-color:rgba(52,168,83,.4);background:rgba(52,168,83,.06)}
.w2-seo-lab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.25rem;margin:1.75rem 0;align-items:start}
.w2-seo-preview{margin:0}
.w2-seo-preview img{width:100%;height:auto;border:1px solid var(--color-border,#e5e7eb);border-radius:.85rem;background:#0f172a}
.w2-seo-preview figcaption{margin:.45rem 0 0;font-size:.82rem;color:var(--color-text-muted,#64748b)}
.w2-seo-speed__scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:.75rem 0 1rem}
.w2-seo-speed__scores div{border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:.7rem .8rem;display:grid;gap:.2rem}
.w2-seo-speed__scores span{font-size:.78rem;color:var(--color-text-muted,#64748b)}
.w2-seo-speed__scores strong{font-size:1.35rem}
.w2-place-card{border:1px solid var(--color-border,#e5e7eb);border-radius:.85rem;padding:1rem 1.1rem;margin:1rem 0}
.w2-input[rows]{min-height:7rem;resize:vertical}
.w2-og-card{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:.85rem;border:1px solid var(--color-border,#e5e7eb);border-radius:.85rem;overflow:hidden;max-width:36rem}
.w2-og-card img{width:100%;height:100%;object-fit:cover;background:#e5e7eb}
.w2-og-card h4{margin:.15rem 0 .25rem;font-size:1rem}
.w2-og-card__domain{font-size:.78rem;color:var(--color-text-muted,#64748b);text-transform:uppercase}
.w2-heading-outline{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.35rem}
.w2-heading-outline li{display:flex;gap:.6rem;align-items:baseline}
.w2-heading-outline span{font-size:.72rem;color:var(--color-text-muted,#64748b);width:2rem;flex:0 0 auto}
.w2-heading-outline--h2{padding-left:1rem}
.w2-heading-outline--h3{padding-left:2rem}
.w2-heading-outline--h4,.w2-heading-outline--h5,.w2-heading-outline--h6{padding-left:3rem}
.w2-dns-table{margin:1rem 0;display:grid;gap:.5rem}
.w2-dns-table__row{display:grid;grid-template-columns:5rem minmax(8rem,14rem) minmax(0,1fr) 4.5rem;gap:.65rem;align-items:start;border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:.7rem .9rem}
.w2-dns-table__row--head{background:rgba(15,23,42,.04);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted,#64748b)}
.w2-dns-table__row--warn{border-color:rgba(251,188,5,.55);background:rgba(251,188,5,.06)}
.w2-dns-table code,.w2-whois-grid code{display:block;font-size:.82rem;word-break:break-all;margin:.1rem 0}
.w2-whois-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1rem 0}
.w2-whois-grid div{border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;padding:.8rem .95rem}
.w2-whois-grid dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted,#64748b);margin:0 0 .25rem}
.w2-whois-grid dd{margin:0;line-height:1.45}
.w2-tech-pills{list-style:none;margin:.4rem 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.w2-tech-pills li{border:1px solid var(--color-border,#e5e7eb);border-radius:.5rem;padding:.45rem .8rem;font-size:.9rem;background:var(--color-surface-alt,#f7f7f7)}
.w2-btn.is-busy{pointer-events:none;min-width:9.5rem}
.w2-btn__dots{display:inline-flex;gap:.18rem;align-items:center}
.w2-btn__dots i{width:.35rem;height:.35rem;border-radius:50%;background:currentColor;opacity:.35;animation:w2-dots 1s infinite}
.w2-btn__dots i:nth-child(2){animation-delay:.15s}
.w2-btn__dots i:nth-child(3){animation-delay:.3s}
@keyframes w2-dots{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.w2-seo-form{display:grid;gap:.85rem}
.w2-seo-form .w2-label{margin:0}
.w2-seo-form .w2-input,
.w2-seo-form .w2-textarea{
  width:100%;
  min-height:48px;
  padding:.7rem .9rem;
  border:1px solid var(--color-border-strong,#dadce0);
  border-radius:10px;
  background:var(--color-surface,#fff);
  color:var(--color-text,#1a1a1a);
  font-size:1rem;
  font-family:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.w2-seo-form .w2-input:focus,
.w2-seo-form .w2-textarea:focus{
  outline:none;
  border-color:var(--color-focus-ring,#1e88e5);
  box-shadow:var(--shadow-focus);
}
.w2-seo-form .w2-seo-progress{margin:0}
.w2-seo-form .w2-btn--primary{min-height:48px;padding:.7rem 1.2rem;font-size:.95rem}
.w2-tool-page .w2-seo-report{
  margin-top:1.5rem;
  padding:1.35rem 1.3rem 1.5rem;
  border:1px solid var(--color-border,#ececec);
  border-radius:20px;
  background:
    radial-gradient(800px 220px at 100% 0%, rgba(66,133,244,.08), transparent 55%),
    var(--color-surface,#fff);
}
.w2-stage__head{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin-bottom:1.15rem}
.w2-donut{width:7.25rem;height:7.25rem;border-radius:50%;background:conic-gradient(var(--w2-donut,#ececec 0 100%));display:grid;place-items:center;flex:0 0 auto}
.w2-donut span{width:5.1rem;height:5.1rem;border-radius:50%;background:var(--color-surface,#fff);display:grid;place-items:center;text-align:center;font-weight:800;line-height:1.15;font-size:1.05rem}
.w2-bars{display:grid;gap:.55rem;flex:1 1 14rem}
.w2-bars__row{display:grid;grid-template-columns:6.5rem minmax(0,1fr) 2.5rem;gap:.55rem;align-items:center;font-size:.88rem}
.w2-bars__track{height:.55rem;border-radius:999px;background:rgba(15,23,42,.08);overflow:hidden}
.w2-bars__track span{display:block;height:100%;border-radius:inherit;background:var(--bar,#4285F4);transform-origin:left;animation:w2-bar-in .7s ease both}
@keyframes w2-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.w2-tech-tile{display:flex;flex-direction:column;gap:.2rem;min-width:8.5rem}
.w2-tech-tile small{color:var(--color-text-muted,#64748b);font-size:.72rem}
.w2-dns-chip{display:inline-flex;align-items:center;justify-content:center;min-width:3.4rem;padding:.2rem .45rem;border-radius:.45rem;background:rgba(66,133,244,.12);font-size:.78rem;font-weight:750;letter-spacing:.04em}
.w2-meter-ring{width:6.5rem;height:6.5rem;border-radius:50%;background:conic-gradient(var(--color-brand-green,#34A853) calc(var(--w2-score,0)*1%), #ececec 0);display:grid;place-items:center;flex:0 0 auto}
.w2-meter-ring span{width:4.7rem;height:4.7rem;border-radius:50%;background:var(--color-surface,#fff);display:grid;place-items:center;text-align:center;font-weight:800;font-size:.9rem;line-height:1.2}
@media(max-width:800px){
  .w2-dns-table__row{grid-template-columns:1fr}
  .w2-whois-grid{grid-template-columns:1fr}
  .w2-stage__head{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .w2-btn__dots i,.w2-bars__track span{animation:none}
}

/* Growth tool result cards (Keyword Rank, DA, Backlinks, …) */
.w2-growth-result__head{margin-bottom:1.25rem}
.w2-growth-result__section{
  margin:1.75rem 0 .85rem;
  font-size:1.05rem;
  letter-spacing:-.02em;
}
.w2-metric-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
  margin:1rem 0 1.35rem;
}
.w2-metric-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.w2-metric-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.w2-metric-card{
  border:1px solid var(--color-border,#e8e8e8);
  border-radius:16px;
  padding:1rem 1.05rem;
  background:linear-gradient(180deg,rgba(255,255,255,.9),var(--color-surface,#fff));
  box-shadow:0 10px 28px rgba(15,23,42,.04);
  display:grid;
  gap:.35rem;
  min-height:7.5rem;
  transition:transform .2s ease, box-shadow .2s ease;
}
.w2-metric-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.07)}
.w2-metric-card__icon{
  width:1.85rem;height:1.85rem;border-radius:.55rem;
  display:inline-grid;place-items:center;
  font-size:.78rem;font-weight:800;
  background:rgba(52,168,83,.14);color:#1e7a3a;
}
.w2-metric-card__icon--blue{background:rgba(66,133,244,.14);color:#1a56c4}
.w2-metric-card__icon--yellow{background:rgba(251,188,5,.2);color:#8a6a00}
.w2-metric-card__icon--red{background:rgba(234,67,53,.14);color:#b3261e}
.w2-metric-card__label{
  margin:0;font-size:.75rem;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--color-text-muted,#64748b);
}
.w2-metric-card__value{
  margin:0;font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:800;
  letter-spacing:-.04em;line-height:1.1;color:var(--color-text,#111);
}
.w2-metric-card__value--sm{font-size:1.05rem;letter-spacing:-.02em}
.w2-metric-card__hint{margin:0;font-size:.82rem;color:var(--color-text-muted,#64748b);line-height:1.4}
.w2-kw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.w2-kw-card{
  border:1px solid var(--color-border,#e8e8e8);
  border-radius:16px;
  padding:1.05rem 1.1rem;
  background:var(--color-surface,#fff);
  display:grid;gap:.55rem;
}
.w2-kw-card--hit{border-color:rgba(52,168,83,.35);background:linear-gradient(180deg,rgba(52,168,83,.06),var(--color-surface,#fff))}
.w2-kw-card--miss{border-color:rgba(234,67,53,.22);background:linear-gradient(180deg,rgba(234,67,53,.04),var(--color-surface,#fff))}
.w2-kw-card__top{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}
.w2-kw-card__label{margin:0 0 .2rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted,#64748b)}
.w2-kw-card h4{margin:0;font-size:1rem;line-height:1.35;letter-spacing:-.02em}
.w2-kw-card__meta{margin:0;font-size:.86rem;color:var(--color-text-muted,#64748b);line-height:1.45}
.w2-kw-card__match{display:grid;gap:.2rem;font-size:.88rem;padding:.65rem .75rem;border-radius:12px;background:rgba(15,23,42,.03)}
.w2-kw-card__match a{word-break:break-all;color:var(--color-brand-blue,#4285F4)}
.w2-kw-card__details{font-size:.84rem;color:var(--color-text-muted,#64748b)}
.w2-kw-card__details summary{cursor:pointer;font-weight:650}
.w2-kw-card__details ol{margin:.45rem 0 0;padding-left:1.1rem}
.w2-rank-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:3.4rem;padding:.35rem .65rem;border-radius:999px;
  font-size:.92rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap;
}
.w2-rank-badge--top{background:rgba(52,168,83,.18);color:#157a32}
.w2-rank-badge--good{background:rgba(66,133,244,.16);color:#1a56c4}
.w2-rank-badge--mid{background:rgba(251,188,5,.22);color:#8a6a00}
.w2-rank-badge--deep{background:rgba(15,23,42,.08);color:#334155}
.w2-rank-badge--miss{background:rgba(234,67,53,.1);color:#b3261e;font-size:.78rem;font-weight:750}
.w2-density-bar{margin-top:.45rem;height:.5rem}
.w2-gauge{
  --w2-score:0;
  width:5.75rem;height:5.75rem;border-radius:50%;
  background:conic-gradient(var(--gauge,#4285F4) calc(var(--w2-score)*1%), rgba(15,23,42,.08) 0);
  display:grid;place-items:center;flex:0 0 auto;
}
.w2-gauge span{
  width:4.15rem;height:4.15rem;border-radius:50%;
  background:var(--color-surface,#fff);
  display:grid;place-items:center;text-align:center;
  font-weight:800;font-size:1.15rem;line-height:1.1;
}
.w2-gauge small{display:block;font-size:.65rem;font-weight:700;color:var(--color-text-muted,#64748b);letter-spacing:.04em;text-transform:uppercase}
html[data-theme="dark"] .w2-metric-card,
html[data-theme="dark"] .w2-kw-card{
  background:linear-gradient(180deg,rgba(255,255,255,.03),var(--color-surface));
  box-shadow:none;
}
html[data-theme="dark"] .w2-kw-card__match{background:rgba(255,255,255,.04)}
@media(max-width:900px){
  .w2-metric-grid,.w2-metric-grid--4{grid-template-columns:1fr 1fr}
  .w2-kw-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .w2-metric-grid,.w2-metric-grid--2,.w2-metric-grid--3,.w2-metric-grid--4{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .w2-metric-card{transition:none}
}
.w2-snippet-preview{
  max-width:40rem;
  padding:1.15rem 1.25rem;
  background:linear-gradient(180deg,#fff, #f8fafc);
}
.w2-snippet-preview__url{margin:0 0 .35rem;font-size:.82rem;color:#1a6e3a}
.w2-snippet-preview__title{margin:0 0 .35rem;font-size:1.2rem;line-height:1.3;color:#1a0dab;font-weight:500}
.w2-snippet-preview__desc{margin:0;font-size:.95rem;line-height:1.5;color:#4d5156}
.w2-og-preview{
  display:grid;
  grid-template-columns:minmax(0,11rem) minmax(0,1fr);
  gap:0;
  overflow:hidden;
  padding:0;
  max-width:42rem;
}
.w2-og-preview__img{width:100%;height:100%;min-height:7.5rem;object-fit:cover;background:#e5e7eb}
.w2-og-preview__placeholder{
  display:grid;place-items:center;min-height:7.5rem;
  background:rgba(15,23,42,.06);color:var(--color-text-muted,#64748b);
  font-size:.82rem;font-weight:700;
}
.w2-og-preview__body{padding:1rem 1.1rem;display:grid;gap:.35rem;align-content:center}
.w2-og-preview__body h4{margin:0;font-size:1.05rem;line-height:1.3}
html[data-theme="dark"] .w2-snippet-preview{background:linear-gradient(180deg,rgba(255,255,255,.04),var(--color-surface))}
html[data-theme="dark"] .w2-snippet-preview__title{color:#8ab4f8}
html[data-theme="dark"] .w2-snippet-preview__url{color:#81c995}
@media(max-width:700px){
  .w2-og-preview{grid-template-columns:1fr}
}

/* Social Post Designer */
.w2-social-designer__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,20rem);
  gap:clamp(1rem,3vw,2rem);
  align-items:start;
}
.w2-social-designer__preview{
  position:sticky;
  top:1rem;
  order:2;
}
.w2-social-designer__form{
  order:1;
}
.w2-social-designer__preview-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:.65rem;
}
.w2-social-designer__badge{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--color-text-muted,#64748b);
  padding:.25rem .55rem;
  border-radius:999px;
  border:1px solid var(--color-border,rgba(15,23,42,.12));
  background:var(--color-surface,#fff);
}
.w2-social-designer__frame{
  border-radius:var(--radius-lg,14px);
  overflow:hidden;
  border:1px solid var(--color-border,rgba(15,23,42,.1));
  background:linear-gradient(145deg,#0f172a,#1e293b);
  box-shadow:0 16px 48px rgba(15,23,42,.12);
  aspect-ratio:1/1;
  max-height:min(70vh,32rem);
  margin-inline:auto;
}
.w2-social-designer__frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.w2-social-designer__section{
  margin-bottom:1.15rem;
}
.w2-social-designer__assist{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.65rem;
  margin-top:.65rem;
}
.w2-social-designer__stock{
  margin-top:.85rem;
  padding:1rem;
  border-radius:var(--radius-lg,12px);
  border:1px dashed var(--color-border,rgba(15,23,42,.16));
  background:rgba(37,99,235,.04);
}
.w2-social-designer__stock-grid{
  margin-bottom:.85rem;
}
.w2-social-designer__advanced{
  margin:0 0 1.15rem;
  border:1px solid var(--color-border,rgba(15,23,42,.12));
  border-radius:var(--radius-lg,12px);
  padding:.65rem .85rem;
  background:var(--color-surface,#fff);
}
.w2-social-designer__advanced summary{
  cursor:pointer;
  font-weight:700;
  font-size:.92rem;
  list-style:none;
}
.w2-social-designer__advanced summary::-webkit-details-marker{display:none}
.w2-social-designer__advanced-body{
  display:grid;
  gap:.65rem;
  margin-top:.85rem;
}
.w2-social-designer__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:.25rem;
}
.w2-social-designer__footnote{
  margin-top:1rem;
  line-height:1.55;
}
.w2-chip-fieldset{
  border:0;
  margin:0;
  padding:0;
}
.w2-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.4rem;
}
.w2-chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.45rem .75rem;
  border-radius:999px;
  border:1px solid var(--color-border,rgba(15,23,42,.14));
  font-size:.84rem;
  font-weight:600;
  cursor:pointer;
  background:var(--color-surface,#fff);
  transition:border-color .15s,background .15s;
}
.w2-chip--btn{
  font-family:inherit;
  appearance:none;
}
.w2-chip--btn:hover,.w2-chip--btn:focus-visible{
  border-color:var(--color-accent,#2563eb);
  background:rgba(37,99,235,.06);
}
.w2-chip input{margin:0;accent-color:var(--color-accent,#2563eb)}
.w2-chip:has(input:checked){
  border-color:var(--color-accent,#2563eb);
  background:rgba(37,99,235,.1);
}
html[data-theme="dark"] .w2-social-designer__stock{
  background:rgba(37,99,235,.08);
}
html[data-theme="dark"] .w2-chip{background:rgba(255,255,255,.04)}
@media(max-width:960px){
  .w2-social-designer__grid{
    grid-template-columns:1fr;
    display:flex;
    flex-direction:column;
  }
  .w2-social-designer__preview{
    position:static;
    order:0;
    width:100%;
  }
  .w2-social-designer__form{order:1}
  .w2-social-designer__frame{max-height:min(52vh,22rem)}
  .w2-social-designer__stock-grid .w2-chip--btn{
    flex:1 1 calc(50% - .5rem);
    justify-content:center;
    text-align:center;
  }
}
@media(max-width:480px){
  .w2-chip-row .w2-chip{flex:1 1 calc(50% - .5rem);justify-content:center}
  .w2-social-designer__assist .w2-btn{width:100%}
  .w2-social-designer__actions .w2-btn{flex:1 1 100%}
}


/* ── Generic tool-result stage (shared across growth / SEO tools) ── */
.w2-result-stage{
  display:grid;
  gap:1.5rem;
}
.w2-result-stage__hero{
  padding:1.15rem 1.2rem;
  border:1px solid var(--color-border);
  border-radius:20px;
  background:
    radial-gradient(700px 180px at 0% 0%, rgba(30,136,229,.08), transparent 55%),
    var(--color-surface);
}
.w2-result-block{
  display:grid;
  gap:.85rem;
  padding:1.05rem 1.1rem 1.2rem;
  border:1px solid var(--color-border);
  border-radius:18px;
  background:var(--color-surface);
}
.w2-result-block__head{
  display:grid;
  gap:.2rem;
}
.w2-result-block__head h2,
.w2-result-block__head h3{
  margin:0;
  font-size:1.15rem;
  letter-spacing:-.02em;
}
.w2-result-block__head .w2-kicker{margin:0}
.w2-result-block__sub{
  margin:.35rem 0 0;
  font-size:.95rem;
}
.w2-result-block--split{
  display:grid;
  gap:1rem;
}
@media (min-width:900px){
  .w2-result-block--split{grid-template-columns:1fr 1fr;align-items:start}
}

.w2-fact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
.w2-fact-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.w2-fact-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.w2-fact-tile{
  border:1px solid var(--color-border);
  border-radius:14px;
  padding:.85rem .9rem;
  background:linear-gradient(180deg,rgba(255,255,255,.72),var(--color-surface-alt,#f7f7f7));
  display:grid;
  gap:.3rem;
  min-width:0;
}
.w2-fact-tile__label{
  font-size:.72rem;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--color-text-muted);
}
.w2-fact-tile__value{
  font-size:1.35rem;
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.15;
  word-break:break-word;
}
.w2-fact-tile__value--sm{font-size:.95rem;font-weight:650;letter-spacing:-.01em;line-height:1.35}
.w2-fact-tile__hint{margin:0;font-size:.82rem;color:var(--color-text-muted)}

.w2-issue-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
.w2-issue-tile{
  border:1px solid var(--color-border);
  border-radius:14px;
  padding:.9rem 1rem;
  display:grid;
  gap:.4rem;
  background:var(--color-surface);
  min-width:0;
}
.w2-issue-tile--error,
.w2-issue-tile--fail,
.w2-insights__item--error{
  border-color:rgba(228,37,39,.35);
  background:linear-gradient(180deg,rgba(228,37,39,.06),var(--color-surface));
}
.w2-issue-tile--warning,
.w2-issue-tile--warn,
.w2-insights__item--warning{
  border-color:rgba(181,71,8,.28);
  background:linear-gradient(180deg,rgba(251,188,5,.1),var(--color-surface));
}
.w2-issue-tile--pass,
.w2-insights__item--pass{
  border-color:rgba(46,125,50,.28);
  background:linear-gradient(180deg,rgba(46,125,50,.06),var(--color-surface));
}
.w2-issue-tile__top{
  display:flex;
  justify-content:space-between;
  gap:.65rem;
  align-items:flex-start;
}
.w2-issue-tile__top strong{font-size:.98rem;line-height:1.3}
.w2-issue-tile__badges{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}
.w2-issue-tile__detail{margin:0;font-size:.9rem;line-height:1.45;color:var(--color-text)}
.w2-issue-tile__link{word-break:break-all}
.w2-insights__list.w2-issue-grid{margin-top:0}

.w2-resource-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
}
.w2-resource-tile{
  border:1px solid var(--color-border);
  border-radius:12px;
  padding:.75rem .85rem;
  display:grid;
  gap:.35rem;
  min-width:0;
  background:var(--color-surface-alt,#f7f7f7);
}
.w2-resource-tile__type{
  justify-self:start;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--color-accent,#1e88e5);
  background:rgba(30,136,229,.1);
  border-radius:999px;
  padding:.2rem .55rem;
}
.w2-resource-tile__url{
  margin:0;
  font-size:.82rem;
  line-height:1.35;
  word-break:break-all;
  color:var(--color-text);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.w2-resource-tile__meta{
  margin:0;
  display:flex;
  gap:.65rem;
  flex-wrap:wrap;
  font-size:.84rem;
  color:var(--color-text-muted);
}
.w2-resource-tile__meta strong{color:var(--color-text)}

.w2-check-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem;
}
.w2-check-tile{
  margin:0 !important;
}
.w2-check-group{margin-top:.65rem}
.w2-check-group > summary{
  list-style:none;
  cursor:pointer;
  font-weight:700;
  padding:.55rem .15rem;
}
.w2-check-group > summary::-webkit-details-marker{display:none}

.w2-page-grid{
  display:grid;
  gap:.65rem;
}
.w2-page-tile{
  transition:border-color .15s ease, box-shadow .15s ease;
}
.w2-page-tile--error{border-color:rgba(228,37,39,.35)}
.w2-page-tile--warn{border-color:rgba(181,71,8,.3)}
.w2-page-tile summary{
  gap:.65rem 1rem;
}
.w2-page-tile .w2-seo-page__score{
  background:rgba(30,136,229,.12);
  color:#1565c0;
  font-weight:800;
}
.w2-page-tile--error .w2-seo-page__score{background:rgba(228,37,39,.12);color:#b3261e}
.w2-page-tile--warn .w2-seo-page__score{background:rgba(251,188,5,.2);color:#8a6a00}

.w2-outline-tree{
  border:1px solid var(--color-border);
  border-radius:14px;
  padding:.65rem .85rem;
  background:var(--color-surface-alt,#f7f7f7);
  max-height:28rem;
  overflow:auto;
}
.w2-outline-tree__item{
  padding:.35rem .25rem;
  border-radius:8px;
}
.w2-outline-tree__item:hover{background:rgba(255,255,255,.7)}
.w2-outline-tree__level{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2rem;
  padding:.12rem .35rem;
  border-radius:6px;
  background:rgba(26,26,26,.06);
  font-weight:750;
}
.w2-outline-tree__text{flex:1;min-width:0;word-break:break-word}

.w2-result-media{
  border:1px solid var(--color-border);
  border-radius:14px;
  overflow:hidden;
  background:var(--color-surface);
}
.w2-seo-lab{
  align-items:stretch;
}
.w2-seo-lab .w2-seo-speed{
  display:grid;
  gap:.75rem;
  padding:1rem;
  border:1px solid var(--color-border);
  border-radius:14px;
  background:var(--color-surface-alt,#f7f7f7);
}

/* Shared educate / reasons polish on all tool landings */
.w2-tool-page .w2-educate,
.w2-tool-page .w2-benefit,
.w2-tool-page .w2-steps li{
  border-radius:16px;
}
.w2-tool-page .w2-educate{
  padding:1.15rem 1.2rem;
  border:1px solid var(--color-border);
  background:
    radial-gradient(600px 160px at 100% 0%, rgba(30,136,229,.07), transparent 55%),
    var(--color-surface);
}
.w2-tool-page .w2-usecases{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
  list-style:none;
  padding:0;
}
.w2-tool-page .w2-usecases li{
  margin:0;
  padding:.85rem 1rem;
  border:1px solid var(--color-border);
  border-radius:12px;
  background:var(--color-surface);
  line-height:1.45;
}
.w2-tool-page .w2-usecases li + li{margin-top:0}
.w2-tool-page .w2-usecases{padding-left:0}
.w2-tool-page .w2-steps{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.w2-tool-page .w2-growth-result,
.w2-tool-page .w2-seo-report{
  display:grid;
  gap:1.25rem;
}
.w2-tool-page .w2-metric-card{
  border-radius:16px;
}

html[data-theme="dark"] .w2-fact-tile,
html[data-theme="dark"] .w2-resource-tile,
html[data-theme="dark"] .w2-outline-tree,
html[data-theme="dark"] .w2-seo-lab .w2-seo-speed{
  background:linear-gradient(180deg,rgba(255,255,255,.03),var(--color-surface));
}
html[data-theme="dark"] .w2-outline-tree__item:hover{background:rgba(255,255,255,.04)}

@media (max-width:900px){
  .w2-fact-grid,
  .w2-fact-grid--3,
  .w2-issue-grid,
  .w2-resource-grid,
  .w2-check-grid,
  .w2-tool-page .w2-usecases,
  .w2-tool-page .w2-steps{
    grid-template-columns:1fr 1fr;
  }
  .w2-seo-lab{grid-template-columns:1fr}
}
@media (max-width:620px){
  .w2-fact-grid,
  .w2-fact-grid--2,
  .w2-fact-grid--3,
  .w2-issue-grid,
  .w2-resource-grid,
  .w2-check-grid,
  .w2-tool-page .w2-usecases,
  .w2-tool-page .w2-steps{
    grid-template-columns:1fr;
  }
}
@media (prefers-reduced-motion:reduce){
  .w2-page-tile{transition:none}
}


/* Shared workbench stage for every tool detail page */
.w2-tool-hero-stage.w2-seo-hero{margin-top:.35rem}
.w2-tool-hero__chips{margin-top:.75rem}
.w2-tool-stage{
  display:grid;
  gap:1.15rem;
}
.w2-tool-stage__main,
.w2-seo-stage__main{
  display:grid;
  gap:1rem;
  align-items:start;
}
@media (min-width:960px){
  .w2-tool-stage:not(.w2-tool-stage--has-result) .w2-tool-stage__main{
    grid-template-columns:minmax(0,1.45fr) minmax(15rem,.7fr);
    gap:1.25rem;
  }
}
.w2-tool-stage--has-result .w2-seo-panel__head{display:none}
.w2-tool-page .w2-tool-widget__label{display:none} /* label moved into panel head */
.w2-tool-stage--has-result + .w2-result-stage,
.w2-tool-page .w2-result-stage{
  margin-top:1.35rem;
}
.w2-growth-result__section.w2-result-block__title,
.w2-result-block__title{
  margin:1.35rem 0 .75rem;
  font-size:1.08rem;
  letter-spacing:-.02em;
}
.w2-result-stage .w2-metric-grid{margin-top:.35rem}
.w2-result-stage .w2-kw-grid,
.w2-result-stage .w2-seo-checks,
.w2-result-stage .w2-redirect-chain{
  display:grid;
  gap:.65rem;
}
.w2-result-stage .w2-seo-checks{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.w2-result-stage .w2-redirect-chain li{
  border-radius:12px;
}
.w2-result-stage .w2-growth-result__head,
.w2-result-stage .w2-stage__head{
  padding:1rem 1.1rem;
  border:1px solid var(--color-border);
  border-radius:18px;
  background:
    radial-gradient(700px 180px at 0% 0%, rgba(30,136,229,.08), transparent 55%),
    var(--color-surface);
}
@media (max-width:900px){
  .w2-result-stage .w2-seo-checks{grid-template-columns:1fr}
}

.w2-issue-tile__title{margin:0;font-size:.95rem;font-weight:700;line-height:1.35;word-break:break-all}
.w2-issue-tile__meta{margin:.35rem 0 0;font-size:.85rem;color:var(--color-muted,#5f6368)}
.w2-page-tile__url{margin:0;font-size:.9rem;word-break:break-all}
.w2-page-tile__meta{margin:.3rem 0 0;font-size:.82rem;color:var(--color-muted,#5f6368)}
.w2-tool-stage--studio .w2-seo-stage__tiles{margin-bottom:.85rem}
.w2-seo-stage--has-report .w2-tool-stage__tiles,
.w2-tool-stage--has-result .w2-tool-stage__tiles,
.w2-tool-stage--has-result .w2-seo-stage__tiles,
.w2-seo-stage--has-report .w2-seo-flow,
.w2-tool-stage--has-result .w2-seo-flow{display:none}

