:root {
  --bg: #fbf8f5;
  --surface: #ffffff;
  --surface-high: #fff3e8;
  --line: #e6ddd5;
  --text: #302723;
  --muted: #74675e;
  --wine: #c4020f;
  --orange: #f88e18;
  --accent: #a64d00;
  --purple: var(--wine);
  --green: var(--accent);
  color-scheme: light;
}

body {
  background: var(--bg);
  color: var(--text);
}

.ambient {
  display: none;
}

button:focus-visible,
a:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline-color: var(--wine);
}

.skip-link {
  background: var(--wine);
  color: #fff;
}

.site-header {
  border-color: var(--line);
  background: #ffffffeb;
  box-shadow: 0 5px 24px #57351906;
}

.brand-mark {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 50%;
}

.brand-word span {
  color: var(--muted);
  border-left-color: var(--line);
}

.top-nav,
.hero-eyebrow,
.hero p,
.hero-tags,
.tab-number,
.tab-en,
.eyebrow,
.plan-tag,
.plan-description,
.price-unit,
.plan-benefits,
.billing-note,
.comparison-heading p,
.difference-toggle,
.category-nav a,
.category-nav a span:last-child,
.group-meta,
.matrix-note,
.matrix-note-end,
.section-description,
.intro-tag,
.operation-kicker,
.operation-accounts,
.operation-guarantees span,
.service-option,
.selection-note,
.service-note,
.operations-bonus p,
.advanced-heading p,
.advanced-bundles ul,
.advanced-footer p span,
.tools-heading p,
.addon-subtitle,
.addon-description,
.training-strip p,
.creator-item small,
.section-heading p,
.process-grid p,
.faq-title p,
.faq-list details p,
.closing-section p,
.site-footer,
.footer-brand,
.dialog-description,
.dialog-close,
form label,
.form-footnote,
.inquiry-selected {
  color: var(--muted);
}

.top-nav a:hover,
.top-nav a.active {
  color: var(--wine);
}

.top-nav a.active:after,
.status-dot {
  background: var(--orange);
}

.status-dot {
  box-shadow: 0 0 10px #f88e1835;
}

.button-outline {
  border-color: #d9b7a8;
  color: #a32023;
  background: #fff;
}

.button-outline:hover {
  background: #fff3ec;
  border-color: var(--wine);
}

.button-primary {
  background: var(--wine);
  border-color: var(--wine);
  color: #fff;
}

.button-primary:hover {
  background: #a8000c;
  border-color: #a8000c;
}

.text-button,
.site-footer .text-button,
.contact-info a {
  color: var(--wine);
}

.text-button:hover {
  color: #91000a;
}

.hero h1 span {
  background-image: linear-gradient(105deg, #c4020f 5%, #c93912 55%, #ad5500 100%);
}

.hero-tags i {
  background: #bfb0a3;
}

.hero-spark,
.spark-two {
  color: var(--orange);
}

.service-tab {
  color: #7c6b61;
}

.service-tab.active,
.service-tab:hover,
.active .tab-number {
  color: var(--wine);
}

.service-tab.active:after {
  background: linear-gradient(90deg, var(--wine), var(--orange));
}

.cooperation-group + .cooperation-group {
  margin-top: 30px;
}

.cooperation-heading {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
}

.cooperation-heading h3 {
  font-size: 17px;
  font-weight: 600;
}

.cooperation-heading span {
  color: var(--muted);
  font-size: 11px;
}

.system-card,
.operation-card,
.addon-card,
.creator-item {
  border-color: var(--line);
  background: var(--surface);
  box-shadow: 0 6px 22px #57351904;
}

.operation-addons {
  margin: 0 0 22px;
  padding: 13px 14px;
  border: 1px solid #efd7c5;
  border-radius: 8px;
  background: #fff8f1;
}

.operation-addons h4 {
  margin-bottom: 8px;
  color: var(--wine);
  font-size: 11px;
  font-weight: 650;
}

.operation-addons ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px 10px;
}

.operation-addons li {
  display: flex;
  align-items: baseline;
  gap: 6px;
  color: var(--text);
  font-size: 10px;
  line-height: 1.7;
}

.operation-addons li::before {
  content: "✓";
  color: var(--accent);
  font-weight: 700;
}

