:root {
    --page-width: 1180px;
    --theme-bg: #fffdfa;
    --theme-bg-soft: #fffaf0;
    --theme-surface: #ffffff;
    --theme-surface-soft: #fffcf6;
    --theme-surface-strong: #fff6df;
    --theme-text: #10182d;
    --theme-muted: #687083;
    --theme-border: rgba(162, 119, 27, 0.16);
    --theme-border-strong: rgba(239, 174, 0, 0.46);
    --theme-header: rgba(255, 255, 255, 0.92);
    --theme-shadow: 0 18px 50px rgba(49, 38, 17, 0.07);
    --theme-gold: #f4b400;
    --theme-gold-soft: #ffd45b;
    --theme-green: #20ad65;
    --theme-purple: #aa4de0;
    --background: var(--theme-bg);
    --surface: var(--theme-surface);
    --surface-soft: var(--theme-surface-soft);
    --surface-strong: var(--theme-surface-strong);
    --heading: var(--theme-text);
    --text: var(--theme-text);
    --muted: var(--theme-muted);
    --border: var(--theme-border);
    --border-gold: var(--theme-border-strong);
    --shadow: var(--theme-shadow);
}

html[data-theme="dark"] {
    --theme-bg: #030d18;
    --theme-bg-soft: #07121f;
    --theme-surface: #0a1522;
    --theme-surface-soft: #0d1927;
    --theme-surface-strong: #111e2d;
    --theme-text: #f4f7fb;
    --theme-muted: #aab3c1;
    --theme-border: rgba(160, 177, 197, 0.16);
    --theme-border-strong: rgba(244, 180, 0, 0.7);
    --theme-header: rgba(3, 13, 24, 0.92);
    --theme-shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
    --theme-gold: #ffc21c;
    --theme-gold-soft: #ffd65c;
    --theme-green: #39c878;
    --theme-purple: #cb62ff;
}

html.theme-ready,
html.theme-ready body,
html.theme-ready header,
html.theme-ready main,
html.theme-ready section,
html.theme-ready article,
html.theme-ready aside,
html.theme-ready div,
html.theme-ready nav,
html.theme-ready input,
html.theme-ready button,
html.theme-ready a {
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

body,
.account-page,
.report-page,
.rankings-page,
.pricing-page,
.checkout-page,
.legal-page,
.auth-page {
    background:
        radial-gradient(circle at 92% 8%, rgba(255, 190, 24, 0.08), transparent 24%),
        var(--theme-bg);
    color: var(--theme-text);
}

html[data-theme="dark"] body,
html[data-theme="dark"] .account-page,
html[data-theme="dark"] .report-page,
html[data-theme="dark"] .rankings-page,
html[data-theme="dark"] .pricing-page,
html[data-theme="dark"] .checkout-page,
html[data-theme="dark"] .legal-page,
html[data-theme="dark"] .auth-page {
    background:
        radial-gradient(circle at 78% 4%, rgba(28, 67, 101, 0.15), transparent 30%),
        radial-gradient(circle at 8% 40%, rgba(15, 48, 77, 0.1), transparent 26%),
        var(--theme-bg);
}

h1,
h2,
h3,
h4,
strong,
.account-dashboard-heading h2,
.report-panel h2,
.pricing-plan h2,
.legal-content section h2 {
    color: var(--theme-text);
}

p,
small,
.account-dashboard-heading p,
.account-plugin-card-head span,
.account-plugin-metrics span,
.report-panel p,
.legal-content section p {
    color: var(--theme-muted);
}

.account-header,
.report-nav,
.pricing-page-header,
.legal-header {
    border-color: var(--theme-border);
    background: var(--theme-header);
    box-shadow: 0 1px 0 var(--theme-border);
    backdrop-filter: blur(20px);
}

html[data-theme="dark"] .pluginpulse-brand-svg text[fill="#11182f"],
html[data-theme="dark"] .pluginpulse-brand-svg text[fill="#11182d"] {
    fill: #f5f7fb;
}

html[data-theme="dark"] .pluginpulse-brand-svg text[fill="#747987"] {
    fill: #aab3c1;
}

.main-nav a,
.account-header-nav a,
.pricing-page-header nav a,
.legal-header a {
    color: var(--theme-muted);
}

.main-nav a:hover,
.account-header-nav a:hover,
.account-header-nav a.is-active,
.pricing-page-header nav a:hover {
    color: var(--theme-text);
}

.account-header-nav a.is-active,
.main-nav a.is-active {
    border-radius: 0;
    background: transparent;
    box-shadow: inset 0 -2px var(--theme-gold);
}

.theme-toggle {
    min-height: 44px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0;
    border: 1px solid var(--theme-border);
    border-radius: 999px;
    background: var(--theme-surface);
    color: var(--theme-text);
    font: inherit;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(17, 24, 47, 0.06);
}

.theme-toggle:hover {
    border-color: var(--theme-border-strong);
}

.theme-toggle:focus-visible {
    outline: 3px solid rgba(244, 180, 0, 0.3);
    outline-offset: 3px;
}

.theme-toggle-track {
    position: relative;
    width: 54px;
    height: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    border-radius: 999px;
    background: var(--theme-bg-soft);
    color: var(--theme-muted);
}

.theme-toggle-sun,
.theme-toggle-moon {
    position: relative;
    z-index: 2;
    font-size: 13px;
    line-height: 1;
}

.theme-toggle-thumb {
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--theme-gold-soft), var(--theme-gold));
    box-shadow: 0 5px 12px rgba(207, 142, 0, 0.3);
    transition: transform 0.2s ease;
}

