/* UsynAI public-site refresh: landing-grade graphite/coral identity across public pages. */
:root {
  --us-bg: #f5f1e8;
  --us-paper: #fffaf1;
  --us-paper-2: #f9f3e8;
  --us-ink: #0d0e0c;
  --us-black: #0d0e0c;
  --us-black-2: #151613;
  --us-coral: #ff6b55;
  --us-coral-deep: #c54330;
  --us-muted: #6b655c;
  --us-line: rgba(13, 14, 12, .13);
  --us-line-strong: rgba(13, 14, 12, .24);
  --us-shadow: 0 28px 70px rgba(34, 28, 18, .10);
  --us-shadow-dark: 0 28px 80px rgba(0, 0, 0, .26);
}

html,
body {
  background: var(--us-bg);
}

body::before {
  opacity: .46;
  background-image:
    linear-gradient(rgba(13, 14, 12, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13, 14, 12, .035) 1px, transparent 1px);
  background-size: 48px 48px;
}

.site-header,
.seo-header,
.faq-header {
  border-bottom-color: var(--us-line-strong) !important;
  background: rgba(245, 241, 232, .92) !important;
  backdrop-filter: blur(18px) saturate(140%);
}

.brand-mark,
.faq-brand-mark,
.seo-brand img {
  border: 1px solid rgba(255, 107, 85, .22) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 68% 18%, rgba(255, 107, 85, .14), transparent 30%),
    linear-gradient(145deg, #151613, #070806) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .16) !important;
}
.brand-mark img,
.seo-brand img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.brand strong,
.faq-brand strong,
.seo-brand span {
  color: var(--us-ink) !important;
  letter-spacing: -.02em;
}
.brand small,
.faq-brand small {
  color: rgba(13, 14, 12, .62) !important;
}