.system-card.featured {
  border-color: #e4ab9c;
  background: linear-gradient(130deg, #fff 30%, #fff0e6);
}

.currency,
.operation-accounts strong,
.operation-guarantees strong,
.empty-state h3,
.faq-list summary,
.footer-brand strong {
  color: var(--text);
}

.featured .plan-tag,
.featured .price-number,
.revenue-extra,
.matrix-column-labels span:last-child,
.faq-list details[open] summary,
.closing-section h2 span {
  color: var(--wine);
}

.plan-benefits b,
.group-label svg,
.check-symbol,
.option-value,
.bonus-icon,
.bundle-label,
.advanced-bundles li:before,
.tool-note,
.training-strip > span,
.step-number {
  color: var(--accent);
}

.plan-bottom,
.operation-guarantees,
.operation-guarantees div + div,
.advanced-bundles,
.advanced-bundles article + article,
.addon-card .text-button {
  border-color: var(--line);
}

.switch-track {
  background: #e7dfd7;
  border-color: #bca99a;
}

.switch-track:after {
  background: #8c7767;
}

.difference-toggle input:checked + .switch-track {
  background: var(--wine);
  border-color: var(--wine);
}

.search-box {
  background: #fff;
  color: var(--muted);
}

.search-box input::placeholder,
form input::placeholder,
form textarea::placeholder {
  color: #807269;
}

.category-nav a:hover,
.category-nav a.current {
  background: #fceae5;
  color: var(--wine);
  border-color: #edc9bc;
}

.matrix-column-labels {
  background: #f3ebe4;
  border-color: var(--line);
}

.matrix-column-labels span:nth-child(2) {
  color: #69584c;
}

.feature-group {
  background: #fff;
  border-color: var(--line);
}

.feature-group summary {
  background: #f7f1eb;
}

.chevron {
  border-color: #927866;
}

.feature-table th,
.feature-table td {
  border-top-color: #eee7e0;
}

.feature-table th {
  color: #584a40;
}

.feature-table tr:nth-child(even) {
  background: #fdfaf7;
}

.feature-table tr:hover,
.service-option:hover {
  background: #fff1e4;
}

.feature-table td:last-child {
  background: #f88e1806;
}

.not-included {
  color: #8d7e73;
}

.empty-state {
  border-color: #cdb9aa;
  background: #fff;
}

.selection-heading span {
  color: var(--accent);
  background: #fff0dd;
}

.service-option input {
  border-color: #b8a595;
  background: #fff;
}

.service-option:has(input:checked) {
  background: #fdf0e9;
  border-color: #e7b4a2;
  color: #79342a;
}

.service-option input:checked {
  background: var(--wine);
  border-color: var(--wine);
}

.service-option input:checked:after {
  color: #fff;
}

.note-icon {
  border-color: #b6a496;
}

.operations-bonus {
  border-color: #e8d3c1;
  background: linear-gradient(100deg, #fff4e5, #fff);
}

.advanced-cooperation {
  border-color: #e7b9a4;
  background: linear-gradient(125deg, #fff 35%, #fff0e3);
}

.pill {
  border-color: #ecc49b;
  background: #fff0dc;
  color: var(--accent);
}

.advanced-footer strong {
  color: var(--wine);
}

.tool-icon {
  background: #fff1df;
  border-color: #f1d4ad;
  color: var(--accent);
}

.step-number:after {
  background: linear-gradient(90deg, #d8bca2, #d8bca200);
}

.process-grid,
.faq-list details {
  border-color: var(--line);
}

.faq-list summary span {
  color: var(--wine);
}

.closing-section {
  border-color: #ecd4c1;
  background: linear-gradient(110deg, #fff 5%, #fff0df);
}

.closing-orbit {
  border-color: #c96e211a;
  box-shadow: 0 0 0 65px #f88e1808, 0 0 0 130px #f88e1804;
}

.floating-contact {
  border-color: #e1c4b1;
  color: var(--wine);
  background: #fffffff0;
  box-shadow: 0 5px 25px #57351910;
}

.floating-contact:hover {
  border-color: var(--orange);
  background: #fff4e8;
}

dialog {
  border-color: #e4cfc0;
  background: #fffdfb;
  box-shadow: 0 25px 100px #4a302530;
}

dialog::backdrop {
  background: #3d2b2059;
}

form input,
form select,
form textarea,
#inquiry-result {
  background: #fff;
  border-color: #dbcfc4;
  color: var(--text);
}

form input[readonly] {
  color: #912520;
  background: #fff3ed;
  border-color: #eccabb;
}

.contact-info {
  color: #805436;
  border-color: #ecd3bd;
  background: #fff7ed;
}

.toast {
  background: #fff;
  border-color: #d9b59e;
  color: #6d3520;
  box-shadow: 0 4px 22px #57351912;
}

.noscript-notice {
  color: var(--wine);
}

@media (max-width: 760px) {
  .brand-mark {
    width: 34px;
    height: 34px;
  }

  .category-nav a {
    border-color: var(--line);
  }

  .category-nav a.current {
    border-color: #edc9bc;
  }
}