html[data-theme="dark"] .theme-toggle-thumb {
    transform: translateX(24px);
}

.theme-toggle-label {
    display: none !important;
}

.home-page {
    --home-shell-width: min(var(--page-width), calc(100% - 40px));
    --home-card-border: var(--theme-border-strong);
    --home-card-radius: 19px;
    --home-card-background: var(--theme-surface);
    --home-card-shadow: var(--theme-shadow);
}

.home-page .site-header-shell,
.home-page .pp-hero-inner,
.home-page .trust-strip,
.home-page .pp-analysis-workspace,
.home-page .pp-download-card,
.home-page .pp-demo-feature-strip,
.home-page .pricing-section > .site-shell,
.home-page .site-footer-inner {
    width: var(--home-shell-width);
    max-width: none;
    margin-right: auto;
    margin-left: auto;
}

.home-page .pp-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: clamp(34px, 4vw, 48px);
}

.home-page .pp-hero-heading {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

.home-page .pp-hero-heading h1 {
    font-size: clamp(44px, 5vw, 60px);
}

.pp-home-snapshot {
    width: 100%;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--theme-border-strong);
    border-radius: 24px;
    background:
        radial-gradient(circle at 92% 4%, rgba(255, 194, 28, 0.12), transparent 30%),
        var(--theme-surface);
    box-shadow: 0 28px 80px rgba(49, 38, 17, 0.12);
}

.pp-home-snapshot-head,
.pp-home-snapshot-board-head,
.pp-home-snapshot-list > a {
    display: flex;
    align-items: center;
}

.pp-home-snapshot-head {
    justify-content: space-between;
    gap: 18px;
    padding: 7px 8px 16px;
}

.pp-home-live-label {
    min-height: 36px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--theme-border-strong);
    border-radius: 999px;
    color: var(--theme-gold);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pp-home-live-label::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--theme-gold);
}

.pp-home-snapshot-head h2 {
    max-width: 760px;
    margin: 12px 0 0;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.05;
    letter-spacing: -0.045em;
}

