/**
 * Padma Technologies - Lead Magnet Landing Page Stylesheet
 * High-Converting Fortune-500 Enterprise SaaS Design System
 */

/* Urgency Top Bar */
.ptech-lead-ticker {
  background: linear-gradient(90deg, #684DF4 0%, #3B82F6 50%, #684DF4 100%);
  background-size: 200% auto;
  animation: ptechGradShift 6s ease infinite;
  color: #ffffff;
  padding: 10px 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 100;
}

@keyframes ptechGradShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.ptech-lead-ticker a {
  color: #FEF08A;
  text-decoration: underline;
  margin-left: 8px;
  font-weight: 800;
}

/* Landing Hero */
.ptech-lead-hero {
  background: radial-gradient(circle at 50% 20%, rgba(99, 102, 241, 0.18) 0%, rgba(8, 14, 26, 1) 70%), #080E1A;
  color: #ffffff;
  padding: 80px 0 100px;
  position: relative;
  overflow: hidden;
}

.ptech-lead-hero::before {
  content: '';
  position: absolute;
  top: -150px;
  left: 50%;
  transform: translateX(-50%);
  width: 850px;
  height: 450px;
  background: radial-gradient(circle, rgba(104, 77, 244, 0.3) 0%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
}

.ptech-lead-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 7px 18px;
  border-radius: 9999px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12.5px;
  font-weight: 800;
  color: #A5B4FC;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 22px;
  backdrop-filter: blur(10px);
}

.ptech-lead-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 46px;
  font-weight: 900;
  line-height: 1.18;
  color: #ffffff;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.ptech-lead-title span {
  background: linear-gradient(135deg, #93C5FD 0%, #C4B5FD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ptech-lead-subtext {
  font-family: 'Inter', sans-serif;
  font-size: 16.5px;
  line-height: 1.65;
  color: #94A3B8;
  margin-bottom: 30px;
}

/* Offer Pricing Card */
.ptech-offer-box {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(104, 77, 244, 0.4);
  border-radius: 20px;
  padding: 26px 28px;
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  position: relative;
}

.ptech-offer-tag {
  position: absolute;
  top: -13px;
  right: 24px;
  background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
  color: #ffffff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 4px 12px;
  border-radius: 9999px;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}

.ptech-price-wrap {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.ptech-price-main {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 42px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1;
}

.ptech-price-main span {
  font-size: 20px;
  color: #A5B4FC;
}

.ptech-price-strike {
  font-size: 20px;
  color: #64748B;
  text-decoration: line-through;
  font-weight: 600;
}

.ptech-price-save {
  background: #065F46;
  color: #34D399;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 6px;
}

/* Value Stack List */
.ptech-val-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ptech-val-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family: 'Inter', sans-serif;
  font-size: 14.5px;
  color: #E2E8F0;
  line-height: 1.5;
}

.ptech-val-icon {
  color: #10B981;
  font-size: 16px;
  margin-top: 2px;
  flex-shrink: 0;
}

.ptech-val-item strong {
  color: #ffffff;
  font-weight: 700;
}

/* Lead Form Card */
.ptech-lead-form-card {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  padding: 40px 34px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(99, 102, 241, 0.15);
  backdrop-filter: blur(20px);
  position: relative;
}

.ptech-form-badge {
  background: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);
  color: #ffffff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 5px 14px;
  border-radius: 9999px;
  display: inline-block;
  margin-bottom: 14px;
}

.ptech-form-head {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 8px;
  letter-spacing: -0.4px;
}

.ptech-form-sub {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #94A3B8;
  margin-bottom: 24px;
}

.ptech-input-group {
  margin-bottom: 16px;
}

.ptech-input-group label {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  color: #E2E8F0;
  margin-bottom: 6px;
}

.ptech-input-ctrl {
  width: 100%;
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 12px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #ffffff;
  outline: none;
  transition: all 0.2s ease;
}

.ptech-input-ctrl:focus {
  border-color: #6366F1;
  background: rgba(30, 41, 59, 1);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}

