/* SeedRush homepage (Bootstrap-friendly) */
:root {
  --brand-primary: #ee8b2b;   /* orange outline */
  --brand-bg: #fef9f3;        /* soft cream */
  --faq-blue: #8bcbe6;        /* light blue bars */
  --text-dark: #111;
  --brand-font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", Arial, sans-serif;
}

body {
  font-family: var(--brand-font);
  color: var(--text-dark);

  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'><rect fill='%23ffffff' width='2000' height='1500'/><defs><rect stroke='%23ffffff' stroke-width='0.3' width='1' height='1' id='s'/><pattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'><use fill='%23fcfcfc' href='%23s' y='2'/><use fill='%23fcfcfc' href='%23s' x='1' y='2'/><use fill='%23fafafa' href='%23s' x='2' y='2'/><use fill='%23fafafa' href='%23s'/><use fill='%23f7f7f7' href='%23s' x='2'/><use fill='%23f7f7f7' href='%23s' x='1' y='1'/></pattern><pattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'><g fill='%23f5f5f5'><use href='%23s'/><use href='%23s' y='5'/><use href='%23s' x='1' y='10'/><use href='%23s' x='2' y='1'/><use href='%23s' x='2' y='4'/><use href='%23s' x='3' y='8'/><use href='%23s' x='4' y='3'/><use href='%23s' x='4' y='7'/><use href='%23s' x='5' y='2'/><use href='%23s' x='5' y='6'/><use href='%23s' x='6' y='9'/></g></pattern><pattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'><g fill='%23f5f5f5'><use href='%23s' y='5'/><use href='%23s' y='8'/><use href='%23s' x='1' y='1'/><use href='%23s' x='1' y='9'/><use href='%23s' x='1' y='12'/><use href='%23s' x='2'/><use href='%23s' x='2' y='4'/><use href='%23s' x='3' y='2'/><use href='%23s' x='3' y='6'/><use href='%23s' x='3' y='11'/><use href='%23s' x='4' y='3'/><use href='%23s' x='4' y='7'/><use href='%23s' x='4' y='10'/></g></pattern><pattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'><g fill='%23f2f2f2'><use href='%23s' y='11'/><use href='%23s' x='2' y='9'/><use href='%23s' x='5' y='12'/><use href='%23s' x='9' y='4'/><use href='%23s' x='12' y='1'/><use href='%23s' x='16' y='6'/></g></pattern><pattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'><g fill='%23ffffff'><use href='%23s' y='9'/><use href='%23s' x='16' y='5'/><use href='%23s' x='14' y='2'/><use href='%23s' x='11' y='11'/><use href='%23s' x='6' y='14'/></g><g fill='%23efefef'><use href='%23s' x='3' y='13'/><use href='%23s' x='9' y='7'/><use href='%23s' x='13' y='10'/><use href='%23s' x='15' y='4'/><use href='%23s' x='18' y='1'/></g></pattern><pattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'><g fill='%23ffffff'><use href='%23s' x='2' y='5'/><use href='%23s' x='16' y='38'/><use href='%23s' x='46' y='42'/><use href='%23s' x='29' y='20'/></g></pattern><pattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'><g fill='%23ffffff'><use href='%23s' x='33' y='13'/><use href='%23s' x='27' y='54'/><use href='%23s' x='55' y='55'/></g></pattern><pattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'><g fill='%23ffffff'><use href='%23s' x='11' y='8'/><use href='%23s' x='51' y='13'/><use href='%23s' x='17' y='73'/><use href='%23s' x='99' y='57'/></g></pattern></defs><rect fill='url(%23a)' width='100%' height='100%'/><rect fill='url(%23b)' width='100%' height='100%'/><rect fill='url(%23h)' width='100%' height='100%'/><rect fill='url(%23c)' width='100%' height='100%'/><rect fill='url(%23d)' width='100%' height='100%'/><rect fill='url(%23e)' width='100%' height='100%'/><rect fill='url(%23f)' width='100%' height='100%'/><rect fill='url(%23g)' width='100%' height='100%'/></svg>") 
    no-repeat center;
  background-size: cover;
}

html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
}
/*footer {*/
/*  flex-shrink: 0;*/
/*}*/


/* Big brand title */
.title-brand { line-height: 1.05; letter-spacing: .5px; }

/* EXACT “Home | About” look (centered, dark, with a literal bar) */
.brand-nav { gap: .5rem; }
.brand-nav .nav-link {
  color: var(--text-dark);
  font-size: 1.35rem;
  font-weight: 500;
  padding: 0 .25rem;
}
.brand-nav .nav-link:hover,
.brand-nav .nav-link:focus { text-decoration: underline; }
.brand-nav .nav-sep {
  display: flex; align-items: center; justify-content: center;
  padding: 0 .25rem; color: var(--text-dark); font-size: 1.35rem; font-weight: 600;
}

/* CTA box (around PayButton) */
.cta-box {
  min-width: 280px;
  max-width: 460px;
  width: 100%;
  background: var(--brand-bg);
  border: 3px solid var(--brand-primary);
  border-radius: 18px;
  padding: 18px 12px;
  box-shadow: 0 8px 10px rgba(238,139,43,0.15);
  display: flex; align-items: center; justify-content: center;
}
#my_button { display: inline-flex; align-items: center; justify-content: center; }

/* FAQ accordion styled like light-blue bars */
.faq-accordion .accordion-item {
  border: 1px solid rgba(0,0,0,.3);
  border-radius: .25rem;
  overflow: hidden;
  margin-bottom: 12px;
}

.faq-accordion .accordion-button {
  background: var(--faq-blue);
  color: #fff;
  font-weight: 700;
  padding: 14px 16px;
  box-shadow: none !important;
}
.faq-accordion .accordion-button.collapsed {
  background: var(--faq-blue);
  color: #fff;
}
.faq-accordion .accordion-button::after {
  /* keep default chevron; make it visible on blue */
  filter: brightness(0) invert(1);
}
.faq-accordion .accordion-body {
  background: #fff;
  color: var(--text-dark);
  font-weight: 500;
  line-height: 1.6;
}