*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg: #080810;
  --surface: #0f0f1a;
  --surface2: #13131f;
  --border: #1e1e30;
  --purple: #7c5cff;
  --pink: #ff5ca8;
  --green: #22c55e;
  --text: #f0f0f8;
  --muted: #6b6b8a;
  --subtle: #9090b0;
}
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: 'Inter', sans-serif; line-height: 1.6; }

/* NAV */
nav { display: flex; align-items: center; justify-content: space-between; padding: 18px 40px; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: rgba(8,8,16,0.95); backdrop-filter: blur(12px); z-index: 100; }
.nav-logo { font-size: 15px; font-weight: 800; text-decoration: none; }
.nav-logo span { background: linear-gradient(90deg, var(--purple), var(--pink)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nav-cta { background: linear-gradient(135deg, var(--purple), var(--pink)); color: white; text-decoration: none; font-size: 14px; font-weight: 700; padding: 10px 22px; border-radius: 8px; white-space: nowrap; }

/* HERO */
.hero { max-width: 780px; margin: 0 auto; padding: 80px 24px 60px; text-align: center; }
.badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(124,92,255,0.12); border: 1px solid rgba(124,92,255,0.3); color: #a88fff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 16px; border-radius: 100px; margin-bottom: 28px; }
.dot { width: 6px; height: 6px; background: var(--purple); border-radius: 50%; display: inline-block; animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1}50%{opacity:0.3} }
h1 { font-size: clamp(36px, 6vw, 64px); font-weight: 900; line-height: 1.05; letter-spacing: -2px; margin-bottom: 20px; }
h1 .grad { background: linear-gradient(135deg, var(--purple), var(--pink)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero-sub { font-size: 18px; color: var(--subtle); max-width: 560px; margin: 0 auto 40px; line-height: 1.65; }
.hero-sub strong { color: var(--text); }

.hero-roi-strip { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; background: rgba(124,92,255,0.12); border: 1px solid rgba(124,92,255,0.3); color: #a88fff; font-size: 14px; font-weight: 700; padding: 12px 20px; border-radius: 999px; margin-bottom: 16px; }
.price-box { display: inline-block; background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 28px 48px; margin-bottom: 32px; }
.price { font-size: 72px; font-weight: 900; letter-spacing: -3px; line-height: 1; background: linear-gradient(135deg, #fff, #c0b0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.price-note { color: var(--muted); font-size: 14px; margin-top: 6px; }

.cta-primary { display: inline-block; background: linear-gradient(135deg, var(--purple), var(--pink)); color: white; font-size: 18px; font-weight: 800; padding: 18px 48px; border-radius: 14px; text-decoration: none; box-shadow: 0 0 40px rgba(124,92,255,0.35); transition: transform 0.2s, box-shadow 0.2s; letter-spacing: -0.3px; }
.cta-primary:hover { transform: translateY(-2px); box-shadow: 0 0 60px rgba(124,92,255,0.5); }
.cta-stack { display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:4px; }
.cta-microproof { color:#b8f7cc; font-size:13px; font-weight:700; line-height:1.5; max-width:640px; }
.trust-row { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 20px; flex-wrap: wrap; }
.trust-item { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 13px; font-weight: 500; }
.trust-item .icon { font-size: 15px; }

/* FROM AIME */
.from-aime { max-width: 780px; margin: 0 auto 0; padding: 0 24px 60px; }
.aime-card { background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--purple); border-radius: 16px; padding: 32px; }
.aime-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.aime-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--purple), var(--pink)); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.aime-name { font-weight: 700; font-size: 15px; }
.aime-handle { color: var(--muted); font-size: 13px; }
.aime-card p { color: var(--subtle); line-height: 1.7; font-size: 15px; }
.aime-card p + p { margin-top: 12px; }
.aime-card strong { color: var(--text); }

/* PROOF STATS */
.proof-strip { max-width: 860px; margin: 0 auto; padding: 0 24px 60px; }
.proof-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; }
.proof-stat { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 24px 20px; text-align: center; }
.proof-number { font-size: 36px; font-weight: 900; letter-spacing: -1.5px; background: linear-gradient(135deg, var(--purple), var(--pink)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.proof-label { color: var(--muted); font-size: 13px; margin-top: 4px; line-height: 1.4; }

/* WORKFLOWS */
.section { max-width: 860px; margin: 0 auto; padding: 0 24px 70px; }
.section-label { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--purple); margin-bottom: 12px; }
.section-title { font-size: clamp(26px, 4vw, 38px); font-weight: 800; letter-spacing: -1px; margin-bottom: 40px; line-height: 1.2; }
.workflows { display: grid; gap: 12px; }
.wf-card { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 24px 28px; display: grid; grid-template-columns: 52px 1fr; gap: 20px; align-items: start; transition: border-color 0.2s; }
.wf-card:hover { border-color: rgba(124,92,255,0.5); }
.wf-emoji { font-size: 30px; line-height: 1; padding-top: 2px; }
.wf-name { font-size: 17px; font-weight: 700; margin-bottom: 6px; }
.wf-desc { color: var(--subtle); font-size: 14px; line-height: 1.55; margin-bottom: 10px; }
.wf-footer { display: flex; align-items: center; gap: 10px; }
.wf-time { background: rgba(124,92,255,0.1); color: var(--purple); font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 100px; }
.wf-value { color: var(--muted); font-size: 13px; font-style: italic; }

/* INCLUDED */
.included-box { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 40px; margin-bottom: 70px; }
.included-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 28px; }
@media(max-width:560px){ .included-grid{ grid-template-columns:1fr; } }
.inc-item { display: flex; gap: 14px; align-items: flex-start; }
.inc-icon { color: var(--purple); font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.inc-name { font-size: 15px; font-weight: 600; margin-bottom: 2px; }
.inc-desc { color: var(--muted); font-size: 13px; }

/* WHO */
.who-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-top: 28px; }
.who-card { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 22px 20px; text-align: center; }
.who-emoji { font-size: 28px; margin-bottom: 10px; }
.who-name { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.who-desc { color: var(--muted); font-size: 13px; line-height: 1.4; }

/* MID CTA */
.mid-cta { background: linear-gradient(135deg, rgba(124,92,255,0.1), rgba(255,92,168,0.08)); border: 1px solid rgba(124,92,255,0.2); border-radius: 24px; padding: 56px 40px; text-align: center; margin-bottom: 70px; }
.mid-cta h2 { font-size: clamp(26px, 4vw, 40px); font-weight: 900; letter-spacing: -1px; margin-bottom: 12px; }
.mid-cta p { color: var(--subtle); margin-bottom: 32px; font-size: 16px; }

/* FAQ */
.faq { margin-top: 28px; }
.faq-item { border-bottom: 1px solid var(--border); padding: 22px 0; }
.faq-item:last-child { border-bottom: none; }
.faq-q { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.faq-a { color: var(--subtle); font-size: 14px; line-height: 1.6; }

/* BOTTOM CTA */
.bottom-cta { background: var(--surface); border-top: 1px solid var(--border); padding: 80px 24px; text-align: center; }
.bottom-cta h2 { font-size: clamp(30px, 5vw, 52px); font-weight: 900; letter-spacing: -1.5px; margin-bottom: 12px; }
.bottom-cta p { color: var(--subtle); font-size: 16px; margin-bottom: 36px; }

/* FOOTER */
footer { border-top: 1px solid var(--border); padding: 28px 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
footer p, footer a { color: var(--muted); font-size: 13px; text-decoration: none; }
footer a:hover { color: var(--purple); }

@media(max-width:640px){
  nav { padding: 16px 20px; }
  .nav-logo { display: none; }
  .hero { padding: 56px 20px 40px; }
  .price-box { padding: 20px 32px; }
  .wf-card { grid-template-columns: 40px 1fr; gap: 14px; padding: 20px; }
  .mid-cta { padding: 40px 24px; }
  footer { padding: 24px 20px; }
}

/* Utility */
.tl { text-align: left; }
.tc { text-align: center; }
.ai-s { align-items: stretch; }
.ai-c { align-items: center; }