/* Anara-inspired marketing theme. flat, typographic, accent-free */

@import url('ync-tokens.css?v=ync103');

.ync-theme-anara {
  --ync-gutter: clamp(1rem, 4vw, 2rem);
  --ync-max: 1200px;
  --ync-max-wide: 1280px;
  --ync-shadow-sm: none;
  --ync-shadow: none;
  --ync-shadow-lg: none;
  --ync-radius-pill: 9999px;
}

.ync-theme-anara.mkt-page,
.ync-theme-anara,
.ync-theme-anara .mkt-page--light {
  --max: none;
  background: #ffffff;
  color: rgb(23, 23, 23);
  font-family: var(--ync-font);
  font-weight: 500;
  letter-spacing: -0.02em;
}

/* Hide gradient blobs */
.ync-theme-anara .ync-hero-bg {
  display: none;
}

/* Header. frosted white, flat */
.ync-theme-anara .mkt-top--light,
.ync-theme-anara .mkt-top--home {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ync-border);
  box-shadow: none !important;
}

.ync-theme-anara .mkt-top--light.is-scrolled,
.ync-theme-anara .mkt-top--home.is-scrolled {
  box-shadow: none !important;
}

.ync-theme-anara .mkt-top-links a {
  color: rgb(23, 23, 23);
  font-weight: 500;
  font-size: 0.9375rem;
  letter-spacing: -0.02em;
}

.ync-theme-anara .mkt-top-links a::after {
  display: none;
}

.ync-theme-anara .mkt-top-links a:hover {
  background: rgba(237, 237, 237, 0.99);
  border-radius: 8px;
  padding: 0.35rem 0.65rem;
  margin: -0.35rem -0.65rem;
}

.ync-theme-anara .mkt-nav-drawer-inner a:hover {
  background: rgba(237, 237, 237, 0.99);
}