.pp-home-snapshot-head > a {
    flex: 0 0 auto;
    color: var(--theme-gold);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.pp-home-snapshot-head > a span {
    margin-left: 4px;
}

.pp-home-snapshot-trust {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.pp-home-snapshot-trust .trust-item {
    min-width: 0;
    min-height: 122px;
    padding: 18px;
    border: 1px solid var(--theme-border);
    border-radius: 15px;
    background: var(--theme-surface-soft);
    box-shadow: none;
}

.pp-home-snapshot-trust .trust-item svg {
    flex: 0 0 30px;
}

.pp-home-snapshot-trust .trust-item strong {
    font-size: 16px;
    line-height: 1.25;
}

.pp-home-snapshot-trust .trust-item span {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.4;
}

.pp-home-snapshot-board {
    margin-top: 9px;
    padding: 15px;
    border: 1px solid var(--theme-border);
    border-radius: 16px;
    background: var(--theme-surface-soft);
}

.pp-home-snapshot-board-head {
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
}

.pp-home-snapshot-board-head strong {
    font-size: 15px;
}

.pp-home-snapshot-board-head span {
    color: var(--theme-gold);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.pp-home-snapshot-list > a {
    min-width: 0;
    min-height: 68px;
    gap: 12px;
    border-top: 1px solid var(--theme-border);
    color: var(--theme-text);
}

.pp-home-plugin-rank {
    flex: 0 0 24px;
    color: var(--theme-muted);
    font-size: 12px;
    font-weight: 800;
}

.pp-home-plugin-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 9px;
    background: var(--theme-surface-strong);
    color: var(--theme-gold);
    font-size: 14px;
    font-weight: 900;
}

.pp-home-plugin-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pp-home-plugin-name {
    min-width: 0;
    flex: 1 1 auto;
}

.pp-home-plugin-name strong,
.pp-home-plugin-name small,
.pp-home-plugin-metric strong,
.pp-home-plugin-metric small,
.pp-home-plugin-rating strong,
.pp-home-plugin-rating small {
    display: block;
}

.pp-home-plugin-name strong {
    overflow: hidden;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pp-home-plugin-name small,
.pp-home-plugin-metric small,
.pp-home-plugin-rating small {
    margin-top: 3px;
    color: var(--theme-muted);
    font-size: 12px;
}

.pp-home-plugin-metric,
.pp-home-plugin-rating {
    flex: 0 0 auto;
    text-align: right;
}

.pp-home-plugin-metric {
    min-width: 70px;
}

.pp-home-plugin-rating {
    min-width: 42px;
}

.pp-home-plugin-metric strong,
.pp-home-plugin-rating strong {
    font-size: 14px;
}

.pp-home-plugin-rating strong::before {
    content: "★ ";
    color: var(--theme-gold);
}

.pp-home-snapshot-note {
    margin: 12px 0 0;
    color: var(--theme-muted);
    font-size: 12px;
    line-height: 1.5;
}

/* Keep every primary home-page card aligned with the analyzer card. */
.home-page .pp-analysis-workspace,
.home-page .pp-download-card,
.home-page .pp-demo-feature-strip {
    border: 1px solid var(--home-card-border);
    border-radius: var(--home-card-radius);
    background: var(--home-card-background);
    box-shadow: var(--home-card-shadow);
}

/* The workspace owns the card surface; its content panel must not square off
   the rounded outer corners. */
.home-page .pp-analyzer-panel {
    border: 0;
    border-radius: inherit;
    background: transparent;
    box-shadow: none;
}
html[data-theme="light"] .main-nav a,
html[data-theme="light"] .account-header-nav a,
html[data-theme="light"] .compare-nav a,
html[data-theme="light"] .rankings-nav a{
	color:#050b18;
}

html[data-theme="light"] .main-nav a:hover,
html[data-theme="light"] .main-nav a.is-active,
html[data-theme="light"] .account-header-nav a:hover,
html[data-theme="light"] .account-header-nav a.is-active,
html[data-theme="light"] .compare-nav a:hover,
html[data-theme="light"] .compare-nav a.is-active,
html[data-theme="light"] .rankings-nav a:hover,
html[data-theme="light"] .rankings-nav a.is-active{
	color:#f5b400;
}
html[data-theme="dark"] .main-nav a,
html[data-theme="dark"] .account-header-nav a,
html[data-theme="dark"] .compare-nav a,
html[data-theme="dark"] .rankings-nav a{
	color:#ffffff;
}

html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .main-nav a.is-active,
html[data-theme="dark"] .account-header-nav a:hover,
html[data-theme="dark"] .account-header-nav a.is-active,
html[data-theme="dark"] .compare-nav a:hover,
html[data-theme="dark"] .compare-nav a.is-active,
html[data-theme="dark"] .rankings-nav a:hover,
html[data-theme="dark"] .rankings-nav a.is-active{
	color:#f5b400;
}

@media (min-width: 1025px) {
    .home-page .site-header-shell {
        grid-template-columns: 300px minmax(0, 1fr) 300px;
        gap: 20px;
    }

    .home-page .main-nav {
        justify-content: center;
    }

    .home-page .header-actions {
        width: 300px;
        justify-content: flex-end;
        gap: 16px;
    }
}

.theme-toggle-floating {
    position: fixed;
    z-index: 1000;
    top: 18px;
    right: 18px;
}

.primary-button,
.analyze-button,
.pricing-page-cta-primary,
.auth-submit,
.pp-download-button,
.account-upgrade-notice-button {
    background: linear-gradient(135deg, var(--theme-gold-soft), var(--theme-gold));
    color: #07111e;
    box-shadow: 0 14px 34px rgba(244, 180, 0, 0.18);
}

.account-menu-button,
.account-menu-dropdown,
.account-menu-plan,
.account-menu-profile,
.pp-analyzer-panel,
.pp-download-card,
.pp-demo-feature-strip,
.pricing-card,
.trust-item,
.pp-search,
.pp-preview-card,
.account-welcome,
.account-dashboard,
.account-plugin-card,
.account-empty,
.account-usage,
.account-upgrade,
.account-upgrade-notice,
.report-panel,
.report-score,
.report-chart-shell,
.report-release-impact,
.pricing-plan,
.pricing-comparison,
.pricing-value-card,
.pricing-faq-item,
.checkout-card,
.auth-card,
.rankings-table,
.rankings-access,
.legal-content section {
    border-color: var(--theme-border);
    background: var(--theme-surface);
    color: var(--theme-text);
    box-shadow: var(--theme-shadow);
}

html[data-theme="dark"] .report-release-impact dl div {
    border-color: var(--theme-border);
    background: var(--theme-surface-soft);
}

html[data-theme="dark"] .pp-analysis-workspace,
html[data-theme="dark"] .pricing-section,
html[data-theme="dark"] .trust-strip {
    background: var(--theme-bg-soft);
}

html[data-theme="dark"] .pp-download-card,
html[data-theme="dark"] .pp-demo-feature-strip,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .trust-item {
    background-image: none;
}

/* Index page dark-theme corrections */
html[data-theme="dark"] .pp-demo-feature-strip > .features-label {
    min-height: auto;
    padding: 0;
    justify-self: start;
    background: transparent;
}

html[data-theme="dark"] .pp-analyzer-panel .pp-examples button {
    border-color: var(--theme-border);
    background: var(--theme-surface-strong);
    color: var(--theme-muted);
}

html[data-theme="dark"] .pp-analyzer-panel .pp-examples button:hover {
    border-color: var(--theme-border-strong);
    color: var(--theme-text);
}

html[data-theme="dark"] .pp-search-suggestions {
    border-color: var(--theme-border);
    background: var(--theme-surface-strong);
}

html[data-theme="dark"] .pp-search-suggestion:hover,
html[data-theme="dark"] .pp-search-suggestion.is-active {
    background: var(--theme-surface-soft);
}

html[data-theme="dark"] #download-title {
    color: var(--theme-text);
}

.pp-download-button .pp-download-copy strong,
.pp-download-button .pp-download-copy small {
    color: #07111e;
}

html[data-theme="dark"] .pricing-section > .site-shell {
    border-color: var(--theme-border);
    background: var(--theme-surface);
    box-shadow: var(--theme-shadow);
}

html[data-theme="dark"] .home-page .pp-analysis-workspace,
html[data-theme="dark"] .home-page .pp-download-card,
html[data-theme="dark"] .home-page .pp-demo-feature-strip,
html[data-theme="dark"] .home-page .pricing-section > .site-shell {
    border-color: var(--home-card-border);
    background: var(--theme-bg-soft);
}

.account-menu-profile,
.account-plugin-metrics div,
.report-metric,
.report-health-item,
.report-detail-list,
.checkout-account,
.account-empty-steps article {
    border-color: var(--theme-border);
    background: var(--theme-surface-soft);
}

.account-menu-dropdown > a,
.account-menu-dropdown > button,
.account-menu-plan span,
.account-menu-profile > div > span,
.account-menu-button,
.pp-search input,
.account-plugin-metrics span,
.report-detail-list dt {
    color: var(--theme-muted);
}

.account-menu-dropdown > a:hover,
.account-menu-dropdown > button:hover {
    background: var(--theme-surface-strong);
    color: var(--theme-text);
}

html[data-theme="dark"] .account-welcome h1,
html[data-theme="dark"] .account-dashboard-heading h2,
html[data-theme="dark"] .account-plugin-card-head strong,
html[data-theme="dark"] .account-plugin-metrics strong,
html[data-theme="dark"] .account-opportunities strong,
html[data-theme="dark"] .account-upgrade strong,
html[data-theme="dark"] .account-upgrade-notice-content strong,
html[data-theme="dark"] .account-empty h3 {
    color: var(--theme-text);
}

html[data-theme="dark"] .account-upgrade-notice-content p,
html[data-theme="dark"] .account-plugin-card-head span,
html[data-theme="dark"] .account-plugin-metrics span {
    color: var(--theme-muted);
}

html[data-theme="dark"] .account-verification {
    border-color: rgba(244, 180, 0, 0.42);
    background:
        linear-gradient(135deg, rgba(244, 180, 0, 0.08), transparent 45%),
        var(--theme-surface);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
}

html[data-theme="dark"] .account-verification strong {
    color: var(--theme-text);
}

html[data-theme="dark"] .account-verification span {
    color: var(--theme-muted);
}

html[data-theme="dark"] .account-verification button {
    border-color: var(--theme-border-strong);
    background: var(--theme-surface-soft);
    color: var(--theme-text);
}

html[data-theme="dark"] .account-verification button:hover {
    border-color: var(--theme-gold);
    color: var(--theme-gold);
}

#account-upgrade-primary {
    border: 0;
    background: linear-gradient(135deg, var(--theme-gold-soft), var(--theme-gold));
    color: #07111e;
}

#account-upgrade-secondary {
    border: 1px solid var(--theme-border);
    background: transparent;
    color: var(--theme-gold);
}