.ptech-input-ctrl::placeholder {
  color: #64748B;
}

.ptech-form-submit-btn, .ptech-offer-submit {
  width: 100% !important;
  background: linear-gradient(135deg, #684DF4 0%, #3B82F6 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px 24px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 25px rgba(104, 77, 244, 0.45) !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.ptech-form-submit-btn:hover, .ptech-offer-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 35px rgba(104, 77, 244, 0.65) !important;
}

/* CF7 Specific Overrides for Lead Magnet */
.ptech-offer-cf7-wrap .ptech-cf7-field {
  margin-bottom: 15px;
}

.ptech-offer-cf7-wrap .ptech-cf7-field label {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  color: #E2E8F0;
  margin-bottom: 6px;
}

.ptech-offer-cf7-wrap .ptech-cf7-field label .required {
  color: #EF4444;
}

.ptech-offer-input, .ptech-offer-select, .ptech-offer-textarea {
  width: 100% !important;
  background: rgba(30, 41, 59, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #ffffff !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.ptech-offer-input:focus, .ptech-offer-select:focus, .ptech-offer-textarea:focus {
  border-color: #6366F1 !important;
  background: rgba(30, 41, 59, 1) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25) !important;
}

.ptech-offer-textarea {
  height: 75px !important;
  resize: vertical !important;
}

.ptech-offer-cf7-wrap div.wpcf7 .wpcf7-response-output {
  margin: 15px 0 0 !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
  background: rgba(15, 23, 42, 0.9) !important;
  color: #ffffff !important;
  border-color: #10B981 !important;
}

.ptech-form-security {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  color: #64748B;
  margin-top: 14px;
}

/* Comparison Matrix */
.ptech-comp-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #E2E8F0;
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 25px rgba(15, 23, 42, 0.03);
}

.ptech-comp-table th,
.ptech-comp-table td {
  padding: 18px 24px;
  font-family: 'Inter', sans-serif;
  font-size: 14.5px;
  border-bottom: 1px solid #F1F5F9;
}

.ptech-comp-table th {
  background: #F8FAFC;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: #0F172A;
}

.ptech-comp-table th.ptech-comp-hl {
  background: #EEF2FF;
  color: #4F46E5;
  border-left: 2px solid #6366F1;
  border-right: 2px solid #6366F1;
}

.ptech-comp-table td.ptech-comp-hl {
  background: #F5F7FF;
  border-left: 2px solid #6366F1;
  border-right: 2px solid #6366F1;
  font-weight: 700;
  color: #0F172A;
}

/* FAQ Accordion */
.ptech-faq-item {
  background: #ffffff;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  margin-bottom: 14px;
  overflow: hidden;
  transition: all 0.25s ease;
}

.ptech-faq-btn {
  width: 100%;
  text-align: left;
  padding: 20px 24px;
  background: none;
  border: none;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 17px;
  font-weight: 800;
  color: #0F172A;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.ptech-faq-body {
  padding: 0 24px 20px;
  font-family: 'Inter', sans-serif;
  font-size: 14.5px;
  line-height: 1.65;
  color: #64748B;
  display: none;
}

.ptech-faq-item.active .ptech-faq-body {
  display: block;
}

.ptech-faq-item.active {
  border-color: #6366F1;
  box-shadow: 0 10px 25px rgba(99, 102, 241, 0.08);
}

.ptech-faq-icon {
  transition: transform 0.25s ease;
  color: #6366F1;
}

.ptech-faq-item.active .ptech-faq-icon {
  transform: rotate(180deg);
}

/* Responsive */
@media (max-width: 992px) {
  .ptech-lead-title { font-size: 36px; }
  .ptech-lead-form-card { margin-top: 40px; padding: 30px 20px; }
}

@media (max-width: 640px) {
  .ptech-lead-title { font-size: 28px; }
  .ptech-price-main { font-size: 32px; }
  .ptech-lead-hero { padding: 50px 0 70px; }
}