/* Buttons. flat pills, no gradient */
.ync-theme-anara .mkt-btn {
  font-weight: 550;
  letter-spacing: -0.02em;
  border-radius: var(--ync-radius-pill);
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

.ync-theme-anara .mkt-btn-dark {
  background: rgb(23, 23, 23);
  color: #ffffff;
  border: 1px solid rgb(23, 23, 23);
}

.ync-theme-anara .mkt-btn-dark:hover {
  background: rgba(237, 237, 237, 0.99);
  color: rgb(23, 23, 23);
  border-color: var(--ync-border);
}

.ync-theme-anara .mkt-btn-outline {
  background: transparent;
  color: rgb(23, 23, 23);
  border: 1px solid var(--ync-border);
}

.ync-theme-anara .mkt-btn-outline:hover {
  background: rgba(237, 237, 237, 0.99);
  border-color: var(--ync-border);
}

.ync-theme-anara .mkt-top-cta {
  box-shadow: none !important;
}

/* Typography */
.ync-theme-anara .ync-hero-copy h1,
.ync-theme-anara .ync-section h2,
.ync-theme-anara .ync-pipeline-header h2,
.ync-theme-anara .ync-outreach-header h2,
.ync-theme-anara .ync-features-header h2,
.ync-theme-anara .ync-philosophy h2,
.ync-theme-anara .ync-final-cta h2 {
  font-family: var(--ync-font-display);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: rgb(23, 23, 23);
}

.ync-theme-anara .ync-hero-copy h1 {
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  max-width: 14ch;
}

.ync-theme-anara .ync-section h2,
.ync-theme-anara .ync-pipeline-header h2,
.ync-theme-anara .ync-outreach-header h2 {
  font-size: clamp(2rem, 4.5vw, 3.5rem);
}

.ync-theme-anara .text-gradient {
  background: none;
  -webkit-text-fill-color: rgb(23, 23, 23);
  color: rgb(23, 23, 23);
}

.ync-theme-anara .ync-eyebrow {
  color: #666666;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-transform: none;
}

.ync-theme-anara .ync-section-lead,
.ync-theme-anara .ync-hero-sub p {
  color: #666666;
  font-weight: 500;
  border-left-color: var(--ync-border);
}

.ync-theme-anara .ync-hero-sub p:hover {
  border-left-color: rgb(23, 23, 23);
}

.ync-theme-anara h3 {
  font-family: var(--ync-font);
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* Hero visual. flat frame */
.ync-theme-anara .ync-dashboard-frame::before {
  display: none;
}

.ync-theme-anara .ync-dashboard-frame {
  border: 1px solid var(--ync-border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none !important;
}

.ync-theme-anara .ync-dashboard-frame:hover {
  transform: none;
  box-shadow: none !important;
}

.ync-theme-anara .ync-dashboard-frame img {
  border-radius: 0;
}

/* Sections */
.ync-theme-anara .ync-section--muted {
  background: rgb(247, 247, 247);
}

/* Workflow cards */
.ync-theme-anara .ync-flow-step {
  background: #ffffff;
  border: 1px solid var(--ync-border);
  box-shadow: none !important;
}

.ync-theme-anara .ync-flow-step:hover {
  box-shadow: none !important;
  border-color: var(--ync-border-strong);
}

.ync-theme-anara .ync-flow-icon {
  background: rgb(247, 247, 247);
  color: rgb(23, 23, 23);
  border: 1px solid var(--ync-border);
  box-shadow: none;
}

.ync-theme-anara .ync-flow-num {
  color: #9a9a9a;
}

.ync-theme-anara .ync-flow-connector {
  background: var(--ync-border);
}

/* Pipeline table */
.ync-theme-anara .ync-pipeline-table-card {
  border: 1px solid var(--ync-border);
  box-shadow: none !important;
  border-radius: 16px;
}

.ync-theme-anara .ync-pipeline-table thead th {
  color: #666666;
  font-weight: 600;
}

.ync-theme-anara .ync-pipeline-table thead th:hover,
.ync-theme-anara .ync-pipeline-table thead th.is-sorted-asc,
.ync-theme-anara .ync-pipeline-table thead th.is-sorted-desc {
  color: rgb(23, 23, 23);
  background: rgba(237, 237, 237, 0.5);
}

.ync-theme-anara .ync-pipeline-table th.is-sorted-asc .ync-sort-icon::after,
.ync-theme-anara .ync-pipeline-table th.is-sorted-desc .ync-sort-icon::after {
  color: rgb(23, 23, 23);
}

.ync-theme-anara .ync-gradient-badge {
  background: rgb(23, 23, 23);
  color: #ffffff;
  box-shadow: none !important;
  animation: none;
}

.ync-theme-anara .ync-gradient-badge--soft {
  background: #ffffff;
  color: rgb(23, 23, 23);
  border: 1px solid var(--ync-border);
}

.ync-theme-anara .ync-score-chip--icp {
  background: rgb(247, 247, 247);
  color: rgb(23, 23, 23);
  border: 1px solid var(--ync-border);
}

.ync-theme-anara .ync-tier-indicator--hot,
.ync-theme-anara .ync-tier-indicator--warm {
  background: rgb(23, 23, 23);
  box-shadow: none;
}

.ync-theme-anara .ync-pipeline-preview-bar {
  background: rgb(247, 247, 247);
  border-bottom: 1px solid var(--ync-border);
}

.ync-theme-anara .ync-pipeline-preview-label {
  color: #666666;
}

.ync-theme-anara .ync-pipeline-table tbody tr:hover,
.ync-theme-anara .ync-pipeline-table tbody tr.is-active {
  background: rgba(237, 237, 237, 0.45);
}

.ync-theme-anara .ync-pipeline-table tbody tr::before,
.ync-theme-anara .ync-pipeline-table tbody tr:hover::before,
.ync-theme-anara .ync-pipeline-table tbody tr.is-active::before {
  display: none;
}

.ync-theme-anara .ync-chart-card {
  border: 1px solid var(--ync-border);
  box-shadow: none !important;
  background: #ffffff;
}

.ync-theme-anara .ync-sidebar-glow {
  display: none;
}

.ync-theme-anara .ync-tier-bar-fill--hot,
.ync-theme-anara .ync-tier-bar-fill--warm,
.ync-theme-anara .ync-tier-bar-fill--cold {
  background: rgb(23, 23, 23);
  opacity: 0.85;
}

.ync-theme-anara .ync-tier-bar-fill--warm {
  opacity: 0.55;
}

.ync-theme-anara .ync-tier-bar-fill--cold {
  opacity: 0.25;
}

/* Outreach accordion */
.ync-theme-anara .ync-outreach-card {
  border: 1px solid var(--ync-border);
  box-shadow: none !important;
  border-radius: 16px;
}

.ync-theme-anara .ync-outreach-card.is-open {
  box-shadow: none !important;
}

.ync-theme-anara .ync-outreach-card-header:hover {
  background: rgba(237, 237, 237, 0.5);
}

.ync-theme-anara .ync-outreach-score {
  background: rgb(23, 23, 23);
  color: #fff;
  box-shadow: none;
}

.ync-theme-anara .ync-outreach-card.is-open .ync-outreach-card-header {
  border-bottom: 1px solid var(--ync-border);
}

.ync-theme-anara .ync-outreach-msg {
  border-left: 2px solid var(--ync-border);
}

/* Features */
.ync-theme-anara .ync-feature-card {
  border: 1px solid var(--ync-border);
  box-shadow: none !important;
  background: #ffffff;
}

.ync-theme-anara .ync-feature-card:hover {
  box-shadow: none !important;
  border-color: var(--ync-border-strong);
}

.ync-theme-anara .ync-feature-icon {
  background: rgb(247, 247, 247);
  border: 1px solid var(--ync-border);
  color: rgb(23, 23, 23);
}

/* Philosophy / pricing */
.ync-theme-anara .ync-philosophy-card {
  border: 1px solid var(--ync-border);
  box-shadow: none !important;
}

.ync-theme-anara .ync-philosophy-card--highlight {
  border: 1px solid rgb(23, 23, 23);
  background: #ffffff;
}

.ync-theme-anara .ync-philosophy-card--highlight::before {
  display: none;
}

.ync-theme-anara .ync-philosophy-badge {
  background: rgb(247, 247, 247);
  color: rgb(23, 23, 23);
  border: 1px solid var(--ync-border);
}

/* Final CTA */
.ync-theme-anara .ync-final-cta {
  background: rgb(247, 247, 247);
  border-top: 1px solid var(--ync-border);
  border-bottom: 1px solid var(--ync-border);
}

.ync-theme-anara .ync-final-cta::before {
  display: none;
}

.ync-theme-anara .ync-final-cta-inner {
  box-shadow: none;
}

.ync-theme-anara .ync-checklist li::before {
  background: rgb(23, 23, 23);
  box-shadow: none;
}

/* Footer */
.ync-theme-anara .mkt-footer {
  border-top: 1px solid var(--ync-border);
  background: #ffffff;
}

.ync-theme-anara .mkt-footer a:hover {
  color: rgb(23, 23, 23);
}

/* Disable motion flourishes */
.ync-theme-anara.ync-motion .ync-pipeline-table tbody tr:hover .ync-gradient-badge,
.ync-theme-anara.ync-motion .ync-pipeline-table tbody tr.is-active .ync-gradient-badge {
  transform: none;
}

/* Contained layout. Anara-style side margins */
.ync-theme-anara .ync-wrap,
.ync-theme-anara .mkt-top-bar,
.ync-theme-anara .ync-section-inner {
  max-width: var(--ync-max);
  width: 100%;
  margin-inline: auto;
  padding-left: var(--ync-gutter);
  padding-right: var(--ync-gutter);
  box-sizing: border-box;
}

.ync-theme-anara .ync-section-inner--wide,
.ync-theme-anara .ync-pipeline-preview .ync-section-inner--wide {
  max-width: var(--ync-max-wide);
  width: 100%;
  margin-inline: auto;
  padding-left: var(--ync-gutter);
  padding-right: var(--ync-gutter);
  box-sizing: border-box;
}

.ync-theme-anara .ync-section--muted {
  padding-left: var(--ync-gutter);
  padding-right: var(--ync-gutter);
}

.ync-theme-anara .mkt-footer,
.ync-theme-anara .mkt-footer-inner {
  max-width: var(--ync-max);
  margin-inline: auto;
  padding-left: var(--ync-gutter);
  padding-right: var(--ync-gutter);
  box-sizing: border-box;
}

.ync-theme-anara .pricing-shell,
.ync-theme-anara .mkt-shell {
  max-width: var(--ync-max);
  margin-inline: auto;
  padding-left: var(--ync-gutter);
  padding-right: var(--ync-gutter);
}

/* Text wordmark logo (Anara-style) */
.ync-theme-anara .brand-logo--text .brand-wordmark {
  font-family: var(--ync-font-display);
  font-size: 1.35rem;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: rgb(23, 23, 23);
  line-height: 1;
}

.ync-theme-anara .brand-logo--text .brand-mark-img {
  display: block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
