/* extracted from index.html <style> block 1 */
.hero-glow { position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--rgba-6-182-212-0-18) 0%,transparent 70%);top:-100px;left:50%;transform:translateX(-50%);pointer-events:none; }
    .hero-glow-2 { position:absolute;width:420px;height:420px;background:radial-gradient(circle,var(--rgba-34-211-238-0-12) 0%,transparent 70%);bottom:-140px;right:-80px;pointer-events:none; }

    .capability-row { display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;max-width:900px;margin:56px auto 0; }
    .capability-item { text-align:center;padding:20px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all 0.3s ease; }
    .capability-item:hover { border-color:var(--primary);transform:translateY(-4px); }
    .capability-icon { font-size:28px;color:var(--primary);margin-bottom:10px; }
    .capability-label { font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px; }
    .capability-sub { font-size:12px;color:var(--text-muted); }

    .tools-section { padding:100px 40px;max-width:1100px;margin:0 auto; }
    .tools-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:48px; }
    .tool-card { background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;transition:all 0.3s ease; }
    .tool-card:hover { border-color:var(--primary);transform:translateY(-4px); }
    .tool-card::before { content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--hex-22d3ee));opacity:0;transition:opacity 0.3s ease; }
    .tool-card:hover::before { opacity:1; }
    .tool-icon-wrap { width:46px;height:46px;border-radius:12px;background:var(--rgba-6-182-212-0-12);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;margin-bottom:16px; }
    .tool-title { font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px; }
    .tool-desc { font-size:14px;color:var(--text-secondary);line-height:1.55; }

    .workflow-section { padding:100px 40px;max-width:1100px;margin:0 auto; }
    .workflow-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:48px;position:relative; }
    .workflow-step { text-align:center;padding:28px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative; }
    .workflow-num { width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--hex-22d3ee));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;margin:0 auto 16px;color:var(--hex-fff);box-shadow:0 6px 20px var(--rgba-6-182-212-0-35); }
    .workflow-title { font-size:15px;font-weight:700;margin-bottom:8px;color:var(--text); }
    .workflow-desc { font-size:13px;color:var(--text-secondary);line-height:1.5; }

    .why-section { padding:100px 40px;max-width:1200px;margin:0 auto; }
    .why-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px; }
    .why-card { background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:left;transition:all 0.3s ease; }
    .why-card:hover { border-color:var(--primary);transform:translateY(-4px); }
    .why-head { display:flex;align-items:center;gap:14px;margin-bottom:14px; }
    .why-icon { width:44px;height:44px;border-radius:10px;background:var(--rgba-6-182-212-0-1);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px; }
    .why-title { font-size:16px;font-weight:700;color:var(--text); }
    .why-desc { font-size:14px;color:var(--text-secondary);line-height:1.55; }

    .integrations-section { padding:100px 40px;max-width:1000px;margin:0 auto;text-align:center; }
    .integrations-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:40px; }
    .integration-chip { background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px 16px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.3s ease; }
    .integration-chip:hover { border-color:var(--primary);transform:translateY(-3px);background:var(--rgba-6-182-212-0-05); }
    .integration-chip i { font-size:22px;color:var(--primary); }
    .integration-chip span { font-weight:700;color:var(--text);font-size:14px; }

    .faq-section { padding:100px 40px;margin:0 auto; }
    .faq-list { margin-top:40px;display:flex;flex-direction:column;gap:14px; }
    .faq-item { background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;transition:all 0.3s ease; }
    .faq-item:hover { border-color:var(--primary); }
    .faq-q { font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px;margin-bottom:8px; }
    .faq-q i { color:var(--primary); }
    .faq-a { font-size:14px;color:var(--text-secondary);line-height:1.6; }

    /* ── Pricing Section ── */
    .pricing-section { padding:100px 40px;max-width:1100px;margin:0 auto; }
    .pricing-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px; }
    .pricing-card { background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:all 0.35s ease;display:flex;flex-direction:column; }
    .pricing-card:hover { border-color:var(--primary);transform:translateY(-6px);box-shadow:0 20px 60px var(--rgba-6-182-212-0-12); }
    .pricing-card.popular { border-color:var(--hex-06b6d4);box-shadow:0 0 0 1px var(--rgba-6-182-212-0-35),0 20px 60px var(--rgba-6-182-212-0-12); }
   .pricing-card.popular::before {
    content: 'Most Popular';
    position: absolute;
    /* top: 16px; */
    /* right: 16px; */
    background: linear-gradient(135deg, var(--hex-06b6d4), var(--hex-0891b2));
    color: var(--hex-fff);
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: 0.05em;
}
    .pricing-card::after { content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--hex-06b6d4),transparent);opacity:0;transition:opacity 0.3s; }
    .pricing-card:hover::after,.pricing-card.popular::after { opacity:1; }
    .plan-name { font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--primary);margin-bottom:12px; }
    .plan-price { font-size:42px;font-weight:900;color:var(--text);line-height:1;margin-bottom:4px; }
    .plan-price span { font-size:18px;font-weight:500;color:var(--text-muted);vertical-align:top;margin-top:8px;display:inline-block; }
    .plan-period { font-size:13px;color:var(--text-muted);margin-bottom:24px; }
    .plan-features { list-style:none;padding:0;margin:0 0 28px;flex:1;display:flex;flex-direction:column;gap:10px; }
    .plan-features li { font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:10px; }
    .plan-features li i { color:var(--hex-22d3ee);font-size:12px;flex-shrink:0; }
    .plan-btn { display:block;width:100%;padding:13px;border-radius:10px;font-size:15px;font-weight:700;text-align:center;cursor:pointer;border:none;transition:all 0.25s ease;background:linear-gradient(135deg,var(--hex-06b6d4),var(--hex-0891b2));color:var(--hex-fff);box-shadow:0 4px 18px var(--rgba-6-182-212-0-3); }
    .plan-btn:hover { filter:brightness(1.12);transform:translateY(-1px); }
    .plan-btn.outline { background:transparent;border:2px solid var(--border);color:var(--text);box-shadow:none; }
    .plan-btn.outline:hover { border-color:var(--primary);color:var(--primary); }

      /* ── Purchase Modal ── */
    #purchase-modal-overlay { display:none;position:fixed;inset:0;background:var(--rgba-0-0-0-0-80);z-index:9999;align-items:center;justify-content:center;padding:16px;overflow-y:auto; }
    #purchase-modal-overlay.open { display:flex; }
    #purchase-modal { background:var(--hex-071318);border:1px solid var(--rgba-6-182-212-0-25);border-radius:20px;width:100%;max-width:480px;overflow:hidden;animation:fadeInUp 0.3s ease;box-shadow:0 24px 80px var(--rgba-0-0-0-0-7),0 0 60px var(--rgba-6-182-212-0-08);flex-shrink:0;margin:auto; }
    @keyframes fadeInUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
    #purchase-modal .pm-header { background:linear-gradient(135deg,var(--hex-06b6d4),var(--hex-0891b2));padding:20px 24px;display:flex;align-items:center;justify-content:space-between; }
    #purchase-modal .pm-header h3 { margin:0;color:var(--hex-fff);font-size:17px;font-weight:700; }
    #purchase-modal .pm-close { background:var(--rgba-255-255-255-0-15);border:1px solid var(--rgba-255-255-255-0-2);color:var(--hex-fff);font-size:16px;cursor:pointer;line-height:1;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s;flex-shrink:0; }
    #purchase-modal .pm-close:hover { background:var(--rgba-255-255-255-0-28); }
    #purchase-modal .pm-body { padding:24px;box-sizing:border-box; }
    #purchase-modal .pm-plan-badge { display:inline-block;background:var(--rgba-6-182-212-0-12);border:1px solid var(--rgba-6-182-212-0-3);color:var(--hex-22d3ee);font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:4px; }
    #purchase-modal .pm-email-label { font-size:13px;color:var(--hex-7aadb8);margin-bottom:6px;display:block; }
    #purchase-modal .pm-email-input { width:100%;padding:11px 14px;background:var(--hex-0a2030);border:1px solid var(--rgba-6-182-212-0-3);border-radius:10px;color:var(--hex-e0f7fa);font-size:14px;outline:none;box-sizing:border-box;transition:border-color 0.2s; }
    #purchase-modal .pm-email-input:focus { border-color:var(--hex-06b6d4);box-shadow:0 0 0 3px var(--rgba-6-182-212-0-15); }
    #purchase-modal .pm-note { font-size:12px;color:var(--hex-3d6672);margin-top:8px;line-height:1.5; }
    #purchase-modal .pm-error { background:var(--rgba-248-113-113-0-1);border:1px solid var(--rgba-248-113-113-0-3);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--hex-f87171);margin-top:12px;display:none; }
    #purchase-modal .pm-success { background:var(--rgba-52-211-153-0-1);border:1px solid var(--rgba-52-211-153-0-3);border-radius:8px;padding:14px;font-size:13px;color:var(--hex-34d399);margin-top:12px;display:none;line-height:1.6; }
    #paypal-button-container {  
    width: 100%;
  max-width: 400px;
  margin: auto; 
}
    #paypal-button-container iframe { max-width: 100% !important; border-radius:8px !important; }
    #paypal-loading { text-align:center;padding:16px;color:var(--hex-7aadb8);font-size:13px;display:none; }
    /* Ensure PayPal button container is never zero-width */
    #purchase-modal .pm-body { min-width:0; }
    @media (max-width:520px) {
      #purchase-modal { border-radius:16px; }
      #purchase-modal .pm-body { padding:18px; }
      #purchase-modal .pm-header { padding:16px 18px; }
    }