.section-kicker,
.pp-eyebrow,
.account-plan {
    border-color: var(--theme-border-strong);
    background: transparent;
    color: var(--theme-gold);
}

.site-footer,
.pricing-final-cta {
    border-color: var(--theme-border);
    background: var(--theme-bg-soft);
}

html[data-theme="dark"] img[src*="pluginpulse.png"] {
    filter: brightness(1.45) saturate(0.95);
}

/* Authentication page */
.auth-page,
html[data-theme="dark"] .auth-page {
    min-height: 100vh;
    background: var(--theme-bg) !important;
    background-image: none !important;
    color: var(--theme-text);
}

.auth-page::before {
    display: none;
}

.auth-shell {
    width: min(1120px, calc(100% - 48px));
    padding: 30px 0 40px;
}

.auth-page-brand {
    margin-bottom: 24px;
}

.auth-layout {
    min-height: auto;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 500px);
    align-items: center;
    gap: 64px;
    text-align: left;
}

.auth-info {
    padding: 28px 0;
    text-align: left;
}

.auth-info h2 {
    margin-top: 24px;
    color: var(--theme-text);
}

.auth-info > p,
.auth-info-benefits span {
    color: var(--theme-muted);
}

.auth-info-benefits article {
    border-color: var(--theme-border);
    background: var(--theme-surface);
    box-shadow: none;
    text-align: left;
}

