.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:1rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-family:var(--font);font-size:1rem;font-weight:700;letter-spacing:-.01em;text-decoration:none;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition)}
.btn-primary:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,85,0,.28)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:1rem 2rem;background:transparent;color:var(--text);border:1px solid var(--border2);border-radius:10px;font-family:var(--font);font-size:1rem;font-weight:600;text-decoration:none;transition:border-color var(--transition),color var(--transition)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.problem-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;position:relative;overflow:hidden;transition:border-color var(--transition)}
.problem-card:hover{border-color:rgba(255,85,0,.28)}
.problem-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.problem-icon{font-size:1.75rem;margin-bottom:1rem}
.problem-title{font-size:1.05rem;font-weight:700;margin-bottom:.6rem;letter-spacing:-.02em}
.problem-desc{font-size:.875rem;color:var(--text2);line-height:1.65}
.problem-cost{margin-top:.9rem;padding:.5rem .75rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);border-radius:6px;font-family:var(--mono);font-size:.68rem;color:#f87171;letter-spacing:.03em}
.offers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:3rem;align-items:start}
.offer-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;position:relative;display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition)}
.offer-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.offer-card.featured{border-color:var(--accent);background:linear-gradient(145deg,rgba(255,85,0,.07),var(--bg2))}
.offer-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:4px 16px;background:var(--accent);border-radius:20px;font-family:var(--mono);font-size:.65rem;font-weight:500;color:#fff;white-space:nowrap;letter-spacing:.05em}
.offer-name{font-family:var(--mono);font-size:.72rem;color:var(--text2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}
.offer-price{font-size:2.75rem;font-weight:800;letter-spacing:-.06em;line-height:1;margin-bottom:.25rem}
.offer-price sup{font-size:1.1rem;font-weight:600;vertical-align:super;letter-spacing:0}
.offer-price sub{font-size:1rem;font-weight:500;color:var(--text2);letter-spacing:0;vertical-align:baseline}
.offer-recur{font-family:var(--mono);font-size:.72rem;color:var(--text3);margin-bottom:1.5rem}
.offer-divider{height:1px;background:var(--border);margin-bottom:1.5rem}
.offer-features{flex:1;display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.75rem}
.offer-features li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--text2);line-height:1.5}
.offer-features li::before{content:'✓';color:var(--success);font-weight:700;flex-shrink:0;margin-top:1px}
.offer-features li.highlight{color:var(--text);font-weight:600}
.offer-btn{width:100%;padding:.875rem;border-radius:9px;font-family:var(--font);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--transition);text-align:center;text-decoration:none;display:block;border:1px solid var(--border2);background:transparent;color:var(--text)}
.offer-btn:hover{border-color:var(--accent);color:var(--accent)}
.offer-card.featured .offer-btn{background:var(--accent);border-color:var(--accent);color:#fff}
.offer-card.featured .offer-btn:hover{opacity:.88}
.benefit-item{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color var(--transition)}
.benefit-item:hover{border-color:rgba(255,85,0,.22)}
.benefit-num{font-size:2.25rem;font-weight:800;color:var(--accent);letter-spacing:-.06em;line-height:1;margin-bottom:.5rem}
.benefit-label{font-size:.95rem;font-weight:700;margin-bottom:.4rem;letter-spacing:-.01em}
.benefit-desc{font-size:.82rem;color:var(--text2);line-height:1.6}
.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:2.5rem}
.stack-item{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1.25rem;text-align:center;transition:border-color var(--transition),transform var(--transition)}
.stack-item:hover{border-color:var(--border2);transform:translateY(-2px)}
.stack-logo{font-size:.65rem;font-family:var(--mono);font-weight:500;color:var(--text3);margin-bottom:.5rem;letter-spacing:.08em;text-transform:uppercase}
.stack-name{font-size:.95rem;font-weight:700;margin-bottom:.25rem}
.stack-desc{font-size:.72rem;color:var(--text2);line-height:1.4}
.proof-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;position:relative;transition:border-color var(--transition)}
.proof-card:hover{border-color:var(--border2)}
.proof-tag{position:absolute;top:1.25rem;right:1.25rem;font-family:var(--mono);font-size:.65rem;padding:3px 9px;border-radius:4px;background:rgba(34,197,94,.1);color:var(--success);border:1px solid rgba(34,197,94,.2)}
.proof-quote{font-size:.95rem;color:var(--text);line-height:1.7;margin-bottom:1.25rem;padding-top:.5rem}
.proof-quote::before{content:'\201C';font-size:2.5rem;color:var(--accent);line-height:0;vertical-align:-1rem;margin-right:3px}
.proof-author{display:flex;align-items:center;gap:12px}
.proof-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;color:#fff;flex-shrink:0}
.proof-name{font-size:.875rem;font-weight:700}
.proof-role{font-family:var(--mono);font-size:.68rem;color:var(--text3);margin-top:2px}
.faq-list{margin-top:3rem;display:flex;flex-direction:column;gap:2px}
.faq-item{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg2);transition:border-color var(--transition)}
.faq-item:hover{border-color:var(--border2)}
.faq-item.open{border-color:rgba(255,85,0,.22)}
.faq-q{padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;user-select:none;letter-spacing:-.01em}
.faq-arrow{color:var(--text3);font-size:1.25rem;transition:transform .25s ease,color .15s;flex-shrink:0;line-height:1}
.faq-item.open .faq-arrow{transform:rotate(45deg);color:var(--accent)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease}
.faq-item.open .faq-a{max-height:400px}
.faq-a-inner{padding:0 1.5rem 1.25rem;border-top:1px solid var(--border);padding-top:1rem;font-size:.875rem;color:var(--text2);line-height:1.75}
.faq-a-inner strong{color:var(--text)}