/* Shared money-page primitives (DA 2026). Use with site-chrome.css. */
:root{
  --af-bg:#0B0B11;
  --af-card:rgba(19,19,32,.75);
  --af-text:#fff;
  --af-muted:#A0A0B8;
  --af-line:#1C1C2E;
  --af-a:#E1306C;
  --af-b:#F77737;
  --af-soft:rgba(255,255,255,.045);
}
html{scroll-behavior:smooth;background:var(--af-bg)}
body.af-page{
  margin:0;
  font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;
  background:var(--af-bg);
  color:var(--af-text);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.af-page-wrap{
  width:min(1040px,calc(100% - 40px));
  margin:0 auto;
  padding:56px 0 100px;
}
.af-page-wrap.narrow{width:min(720px,calc(100% - 40px))}
.af-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--af-muted);margin:0 0 14px;
}
.af-eyebrow.pill{
  background:var(--af-card);border:1px solid var(--af-line);
  border-radius:999px;padding:8px 14px;
}
.af-page h1{
  font-size:clamp(1.9rem,4.2vw,3rem);
  line-height:1.12;letter-spacing:-.03em;font-weight:800;
  margin:0 0 14px;
}
.af-page .af-lead{
  color:var(--af-muted);font-size:1.08rem;line-height:1.6;
  margin:0 0 28px;max-width:640px;
}
.af-grad{
  background:linear-gradient(135deg,var(--af-a),var(--af-b));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.af-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}
.af-cta-row a,
.af-page .af-link-primary,
.af-page .af-link-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 22px;border-radius:999px;
  font-weight:700;font-size:14px;text-decoration:none;color:#fff;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.af-page .af-link-primary{
  background:linear-gradient(135deg,var(--af-a),var(--af-b));
  box-shadow:0 10px 24px rgba(225,48,108,.22);
}
.af-page .af-link-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(225,48,108,.28)}
.af-page .af-link-ghost{
  border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;
}
.af-page .af-link-ghost:hover{background:var(--af-soft);border-color:rgba(255,255,255,.24)}
.af-card{
  background:var(--af-card);border:1px solid var(--af-line);
  border-radius:16px;padding:22px 24px;
}
.af-card h2,.af-card h3{margin:0 0 8px;font-size:1.1rem;font-weight:700}
.af-card p{margin:0;color:var(--af-muted);line-height:1.55;font-size:.95rem}
.af-grid{display:grid;gap:14px}
@media(min-width:720px){
  .af-grid-2{grid-template-columns:1fr 1fr}
  .af-grid-3{grid-template-columns:1fr 1fr 1fr}
}
.af-section-title{font-size:1.45rem;font-weight:800;margin:42px 0 14px;letter-spacing:-.02em}
.af-muted{color:var(--af-muted)}
.af-center{text-align:center}
.af-center .af-lead{margin-left:auto;margin-right:auto}
.af-band{
  margin-top:48px;padding:32px 28px;border-radius:18px;text-align:center;
  background:linear-gradient(180deg,rgba(225,48,108,.14),rgba(19,19,32,.6));
  border:1px solid rgba(225,48,108,.22);
}
.af-band h2{margin:0 0 10px;font-size:1.45rem}
.af-band p{margin:0 auto 20px;color:var(--af-muted);max-width:520px;line-height:1.55}
.af-inline{color:#F77737;text-decoration:none;font-weight:600}
.af-inline:hover{text-decoration:underline}
.af-note{margin-top:28px;color:var(--af-muted);font-size:.92rem;line-height:1.5}

/* Pricing */
.af-price-toggle{
  display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;
  background:var(--af-card);border:1px solid var(--af-line);
  border-radius:999px;padding:6px;margin:0 auto 36px;
}
.af-price-toggle button{
  appearance:none;border:0;cursor:pointer;border-radius:999px;
  padding:10px 16px;font:inherit;font-size:13px;font-weight:600;
  color:var(--af-muted);background:transparent;
}
.af-price-toggle button.active{
  background:linear-gradient(135deg,var(--af-a),var(--af-b));color:#fff;
}
.af-price-toggle .rec{display:none;font-size:9px;text-transform:uppercase;letter-spacing:.04em;margin-left:4px}
.af-price-toggle button.active .rec{display:inline}
.af-price-grid{display:grid;gap:16px;margin-bottom:40px}
@media(min-width:900px){.af-price-grid{grid-template-columns:repeat(3,1fr)}}
.af-price-card{
  background:var(--af-card);border:1px solid var(--af-line);
  border-radius:18px;padding:28px 24px;position:relative;
  transition:transform .2s ease,box-shadow .2s ease;
}
.af-price-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(225,48,108,.1)}
.af-price-card.featured{border-color:rgba(225,48,108,.35)}
.af-price-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  background:linear-gradient(135deg,var(--af-a),var(--af-b));
  color:#fff;border-radius:999px;padding:5px 12px;
}
.af-price-card h2{margin:0 0 4px;font-size:1.15rem}
.af-price-card .tagline{margin:0 0 18px;font-size:12px;color:var(--af-muted)}
.af-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}
.af-price-row .amount{font-size:2.2rem;font-weight:800;letter-spacing:-.03em}
.af-price-row .unit{color:var(--af-muted);font-size:14px}
.af-price-billing{margin:0 0 20px;font-size:12px;color:var(--af-muted)}
.af-price-card ul{list-style:none;margin:0 0 24px;padding:0}
.af-price-card li{
  font-size:14px;color:rgba(255,255,255,.82);padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.af-price-card li:last-child{border-bottom:0}
.af-price-card .af-link-primary,
.af-price-card .af-link-ghost{width:100%}

.af-faq details{
  background:var(--af-card);border:1px solid var(--af-line);
  border-radius:14px;padding:14px 16px;margin-bottom:10px;
}
.af-faq summary{cursor:pointer;font-weight:700;list-style:none}
.af-faq summary::-webkit-details-marker{display:none}
.af-faq p{color:var(--af-muted);line-height:1.5;margin:10px 0 0;font-size:.95rem}

.af-step{
  background:var(--af-card);border:1px solid var(--af-line);
  border-radius:18px;padding:22px 24px;margin-bottom:14px;
}
.af-step .n{
  display:inline-flex;width:28px;height:28px;border-radius:999px;
  align-items:center;justify-content:center;font-size:13px;font-weight:800;
  background:linear-gradient(135deg,var(--af-a),var(--af-b));margin-bottom:10px;
}
.af-step h2{margin:0 0 8px;font-size:1.2rem}
.af-step p{margin:0;color:var(--af-muted);line-height:1.55}

.af-tool-card{
  display:block;text-decoration:none;color:inherit;
  background:var(--af-card);border:1px solid var(--af-line);
  border-radius:16px;padding:24px;transition:border-color .2s ease;
}
.af-tool-card:hover{border-color:rgba(225,48,108,.35)}
.af-tool-card .status{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--af-a);margin:0 0 8px;
}
.af-tool-card .status.soon{color:var(--af-muted)}
.af-tool-card h2{margin:0 0 8px;font-size:1.2rem;color:#fff}
.af-tool-card p{margin:0 0 14px;color:var(--af-muted);font-size:.95rem;line-height:1.55}
.af-tool-card .go{font-size:14px;font-weight:700;color:var(--af-a)}

@media(max-width:640px){
  .af-page-wrap{width:calc(100% - 32px);padding:40px 0 88px}
  .af-price-toggle button{padding:9px 12px;font-size:12px}
}