.auth-info-benefits strong {
    color: var(--theme-text);
}

.auth-info-benefits article::before {
    border: 1px solid var(--theme-border-strong);
    background: rgba(255, 194, 28, 0.1);
    color: var(--theme-gold);
}

.auth-card {
    padding: 38px;
    border-color: var(--theme-border);
    border-radius: 24px;
    background: var(--theme-surface);
    background-image: none;
    color: var(--theme-text);
    box-shadow: var(--theme-shadow);
}

.auth-card h1,
.auth-field label {
    color: var(--theme-text);
}

.auth-card > p,
.auth-switch-row,
.auth-divider,
.auth-field-helper,
.auth-privacy,
.auth-legal {
    color: var(--theme-muted) !important;
}

.auth-info-plan {
    border: 1px solid var(--theme-border);
    background: var(--theme-surface-soft);
    color: var(--theme-text);
}

.auth-info-plan small {
    color: var(--theme-muted);
}

.auth-provider {
    border-color: var(--theme-border);
    background: var(--theme-surface-soft);
    color: var(--theme-text);
}

.auth-provider:hover {
    border-color: var(--theme-border-strong);
    background: var(--theme-surface-strong);
}

.auth-google-mark {
    background: transparent;
}

.auth-divider::before,
.auth-divider::after {
    background: var(--theme-border);
}

