:root {
  --rose: #e11d48;
  --amber: #f59e0b;
  --ink: #0b0b0b;
  --muted: #6b7280;
  --border: #e5e7eb;
  --bg: #fafafa;
}
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: var(--bg); color:#111; }
.wrap { max-width: 1120px; margin: 0 auto; padding: 0 16px; }
.topbar { position: sticky; top:0; z-index:10; background: rgba(255,255,255,.9); backdrop-filter: blur(8px); border-bottom:1px solid var(--border); }
.topbar .row { display:flex; align-items:center; justify-content:space-between; height:64px; }
.brand { display:flex; gap:12px; align-items:center; text-decoration:none; color:inherit;}
.logo { width:36px; height:36px; border-radius:12px; background: conic-gradient(from 160deg, #fb7185, #f59e0b); box-shadow: inset 0 0 0 3px #fff; border:1px solid #fde68a; }
.brand-title { font-weight:800; letter-spacing:-.02em; }
.brand-sub { font-size:12px; color: var(--muted); margin-top:-2px;}
.menu { display:flex; gap:12px; align-items:center; font-weight:600; flex-wrap: wrap; }
.menu a { text-decoration:none; color:#111; padding:8px 10px; border-radius:10px; }
.menu a:hover { color: var(--rose); }
.menu a.btn { background: var(--rose); color:#fff; }
.menu a.active { color:#fff; background:#111; }
.hero { position:relative; overflow:hidden; background:white; border-bottom:1px solid var(--border); }
.blobs::before, .blobs::after { content:""; position:absolute; filter: blur(60px); opacity:.6; }
.blobs::before { top:-40px; right:-40px; width:280px; height:280px; background:#fecdd3; }
.blobs::after  { bottom:-40px; left:-40px; width:280px; height:280px; background:#fde68a; }
.hero .inner { display:grid; gap:32px; grid-template-columns: 1fr; padding:64px 0; }
@media(min-width: 900px){ .hero .inner { grid-template-columns: 1.2fr 1fr; padding:96px 0; } }
h1 { font-size: clamp(32px, 5vw, 56px); line-height:1.05; margin:0; font-weight:800; letter-spacing:-.02em; }
.lead { margin-top: 12px; color:#374151; font-size:18px; max-width:60ch; }
.ctas { margin-top:16px; display:flex; gap:12px; flex-wrap:wrap; }
.btn-primary { background: var(--rose); color:#fff; padding:12px 18px; border:none; border-radius:14px; font-weight:700; }
.btn-ghost { border:1px solid var(--border); padding:12px 18px; border-radius:14px; background:white; font-weight:700; }
.section { padding:64px 0; }
.section-alt { background:white; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.grid { display:grid; gap:16px; }
.two { grid-template-columns: 1fr 1fr; }
.three { grid-template-columns: repeat(3, 1fr); }
.card { background:white; border:1px solid var(--border); border-radius:16px; padding:16px; }
.stat .k { font-size:28px; font-weight:800; }
.stat .v { font-size:12px; color: var(--muted); }
.small { font-size:12px; color: var(--muted); }
.form input, .form select, .form textarea { width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:12px; font:inherit; }
.footer { background:white; border-top:1px solid var(--border); }
.footer .cols { display:grid; gap:24px; grid-template-columns:1fr; padding:32px 0; }
@media(min-width:900px){ .footer .cols { grid-template-columns: 1.2fr .8fr .8fr 1fr; } }
.paypal-box { background:white; border:1px solid var(--border); border-radius:16px; padding:16px; }
.pills { display:flex; gap:8px; flex-wrap:wrap; }
.pill { border:1px solid var(--border); border-radius:999px; padding:6px 10px; font-size:14px; background:white; cursor:pointer; }
h2.page { font-size: clamp(28px, 4vw, 40px); margin:0; font-weight:800; letter-spacing:-.01em; }