/* generated inline-style classes from index.html */

.index-inline-1 {position:relative;z-index:1;max-width:820px;}

.index-inline-2 {max-width:560px;margin:12px auto 0;}

.index-inline-3 {background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}

.index-inline-4 {max-width:520px;margin:12px auto 0;}

.index-inline-5 {max-width:500px;margin:12px auto 0;}

.index-inline-6 {grid-column:1/-1;text-align:center;padding:40px;color:var(--text-muted);font-size:14px;}

.index-inline-7 {font-size:24px;color:var(--primary);margin-bottom:12px;display:block;}

.index-inline-8 {margin-right:8px;}

.index-inline-9 {display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 14px;background:var(--rgba-6-182-212-0-07);border:1px solid var(--rgba-6-182-212-0-2);border-radius:12px;}

.index-inline-10 {margin-bottom:4px;}

.index-inline-11 {font-size:12px;color:var(--hex-7aadb8);}

.index-inline-12 {text-align:right;flex-shrink:0;}

.index-inline-13 {font-size:22px;font-weight:800;color:var(--hex-22d3ee);line-height:1;}

.index-inline-14 {font-size:11px;color:var(--hex-3d6672);margin-top:2px;}

.index-inline-15 {margin-bottom:16px;display:none;}

.index-inline-16 {font-size:11px;font-weight:700;color:var(--hex-3d6672);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;}

.index-inline-17 {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}

.index-inline-18 {border-top:1px solid var(--rgba-6-182-212-0-1);margin-bottom:16px;}

.index-inline-19 {color:var(--hex-f87171);}

.index-inline-20 {max-width:480px;margin:16px auto 32px;}

.index-inline-21 {display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

.index-inline-22 {display:flex;align-items:center;gap:10px;}

.index-inline-23 {width:28px;height:28px;font-size:14px;}

.index-inline-24 {font-weight:700;color:var(--text);}

.index-inline-25 {display:flex;gap:20px;}

.index-inline-26 {color:var(--text-muted);}

.pricing-load-error {grid-column:1/-1;text-align:center;color:var(--color-danger);font-size:14px;padding:40px;}
.plan-btn-icon {margin-right:6px;}
.pm-feature-item {display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-soft);}
.pm-feature-icon {color:var(--color-primary-bright);font-size:11px;flex-shrink:0;}