.auth-field input,
.auth-password-control input {
    border-color: var(--theme-border);
    background: var(--theme-surface-soft);
    color: var(--theme-text);
    caret-color: var(--theme-gold);
    -webkit-text-fill-color: var(--theme-text);
    opacity: 1;
}

.auth-field input::placeholder,
.auth-password-control input::placeholder {
    color: var(--theme-muted);
    -webkit-text-fill-color: var(--theme-muted);
    opacity: 0.82;
}

.auth-field input:focus,
.auth-password-control input:focus {
    border-color: var(--theme-gold);
    box-shadow: 0 0 0 4px rgba(244, 180, 0, 0.12);
}

.auth-field input:-webkit-autofill,
.auth-field input:-webkit-autofill:hover,
.auth-field input:-webkit-autofill:focus {
    border-color: var(--theme-border-strong);
    -webkit-text-fill-color: var(--theme-text);
    -webkit-box-shadow: 0 0 0 1000px var(--theme-surface-soft) inset;
    caret-color: var(--theme-gold);
}

.auth-password-toggle {
    color: var(--theme-muted);
}

.auth-password-toggle:hover,
.auth-password-toggle:focus-visible,
.auth-text-button {
    color: var(--theme-gold);
}

.auth-submit {
    background: linear-gradient(135deg, var(--theme-gold-soft), var(--theme-gold));
    color: #07111e;
}

.auth-legal a {
    color: var(--theme-gold);
}