.button-primary,
.header-cta,
.seo-button,
.faq-cabinet-button,
.faq-primary-button {
  color: var(--us-bg) !important;
  border-color: rgba(13, 14, 12, .95) !important;
  background: linear-gradient(180deg, #151613 0%, #070806 100%) !important;
  box-shadow: 0 18px 44px rgba(13, 14, 12, .14) !important;
}
.button-primary:hover,
.header-cta:hover,
.seo-button:hover,
.faq-cabinet-button:hover,
.faq-primary-button:hover {
  background: var(--us-coral) !important;
  border-color: var(--us-coral) !important;
  transform: translateY(-1px);
}
.button-secondary,
.seo-button.secondary,
.faq-secondary-button {
  color: var(--us-ink) !important;
  border-color: var(--us-line-strong) !important;
  background: rgba(255, 250, 241, .78) !important;
}

.terminal-kicker,
.light-kicker,
.section-heading > span,
.final-cta > .container > span,
.card em,
.priority-board em,
.seo-eyebrow,
.seo-section-heading span,
.faq-kicker {
  color: var(--us-coral) !important;
}

.hero {
  background:
    radial-gradient(circle at 88% 10%, rgba(255, 107, 85, .09), transparent 26%),
    radial-gradient(circle at 18% 90%, rgba(13, 14, 12, .045), transparent 25%) !important;
}
.hero h1,
.seo-hero h1,
.faq-hero h1 {
  font-weight: 760 !important;
  letter-spacing: -.046em !important;
}
.hero-copy > p,
.seo-lead,
.faq-hero-copy > p:not(.faq-kicker) {
  color: rgba(13, 14, 12, .64);
}
.metrics-strip > div,
.card,
.marketplace-card,
.priority-board,
.finance-board,
.launch-board,
.seo-card,
.seo-panel,
.faq-grid details,
.faq-list details,
.faq-steps article,
.faq-feature-grid article,
.faq-workflow,
.faq-token-note,
.faq-roadmap-grid article,
.faq-cta {
  border-color: var(--us-line) !important;
  background: rgba(255, 250, 241, .78) !important;
  box-shadow: 0 14px 38px rgba(34, 28, 18, .055) !important;
}

.product-terminal {
  border-color: rgba(13, 14, 12, .42) !important;
  background: var(--us-paper) !important;
  box-shadow: 0 34px 90px rgba(13, 14, 12, .16) !important;
}
.product-terminal::after,
.seo-hero::after,
.faq-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.product-terminal::after {
  top: -160px;
  right: -160px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(255, 255, 255, .08);
}
.terminal-top {
  height: 54px !important;
  color: rgba(245, 241, 232, .82) !important;
  background: var(--us-black) !important;
  border-color: rgba(255, 107, 85, .38) !important;
}
.terminal-top span:last-child::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--us-coral);
  box-shadow: 0 0 0 7px rgba(255, 107, 85, .10);
  vertical-align: 1px;
}
.terminal-grid { grid-template-columns: minmax(0, 1.42fr) minmax(250px, .58fr) !important; }
.terminal-main { background: rgba(255, 250, 241, .96) !important; }
.terminal-side {
  color: var(--us-bg) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .08), transparent 31%),
    linear-gradient(180deg, #11120f 0%, #0a0b09 100%) !important;
}
.terminal-decision { border-color: rgba(255, 255, 255, .08) !important; }
.terminal-decision h3 { color: var(--us-bg) !important; }
.terminal-decision p { color: rgba(245, 241, 232, .70) !important; }
.terminal-decision em { color: var(--us-coral) !important; }
.terminal-channels > div {
  border-color: rgba(245, 241, 232, .15) !important;
  background: rgba(245, 241, 232, .95) !important;
  color: var(--us-ink) !important;
}
.terminal-tax {
  border: 1px solid rgba(255, 107, 85, .34) !important;
  background: rgba(255, 107, 85, .12) !important;
}
.terminal-tax b { color: var(--us-coral) !important; }
.terminal-title em { color: #008260 !important; }
.terminal-chart i { background: linear-gradient(180deg, #171815 0%, #2c2a24 100%) !important; }
.market-pill.kaspi { color: var(--us-coral-deep) !important; }
.market-pill.halyk { color: #08724f !important; }

.seo-hero,
.faq-hero,
.final-cta .container {
  color: var(--us-bg) !important;
  border: 1px solid rgba(255, 107, 85, .28) !important;
  background:
    radial-gradient(circle at 87% 8%, rgba(255, 255, 255, .08), transparent 28%),
    radial-gradient(circle at 12% 96%, rgba(255, 107, 85, .12), transparent 34%),
    linear-gradient(145deg, #11120f, #070806) !important;
  box-shadow: var(--us-shadow-dark) !important;
}
.seo-hero h1,
.faq-hero h1,
.final-cta h2 {
  color: #ffc4b8 !important;
  text-shadow: 0 10px 34px rgba(255, 107, 85, .12);
}
.seo-hero p,
.faq-hero p,
.final-cta p { color: rgba(245, 241, 232, .70) !important; }
.seo-trust li,
.faq-trust-row span { color: rgba(245, 241, 232, .66) !important; }
.seo-trust li::marker,
.faq-trust-row span::before { color: var(--us-coral) !important; }

.section-heading h2::after,
.section-copy h2::after,
.seo-section-heading h2::after,
.faq-section-heading h2::after,
.faq-cta h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin-top: 18px;
  background: var(--us-coral);
}

.faq-list summary::after,
.faq-grid summary::after { color: var(--us-coral) !important; }
.faq-search:focus-within,
.faq-category-tabs button.active { border-color: var(--us-coral) !important; }
.faq-category-tabs button.active { background: var(--us-coral) !important; color: var(--us-bg) !important; }

@media (max-width: 1080px) {
  .terminal-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
  .site-header,
  .seo-header,
  .faq-header { background: rgba(245, 241, 232, .96) !important; }
  .terminal-side { background: #0d0e0c !important; }
  .hero { padding-top: 54px; }
}