/* AhanaFlow — Zip letter scale + Zip ticket geometry in teal/pewter */
:root {
  --flow-teal: #167d78;
  --flow-teal-deep: #0e4f4c;
  --flow-ink: #062422;
  --flow-silver: #b8c0c6;
  --flow-silver-hot: #c5ccd3;
  --flow-silver-edge: #8a939c;
  --gold-stroke: #C06E0C;
  --gold-fill: #F4E19A;
  --display: Palatino, "Palatino Linotype", "Times New Roman", serif;
  --ticket-teal-bg: linear-gradient(180deg, #2cb8b0, #167d78 48%, #0e4f4c);
  --ticket-teal-border: #6f7b82;
}
.flow-kicker,
.hero h1.flow-kicker,
h1.flow-kicker {
  margin: 1.4rem 0 .55rem;
  text-align: center;
  font-family: var(--display);
  font-size: clamp(2.4rem, 6.4vw, 4.2rem) !important;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.08;
  text-transform: none;
  color: var(--gold-fill);
  -webkit-text-stroke: 1.6px var(--gold-stroke);
  paint-order: stroke fill;
  text-shadow: 0 0 12px rgba(192,110,12,.35);
}
.flow-note,
.hero .lead,
.section-head p,
.use-case-line,
.pricing-footnote {
  font-size: 1.05rem;
  line-height: 1.5;
}
.section-head .eyebrow,
.use-cases-section .eyebrow {
  font-family: var(--display);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none;
  color: var(--gold-fill);
  -webkit-text-stroke: 1px var(--gold-stroke);
  paint-order: stroke fill;
}
.section-head h2,
.beat-card h3,
.verdict-card h3 {
  font-family: var(--display);
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--gold-fill);
  -webkit-text-stroke: 1.2px var(--gold-stroke);
  paint-order: stroke fill;
}
.ticket-wrap { text-align: center; margin: 1.25rem 0 .5rem; }
.ticket-teal {
  display: block;
  width: min(24rem, 100%);
  margin: 0 auto;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--flow-silver-hot);
  text-decoration: none;
  transform: rotate(-2deg);
  filter: drop-shadow(0 14px 22px rgba(0,0,0,.4));
  font: inherit;
  padding: 0;
}
.ticket-teal:hover { transform: rotate(0) scale(1.03); }
.ticket-teal .face {
  display: block;
  text-align: center;
  background: var(--ticket-teal-bg);
  border: 3px solid var(--flow-silver-edge);
  border-radius: 6px;
  padding: 1.1rem 1.25rem 1.1rem 1.75rem;
  box-shadow: inset 0 1px 0 rgba(197,204,211,.28);
}
.ticket-teal .title {
  display: block;
  font-family: var(--display);
  font-size: 1.9rem;
  margin: .22rem 0 .12rem;
  color: var(--flow-silver-hot);
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(6,36,34,.55);
}
.ticket-teal:focus-visible { outline: 3px solid #b8c0c6; outline-offset: 4px; }
.flow-note { text-align: center; max-width: 36rem; margin: .4rem auto 1.4rem; }
.flow-note a { color: inherit; }
.beat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 640px) { .beat-grid { grid-template-columns: 1fr; } }
.beat-card { background: #d5dbe0; border: 1px solid #8a939c; border-radius: 12px; padding: 1rem 1.1rem; }
html[data-theme="dark"] .beat-card { background: #2a3036; border-color: #8a939c; color: #d5dbe0; }
.verdict-grid { display: grid; gap: 1rem; }
.verdict-card,
.verdict-card-positive {
  background: #d5dbe0 !important;
  border: 1px solid #8a939c !important;
  border-radius: 12px !important;
  color: #1c1b19;
}
html[data-theme="dark"] .verdict-card,
html[data-theme="dark"] .verdict-card-positive {
  background: #2a3036 !important;
  background-image: none !important;
  border-color: #8a939c !important;
  color: #d5dbe0 !important;
}
html[data-theme="dark"] .verdict-card li,
html[data-theme="dark"] .verdict-card p,
html[data-theme="dark"] .verdict-kicker {
  color: #d4e2f6 !important;
}
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .85rem; }
@media (max-width: 800px) { .pricing-grid { grid-template-columns: 1fr; } }
.pricing-card {
  background: var(--ticket-teal-bg);
  color: var(--flow-silver-hot);
  border: 3px solid var(--flow-silver-edge);
  border-radius: 6px;
  padding: 1.1rem 1rem 1.15rem;
  box-shadow: 0 10px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(197,204,211,.28);
}
.pricing-card .pricing-tier,
.pricing-card .pricing-price,
.pricing-badge { color: var(--flow-silver-hot); text-shadow: 0 1px 0 rgba(6,36,34,.55); }
.pricing-form-card input[type=email] {
  background: #c5ccd3;
  color: #062422;
  border: 1px solid #6f7b82;
  border-radius: 6px;
  padding: .45rem .6rem;
}
.pricing-form-card input[type=email]::placeholder { color: #4a555c; }
.pricing-form-card button,
.pricing-card .button-primary {
  background: linear-gradient(180deg, #c5ccd3, #9aa3ab);
  color: #062422;
  border: 2px solid #6f7b82;
  border-radius: 6px;
  font-weight: 800;
  cursor: pointer;
  padding: .45rem .7rem;
}
.hero-actions-buttons { display: none; }

html[data-theme="dark"] {
  --ink: #d4e2f6;
  --ink-soft: #9fb6d4;
  --ink-muted: #9fb6d4;
  --fg: #d4e2f6;
  --gold-fill: #F4E19A;
}
html[data-theme="dark"] body,
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] .flow-note,
html[data-theme="dark"] .hero .lead,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .use-case-line,
html[data-theme="dark"] .pricing-footnote,
html[data-theme="dark"] .beat-card p {
  color: #d4e2f6;
}
html[data-theme="dark"] .flow-note a,
html[data-theme="dark"] a {
  color: #9fb6d4;
}
html[data-theme="dark"] .chrome-theme {
  color: #d4e2f6;
  border-color: rgba(159,182,212,.45);
}
html[data-theme="dark"] .flow-kicker,
html[data-theme="dark"] .section-head .eyebrow,
html[data-theme="dark"] .use-cases-section .eyebrow,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .beat-card h3,
html[data-theme="dark"] .verdict-card h3,
html[data-theme="dark"] .chrome-page,
html[data-theme="dark"] .chrome-brand small {
  color: #F4E19A;
  -webkit-text-stroke: 1.4px #C06E0C;
  paint-order: stroke fill;
}