@media (max-width: 1024px) {
    .auth-layout {
        max-width: 680px;
        margin: 0 auto;
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .auth-info,
    .auth-info h2,
    .auth-info > p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .home-page {
        --home-shell-width: min(900px, calc(100% - 32px));
    }

    .home-page .pp-hero-inner {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .home-page .pp-hero-heading {
        max-width: 760px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .pp-home-snapshot {
        width: 100%;
        margin: 0 auto;
    }

    .theme-toggle-label {
        display: none;
    }

    .theme-toggle {
        padding-right: 5px;
    }
}

@media (max-width: 640px) {
    .home-page {
        --home-shell-width: min(600px, calc(100% - 24px));
    }

    .pp-home-snapshot {
        padding: 12px;
        border-radius: 20px;
    }

    .pp-home-snapshot-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .pp-home-snapshot-trust .trust-item {
        min-height: 92px;
    }

    .pp-home-plugin-rating {
        display: none;
    }

    .pp-home-plugin-metric {
        min-width: 62px;
    }

    .pp-home-snapshot-trust {
        grid-template-columns: 1fr;
    }

    .auth-shell {
        width: min(100% - 24px, 620px);
        padding-top: 20px;
    }

    .auth-info h2 {
        font-size: 40px;
    }

    .auth-card {
        padding: 28px 20px;
        border-radius: 20px;
    }

    .theme-toggle {
        min-height: 40px;
        padding: 3px;
    }

    .theme-toggle-track {
        width: 48px;
        height: 28px;
    }

    .theme-toggle-thumb {
        width: 22px;
        height: 22px;
    }

    html[data-theme="dark"] .theme-toggle-thumb {
        transform: translateX(20px);
    }
}

@media (prefers-reduced-motion: reduce) {
    html.theme-ready,
    html.theme-ready *,
    .theme-toggle-thumb {
        transition: none !important;
    }
}


/* PulseMetrics shared header fix */
.report-nav {
    width: 100%;
    background: transparent;
}

.report-nav .site-header-shell {
    width: min(var(--page-width), calc(100% - 40px));
    max-width: none;
    min-height: 96px;
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

.account-page .report-nav .site-header-shell {
    width: min(var(--page-width), calc(100% - 40px));
}

.home-page .report-nav .site-header-shell {
    width: var(--home-shell-width);
}

.report-page .report-nav .site-header-shell,
.demo-report-page .report-nav .site-header-shell {
    width: min(var(--page-width), calc(100% - 40px));
}

.report-nav .pluginpulse-brand {
    width: auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-self: start;
}

.report-nav .pluginpulse-brand-svg {
    width: clamp(240px, 22vw, 290px);
    height: auto;
    display: block;
    overflow: visible;
}

.report-nav .pluginpulse-brand-svg .pulsemetrics-logo-text {
    fill: var(--theme-text);
}

.report-nav .main-nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.report-nav .main-nav a {
    min-height: 44px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    color: var(--theme-muted);
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
}

.report-nav .main-nav a:hover,
.report-nav .main-nav a.is-active {
    background: transparent;
    box-shadow: none;
    color: var(--theme-text);
    transform: none;
}

.report-nav .main-nav a[hidden] {
    display: none !important;
}

.report-nav .main-nav [data-auth-nav="upgrade"] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--theme-gold-soft), var(--theme-gold));
    color: #07111e;
    box-shadow: 0 10px 24px rgba(244, 180, 0, 0.16);
    animation: header-button-glow 6.5s ease-in-out infinite;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.report-nav .main-nav [data-auth-nav="upgrade"]::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: -60%;
    left: -55%;
    width: 34%;
    height: 220%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.42),
        transparent
    );
    transform: translateX(0) rotate(18deg);
    will-change: transform, opacity;
    animation: header-button-shimmer 7.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.report-nav .main-nav [data-auth-nav="upgrade"]:hover {
    background: linear-gradient(135deg, #ffe17b, var(--theme-gold));
    color: #07111e;
    transform: translateY(-2px);
    box-shadow: 0 15px 34px rgba(244, 180, 0, 0.3);
}

.report-nav .main-nav [data-auth-nav="signout"] {
    color: var(--theme-text);
}

html.is-signed-in .report-nav .header-actions {
    min-width: 130px;
}

.report-nav .header-actions {
    width: auto;
    min-width: 0;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    justify-self: end;
}

.report-nav .header-login-link {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--theme-text);
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
    text-decoration: none;
}

.report-nav .header-login-link:hover {
    color: #a66f00;
}

.report-nav .header-login-link[hidden] {
    display: none !important;
}

.report-nav .header-saved-link {
    min-height: 44px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    border-color: var(--theme-border-strong);
    background: var(--theme-surface);
    color: var(--theme-text);
    box-shadow: none;
}

.report-nav .header-saved-link:hover {
    border-color: var(--theme-gold);
    background: var(--theme-surface-strong);
    color: var(--theme-gold);
}

.header-profile-menu {
    position: relative;
    display: flex;
    align-items: center;
}

.report-nav .header-profile-link {
    width: 46px;
    height: 46px;
    padding: 0;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border: 1px solid var(--theme-border-strong);
    border-radius: 50%;
    background: var(--theme-surface);
    color: var(--theme-text);
    font-size: 14px;
    font-weight: 900;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(17, 24, 47, 0.08);
}

.report-nav .header-profile-link:hover {
    border-color: var(--theme-gold);
    color: var(--theme-gold);
}

.report-nav .header-profile-link[hidden],
.report-nav [data-auth-upgrade][hidden] {
    display: none !important;
}

.header-profile-dropdown {
    position: absolute;
    z-index: 100;
    top: calc(100% + 12px);
    right: 0;
    width: 238px;
    padding: 8px;
    border: 1px solid var(--theme-border);
    border-radius: 16px;
    background: var(--theme-surface);
    box-shadow: var(--theme-shadow);
}

.header-profile-dropdown[hidden] {
    display: none;
}

.header-profile-identity {
    padding: 10px 11px 12px;
    border-bottom: 1px solid var(--theme-border);
}

.header-profile-identity strong,
.header-profile-identity span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-profile-identity strong {
    color: var(--theme-text);
    font-size: 13px;
}

