:root {
    --public-primary: #ff8c00;
    --public-primary-dark: #d66f00;
    --public-ink: #18212b;
    --public-ink-soft: #46505d;
    --public-muted: #6d7683;
    --public-line: #e4dfd7;
    --public-paper: #f7f4ef;
    --public-paper-strong: #fffaf2;
    --public-surface: #ffffff;
    --public-dark: #171b20;
    --public-green: #10875f;
    --public-shadow: 0 18px 50px rgba(34, 28, 18, .12);

    --primary: var(--public-primary) !important;
    --primary2: #ffb347 !important;
    --bg: var(--public-paper) !important;
    --dark: var(--public-paper) !important;
    --card: var(--public-surface) !important;
    --card2: #f5efe6 !important;
    --text: var(--public-ink) !important;
    --text-muted: var(--public-muted) !important;
    --muted: var(--public-muted) !important;
    --border: var(--public-line) !important;
    --line: var(--public-line) !important;
    --ink: var(--public-ink) !important;
    --soft: #fff3e1 !important;
}

html,
body {
    background: var(--public-paper) !important;
    color: var(--public-ink) !important;
}

body {
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
.section-title,
.si-title,
.release-date,
.footer-brand,
.nav-logo,
.logo,
.brand {
    letter-spacing: 0 !important;
}

body,
p,
li,
.section-sub,
.hero-sub,
.hero p,
.page-header p,
.change-content p,
.detail-row,
.trust-desc,
.step-desc,
.article-text,
.faq-a,
.kb-desc,
.footer-tagline {
    color: var(--public-ink-soft) !important;
}

h1,
h2,
h3,
h4,
strong,
.page-header h1,
.hero h1,
.release-date,
.change-content h3,
.pro-info h2,
.results-count,
.card-title,
.section-title,
.si-title,
.trust-title,
.step-title,
.kb-title,
.article-title {
    color: var(--public-ink) !important;
}

nav,
.nav {
    background: rgba(247, 244, 239, .94) !important;
    border-bottom: 1px solid rgba(24, 33, 43, .08) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

nav .nav-logo,
.nav .logo,
.topbar .brand,
.nav-logo,
.logo,
.brand {
    color: var(--public-ink) !important;
}

nav .nav-logo span,
.nav .logo span,
.topbar .brand span,
.nav-logo span,
.logo span,
.brand span {
    color: var(--public-primary) !important;
}

nav a,
.nav-link,
.nav a,
.topbar a {
    color: var(--public-ink-soft) !important;
}

nav a:hover,
.nav-link:hover,
.nav a:hover,
.topbar a:hover {
    color: var(--public-ink) !important;
    background: rgba(24, 33, 43, .06) !important;
}

.nav-cta,
.btn-main,
.btn-primary,
.search-btn,
.submit-btn,
.pricing-btn.btn-orange,
.mobile-nav-cta {
    background: var(--public-primary) !important;
    color: #fff !important;
    border-color: var(--public-primary) !important;
    box-shadow: 0 12px 26px rgba(255, 140, 0, .24) !important;
}

.btn-ghost,
.btn-light,
.btn-outline,
.btn-catalog,
.panel-link,
.back-link {
    background: #fff !important;
    color: var(--public-ink) !important;
    border: 1px solid var(--public-line) !important;
}

.page-header,
.hero,
.system-intro-section,
.pricing-section,
.reviews-section,
.profs-section {
    background:
        linear-gradient(180deg, rgba(255, 140, 0, .08), rgba(255, 140, 0, 0) 360px),
        var(--public-paper-strong) !important;
    border-bottom: 1px solid var(--public-line) !important;
}

.page-header,
.hero {
    padding-top: max(96px, 12vh) !important;
}

.hero::before,
.hero::after,
.pro-cta-box::before,
.pro-cta-box::after {
    opacity: .12 !important;
}

.container,
.main-content,
.timeline-wrap,
.page,
.content,
.kb-wrap,
.articles-wrap {
    color: var(--public-ink) !important;
}

.card,
.content-box,
.doc,
.meta-panel,
.toc,
.section-card,
.kb-card,
.article-card,
.article,
.feature-card,
.feature-card.light,
.data-card,
.trust-card,
.step-card,
.step,
.audience-card,
.cta-panel,
.request-panel,
.request-box,
.system-intro-box,
.si-col,
.pricing-card,
.review-card,
.pro-cta-box,
.alert-box,
.change-item,
.input-card,
.search-box,
.empty-state,
.modal-content,
.pro-card {
    background: var(--public-surface) !important;
    border-color: var(--public-line) !important;
    color: var(--public-ink) !important;
    border-radius: 8px !important;
    box-shadow: var(--public-shadow) !important;
}

.pro-card-placeholder {
    background:
        linear-gradient(145deg, rgba(255, 140, 0, .13), rgba(255, 255, 255, .9) 48%, rgba(16, 135, 95, .08)) !important;
    border-color: rgba(255, 140, 0, .42) !important;
}

.pro-card-placeholder::after {
    color: rgba(24, 33, 43, .05) !important;
}

.alert-orange {
    background: #fff4e3 !important;
    border-color: rgba(255, 140, 0, .24) !important;
}

.alert-blue {
    background: #eef5ff !important;
    border-color: rgba(59, 130, 246, .2) !important;
}

input,
select,
textarea,
.search-input,
.trad-input,
.trad-select,
.ai-textarea {
    background: #fff !important;
    color: var(--public-ink) !important;
    border: 1px solid #d9d1c5 !important;
    border-radius: 8px !important;
}

input::placeholder,
textarea::placeholder {
    color: #8b95a1 !important;
}

input:focus,
select:focus,
textarea:focus,
.search-input:focus,
.ai-textarea:focus {
    border-color: var(--public-primary) !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, .13) !important;
}

.autocomplete-dropdown {
    background: #fff !important;
    border-color: var(--public-primary) !important;
    box-shadow: var(--public-shadow) !important;
}

.autocomplete-item {
    color: var(--public-ink) !important;
    border-bottom-color: var(--public-line) !important;
}

.autocomplete-item:hover {
    background: #fff4e3 !important;
    color: var(--public-primary-dark) !important;
}

.section-eyebrow,
.hero-eyebrow,
.eyebrow,
.release-version,
.card-title,
.topic-chip:hover,
.article-icon,
.section-icon,
.feat-icon,
.trust-icon,
.step-num,
.pro-cat,
.total-price,
.ai-badge,
.ai-desc-label,
.ai-price strong {
    color: var(--public-primary-dark) !important;
}

.hero-eyebrow,
.eyebrow,
.release-version,
.pro-cat,
.ai-badge,
.topic-chip:hover {
    background: rgba(255, 140, 0, .1) !important;
    border-color: rgba(255, 140, 0, .22) !important;
}

.release-dot {
    background: #fff !important;
    box-shadow: 0 0 0 4px var(--public-paper), 0 10px 24px rgba(255, 140, 0, .24) !important;
}

.timeline-wrap::before {
    background: var(--public-line) !important;
}

.tag {
    border-radius: 8px !important;
}

.tag.new {
    background: rgba(16, 135, 95, .1) !important;
    color: var(--public-green) !important;
}

.tag.fix {
    background: rgba(214, 69, 69, .1) !important;
    color: #b73232 !important;
}

.tag.opt {
    background: rgba(59, 130, 246, .1) !important;
    color: #2563eb !important;
}

.mobile-nav-overlay {
    background: var(--public-paper) !important;
}

.mobile-nav-close,
.nav-hamburger {
    background: #fff !important;
    color: var(--public-ink) !important;
    border: 1px solid var(--public-line) !important;
    border-radius: 8px !important;
}

footer,
.footer {
    background: #111418 !important;
    border-top: 1px solid rgba(255, 255, 255, .1) !important;
    color: rgba(255, 255, 255, .66) !important;
}

footer *,
.footer * {
    color: inherit;
}

footer a,
.footer a,
.footer-bottom a {
    color: rgba(255, 255, 255, .62) !important;
}

footer a:hover,
.footer a:hover {
    color: var(--public-primary) !important;
}

footer .footer-brand,
.footer .footer-brand {
    color: #fff !important;
}

footer .footer-brand span,
.footer .footer-brand span {
    color: var(--public-primary) !important;
}

.modal-auth {
    background: rgba(17, 20, 24, .78) !important;
}

.seo-box div h3,
.seo-box div p {
    color: var(--public-ink) !important;
}

.total-display,
.card-title {
    border-color: var(--public-line) !important;
}

.remove-item-btn {
    border-radius: 8px !important;
}

.btn,
button,
.nav-link,
.topic-chip,
.prof-chip,
.pill,
.proof-pill {
    letter-spacing: 0 !important;
}

.prof-chip,
.topic-chip,
.pill,
.proof-pill {
    background: #fff !important;
    color: var(--public-ink) !important;
    border-color: var(--public-line) !important;
    text-decoration: none !important;
}

.prof-chip:hover,
.topic-chip:hover,
.proof-pill:hover {
    color: var(--public-primary-dark) !important;
    border-color: var(--public-primary) !important;
}

@media (max-width: 768px) {
    .page-header,
    .hero {
        padding-top: 88px !important;
    }

    .card,
    .content-box,
    .doc,
    .meta-panel,
    .toc,
    .kb-card,
    .article-card,
    .change-item,
    .pro-card {
        border-radius: 8px !important;
    }
}