.header-profile-identity span {
    margin-top: 4px;
    color: var(--theme-muted);
    font-size: 12px;
}

.header-profile-dropdown > a,
.header-profile-dropdown > button {
    width: 100%;
    min-height: 42px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--theme-text);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.header-profile-dropdown > a:first-of-type {
    margin-top: 6px;
}

.header-profile-dropdown > a:hover,
.header-profile-dropdown > button:hover {
    background: var(--theme-surface-strong);
}

.header-profile-dropdown > button {
    color: #d34b4b;
}

html[data-theme="dark"] .report-metrics article,
html[data-theme="dark"] .report-access-notice {
    border-color: var(--theme-border-strong);
    background: var(--theme-surface);
    box-shadow: var(--theme-shadow);
}

html[data-theme="dark"] .report-metrics span,
html[data-theme="dark"] .report-metrics small,
html[data-theme="dark"] .report-access-notice span {
    color: var(--theme-muted);
}

html[data-theme="dark"] .report-metrics strong,
html[data-theme="dark"] .report-access-notice strong {
    color: var(--theme-text);
}

html[data-theme="dark"] .report-title-row > span,
html[data-theme="dark"] .report-chart-tabs,
html[data-theme="dark"] .report-performance-summary article,
html[data-theme="dark"] .report-health-grid article,
html[data-theme="dark"] .report-seo-category,
html[data-theme="dark"] .report-check {
    border-color: var(--theme-border);
    background: var(--theme-surface-soft);
    background-image: none;
    box-shadow: none;
}

html[data-theme="dark"] .report-chart-shell {
    border-color: var(--theme-border);
    background: var(--theme-surface-soft);
    background-image: none;
}

html[data-theme="dark"] .report-health-grid strong,
html[data-theme="dark"] .report-seo-category span,
html[data-theme="dark"] .report-check span {
    color: var(--theme-text);
}

html[data-theme="dark"] .report-health-grid small,
html[data-theme="dark"] .report-seo-category p,
html[data-theme="dark"] .report-check p {
    color: var(--theme-muted);
}

html[data-theme="dark"] .report-progress,
html[data-theme="dark"] .report-seo-category > i,
html[data-theme="dark"] .report-check i,
html[data-theme="dark"] .report-recommendation > b {
    background: var(--theme-surface-strong);
}

html[data-theme="dark"] .report-hero {
    border-bottom-color: var(--theme-border-strong);
    background: linear-gradient(
        180deg,
        #091321 0 390px,
        var(--theme-bg-soft) 390px
    );
}

.report-nav .primary-button {
    min-height: 46px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 14px;
    color: #07111e;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.report-nav .theme-toggle {
    min-height: 44px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0;
    border: 0;
    border-radius: 999px;
    background: var(--theme-surface);
    color: var(--theme-text);
    box-shadow: 0 8px 24px rgba(17, 24, 47, 0.06);
    font: inherit;
    cursor: pointer;
}

.report-nav .theme-toggle:hover,
.report-nav .theme-toggle:focus-visible {
    border: 0;
}

@media (max-width: 1200px) {
    .report-nav .site-header-shell {
        width: min(100% - 32px, 900px);
        grid-template-columns: minmax(210px, 1fr) auto;
        gap: 18px;
        padding: 14px 0 12px;
    }

    .report-nav .main-nav {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .report-nav .header-actions {
        width: auto;
        min-width: 0;
        grid-column: 2;
        grid-row: 1;
    }

    .account-page .account-main {
        width: min(100% - 32px, 900px);
    }
}

@media (max-width: 680px) {
    .report-nav .site-header-shell {
        width: min(100% - 24px, 600px);
        grid-template-columns: 1fr;
    }

    .report-nav .pluginpulse-brand,
    .report-nav .header-actions,
    .report-nav .main-nav {
        width: 100%;
        grid-column: 1;
        justify-content: flex-start;
    }

    .report-nav .pluginpulse-brand-svg {
        width: min(250px, 74vw);
    }

    .report-nav .header-actions {
        grid-row: 2;
        flex-wrap: wrap;
    }

    .report-nav .main-nav {
        grid-row: 3;
    }

    .account-page .account-main {
        width: min(100% - 24px, 600px);
    }
}