/*
	Theme Name: Hello Elementor Child
	Template: hello-elementor
	Version: 1.0
*/

@font-face {
    font-family: 'NohemiWP';
    src: url('assets/fonts/Nohemi-Light.woff2') format('woff2'),
        url('assets/fonts/Nohemi-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NohemiWP';
    src: url('assets/fonts/Nohemi-Bold.woff2') format('woff2'),
        url('assets/fonts/Nohemi-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NohemiWP';
    src: url('assets/fonts/Nohemi-Medium.woff2') format('woff2'),
        url('assets/fonts/Nohemi-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NohemiWP';
    src: url('assets/fonts/Nohemi-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Nohemi-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NohemiWP';
    src: url('assets/fonts/Nohemi-Regular.woff2') format('woff2'),
        url('assets/fonts/Nohemi-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.nohemi, .nohemi *{
	font-family: 'NohemiWP', sans-serif;
	--e-global-typography-accent-font-family: 'NohemiWP';
}
.nohemi b, nohemi strong{
	font-weight:700;
}
body{
	font-family: "NohemiWP","Poppins", sans-serif;
	font-weight: 400;
  font-style: normal;
	--e-global-typography-primary-font-family:'NohemiWP','Poppins';
}
	#page{
		--e-global-typography-primary-font-family:'NohemiWP','Poppins';
	}
html {
    scroll-behavior: smooth !important;
}
.elementor-heading-title b{
	color: var(--e-global-color-accent);
}
.wt-400{
	font-weight:400!important;
}
.wt-700{
	font-weight:700!important;
}
.wt-300{
	font-weight:300!important;
}
.wt-500{
	font-weight:500!important;
}
.wt-600{
	font-weight:600!important;
}
/* ------ Site Header ------ */
#site-header {
  background: #fff;
  position: fixed;
  top: 0;
	left:0;
	top:0;
  z-index: 1000;
  width: 100%;
}
.admin-bar #site-header {
	top:32px;
}
@media screen and (max-width: 782px){
	.admin-bar #site-header {
	top:46px;
	}
}
#site-header+#page{
	margin-top:64px;
}
.header-inner {
/*   max-width: 1400px; */
  margin: 0 auto;
  padding: 0 40px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

/* Logo */
.site-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}
.site-logo img {
  max-width: 120px;
}
/* Primary Nav */
.primary-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  justify-content: center;
}

.primary-nav a {
  color: #ccc;
  text-decoration: none;
  font-size: 14.5px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 8px;
  transition:
    color 0.2s,
    background 0.2s;
}

.primary-nav a:hover {
  color: #fff;
}

/* Header Actions */
.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.btn-login {
    transition: background 0.2s;
    background: #F0F3F3;
    color: #333333 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: 50px;
    letter-spacing: 0.2px;
}

.btn-get-started {
	background: #333333;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: 50px;
    letter-spacing: 0.2px;
    transition: opacity 0.2s, transform 0.15s;
    white-space: nowrap;
}

.btn-get-started:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

/* Mobile hamburger */
.mobile-menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
	padding: 11px 8px;
  flex-direction: column;
  gap: 5px;
}

.mobile-menu-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: 0.3s;
}

/* Responsive */
@media (max-width: 900px) {
  .primary-nav {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    background: #000;
    flex-direction: column;
    padding: 16px 24px 24px;
    border-top: 1px solid #222;
    gap: 4px;
    align-items: flex-start;
  }

  .primary-nav.open {
    display: flex;
  }

  .primary-nav a {
    width: 100%;
    padding: 10px 12px;
  }

  .mobile-menu-toggle {
    display: flex;
  }

  
}

@media (max-width: 600px) {
  .header-inner {
    padding: 0 20px;
  }

  .btn-login {
    display: none;
  }
}

/* ===== WpDating FOOTER STYLES ===== */

#site-footer {
  background: #2B2B2B;
  color: #E3E3E3;

 
  display: block !important;
}
#site-footer a{
	color:#BFBFBF
}
.footer-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 64px 40px 48px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.6fr;
  gap: 48px;
  align-items: start;
}

/* Footer Logo */
.footer-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  margin-bottom: 16px;
}

.footer-logo-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e040fb, #26c6da, #42a5f5);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.footer-logo-icon::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
}

.footer-logo-text {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.3px;
}

/* Tagline */
.footer-tagline {
  color: #888;
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 24px;
  max-width: 300px;
}

/* Socials */
.footer-socials {
  display: flex;
  gap: 10px;
}

.social-icon {
  width: 38px;
  height: 38px;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

.social-icon:hover {
  background: #f06292;
  color: #fff;
  border-color: #f06292;
}

/* Footer Columns */
.footer-col {
  display: flex;
  flex-direction: column;
}

.footer-heading {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.3px;
  margin-bottom: 20px;
}

.footer-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-links a {
  color: #BFBFBF;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s;
}

.footer-links a:hover {
  color: #fff;
}

/* Newsletter */
.footer-newsletter .newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.newsletter-input {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
  width: 100%;
}

.newsletter-input::placeholder {
  color: #555;
}

.newsletter-input:focus {
  border-color: #f06292;
}

footer .newsletter-btn {
  background: linear-gradient(90deg, #f06292, #26c6da);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
  letter-spacing: 0.3px;
  transition: opacity 0.2s;
}

.newsletter-btn:hover {
  opacity: 0.88;
}

.newsletter-note {
  color: #555;
  font-size: 11px;
  margin-top: 8px;
  line-height: 1.5;
}

/* Footer Bottom */
.footer-bottom {
  border-top: 1px solid #1e1e1e;
}

.footer-bottom-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.footer-copy {
  color: #444;
  font-size: 11.5px;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.footer-legal-nav {
  display: flex;
  align-items: center;
  gap: 24px;
}

.footer-legal-nav a {
  color: #444;
  text-decoration: none;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: color 0.2s;
}

.footer-legal-nav a:hover {
  color: #fff;
}

.footer-logo img {
  width: 120px;
}

ul.footer-links {
  padding-left: 0px;
}
/* Responsive */
@media (max-width: 1024px) {
  .footer-inner {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

@media (max-width: 600px) {
  .footer-inner {
    grid-template-columns: 1fr;
    padding: 40px 20px 32px;
    gap: 32px;
  }

  .footer-bottom-inner {
    flex-direction: column;
    text-align: center;
    padding: 20px;
    gap: 12px;
  }
}

/* ── Nav base ── */
.primary-nav .nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.primary-nav .nav-menu > li {
  position: relative;
}

.primary-nav .nav-link {
  color: #111111;
  text-decoration: none;
  font-size: 14.5px;
  font-weight: 500;
  padding: 20px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  transition:
    color 0.2s,
    background 0.2s;
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) {
	.header-inner{
		padding:0 24px;
}
	.primary-nav .nav-menu{
		gap:0;
	}
  .primary-nav .nav-link {
    padding:12px 10px;
	  font-size:13px;
  }
}
@media only screen and (max-width: 900px) {
  .primary-nav .nav-link {
    color: #ffffff;
  }
}

.primary-nav .nav-link:hover,
.primary-nav .nav-link.active {
  color: #f63f77;
}

.dropdown-arrow {
  font-size: 0;
    height: 16px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.25s;
	filter: contrast(0);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%231f1f1f'%3E%3Cpath d='M480-360 280-559h400L480-360Z'/%3E%3C/svg%3E");
}

/* ── Dropdown ── */
.primary-nav .dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  list-style: none;
  padding: 8px;
	
  margin: 0;
  min-width: 200px;
  z-index: 9999;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

.primary-nav .has-dropdown:hover > .dropdown-menu {
  display: block;
}

.primary-nav .has-dropdown:hover > .nav-link .dropdown-arrow {
  transform: rotate(180deg);
}

.primary-nav .dropdown-menu li a {
  display: block;
  padding: 9px 14px;
  color: #aaa;
  text-decoration: none;
  font-size: 13.5px;
  border-radius: 8px;
	
  transition:
    background 0.2s,
    color 0.2s;
  white-space: nowrap;
}

.primary-nav .dropdown-menu li a:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
}

/* ── Mobile ── */
@media (max-width: 900px) {
  .primary-nav .nav-menu {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  .primary-nav .dropdown-menu {
    position: static;
    background: #111;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding-left: 16px;
    display: none;
  }

  .primary-nav .has-dropdown.open > .dropdown-menu {
    display: block;
  }
}

/* Footer menu lists */
.footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-links li a {
  color: #888;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s;
}

.footer-links li a:hover {
  color: #fff;
}

/* Legal nav */
.footer-legal-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}

.footer-legal-nav ul li a {
  color: #444;
  text-decoration: none;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: color 0.2s;
}

.footer-legal-nav ul li a:hover {
  color: #fff;
}
/* ================================================
   USER AVATAR & DROPDOWN
   ================================================ */

.user-menu-wrap {
  position: relative;
}

/* Avatar button */
.user-avatar-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none !important;
  border: none;
  border-radius: 0px;
  padding: 5px 12px 5px 5px;
  cursor: pointer;
  transition:
    background 0.2s,
    border-color 0.2s;
  outline: none;
}

.user-avatar-btn:hover,
.user-avatar-btn.active {
  background: none;
  border-color: none;
}

.user-avatar-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 2px solid rgba(240, 98, 146, 0.6);
}

.user-avatar-name {
  color: #111111;
  font-size: 13.5px;
  font-weight: 600;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-avatar-arrow {
/*   font-size: 8px;
  color: #aaa;
  transition: transform 0.25s; */
	font-size: 0;
    height: 16px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.25s;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%231f1f1f'%3E%3Cpath d='M480-360 280-559h400L480-360Z'/%3E%3C/svg%3E");
}

.user-avatar-btn.active .user-avatar-arrow {
  transform: rotate(180deg);
}

/* Dropdown panel */
.user-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 240px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  z-index: 9999;
  overflow: hidden;
  animation: dropdownFadeIn 0.18s ease;
}

.user-dropdown.open {
  display: block;
}

@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Dropdown header — avatar + name + email */
.user-dropdown-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
}

.user-dropdown-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(240, 98, 146, 0.5);
}

.user-dropdown-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
}

.user-dropdown-name {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-dropdown-email {
  color: #666;
  font-size: 11.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Divider */
.user-dropdown-divider {
  height: 1px;
  background: #ccc;
  margin: 0;
}

/* Menu items */
.user-dropdown-menu {
  list-style: none;
  margin: 0;
  padding: 8px;
}

.user-dropdown-menu li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  color: #1a1a1a;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 500;
  border-radius: 8px;
  transition:
    background 0.2s,
    color 0.2s;
}

.user-dropdown-menu li a:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #1a1a1a;
}

.udm-icon {
  font-size: 13px;
  width: 18px;
  text-align: center;
  opacity: 0.7;
}

/* Logout button */
.user-dropdown-logout {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  color: #f06292;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 600;
  transition: background 0.2s;
}

.user-dropdown-logout:hover {
  background: rgba(240, 98, 146, 0.08);
  color: #f48fb1;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .user-avatar-name {
    display: none;
  }

  .user-dropdown {
    right: -10px;
    width: 220px;
  }
}

/* Elementor compatibility inside single post content */
.single-content .elementor-section-wrap,
.single-content .elementor-widget-container p:last-child {
  margin-bottom: 0;
}

.single-content .elementor-widget-text-editor {
  font-size: 15px;
  line-height: 1.8;
  color: #2d2d2d;
}

/* Remove Elementor default padding on single post */
.single-content .elementor-element {
  padding: 0;
}

.single-content .e-con-inner {
  padding: 0;
}

/* ================================================
   SINGLE POST STYLES
   ================================================ */

.single-wrap {
  background: #fff;
  min-height: 100vh;
font-family:
    "Poppins",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.single-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px 80px;
}

/* ── Article grid ──────────────────────────────
   Col 1 (1fr)  : header, image, content, nav,
                  recommended, comments
   Col 2 (300px): sidebar — starts at row 2
                  (same as featured image) and
                  spans downward, staying sticky
   ──────────────────────────────────────────── */
.single-article {
  display: grid;
  grid-template-columns: 1fr 300px;
  column-gap: 48px;
  align-items: start;
}

/* Left column rows */
.single-header {
  grid-column: 1 / 2;
  grid-row: 1;
  margin-bottom: 32px;
}
.single-featured-image {
  grid-column: 1 / 2;
  grid-row: 2;
  margin-bottom: 32px;
}
.single-body-wrap {
  grid-column: 1 / 2;
  grid-row: 3;
}
.single-post-nav {
  grid-column: 1 / 2;
  grid-row: 4;
}
.recommended-posts {
  grid-column: 1 / 2;
  grid-row: 5;
}
.single-comments {
  grid-column: 1 / 2;
  grid-row: 6;
}

/* Right column — sidebar
   grid-row: 2/7 means it starts at the same row
   as the featured image and spans to the last row  */
.single-sidebar {
  grid-column: 2 / 3;
  grid-row: 2 / 7;
  position: sticky;
  top: 88px; /* clears the sticky header */
  max-height: calc(100vh - 112px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-self: start;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.single-sidebar::-webkit-scrollbar {
  display: none;
}

/* ── Post Header ── */
.single-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.single-cat-badge {
  background: linear-gradient(90deg, #f06292, #26c6da);
  color: #fff !important;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 50px;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: opacity 0.2s;
}
.single-cat-badge:hover {
  opacity: 0.85;
}

.single-title {
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 800;
  color: #0d0d0d;
  line-height: 1.2;
  letter-spacing: -0.5px;
  margin-bottom: 24px;
}

.single-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.single-meta-author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.author-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  object-fit: cover;
}

.author-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.author-label {
  font-size: 11px;
  color: #999;
}
.author-name {
  font-size: 13.5px;
  font-weight: 700;
  color: #111;
  text-decoration: none;
}
.author-name:hover {
  color: #f06292;
}

.single-meta-right {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.meta-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  color: #777;
}
.meta-icon {
  font-size: 13px;
}

.meta-updated {
  background: #fff8e1;
  color: #e65100;
  padding: 3px 10px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 12px;
}

/* ── Featured Image ── */
.single-featured-image {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.single-featured-image .featured-img {
  width: 100%;
  height: auto;
  display: block;
}

/* ── Post Content ── */
.single-content {
  font-size: 15px;
  line-height: 1.8;
  color: #2d2d2d;
}
.single-content h2 {
  font-size: 24px;
  font-weight: 800;
  color: #0d0d0d;
  margin: 40px 0 16px;
  letter-spacing: -0.3px;
}
.single-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  margin: 32px 0 12px;
}
.single-content p {
  margin-bottom: 20px;
}
.single-content a {
  color: #f06292;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.single-content ul,
.single-content ol {
  margin: 0 0 20px 24px;
}
.single-content li {
  margin-bottom: 6px;
}
.single-content img {
  max-width: 100%;
  border-radius: 10px;
  margin: 24px 0;
}

.single-content blockquote {
  border-left: 4px solid #f06292;
  background: #fff5f8;
  margin: 28px 0;
  padding: 16px 24px;
  border-radius: 0 10px 10px 0;
  font-style: italic;
  color: #555;
}

.single-content code {
  background: #f4f4f4;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 15px;
  font-family: monospace;
}

.single-content pre {
  background: #1a1a2e;
  color: #e0e0e0;
  padding: 20px;
  border-radius: 10px;
  overflow-x: auto;
  margin-bottom: 24px;
}

.single-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #eee;
}
.tags-label {
  font-size: 13px;
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.tag-badge {
  background: #f5f5f5;
  color: #555;
  font-size: 12.5px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 50px;
  text-decoration: none;
  transition:
    background 0.2s,
    color 0.2s;
}
.tag-badge:hover {
  background: #f06292;
  color: #fff;
}

/* ── Sidebar Widgets ── */
.sidebar-widget {
  background: #f9f9f9;
  border-radius: 14px;
  padding: 22px;
  border: 1px solid #efefef;
  flex-shrink: 0;
}

.sidebar-widget-title {
  font-size: 15px;
  font-weight: 800;
  color: #0d0d0d;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f06292;
  display: inline-block;
}

.sidebar-recent-posts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.srp-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.srp-thumb {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  display: block;
}
.srp-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.srp-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.srp-title {
  font-size: 13px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.srp-title:hover {
  color: #f06292;
}
.srp-date {
  font-size: 11.5px;
  color: #aaa;
}

.sidebar-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sidebar-categories li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  color: #444;
  text-decoration: none;
  font-size: 13.5px;
  border-radius: 8px;
  transition:
    background 0.2s,
    color 0.2s;
}
.sidebar-categories li a:hover {
  background: #fff0f5;
  color: #f06292;
}
.cat-count {
  background: #eee;
  color: #888;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 50px;
}

/* ── Prev / Next ── */
.single-post-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 56px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.post-nav-item {
  display: flex;
}
.post-nav-next {
  justify-content: flex-end;
  text-align: right;
}

.post-nav-link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 16px 20px;
  width: 100%;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
.post-nav-link:hover {
  border-color: #f06292;
  box-shadow: 0 4px 16px rgba(240, 98, 146, 0.1);
}
.post-nav-direction {
  font-size: 12px;
  font-weight: 700;
  color: #f06292;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.post-nav-title {
  font-size: 15px;
  font-weight: 600;
  color: #111;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ── Recommended Posts ── */
.recommended-posts {
  margin-top: 64px;
  padding-top: 48px;
  border-top: 1px solid #eee;
}
.recommended-title {
  font-size: 24px;
  font-weight: 800;
  color: #0d0d0d;
  margin-bottom: 28px;
  letter-spacing: -0.3px;
}

.recommended-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.rec-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  overflow: hidden;
  transition:
    box-shadow 0.25s,
    transform 0.2s;
  display: flex;
  flex-direction: column;
}
.rec-card:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}
.rec-card-thumb {
  display: block;
  width: 100%;
  height: 180px;
  overflow: hidden;
}
.rec-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s;
}
.rec-card:hover .rec-card-thumb img {
  transform: scale(1.04);
}
.rec-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.rec-card-cat {
  font-size: 11px;
  font-weight: 700;
  color: #f06292;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.rec-card-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}
.rec-card-title a {
  color: #0d0d0d;
  text-decoration: none;
}
.rec-card-title a:hover {
  color: #f06292;
}
.rec-card-meta {
  display: flex;
  gap: 6px;
  font-size: 12px;
  color: #aaa;
}
.rec-card-excerpt {
  font-size: 13.5px;
  color: #666;
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.rec-card-link {
  font-size: 13px;
  font-weight: 700;
  color: #f06292;
  text-decoration: none;
  margin-top: auto;
  padding-top: 8px;
}
.rec-card-link:hover {
  text-decoration: underline;
}

/* ── Comments ── */
.single-comments {
  margin-top: 64px;
  padding-top: 48px;
  border-top: 1px solid #eee;
}

/* ── Elementor compatibility ── */
.single-content .elementor-section-wrap,
.single-content .elementor-widget-container p:last-child {
  margin-bottom: 0;
}
.single-content .elementor-widget-text-editor {
  font-size: 15px;
  line-height: 1.8;
  color: #2d2d2d;
}
.single-content .elementor-element,
.single-content .e-con-inner {
  padding: 0;
}

/* ================================================
   RESPONSIVE
   ================================================ */
@media (max-width: 1024px) {
  /* Drop to single column — sidebar moves below content */
  .single-article {
    display: flex;
    flex-wrap: wrap;
  }

  .single-sidebar {
    position: static;
    max-height: none;
    overflow-y: visible;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
    order: 4;
  }

  .recommended-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .single-container {
    padding: 24px 16px 60px;
  }
  .single-meta {
    flex-direction: column;
    align-items: flex-start;
  }
  .single-post-nav {
    grid-template-columns: 1fr;
  }
  .post-nav-next {
    justify-content: flex-start;
    text-align: left;
  }
  .single-sidebar {
    grid-template-columns: 1fr;
  }
  .recommended-grid {
    grid-template-columns: 1fr;
  }
  .single-title {
    font-size: 26px;
  }
}

/* Prevent Elementor kit from overriding single post link colors */

.single-article a:not(.single-cat-badge):not(.tag-badge):not(.rec-card-link):not(.post-nav-link):not(.elementor-button) {
    color: inherit;
}

/* Then re-declare specific colors explicitly */
.single-article .author-name {
  color: #111;
}
.single-article .author-name:hover {
  color: #f06292;
}
.single-article .srp-title {
  color: #111;
}
.single-article .srp-title:hover {
  color: #f06292;
}
.single-article .rec-card-title a {
  color: #0d0d0d;
}
.single-article .rec-card-title a:hover {
  color: #f06292;
}
.single-article .sidebar-categories li a {
  color: #444;
}
.single-article .post-nav-title {
  color: #111;
}
.single-article .single-content a {
  color: #f06292;
}
.page-hero.page-hero--gradient {
  display: none;
}
.list-item-none {
  list-style: none;
}
.page-entry-content ul li::before {
  display: none !important;
}

.secondary input[type="submit"] , .elementor-widget-button.secondary .elementor-button{
    background-color: #fff5f8;
    color: #d90048;
    border-color: #ffc8d8;
}



.header-cart{
	display:none;
}
.header-cart.active{
	position:relative;
	display:block;
}
#cart-card{
    max-width: calc(100dvw - 3.5rem);
    display:none;
}
#cart-trigger{
    cursor: pointer;
	width:30px;
	height:30px;
	background-color:#f63f77;
	border-radius:30px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.cart-active-icon{
    display:none;
}
#cart-trigger.active .cart-active-icon{
    display:block;
}
#cart-trigger.active .cart-inactive-icon{
    display:none;
}
#cart-trigger:not(.active) .cart-inactive-icon{
    display:block;
}
#cart-card.active {
    display: block;
    background-color: white;
    position: absolute;
    width: 450px;
    right: 0;
    top: 41px;
    border-radius: 16px;
    box-shadow:0 2px 5px rgba(0, 0, 0 , 14%), 0 5px 12px rgba(0, 0 ,0 , 9%);
}
.shopping_cart h2{
    font-size:1.125rem;
    margin:0;
}
.shopping_cart{
    font-size:.85rem;
}
.eStore_empty_cart_block{
    margin-top:.5rem;
}
.shopping_cart>img:first-child{display:none}
div.shopping_cart table tr td,.shopping_cart table tr th{padding:.5em}
.eStore_coupon_section form{display:grid; grid-template-columns:1fr auto; gap:1rem;}
.eStore_coupon_section form input#coupon_code{width:100% !important;}
.eStore_coupon_section{
    display:grid;
    gap:0.125rem;
    padding:1rem 0 1.5rem;
}
.eStore_cart_item_value td{
    vertical-align:middle;
}
.shopping_cart{
    padding:1.5rem!important;
    max-height: calc(100dvh - 11rem);
    overflow: auto;
}
.shopping_cart input[type="image"].eStore_paypal_checkout_button{
    display:block;
    border:none;
    background:none transparent;
    border-radius:.5rem;
    padding:0;
    margin:0;
    height: 54px;
    margin-left: auto;
}
.shopping_cart tr td, .shopping_cart tr:hover td{
    background-color: transparent;
}
.shopping_cart table tbody>tr:nth-child(odd)>td, .shopping_cart table tbody>tr:nth-child(odd)>th{
    background-color: transparent;
}
.shopping_cart a {
    color: #f63f77;
    text-decoration: none;
}
.shopping_cart input[type=text], .eStore_cart_fancy1 input[type=text], .eStore_cart_fancy2 input[type=text], .eStore_gateway{
    padding:.25rem .5rem;
    border-color:#ccc;
    font-size:1rem;
}
.shopping_cart input[type=text]:focus, .eStore_gateway:focus{
    border-color:#777;
    outline:none;
}
.eStore_apply_coupon{ font-weight: 600;}
.shopping_cart a {
    color: #000;
    text-decoration: none;
}
.shopping_cart input, .eStore_cart_fancy1 input, .eStore_cart_fancy2 input, .eStore_gateway{
    padding:.25rem .5rem;
    border-color:#ccc;
    font-size:1rem;
}
.shopping_cart input:focus, .eStore_gateway:focus{
    border-color:#777;
    outline:none;
}
.eStore_apply_coupon{ font-weight: 600;}
.eStore_cart_checkout_button{
    padding:1.5rem;
    background-color:#fff3f6;
    margin:-1.5rem;
    border-radius:0 0 1rem 1rem;
    border-top:1px dashed #ffd4db;
}

.eStore_cart_item_header{
    display:none;
}
tr.estore-cart-total td{
    background-color:transparent!important;
}
div.shopping_cart tr.eStore_cart_item_value{
    border:1px solid #e7e7e7;
}
div.shopping_cart tr.eStore_cart_item_value td{
    padding:.75rem 1rem;
}
div.shopping_cart tr.estore-cart-total td{
    padding:.75rem 1rem;
}
.estore_cart_item_remove_form{
    width:1.5rem;
    margin: auto;
}
.eStore_reset_cart_form input[type="image"]{
    width:24px;
    height:24px;
    object-position:-9999px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' role='img' class='iconify iconify--carbon' width='24' height='24' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Ccircle cx='10' cy='28' r='2' fill='%23c00'%3E%3C/circle%3E%3Ccircle cx='24' cy='28' r='2' fill='%23c00'%3E%3C/circle%3E%3Cpath fill='%23c00' d='M4.98 2.804A1 1 0 0 0 4 2H0v2h3.18l3.84 19.196A1 1 0 0 0 8 24h18v-2H8.82l-.8-4H26a1 1 0 0 0 .976-.783L29.244 7h-2.047l-1.999 9H7.62Z'%3E%3C/path%3E%3Cpath fill='%23c00' d='M18.41 8L22 4.41L20.59 3L17 6.59L13.41 3L12 4.41L15.59 8L12 11.59L13.41 13L17 9.41L20.59 13L22 11.59z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    filter:grayscale(100);
    opacity:0.5;
}
.eStore_reset_cart_form input[type="image"]:hover{
    filter:grayscale(0);
    opacity:1;
}
form.estore_cart_item_remove_form input[type="image"]{
    object-position:-999px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' role='img' class='iconify iconify--carbon' width='24' height='24' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='%23c00' d='M16 2C8.2 2 2 8.2 2 16s6.2 14 14 14s14-6.2 14-14S23.8 2 16 2m0 26C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12s-5.4 12-12 12'%3E%3C/path%3E%3Cpath fill='%23c00' d='M21.4 23L16 17.6L10.6 23L9 21.4l5.4-5.4L9 10.6L10.6 9l5.4 5.4L21.4 9l1.6 1.6l-5.4 5.4l5.4 5.4z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat:no-repeat;
    width:1.5rem;
    height:1.5rem;
    background-size:contain;
    filter:grayscale(100);
    opacity:0.5;
}
form.estore_cart_item_remove_form input[type="image"]:hover{
        filter:grayscale(0);
    opacity:1;
    }
    
    
    @media (max-width:767px){
        .eStore_button.eStore_add_to_cart_button{
            font-size:10px;
            letter-spacing: -0.03px;
            padding: .1rem .3rem;
        }
    }

.form-wrapper form .form-desc-wrap {
    margin-bottom: 25px;
}
.form-wrapper .form-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.form-wrapper .form-group {
    margin-bottom: 20px;
}
.form-wrapper .form-inline .form-group {
    width: calc(50% - 15px);
    margin-bottom: 0;
}
.form-wrapper form label {
    margin-bottom: 5px;
    display: inline-block;
}
.wpcf7-form p span {
    color: #000;
}
.form-wrapper form input, .form-wrapper form textarea {
    height: 45px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #ccc;
}
.form-wrapper form textarea {
    height: 150px;
}
.form-wrapper form input[type="submit"] {
    padding: 15px 35px;
    background-color: #F63F77 !important;
    transition: all 400ms ease-in-out;
    border: 1px solid #F63F77;
    font-weight: 600;
    height: auto;
}
.form-wrapper form input[type="submit"]:hover {
    background-color: transparent !important;
    color: #F63F77 !important;
}
.form-wrapper form .last-child {
    margin-bottom: 0;
}
.form-wrapper form input[type="file"] {
    padding: 10px;
}


body.blog{
	
}

body.blog .page-content,
body.archive .page-content{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:1.5rem;
	margin-bottom:4rem;
}
body.blog article.post,
body.archive article.post{
	border:1px solid #DDD;
	border-radius:.5rem;
    display:flex;
    flex-direction:column;
    gap:0;
    overflow:hidden;
    padding-bottom:1rem;
    transition:.2s ease;
}
body.blog article.post:hover,
body.archive article.post:hover{
    
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}
body.blog article.post h2, body.archive article.post h2{order:1; font-size:1.25rem; margin:0; padding:1rem;color:#000;}
body.blog article.post h2 a:hover, body.archive article.post h2 a:hover{text-decoration:underline;}
body.blog article.post a,body.archive article.post a{order:0; display:block;color:#000;}
body.blog article.post img,body.archive article.post img{aspect-ratio:16 / 9; object-fit:cover;}
body.blog article.post p,body.archive article.post p{
              order:2;
              font-size:.875rem;
              padding:0 1rem;
              display: -webkit-box;
                -webkit-box-orient: vertical; /* Required */
                -webkit-line-clamp: 3;
            
                overflow: hidden;
                text-overflow: ellipsis;
    margin:0;
              }

body.blog .page-header,body.archive .page-header{
    padding:2rem 0 1rem 0;
}

@media (max-width:1200px){
    body.blog .page-content,body.archive .page-content{
        grid-template-columns:1fr 1fr;
        gap:1rem;
    }
}
@media (max-width:767px){
    body.blog .page-content,body.archive .page-content{
        grid-template-columns:1fr;
    }
}
.single-cat-badge {
        background: transparent;
    color: #ff004ebd !important;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid #ffe3eb;
}

/* ==========================================================================
   PHP DATING SCRIPTS LANDING PAGE — .pd-wrap component styles
   Added: 2025-06-11
   Scope: All rules are prefixed .pd-* to prevent conflicts with
          existing theme, header, footer, blog, and cart styles above.
   ========================================================================== */

/* ── Reset (scoped) ────────────────────────────────────────────────────────── */
.pd-wrap * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.pd-wrap a {
  text-decoration: none;
  color: inherit;
}
.pd-wrap img {
  max-width: 100%;
  display: block;
}

/* ── Shared atoms ──────────────────────────────────────────────────────────── */
.pd-section-tag {
  display: inline-block;
  background: rgba(246, 63, 119, 0.12);
  color: #f63f77;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 14px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: 1px solid rgba(246, 63, 119, 0.25);
}

/* ── Buttons ───────────────────────────────────────────────────────────────── */
.pd-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f63f77;
  color: #ffffff !important;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  transition: background 0.2s;
}
.pd-btn-primary:hover {
  background: #d92d63;
  color: #ffffff !important;
}

.pd-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #ffffff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  padding: 13px 28px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  transition: background 0.2s, border-color 0.2s;
}
.pd-btn-outline:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.5);
}

.pd-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff0f5;
  color: #f63f77 !important;
  border: 1px solid #fcc;
  border-radius: 8px;
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  transition: background 0.2s, color 0.2s;
}
.pd-btn-ghost:hover {
  background: #f63f77;
  color: #ffffff !important;
}

/* ── HERO ──────────────────────────────────────────────────────────────────── */
.pd-hero {
  background: linear-gradient(135deg, #0d0d1a 0%, #1a0a2e 50%, #0d1a2e 100%);
  padding: 90px 40px 80px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 32px 32px;
}
.pd-hero::before {
  content: '';
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 500px;
  background: radial-gradient(ellipse, rgba(246, 63, 119, 0.18) 0%, transparent 65%);
  pointer-events: none;
}
.pd-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(246, 63, 119, 0.12);
  border: 1px solid rgba(246, 63, 119, 0.3);
  color: #ff8fad;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 50px;
  margin-bottom: 24px;
}
.pd-hero-eyebrow::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f63f77;
  display: inline-block;
}
.pd-hero h1 {
  font-size: clamp(32px, 5vw, 58px);
  font-weight: 500;
  color: #fff;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 18px;
}
.pd-hero h1 em {
  font-style: normal;
  color: #f63f77;
}
.pd-hero-sub {
  font-size: 17px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  max-width: 560px;
  margin: 0 auto 36px;
  line-height: 1.75;
}
.pd-hero-btns {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 48px;
}
.pd-hero-img {
  max-width: 880px;
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.pd-hero-img img {
  width: 100%;
}

/* ── Intro section ─────────────────────────────────────────────────────────── */
.pd-intro {
  padding: 80px 40px;
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
}
.pd-intro-text h2 {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 500;
  color: #1a1a2e;
  line-height: 1.25;
  margin-bottom: 16px;
}
.pd-intro-text p {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.8;
  margin-bottom: 12px;
}
.pd-intro-img img {
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

/* ── Why PHP section ───────────────────────────────────────────────────────── */
.pd-why {
  background: linear-gradient(135deg, #0d0d1a, #1a0a2e);
  padding: 80px 40px;
  text-align: center;
}
.pd-why-inner {
  max-width: 680px;
  margin: 0 auto;
}
.pd-why h2 {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 500;
  color: #fff;
  margin-bottom: 16px;
  line-height: 1.3;
}
.pd-why p {
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.8;
  margin-bottom: 28px;
}

/* ── Value grid section ────────────────────────────────────────────────────── */
.pd-value-section {
  padding: 80px 40px;
  background: #f9fafb;
}
.pd-value-head {
  text-align: center;
  margin-bottom: 48px;
}
.pd-value-head h2 {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 500;
  color: #1a1a2e;
  margin-bottom: 10px;
}
.pd-value-head p {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
}
.pd-value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}
.pd-value-card {
  background: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  padding: 28px 24px;
  text-align: center;
  transition: box-shadow 0.2s, transform 0.2s;
  display: block;
  color: inherit;
}
.pd-value-card:hover {
  box-shadow: 0 12px 40px rgba(246, 63, 119, 0.1);
  transform: translateY(-4px);
}
.pd-value-icon {
  width: 60px;
  height: 60px;
  border-radius: 14px;
  background: #fff0f5;
  border: 1px solid #fcc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.pd-value-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.pd-value-card h6 {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 8px;
}
.pd-value-card p {
  font-size: 13px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.7;
}

/* ── Features section ──────────────────────────────────────────────────────── */
.pd-features-section {
  padding: 80px 40px;
  background: #fff;
  max-width: 1180px;
  margin: 0 auto;
}
.pd-features-head {
  text-align: center;
  margin-bottom: 48px;
}
.pd-features-head h2 {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 500;
  color: #1a1a2e;
  margin-bottom: 10px;
}
.pd-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.pd-features-col {
  background: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  padding: 28px;
}
.pd-features-col h5 {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pd-features-col h5 span {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #f63f77;
  color: #fff;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pd-feat-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pd-feat-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #4b5563;
  line-height: 1.5;
}
.pd-feat-list li::before {
  content: '✓';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff0f5;
  color: #f63f77;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.pd-feat-list li strong {
  font-weight: 600;
  color: #1a1a2e;
}

/* ── Testimonials section ──────────────────────────────────────────────────── */
.pd-testi-section {
  padding: 80px 40px;
  background: #f9fafb;
}
.pd-testi-head {
  text-align: center;
  margin-bottom: 48px;
}
.pd-testi-head h2 {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 500;
  color: #1a1a2e;
  margin-bottom: 10px;
}
.pd-testi-head p {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
}
.pd-testi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto 32px;
}
.pd-testi-card {
  background: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pd-testi-stars {
  display: flex;
  gap: 2px;
  color: #f59e0b;
  font-size: 14px;
}
.pd-testi-quote {
  font-size: 13px;
  font-weight: 400;
  color: #4b5563;
  line-height: 1.75;
  font-style: italic;
}
.pd-testi-author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}
.pd-testi-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f63f77;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pd-testi-name {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a2e;
}
.pd-testi-role {
  font-size: 11px;
  font-weight: 400;
  color: #9ca3af;
}
.pd-testi-cta {
  text-align: center;
}

/* ── Bottom CTA section ────────────────────────────────────────────────────── */
.pd-cta-section {
  background: linear-gradient(135deg, #0d0d1a, #1a0a2e);
  padding: 80px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.pd-cta-section::before {
  content: '';
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 400px;
  background: radial-gradient(ellipse, rgba(246, 63, 119, 0.15) 0%, transparent 65%);
  pointer-events: none;
}
.pd-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.pd-cta-section h2 {
  font-size: clamp(24px, 3vw, 38px);
  font-weight: 500;
  color: #fff;
  margin-bottom: 14px;
  line-height: 1.25;
}
.pd-cta-section p {
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 32px;
  line-height: 1.75;
}
.pd-cta-btns {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.pd-cta-hero-img {
  max-width: 820px;
  margin: 40px auto 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.pd-cta-hero-img img {
  width: 100%;
}

/* ── Standalone section ────────────────────────────────────────────────────── */
.pd-standalone {
  padding: 80px 40px;
  background: #fff;
}
.pd-standalone-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.pd-standalone-text h2 {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 500;
  color: #1a1a2e;
  margin-bottom: 14px;
  line-height: 1.3;
}
.pd-standalone-text p {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.8;
  margin-bottom: 24px;
}
.pd-standalone-img img {
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.pd-divider {
  height: 1px;
  background: #f3f4f6;
  max-width: 1100px;
  margin: 0 auto;
}

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .pd-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .pd-testi-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pd-features-grid {
    grid-template-columns: 1fr;
  }
  .pd-intro {
    grid-template-columns: 1fr;
    padding: 60px 24px;
    gap: 36px;
  }
  .pd-standalone-inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

@media (max-width: 700px) {
  .pd-hero {
    padding: 64px 24px 56px;
  }
  .pd-value-grid {
    grid-template-columns: 1fr;
  }
  .pd-testi-grid {
    grid-template-columns: 1fr;
  }
  .pd-value-section,
  .pd-features-section,
  .pd-testi-section,
  .pd-cta-section,
  .pd-why,
  .pd-standalone {
    padding: 60px 24px;
  }
  .pd-features-col {
    padding: 20px;
  }
}

@media (max-width: 520px) {
  .pd-value-grid {
    grid-template-columns: 1fr;
  }
  .pd-hero-btns,
  .pd-cta-btns {
    flex-direction: column;
    align-items: center;
  }
}

/* ==========================================================================
   END — PHP Dating Scripts landing page styles
   ========================================================================== */


/* ==========================================================================
   LOVEMATCH THEME — DEMO LANDING PAGE STYLES (.lm-*)
   Added: 2025-06-11
   All rules prefixed .lm-* — zero conflict with existing theme styles.
   ========================================================================== */

/* ── Reset (scoped) ────────────────────────────────────────────────────────── */
.lm-wrap * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.lm-wrap a {
  text-decoration: none;
  color: inherit;
}
.lm-wrap img {
  max-width: 100%;
  display: block;
}

/* ── Shared atoms ──────────────────────────────────────────────────────────── */
.lm-section-tag {
  display: inline-block;
  background: rgba(246, 63, 119, 0.10);
  color: #f63f77;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 14px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: 1px solid rgba(246, 63, 119, 0.22);
  font-family: 'Poppins', sans-serif;
}

.lm-h2 {
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 500;
  color: #1a1a2e;
  line-height: 1.2;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 12px;
}

.lm-h4 {
  font-size: 13px;
  font-weight: 700;
  color: #f63f77;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.lm-h4::before {
  content: '';
  width: 18px;
  height: 2px;
  background: #f63f77;
  border-radius: 2px;
  flex-shrink: 0;
}

.lm-body {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.8;
  font-family: 'Poppins', sans-serif;
}

/* ── Buttons ───────────────────────────────────────────────────────────────── */
.lm-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f63f77;
  color: #ffffff !important;
  border: none;
  border-radius: 10px;
  padding: 13px 30px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  transition: background 0.2s, transform 0.15s;
}
.lm-btn-primary:hover {
  background: #d92d63;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.lm-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #f63f77 !important;
  border: 1.5px solid #f63f77;
  border-radius: 10px;
  padding: 12px 28px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  transition: background 0.2s, color 0.2s;
}
.lm-btn-outline:hover {
  background: #f63f77;
  color: #ffffff !important;
}

/* ── HERO / PURCHASE CARD ──────────────────────────────────────────────────── */
.lm-hero {
  background: linear-gradient(135deg, #0d0d1a 0%, #1a0a2e 60%, #0d1a2e 100%);
  padding: 80px 40px 72px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 28px 28px;
}
.lm-hero::before {
  content: '';
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 460px;
  background: radial-gradient(ellipse, rgba(246, 63, 119, 0.18) 0%, transparent 65%);
  pointer-events: none;
}
.lm-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 700px;
  margin: 0 auto;
}
.lm-hero-logo {
  margin: 0 auto 28px;
  max-width: 260px;
}
.lm-hero-logo img {
  width: 100%;
}
.lm-hero h1 {
  font-size: clamp(30px, 5vw, 54px);
  font-weight: 500;
  color: #fff;
  line-height: 1.15;
  letter-spacing: -0.3px;
  margin-bottom: 16px;
  font-family: 'Poppins', sans-serif;
}
.lm-hero h1 em {
  font-style: normal;
  color: #f63f77;
}
.lm-hero-sub {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.75;
  margin-bottom: 36px;
  font-family: 'Poppins', sans-serif;
}

/* Feature pills row */
.lm-pills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.lm-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50px;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Poppins', sans-serif;
}
.lm-pill::before {
  content: '✓';
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #f63f77;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Price + CTA card */
.lm-price-card {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 20px 28px;
  flex-wrap: wrap;
  justify-content: center;
}
.lm-price-amount {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  line-height: 1;
}
.lm-price-amount span {
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
  vertical-align: super;
  font-size: 16px;
}
.lm-price-label {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.45);
  font-family: 'Poppins', sans-serif;
  margin-top: 2px;
}
.lm-price-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.15);
}
.lm-price-btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

/* ── HERO SCREENSHOT ───────────────────────────────────────────────────────── */
.lm-hero-screenshot {
  max-width: 900px;
  margin: 52px auto 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.lm-hero-screenshot img {
  width: 100%;
}

/* ── OVERVIEW SECTION ──────────────────────────────────────────────────────── */
.lm-overview {
  padding: 80px 40px;
  background: #fff;
}
.lm-overview-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.lm-overview-inner p {
  font-size: 16px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.85;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 10px;
}

/* ── FEATURES SECTION ──────────────────────────────────────────────────────── */
.lm-features-section {
  padding: 80px 40px;
  background: #f9fafb;
}
.lm-features-head {
  text-align: center;
  margin-bottom: 56px;
}
.lm-features-head p {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
  font-family: 'Poppins', sans-serif;
  margin-top: 8px;
}

/* Feature row: alternating text + screenshot */
.lm-feature-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto 64px;
}
.lm-feature-row:last-child {
  margin-bottom: 0;
}
.lm-feature-row.reverse {
  direction: rtl;
}
.lm-feature-row.reverse > * {
  direction: ltr;
}
.lm-feature-text {}
.lm-feature-text p {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.8;
  font-family: 'Poppins', sans-serif;
}
.lm-feature-img {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.09);
  border: 1px solid #f3f4f6;
}
.lm-feature-img img {
  width: 100%;
  display: block;
}

/* ── NOTE BOX ──────────────────────────────────────────────────────────────── */
.lm-note {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fff8f0;
  border: 1px solid #fde4c8;
  border-left: 3px solid #f59e0b;
  border-radius: 0 12px 12px 0;
  padding: 16px 20px;
  max-width: 860px;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
}
.lm-note-icon {
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 1px;
}
.lm-note-text {
  font-size: 13.5px;
  font-weight: 400;
  color: #78350f;
  line-height: 1.7;
}
.lm-note-text strong {
  color: #92400e;
  font-weight: 700;
}
.lm-note-text a {
  color: #f63f77;
  font-weight: 600;
  text-decoration: none;
}
.lm-note-text a:hover {
  text-decoration: underline;
}

/* ── BOTTOM CTA ────────────────────────────────────────────────────────────── */
.lm-cta {
  background: linear-gradient(135deg, #0d0d1a, #1a0a2e);
  padding: 80px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.lm-cta::before {
  content: '';
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 360px;
  background: radial-gradient(ellipse, rgba(246, 63, 119, 0.14) 0%, transparent 65%);
  pointer-events: none;
}
.lm-cta-inner {
  max-width: 560px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.lm-cta h3 {
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 500;
  color: #fff;
  margin-bottom: 6px;
  font-family: 'Poppins', sans-serif;
}
.lm-cta h4 {
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 28px;
  font-family: 'Poppins', sans-serif;
  text-transform: none;
  letter-spacing: 0;
}
.lm-cta h4::before {
  display: none;
}
.lm-cta-btns {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* ── RESPONSIVE ────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .lm-feature-row,
  .lm-feature-row.reverse {
    grid-template-columns: 1fr;
    direction: ltr;
    gap: 28px;
  }
  .lm-feature-row.reverse > * {
    direction: ltr;
  }
}

@media (max-width: 640px) {
  .lm-hero {
    padding: 60px 20px 52px;
  }
  .lm-overview,
  .lm-features-section,
  .lm-cta {
    padding: 60px 20px;
  }
  .lm-price-card {
    flex-direction: column;
    text-align: center;
  }
  .lm-price-divider {
    width: 60px;
    height: 1px;
  }
  .lm-pills {
    gap: 8px;
  }
  .lm-hero-screenshot {
    margin-top: 36px;
  }
}

/* ==========================================================================
   END — LoveMatch theme landing page styles
   ========================================================================== */


/* ==========================================================================
   LAVISH DATE THEME — DEMO LANDING PAGE STYLES (.ld-*)
   Added: 2025-06-11
   Brand colors: #eba734 (gold) · #1f1f28 (dark navy)
   All rules prefixed .ld-* — zero conflict with existing styles.
   ========================================================================== */

/* ── Reset (scoped) ────────────────────────────────────────────────────────── */
.ld-wrap * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.ld-wrap a { text-decoration: none; color: inherit; }
.ld-wrap img { max-width: 100%; display: block; }

/* ── Shared atoms ──────────────────────────────────────────────────────────── */
.ld-section-tag {
  display: inline-block;
  background: rgba(235, 167, 52, 0.12);
  color: #eba734;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 14px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: 1px solid rgba(235, 167, 52, 0.28);
  font-family: 'Poppins', sans-serif;
}

.ld-h2 {
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 500;
  color: #1f1f28;
  line-height: 1.2;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 12px;
}

.ld-h4 {
  font-size: 13px;
  font-weight: 700;
  color: #eba734;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ld-h4::before {
  content: '';
  width: 18px;
  height: 2px;
  background: #eba734;
  border-radius: 2px;
  flex-shrink: 0;
}

/* ── Buttons ───────────────────────────────────────────────────────────────── */
.ld-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #eba734;
  color: #1f1f28 !important;
  border: none;
  border-radius: 10px;
  padding: 13px 30px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  transition: background 0.2s, transform 0.15s;
}
.ld-btn-primary:hover {
  background: #d4941f;
  color: #1f1f28 !important;
  transform: translateY(-1px);
}

.ld-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #eba734 !important;
  border: 1.5px solid #eba734;
  border-radius: 10px;
  padding: 12px 28px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  transition: background 0.2s, color 0.2s;
}
.ld-btn-outline:hover {
  background: #eba734;
  color: #1f1f28 !important;
}

/* ── HERO ──────────────────────────────────────────────────────────────────── */
.ld-hero {
  background: linear-gradient(135deg, #1f1f28 0%, #2a2a38 55%, #1a1a22 100%);
  padding: 80px 40px 72px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 28px 28px;
}
.ld-hero::before {
  content: '';
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 460px;
  background: radial-gradient(ellipse, rgba(235, 167, 52, 0.15) 0%, transparent 65%);
  pointer-events: none;
}
.ld-hero::after {
  content: '';
  position: absolute;
  bottom: -60px;
  right: -60px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(235, 167, 52, 0.06) 0%, transparent 70%);
  pointer-events: none;
}
.ld-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 700px;
  margin: 0 auto;
}
.ld-hero-logo {
  margin: 0 auto 28px;
  max-width: 280px;
}
.ld-hero-logo img { width: 100%; }

.ld-hero h1 {
  font-size: clamp(30px, 5vw, 54px);
  font-weight: 500;
  color: #fff;
  line-height: 1.15;
  letter-spacing: -0.3px;
  margin-bottom: 16px;
  font-family: 'Poppins', sans-serif;
}
.ld-hero h1 em {
  font-style: normal;
  color: #eba734;
}
.ld-hero-sub {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.75;
  margin-bottom: 36px;
  font-family: 'Poppins', sans-serif;
}

/* Feature pills */
.ld-pills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}
.ld-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(235, 167, 52, 0.08);
  border: 1px solid rgba(235, 167, 52, 0.2);
  border-radius: 50px;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Poppins', sans-serif;
}
.ld-pill::before {
  content: '✓';
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #eba734;
  color: #1f1f28;
  font-size: 9px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Price card */
.ld-price-card {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  background: rgba(235, 167, 52, 0.07);
  border: 1px solid rgba(235, 167, 52, 0.18);
  border-radius: 16px;
  padding: 20px 28px;
  flex-wrap: wrap;
  justify-content: center;
}
.ld-price-amount {
  font-size: 38px;
  font-weight: 700;
  color: #eba734;
  font-family: 'Poppins', sans-serif;
  line-height: 1;
}
.ld-price-amount span {
  font-size: 16px;
  font-weight: 500;
  color: rgba(235, 167, 52, 0.6);
  vertical-align: super;
}
.ld-price-label {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  font-family: 'Poppins', sans-serif;
  margin-top: 2px;
}
.ld-price-divider {
  width: 1px;
  height: 40px;
  background: rgba(235, 167, 52, 0.2);
}
.ld-price-btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

/* Hero screenshot */
.ld-hero-screenshot {
  max-width: 900px;
  margin: 52px auto 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(235, 167, 52, 0.12);
}
.ld-hero-screenshot img { width: 100%; }

/* ── OVERVIEW ──────────────────────────────────────────────────────────────── */
.ld-overview {
  padding: 80px 40px;
  background: #fff;
}
.ld-overview-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.ld-overview-inner p {
  font-size: 16px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.85;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 10px;
}

/* ── FEATURES ──────────────────────────────────────────────────────────────── */
.ld-features-section {
  padding: 80px 40px;
  background: #f9fafb;
}
.ld-features-head {
  text-align: center;
  margin-bottom: 56px;
}
.ld-features-head p {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
  font-family: 'Poppins', sans-serif;
  margin-top: 8px;
}

/* Alternating feature rows */
.ld-feature-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto 64px;
}
.ld-feature-row:last-child { margin-bottom: 0; }
.ld-feature-row.reverse { direction: rtl; }
.ld-feature-row.reverse > * { direction: ltr; }

.ld-feature-text p {
  font-size: 15px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.8;
  font-family: 'Poppins', sans-serif;
}
.ld-feature-text p + p { margin-top: 12px; }

.ld-feature-img {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(31, 31, 40, 0.12);
  border: 1px solid #f3f4f6;
}
.ld-feature-img img { width: 100%; display: block; }

/* Note box */
.ld-note {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fffbf0;
  border: 1px solid rgba(235, 167, 52, 0.3);
  border-left: 3px solid #eba734;
  border-radius: 0 12px 12px 0;
  padding: 16px 20px;
  max-width: 860px;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
}
.ld-note-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.ld-note-text {
  font-size: 13.5px;
  font-weight: 400;
  color: #78350f;
  line-height: 1.7;
}
.ld-note-text strong { color: #92400e; font-weight: 700; }
.ld-note-text a { color: #eba734; font-weight: 600; text-decoration: none; }
.ld-note-text a:hover { text-decoration: underline; }

/* ── BOTTOM CTA ────────────────────────────────────────────────────────────── */
.ld-cta {
  background: linear-gradient(135deg, #1f1f28 0%, #2a2a38 100%);
  padding: 80px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ld-cta::before {
  content: '';
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 360px;
  background: radial-gradient(ellipse, rgba(235, 167, 52, 0.12) 0%, transparent 65%);
  pointer-events: none;
}
.ld-cta-inner {
  max-width: 560px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.ld-cta h3 {
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 500;
  color: #fff;
  margin-bottom: 6px;
  font-family: 'Poppins', sans-serif;
}
.ld-cta-sub {
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 28px;
  font-family: 'Poppins', sans-serif;
}
.ld-cta-btns {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* ── RESPONSIVE ────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .ld-feature-row,
  .ld-feature-row.reverse {
    grid-template-columns: 1fr;
    direction: ltr;
    gap: 28px;
  }
  .ld-feature-row.reverse > * { direction: ltr; }
}

@media (max-width: 640px) {
  .ld-hero { padding: 60px 20px 52px; }
  .ld-overview,
  .ld-features-section,
  .ld-cta { padding: 60px 20px; }
  .ld-price-card { flex-direction: column; text-align: center; }
  .ld-price-divider { width: 60px; height: 1px; }
  .ld-hero-screenshot { margin-top: 36px; }
  .ld-pills { gap: 8px; }
}

/* ==========================================================================
   END — Lavish Date theme landing page styles
   ========================================================================== */


/* ==========================================================================
   INTIMATE THEME — DEMO LANDING PAGE STYLES (.it-*)
   Added: 2025-06-11
   Brand colors: #f44a34 (coral red) · #32292f (dark charcoal)
   All rules prefixed .it-* — zero conflict with existing styles.
   ========================================================================== */

.it-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.it-wrap a { text-decoration: none; color: inherit; }
.it-wrap img { max-width: 100%; display: block; }

/* ── Shared atoms ── */
.it-section-tag {
  display: inline-block;
  background: rgba(244, 74, 52, 0.10);
  color: #f44a34;
  font-size: 11px; font-weight: 600;
  padding: 4px 14px; border-radius: 50px;
  text-transform: uppercase; letter-spacing: 0.08em;
  border: 1px solid rgba(244, 74, 52, 0.25);
  font-family: 'Poppins', sans-serif;
}
.it-h2 {
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 500; color: #32292f;
  line-height: 1.2; font-family: 'Poppins', sans-serif;
  margin-bottom: 12px;
}
.it-h4 {
  font-size: 13px; font-weight: 700;
  color: #f44a34; letter-spacing: 0.12em;
  text-transform: uppercase; font-family: 'Poppins', sans-serif;
  margin-bottom: 10px;
  display: flex; align-items: center; gap: 8px;
}
.it-h4::before {
  content: '';
  width: 18px; height: 2px;
  background: #f44a34; border-radius: 2px; flex-shrink: 0;
}

/* ── Buttons ── */
.it-btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: #f44a34; color: #ffffff !important;
  border: none; border-radius: 10px;
  padding: 13px 30px; font-size: 14px; font-weight: 600;
  cursor: pointer; font-family: 'Poppins', sans-serif;
  transition: background 0.2s, transform 0.15s;
}
.it-btn-primary:hover { background: #d93720; color: #ffffff !important; transform: translateY(-1px); }

.it-btn-outline {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; color: #f44a34 !important;
  border: 1.5px solid #f44a34; border-radius: 10px;
  padding: 12px 28px; font-size: 14px; font-weight: 600;
  cursor: pointer; font-family: 'Poppins', sans-serif;
  transition: background 0.2s, color 0.2s;
}
.it-btn-outline:hover { background: #f44a34; color: #ffffff !important; }

/* ── HERO ── */
.it-hero {
  background: linear-gradient(135deg, #32292f 0%, #3e3035 55%, #2a2226 100%);
  padding: 80px 40px 72px; text-align: center;
  position: relative; overflow: hidden;
  border-radius: 0 0 28px 28px;
}
.it-hero::before {
  content: ''; position: absolute;
  top: -100px; left: 50%; transform: translateX(-50%);
  width: 700px; height: 460px;
  background: radial-gradient(ellipse, rgba(244, 74, 52, 0.18) 0%, transparent 65%);
  pointer-events: none;
}
.it-hero-inner { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
.it-hero-logo { margin: 0 auto 28px; max-width: 240px; }
.it-hero-logo img { width: 100%; }
.it-hero h1 {
  font-size: clamp(30px, 5vw, 54px); font-weight: 500;
  color: #fff; line-height: 1.15; letter-spacing: -0.3px;
  margin-bottom: 16px; font-family: 'Poppins', sans-serif;
}
.it-hero h1 em { font-style: normal; color: #f44a34; }
.it-hero-sub {
  font-size: 16px; font-weight: 400;
  color: rgba(255,255,255,0.6); line-height: 1.75;
  margin-bottom: 36px; font-family: 'Poppins', sans-serif;
}

/* Pills */
.it-pills { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.it-pill {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(244, 74, 52, 0.08);
  border: 1px solid rgba(244, 74, 52, 0.2);
  border-radius: 50px; padding: 7px 16px;
  font-size: 13px; font-weight: 500;
  color: rgba(255,255,255,0.85); font-family: 'Poppins', sans-serif;
}
.it-pill::before {
  content: '✓'; width: 17px; height: 17px;
  border-radius: 50%; background: #f44a34; color: #fff;
  font-size: 9px; font-weight: 700;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

/* Price card */
.it-price-card {
  display: inline-flex; align-items: center; gap: 20px;
  background: rgba(244, 74, 52, 0.07);
  border: 1px solid rgba(244, 74, 52, 0.18);
  border-radius: 16px; padding: 20px 28px;
  flex-wrap: wrap; justify-content: center;
}
.it-price-amount { font-size: 38px; font-weight: 700; color: #fff; font-family: 'Poppins', sans-serif; line-height: 1; }
.it-price-amount span { font-size: 16px; font-weight: 500; color: rgba(255,255,255,0.5); vertical-align: super; }
.it-price-label { font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.4); font-family: 'Poppins', sans-serif; margin-top: 2px; }
.it-price-divider { width: 1px; height: 40px; background: rgba(244, 74, 52, 0.25); }
.it-price-btns { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

/* Hero screenshot */
.it-hero-screenshot {
  max-width: 900px; margin: 52px auto 0;
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 28px 80px rgba(0,0,0,0.55);
  border: 1px solid rgba(244, 74, 52, 0.1);
}
.it-hero-screenshot img { width: 100%; }

/* ── OVERVIEW ── */
.it-overview { padding: 80px 40px; background: #fff; }
.it-overview-inner { max-width: 760px; margin: 0 auto; text-align: center; }
.it-overview-inner p {
  font-size: 16px; font-weight: 400; color: #6b7280;
  line-height: 1.85; font-family: 'Poppins', sans-serif; margin-bottom: 10px;
}

/* ── FEATURES ── */
.it-features-section { padding: 80px 40px; background: #f9fafb; }
.it-features-head { text-align: center; margin-bottom: 56px; }
.it-features-head p { font-size: 15px; font-weight: 400; color: #6b7280; font-family: 'Poppins', sans-serif; margin-top: 8px; }

.it-feature-row {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 52px; align-items: center;
  max-width: 1100px; margin: 0 auto 64px;
}
.it-feature-row:last-child { margin-bottom: 0; }
.it-feature-row.reverse { direction: rtl; }
.it-feature-row.reverse > * { direction: ltr; }
.it-feature-text p { font-size: 15px; font-weight: 400; color: #6b7280; line-height: 1.8; font-family: 'Poppins', sans-serif; }
.it-feature-text p + p { margin-top: 12px; }
.it-feature-img { border-radius: 16px; overflow: hidden; box-shadow: 0 12px 40px rgba(50,41,47,0.10); border: 1px solid #f3f4f6; }
.it-feature-img img { width: 100%; display: block; }

/* Note box */
.it-note {
  display: flex; align-items: flex-start; gap: 14px;
  background: #fff5f4; border: 1px solid rgba(244, 74, 52, 0.25);
  border-left: 3px solid #f44a34;
  border-radius: 0 12px 12px 0; padding: 16px 20px;
  max-width: 860px; margin: 0 auto;
  font-family: 'Poppins', sans-serif;
}
.it-note-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.it-note-text { font-size: 13.5px; font-weight: 400; color: #5a2020; line-height: 1.7; }
.it-note-text strong { color: #7b1d1d; font-weight: 700; }
.it-note-text a { color: #f44a34; font-weight: 600; text-decoration: none; }
.it-note-text a:hover { text-decoration: underline; }

/* ── BOTTOM CTA ── */
.it-cta {
  background: linear-gradient(135deg, #32292f 0%, #3e3035 100%);
  padding: 80px 40px; text-align: center;
  position: relative; overflow: hidden;
}
.it-cta::before {
  content: ''; position: absolute;
  bottom: -80px; left: 50%; transform: translateX(-50%);
  width: 600px; height: 360px;
  background: radial-gradient(ellipse, rgba(244,74,52,0.14) 0%, transparent 65%);
  pointer-events: none;
}
.it-cta-inner { max-width: 560px; margin: 0 auto; position: relative; z-index: 1; }
.it-cta h3 { font-size: clamp(22px, 3vw, 34px); font-weight: 500; color: #fff; margin-bottom: 6px; font-family: 'Poppins', sans-serif; }
.it-cta-sub { font-size: 15px; font-weight: 400; color: rgba(255,255,255,0.5); margin-bottom: 28px; font-family: 'Poppins', sans-serif; }
.it-cta-btns { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .it-feature-row, .it-feature-row.reverse { grid-template-columns: 1fr; direction: ltr; gap: 28px; }
  .it-feature-row.reverse > * { direction: ltr; }
}
@media (max-width: 640px) {
  .it-hero { padding: 60px 20px 52px; }
  .it-overview, .it-features-section, .it-cta { padding: 60px 20px; }
  .it-price-card { flex-direction: column; text-align: center; }
  .it-price-divider { width: 60px; height: 1px; }
  .it-hero-screenshot { margin-top: 36px; }
  .it-pills { gap: 8px; }
}

/* ==========================================================================
   END — Intimate theme landing page styles
   ========================================================================== */


/* ==========================================================================
   DATING SCRIPT LANDING PAGE — .ds-* styles
   Added: 2025-06-11  |  Brand: #f63f77  |  Background: #ffffff
   All rules prefixed .ds-* — zero conflict with existing styles.
   ========================================================================== */

.ds-wrap*{box-sizing:border-box;margin:0;padding:0}
.ds-wrap a{text-decoration:none;color:inherit}
.ds-wrap img{max-width:100%;display:block}

/* ── Tokens ── */
.ds-wrap{
  --ds-pink:#f63f77;
  --ds-pink-dark:#d92d63;
  --ds-pink-soft:rgba(246,63,119,.08);
  --ds-pink-border:rgba(246,63,119,.2);
  --ds-ink:#1a1a2e;
  --ds-slate:#3b3d52;
  --ds-muted:#6b7280;
  --ds-border:#e5e7eb;
  --ds-surface:#f9fafb;
  --ds-white:#ffffff;
  --ds-r:14px;
  --ds-r-lg:20px;
  --ds-sh:0 4px 20px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.04);
  --ds-sh-lg:0 12px 48px rgba(0,0,0,.10),0 4px 12px rgba(0,0,0,.05);
  --ds-sh-pink:0 8px 32px rgba(246,63,119,.22);
  font-family:'Poppins',sans-serif;
}

/* ── Shared atoms ── */
.ds-tag{display:inline-block;background:var(--ds-pink-soft);color:var(--ds-pink);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ds-pink-border);margin-bottom:12px}
.ds-h1{font-size:clamp(34px,5.5vw,64px);font-weight:500;color:var(--ds-ink);line-height:1.1;letter-spacing:-.5px}
.ds-h1 em{font-style:normal;color:var(--ds-pink)}
.ds-h2{font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--ds-ink);line-height:1.2}
.ds-h3{font-size:clamp(18px,2.5vw,26px);font-weight:500;color:var(--ds-ink);line-height:1.3}
.ds-body{font-size:15px;font-weight:400;color:var(--ds-muted);line-height:1.8}
.ds-section{padding:88px 40px}
.ds-container{max-width:1140px;margin:0 auto}
.ds-section-head{text-align:center;max-width:640px;margin:0 auto 56px}
.ds-divider{height:1px;background:var(--ds-border);max-width:1140px;margin:0 auto}

/* ── Buttons ── */
.ds-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--ds-pink);color:#fff!important;border:none;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--ds-sh-pink);transition:background .2s,transform .15s}
.ds-btn-primary:hover{background:var(--ds-pink-dark);transform:translateY(-2px);color:#fff!important}
.ds-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ds-pink)!important;border:1.5px solid var(--ds-pink);border-radius:10px;padding:13px 28px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.ds-btn-outline:hover{background:var(--ds-pink);color:#fff!important}
.ds-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:var(--ds-pink-soft);color:var(--ds-pink)!important;border:1px solid var(--ds-pink-border);border-radius:10px;padding:11px 24px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s}
.ds-btn-ghost:hover{background:var(--ds-pink);color:#fff!important}
.ds-btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ════════════════════════════════════════
   BLOCK 1 — HERO
   ════════════════════════════════════════ */
.ds-hero{background:#fff;padding:100px 40px 0;overflow:hidden;position:relative}
.ds-hero::before{content:'';position:absolute;top:-120px;right:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(246,63,119,.06) 0%,transparent 70%);pointer-events:none}
.ds-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1140px;margin:0 auto}
.ds-hero-left{}
.ds-hero-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.ds-hero-eyebrow .ds-tag{margin-bottom:0}
.ds-hero-rating{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ds-muted)}
.ds-hero-rating .stars{color:#f59e0b;letter-spacing:1px}
.ds-hero h1{margin-bottom:20px}
.ds-hero-sub{font-size:17px;font-weight:400;color:var(--ds-muted);line-height:1.75;margin-bottom:32px;max-width:520px}
.ds-trust-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:28px;padding-top:28px;border-top:1px solid var(--ds-border)}
.ds-trust-item{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--ds-muted)}
.ds-trust-item::before{content:'✓';width:18px;height:18px;border-radius:50%;background:var(--ds-pink-soft);color:var(--ds-pink);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ds-hero-right{position:relative}
.ds-hero-img-wrap{border-radius:var(--ds-r-lg);overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.12);border:1px solid var(--ds-border)}
.ds-hero-img-wrap img{width:100%}
.ds-hero-screenshot{padding-bottom:56px}
.ds-hero-screenshot .ds-hero-img-wrap{margin-bottom:-1px;border-radius:var(--ds-r-lg) var(--ds-r-lg) 0 0}
.ds-hero-screenshot-strip{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:0 0 var(--ds-r-lg) var(--ds-r-lg);padding:14px 20px;display:flex;gap:20px;align-items:center;justify-content:center}
.ds-hero-screenshot-strip span{font-size:12px;font-weight:600;color:var(--ds-muted);display:flex;align-items:center;gap:6px}
.ds-hero-screenshot-strip span::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--ds-pink)}

/* ════════════════════════════════════════
   BLOCK 2 — WHY CHOOSE
   ════════════════════════════════════════ */
.ds-why{background:var(--ds-surface)}
.ds-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ds-why-card{background:var(--ds-white);border:1px solid var(--ds-border);border-radius:var(--ds-r);padding:28px 22px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}
.ds-why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ds-pink);opacity:0;transition:opacity .25s}
.ds-why-card:hover{box-shadow:var(--ds-sh-lg);transform:translateY(-4px)}
.ds-why-card:hover::before{opacity:1}
.ds-why-icon{width:48px;height:48px;border-radius:12px;background:var(--ds-pink-soft);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;border:1px solid var(--ds-pink-border)}
.ds-why-title{font-size:15px;font-weight:600;color:var(--ds-ink);margin-bottom:8px}
.ds-why-desc{font-size:13px;font-weight:400;color:var(--ds-muted);line-height:1.65}

/* ════════════════════════════════════════
   BLOCK 3 — FEATURES
   ════════════════════════════════════════ */
.ds-features{background:#fff}
.ds-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ds-feat-card{background:var(--ds-white);border:1px solid var(--ds-border);border-radius:var(--ds-r);padding:28px 24px;transition:box-shadow .25s,border-color .25s}
.ds-feat-card:hover{box-shadow:var(--ds-sh-lg);border-color:var(--ds-pink-border)}
.ds-feat-icon{width:44px;height:44px;border-radius:10px;background:var(--ds-pink-soft);border:1px solid var(--ds-pink-border);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}
.ds-feat-title{font-size:15px;font-weight:600;color:var(--ds-ink);margin-bottom:8px}
.ds-feat-desc{font-size:13px;font-weight:400;color:var(--ds-muted);line-height:1.65}

/* ════════════════════════════════════════
   BLOCK 4 — MOBILE APPS
   ════════════════════════════════════════ */
.ds-apps{background:var(--ds-surface)}
.ds-apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ds-apps-text .ds-body{margin-bottom:20px}
.ds-apps-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.ds-store-badge{display:inline-flex;align-items:center;gap:10px;background:var(--ds-ink);color:#fff;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;font-family:'Poppins',sans-serif;transition:background .2s}
.ds-store-badge:hover{background:#2d3748;color:#fff}
.ds-store-badge .icon{font-size:22px}
.ds-store-badge .sub{font-size:10px;font-weight:400;color:rgba(255,255,255,.6);display:block}
.ds-apps-screens{display:flex;gap:16px;align-items:flex-end;justify-content:center}
.ds-device-frame{background:var(--ds-ink);border-radius:20px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06)}
.ds-device-screen{background:#1f2937;border-radius:14px;overflow:hidden;width:140px;aspect-ratio:9/19}
.ds-device-screen img{width:100%;height:100%;object-fit:cover}
.ds-device-frame.wide .ds-device-screen{width:200px;aspect-ratio:9/17}

/* ════════════════════════════════════════
   BLOCK 5 — BUSINESS / REVENUE
   ════════════════════════════════════════ */
.ds-business{background:#fff}
.ds-business-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.ds-revenue-list{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.ds-revenue-item{display:flex;align-items:flex-start;gap:14px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-r);padding:18px 20px}
.ds-revenue-icon{width:40px;height:40px;border-radius:10px;background:var(--ds-pink-soft);border:1px solid var(--ds-pink-border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ds-revenue-title{font-size:14px;font-weight:600;color:var(--ds-ink);margin-bottom:3px}
.ds-revenue-desc{font-size:13px;font-weight:400;color:var(--ds-muted);line-height:1.55}
.ds-stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ds-stat-card{background:var(--ds-white);border:1px solid var(--ds-border);border-radius:var(--ds-r);padding:24px 20px;text-align:center}
.ds-stat-num{font-size:36px;font-weight:700;color:var(--ds-pink);font-family:'Poppins',sans-serif;line-height:1}
.ds-stat-label{font-size:12px;font-weight:500;color:var(--ds-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}

/* ════════════════════════════════════════
   BLOCK 6 — WHY WORDPRESS
   ════════════════════════════════════════ */
.ds-wordpress{background:var(--ds-surface)}
.ds-wp-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.ds-wp-list{display:flex;flex-direction:column;gap:18px;margin-top:20px}
.ds-wp-item{display:flex;gap:14px;align-items:flex-start}
.ds-wp-item-icon{width:36px;height:36px;border-radius:8px;background:var(--ds-pink-soft);border:1px solid var(--ds-pink-border);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:1px}
.ds-wp-item-title{font-size:14px;font-weight:600;color:var(--ds-ink);margin-bottom:3px}
.ds-wp-item-desc{font-size:13px;font-weight:400;color:var(--ds-muted);line-height:1.6}
.ds-wp-img img{width:100%;border-radius:var(--ds-r-lg);box-shadow:var(--ds-sh-lg)}

/* ════════════════════════════════════════
   BLOCK 7 — SCREENSHOTS / DEMO
   ════════════════════════════════════════ */
.ds-demo{background:#fff}
.ds-demo-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;max-width:1140px;margin:0 auto}
.ds-demo-card{border-radius:var(--ds-r);overflow:hidden;border:1px solid var(--ds-border);box-shadow:var(--ds-sh);transition:transform .3s,box-shadow .3s;display:block}
.ds-demo-card:hover{transform:translateY(-4px);box-shadow:var(--ds-sh-lg)}
.ds-demo-card img{width:100%;height:100%;object-fit:cover;display:block}
.ds-demo-card.tall{grid-row:span 2}

/* ════════════════════════════════════════
   BLOCK 8 — TESTIMONIALS
   ════════════════════════════════════════ */
.ds-testi{background:var(--ds-surface)}
.ds-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ds-testi-card{background:var(--ds-white);border:1px solid var(--ds-border);border-radius:var(--ds-r);padding:28px 24px;display:flex;flex-direction:column;gap:16px}
.ds-testi-stars{color:#f59e0b;font-size:14px;letter-spacing:2px}
.ds-testi-quote{font-size:14px;font-weight:400;color:var(--ds-slate);line-height:1.75;font-style:italic;flex:1}
.ds-testi-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--ds-border)}
.ds-testi-avatar{width:38px;height:38px;border-radius:50%;background:var(--ds-pink);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ds-testi-name{font-size:13px;font-weight:600;color:var(--ds-ink)}
.ds-testi-role{font-size:11px;font-weight:400;color:var(--ds-muted)}
.ds-trust-badges{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap;margin-top:48px;padding-top:40px;border-top:1px solid var(--ds-border)}
.ds-trust-badge{font-size:13px;font-weight:600;color:var(--ds-muted);display:flex;align-items:center;gap:8px}
.ds-trust-badge strong{color:var(--ds-ink)}

/* ════════════════════════════════════════
   BLOCK 9 — PRICING
   ════════════════════════════════════════ */
.ds-pricing{background:#fff}
.ds-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}
.ds-plan{background:var(--ds-white);border:2px solid var(--ds-border);border-radius:var(--ds-r-lg);padding:36px 28px;position:relative;transition:box-shadow .25s,transform .25s}
.ds-plan:hover{box-shadow:var(--ds-sh-lg);transform:translateY(-4px)}
.ds-plan.popular{border-color:var(--ds-pink)}
.ds-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ds-pink);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 16px;border-radius:50px;white-space:nowrap}
.ds-plan-name{font-size:16px;font-weight:600;color:var(--ds-ink);margin-bottom:6px}
.ds-plan-price{font-size:42px;font-weight:700;color:var(--ds-ink);line-height:1;margin-bottom:4px}
.ds-plan-price span{font-size:18px;font-weight:500;color:var(--ds-muted);vertical-align:super}
.ds-plan-cycle{font-size:13px;color:var(--ds-muted);margin-bottom:24px}
.ds-plan-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}
.ds-plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;color:var(--ds-slate);line-height:1.5}
.ds-plan-features li::before{content:'✓';color:var(--ds-pink);font-weight:700;flex-shrink:0;margin-top:1px}
.ds-plan-btn{display:block;width:100%;text-align:center;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:all .2s;border:1.5px solid var(--ds-pink);color:var(--ds-pink)!important;background:transparent}
.ds-plan-btn:hover,.ds-plan.popular .ds-plan-btn{background:var(--ds-pink);color:#fff!important}

/* ════════════════════════════════════════
   BLOCK 10 — FAQ
   ════════════════════════════════════════ */
.ds-faq{background:var(--ds-surface)}
.ds-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:960px;margin:0 auto}
.ds-faq-item{background:var(--ds-white);border:1px solid var(--ds-border);border-radius:var(--ds-r);overflow:hidden}
.ds-faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;cursor:pointer;font-size:14px;font-weight:600;color:var(--ds-ink);font-family:'Poppins',sans-serif;user-select:none}
.ds-faq-q:hover{background:var(--ds-surface)}
.ds-faq-icon{font-size:18px;color:var(--ds-muted);flex-shrink:0;transition:transform .2s}
.ds-faq-item.open .ds-faq-icon{transform:rotate(45deg)}
.ds-faq-a{display:none;padding:0 20px 18px;font-size:14px;font-weight:400;color:var(--ds-muted);line-height:1.75;border-top:1px solid var(--ds-border)}
.ds-faq-item.open .ds-faq-a{display:block}

/* ════════════════════════════════════════
   BLOCK 11 — FINAL CTA
   ════════════════════════════════════════ */
.ds-final-cta{background:linear-gradient(135deg,#1a1a2e 0%,#2d1a3e 50%,#1a2e3e 100%);padding:100px 40px;text-align:center;position:relative;overflow:hidden}
.ds-final-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(246,63,119,.18) 0%,transparent 65%);pointer-events:none}
.ds-final-cta-inner{max-width:700px;margin:0 auto;position:relative;z-index:1}
.ds-final-cta .ds-tag{background:rgba(246,63,119,.15);border-color:rgba(246,63,119,.3);color:#ff8fad}
.ds-cta-h{font-size:clamp(28px,4.5vw,50px);font-weight:500;color:#fff;line-height:1.15;margin-bottom:16px}
.ds-cta-h em{font-style:normal;color:#f63f77}
.ds-cta-sub{font-size:16px;font-weight:400;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:36px}
.ds-cta-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.ds-cta-trust span{font-size:12px;font-weight:500;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:6px}
.ds-cta-trust span::before{content:'✓';color:#f63f77;font-weight:700}

/* ── Responsive ── */
@media(max-width:1000px){
  .ds-hero-grid,.ds-apps-grid,.ds-business-grid,.ds-wp-grid{grid-template-columns:1fr;gap:36px}
  .ds-why-grid,.ds-features-grid{grid-template-columns:repeat(2,1fr)}
  .ds-testi-grid,.ds-pricing-grid{grid-template-columns:repeat(2,1fr)}
  .ds-faq-grid{grid-template-columns:1fr}
  .ds-demo-gallery{grid-template-columns:1fr 1fr}
  .ds-demo-card.tall{grid-row:span 1}
  .ds-stat-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .ds-section{padding:60px 20px}
  .ds-hero{padding:72px 20px 0}
  .ds-why-grid,.ds-features-grid,.ds-testi-grid,.ds-pricing-grid{grid-template-columns:1fr}
  .ds-demo-gallery{grid-template-columns:1fr}
  .ds-btn-row{flex-direction:column;align-items:flex-start}
  .ds-apps-screens{flex-direction:column;align-items:center}
  .ds-final-cta{padding:72px 20px}
}
/* ==========================================================================
   END — Dating Script landing page styles
   ========================================================================== */


/* ==========================================================================
   DATING CLUB THEME — DEMO LANDING PAGE STYLES (.dc-*)
   Added: 2025-06-11
   Brand color: #f63f77 (violet/purple) · Dark bg: #1a1228
   All rules prefixed .dc-* — zero conflict with existing styles.
   ========================================================================== */

.dc-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.dc-wrap a { text-decoration: none; color: inherit; }
.dc-wrap img { max-width: 100%; display: block; }

/* ── Tokens ── */
.dc-wrap {
  --dc-purple: #f63f77;
  --dc-purple-dark: #8b44e8;
  --dc-purple-soft: rgba(246, 63, 119, 0.10);
  --dc-purple-border: rgba(246, 63, 119, 0.22);
  --dc-dark: #1a1228;
  --dc-dark-2: #221836;
  --dc-ink: #1a1228;
  --dc-muted: #6b7280;
  --dc-border: #e5e7eb;
  --dc-surface: #f9f7ff;
  --dc-white: #ffffff;
  --dc-r: 14px;
  --dc-r-lg: 20px;
  --dc-sh: 0 4px 20px rgba(246,63,119,.10), 0 1px 4px rgba(0,0,0,.04);
  --dc-sh-lg: 0 12px 48px rgba(246,63,119,.14), 0 4px 12px rgba(0,0,0,.06);
  --dc-sh-purple: 0 8px 32px rgba(246,63,119,.28);
  font-family: 'Poppins', sans-serif;
}

/* ── Atoms ── */
.dc-tag {
  display: inline-block;
  background: var(--dc-purple-soft);
  color: var(--dc-purple);
  font-size: 11px; font-weight: 600;
  padding: 4px 14px; border-radius: 50px;
  text-transform: uppercase; letter-spacing: 0.08em;
  border: 1px solid var(--dc-purple-border);
  font-family: 'Poppins', sans-serif;
}
.dc-h2 {
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 500; color: var(--dc-ink);
  line-height: 1.2; font-family: 'Poppins', sans-serif;
  margin-bottom: 12px;
}
.dc-h4 {
  font-size: 13px; font-weight: 700;
  color: var(--dc-purple); letter-spacing: 0.12em;
  text-transform: uppercase; font-family: 'Poppins', sans-serif;
  margin-bottom: 10px;
  display: flex; align-items: center; gap: 8px;
}
.dc-h4::before {
  content: '';
  width: 18px; height: 2px;
  background: var(--dc-purple); border-radius: 2px; flex-shrink: 0;
}

/* ── Buttons ── */
.dc-btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--dc-purple); color: #fff !important;
  border: none; border-radius: 10px;
  padding: 13px 30px; font-size: 14px; font-weight: 600;
  cursor: pointer; font-family: 'Poppins', sans-serif;
  box-shadow: var(--dc-sh-purple);
  transition: background 0.2s, transform 0.15s;
}
.dc-btn-primary:hover { background: var(--dc-purple-dark); color: #fff !important; transform: translateY(-1px); }

.dc-btn-outline {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; color: var(--dc-purple) !important;
  border: 1.5px solid var(--dc-purple); border-radius: 10px;
  padding: 12px 28px; font-size: 14px; font-weight: 600;
  cursor: pointer; font-family: 'Poppins', sans-serif;
  transition: background 0.2s, color 0.2s;
}
.dc-btn-outline:hover { background: var(--dc-purple); color: #fff !important; }

/* ── HERO ── */
.dc-hero {
  background: linear-gradient(135deg, #1a1228 0%, #231540 55%, #1a2040 100%);
  padding: 80px 40px 0; text-align: center;
  position: relative; overflow: hidden;
  border-radius: 0 0 28px 28px;
}
.dc-hero::before {
  content: ''; position: absolute;
  top: -120px; left: 50%; transform: translateX(-50%);
  width: 700px; height: 460px;
  background: radial-gradient(ellipse, rgba(246,63,119,0.22) 0%, transparent 65%);
  pointer-events: none;
}
.dc-hero-inner { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
.dc-hero-logo { margin: 0 auto 28px; max-width: 280px; }
.dc-hero-logo img { width: 100%; }
.dc-hero h1 {
  font-size: clamp(30px, 5vw, 54px); font-weight: 500;
  color: #fff; line-height: 1.15; letter-spacing: -0.3px;
  margin-bottom: 16px; font-family: 'Poppins', sans-serif;
}
.dc-hero h1 em { font-style: normal; color: #f63f77; }
.dc-hero-sub {
  font-size: 16px; font-weight: 400;
  color: rgba(255,255,255,0.6); line-height: 1.75;
  margin-bottom: 36px; font-family: 'Poppins', sans-serif;
}

/* Pills */
.dc-pills { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.dc-pill {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(246,63,119,0.10);
  border: 1px solid rgba(246,63,119,0.22);
  border-radius: 50px; padding: 7px 16px;
  font-size: 13px; font-weight: 500;
  color: rgba(255,255,255,0.85); font-family: 'Poppins', sans-serif;
}
.dc-pill::before {
  content: '✓'; width: 17px; height: 17px;
  border-radius: 50%; background: #f63f77; color: #fff;
  font-size: 9px; font-weight: 700;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

/* Price card */
.dc-price-card {
  display: inline-flex; align-items: center; gap: 20px;
  background: rgba(246,63,119,0.09);
  border: 1px solid rgba(246,63,119,0.22);
  border-radius: 16px; padding: 20px 28px;
  flex-wrap: wrap; justify-content: center;
}
.dc-price-amount { font-size: 38px; font-weight: 700; color: #f63f77; font-family: 'Poppins', sans-serif; line-height: 1; }
.dc-price-amount span { font-size: 16px; font-weight: 500; color: rgba(246,63,119,0.6); vertical-align: super; }
.dc-price-label { font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.4); font-family: 'Poppins', sans-serif; margin-top: 2px; }
.dc-price-divider { width: 1px; height: 40px; background: rgba(246,63,119,0.25); }
.dc-price-btns { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

/* Hero screenshot */
.dc-hero-screenshot {
  max-width: 860px; margin: 48px auto 0;
  border-radius: var(--dc-r-lg) var(--dc-r-lg) 0 0;
  overflow: hidden;
  box-shadow: 0 -4px 60px rgba(246,63,119,0.2), 0 28px 80px rgba(0,0,0,0.5);
  border: 1px solid rgba(246,63,119,0.15);
  border-bottom: none;
}
.dc-hero-screenshot img { width: 100%; display: block; }

/* ── OVERVIEW ── */
.dc-overview { padding: 80px 40px; background: #fff; }
.dc-overview-inner { max-width: 760px; margin: 0 auto; text-align: center; }
.dc-overview-inner p {
  font-size: 16px; font-weight: 400; color: var(--dc-muted);
  line-height: 1.85; font-family: 'Poppins', sans-serif; margin-bottom: 10px;
}

/* ── FEATURES ── */
.dc-features-section { padding: 80px 40px; background: var(--dc-surface); }
.dc-features-head { text-align: center; margin-bottom: 56px; }
.dc-features-head p { font-size: 15px; font-weight: 400; color: var(--dc-muted); font-family: 'Poppins', sans-serif; margin-top: 8px; }

.dc-feature-row {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 52px; align-items: center;
  max-width: 1100px; margin: 0 auto 64px;
}
.dc-feature-row:last-child { margin-bottom: 0; }
.dc-feature-row.reverse { direction: rtl; }
.dc-feature-row.reverse > * { direction: ltr; }
.dc-feature-text p { font-size: 15px; font-weight: 400; color: var(--dc-muted); line-height: 1.8; font-family: 'Poppins', sans-serif; }
.dc-feature-text p + p { margin-top: 12px; }
.dc-feature-img {
  border-radius: var(--dc-r-lg); overflow: hidden;
  box-shadow: var(--dc-sh-lg); border: 1px solid var(--dc-border);
}
.dc-feature-img img { width: 100%; display: block; }

/* Note */
.dc-note {
  display: flex; align-items: flex-start; gap: 14px;
  background: #f5f0ff; border: 1px solid rgba(246,63,119,0.25);
  border-left: 3px solid #f63f77;
  border-radius: 0 12px 12px 0; padding: 16px 20px;
  max-width: 860px; margin: 0 auto;
  font-family: 'Poppins', sans-serif;
}
.dc-note-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.dc-note-text { font-size: 13.5px; font-weight: 400; color: #3b1d6e; line-height: 1.7; }
.dc-note-text strong { color: #5a1faa; font-weight: 700; }
.dc-note-text a { color: #f63f77; font-weight: 600; text-decoration: none; }
.dc-note-text a:hover { text-decoration: underline; }

/* ── BOTTOM CTA ── */
.dc-cta {
  background: linear-gradient(135deg, #1a1228 0%, #231540 100%);
  padding: 80px 40px; text-align: center;
  position: relative; overflow: hidden;
}
.dc-cta::before {
  content: ''; position: absolute;
  bottom: -80px; left: 50%; transform: translateX(-50%);
  width: 600px; height: 360px;
  background: radial-gradient(ellipse, rgba(246,63,119,0.16) 0%, transparent 65%);
  pointer-events: none;
}
.dc-cta-inner { max-width: 560px; margin: 0 auto; position: relative; z-index: 1; }
.dc-cta h3 { font-size: clamp(22px, 3vw, 34px); font-weight: 500; color: #fff; margin-bottom: 6px; font-family: 'Poppins', sans-serif; }
.dc-cta-sub { font-size: 15px; font-weight: 400; color: rgba(255,255,255,0.5); margin-bottom: 28px; font-family: 'Poppins', sans-serif; }
.dc-cta-btns { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .dc-feature-row, .dc-feature-row.reverse { grid-template-columns: 1fr; direction: ltr; gap: 28px; }
  .dc-feature-row.reverse > * { direction: ltr; }
}
@media (max-width: 640px) {
  .dc-hero { padding: 60px 20px 0; }
  .dc-overview, .dc-features-section, .dc-cta { padding: 60px 20px; }
  .dc-price-card { flex-direction: column; text-align: center; }
  .dc-price-divider { width: 60px; height: 1px; }
  .dc-pills { gap: 8px; }
  .dc-hero-screenshot { margin-top: 32px; }
}

/* ==========================================================================
   END — Dating Club theme landing page styles
   ========================================================================== */


/* ==========================================================================
   LOVELOCK MOBILE APP — LANDING PAGE STYLES (.ll-*)
   Added: 2025-06-11
   Brand: #f63f77 (violet) · White background
   All rules prefixed .ll-* — zero conflict with existing styles.
   ========================================================================== */

.ll-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.ll-wrap a { text-decoration: none; color: inherit; }
.ll-wrap img { max-width: 100%; display: block; }

.ll-wrap {
  --ll-purple: #f63f77;
  --ll-purple-dark: #8b44e8;
  --ll-purple-soft: rgba(246,63,119,.10);
  --ll-purple-border: rgba(246,63,119,.22);
  --ll-dark: #1a1228;
  --ll-ink: #1a1228;
  --ll-muted: #6b7280;
  --ll-border: #e5e7eb;
  --ll-surface: #f9f7ff;
  --ll-r: 14px;
  --ll-r-lg: 20px;
  --ll-sh: 0 4px 20px rgba(246,63,119,.12),0 1px 4px rgba(0,0,0,.04);
  --ll-sh-lg: 0 12px 48px rgba(246,63,119,.16),0 4px 12px rgba(0,0,0,.06);
  --ll-sh-purple: 0 8px 32px rgba(246,63,119,.30);
  font-family: 'Poppins', sans-serif;
}

/* ── Atoms ── */
.ll-tag { display:inline-block;background:var(--ll-purple-soft);color:var(--ll-purple);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ll-purple-border);font-family:'Poppins',sans-serif }
.ll-h2 { font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--ll-ink);line-height:1.2;font-family:'Poppins',sans-serif;margin-bottom:12px }
.ll-body { font-size:15px;font-weight:400;color:var(--ll-muted);line-height:1.8;font-family:'Poppins',sans-serif }
.ll-section { padding:80px 40px;background:#fff }
.ll-container { max-width:1140px;margin:0 auto }
.ll-section-head { text-align:center;max-width:640px;margin:0 auto 52px }

/* ── Buttons ── */
.ll-btn-primary { display:inline-flex;align-items:center;gap:8px;background:var(--ll-purple);color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--ll-sh-purple);transition:background .2s,transform .15s }
.ll-btn-primary:hover { background:var(--ll-purple-dark);color:#fff!important;transform:translateY(-1px) }
.ll-btn-outline { display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ll-purple)!important;border:1.5px solid var(--ll-purple);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s }
.ll-btn-outline:hover { background:var(--ll-purple);color:#fff!important }
.ll-btn-row { display:flex;gap:12px;flex-wrap:wrap;align-items:center }

/* ── HERO ── */
.ll-hero { background:linear-gradient(135deg,#1a1228 0%,#231540 55%,#1a2040 100%);padding:90px 40px 0;text-align:center;position:relative;overflow:hidden;border-radius:0 0 28px 28px }
.ll-hero::before { content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:460px;background:radial-gradient(ellipse,rgba(246,63,119,.22) 0%,transparent 65%);pointer-events:none }
.ll-hero-inner { position:relative;z-index:1;max-width:720px;margin:0 auto }
.ll-hero h1 { font-size:clamp(30px,5vw,56px);font-weight:500;color:#fff;line-height:1.12;letter-spacing:-.3px;margin-bottom:16px;font-family:'Poppins',sans-serif }
.ll-hero h1 em { font-style:normal;color:#f63f77 }
.ll-hero-sub { font-size:17px;font-weight:400;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:32px;font-family:'Poppins',sans-serif;max-width:560px;margin-left:auto;margin-right:auto }
.ll-hero-badges { display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:40px }
.ll-store-btn { display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 22px;color:#fff!important;transition:background .2s;text-decoration:none }
.ll-store-btn:hover { background:rgba(246,63,119,.25);border-color:rgba(246,63,119,.5) }
.ll-store-btn .ll-store-icon { font-size:24px;line-height:1 }
.ll-store-btn .ll-store-label { text-align:left }
.ll-store-btn .ll-store-sub { display:block;font-size:10px;font-weight:400;color:rgba(255,255,255,.55);line-height:1.2;font-family:'Poppins',sans-serif }
.ll-store-btn .ll-store-name { display:block;font-size:14px;font-weight:600;color:#fff;font-family:'Poppins',sans-serif }
.ll-hero-img { max-width:900px;margin:0 auto;position:relative;z-index:1 }
.ll-hero-img img { width:100%;filter:drop-shadow(0 -8px 40px rgba(246,63,119,.25)) }
.ll-trust-row { display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1 }
.ll-trust-item { display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:rgba(255,255,255,.55) }
.ll-trust-item::before { content:'✓';width:17px;height:17px;border-radius:50%;background:#f63f77;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0 }

/* ── WHY SECTION ── */
.ll-why { background:var(--ll-surface) }
.ll-why-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
.ll-why-card { background:#fff;border:1px solid var(--ll-border);border-radius:var(--ll-r);padding:28px 22px;position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s }
.ll-why-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ll-purple);opacity:0;transition:opacity .25s }
.ll-why-card:hover { box-shadow:var(--ll-sh-lg);transform:translateY(-4px) }
.ll-why-card:hover::before { opacity:1 }
.ll-why-icon { width:48px;height:48px;border-radius:12px;background:var(--ll-purple-soft);border:1px solid var(--ll-purple-border);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px }
.ll-why-title { font-size:15px;font-weight:600;color:var(--ll-ink);margin-bottom:7px;font-family:'Poppins',sans-serif }
.ll-why-desc { font-size:13px;font-weight:400;color:var(--ll-muted);line-height:1.65;font-family:'Poppins',sans-serif }

/* ── APP SCREENSHOTS ── */
.ll-screens-section { background:#fff }
.ll-screens-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto }
.ll-screen-card { border-radius:24px;overflow:hidden;box-shadow:var(--ll-sh-lg);border:1px solid var(--ll-border);transition:transform .3s }
.ll-screen-card:hover { transform:translateY(-6px) scale(1.01) }
.ll-screen-card img { width:100%;display:block }

/* ── TECH STACK ── */
.ll-tech-section { background:var(--ll-surface) }
.ll-tech-grid { display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;max-width:800px;margin:0 auto }
.ll-tech-item { display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s }
.ll-tech-item:hover { transform:translateY(-3px) }
.ll-tech-item img { height:48px;width:auto;object-fit:contain;filter:grayscale(30%) }
.ll-tech-item img:hover { filter:none }

/* ── FEATURES GRID ── */
.ll-features-section { background:#fff }
.ll-features-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
.ll-feat-card { background:var(--ll-surface);border:1px solid var(--ll-border);border-radius:var(--ll-r);padding:28px 22px;text-align:center;transition:box-shadow .25s,transform .25s }
.ll-feat-card:hover { box-shadow:var(--ll-sh-lg);transform:translateY(-4px) }
.ll-feat-icon { width:60px;height:60px;border-radius:50%;background:var(--ll-purple-soft);border:1px solid var(--ll-purple-border);display:flex;align-items:center;justify-content:center;margin:0 auto 14px }
.ll-feat-icon img { width:32px;height:32px;object-fit:contain }
.ll-feat-title { font-size:15px;font-weight:600;color:var(--ll-ink);margin-bottom:8px;font-family:'Poppins',sans-serif }
.ll-feat-desc { font-size:13px;font-weight:400;color:var(--ll-muted);line-height:1.65;font-family:'Poppins',sans-serif }

/* ── PRICING ── */
.ll-pricing-section { background:var(--ll-surface) }
.ll-pricing-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:820px;margin:0 auto }
.ll-plan { background:#fff;border:2px solid var(--ll-border);border-radius:var(--ll-r-lg);padding:36px 30px;position:relative;transition:box-shadow .25s,transform .25s }
.ll-plan:hover { box-shadow:var(--ll-sh-lg);transform:translateY(-4px) }
.ll-plan.popular { border-color:var(--ll-purple) }
.ll-plan-badge { position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ll-purple);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 16px;border-radius:50px;white-space:nowrap;font-family:'Poppins',sans-serif }
.ll-plan-name { font-size:13px;font-weight:600;color:var(--ll-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-family:'Poppins',sans-serif }
.ll-plan-price { font-size:48px;font-weight:700;color:var(--ll-ink);line-height:1;font-family:'Poppins',sans-serif }
.ll-plan-price sup { font-size:20px;font-weight:500;color:var(--ll-muted);vertical-align:super }
.ll-plan-cycle { font-size:13px;color:var(--ll-muted);margin-bottom:8px;font-family:'Poppins',sans-serif }
.ll-plan-support { display:inline-block;background:var(--ll-purple-soft);color:var(--ll-purple);font-size:12px;font-weight:700;padding:3px 12px;border-radius:50px;margin-bottom:20px;font-family:'Poppins',sans-serif }
.ll-plan-features { list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px }
.ll-plan-features li { display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;color:var(--ll-ink);line-height:1.5;font-family:'Poppins',sans-serif }
.ll-plan-features li::before { content:'✓';color:var(--ll-purple);font-weight:700;flex-shrink:0;margin-top:1px }
.ll-plan-note { font-size:12px;color:var(--ll-muted);margin-bottom:20px;line-height:1.5;font-family:'Poppins',sans-serif }

/* ── CTA STRIP ── */
.ll-cta-strip { background:#fff;padding:60px 40px }
.ll-cta-strip-inner { max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center }
.ll-cta-strip-text h2 { font-size:clamp(22px,3vw,34px);font-weight:500;color:var(--ll-ink);margin-bottom:10px;font-family:'Poppins',sans-serif }
.ll-cta-strip-img img { width:100%;border-radius:var(--ll-r-lg);box-shadow:var(--ll-sh-lg) }
.ll-mini-features { list-style:none;padding:0;margin:16px 0 24px;display:flex;flex-direction:column;gap:10px }
.ll-mini-features li { display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;color:var(--ll-muted);line-height:1.6;font-family:'Poppins',sans-serif }
.ll-mini-features li strong { color:var(--ll-ink);font-weight:600 }
.ll-mini-features li::before { content:'✓';width:18px;height:18px;border-radius:50%;background:var(--ll-purple-soft);color:var(--ll-purple);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px }

/* ── FINAL CTA ── */
.ll-final-cta { background:linear-gradient(135deg,#1a1228 0%,#231540 55%,#1a2040 100%);padding:90px 40px;text-align:center;position:relative;overflow:hidden }
.ll-final-cta::before { content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:460px;background:radial-gradient(ellipse,rgba(246,63,119,.18) 0%,transparent 65%);pointer-events:none }
.ll-final-cta-inner { max-width:680px;margin:0 auto;position:relative;z-index:1 }
.ll-final-cta h2 { font-size:clamp(26px,4vw,46px);font-weight:500;color:#fff;line-height:1.15;margin-bottom:14px;font-family:'Poppins',sans-serif }
.ll-final-cta h2 em { font-style:normal;color:#f63f77 }
.ll-final-cta p { font-size:16px;font-weight:400;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:32px;font-family:'Poppins',sans-serif }
.ll-final-cta-img { max-width:700px;margin:48px auto 0 }
.ll-final-cta-img img { width:100%;filter:drop-shadow(0 20px 60px rgba(246,63,119,.2)) }

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .ll-why-grid,.ll-features-grid { grid-template-columns:repeat(2,1fr) }
  .ll-screens-grid { grid-template-columns:repeat(2,1fr) }
  .ll-pricing-grid { grid-template-columns:1fr }
  .ll-cta-strip-inner { grid-template-columns:1fr }
}
@media(max-width:640px){
  .ll-hero { padding:64px 20px 0 }
  .ll-section { padding:60px 20px }
  .ll-why-grid,.ll-features-grid { grid-template-columns:1fr }
  .ll-screens-grid { grid-template-columns:1fr }
  .ll-hero-badges { flex-direction:column;align-items:center }
  .ll-tech-grid { gap:24px }
  .ll-final-cta { padding:64px 20px }
}

/* ==========================================================================
   END — LoveLock Mobile App landing page styles
   ========================================================================== */


/* ==========================================================================
   LOVELOCK DATING APP TEMPLATE PAGE — .la-*
   Added: 2025-06-11  |  Brand: #f63f77  |  Font: Poppins
   Prefixed .la-* — zero conflict with existing styles.
   ========================================================================== */

.la-wrap*{box-sizing:border-box;margin:0;padding:0}
.la-wrap a{text-decoration:none;color:inherit}
.la-wrap img{max-width:100%;display:block}

.la-wrap{
  --la-pink:#f63f77;
  --la-pink-dark:#d92d63;
  --la-pink-soft:rgba(246,63,119,.09);
  --la-pink-border:rgba(246,63,119,.2);
  --la-ink:#1a1a2e;
  --la-muted:#6b7280;
  --la-border:#e5e7eb;
  --la-surface:#fff9fb;
  --la-sh:0 4px 20px rgba(246,63,119,.10),0 1px 4px rgba(0,0,0,.04);
  --la-sh-lg:0 12px 48px rgba(246,63,119,.13),0 4px 12px rgba(0,0,0,.05);
  --la-sh-pink:0 8px 32px rgba(246,63,119,.25);
  --la-r:14px;
  --la-r-lg:20px;
  font-family:'Poppins',sans-serif;
}

/* ── Atoms ── */
.la-tag{display:inline-block;background:var(--la-pink-soft);color:var(--la-pink);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--la-pink-border)}
.la-h2{font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--la-ink);line-height:1.2;margin-bottom:12px}
.la-h3{font-size:clamp(18px,2.5vw,26px);font-weight:500;color:var(--la-ink);line-height:1.3;margin-bottom:10px}
.la-body{font-size:15px;font-weight:400;color:var(--la-muted);line-height:1.8}
.la-section{padding:80px 40px;background:#fff}
.la-container{max-width:1140px;margin:0 auto}
.la-section-head{text-align:center;max-width:640px;margin:0 auto 52px}

/* ── Buttons ── */
.la-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--la-pink);color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--la-sh-pink);transition:background .2s,transform .15s}
.la-btn-primary:hover{background:var(--la-pink-dark);color:#fff!important;transform:translateY(-1px)}
.la-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--la-pink)!important;border:1.5px solid var(--la-pink);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.la-btn-outline:hover{background:var(--la-pink);color:#fff!important}
.la-btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ── HERO ── */
.la-hero{background:linear-gradient(135deg,#1a1228 0%,#2d0e1e 55%,#1a1228 100%);padding:90px 40px 0;text-align:center;position:relative;overflow:hidden;border-radius:0 0 28px 28px}
.la-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:460px;background:radial-gradient(ellipse,rgba(246,63,119,.2) 0%,transparent 65%);pointer-events:none}
.la-hero::after{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(246,63,119,.07) 0%,transparent 70%);pointer-events:none}
.la-hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}
.la-hero h1{font-size:clamp(28px,5vw,58px);font-weight:500;color:#fff;line-height:1.12;letter-spacing:-.3px;margin-bottom:16px}
.la-hero h1 em{font-style:normal;color:#f63f77}
.la-hero-sub{font-size:17px;font-weight:400;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:12px;max-width:580px;margin-left:auto;margin-right:auto}
.la-hero-sub2{font-size:14px;font-weight:400;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto}
.la-stat-bar{display:flex;justify-content:center;gap:0;margin-bottom:36px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;max-width:540px;margin-left:auto;margin-right:auto}
.la-stat{flex:1;padding:16px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.la-stat:last-child{border-right:none}
.la-stat-num{display:block;font-size:22px;font-weight:700;color:#f63f77;line-height:1}
.la-stat-lbl{display:block;font-size:10px;font-weight:500;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
.la-hero-screens{max-width:960px;margin:0 auto;position:relative;z-index:1}
.la-hero-screens img{width:100%;filter:drop-shadow(0 -8px 40px rgba(246,63,119,.2))}
.la-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.la-trust-item{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}
.la-trust-item::before{content:'✓';width:17px;height:17px;border-radius:50%;background:#f63f77;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ── INTRO / OPPORTUNITY ── */
.la-intro{background:#fff}
.la-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.la-intro-text .la-body{margin-bottom:10px}
.la-intro-text strong{color:var(--la-ink);font-weight:600}
.la-intro-text a{color:var(--la-pink);font-weight:500;text-decoration:none}
.la-intro-text a:hover{text-decoration:underline}
.la-intro-img{border-radius:var(--la-r-lg);overflow:hidden;box-shadow:var(--la-sh-lg);border:1px solid var(--la-border)}
.la-intro-img img{width:100%}

/* ── WHY POPULAR ── */
.la-why{background:var(--la-surface)}
.la-why-grid{display:flex;flex-direction:column;gap:16px;max-width:860px;margin:0 auto}
.la-why-item{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--la-border);border-radius:var(--la-r);padding:22px 24px;transition:box-shadow .2s}
.la-why-item:hover{box-shadow:var(--la-sh-lg)}
.la-why-num{width:38px;height:38px;border-radius:50%;background:var(--la-pink);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.la-why-title{font-size:15px;font-weight:600;color:var(--la-ink);margin-bottom:5px}
.la-why-desc{font-size:14px;font-weight:400;color:var(--la-muted);line-height:1.7}
.la-why-desc strong{color:var(--la-ink);font-weight:600}

/* ── SCREENS GALLERY ── */
.la-screens{background:#fff}
.la-screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}
.la-screen-card{border-radius:22px;overflow:hidden;box-shadow:var(--la-sh-lg);border:1px solid var(--la-border);transition:transform .3s}
.la-screen-card:hover{transform:translateY(-6px) scale(1.01)}
.la-screen-card img{width:100%;display:block}

/* ── FEATURES GRID ── */
.la-features{background:var(--la-surface)}
.la-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.la-feat-card{background:#fff;border:1px solid var(--la-border);border-radius:var(--la-r);padding:24px 20px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}
.la-feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--la-pink);opacity:0;transition:opacity .25s}
.la-feat-card:hover{box-shadow:var(--la-sh-lg);transform:translateY(-3px)}
.la-feat-card:hover::before{opacity:1}
.la-feat-icon{width:44px;height:44px;border-radius:10px;background:var(--la-pink-soft);border:1px solid var(--la-pink-border);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}
.la-feat-title{font-size:14px;font-weight:600;color:var(--la-ink);margin-bottom:6px}
.la-feat-desc{font-size:13px;font-weight:400;color:var(--la-muted);line-height:1.65}

/* ── DESIGN SHOWCASE ── */
.la-showcase{background:#fff}
.la-showcase-img{border-radius:var(--la-r-lg);overflow:hidden;box-shadow:var(--la-sh-lg);margin-bottom:20px}
.la-showcase-img img{width:100%}
.la-screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.la-screenshot-card{border-radius:var(--la-r);overflow:hidden;box-shadow:var(--la-sh);transition:transform .25s;border:1px solid var(--la-border)}
.la-screenshot-card:hover{transform:translateY(-4px)}
.la-screenshot-card img{width:100%;display:block}

/* ── COMPARISON ── */
.la-compare{background:var(--la-surface)}
.la-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}
.la-compare-card{background:#fff;border:1px solid var(--la-border);border-radius:var(--la-r-lg);padding:32px 28px}
.la-compare-card.highlight{border-color:var(--la-pink);box-shadow:var(--la-sh-pink)}
.la-compare-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--la-muted);margin-bottom:12px}
.la-compare-label.pink{color:var(--la-pink)}
.la-compare-title{font-size:18px;font-weight:600;color:var(--la-ink);margin-bottom:20px}
.la-compare-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.la-compare-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;color:var(--la-muted);line-height:1.55}
.la-compare-list li strong{color:var(--la-ink);font-weight:600;display:block;margin-bottom:2px}
.la-compare-card .la-compare-list li::before{content:'✗';color:#e5e7eb;font-size:14px;font-weight:700;flex-shrink:0;margin-top:1px}
.la-compare-card.highlight .la-compare-list li::before{content:'✓';color:var(--la-pink)}

/* ── FINAL CTA ── */
.la-cta{background:linear-gradient(135deg,#1a1228 0%,#2d0e1e 55%,#1a1228 100%);padding:90px 40px;text-align:center;position:relative;overflow:hidden}
.la-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:460px;background:radial-gradient(ellipse,rgba(246,63,119,.16) 0%,transparent 65%);pointer-events:none}
.la-cta-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}
.la-cta h2{font-size:clamp(26px,4vw,46px);font-weight:500;color:#fff;line-height:1.15;margin-bottom:14px}
.la-cta h2 em{font-style:normal;color:#f63f77}
.la-cta p{font-size:16px;font-weight:400;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:32px}
.la-cta-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.la-cta-trust span{font-size:12px;font-weight:500;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px}
.la-cta-trust span::before{content:'✓';color:#f63f77;font-weight:700}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .la-intro-grid,.la-compare-grid{grid-template-columns:1fr}
  .la-features-grid,.la-screens-grid{grid-template-columns:repeat(2,1fr)}
  .la-screenshot-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .la-hero{padding:64px 20px 0}
  .la-section{padding:60px 20px}
  .la-features-grid,.la-screens-grid{grid-template-columns:1fr}
  .la-screenshot-grid{grid-template-columns:1fr}
  .la-stat-bar{flex-wrap:wrap}
  .la-cta{padding:64px 20px}
}

/* ==========================================================================
   END — LoveLock Dating App Template page styles
   ========================================================================== */


/* ==========================================================================
   TINDER-LIKE DATING APP SOFTWARE — 12 BLOCKS (.tl-*)
   Added: 2025-06-11  |  Brand: #f63f77  |  Font: Poppins
   All rules prefixed .tl-* — zero conflict with existing styles.
   ========================================================================== */

.tl-wrap*{box-sizing:border-box;margin:0;padding:0}
.tl-wrap a{text-decoration:none;color:inherit}
.tl-wrap img{max-width:100%;display:block}

.tl-wrap{
  --tl-pink:#f63f77;--tl-pink-dark:#d92d63;
  --tl-pink-soft:rgba(246,63,119,.09);--tl-pink-border:rgba(246,63,119,.2);
  --tl-ink:#1a1a2e;--tl-slate:#3b3d52;--tl-muted:#6b7280;
  --tl-border:#e5e7eb;--tl-surface:#f9fafb;--tl-surface2:#fff9fb;
  --tl-sh:0 4px 20px rgba(246,63,119,.09),0 1px 4px rgba(0,0,0,.04);
  --tl-sh-lg:0 12px 48px rgba(246,63,119,.12),0 4px 12px rgba(0,0,0,.05);
  --tl-sh-pink:0 8px 32px rgba(246,63,119,.25);
  --tl-r:14px;--tl-r-lg:20px;
  font-family:'Poppins',sans-serif;
}

/* ── SHARED ── */
.tl-section{padding:88px 40px;background:#fff}
.tl-surface{background:var(--tl-surface)}
.tl-container{max-width:1140px;margin:0 auto}
.tl-section-head{text-align:center;max-width:660px;margin:0 auto 56px}
.tl-tag{display:inline-block;background:var(--tl-pink-soft);color:var(--tl-pink);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--tl-pink-border)}
.tl-h1{font-size:clamp(32px,5.5vw,62px);font-weight:500;color:#fff;line-height:1.1;letter-spacing:-.5px}
.tl-h1 em{font-style:normal;color:#f63f77}
.tl-h2{font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--tl-ink);line-height:1.2}
.tl-h2 em{font-style:normal;color:var(--tl-pink)}
.tl-body{font-size:15px;font-weight:400;color:var(--tl-muted);line-height:1.8}
.tl-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--tl-pink);color:#fff!important;border:none;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--tl-sh-pink);transition:background .2s,transform .15s}
.tl-btn-primary:hover{background:var(--tl-pink-dark);color:#fff!important;transform:translateY(-2px)}
.tl-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--tl-pink)!important;border:1.5px solid var(--tl-pink);border-radius:10px;padding:13px 28px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s}
.tl-btn-outline:hover{background:var(--tl-pink);color:#fff!important}
.tl-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:var(--tl-pink-soft);color:var(--tl-pink)!important;border:1px solid var(--tl-pink-border);border-radius:10px;padding:11px 22px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s}
.tl-btn-ghost:hover{background:var(--tl-pink);color:#fff!important}
.tl-btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ── B1 HERO ── */
.tl-hero{background:linear-gradient(135deg,#1a1228 0%,#2d0e1e 55%,#1a1a2e 100%);padding:100px 40px 0;position:relative;overflow:hidden;border-radius:0 0 32px 32px}
.tl-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(246,63,119,.2) 0%,transparent 65%);pointer-events:none}
.tl-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1140px;margin:0 auto;position:relative;z-index:1}
.tl-hero-left{}
.tl-hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.tl-hero-rating{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}
.tl-hero-rating .stars{color:#f59e0b;letter-spacing:1px}
.tl-hero-sub{font-size:17px;font-weight:400;color:rgba(255,255,255,.65);line-height:1.75;margin:18px 0 32px}
.tl-store-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
.tl-store-btn{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 18px;color:#fff!important;transition:background .2s}
.tl-store-btn:hover{background:rgba(246,63,119,.25);border-color:rgba(246,63,119,.5)}
.tl-store-btn .tl-si{font-size:22px}
.tl-store-btn .tl-sl{text-align:left}
.tl-store-btn .tl-ss{display:block;font-size:10px;color:rgba(255,255,255,.5);font-family:'Poppins',sans-serif}
.tl-store-btn .tl-sn{display:block;font-size:13px;font-weight:600;font-family:'Poppins',sans-serif}
.tl-trust-bar{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}
.tl-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}
.tl-trust-item::before{content:'✓';width:16px;height:16px;border-radius:50%;background:#f63f77;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tl-hero-right{padding-bottom:0;position:relative}
.tl-hero-screens{position:relative;z-index:1}
.tl-hero-screens img{width:100%;filter:drop-shadow(0 24px 60px rgba(246,63,119,.2))}
.tl-stat-strip{display:flex;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;margin-top:24px;max-width:480px}
.tl-stat{flex:1;padding:14px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.tl-stat:last-child{border-right:none}
.tl-stat-num{display:block;font-size:20px;font-weight:700;color:#f63f77;line-height:1}
.tl-stat-lbl{display:block;font-size:10px;font-weight:500;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}

/* ── B2 SWIPE EXPERIENCE ── */
.tl-swipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.tl-swipe-screens{display:flex;gap:14px;align-items:flex-end;justify-content:center}
.tl-phone{background:var(--tl-ink);border-radius:22px;padding:8px;box-shadow:var(--tl-sh-lg);border:1px solid rgba(255,255,255,.06);flex-shrink:0}
.tl-phone-screen{background:#1f2937;border-radius:16px;overflow:hidden;width:130px;aspect-ratio:9/19}
.tl-phone-screen img{width:100%;height:100%;object-fit:cover}
.tl-phone.tall .tl-phone-screen{width:160px}
.tl-swipe-features{display:flex;flex-direction:column;gap:14px;margin-top:24px}
.tl-swipe-feat{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:var(--tl-surface2);border:1px solid var(--tl-border);border-radius:var(--tl-r)}
.tl-swipe-icon{width:36px;height:36px;border-radius:9px;background:var(--tl-pink-soft);border:1px solid var(--tl-pink-border);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.tl-swipe-title{font-size:14px;font-weight:600;color:var(--tl-ink);margin-bottom:3px}
.tl-swipe-desc{font-size:13px;font-weight:400;color:var(--tl-muted);line-height:1.6}

/* ── B3 COMPARE ── */
.tl-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}
.tl-compare-card{background:#fff;border:2px solid var(--tl-border);border-radius:var(--tl-r-lg);padding:32px 26px;position:relative;transition:box-shadow .25s}
.tl-compare-card.best{border-color:var(--tl-pink);box-shadow:var(--tl-sh-pink)}
.tl-compare-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--tl-pink);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 16px;border-radius:50px;white-space:nowrap;font-family:'Poppins',sans-serif}
.tl-compare-icon{font-size:32px;margin-bottom:14px}
.tl-compare-name{font-size:16px;font-weight:600;color:var(--tl-ink);margin-bottom:8px}
.tl-compare-cost{font-size:28px;font-weight:700;color:var(--tl-ink);margin-bottom:4px}
.tl-compare-cost.pink{color:var(--tl-pink)}
.tl-compare-cycle{font-size:12px;color:var(--tl-muted);margin-bottom:20px}
.tl-compare-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.tl-compare-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;color:var(--tl-muted);line-height:1.5}
.tl-compare-card .tl-compare-list li::before{content:'✗';color:#d1d5db;font-weight:700;flex-shrink:0}
.tl-compare-card.best .tl-compare-list li::before{content:'✓';color:var(--tl-pink)}

/* ── B4 FEATURES ── */
.tl-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tl-feat-card{background:#fff;border:1px solid var(--tl-border);border-radius:var(--tl-r);padding:24px 20px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}
.tl-feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--tl-pink);opacity:0;transition:opacity .25s}
.tl-feat-card:hover{box-shadow:var(--tl-sh-lg);transform:translateY(-4px)}
.tl-feat-card:hover::before{opacity:1}
.tl-feat-icon{width:44px;height:44px;border-radius:10px;background:var(--tl-pink-soft);border:1px solid var(--tl-pink-border);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}
.tl-feat-title{font-size:14px;font-weight:600;color:var(--tl-ink);margin-bottom:6px}
.tl-feat-desc{font-size:13px;font-weight:400;color:var(--tl-muted);line-height:1.6}

/* ── B5 MOBILE APPS ── */
.tl-apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.tl-apps-screens{display:flex;gap:16px;align-items:flex-end;justify-content:center}
.tl-screen-frame{background:var(--tl-ink);border-radius:24px;padding:9px;box-shadow:0 20px 60px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06)}
.tl-screen-inner{background:#111827;border-radius:17px;overflow:hidden;width:145px;aspect-ratio:9/19}
.tl-screen-inner img{width:100%;height:100%;object-fit:cover}
.tl-screen-frame.wide .tl-screen-inner{width:185px}

/* ── B6 MONETIZATION ── */
.tl-mono-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tl-mono-card{background:#fff;border:1px solid var(--tl-border);border-radius:var(--tl-r);padding:28px 22px;transition:box-shadow .25s,transform .25s}
.tl-mono-card:hover{box-shadow:var(--tl-sh-lg);transform:translateY(-4px)}
.tl-mono-icon{width:48px;height:48px;border-radius:12px;background:var(--tl-pink-soft);border:1px solid var(--tl-pink-border);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.tl-mono-title{font-size:15px;font-weight:600;color:var(--tl-ink);margin-bottom:7px}
.tl-mono-desc{font-size:13px;font-weight:400;color:var(--tl-muted);line-height:1.65}

/* ── B7 WHY WP ── */
.tl-wp-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.tl-wp-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.tl-wp-item{display:flex;gap:14px;align-items:flex-start}
.tl-wp-icon{width:36px;height:36px;border-radius:8px;background:var(--tl-pink-soft);border:1px solid var(--tl-pink-border);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:1px}
.tl-wp-title{font-size:14px;font-weight:600;color:var(--tl-ink);margin-bottom:3px}
.tl-wp-desc{font-size:13px;font-weight:400;color:var(--tl-muted);line-height:1.6}
.tl-wp-img img{width:100%;border-radius:var(--tl-r-lg);box-shadow:var(--tl-sh-lg)}

/* ── B8 SCREENSHOTS ── */
.tl-ss-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.tl-ss-card{border-radius:var(--tl-r);overflow:hidden;border:1px solid var(--tl-border);box-shadow:var(--tl-sh);transition:transform .3s,box-shadow .3s;display:block}
.tl-ss-card:hover{transform:translateY(-4px);box-shadow:var(--tl-sh-lg)}
.tl-ss-card img{width:100%;height:100%;object-fit:cover;display:block}
.tl-ss-card.tall{grid-row:span 2}

/* ── B9 TESTIMONIALS ── */
.tl-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tl-testi-card{background:#fff;border:1px solid var(--tl-border);border-radius:var(--tl-r);padding:26px 22px;display:flex;flex-direction:column;gap:14px}
.tl-testi-stars{color:#f59e0b;font-size:14px;letter-spacing:2px}
.tl-testi-quote{font-size:14px;font-weight:400;color:var(--tl-slate);line-height:1.75;font-style:italic;flex:1}
.tl-testi-author{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--tl-border)}
.tl-testi-avatar{width:36px;height:36px;border-radius:50%;background:var(--tl-pink);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tl-testi-name{font-size:13px;font-weight:600;color:var(--tl-ink)}
.tl-testi-role{font-size:11px;color:var(--tl-muted)}
.tl-trust-badges{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:48px;padding-top:40px;border-top:1px solid var(--tl-border)}
.tl-trust-badge{font-size:13px;font-weight:500;color:var(--tl-muted);display:flex;align-items:center;gap:8px}
.tl-trust-badge strong{color:var(--tl-ink)}

/* ── B10 PRICING ── */
.tl-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:980px;margin:0 auto}
.tl-plan{background:#fff;border:2px solid var(--tl-border);border-radius:var(--tl-r-lg);padding:36px 28px;position:relative;transition:box-shadow .25s,transform .25s}
.tl-plan:hover{box-shadow:var(--tl-sh-lg);transform:translateY(-4px)}
.tl-plan.popular{border-color:var(--tl-pink)}
.tl-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--tl-pink);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 16px;border-radius:50px;white-space:nowrap;font-family:'Poppins',sans-serif}
.tl-plan-name{font-size:15px;font-weight:600;color:var(--tl-ink);margin-bottom:6px}
.tl-plan-price{font-size:44px;font-weight:700;color:var(--tl-ink);line-height:1;margin-bottom:4px}
.tl-plan-price sup{font-size:20px;font-weight:500;color:var(--tl-muted);vertical-align:super}
.tl-plan-cycle{font-size:13px;color:var(--tl-muted);margin-bottom:20px}
.tl-plan-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:9px}
.tl-plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;color:var(--tl-slate);line-height:1.5}
.tl-plan-features li::before{content:'✓';color:var(--tl-pink);font-weight:700;flex-shrink:0;margin-top:1px}
.tl-plan-btn{display:block;width:100%;text-align:center;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:all .2s;border:1.5px solid var(--tl-pink);color:var(--tl-pink)!important;background:transparent}
.tl-plan.popular .tl-plan-btn,.tl-plan-btn:hover{background:var(--tl-pink);color:#fff!important}

/* ── B11 FAQ ── */
.tl-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:960px;margin:0 auto}
.tl-faq-item{background:#fff;border:1px solid var(--tl-border);border-radius:var(--tl-r);overflow:hidden}
.tl-faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;cursor:pointer;font-size:14px;font-weight:600;color:var(--tl-ink);font-family:'Poppins',sans-serif;user-select:none}
.tl-faq-q:hover{background:var(--tl-surface)}
.tl-faq-icon{font-size:18px;color:var(--tl-muted);flex-shrink:0;transition:transform .2s}
.tl-faq-item.open .tl-faq-icon{transform:rotate(45deg)}
.tl-faq-a{display:none;padding:0 20px 18px;font-size:14px;font-weight:400;color:var(--tl-muted);line-height:1.75;border-top:1px solid var(--tl-border);font-family:'Poppins',sans-serif}
.tl-faq-item.open .tl-faq-a{display:block}

/* ── B12 FINAL CTA ── */
.tl-final{background:linear-gradient(135deg,#1a1228 0%,#2d0e1e 55%,#1a1a2e 100%);padding:100px 40px;text-align:center;position:relative;overflow:hidden}
.tl-final::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(246,63,119,.18) 0%,transparent 65%);pointer-events:none}
.tl-final-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}
.tl-final h2{font-size:clamp(28px,4.5vw,50px);font-weight:500;color:#fff;line-height:1.15;margin-bottom:16px}
.tl-final h2 em{font-style:normal;color:#f63f77}
.tl-final p{font-size:16px;font-weight:400;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:36px}
.tl-final-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.tl-final-trust span{font-size:12px;font-weight:500;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px}
.tl-final-trust span::before{content:'✓';color:#f63f77;font-weight:700}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.tl-feat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .tl-hero-grid,.tl-swipe-grid,.tl-apps-grid,.tl-wp-grid{grid-template-columns:1fr;gap:36px}
  .tl-compare-grid,.tl-mono-grid,.tl-testi-grid,.tl-price-grid{grid-template-columns:repeat(2,1fr)}
  .tl-feat-grid{grid-template-columns:repeat(2,1fr)}
  .tl-faq-grid{grid-template-columns:1fr}
  .tl-ss-gallery{grid-template-columns:1fr 1fr}
  .tl-ss-card.tall{grid-row:span 1}
}
@media(max-width:640px){
  .tl-section{padding:60px 20px}
  .tl-hero{padding:72px 20px 0}
  .tl-compare-grid,.tl-mono-grid,.tl-testi-grid,.tl-price-grid,.tl-feat-grid{grid-template-columns:1fr}
  .tl-ss-gallery{grid-template-columns:1fr}
  .tl-swipe-screens,.tl-apps-screens{flex-direction:column;align-items:center}
  .tl-btn-row{flex-direction:column;align-items:flex-start}
  .tl-final{padding:64px 20px}
}

/* ==========================================================================
   END — Tinder-like Dating App Software landing page styles
   ========================================================================== */


/* ==========================================================================
   DATING SOFTWARE LANDING PAGE — .dsp-*
   Added: 2025-06-11  |  Brand: #f63f77  |  Background: #ffffff only
   All rules prefixed .dsp-* — zero conflict with existing styles.
   ========================================================================== */

.dsp-wrap*{box-sizing:border-box;margin:0;padding:0}
.dsp-wrap a{text-decoration:none;color:inherit}
.dsp-wrap img{max-width:100%;display:block}

.dsp-wrap{
  --dsp-pink:#f63f77;--dsp-pink-dark:#d92d63;
  --dsp-pink-soft:rgba(246,63,119,.08);--dsp-pink-border:rgba(246,63,119,.18);
  --dsp-ink:#1a1a2e;--dsp-muted:#6b7280;--dsp-border:#e5e7eb;
  --dsp-sh:0 2px 12px rgba(246,63,119,.08),0 1px 3px rgba(0,0,0,.04);
  --dsp-sh-lg:0 8px 36px rgba(246,63,119,.11),0 3px 10px rgba(0,0,0,.05);
  --dsp-sh-pink:0 6px 28px rgba(246,63,119,.22);
  --dsp-r:12px;--dsp-r-lg:18px;
  font-family:'Poppins',sans-serif;
}

/* ── Atoms ── */
.dsp-tag{display:inline-block;background:var(--dsp-pink-soft);color:var(--dsp-pink);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--dsp-pink-border)}
.dsp-h1{font-size:clamp(32px,5vw,58px);font-weight:500;color:var(--dsp-ink);line-height:1.12;letter-spacing:-.4px}
.dsp-h1 em{font-style:normal;color:var(--dsp-pink)}
.dsp-h2{font-size:clamp(22px,3vw,36px);font-weight:500;color:var(--dsp-ink);line-height:1.25}
.dsp-h2 em{font-style:normal;color:var(--dsp-pink)}
.dsp-h3{font-size:clamp(17px,2.2vw,22px);font-weight:500;color:var(--dsp-ink);line-height:1.35}
.dsp-body{font-size:15px;font-weight:400;color:var(--dsp-muted);line-height:1.8}
.dsp-section{padding:80px 40px;background:#fff}
.dsp-container{max-width:1100px;margin:0 auto}
.dsp-section-head{text-align:center;max-width:640px;margin:0 auto 52px}
.dsp-divider{height:1px;background:var(--dsp-border);max-width:1100px;margin:0 auto}

/* ── Buttons ── */
.dsp-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--dsp-pink);color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--dsp-sh-pink);transition:background .2s,transform .15s}
.dsp-btn-primary:hover{background:var(--dsp-pink-dark);color:#fff!important;transform:translateY(-1px)}
.dsp-btn-outline{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--dsp-pink)!important;border:1.5px solid var(--dsp-pink);border-radius:10px;padding:12px 26px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.dsp-btn-outline:hover{background:var(--dsp-pink);color:#fff!important}
.dsp-btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ── HERO ── */
.dsp-hero{background:#fff;padding:96px 40px 80px;position:relative;overflow:hidden}
.dsp-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(246,63,119,.06) 0%,transparent 70%);pointer-events:none}
.dsp-hero::after{content:'';position:absolute;bottom:-60px;left:-60px;width:320px;height:320px;background:radial-gradient(circle,rgba(246,63,119,.04) 0%,transparent 70%);pointer-events:none}
.dsp-hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}
.dsp-hero-eyebrow{margin-bottom:20px}
.dsp-hero-sub{font-size:17px;font-weight:400;color:var(--dsp-muted);line-height:1.75;margin:18px 0 32px}
.dsp-hero-quote{background:var(--dsp-pink-soft);border-left:3px solid var(--dsp-pink);border-radius:0 var(--dsp-r) var(--dsp-r) 0;padding:14px 18px;margin-top:24px}
.dsp-hero-quote p{font-size:14px;font-weight:500;color:var(--dsp-ink);line-height:1.6;font-style:italic}
.dsp-hero-img{border-radius:var(--dsp-r-lg);overflow:hidden;box-shadow:var(--dsp-sh-lg);border:1px solid var(--dsp-border)}
.dsp-hero-img img{width:100%}
.dsp-trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--dsp-border)}
.dsp-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--dsp-muted)}
.dsp-trust-item::before{content:'✓';width:16px;height:16px;border-radius:50%;background:var(--dsp-pink);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ── INTRO / WHAT IS ── */
.dsp-intro{background:#fff}
.dsp-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.dsp-intro-text .dsp-body{margin-bottom:10px}
.dsp-intro-text strong{color:var(--dsp-ink);font-weight:600}
.dsp-bullet-list{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:9px}
.dsp-bullet-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;color:var(--dsp-muted);line-height:1.55}
.dsp-bullet-list li::before{content:'✓';width:18px;height:18px;border-radius:50%;background:var(--dsp-pink-soft);color:var(--dsp-pink);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;border:1px solid var(--dsp-pink-border)}
.dsp-bullet-list li strong{color:var(--dsp-ink);font-weight:600}
.dsp-img-card{border-radius:var(--dsp-r-lg);overflow:hidden;box-shadow:var(--dsp-sh-lg);border:1px solid var(--dsp-border)}
.dsp-img-card img{width:100%}

/* ── WHY EASY ── */
.dsp-why{background:#fff}
.dsp-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.dsp-benefit-cards{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.dsp-benefit-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--dsp-border);border-radius:var(--dsp-r);padding:16px 18px;transition:box-shadow .2s,border-color .2s}
.dsp-benefit-card:hover{box-shadow:var(--dsp-sh-lg);border-color:var(--dsp-pink-border)}
.dsp-benefit-icon{width:38px;height:38px;border-radius:9px;background:var(--dsp-pink-soft);border:1px solid var(--dsp-pink-border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;margin-top:1px}
.dsp-benefit-title{font-size:14px;font-weight:600;color:var(--dsp-ink);margin-bottom:3px}
.dsp-benefit-desc{font-size:13px;font-weight:400;color:var(--dsp-muted);line-height:1.6}

/* ── FOR WHO ── */
.dsp-forwho{background:#fff}
.dsp-forwho-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}

/* ── FEATURES GRID ── */
.dsp-features{background:#fff}
.dsp-feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:860px;margin:0 auto}
.dsp-feat-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--dsp-border);border-radius:var(--dsp-r);padding:22px 20px;transition:box-shadow .2s,transform .2s}
.dsp-feat-card:hover{box-shadow:var(--dsp-sh-lg);transform:translateY(-2px)}
.dsp-feat-icon{width:42px;height:42px;border-radius:10px;background:var(--dsp-pink-soft);border:1px solid var(--dsp-pink-border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.dsp-feat-title{font-size:14px;font-weight:600;color:var(--dsp-ink);margin-bottom:5px}
.dsp-feat-desc{font-size:13px;font-weight:400;color:var(--dsp-muted);line-height:1.65}

/* ── THEMES GALLERY ── */
.dsp-themes{background:#fff}
.dsp-theme-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dsp-theme-card{border-radius:var(--dsp-r-lg);overflow:hidden;box-shadow:var(--dsp-sh);border:1px solid var(--dsp-border);transition:transform .3s,box-shadow .3s;display:block}
.dsp-theme-card:hover{transform:translateY(-5px);box-shadow:var(--dsp-sh-lg)}
.dsp-theme-card img{width:100%;display:block}
.dsp-theme-label{padding:12px 16px;font-size:13px;font-weight:600;color:var(--dsp-ink);background:#fff;border-top:1px solid var(--dsp-border)}

/* ── TESTIMONIALS ── */
.dsp-testi{background:#fff}
.dsp-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dsp-testi-card{border:1px solid var(--dsp-border);border-radius:var(--dsp-r);padding:24px 20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s}
.dsp-testi-card:hover{box-shadow:var(--dsp-sh-lg)}
.dsp-testi-stars{color:#f59e0b;font-size:14px;letter-spacing:2px}
.dsp-testi-quote{font-size:13.5px;font-weight:400;color:var(--dsp-muted);line-height:1.75;font-style:italic;flex:1}
.dsp-testi-author{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--dsp-border)}
.dsp-testi-avatar{width:34px;height:34px;border-radius:50%;background:var(--dsp-pink);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dsp-testi-name{font-size:13px;font-weight:600;color:var(--dsp-ink)}

/* ── FINAL CTA ── */
.dsp-cta{background:#fff;padding:80px 40px}
.dsp-cta-box{max-width:720px;margin:0 auto;text-align:center;border:1px solid var(--dsp-pink-border);border-radius:var(--dsp-r-lg);padding:56px 48px;box-shadow:var(--dsp-sh-pink)}
.dsp-cta-box h2{margin-bottom:14px}
.dsp-cta-box p{margin-bottom:28px}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .dsp-hero-inner,.dsp-intro-grid,.dsp-why-grid,.dsp-forwho-grid{grid-template-columns:1fr;gap:36px}
  .dsp-feat-grid{grid-template-columns:1fr}
  .dsp-theme-gallery,.dsp-testi-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .dsp-section,.dsp-hero,.dsp-cta{padding:60px 20px}
  .dsp-theme-gallery,.dsp-testi-grid{grid-template-columns:1fr}
  .dsp-btn-row{flex-direction:column;align-items:flex-start}
  .dsp-cta-box{padding:36px 24px}
}

/* ==========================================================================
   END — Dating Software landing page styles
   ========================================================================== */


/* ==========================================================================
   WP DATING THEME LANDING PAGE — .wpdt-*
   Added: 2025-06-11  |  Brand: #f63f77  |  Background: #ffffff only
   All rules prefixed .wpdt-* — zero conflict with existing styles.
   ========================================================================== */

.wpdt-wrap*{box-sizing:border-box;margin:0;padding:0}
.wpdt-wrap a{text-decoration:none;color:inherit}
.wpdt-wrap img{max-width:100%;display:block}

.wpdt-wrap{
  --wpdt-pink:#f63f77;--wpdt-pink-dark:#d92d63;
  --wpdt-pink-soft:rgba(246,63,119,.08);--wpdt-pink-border:rgba(246,63,119,.18);
  --wpdt-ink:#1a1a2e;--wpdt-muted:#6b7280;--wpdt-border:#e5e7eb;
  --wpdt-sh:0 2px 12px rgba(246,63,119,.07),0 1px 3px rgba(0,0,0,.04);
  --wpdt-sh-lg:0 8px 36px rgba(246,63,119,.11),0 3px 10px rgba(0,0,0,.05);
  --wpdt-sh-pink:0 6px 28px rgba(246,63,119,.22);
  --wpdt-r:12px;--wpdt-r-lg:18px;
  font-family:'Poppins',sans-serif;
}

/* ── Atoms ── */
.wpdt-tag{display:inline-block;background:var(--wpdt-pink-soft);color:var(--wpdt-pink);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--wpdt-pink-border)}
.wpdt-h1{font-size:clamp(32px,5vw,58px);font-weight:500;color:var(--wpdt-ink);line-height:1.12;letter-spacing:-.4px}
.wpdt-h1 em{font-style:normal;color:var(--wpdt-pink)}
.wpdt-h2{font-size:clamp(22px,3vw,38px);font-weight:500;color:var(--wpdt-ink);line-height:1.22}
.wpdt-h2 em{font-style:normal;color:var(--wpdt-pink)}
.wpdt-h3{font-size:clamp(17px,2vw,22px);font-weight:500;color:var(--wpdt-ink);line-height:1.35}
.wpdt-body{font-size:15px;font-weight:400;color:var(--wpdt-muted);line-height:1.8}
.wpdt-section{padding:80px 40px;background:#fff}
.wpdt-container{max-width:1140px;margin:0 auto}
.wpdt-head{text-align:center;max-width:660px;margin:0 auto 52px}
.wpdt-divider{height:1px;background:var(--wpdt-border);max-width:1140px;margin:0 auto}

/* ── Buttons ── */
.wpdt-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--wpdt-pink);color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--wpdt-sh-pink);transition:background .2s,transform .15s}
.wpdt-btn-primary:hover{background:var(--wpdt-pink-dark);color:#fff!important;transform:translateY(-1px)}
.wpdt-btn-outline{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--wpdt-pink)!important;border:1.5px solid var(--wpdt-pink);border-radius:10px;padding:12px 26px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.wpdt-btn-outline:hover{background:var(--wpdt-pink);color:#fff!important}
.wpdt-btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ── HERO ── */
.wpdt-hero{background:#fff;padding:96px 40px 80px;position:relative;overflow:hidden}
.wpdt-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(246,63,119,.06) 0%,transparent 70%);pointer-events:none}
.wpdt-hero-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}
.wpdt-hero-eyebrow{margin-bottom:20px}
.wpdt-hero-sub{font-size:17px;font-weight:400;color:var(--wpdt-muted);line-height:1.75;margin:16px 0 28px}
.wpdt-hero-desc{font-size:15px;font-weight:400;color:var(--wpdt-muted);line-height:1.8;margin-bottom:28px;padding:16px 20px;border-left:3px solid var(--wpdt-pink);border-radius:0 var(--wpdt-r) var(--wpdt-r) 0;background:var(--wpdt-pink-soft)}
.wpdt-hero-img{position:relative}
.wpdt-hero-img img{width:100%;border-radius:var(--wpdt-r-lg);box-shadow:var(--wpdt-sh-lg);border:1px solid var(--wpdt-border)}
.wpdt-trust-bar{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--wpdt-border)}
.wpdt-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--wpdt-muted)}
.wpdt-trust-item::before{content:'✓';width:16px;height:16px;border-radius:50%;background:var(--wpdt-pink);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ── FEATURES GRID (10-card) ── */
.wpdt-features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.wpdt-feat-card{border:1px solid var(--wpdt-border);border-radius:var(--wpdt-r);padding:20px 16px;text-align:center;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden;background:#fff}
.wpdt-feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--wpdt-pink);opacity:0;transition:opacity .25s}
.wpdt-feat-card:hover{box-shadow:var(--wpdt-sh-lg);transform:translateY(-3px)}
.wpdt-feat-card:hover::before{opacity:1}
.wpdt-feat-icon{font-size:26px;margin-bottom:10px;display:block}
.wpdt-feat-title{font-size:13px;font-weight:600;color:var(--wpdt-ink);margin-bottom:6px}
.wpdt-feat-desc{font-size:12px;font-weight:400;color:var(--wpdt-muted);line-height:1.6}

/* ── EXPECT / KEY FEATURES (6-card row) ── */
.wpdt-expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wpdt-expect-card{border:1px solid var(--wpdt-border);border-radius:var(--wpdt-r-lg);padding:28px 22px;text-align:center;transition:box-shadow .25s,transform .25s;background:#fff}
.wpdt-expect-card:hover{box-shadow:var(--wpdt-sh-lg);transform:translateY(-4px)}
.wpdt-expect-img{width:60px;height:60px;object-fit:contain;margin:0 auto 14px}
.wpdt-expect-title{font-size:15px;font-weight:600;color:var(--wpdt-ink);margin-bottom:8px}
.wpdt-expect-desc{font-size:13px;font-weight:400;color:var(--wpdt-muted);line-height:1.65}

/* ── MOBILE FEATURES (6-card) ── */
.wpdt-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.wpdt-mobile-feat-list{display:flex;flex-direction:column;gap:12px}
.wpdt-mobile-feat{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--wpdt-border);border-radius:var(--wpdt-r);padding:14px 16px;transition:box-shadow .2s,border-color .2s;background:#fff}
.wpdt-mobile-feat:hover{box-shadow:var(--wpdt-sh-lg);border-color:var(--wpdt-pink-border)}
.wpdt-mobile-icon{width:36px;height:36px;border-radius:9px;background:var(--wpdt-pink-soft);border:1px solid var(--wpdt-pink-border);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.wpdt-mobile-title{font-size:13px;font-weight:600;color:var(--wpdt-ink);margin-bottom:2px}
.wpdt-mobile-desc{font-size:12px;font-weight:400;color:var(--wpdt-muted);line-height:1.55}
.wpdt-mobile-screens{display:flex;gap:14px;justify-content:center;align-items:flex-end}
.wpdt-phone-frame{background:var(--wpdt-ink);border-radius:22px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.05)}
.wpdt-phone-inner{background:#111827;border-radius:15px;overflow:hidden;width:130px;aspect-ratio:9/19}
.wpdt-phone-inner img{width:100%;height:100%;object-fit:cover}
.wpdt-phone-frame.wide .wpdt-phone-inner{width:160px}

/* ── CUSTOM PACKAGE ── */
.wpdt-custom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.wpdt-custom-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--wpdt-border);border-radius:var(--wpdt-r);padding:22px 20px;transition:box-shadow .2s,transform .2s;background:#fff}
.wpdt-custom-card:hover{box-shadow:var(--wpdt-sh-lg);transform:translateY(-2px)}
.wpdt-custom-icon{width:42px;height:42px;border-radius:10px;background:var(--wpdt-pink-soft);border:1px solid var(--wpdt-pink-border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.wpdt-custom-title{font-size:14px;font-weight:600;color:var(--wpdt-ink);margin-bottom:5px}
.wpdt-custom-desc{font-size:13px;font-weight:400;color:var(--wpdt-muted);line-height:1.65}

/* ── VIDEO TESTIMONIAL ── */
.wpdt-video-wrap{max-width:820px;margin:0 auto}
.wpdt-video-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--wpdt-r-lg);box-shadow:var(--wpdt-sh-lg);border:1px solid var(--wpdt-border)}
.wpdt-video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}

/* ── TESTIMONIALS ── */
.wpdt-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wpdt-testi-card{border:1px solid var(--wpdt-border);border-radius:var(--wpdt-r);padding:24px 20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s;background:#fff}
.wpdt-testi-card:hover{box-shadow:var(--wpdt-sh-lg)}
.wpdt-testi-stars{color:#f59e0b;font-size:14px;letter-spacing:2px}
.wpdt-testi-quote{font-size:13.5px;font-weight:400;color:var(--wpdt-muted);line-height:1.75;font-style:italic;flex:1}
.wpdt-testi-author{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--wpdt-border)}
.wpdt-testi-avatar{width:36px;height:36px;border-radius:50%;background:var(--wpdt-pink);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wpdt-testi-name{font-size:13px;font-weight:600;color:var(--wpdt-ink)}
.wpdt-testi-role{font-size:11px;color:var(--wpdt-muted)}
.wpdt-testi-link{color:var(--wpdt-pink);font-weight:500}

/* ── THEME GALLERY ── */
.wpdt-theme-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wpdt-theme-card{border-radius:var(--wpdt-r-lg);overflow:hidden;box-shadow:var(--wpdt-sh);border:1px solid var(--wpdt-border);transition:transform .3s,box-shadow .3s;display:block;text-decoration:none}
.wpdt-theme-card:hover{transform:translateY(-5px);box-shadow:var(--wpdt-sh-lg)}
.wpdt-theme-card img{width:100%;display:block}
.wpdt-theme-label{padding:13px 16px;font-size:13px;font-weight:600;color:var(--wpdt-ink);background:#fff;border-top:1px solid var(--wpdt-border);display:flex;justify-content:space-between;align-items:center}
.wpdt-theme-demo{font-size:12px;font-weight:600;color:var(--wpdt-pink)}

/* ── APP SCRIPT FEATURES ── */
.wpdt-appfeat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wpdt-appfeat-card{border:1px solid var(--wpdt-border);border-radius:var(--wpdt-r);padding:18px 16px;transition:box-shadow .2s,transform .2s;background:#fff}
.wpdt-appfeat-card:hover{box-shadow:var(--wpdt-sh-lg);transform:translateY(-2px)}
.wpdt-appfeat-icon{font-size:22px;margin-bottom:8px}
.wpdt-appfeat-title{font-size:13px;font-weight:600;color:var(--wpdt-ink);margin-bottom:4px}
.wpdt-appfeat-desc{font-size:12px;font-weight:400;color:var(--wpdt-muted);line-height:1.6}

/* ── CTA BOX ── */
.wpdt-cta-box{max-width:700px;margin:0 auto;text-align:center;border:1px solid var(--wpdt-pink-border);border-radius:var(--wpdt-r-lg);padding:56px 48px;box-shadow:var(--wpdt-sh-pink)}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.wpdt-features-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){
  .wpdt-hero-inner,.wpdt-mobile-grid{grid-template-columns:1fr;gap:36px}
  .wpdt-features-grid{grid-template-columns:repeat(3,1fr)}
  .wpdt-expect-grid,.wpdt-testi-grid,.wpdt-theme-gallery{grid-template-columns:repeat(2,1fr)}
  .wpdt-custom-grid,.wpdt-appfeat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .wpdt-section,.wpdt-hero{padding:60px 20px}
  .wpdt-features-grid{grid-template-columns:repeat(2,1fr)}
  .wpdt-expect-grid,.wpdt-testi-grid,.wpdt-theme-gallery,.wpdt-custom-grid,.wpdt-appfeat-grid{grid-template-columns:1fr}
  .wpdt-btn-row{flex-direction:column;align-items:flex-start}
  .wpdt-cta-box{padding:36px 24px}
  .wpdt-mobile-screens{flex-wrap:wrap}
}

/* ==========================================================================
   END — WP Dating Theme landing page styles
   ========================================================================== */


/* ==========================================================================
   CUSTOM DATING SOFTWARE PACKAGE PAGE — .cd-* (minimal additions only)
   Added: 2025-06-11  |  Reuses .dsp-* and .wpdt-* | Brand: #f63f77 | BG: #fff
   ========================================================================== */

/* Process steps */
.cd-steps{display:flex;flex-direction:column;gap:0;max-width:760px;margin:0 auto}
.cd-step{display:grid;grid-template-columns:80px 1fr;gap:0 28px;align-items:flex-start;padding:32px 0;border-bottom:1px solid #e5e7eb}
.cd-step:last-child{border-bottom:none}
.cd-step-num{font-size:clamp(48px,6vw,72px);font-weight:700;color:transparent;-webkit-text-stroke:2px rgba(246,63,119,.25);line-height:1;font-family:'Poppins',sans-serif;text-align:center;padding-top:4px;transition:color .2s}
.cd-step:hover .cd-step-num{color:rgba(246,63,119,.12)}
.cd-step-body{}
.cd-step-title{font-size:clamp(18px,2.5vw,24px);font-weight:600;color:#1a1a2e;margin-bottom:8px;font-family:'Poppins',sans-serif}
.cd-step-title em{font-style:normal;color:#f63f77}
.cd-step-desc{font-size:14px;font-weight:400;color:#6b7280;line-height:1.8;font-family:'Poppins',sans-serif}

/* App feature list */
.cd-app-list{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.cd-app-item{display:flex;gap:14px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px;transition:box-shadow .2s,border-color .2s}
.cd-app-item:hover{box-shadow:0 8px 36px rgba(246,63,119,.10);border-color:rgba(246,63,119,.2)}
.cd-app-dot{width:10px;height:10px;border-radius:50%;background:#f63f77;flex-shrink:0;margin-top:5px}
.cd-app-title{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:3px;font-family:'Poppins',sans-serif}
.cd-app-desc{font-size:13px;font-weight:400;color:#6b7280;line-height:1.65;font-family:'Poppins',sans-serif}

/* Pricing cards */
.cd-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:0 auto}
.cd-plan{background:#fff;border:2px solid #e5e7eb;border-radius:18px;padding:36px 30px;position:relative;transition:box-shadow .25s,transform .25s}
.cd-plan:hover{box-shadow:0 12px 48px rgba(246,63,119,.12);transform:translateY(-4px)}
.cd-plan.popular{border-color:#f63f77}
.cd-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#f63f77;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 16px;border-radius:50px;white-space:nowrap;font-family:'Poppins',sans-serif}
.cd-plan-name{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-family:'Poppins',sans-serif}
.cd-plan-price{font-size:50px;font-weight:700;color:#1a1a2e;line-height:1;font-family:'Poppins',sans-serif}
.cd-plan-price sup{font-size:22px;font-weight:500;color:#6b7280;vertical-align:super}
.cd-plan-cycle{font-size:13px;color:#6b7280;margin-bottom:8px;font-family:'Poppins',sans-serif}
.cd-plan-support{display:inline-block;background:rgba(246,63,119,.08);color:#f63f77;font-size:12px;font-weight:700;padding:3px 12px;border-radius:50px;margin-bottom:20px;font-family:'Poppins',sans-serif;border:1px solid rgba(246,63,119,.18)}
.cd-plan-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}
.cd-plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#3b3d52;line-height:1.5;font-family:'Poppins',sans-serif}
.cd-plan-features li::before{content:'✓';color:#f63f77;font-weight:700;flex-shrink:0;margin-top:1px}
.cd-plan-note{font-size:12px;color:#6b7280;line-height:1.5;margin-bottom:20px;font-family:'Poppins',sans-serif}

/* Testi grid (7 cards) */
.cd-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cd-testi-card{border:1px solid #e5e7eb;border-radius:12px;padding:22px 18px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s;background:#fff}
.cd-testi-card:hover{box-shadow:0 8px 36px rgba(246,63,119,.10)}
.cd-testi-stars{color:#f59e0b;font-size:13px;letter-spacing:2px}
.cd-testi-quote{font-size:13px;color:#6b7280;line-height:1.75;font-style:italic;flex:1;font-family:'Poppins',sans-serif}
.cd-testi-author{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #e5e7eb}
.cd-testi-avatar{width:34px;height:34px;border-radius:50%;background:#f63f77;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cd-testi-name{font-size:13px;font-weight:600;color:#1a1a2e;font-family:'Poppins',sans-serif}
.cd-testi-role{font-size:11px;color:#9ca3af;font-family:'Poppins',sans-serif}

@media(max-width:900px){
  .cd-pricing-grid{grid-template-columns:1fr}
  .cd-testi-grid{grid-template-columns:repeat(2,1fr)}
  .cd-step{grid-template-columns:60px 1fr;gap:0 18px}
}
@media(max-width:640px){
  .cd-testi-grid{grid-template-columns:1fr}
  .cd-step-num{font-size:40px}
}

/* ==========================================================================
   END — Custom Dating Software Package page styles
   ========================================================================== */


/* ==========================================================================
   WP MATRIMONY THEME — .wm-* (minimal — reuses .it-* layout, new color only)
   Added: 2025-06-11  |  Brand: #FF5A60 (coral red) · Dark: #2d1a1b
   ========================================================================== */

.wm-wrap*{box-sizing:border-box;margin:0;padding:0}
.wm-wrap a{text-decoration:none;color:inherit}
.wm-wrap img{max-width:100%;display:block}

.wm-wrap{
  --wm-coral:#FF5A60;--wm-coral-dark:#e03d43;
  --wm-coral-soft:rgba(255,90,96,.09);--wm-coral-border:rgba(255,90,96,.22);
  --wm-ink:#2d1a1b;--wm-muted:#6b7280;--wm-border:#e5e7eb;
  --wm-sh-coral:0 8px 32px rgba(255,90,96,.22);
  --wm-sh-lg:0 12px 48px rgba(255,90,96,.12),0 4px 12px rgba(0,0,0,.05);
  --wm-r:14px;--wm-r-lg:20px;
  font-family:'Poppins',sans-serif;
}

/* ── Atoms ── */
.wm-tag{display:inline-block;background:var(--wm-coral-soft);color:var(--wm-coral);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--wm-coral-border)}
.wm-h2{font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--wm-ink);line-height:1.2;margin-bottom:12px}
.wm-h4{font-size:13px;font-weight:700;color:var(--wm-coral);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.wm-h4::before{content:'';width:18px;height:2px;background:var(--wm-coral);border-radius:2px;flex-shrink:0}
.wm-body{font-size:15px;font-weight:400;color:var(--wm-muted);line-height:1.8}

/* ── Buttons ── */
.wm-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--wm-coral);color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--wm-sh-coral);transition:background .2s,transform .15s}
.wm-btn-primary:hover{background:var(--wm-coral-dark);color:#fff!important;transform:translateY(-1px)}
.wm-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--wm-coral)!important;border:1.5px solid var(--wm-coral);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.wm-btn-outline:hover{background:var(--wm-coral);color:#fff!important}

/* ── HERO ── */
.wm-hero{background:linear-gradient(135deg,#2d1a1b 0%,#3d2223 55%,#2d1a1b 100%);padding:80px 40px 0;text-align:center;position:relative;overflow:hidden;border-radius:0 0 28px 28px}
.wm-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:460px;background:radial-gradient(ellipse,rgba(255,90,96,.18) 0%,transparent 65%);pointer-events:none}
.wm-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.wm-hero-logo{margin:0 auto 28px;max-width:260px}
.wm-hero-logo img{width:100%}
.wm-hero h1{font-size:clamp(30px,5vw,54px);font-weight:500;color:#fff;line-height:1.15;letter-spacing:-.3px;margin-bottom:16px}
.wm-hero h1 em{font-style:normal;color:#FF5A60}
.wm-hero-sub{font-size:16px;font-weight:400;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:36px}
.wm-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.wm-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,90,96,.10);border:1px solid rgba(255,90,96,.22);border-radius:50px;padding:7px 16px;font-size:13px;font-weight:500;color:rgba(255,255,255,.85)}
.wm-pill::before{content:'✓';width:17px;height:17px;border-radius:50%;background:#FF5A60;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wm-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:28px}
.wm-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}
.wm-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}
.wm-trust-item::before{content:'✓';width:16px;height:16px;border-radius:50%;background:#FF5A60;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wm-hero-screenshot{max-width:860px;margin:48px auto 0;border-radius:var(--wm-r-lg) var(--wm-r-lg) 0 0;overflow:hidden;box-shadow:0 -4px 60px rgba(255,90,96,.18),0 28px 80px rgba(0,0,0,.45);border:1px solid rgba(255,90,96,.12);border-bottom:none}
.wm-hero-screenshot img{width:100%;display:block}

/* ── OVERVIEW ── */
.wm-overview{padding:80px 40px;background:#fff}
.wm-overview-inner{max-width:720px;margin:0 auto;text-align:center}
.wm-overview-inner p{font-size:16px;font-weight:400;color:var(--wm-muted);line-height:1.85;margin-bottom:10px}

/* ── FEATURE ROWS ── */
.wm-features-section{padding:80px 40px;background:#f9fafb}
.wm-features-head{text-align:center;margin-bottom:52px}
.wm-features-head p{font-size:15px;font-weight:400;color:var(--wm-muted);margin-top:8px}
.wm-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;max-width:1100px;margin:0 auto 60px}
.wm-feature-row:last-child{margin-bottom:0}
.wm-feature-row.reverse{direction:rtl}
.wm-feature-row.reverse>*{direction:ltr}
.wm-feature-text p{font-size:15px;font-weight:400;color:var(--wm-muted);line-height:1.8}
.wm-feature-text p+p{margin-top:10px}
.wm-feature-img{border-radius:var(--wm-r-lg);overflow:hidden;box-shadow:var(--wm-sh-lg);border:1px solid var(--wm-border)}
.wm-feature-img img{width:100%;display:block}

/* ── NOTE ── */
.wm-note{display:flex;align-items:flex-start;gap:14px;background:#fff5f5;border:1px solid rgba(255,90,96,.22);border-left:3px solid #FF5A60;border-radius:0 12px 12px 0;padding:16px 20px;max-width:860px;margin:0 auto}
.wm-note-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.wm-note-text{font-size:13.5px;font-weight:400;color:#7f1d1d;line-height:1.7}
.wm-note-text strong{color:#991b1b;font-weight:700}
.wm-note-text a{color:#FF5A60;font-weight:600;text-decoration:none}
.wm-note-text a:hover{text-decoration:underline}

/* ── CTA ── */
.wm-cta{background:linear-gradient(135deg,#2d1a1b 0%,#3d2223 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.wm-cta::before{content:'';position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:600px;height:360px;background:radial-gradient(ellipse,rgba(255,90,96,.14) 0%,transparent 65%);pointer-events:none}
.wm-cta-inner{max-width:560px;margin:0 auto;position:relative;z-index:1}
.wm-cta h3{font-size:clamp(22px,3vw,34px);font-weight:500;color:#fff;margin-bottom:6px}
.wm-cta-sub{font-size:15px;font-weight:400;color:rgba(255,255,255,.5);margin-bottom:28px}
.wm-cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ── RESPONSIVE ── */
@media(max-width:900px){.wm-feature-row,.wm-feature-row.reverse{grid-template-columns:1fr;direction:ltr;gap:28px}}
@media(max-width:640px){
  .wm-hero{padding:60px 20px 0}
  .wm-overview,.wm-features-section,.wm-cta{padding:60px 20px}
  .wm-hero-screenshot{margin-top:32px}
  .wm-pills{gap:8px}
}

/* ==========================================================================
   END — WP Matrimony theme landing page styles
   ========================================================================== */


/* ==========================================================================
   WP DATING MOBILE APP PAGE — .mapp-*
   Added: 2025-06-11  |  Brand: #f63f77  |  BG: #ffffff only
   ========================================================================== */

.mapp-wrap*{box-sizing:border-box;margin:0;padding:0}
.mapp-wrap a{text-decoration:none;color:inherit}
.mapp-wrap img{max-width:100%;display:block}

.mapp-wrap{
  --mp:  #f63f77;--mp-dark:#d92d63;
  --mp-s:rgba(246,63,119,.08);--mp-b:rgba(246,63,119,.2);
  --ink: #1a1a2e;--mu:  #6b7280;--mb:  #e5e7eb;
  --sh:  0 4px 20px rgba(246,63,119,.09),0 1px 4px rgba(0,0,0,.04);
  --shl: 0 10px 40px rgba(246,63,119,.12),0 3px 10px rgba(0,0,0,.05);
  --r:   12px;--rl:18px;
  font-family:'Poppins',sans-serif;
}

/* ── Atoms ── */
.mapp-tag{display:inline-block;background:var(--mp-s);color:var(--mp);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--mp-b)}
.mapp-h1{font-size:clamp(30px,5vw,54px);font-weight:500;color:var(--ink);line-height:1.12;letter-spacing:-.3px}
.mapp-h1 em{font-style:normal;color:var(--mp)}
.mapp-h2{font-size:clamp(22px,3vw,36px);font-weight:500;color:var(--ink);line-height:1.22}
.mapp-h2 em{font-style:normal;color:var(--mp)}
.mapp-h3{font-size:clamp(17px,2vw,22px);font-weight:500;color:var(--ink);line-height:1.35}
.mapp-body{font-size:15px;font-weight:400;color:var(--mu);line-height:1.8}
.mapp-section{padding:80px 40px;background:#fff}
.mapp-container{max-width:1100px;margin:0 auto}
.mapp-head{text-align:center;max-width:660px;margin:0 auto 52px}
.mapp-divider{height:1px;background:var(--mb);max-width:1100px;margin:0 auto}

/* ── Buttons ── */
.mapp-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--mp);color:#fff!important;border:none;border-radius:10px;padding:12px 26px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:0 6px 24px rgba(246,63,119,.22);transition:background .2s,transform .15s}
.mapp-btn-primary:hover{background:var(--mp-dark);color:#fff!important;transform:translateY(-1px)}
.mapp-btn-outline{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--mp)!important;border:1.5px solid var(--mp);border-radius:10px;padding:11px 24px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s}
.mapp-btn-outline:hover{background:var(--mp);color:#fff!important}
.mapp-btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ── HERO (white) ── */
.mapp-hero{padding:88px 40px 72px;background:#fff;position:relative;overflow:hidden}
.mapp-hero::before{content:'';position:absolute;top:-80px;right:-60px;width:380px;height:380px;background:radial-gradient(circle,rgba(246,63,119,.06) 0%,transparent 70%);pointer-events:none}
.mapp-hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.mapp-hero-sub{font-size:16px;font-weight:400;color:var(--mu);line-height:1.75;margin:16px 0 28px}
.mapp-hero-img{border-radius:var(--rl);overflow:hidden;box-shadow:var(--shl);border:1px solid var(--mb)}
.mapp-hero-img img{width:100%}
.mapp-trust-bar{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--mb)}
.mapp-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--mu)}
.mapp-trust-item::before{content:'✓';width:16px;height:16px;border-radius:50%;background:var(--mp);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ── APP CARDS (Native + PWA) ── */
.mapp-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mapp-app-card{border:1px solid var(--mb);border-radius:var(--rl);padding:32px 28px;transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column;gap:16px}
.mapp-app-card:hover{box-shadow:var(--shl);transform:translateY(-3px)}
.mapp-app-card.highlight{border-color:var(--mp-b)}
.mapp-card-icon{font-size:32px;margin-bottom:4px}
.mapp-card-title{font-size:17px;font-weight:600;color:var(--ink)}
.mapp-card-desc{font-size:14px;font-weight:400;color:var(--mu);line-height:1.75}
.mapp-creds{background:var(--mp-s);border:1px solid var(--mp-b);border-radius:var(--r);padding:12px 16px;display:flex;flex-direction:column;gap:5px}
.mapp-cred-row{display:flex;gap:6px;font-size:13px;font-family:'Poppins',sans-serif}
.mapp-cred-label{font-weight:600;color:var(--ink)}
.mapp-cred-val{font-weight:400;color:var(--mu);font-family:'Courier New',monospace}

/* ── TABS (PWA install) ── */
.mapp-tabs-wrap{max-width:1000px;margin:0 auto}
.mapp-tab-nav{display:flex;gap:0;border:1px solid var(--mb);border-radius:var(--r);overflow:hidden;margin-bottom:36px;background:#f9fafb}
.mapp-tab-btn{flex:1;padding:14px 20px;font-size:14px;font-weight:600;color:var(--mu);cursor:pointer;font-family:'Poppins',sans-serif;border:none;background:transparent;transition:background .2s,color .2s;border-right:1px solid var(--mb);display:flex;align-items:center;justify-content:center;gap:8px}
.mapp-tab-btn:last-child{border-right:none}
.mapp-tab-btn.active{background:#fff;color:var(--mp);box-shadow:0 2px 8px rgba(246,63,119,.1)}
.mapp-tab-btn:hover:not(.active){background:#fff;color:var(--ink)}
.mapp-tab-pane{display:none}
.mapp-tab-pane.active{display:block}

/* Steps inside tabs */
.mapp-steps{display:flex;flex-direction:column;gap:0}
.mapp-step{display:flex;gap:20px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--mb);cursor:pointer;transition:background .15s;border-radius:var(--r)}
.mapp-step:last-child{border-bottom:none}
.mapp-step:hover{background:var(--mp-s)}
.mapp-step-num{width:52px;height:52px;border-radius:50%;border:2.5px solid var(--mp-b);color:var(--mp);font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.mapp-step.active .mapp-step-num,.mapp-step:hover .mapp-step-num{background:var(--mp);color:#fff;border-color:var(--mp)}
.mapp-step-text{font-size:14px;font-weight:400;color:var(--mu);line-height:1.7;padding-top:12px}
.mapp-step-text strong{color:var(--ink);font-weight:600}
.mapp-step-text a{color:var(--mp);font-weight:500}

/* ── NOTE BOX ── */
.mapp-note{display:flex;align-items:flex-start;gap:14px;background:#fff9fb;border:1px solid var(--mp-b);border-left:3px solid var(--mp);border-radius:0 var(--r) var(--r) 0;padding:16px 20px;max-width:920px;margin:0 auto}
.mapp-note-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.mapp-note-text{font-size:13.5px;font-weight:400;color:var(--mu);line-height:1.7}
.mapp-note-text strong{color:var(--ink);font-weight:600}

/* ── CTA BOX ── */
.mapp-cta-box{max-width:680px;margin:0 auto;text-align:center;border:1px solid var(--mp-b);border-radius:var(--rl);padding:52px 44px;box-shadow:0 6px 28px rgba(246,63,119,.1)}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .mapp-hero-inner,.mapp-cards-grid{grid-template-columns:1fr;gap:32px}
  .mapp-tab-btn .tab-icon{display:none}
}
@media(max-width:640px){
  .mapp-section,.mapp-hero{padding:60px 20px}
  .mapp-tab-btn{font-size:12px;padding:12px 10px}
  .mapp-cta-box{padding:36px 20px}
}

/* ==========================================================================
   END — WP Dating Mobile App page styles
   ========================================================================== */


/* ==========================================================================
   DATING CLUB PLUGIN PACKAGE PAGE — additions to .dc-* system
   Added: 2025-06-11  |  #A765FC violet  |  BG: #ffffff only
   ========================================================================== */

/* Why section value props */
.dc-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dc-why-card{background:#fff;border:1px solid var(--dc-purple-border,rgba(167,101,252,.22));border-radius:var(--dc-r,14px);padding:28px 22px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}
.dc-why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--dc-purple,#A765FC);opacity:0;transition:opacity .25s}
.dc-why-card:hover{box-shadow:var(--dc-sh-lg,0 12px 48px rgba(167,101,252,.14));transform:translateY(-4px)}
.dc-why-card:hover::before{opacity:1}
.dc-why-icon{font-size:28px;margin-bottom:12px}
.dc-why-title{font-size:15px;font-weight:600;color:var(--dc-ink,#1a1228);margin-bottom:7px;font-family:'Poppins',sans-serif}
.dc-why-desc{font-size:13px;font-weight:400;color:var(--dc-muted,#6b7280);line-height:1.65;font-family:'Poppins',sans-serif}

/* Feature rows */
.dc-feat-row{display:grid;grid-template-columns:1fr 340px;gap:52px;align-items:center;max-width:1100px;margin:0 auto 60px}
.dc-feat-row:last-child{margin-bottom:0}
.dc-feat-row.reverse{direction:rtl}
.dc-feat-row.reverse>*{direction:ltr}
.dc-feat-text-title{font-size:16px;font-weight:600;color:var(--dc-ink,#1a1228);margin-bottom:8px;display:flex;align-items:center;gap:8px;font-family:'Poppins',sans-serif}
.dc-feat-text-title::before{content:'';width:18px;height:2px;background:var(--dc-purple,#A765FC);border-radius:2px;flex-shrink:0}
.dc-feat-text p{font-size:14px;font-weight:400;color:var(--dc-muted,#6b7280);line-height:1.8;font-family:'Poppins',sans-serif}
.dc-feat-img{border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(167,101,252,.12);border:1px solid #e5e7eb;max-width:340px;width:100%}
.dc-feat-img img{width:100%;height:auto;display:block;image-rendering:auto}

/* Single pricing plan */
.dc-plan-wrap{max-width:480px;margin:0 auto}
.dc-single-plan{background:#fff;border:2px solid var(--dc-purple,#A765FC);border-radius:20px;padding:40px 36px;position:relative;box-shadow:0 8px 32px rgba(167,101,252,.18)}
.dc-single-plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--dc-purple,#A765FC);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 18px;border-radius:50px;white-space:nowrap;font-family:'Poppins',sans-serif}
.dc-single-plan-name{font-size:14px;font-weight:600;color:var(--dc-muted,#6b7280);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;text-align:center;font-family:'Poppins',sans-serif}
.dc-single-plan-price{text-align:center;margin-bottom:4px;line-height:1}
.dc-single-plan-price .was{font-size:22px;font-weight:500;color:#d1d5db;text-decoration:line-through;font-family:'Poppins',sans-serif;margin-right:8px}
.dc-single-plan-price .now{font-size:52px;font-weight:700;color:var(--dc-purple,#A765FC);font-family:'Poppins',sans-serif}
.dc-single-plan-price .now sup{font-size:22px;font-weight:500;vertical-align:super}
.dc-single-plan-cycle{text-align:center;font-size:13px;color:var(--dc-muted,#6b7280);margin-bottom:8px;font-family:'Poppins',sans-serif}
.dc-single-plan-support{display:inline-block;background:var(--dc-purple-soft,rgba(167,101,252,.10));color:var(--dc-purple,#A765FC);font-size:12px;font-weight:700;padding:3px 14px;border-radius:50px;margin:0 auto 24px;display:flex;justify-content:center;font-family:'Poppins',sans-serif;border:1px solid var(--dc-purple-border,rgba(167,101,252,.22))}
.dc-single-plan-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:11px}
.dc-single-plan-features li{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:400;color:#3b3d52;font-family:'Poppins',sans-serif}
.dc-single-plan-features li::before{content:'✓';color:var(--dc-purple,#A765FC);font-weight:700;flex-shrink:0}

@media(max-width:900px){
  .dc-why-grid{grid-template-columns:repeat(2,1fr)}
  .dc-feat-row,.dc-feat-row.reverse{grid-template-columns:1fr;direction:ltr;gap:28px}
}
@media(max-width:640px){
  .dc-why-grid{grid-template-columns:1fr}
  .dc-single-plan{padding:32px 22px}
}

/* ==========================================================================
   END — Dating Club Plugin Package page additions
   ========================================================================== */


/* ==========================================================================
   WP DATING THEME (PREMIUM) — .wpt-*
   Added: 2025-06-11  |  Brand: #506073 (steel blue-grey)  |  BG: #fff only
   ========================================================================== */

.wpt-wrap*{box-sizing:border-box;margin:0;padding:0}
.wpt-wrap a{text-decoration:none;color:inherit}
.wpt-wrap img{max-width:100%;display:block}

.wpt-wrap{
  --wpt:#506073;--wpt-dark:#3d4d5c;
  --wpt-soft:rgba(80,96,115,.08);--wpt-border:rgba(80,96,115,.2);
  --wpt-ink:#1e2833;--wpt-muted:#6b7280;--wpt-edge:#e5e7eb;
  --wpt-sh:0 4px 20px rgba(80,96,115,.10),0 1px 4px rgba(0,0,0,.04);
  --wpt-shl:0 12px 40px rgba(80,96,115,.14),0 4px 10px rgba(0,0,0,.05);
  --wpt-sh-accent:0 8px 28px rgba(80,96,115,.22);
  --wpt-r:14px;--wpt-rl:20px;
  font-family:'Poppins',sans-serif;
}

/* ── Atoms ── */
.wpt-tag{display:inline-block;background:var(--wpt-soft);color:var(--wpt);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--wpt-border)}
.wpt-h2{font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--wpt-ink);line-height:1.22;margin-bottom:12px}
.wpt-h4{font-size:13px;font-weight:700;color:var(--wpt);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.wpt-h4::before{content:'';width:18px;height:2px;background:var(--wpt);border-radius:2px;flex-shrink:0}
.wpt-body{font-size:15px;font-weight:400;color:var(--wpt-muted);line-height:1.8}

/* ── Buttons ── */
.wpt-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--wpt);color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--wpt-sh-accent);transition:background .2s,transform .15s}
.wpt-btn-primary:hover{background:var(--wpt-dark);color:#fff!important;transform:translateY(-1px)}
.wpt-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--wpt)!important;border:1.5px solid var(--wpt);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.wpt-btn-outline:hover{background:var(--wpt);color:#fff!important}
.wpt-btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* ── HERO ── */
.wpt-hero{background:linear-gradient(135deg,#1e2833 0%,#2c3a47 55%,#1e2833 100%);padding:80px 40px 0;text-align:center;position:relative;overflow:hidden;border-radius:0 0 28px 28px}
.wpt-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:460px;background:radial-gradient(ellipse,rgba(80,96,115,.3) 0%,transparent 65%);pointer-events:none}
.wpt-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.wpt-hero-logo{margin:0 auto 28px;max-width:260px}
.wpt-hero-logo img{width:100%}
.wpt-hero h1{font-size:clamp(28px,5vw,52px);font-weight:500;color:#fff;line-height:1.15;letter-spacing:-.3px;margin-bottom:16px}
.wpt-hero h1 em{font-style:normal;color:#a8bfcf}
.wpt-hero-sub{font-size:16px;font-weight:400;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:28px}
.wpt-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.wpt-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(80,96,115,.15);border:1px solid rgba(80,96,115,.3);border-radius:50px;padding:7px 16px;font-size:13px;font-weight:500;color:rgba(255,255,255,.85)}
.wpt-pill::before{content:'✓';width:17px;height:17px;border-radius:50%;background:var(--wpt);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wpt-price-card{display:inline-flex;align-items:center;gap:20px;background:rgba(80,96,115,.12);border:1px solid rgba(80,96,115,.25);border-radius:16px;padding:18px 26px;flex-wrap:wrap;justify-content:center}
.wpt-price-amount{font-size:38px;font-weight:700;color:#a8bfcf;line-height:1}
.wpt-price-amount sup{font-size:16px;font-weight:500;vertical-align:super;color:rgba(168,191,207,.6)}
.wpt-price-label{font-size:12px;font-weight:400;color:rgba(255,255,255,.4);margin-top:2px}
.wpt-price-divider{width:1px;height:40px;background:rgba(80,96,115,.3)}
.wpt-price-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.wpt-hero-screenshot{max-width:720px;margin:48px auto 0;border-radius:var(--wpt-rl) var(--wpt-rl) 0 0;overflow:hidden;box-shadow:0 -4px 40px rgba(80,96,115,.2),0 28px 80px rgba(0,0,0,.45);border:1px solid rgba(80,96,115,.2);border-bottom:none}
.wpt-hero-screenshot img{width:100%;display:block}
.wpt-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.wpt-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}
.wpt-trust-item::before{content:'✓';width:16px;height:16px;border-radius:50%;background:var(--wpt);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ── OVERVIEW ── */
.wpt-overview{padding:80px 40px;background:#fff}
.wpt-overview-inner{max-width:720px;margin:0 auto;text-align:center}
.wpt-overview-inner p{font-size:16px;font-weight:400;color:var(--wpt-muted);line-height:1.85;margin-bottom:10px}

/* ── FEATURE ROWS (small images) ── */
.wpt-features{padding:80px 40px;background:#f9fafb}
.wpt-features-head{text-align:center;margin-bottom:52px}
.wpt-features-head p{font-size:15px;color:var(--wpt-muted);margin-top:8px}
.wpt-feat-row{display:grid;grid-template-columns:1fr 320px;gap:52px;align-items:center;max-width:1000px;margin:0 auto 56px}
.wpt-feat-row:last-child{margin-bottom:0}
.wpt-feat-row.reverse{direction:rtl}
.wpt-feat-row.reverse>*{direction:ltr}
.wpt-feat-text p{font-size:14px;font-weight:400;color:var(--wpt-muted);line-height:1.8}
.wpt-feat-text p+p{margin-top:10px}
.wpt-feat-img{border-radius:var(--wpt-r);overflow:hidden;box-shadow:var(--wpt-shl);border:1px solid var(--wpt-edge);max-width:320px;width:100%}
.wpt-feat-img img{width:100%;height:auto;display:block}

/* ── NOTE ── */
.wpt-note{display:flex;align-items:flex-start;gap:14px;background:#f0f4f7;border:1px solid var(--wpt-border);border-left:3px solid var(--wpt);border-radius:0 12px 12px 0;padding:16px 20px;max-width:860px;margin:0 auto}
.wpt-note-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.wpt-note-text{font-size:13.5px;font-weight:400;color:#374151;line-height:1.7}
.wpt-note-text a{color:var(--wpt);font-weight:600;text-decoration:none}
.wpt-note-text a:hover{text-decoration:underline}

/* ── CTA ── */
.wpt-cta{background:linear-gradient(135deg,#1e2833 0%,#2c3a47 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.wpt-cta::before{content:'';position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:600px;height:360px;background:radial-gradient(ellipse,rgba(80,96,115,.25) 0%,transparent 65%);pointer-events:none}
.wpt-cta-inner{max-width:520px;margin:0 auto;position:relative;z-index:1}
.wpt-cta h3{font-size:clamp(22px,3vw,34px);font-weight:500;color:#fff;margin-bottom:6px}
.wpt-cta-sub{font-size:15px;font-weight:400;color:rgba(255,255,255,.5);margin-bottom:28px}
.wpt-cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .wpt-feat-row,.wpt-feat-row.reverse{grid-template-columns:1fr;direction:ltr;gap:24px}
  .wpt-feat-img{max-width:420px}
}
@media(max-width:640px){
  .wpt-hero,.wpt-overview,.wpt-features,.wpt-cta{padding:60px 20px}
  .wpt-price-card{flex-direction:column;text-align:center}
  .wpt-price-divider{width:60px;height:1px}
  .wpt-pills{gap:8px}
  .wpt-hero-screenshot{margin-top:32px}
}
/* ==========================================================================
   END — WP Dating Premium Theme landing page styles
   ========================================================================== */


/* ==========================================================================
   RELISH DATING THEME — .rd-* (minimal — reuses .it-* layout, new color)
   Added: 2025-06-11  |  Brand: #df1756 (crimson)  |  Dark: #1e0a12
   ========================================================================== */

.rd-wrap*{box-sizing:border-box;margin:0;padding:0}
.rd-wrap a{text-decoration:none;color:inherit}
.rd-wrap img{max-width:100%;display:block}

.rd-wrap{
  --rd:#df1756;--rd-dark:#b8103f;
  --rd-soft:rgba(223,23,86,.09);--rd-border:rgba(223,23,86,.22);
  --rd-ink:#1e0a12;--rd-muted:#6b7280;--rd-edge:#e5e7eb;
  --rd-sh-accent:0 8px 32px rgba(223,23,86,.24);
  --rd-shl:0 12px 40px rgba(223,23,86,.12),0 4px 10px rgba(0,0,0,.05);
  --rd-r:14px;--rd-rl:20px;
  font-family:'Poppins',sans-serif;
}

/* ── Atoms ── */
.rd-tag{display:inline-block;background:var(--rd-soft);color:var(--rd);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--rd-border)}
.rd-h2{font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--rd-ink);line-height:1.2;margin-bottom:12px}
.rd-h4{font-size:13px;font-weight:700;color:var(--rd);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.rd-h4::before{content:'';width:18px;height:2px;background:var(--rd);border-radius:2px;flex-shrink:0}
.rd-body{font-size:15px;font-weight:400;color:var(--rd-muted);line-height:1.8}

/* ── Buttons ── */
.rd-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--rd);color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--rd-sh-accent);transition:background .2s,transform .15s}
.rd-btn-primary:hover{background:var(--rd-dark);color:#fff!important;transform:translateY(-1px)}
.rd-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--rd)!important;border:1.5px solid var(--rd);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.rd-btn-outline:hover{background:var(--rd);color:#fff!important}

/* ── HERO ── */
.rd-hero{background:linear-gradient(135deg,#1e0a12 0%,#2e0f1c 55%,#1e0a12 100%);padding:80px 40px 0;text-align:center;position:relative;overflow:hidden;border-radius:0 0 28px 28px}
.rd-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:460px;background:radial-gradient(ellipse,rgba(223,23,86,.2) 0%,transparent 65%);pointer-events:none}
.rd-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.rd-hero-logo{margin:0 auto 28px;max-width:240px}
.rd-hero-logo img{width:100%}
.rd-hero h1{font-size:clamp(28px,5vw,52px);font-weight:500;color:#fff;line-height:1.15;letter-spacing:-.3px;margin-bottom:16px}
.rd-hero h1 em{font-style:normal;color:#df1756}
.rd-hero-sub{font-size:16px;font-weight:400;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:36px}
.rd-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.rd-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(223,23,86,.1);border:1px solid rgba(223,23,86,.22);border-radius:50px;padding:7px 16px;font-size:13px;font-weight:500;color:rgba(255,255,255,.85)}
.rd-pill::before{content:'✓';width:17px;height:17px;border-radius:50%;background:#df1756;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rd-price-card{display:inline-flex;align-items:center;gap:20px;background:rgba(223,23,86,.09);border:1px solid rgba(223,23,86,.22);border-radius:16px;padding:18px 26px;flex-wrap:wrap;justify-content:center}
.rd-price-amount{font-size:38px;font-weight:700;color:#df1756;line-height:1}
.rd-price-amount sup{font-size:16px;font-weight:500;vertical-align:super;color:rgba(223,23,86,.6)}
.rd-price-label{font-size:12px;font-weight:400;color:rgba(255,255,255,.4);margin-top:2px}
.rd-price-divider{width:1px;height:40px;background:rgba(223,23,86,.25)}
.rd-price-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.rd-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.rd-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}
.rd-trust-item::before{content:'✓';width:16px;height:16px;border-radius:50%;background:#df1756;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rd-hero-screenshot{max-width:860px;margin:48px auto 0;border-radius:var(--rd-rl) var(--rd-rl) 0 0;overflow:hidden;box-shadow:0 -4px 40px rgba(223,23,86,.18),0 28px 80px rgba(0,0,0,.45);border:1px solid rgba(223,23,86,.12);border-bottom:none}
.rd-hero-screenshot img{width:100%;display:block}

/* ── OVERVIEW ── */
.rd-overview{padding:80px 40px;background:#fff}
.rd-overview-inner{max-width:720px;margin:0 auto;text-align:center}
.rd-overview-inner p{font-size:16px;font-weight:400;color:var(--rd-muted);line-height:1.85;margin-bottom:10px}

/* ── FEATURE ROWS (small images, 320px) ── */
.rd-features{padding:80px 40px;background:#f9fafb}
.rd-features-head{text-align:center;margin-bottom:52px}
.rd-features-head p{font-size:15px;color:var(--rd-muted);margin-top:8px}
.rd-feat-row{display:grid;grid-template-columns:1fr 320px;gap:52px;align-items:center;max-width:1000px;margin:0 auto 56px}
.rd-feat-row:last-child{margin-bottom:0}
.rd-feat-row.reverse{direction:rtl}
.rd-feat-row.reverse>*{direction:ltr}
.rd-feat-text p{font-size:14px;font-weight:400;color:var(--rd-muted);line-height:1.8}
.rd-feat-img{border-radius:var(--rd-r);overflow:hidden;box-shadow:var(--rd-shl);border:1px solid var(--rd-edge);max-width:320px;width:100%}
.rd-feat-img img{width:100%;height:auto;display:block}

/* ── NOTE ── */
.rd-note{display:flex;align-items:flex-start;gap:14px;background:#fff5f8;border:1px solid rgba(223,23,86,.22);border-left:3px solid #df1756;border-radius:0 12px 12px 0;padding:16px 20px;max-width:860px;margin:0 auto}
.rd-note-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.rd-note-text{font-size:13.5px;font-weight:400;color:#7f1d1d;line-height:1.7}
.rd-note-text strong{color:#991b1b;font-weight:700}
.rd-note-text a{color:#df1756;font-weight:600;text-decoration:none}
.rd-note-text a:hover{text-decoration:underline}

/* ── CTA ── */
.rd-cta{background:linear-gradient(135deg,#1e0a12 0%,#2e0f1c 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.rd-cta::before{content:'';position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:600px;height:360px;background:radial-gradient(ellipse,rgba(223,23,86,.15) 0%,transparent 65%);pointer-events:none}
.rd-cta-inner{max-width:520px;margin:0 auto;position:relative;z-index:1}
.rd-cta h3{font-size:clamp(22px,3vw,34px);font-weight:500;color:#fff;margin-bottom:6px}
.rd-cta-sub{font-size:15px;font-weight:400;color:rgba(255,255,255,.5);margin-bottom:28px}
.rd-cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ── RESPONSIVE ── */
@media(max-width:900px){.rd-feat-row,.rd-feat-row.reverse{grid-template-columns:1fr;direction:ltr;gap:24px}.rd-feat-img{max-width:420px}}
@media(max-width:640px){
  .rd-hero,.rd-overview,.rd-features,.rd-cta{padding:60px 20px}
  .rd-price-card{flex-direction:column;text-align:center}
  .rd-price-divider{width:60px;height:1px}
  .rd-pills{gap:8px}
  .rd-hero-screenshot{margin-top:32px}
}
/* ==========================================================================
   END — Relish Dating Theme landing page styles
   ========================================================================== */


/* ==========================================================================
   NIKAAH MATRIMONIAL THEME — .nk-*
   Added: 2025-06-11  |  Brand: #9e8382 (rose-taupe)  |  Dark: #1f1514
   ========================================================================== */

.nk-wrap*{box-sizing:border-box;margin:0;padding:0}
.nk-wrap a{text-decoration:none;color:inherit}
.nk-wrap img{max-width:100%;display:block}

.nk-wrap{
  --nk:#9e8382;--nk-dark:#7d6361;
  --nk-soft:rgba(158,131,130,.09);--nk-border:rgba(158,131,130,.22);
  --nk-ink:#1f1514;--nk-muted:#6b7280;--nk-edge:#e5e7eb;
  --nk-sh-accent:0 8px 28px rgba(158,131,130,.25);
  --nk-shl:0 12px 40px rgba(158,131,130,.14),0 4px 10px rgba(0,0,0,.05);
  --nk-r:14px;--nk-rl:20px;
  font-family:'Poppins',sans-serif;
}

/* ── Atoms ── */
.nk-tag{display:inline-block;background:var(--nk-soft);color:var(--nk);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--nk-border)}
.nk-h2{font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--nk-ink);line-height:1.2;margin-bottom:12px}
.nk-h4{font-size:13px;font-weight:700;color:var(--nk);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.nk-h4::before{content:'';width:18px;height:2px;background:var(--nk);border-radius:2px;flex-shrink:0}
.nk-body{font-size:15px;font-weight:400;color:var(--nk-muted);line-height:1.8}

/* ── Buttons ── */
.nk-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--nk);color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--nk-sh-accent);transition:background .2s,transform .15s}
.nk-btn-primary:hover{background:var(--nk-dark);color:#fff!important;transform:translateY(-1px)}
.nk-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--nk)!important;border:1.5px solid var(--nk);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.nk-btn-outline:hover{background:var(--nk);color:#fff!important}

/* ── HERO ── */
.nk-hero{background:linear-gradient(135deg,#1f1514 0%,#2e1e1d 55%,#1f1514 100%);padding:80px 40px 0;text-align:center;position:relative;overflow:hidden;border-radius:0 0 28px 28px}
.nk-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:460px;background:radial-gradient(ellipse,rgba(158,131,130,.2) 0%,transparent 65%);pointer-events:none}
.nk-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.nk-hero-logo{margin:0 auto 28px;max-width:200px}
.nk-hero-logo img{width:100%}
.nk-hero h1{font-size:clamp(28px,5vw,52px);font-weight:500;color:#fff;line-height:1.15;letter-spacing:-.3px;margin-bottom:16px}
.nk-hero h1 em{font-style:normal;color:#c9b0af}
.nk-hero-sub{font-size:16px;font-weight:400;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:36px}
.nk-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.nk-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(158,131,130,.12);border:1px solid rgba(158,131,130,.25);border-radius:50px;padding:7px 16px;font-size:13px;font-weight:500;color:rgba(255,255,255,.85)}
.nk-pill::before{content:'✓';width:17px;height:17px;border-radius:50%;background:var(--nk);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nk-price-card{display:inline-flex;align-items:center;gap:20px;background:rgba(158,131,130,.1);border:1px solid rgba(158,131,130,.25);border-radius:16px;padding:18px 26px;flex-wrap:wrap;justify-content:center}
.nk-price-amount{font-size:38px;font-weight:700;color:#c9b0af;line-height:1}
.nk-price-amount sup{font-size:16px;font-weight:500;vertical-align:super;color:rgba(201,176,175,.6)}
.nk-price-label{font-size:12px;font-weight:400;color:rgba(255,255,255,.4);margin-top:2px}
.nk-price-divider{width:1px;height:40px;background:rgba(158,131,130,.3)}
.nk-price-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.nk-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.nk-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}
.nk-trust-item::before{content:'✓';width:16px;height:16px;border-radius:50%;background:var(--nk);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nk-hero-screenshot{max-width:860px;margin:48px auto 0;border-radius:var(--nk-rl) var(--nk-rl) 0 0;overflow:hidden;box-shadow:0 -4px 40px rgba(158,131,130,.18),0 28px 80px rgba(0,0,0,.45);border:1px solid rgba(158,131,130,.15);border-bottom:none}
.nk-hero-screenshot img{width:100%;display:block}

/* ── OVERVIEW ── */
.nk-overview{padding:80px 40px;background:#fff}
.nk-overview-inner{max-width:720px;margin:0 auto;text-align:center}
.nk-overview-inner p{font-size:16px;font-weight:400;color:var(--nk-muted);line-height:1.85;margin-bottom:10px}

/* ── FEATURE ROWS (full 1fr 1fr — larger images) ── */
.nk-features{padding:80px 40px;background:#faf9f8}
.nk-features-head{text-align:center;margin-bottom:52px}
.nk-features-head p{font-size:15px;color:var(--nk-muted);margin-top:8px}
.nk-feat-row{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;max-width:1100px;margin:0 auto 60px}
.nk-feat-row:last-child{margin-bottom:0}
.nk-feat-row.reverse{direction:rtl}
.nk-feat-row.reverse>*{direction:ltr}
.nk-feat-text p{font-size:15px;font-weight:400;color:var(--nk-muted);line-height:1.8}
.nk-feat-text p+p{margin-top:10px}
.nk-feat-img{border-radius:var(--nk-rl);overflow:hidden;box-shadow:var(--nk-shl);border:1px solid var(--nk-edge)}
.nk-feat-img img{width:100%;height:auto;display:block}

/* ── NOTE ── */
.nk-note{display:flex;align-items:flex-start;gap:14px;background:#faf8f8;border:1px solid var(--nk-border);border-left:3px solid var(--nk);border-radius:0 12px 12px 0;padding:16px 20px;max-width:860px;margin:0 auto}
.nk-note-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.nk-note-text{font-size:13.5px;font-weight:400;color:#4a3533;line-height:1.7}
.nk-note-text strong{color:#6b3f3d;font-weight:700}
.nk-note-text a{color:var(--nk);font-weight:600;text-decoration:none}
.nk-note-text a:hover{text-decoration:underline}

/* ── CTA ── */
.nk-cta{background:linear-gradient(135deg,#1f1514 0%,#2e1e1d 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.nk-cta::before{content:'';position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:600px;height:360px;background:radial-gradient(ellipse,rgba(158,131,130,.2) 0%,transparent 65%);pointer-events:none}
.nk-cta-inner{max-width:520px;margin:0 auto;position:relative;z-index:1}
.nk-cta h3{font-size:clamp(22px,3vw,34px);font-weight:500;color:#fff;margin-bottom:6px}
.nk-cta-sub{font-size:15px;font-weight:400;color:rgba(255,255,255,.5);margin-bottom:28px}
.nk-cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ── RESPONSIVE ── */
@media(max-width:900px){.nk-feat-row,.nk-feat-row.reverse{grid-template-columns:1fr;direction:ltr;gap:28px}}
@media(max-width:640px){
  .nk-hero,.nk-overview,.nk-features,.nk-cta{padding:60px 20px}
  .nk-price-card{flex-direction:column;text-align:center}
  .nk-price-divider{width:60px;height:1px}
  .nk-pills{gap:8px}
  .nk-hero-screenshot{margin-top:32px}
}
/* ==========================================================================
   END — Nikaah Matrimonial Theme landing page styles
   ========================================================================== */


/* ==========================================================================
   SECRET LOVER THEME — .sl-*
   Added: 2025-06-11  |  Brand: #EB534F (tomato red)  |  Dark: #1a0c0c
   ========================================================================== */

.sl-wrap*{box-sizing:border-box;margin:0;padding:0}
.sl-wrap a{text-decoration:none;color:inherit}
.sl-wrap img{max-width:100%;display:block}

.sl-wrap{
  --sl:#EB534F;--sl-dark:#c73d39;
  --sl-soft:rgba(235,83,79,.09);--sl-border:rgba(235,83,79,.22);
  --sl-ink:#1a0c0c;--sl-muted:#6b7280;--sl-edge:#e5e7eb;
  --sl-sh-accent:0 8px 28px rgba(235,83,79,.26);
  --sl-shl:0 12px 40px rgba(235,83,79,.13),0 4px 10px rgba(0,0,0,.05);
  --sl-r:14px;--sl-rl:20px;
  font-family:'Poppins',sans-serif;
}

/* ── Atoms ── */
.sl-tag{display:inline-block;background:var(--sl-soft);color:var(--sl);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--sl-border)}
.sl-h2{font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--sl-ink);line-height:1.2;margin-bottom:12px}
.sl-h4{font-size:13px;font-weight:700;color:var(--sl);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.sl-h4::before{content:'';width:18px;height:2px;background:var(--sl);border-radius:2px;flex-shrink:0}

/* ── Buttons ── */
.sl-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--sl);color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--sl-sh-accent);transition:background .2s,transform .15s}
.sl-btn-primary:hover{background:var(--sl-dark);color:#fff!important;transform:translateY(-1px)}
.sl-btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--sl)!important;border:1.5px solid var(--sl);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s}
.sl-btn-outline:hover{background:var(--sl);color:#fff!important}

/* ── HERO ── */
.sl-hero{background:linear-gradient(135deg,#1a0c0c 0%,#2b1010 55%,#1a0c0c 100%);padding:80px 40px 0;text-align:center;position:relative;overflow:hidden;border-radius:0 0 28px 28px}
.sl-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:460px;background:radial-gradient(ellipse,rgba(235,83,79,.22) 0%,transparent 65%);pointer-events:none}
.sl-hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.sl-hero-logo{margin:0 auto 28px;max-width:260px}
.sl-hero-logo img{width:100%}
.sl-hero h1{font-size:clamp(28px,5vw,52px);font-weight:500;color:#fff;line-height:1.15;letter-spacing:-.3px;margin-bottom:16px}
.sl-hero h1 em{font-style:normal;color:#EB534F}
.sl-hero-sub{font-size:16px;font-weight:400;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:36px}
.sl-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.sl-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(235,83,79,.1);border:1px solid rgba(235,83,79,.22);border-radius:50px;padding:7px 16px;font-size:13px;font-weight:500;color:rgba(255,255,255,.85)}
.sl-pill::before{content:'✓';width:17px;height:17px;border-radius:50%;background:#EB534F;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sl-price-card{display:inline-flex;align-items:center;gap:20px;background:rgba(235,83,79,.09);border:1px solid rgba(235,83,79,.22);border-radius:16px;padding:18px 26px;flex-wrap:wrap;justify-content:center}
.sl-price-amount{font-size:38px;font-weight:700;color:#EB534F;line-height:1}
.sl-price-amount sup{font-size:16px;font-weight:500;vertical-align:super;color:rgba(235,83,79,.6)}
.sl-price-label{font-size:12px;font-weight:400;color:rgba(255,255,255,.4);margin-top:2px}
.sl-price-divider{width:1px;height:40px;background:rgba(235,83,79,.28)}
.sl-price-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.sl-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.sl-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}
.sl-trust-item::before{content:'✓';width:16px;height:16px;border-radius:50%;background:#EB534F;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sl-hero-screenshot{max-width:860px;margin:48px auto 0;border-radius:var(--sl-rl) var(--sl-rl) 0 0;overflow:hidden;box-shadow:0 -4px 40px rgba(235,83,79,.18),0 28px 80px rgba(0,0,0,.45);border:1px solid rgba(235,83,79,.14);border-bottom:none}
.sl-hero-screenshot img{width:100%;display:block}

/* ── OVERVIEW ── */
.sl-overview{padding:80px 40px;background:#fff}
.sl-overview-inner{max-width:720px;margin:0 auto;text-align:center}
.sl-overview-inner p{font-size:16px;font-weight:400;color:var(--sl-muted);line-height:1.85;margin-bottom:10px}

/* ── FEATURE ROWS (full 1fr 1fr) ── */
.sl-features{padding:80px 40px;background:#fdf9f9}
.sl-features-head{text-align:center;margin-bottom:52px}
.sl-features-head p{font-size:15px;color:var(--sl-muted);margin-top:8px}
.sl-feat-row{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;max-width:1100px;margin:0 auto 60px}
.sl-feat-row:last-child{margin-bottom:0}
.sl-feat-row.reverse{direction:rtl}
.sl-feat-row.reverse>*{direction:ltr}
.sl-feat-text p{font-size:15px;font-weight:400;color:var(--sl-muted);line-height:1.8}
.sl-feat-text p+p{margin-top:10px}
.sl-feat-img{border-radius:var(--sl-rl);overflow:hidden;box-shadow:var(--sl-shl);border:1px solid var(--sl-edge)}
.sl-feat-img img{width:100%;height:auto;display:block}

/* ── NOTE ── */
.sl-note{display:flex;align-items:flex-start;gap:14px;background:#fff5f5;border:1px solid var(--sl-border);border-left:3px solid var(--sl);border-radius:0 12px 12px 0;padding:16px 20px;max-width:860px;margin:0 auto}
.sl-note-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.sl-note-text{font-size:13.5px;font-weight:400;color:#7f1d1d;line-height:1.7}
.sl-note-text strong{color:#991b1b;font-weight:700}
.sl-note-text a{color:var(--sl);font-weight:600;text-decoration:none}
.sl-note-text a:hover{text-decoration:underline}

/* ── CTA ── */
.sl-cta{background:linear-gradient(135deg,#1a0c0c 0%,#2b1010 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.sl-cta::before{content:'';position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:600px;height:360px;background:radial-gradient(ellipse,rgba(235,83,79,.16) 0%,transparent 65%);pointer-events:none}
.sl-cta-inner{max-width:520px;margin:0 auto;position:relative;z-index:1}
.sl-cta h3{font-size:clamp(22px,3vw,34px);font-weight:500;color:#fff;margin-bottom:6px}
.sl-cta-sub{font-size:15px;font-weight:400;color:rgba(255,255,255,.5);margin-bottom:28px}
.sl-cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ── RESPONSIVE ── */
@media(max-width:900px){.sl-feat-row,.sl-feat-row.reverse{grid-template-columns:1fr;direction:ltr;gap:28px}}
@media(max-width:640px){
  .sl-hero,.sl-overview,.sl-features,.sl-cta{padding:60px 20px}
  .sl-price-card{flex-direction:column;text-align:center}
  .sl-price-divider{width:60px;height:1px}
  .sl-pills{gap:8px}
  .sl-hero-screenshot{margin-top:32px}
}
/* ==========================================================================
   END — Secret Lover Theme landing page styles
   ========================================================================== */


/* ==========================================================================
   WP MATRIMONY THEME LANDING PAGE — .wml-* additions
   Added: 2025-06-11  |  Brand: #f63f77  |  BG: #fff  |  Accent: #f63f77
   ========================================================================== */

/* Feature grid (10 items, 2-col) */
.wml-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:920px;margin:0 auto}
.wml-feat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .2s,border-color .2s}
.wml-feat-card:hover{box-shadow:0 6px 24px rgba(246,63,119,.1);border-color:rgba(246,63,119,.2)}
.wml-feat-card-icon{width:38px;height:38px;border-radius:9px;background:rgba(246,63,119,.08);border:1px solid rgba(246,63,119,.18);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.wml-feat-card-title{font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:3px;font-family:'Poppins',sans-serif}
.wml-feat-card-desc{font-size:12px;font-weight:400;color:#6b7280;line-height:1.6;font-family:'Poppins',sans-serif}

/* Expect / value props (6 cards) */
.wml-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}
.wml-value-card{background:#fff;border-radius:14px;padding:28px 22px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.wml-value-card-icon{font-size:28px;margin-bottom:12px}
.wml-value-card-title{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:7px;font-family:'Poppins',sans-serif}
.wml-value-card-desc{font-size:13px;font-weight:400;color:#6b7280;line-height:1.65;font-family:'Poppins',sans-serif}

/* Testimonials (3) */
.wml-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}
.wml-testi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px 20px;display:flex;flex-direction:column;gap:14px}
.wml-testi-stars{color:#f59e0b;font-size:13px;letter-spacing:2px}
.wml-testi-quote{font-size:13px;color:#6b7280;line-height:1.75;font-style:italic;flex:1;font-family:'Poppins',sans-serif}
.wml-testi-author{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #e5e7eb}
.wml-testi-avatar{width:34px;height:34px;border-radius:50%;background:#f63f77;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wml-testi-name{font-size:13px;font-weight:600;color:#1a1a2e;font-family:'Poppins',sans-serif}
.wml-testi-role{font-size:11px;color:#9ca3af;font-family:'Poppins',sans-serif}
.wml-testi-role a{color:#f63f77;text-decoration:none}

/* Demo theme cards */
.wml-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}
.wml-demo-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.wml-demo-card:hover{box-shadow:0 8px 32px rgba(246,63,119,.12);transform:translateY(-3px)}
.wml-demo-card img{width:100%;height:160px;object-fit:cover;display:block}
.wml-demo-card-body{padding:14px 16px}
.wml-demo-card-name{font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:10px;font-family:'Poppins',sans-serif}

/* Mobile feature list (6 items, 2-col) */
.wml-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin:0 auto}
.wml-mobile-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px}
.wml-mobile-item-title{font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:4px;font-family:'Poppins',sans-serif}
.wml-mobile-item-desc{font-size:12px;color:#6b7280;line-height:1.6;font-family:'Poppins',sans-serif}

/* Pink accent section */
.wml-pink-section{background:linear-gradient(135deg,#2d0a18 0%,#3d0f22 100%);padding:80px 40px;position:relative;overflow:hidden}
.wml-pink-section::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(246,63,119,.18) 0%,transparent 65%);pointer-events:none}

@media(max-width:900px){
  .wml-feat-grid,.wml-demo-grid,.wml-testi-grid{grid-template-columns:1fr 1fr}
  .wml-value-grid,.wml-mobile-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .wml-feat-grid,.wml-demo-grid,.wml-testi-grid,.wml-value-grid,.wml-mobile-grid{grid-template-columns:1fr}
}
/* ==========================================================================
   END — WP Matrimony theme landing page additions
   ========================================================================== */


/* ==========================================================================
   MATRIMONIAL WEBSITE LANDING — .mat-*
   Added: 2025-06-11  |  Brand: #FF5A60  |  BG: #fff
   ========================================================================== */

.mat-wrap*{box-sizing:border-box;margin:0;padding:0}
.mat-wrap a{text-decoration:none}
.mat-wrap img{max-width:100%;display:block}
.mat-wrap{font-family:'Poppins',sans-serif}

/* ── Why bullets ── */
.mat-why-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.mat-why-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#6b7280;line-height:1.65;font-family:'Poppins',sans-serif}
.mat-why-item::before{content:'';width:8px;height:8px;border-radius:50%;background:#FF5A60;flex-shrink:0;margin-top:5px}

/* ── What you get cards (6) ── */
.mat-get-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mat-get-card{border:1px solid #e5e7eb;border-radius:14px;padding:24px 20px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .2s,border-color .2s}
.mat-get-card:hover{box-shadow:0 6px 24px rgba(255,90,96,.1);border-color:rgba(255,90,96,.22)}
.mat-get-icon{width:42px;height:42px;border-radius:10px;background:rgba(255,90,96,.08);border:1px solid rgba(255,90,96,.2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.mat-get-title{font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:4px;font-family:'Poppins',sans-serif}
.mat-get-desc{font-size:12px;color:#6b7280;line-height:1.6;font-family:'Poppins',sans-serif}

/* ── Feature rows (small, 320px image) ── */
.mat-feat-row{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:center;max-width:960px;margin:0 auto 52px}
.mat-feat-row:last-child{margin-bottom:0}
.mat-feat-row.rev{direction:rtl}
.mat-feat-row.rev>*{direction:ltr}
.mat-feat-h{font-size:16px;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:'Poppins',sans-serif}
.mat-feat-h::before{content:'';width:16px;height:2px;background:#FF5A60;border-radius:2px;flex-shrink:0}
.mat-feat-p{font-size:14px;color:#6b7280;line-height:1.8;font-family:'Poppins',sans-serif}
.mat-feat-img{border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(255,90,96,.1);border:1px solid #e5e7eb;max-width:320px;width:100%}
.mat-feat-img img{width:100%;height:auto;display:block}

/* ── How-to steps ── */
.mat-steps{display:flex;flex-direction:column;gap:0;max-width:680px;margin:0 auto}
.mat-step{display:grid;grid-template-columns:60px 1fr;gap:0 20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid #e5e7eb}
.mat-step:last-child{border-bottom:none}
.mat-step-num{width:48px;height:48px;border-radius:50%;background:#FF5A60;color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Poppins',sans-serif;box-shadow:0 4px 16px rgba(255,90,96,.25)}
.mat-step-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:5px;padding-top:10px;font-family:'Poppins',sans-serif}
.mat-step-desc{font-size:13px;color:#6b7280;line-height:1.7;font-family:'Poppins',sans-serif}
.mat-step-desc a{color:#FF5A60;font-weight:500}

/* ── Button variants ── */
.mat-btn-coral{display:inline-flex;align-items:center;gap:8px;background:#FF5A60;color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:0 6px 24px rgba(255,90,96,.28);transition:background .2s,transform .15s;text-decoration:none}
.mat-btn-coral:hover{background:#c73d39;transform:translateY(-1px)}
.mat-btn-dark{display:inline-flex;align-items:center;gap:8px;background:#1a1a2e;color:#fff!important;border:none;border-radius:10px;padding:13px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,transform .15s;text-decoration:none}
.mat-btn-dark:hover{background:#2d2d4a;transform:translateY(-1px)}
.mat-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#FF5A60!important;border:2px solid #FF5A60;border-radius:10px;padding:11px 28px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s;text-decoration:none}
.mat-btn-ghost:hover{background:#FF5A60;color:#fff!important}

@media(max-width:900px){
  .mat-get-grid{grid-template-columns:1fr 1fr}
  .mat-feat-row,.mat-feat-row.rev{grid-template-columns:1fr;direction:ltr;gap:24px}
  .mat-feat-img{max-width:100%}
}
@media(max-width:640px){
  .mat-get-grid{grid-template-columns:1fr}
}
/* ==========================================================================
   END — Matrimonial website landing page styles
   ========================================================================== */


/* ==========================================================================
   Estore login form
   ========================================================================== */


/* ══════════════════════════════════════════════════════
   eMember Login Form — Override-proof redesign
   Brand: #f63f77  |  Neutral dark: #1A2332
   ══════════════════════════════════════════════════════ */

/* 1. Hard-reset the form wrapper so plugin styles can't bleed in */
#wp_emember_loginForm {
  all: revert;
  display: block !important;
  box-sizing: border-box !important;
  max-width: 420px !important;
  width: 100% !important;
  margin: 48px auto !important;
  padding: 40px 36px !important;
  background: #ffffff !important;
  border: 1px solid #F9D0DF !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(246, 63, 119, 0.10) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 2. Kill the table layout entirely — make every cell a block */
#wp_emember_loginForm table.forms,
#wp_emember_loginForm table.forms tbody,
#wp_emember_loginForm table.forms tr,
#wp_emember_loginForm table.forms td {
  all: revert;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}

/* 3. Labels */
#wp_emember_loginForm .eMember_label {
  all: revert;
  display: block !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #374151 !important;
  margin: 18px 0 6px !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

/* 4. All text/password inputs */
#wp_emember_loginForm input.eMember_text_input {
  all: revert;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 11px 14px !important;
  margin: 0px important;
  font-size: 14px !important;
  font-family: inherit !important;
  color: #1A2332 !important;
  background: #FFF5F8 !important;
  border: 1.5px solid #F9D0DF !important;
  border-radius: 8px !important;
  outline: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  box-shadow: none !important;
}

#wp_emember_loginForm input.eMember_text_input:focus {
  border-color: #f63f77 !important;
  box-shadow: 0 0 0 3px rgba(246, 63, 119, 0.13) !important;
  background: #fff !important;
}

/* 5. Password field td — keep relative so the toggle icon sits inside */
#wp_emember_loginForm td[style*="position:relative"],
#wp_emember_loginForm td.emember-pwd-td {
  position: relative !important;
}

#wp_emember_loginForm input[name="login_pwd"] {
  padding-right: 42px !important;
}

/* 6. Show/hide password toggle */
#wp_emember_loginForm .eMember_show_pw_btn {
  all: revert;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  color: #F9A8C4 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}

#wp_emember_loginForm .eMember_show_pw_btn:hover {
  color: #f63f77 !important;
}

/* 7. Remember me row */
#wp_emember_loginForm .eMember_remember_me {
  all: revert;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 16px !important;
}

#wp_emember_loginForm .eMember_remember_me label {
  all: revert;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  font-family: inherit !important;
}

#wp_emember_loginForm .eMember_remember_me input[type="checkbox"] {
  all: revert;
  width: 16px !important;
  height: 16px !important;
  accent-color: #f63f77 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

#wp_emember_loginForm .eMember_remember_me_label {
  all: revert;
  font-size: 13px !important;
  color: #6B7280 !important;
  font-family: inherit !important;
}

/* 8. Captcha section */
#wp_emember_loginForm .emember-login-captcha-section {
  all: revert;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 18px !important;
  font-size: 13px !important;
  color: #6B7280 !important;
  font-family: inherit !important;
}

#wp_emember_loginForm .emember-login-captcha-section img {
  all: revert;
  display: block !important;
  height: 44px !important;
  width: 50% !important;
  border-radius: 6px !important;
  border: 1px solid #F9D0DF !important;
}

/* 9. Submit button */
#wp_emember_loginForm input#doLogin.eMember_button {
  all: revert;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 24px !important;
  padding: 13px !important;
  background: #f63f77 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  letter-spacing: 0.02em !important;
  transition: background 0.18s, transform 0.1s, box-shadow 0.18s !important;
  box-shadow: 0 4px 14px rgba(246, 63, 119, 0.30) !important;
}

#wp_emember_loginForm input#doLogin.eMember_button:hover {
  background: #e0285f !important;
  box-shadow: 0 6px 18px rgba(246, 63, 119, 0.38) !important;
}

#wp_emember_loginForm input#doLogin.eMember_button:active {
  transform: scale(0.985) !important;
  box-shadow: none !important;
}

/* 10. Forgot password & Join Us links */
#wp_emember_loginForm a#forgot_pass,
#wp_emember_loginForm a#register {
  all: revert;
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  font-family: inherit !important;
  transition: color 0.15s !important;
  margin-top: 14px !important;
}

#wp_emember_loginForm a#forgot_pass {
  font-size: 13px !important;
  color: #9CA3AF !important;
}

#wp_emember_loginForm a#forgot_pass:hover {
  color: #f63f77 !important;
}

#wp_emember_loginForm a#register {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #f63f77 !important;
  margin-top: 10px !important;
  padding: 10px !important;
  border: 2px solid #f63f77 !important;
  border-radius: 8px !important;
  transition: background 0.18s, color 0.18s !important;
}

#wp_emember_loginForm a#register:hover {
  background: #f63f77 !important;
  color: #ffffff !important;
}

/* 11. Error message */
#wp_emember_loginForm .emember_error {
  all: revert;
  display: block !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #f63f77 !important;
  font-family: inherit !important;
  min-height: 20px !important;
  margin-top: 10px !important;
}

/* 12. Mobile */
@media (max-width: 480px) {
  #wp_emember_loginForm {
    margin: 20px 16px !important;
    padding: 28px 20px !important;
  }
}

/* ── Beat the plugin's .eMember_text_input margin hack ── */
#wp_emember_loginForm input#login_user_name.eMember_text_input,
#wp_emember_loginForm input#login_pwd.eMember_text_input,
#wp_emember_loginForm input[name="emember-really-simple-captcha"].eMember_text_input {
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Fallback: catches any other .eMember_text_input inside the form
   ID + element + class beats plain class selector */
#wp_emember_loginForm input.eMember_text_input {
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   END — estore login
   ========================================================================== */

/* ══════════════════════════════════════════════════════
   eMember Registration Form — Override-proof redesign
   Brand: #f63f77  |  Neutral dark: #1A2332
   ══════════════════════════════════════════════════════ */

/* 1. Hard-reset the form wrapper */
#wp_emember_regoForm {
  all: revert;
  display: block !important;
  box-sizing: border-box !important;
  max-width: 420px !important;
  width: 100% !important;
  margin: 48px auto !important;
  padding: 40px 36px !important;
  background: #ffffff !important;
  border: 1px solid #F9D0DF !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(246, 63, 119, 0.10) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 2. Reset all fieldsets */
#wp_emember_regoForm fieldset {
  all: revert;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}

/* 3. Reset all inner divs */
#wp_emember_regoForm fieldset > div {
  all: revert;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

/* 4. All text / password inputs */
#wp_emember_regoForm input[type="text"].pure-input-1,
#wp_emember_regoForm input[type="password"].pure-input-1,
#wp_emember_regoForm input.eMember_text_input,
#wp_emember_regoForm input[type="text"],
#wp_emember_regoForm input[type="password"] {
  all: revert;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  color: #1A2332 !important;
  background: #FFF5F8 !important;
  border: 1.5px solid #F9D0DF !important;
  border-radius: 8px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

#wp_emember_regoForm input[type="text"]:focus,
#wp_emember_regoForm input[type="password"]:focus,
#wp_emember_regoForm input.eMember_text_input:focus {
  border-color: #f63f77 !important;
  box-shadow: 0 0 0 3px rgba(246, 63, 119, 0.13) !important;
  background: #fff !important;
  outline: none !important;
}

/* 5. Explicitly kill the margin hack from .eMember_text_input plugin rule */
#wp_emember_regoForm input.eMember_text_input {
  margin: 0 !important;
  width: 100% !important;
}

/* 6. Placeholders */
#wp_emember_regoForm input::placeholder {
  color: #C0C8D2 !important;
  font-size: 13.5px !important;
  opacity: 1 !important;
}

/* 7. Hide readonly membership field visually but keep it in DOM */
#wp_emember_regoForm .wp_emember_member_level.hidden,
#wp_emember_regoForm .wp_emember_member_level {
  display: none !important;
}

/* 8. Terms & conditions row */
#wp_emember_regoForm fieldset.emember-centered {
  margin-top: 6px !important;
}

#wp_emember_regoForm .emember_terms_conditions {
  margin-bottom: 14px !important;
}

#wp_emember_regoForm .emember_terms_conditions label {
  all: revert;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #6B7280 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  line-height: 1.5 !important;
}

#wp_emember_regoForm .emember_terms_conditions input[type="checkbox"] {
  all: revert;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  accent-color: #f63f77 !important;
  cursor: pointer !important;
}

#wp_emember_regoForm .emember_terms_conditions a {
  color: #f63f77 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

#wp_emember_regoForm .emember_terms_conditions a:hover {
  text-decoration: underline !important;
}

/* 9. Captcha section */
#wp_emember_regoForm .wp_emember_recaptcha {
  all: revert;
  display: block !important;
  font-size: 12.5px !important;
  color: #9CA3AF !important;
  font-family: inherit !important;
  margin-bottom: 18px !important;
  line-height: 1.5 !important;
}

#wp_emember_regoForm .wp_emember_recaptcha br {
  display: block !important;
  margin-bottom: 6px !important;
}

/* 10. Submit button */
#wp_emember_regoForm button#eMember_Register.pure-button {
  all: revert;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 13px !important;
  margin-top: 4px !important;
  background: #f63f77 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 4px 14px rgba(246, 63, 119, 0.30) !important;
  transition: background 0.18s, box-shadow 0.18s, transform 0.1s !important;
}

#wp_emember_regoForm button#eMember_Register.pure-button:hover {
  background: #e0285f !important;
  box-shadow: 0 6px 18px rgba(246, 63, 119, 0.38) !important;
}

#wp_emember_regoForm button#eMember_Register.pure-button:active {
  transform: scale(0.985) !important;
  box-shadow: none !important;
}

/* 11. Validation error tooltip — reposition cleanly */
#wp_emember_regoForm .formError {
  all: revert;
  position: absolute !important;
  z-index: 9999 !important;
  font-size: 12px !important;
  font-family: inherit !important;
}

#wp_emember_regoForm .formErrorContent {
  all: revert;
  background: #1A2332 !important;
  color: #fff !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-family: inherit !important;
  max-width: 260px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

#wp_emember_regoForm .formErrorArrow div {
  background: #1A2332 !important;
}

/* 12. Pure-form overrides — kill PureCSS stacked layout interference */
#wp_emember_regoForm.pure-form input[type="text"],
#wp_emember_regoForm.pure-form input[type="password"] {
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
}

#wp_emember_regoForm.pure-form-stacked input[type="text"],
#wp_emember_regoForm.pure-form-stacked input[type="password"] {
  display: block !important;
  margin: 0 !important;
}

/* 13. Mobile */
@media (max-width: 480px) {
  #wp_emember_regoForm {
    margin: 20px 16px !important;
    padding: 28px 20px !important;
  }
}

/* ==========================================================================
   DATING WEBSITE GUIDE — .guide-*
   Added: 2025-06-11  |  Brand: #f63f77  |  BG: #fff
   ========================================================================== */

/* Step nav */
.guide-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:860px;margin:0 auto}
.guide-nav-item{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;text-decoration:none;transition:border-color .2s,box-shadow .2s;background:#fff}
.guide-nav-item:hover{border-color:rgba(246,63,119,.3);box-shadow:0 4px 14px rgba(246,63,119,.08)}
.guide-nav-num{width:24px;height:24px;border-radius:50%;background:#f63f77;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.guide-nav-label{font-size:12px;font-weight:500;color:#1a1a2e;line-height:1.3;font-family:'Poppins',sans-serif}

/* Step sections */
.guide-step{padding:64px 40px;background:#fff;border-bottom:1px solid #e5e7eb}
.guide-step:nth-child(even){background:#f9fafb}
.guide-step-inner{max-width:1100px;margin:0 auto}
.guide-step-head{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.guide-step-badge{width:46px;height:46px;border-radius:50%;background:#f63f77;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Poppins',sans-serif;box-shadow:0 4px 16px rgba(246,63,119,.3)}
.guide-step-title{font-size:clamp(20px,2.8vw,32px);font-weight:500;color:#1a1a2e;line-height:1.2;font-family:'Poppins',sans-serif}
.guide-step-title em{font-style:normal;color:#f63f77}
.guide-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.guide-step-grid.rev{direction:rtl}
.guide-step-grid.rev>*{direction:ltr}
.guide-step-img{border-radius:16px;overflow:hidden;box-shadow:0 10px 36px rgba(246,63,119,.1);border:1px solid #e5e7eb}
.guide-step-img img{width:100%;display:block}
.guide-body{font-size:14px;font-weight:400;color:#6b7280;line-height:1.8;font-family:'Poppins',sans-serif;margin-bottom:12px}
.guide-body strong{color:#1a1a2e;font-weight:600}
.guide-body a{color:#f63f77;font-weight:500}
.guide-body em{color:#6b7280}
.guide-subhead{font-size:14px;font-weight:700;color:#1a1a2e;margin:16px 0 6px;font-family:'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.06em}
.guide-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:8px}
.guide-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#6b7280;line-height:1.65;font-family:'Poppins',sans-serif}
.guide-list li::before{content:'✓';color:#f63f77;font-weight:700;flex-shrink:0;margin-top:1px}
.guide-tip{background:rgba(246,63,119,.05);border:1px solid rgba(246,63,119,.18);border-left:3px solid #f63f77;border-radius:0 10px 10px 0;padding:12px 16px;margin:16px 0;font-size:13px;color:#6b7280;line-height:1.7;font-family:'Poppins',sans-serif}
.guide-tip strong{color:#1a1a2e}

/* Marketing step inline images */
.guide-mktg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
.guide-mktg-img{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(246,63,119,.08);border:1px solid #e5e7eb}
.guide-mktg-img img{width:100%;display:block}

@media(max-width:900px){
  .guide-step-grid,.guide-step-grid.rev{grid-template-columns:1fr;direction:ltr;gap:28px}
  .guide-nav{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .guide-step{padding:48px 20px}
  .guide-nav{grid-template-columns:1fr 1fr}
  .guide-mktg-grid{grid-template-columns:1fr}
}


/* Footer contact us design */

.bottom_widget_social {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bottom_widget_social li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bottom_widget_social .bws-icon {
  width: 32px;
  height: 32px;
  border-radius: 80px;
  background: rgba(246, 63, 119, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bottom_widget_social a,
.bottom_widget_social span {
  font-size: 13px;
  color: inherit;
  text-decoration: none;
}

.bottom_widget_social a:hover {
  color: #f63f77;
}

.single-body-wrap .single-content a:not(.elementor-button):not(.wp-block-button__link):not(.elementor-button-link) {
  color: #0066cc !important;
}

.single-body-wrap .single-content a:not(.elementor-button):not(.wp-block-button__link):not(.elementor-button-link):hover {
  color: #0044aa !important;
}


/* ── start affiliate page css ── */
.aff-wrap *{font-family:'Poppins',sans-serif;box-sizing:border-box}
.aff-wrap{padding:8px 0}

/* ── HERO ── */
.aff-hero{text-align:center;padding:40px 40px;background:#fff0f5;border-radius:20px;border:1px solid #fcc;margin-bottom:48px;position:relative;overflow:hidden}
.aff-hero::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:#f63f7714;border-radius:50%}
.aff-hero::after{content:'';position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;background:#f63f770d;border-radius:50%}
.aff-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#f63f77;font-size:11px;font-weight:600;padding:5px 16px;border-radius:50px;margin-bottom:20px;border:1px solid #fcc;letter-spacing:.06em;text-transform:uppercase;position:relative;z-index:1}
.aff-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:#f63f77;display:inline-block}
.aff-hero-num{font-size:96px;font-weight:800;color:#f63f77;line-height:1;margin:0 0 4px;letter-spacing:-3px;position:relative;z-index:1}
.aff-hero-label{font-size:20px;font-weight:600;color:#1a1a2e;margin:0 0 14px;position:relative;z-index:1}
.aff-hero-sub{font-size:15px;color:#6b7280;max-width:440px;margin:0 auto 32px;line-height:1.75;font-weight:400;position:relative;z-index:1}
.aff-stat-row{display:flex;justify-content:center;gap:32px;margin-bottom:32px;position:relative;z-index:1}
.aff-stat{text-align:center}
.aff-stat-num{font-size:22px;font-weight:700;color:#1a1a2e}
.aff-stat-lbl{font-size:11px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}

/* ── BUTTONS ── */
.aff-btn-primary{display:inline-flex;align-items:center;gap:8px;background:#f63f77;color:#ffffff !important;border:none;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none !important;font-family:'Poppins',sans-serif;letter-spacing:.01em}
.aff-btn-primary:hover{background:#d92d63;color:#ffffff !important}
.aff-btn-outline{display:inline-flex;align-items:center;gap:8px;background:#ffffff;color:#f63f77 !important;border:2px solid #f63f77;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none !important;font-family:'Poppins',sans-serif}
.aff-btn-outline:hover{background:#f63f77;color:#ffffff !important}

/* ── DIVIDER ── */
.aff-divider{height:1px;background:#f3f4f6;margin:48px 0}

/* ── SECTION HEADERS ── */
.aff-section-head{text-align:center;margin-bottom:32px}
.aff-section-tag{display:inline-block;background:#fff0f5;color:#f63f77;font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em;border:1px solid #fcc}
.aff-h2{font-size:26px;font-weight:700;color:#1a1a2e;margin:0 0 8px;line-height:1.3}
.aff-h2-sub{font-size:14px;color:#6b7280;font-weight:400;margin:0}

/* ── STEPS ── */
.aff-steps{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}
.aff-step-row{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid #f3f4f6;border-radius:14px;padding:18px 20px;transition:border-color .2s}
.aff-step-row:hover{border-color:#f63f7740}
.aff-step-left{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
.aff-step-num{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:#f63f77;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.aff-step-line{width:1px;height:100%;min-height:12px;background:#f63f7730}
.aff-step-content{padding-top:6px}
.aff-step-title{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 3px}
.aff-step-desc{font-size:13px;color:#6b7280;line-height:1.6;margin:0}
.aff-step-desc a{color:#f63f77;text-decoration:none;font-weight:500}
.aff-step-desc a:hover{text-decoration:underline}
.aff-steps-cta{text-align:center;margin-bottom:0}

/* ── HOW IT WORKS GRID ── */
.aff-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}
@media(max-width:680px){.aff-how-grid{grid-template-columns:repeat(2,1fr)}}
.aff-how-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:28px 18px;text-align:center;position:relative;overflow:hidden}
.aff-how-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#f63f77}
.aff-how-icon-wrap{width:52px;height:52px;border-radius:14px;background:#fff0f5;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px;border:1px solid #fcc}
.aff-how-step{font-size:10px;font-weight:700;color:#f63f77;text-transform:uppercase;letter-spacing:.1em;margin:0 0 6px}
.aff-how-title{font-size:14px;font-weight:700;color:#1a1a2e;margin:0 0 8px}
.aff-how-desc{font-size:13px;color:#6b7280;line-height:1.6;margin:0;font-weight:400}
.aff-how-arrow{display:none}

/* ── EARNINGS CALC ── */
.aff-calc{background:#fff0f5;border:1px solid #fcc;border-radius:16px;padding:32px;margin-bottom:48px}
.aff-calc-title{font-size:16px;font-weight:700;color:#1a1a2e;margin:0 0 20px;text-align:center}
.aff-calc-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.aff-calc-label{font-size:13px;font-weight:500;color:#4b5563;white-space:nowrap}
.aff-calc-input{border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:14px;font-family:'Poppins',sans-serif;width:100px;color:#1a1a2e;background:#fff}
.aff-calc-result{margin-left:auto;text-align:right}
.aff-calc-result-num{font-size:28px;font-weight:800;color:#f63f77}
.aff-calc-result-lbl{font-size:12px;color:#9ca3af;font-weight:500}

/* ── CTA BOX ── */
.aff-cta-box{background:linear-gradient(135deg,#f63f77 0%,#d42a60 100%);border-radius:20px;padding:48px 40px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}
.aff-cta-box::before{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:#ffffff12;border-radius:50%}
.aff-cta-box::after{content:'';position:absolute;bottom:-60px;left:-20px;width:220px;height:220px;background:#ffffff08;border-radius:50%}
.aff-cta-title{font-size:26px;font-weight:700;color:#fff;margin:0 0 12px;position:relative;z-index:1;line-height:1.3}
.aff-cta-sub{font-size:15px;color:rgba(255,255,255,.8);margin:0 0 28px;line-height:1.7;position:relative;z-index:1;font-weight:400}
.aff-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#f63f77 !important;border:none;border-radius:10px;padding:14px 36px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none !important;font-family:'Poppins',sans-serif;position:relative;z-index:1}
.aff-cta-btn:hover{background:#fff0f5;color:#f63f77 !important}

/* ── CONTACT ── */
.aff-contact-row{display:flex;align-items:center;gap:16px;background:#f9fafb;border:1px solid #f3f4f6;border-radius:14px;padding:20px 24px}
.aff-contact-icon{width:44px;height:44px;border-radius:12px;background:#fff0f5;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid #fcc}
.aff-contact-body{flex:1}
.aff-contact-title{font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 2px}
.aff-contact-text{font-size:13px;color:#6b7280;line-height:1.6;margin:0}
.aff-contact-text a{color:#f63f77;text-decoration:none;font-weight:500}
.aff-contact-text a:hover{text-decoration:underline}

/* ==========================================================================
   DATING THEMES PAGE — eStore button override
   .dsp-estore-btn wraps every [wp_eStore_add_to_cart] shortcode output
   so the plugin's submit/button renders like .dsp-btn-primary.
   Appended below all existing rules — zero existing rules modified.
   ========================================================================== */
.dsp-estore-btn {
  display: inline-flex;
  align-items: center;
}

/* Target every button variant the eStore plugin may render */
.dsp-estore-btn input[type="submit"],
.dsp-estore-btn input[type="button"],
.dsp-estore-btn button,
.dsp-estore-btn .eStore_add_to_cart_button,
.dsp-estore-btn .eStore_button {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--dsp-pink, #f63f77) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 13px 26px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 28px rgba(246, 63, 119, 0.22) !important;
  transition: background 0.2s, transform 0.15s !important;
  white-space: nowrap !important;
}

.dsp-estore-btn input[type="submit"]:hover,
.dsp-estore-btn input[type="button"]:hover,
.dsp-estore-btn button:hover,
.dsp-estore-btn .eStore_add_to_cart_button:hover,
.dsp-estore-btn .eStore_button:hover {
  background: var(--dsp-pink-dark, #d92d63) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Ensure the .dsp-btn-row flex container aligns both buttons on the same baseline */
.guide-step .dsp-btn-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Mobile: stack buttons vertically */
@media (max-width: 640px) {
  .guide-step .dsp-btn-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .dsp-estore-btn input[type="submit"],
  .dsp-estore-btn input[type="button"],
  .dsp-estore-btn button {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   END DATING THEMES PAGE ADDITIONS
   ========================================================================== */


/* ==========================================================================
   DATING THEMES PAGE — Theme screenshot size fix  (Sections 1–8 only)
   .dsp-theme-img is added to .guide-step-img for the 8 theme sections.
   Constrains the portrait phone screenshots so they render at native
   quality without upscaling. All other .guide-step-img uses are unaffected.
   ========================================================================== */

/* Desktop & large tablet: constrain to a fixed max-width so the portrait
   screenshot doesn't stretch to fill the full 50% grid column             */
.guide-step-img.dsp-theme-img {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: transparent;
  border: none;
  box-shadow: none;
  overflow: visible;
}

.guide-step-img.dsp-theme-img img {
  width: 100%;
  max-width: 320px;        /* caps at 320 px — matches actual source image width */
  height: auto;            /* never stretch vertically                            */
  display: block;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(246, 63, 119, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
  object-fit: contain;     /* never crop or upscale                               */
}

/* Tablet (641px – 900px): grid collapses to 1 col; keep image centred */
@media (max-width: 900px) {
  .guide-step-img.dsp-theme-img {
    justify-content: flex-start;
  }
  .guide-step-img.dsp-theme-img img {
    max-width: 280px;
  }
}

/* Mobile (≤ 640px): let it stretch to full column width but no wider than
   its natural pixel size to avoid upscaling blur                          */
@media (max-width: 640px) {
  .guide-step-img.dsp-theme-img img {
    max-width: 100%;
    width: auto;
    max-height: 380px;     /* prevent very tall portrait images dominating screen */
    margin: 0 auto;
    display: block;
  }
}

/* ==========================================================================
   END THEME SCREENSHOT SIZE FIX
   ========================================================================== */

/*
 * PAYSAFECARD LANDING — minimal additions only.
 * Everything below is for the voucher mockup (no equivalent exists in style.css).
 * All layout, sections, buttons, grids, tags, and typography use existing classes.
 */

/* ── Voucher mockup (signature element — unique to this page) ── */
.psc-voucher {
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 20px;
    padding: 28px 24px 24px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    position: relative;
    overflow: hidden;
}
.psc-voucher::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #f63f77, #ff8fad, #f63f77);
}
.psc-voucher-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}
.psc-voucher-brand {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .04em;
}
.psc-voucher-brand span { color: #f63f77; }
.psc-voucher-chip {
    width: 34px; height: 24px;
    background: linear-gradient(135deg, #ffd700, #e6ac00);
    border-radius: 5px;
}
.psc-pin-display {
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 20px;
    text-align: center;
}
.psc-pin-label {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255,255,255,.4);
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 10px;
}
.psc-pin-groups {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.psc-pin-group {
    font-family: 'Courier New', monospace;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: rgba(255,255,255,.08);
    border-radius: 6px;
    padding: 6px 10px;
    letter-spacing: 2px;
}
.psc-voucher-amounts {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}
.psc-amount-pill {
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,.15);
    color: rgba(255,255,255,.7);
}
.psc-amount-pill.active {
    background: #f63f77;
    border-color: #f63f77;
    color: #fff;
    box-shadow: 0 4px 14px rgba(246,63,119,.35);
}
.psc-voucher-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: rgba(255,255,255,.4);
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.psc-voucher-footer strong { color: rgba(255,255,255,.7); }
.psc-voucher-valid { display: flex; align-items: center; gap: 5px; }
.psc-voucher-valid-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #2ecc71;
    box-shadow: 0 0 6px #2ecc71;
}

/* ── Logo bar below voucher ── */
.psc-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    padding: 14px 20px;
}
.psc-logo-plus {
    font-size: 24px;
    font-weight: 700;
    color: #f63f77;
    padding: 0 16px;
    line-height: 1;
}
.psc-logo-img {
    height: 28px;
    width: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .75;
}

/* ── Step connector line (sits behind the 3 step cards) ── */
.psc-steps-wrap {
    position: relative;
}
.psc-steps-wrap::before {
    content: '';
    position: absolute;
    top: 52px;
    left: calc(16.66% + 52px);
    right: calc(16.66% + 52px);
    height: 2px;
    background: linear-gradient(90deg, #f63f77, rgba(246,63,119,.2));
    z-index: 0;
    pointer-events: none;
}
.psc-steps-wrap .pd-value-card { position: relative; z-index: 1; }

/* ── Step number badge ── */
.psc-step-badge {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    background: #0d0d1a;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    padding: 3px 12px;
    border-radius: 20px;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
}

/* ── Amount tag pill (inside step cards) ── */
.psc-amount-tag {
    background: rgba(246,63,119,.08);
    border: 1px solid rgba(246,63,119,.2);
    color: #f63f77;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-block;
}
.psc-amounts-row {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
}

/* ── Stats band (3-up dark) ── */
.psc-stats-band {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
}
.psc-stat-col {
    padding: 40px 20px;
    border-right: 1px solid rgba(255,255,255,.08);
}
.psc-stat-col:last-child { border-right: none; }
.psc-stat-col .num {
    font-size: clamp(40px, 6vw, 64px);
    font-weight: 700;
    color: #f63f77;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
}
.psc-stat-col .lbl {
    font-size: 14px;
    color: rgba(255,255,255,.5);
    line-height: 1.5;
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

/* ── Revenue dot bullet ── */
.psc-dot {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: #f63f77;
    flex-shrink: 0;
    margin-top: 6px;
}

/* ── Privacy visual card (right side of revenue section) ── */
.psc-privacy-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 36px 28px;
    text-align: center;
    box-shadow: 0 8px 32px rgba(246,63,119,.08);
}
.psc-shield-icon {
    width: 80px; height: 80px;
    background: linear-gradient(135deg, #f63f77, #ff7aa8);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 36px;
    box-shadow: 0 12px 32px rgba(246,63,119,.3);
}

/* ── CTA — grid layout inside aff-cta-box ── */
.psc-cta-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 48px;
    align-items: center;
    text-align: left;
}
.psc-cta-grid .aff-cta-title { margin-bottom: 8px; }
.psc-cta-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
    flex-shrink: 0;
}
.psc-cta-note {
    font-size: 13px;
    color: rgba(255,255,255,.6);
    text-align: center;
    margin-top: 4px;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .psc-steps-wrap::before { display: none; }
    .psc-stats-band { grid-template-columns: 1fr; }
    .psc-stat-col { border-right: none; border-bottom: 1px solid rgba(255,255,255,.08); }
    .psc-stat-col:last-child { border-bottom: none; }
    .psc-cta-grid { grid-template-columns: 1fr; text-align: center; }
    .psc-cta-actions { align-items: center; }
}
@media (max-width: 640px) {
    .psc-pin-groups { gap: 5px; }
    .psc-pin-group { font-size: 15px; padding: 5px 7px; }
}
@media (prefers-reduced-motion: reduce) {
    .pd-value-card, .ds-revenue-item, .ll-why-card { transition: none; }
}

.ds-wrap {
    --ds-pink: #f63f77;
    --ds-pink-dark: #d92d63;
    --ds-pink-soft: rgba(246,63,119,.08);
    --ds-pink-border: rgba(246,63,119,.2);
    --ds-ink: #1a1a2e;
    --ds-slate: #3b3d52;
    --ds-muted: #6b7280;
    --ds-border: #e5e7eb;
    --ds-surface: #f9fafb;
    --ds-white: #ffffff;
    --ds-r: 14px;
    --ds-r-lg: 20px;
    --ds-sh: 0 4px 20px rgba(0,0,0,.07);
    --ds-sh-lg: 0 12px 48px rgba(246,63,119,.10),0 4px 12px rgba(0,0,0,.05);
    --ds-sh-pink: 0 8px 32px rgba(246,63,119,.25);
    --tl-pink: #f63f77;
    --tl-pink-soft: rgba(246,63,119,.08);
    --tl-pink-border: rgba(246,63,119,.2);
    --tl-ink: #1a1a2e;
    --tl-muted: #6b7280;
    --tl-border: #e5e7eb;
    --tl-r: 14px;
    --tl-sh-lg: 0 12px 48px rgba(246,63,119,.10),0 4px 12px rgba(0,0,0,.05);
}

/* ── Hero visual card (Paystack-branded mockup, dark bg) ── */
.pys-hero-card {
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 20px;
    padding: 28px 24px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    position: relative;
    overflow: hidden;
}
.pys-hero-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #f63f77, #00c3f5, #f63f77);
}
.pys-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.pys-card-brand {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.2px;
}
.pys-card-brand em { font-style: normal; color: #00c3f5; }
.pys-card-badge {
    background: rgba(0,195,245,.15);
    border: 1px solid rgba(0,195,245,.3);
    color: #00c3f5;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.pys-stat-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    background: rgba(255,255,255,.06);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
}
.pys-stat-cell {
    padding: 14px 12px;
    text-align: center;
    background: rgba(0,0,0,.18);
}
.pys-stat-cell .n {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #f63f77;
    line-height: 1;
    margin-bottom: 3px;
    font-family: 'Poppins', sans-serif;
}
.pys-stat-cell .l {
    display: block;
    font-size: 10px;
    color: rgba(255,255,255,.45);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 500;
}
.pys-methods-mini {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.pys-method-row {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    padding: 10px 14px;
}
.pys-method-icon {
    font-size: 18px;
    flex-shrink: 0;
}
.pys-method-label {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,.85);
}
.pys-method-sub {
    font-size: 11px;
    color: rgba(255,255,255,.4);
    margin-left: auto;
    white-space: nowrap;
}
.pys-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    padding: 12px 20px;
    gap: 0;
}
.pys-logo-plus {
    font-size: 22px;
    font-weight: 700;
    color: #f63f77;
    padding: 0 16px;
    line-height: 1;
}
.pys-logo-img {
    height: 26px;
    width: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .7;
}

/* ── Stats band (3-up, dark) ── */
.pys-stats-band {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
}
.pys-stat-col {
    padding: 40px 20px;
    border-right: 1px solid rgba(255,255,255,.08);
}
.pys-stat-col:last-child { border-right: none; }
.pys-stat-col .num {
    font-size: clamp(40px, 6vw, 64px);
    font-weight: 700;
    color: #f63f77;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
}
.pys-stat-col .lbl {
    font-size: 14px;
    color: rgba(255,255,255,.5);
    line-height: 1.5;
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

/* ── Payment Methods grid (the unique Paystack section) ── */
.pys-methods-section {
    padding: 80px 40px;
    background: #f9fafb;
}
.pys-methods-head {
    text-align: center;
    margin-bottom: 48px;
}
.pys-methods-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
}
.pys-method-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px 22px;
    transition: box-shadow .2s, transform .2s;
    position: relative;
    overflow: hidden;
}
.pys-method-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: #f63f77;
    opacity: 0;
    transition: opacity .2s;
}
.pys-method-card:hover {
    box-shadow: 0 12px 40px rgba(246,63,119,.10);
    transform: translateY(-3px);
}
.pys-method-card:hover::before { opacity: 1; }
.pys-method-card-icon {
    width: 52px; height: 52px;
    border-radius: 14px;
    background: rgba(246,63,119,.08);
    border: 1px solid rgba(246,63,119,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 16px;
}
.pys-method-card h4 {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 12px;
    font-family: 'Poppins', sans-serif;
}
.pys-method-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.pys-method-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    color: #4b5563;
    font-family: 'Poppins', sans-serif;
}
.pys-method-list li::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #f63f77;
    flex-shrink: 0;
}

/* ── CTA two-column layout inside ds-final-cta ── */
.pys-cta-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 48px;
    align-items: center;
    text-align: left;
    max-width: 1000px;
    margin: 0 auto;
}
.pys-cta-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .pys-stats-band { grid-template-columns: 1fr; }
    .pys-stat-col { border-right: none; border-bottom: 1px solid rgba(255,255,255,.08); }
    .pys-stat-col:last-child { border-bottom: none; }
    .pys-methods-grid { grid-template-columns: 1fr 1fr; }
    .pys-cta-grid { grid-template-columns: 1fr; text-align: center; gap: 28px; }
    .pys-cta-actions { align-items: center; }
    .pys-stat-row { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
    .pys-methods-section { padding: 56px 20px; }
    .pys-methods-grid { grid-template-columns: 1fr; }
    .pys-stat-row { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .pys-method-card, .ds-why-card, .ds-feat-card, .tl-mono-card { transition: none; }
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
.wpd-root{--pk:#f63f77;--pk-d:#d92d63;--pk-s:rgba(246,63,119,.08);--pk-b:rgba(246,63,119,.2);--ink:#1a1a2e;--slate:#3b3d52;--muted:#6b7280;--border:#e5e7eb;--surf:#f9fafb;--white:#fff;--r:14px;--rlg:20px;--sh:0 4px 20px rgba(0,0,0,.07);--shlg:0 12px 48px rgba(0,0,0,.10),0 4px 12px rgba(0,0,0,.05);--shpk:0 8px 32px rgba(246,63,119,.22);--gold:#C99A3B;font-family:'Poppins',sans-serif;color:var(--ink);}
.wpd-root *,.wpd-root *::before,.wpd-root *::after{box-sizing:border-box;}
.wpd-root a{text-decoration:none;}
.wpd-root img{max-width:100%;display:block;}
.pk-wrap{max-width:1100px;margin:0 auto;padding:0 32px;}
.pk-sec{padding:88px 32px;background:var(--white);}
.pk-sec-alt{padding:88px 32px;background:var(--surf);}
.pk-head{text-align:center;max-width:640px;margin:0 auto 52px;}
.pk-head h2{font-size:clamp(26px,4vw,44px);font-weight:500;color:var(--ink);line-height:1.15;margin:0 0 12px;letter-spacing:-.3px;}
.pk-head h2 em,.split-text h2 em,.final-cta h2 em,.wpd-hero h1 em{font-style:normal;color:var(--pk);}
.pk-head p{font-size:16px;color:var(--muted);line-height:1.75;margin:0;}
.tag,.ds-tag{display:inline-block;background:var(--pk-s);color:var(--pk);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--pk-b);margin-bottom:12px;}
.why-card:hover,.case-card:hover,.testi-card:hover,.team-card:hover{box-shadow:var(--shlg);transform:translateY(-3px);}
.why-grid,.team-grid,.trust-bar-inner{display:grid;grid-template-columns:repeat(4,1fr);}
.why-grid,.team-grid{gap:20px;}
.j-desc,.proc-desc{font-size:14px;font-weight:400;color:var(--muted);line-height:1.7;}
.btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--pk);color:#fff!important;border:none;border-radius:10px;padding:14px 30px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--shpk);transition:background .2s,transform .15s;text-decoration:none!important;white-space:nowrap;}
.btn-p:hover{background:var(--pk-d);transform:translateY(-2px);color:#fff!important;}
.btn-o{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--pk)!important;border:1.5px solid var(--pk);border-radius:10px;padding:13px 28px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s;text-decoration:none!important;white-space:nowrap;}
.btn-o:hover,.btn-g:hover{background:var(--pk);color:#fff!important;}
.btn-g{display:inline-flex;align-items:center;gap:8px;background:var(--pk-s);color:var(--pk)!important;border:1px solid var(--pk-b);border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s;text-decoration:none!important;white-space:nowrap;}
.btn-wh{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--pk)!important;border:none;border-radius:10px;padding:14px 30px;font-size:15px;font-weight:700;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.18);transition:background .2s,transform .15s;text-decoration:none!important;white-space:nowrap;}
.btn-wh:hover{background:#fff0f5;transform:translateY(-2px);color:var(--pk)!important;}
.btn-gwh{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);color:#fff!important;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s;text-decoration:none!important;white-space:nowrap;}
.btn-gwh:hover{background:rgba(255,255,255,.22);}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;}
.trust-item{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--muted);}
.trust-item::before{content:'✓';width:18px;height:18px;border-radius:50%;background:var(--pk-s);color:var(--pk);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wpd-sticky{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 24px rgba(0,0,0,.10);padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);}
.wpd-sticky.vis{transform:translateY(0);}
.wpd-sticky-txt{font-size:14px;font-weight:600;color:var(--ink);flex:1;}
.wpd-sticky-txt span{color:var(--pk);}
.wpd-sticky-btns{display:flex;gap:10px;flex-shrink:0; padding-right:8%;}
.wpd-hero{background:var(--white);padding:96px 32px 72px;text-align:center;position:relative;overflow:hidden;}
.wpd-hero::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(246,63,119,.07) 0%,transparent 65%);pointer-events:none;}
.wpd-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--pk-s);border:1px solid var(--pk-b);color:var(--pk);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 18px;border-radius:50px;margin-bottom:24px;position:relative;z-index:1;}
.wpd-hero-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--pk);flex-shrink:0;}
.wpd-hero h1{font-size:clamp(36px,5.5vw,64px);font-weight:500;color:var(--ink);line-height:1.08;letter-spacing:-.5px;max-width:820px;margin:0 auto 20px;position:relative;z-index:1;}
.wpd-hero-sub{font-size:17px;color:var(--muted);max-width:600px;margin:0 auto 40px;line-height:1.75;position:relative;z-index:1;}
.wpd-hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:48px;position:relative;z-index:1;}
.wpd-hero-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;padding-top:40px;border-top:1px solid var(--border);position:relative;z-index:1;}
.wpd-hs .n{display:block;font-size:28px;font-weight:700;color:var(--pk);line-height:1;margin-bottom:4px;}
.wpd-hs .l{display:block;font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;}
.proof-row{background:var(--surf);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 32px;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;}
.proof-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink);}
.proof-icon{width:38px;height:38px;border-radius:10px;background:var(--pk-s);border:1px solid var(--pk-b);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.proof-stars{color:#f59e0b;font-size:11px;letter-spacing:1px;display:block;line-height:1;margin-bottom:2px;}
.proof-sub{font-size:11px;font-weight:400;color:var(--muted);display:block;}
.proof-sep{width:1px;height:28px;background:var(--border);}
.trust-bar{background:var(--white);border-bottom:1px solid var(--border);padding:28px 32px;}
.trust-bar-inner{max-width:1100px;margin:0 auto;text-align:center;}
.trust-stat{padding:16px;border-right:1px solid var(--border);}
.trust-stat:last-child{border-right:none;}
.trust-stat .n{display:block;font-size:clamp(28px,3.5vw,40px);font-weight:700;color:var(--pk);line-height:1;margin-bottom:5px;}
.trust-stat .l{display:block;font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;line-height:1.4;}
.inline-trust{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;padding:24px 32px;background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.inline-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink);}
.inline-item .ico{width:30px;height:30px;border-radius:8px;background:var(--pk-s);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.pkg-nav{position:sticky;top:64px;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;}
.pkg-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);color:var(--muted);background:var(--white);transition:all .2s;font-family:'Poppins',sans-serif;white-space:nowrap;user-select:none;}
.pkg-pill .hrs{font-size:11px;font-weight:700;background:var(--surf);color:var(--muted);padding:2px 7px;border-radius:4px;transition:all .2s;}
.pkg-pill:hover{border-color:var(--pk-b);color:var(--pk);}
.pkg-pill.active{background:var(--pk);border-color:var(--pk);color:#fff;box-shadow:var(--shpk);}
.pkg-pill.active .hrs{background:rgba(255,255,255,.22);color:#fff;}
.pkg-pill.done,.pkg-arrow:hover:not(:disabled){border-color:var(--pk-b);color:var(--pk);background:var(--pk-s);}
.pkg-pill.done .hrs{background:var(--pk-s);color:var(--pk);}
.pkg-timeline{max-width:800px;margin:0 auto 48px;position:relative;}
.pkg-tl-track{position:absolute;top:22px;left:22px;right:22px;height:3px;background:var(--border);border-radius:3px;z-index:0;overflow:hidden;}
.pkg-tl-fill{height:100%;background:linear-gradient(90deg,var(--pk),#ff8fad);border-radius:3px;width:0%;transition:width .5s cubic-bezier(.4,0,.2,1);}
.pkg-tl-nodes{display:flex;justify-content:space-between;position:relative;z-index:1;}
.pkg-node{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;flex:1;}
.pkg-node-dot{width:44px;height:44px;border-radius:50%;background:var(--white);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .25s;box-shadow:var(--sh);}
.pkg-node.done .pkg-node-dot{border-color:var(--pk);background:rgb(246 63 119);}
.pkg-node.active .pkg-node-dot{border-color:var(--pk);background:var(--pk);box-shadow:0 0 0 5px var(--pk-s),var(--shpk);transform:scale(1.12);}
.pkg-node-lbl{font-size:11px;font-weight:600;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.06em;transition:color .2s;}
.pkg-node.done .pkg-node-lbl{color:var(--pk);}
.pkg-node.active .pkg-node-lbl{color:var(--ink);font-weight:700;}
.pkg-cards{position:relative;min-height:480px;}
.pkg-card{position:absolute;inset:0;opacity:0;transform:translateY(16px) scale(.99);pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);}
.pkg-card.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;position:relative;}
.pkg-shell{display:grid;background:var(--white);border:1.5px solid var(--border);border-radius:var(--rlg);overflow:hidden;grid-template-columns:280px 1fr;box-shadow:var(--sh);transition:box-shadow .25s;}
.pkg-shell:hover{box-shadow:var(--shlg);}
.pkg-meta{padding:36px 28px;background:var(--surf);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:16px;}
.pkg-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:var(--pk-s);color:var(--pk);border:1px solid var(--pk-b);}
.pkg-badge.pop{background:var(--pk);color:#fff;border-color:var(--pk);}
.pkg-icon{font-size:34px;line-height:1;display:block;}
.pkg-name{font-size:26px;font-weight:700;color:var(--ink);line-height:1.1;}
.pkg-stats{display:flex;gap:20px;}
.pkg-stats .sl{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:3px;}
.pkg-stats .sv{font-size:20px;font-weight:700;color:var(--ink);display:block;}
.pkg-meta p{font-size:13px;color:var(--muted);line-height:1.65;flex:1;}
.pkg-btn{display:block;text-align:center;background:var(--pk);color:#fff!important;font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;padding:13px 20px;border-radius:50px;box-shadow:var(--shpk);transition:background .2s,transform .15s;text-decoration:none!important;}
.pkg-btn:hover{background:var(--pk-d);transform:translateY(-2px);}
.pkg-note{font-size:11px;color:var(--muted);text-align:center;margin-top:6px;}
.pkg-content{padding:36px;}
.pkg-headline{font-size:19px;font-weight:600;color:var(--ink);line-height:1.35;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border);}
.pkg-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:22px;}
.pkg-list li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--slate);line-height:1.5;}
.ck{width:18px;height:18px;border-radius:50%;background:var(--pk-s);border:1px solid var(--pk-b);color:var(--pk);font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.pkg-sell{font-size:13px;font-style:italic;color:var(--muted);border-left:3px solid var(--pk-b);padding-left:14px;line-height:1.7;}
.pkg-shell.gold{border-color:#C99A3B;background:linear-gradient(135deg,#FFFCF0 0%,var(--white) 100%);}
.pkg-shell.gold .pkg-meta{background:linear-gradient(160deg,#FFF8E1 0%,var(--surf) 100%);border-right-color:rgba(201,154,59,.25);}
.pkg-arrows{display:flex;justify-content:center;gap:12px;margin-top:28px;}
.pkg-arrow{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:50px;border:1.5px solid var(--border);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;background:var(--white);font-family:'Poppins',sans-serif;transition:all .2s;}
.pkg-arrow:disabled{opacity:.3;cursor:not-allowed;}
.pkg-arrow-n{background:var(--pk-s);border-color:var(--pk-b);color:var(--pk);}
.pkg-arrow-n:hover:not(:disabled){background:var(--pk);color:#fff!important;border-color:var(--pk);}
.cmp-table{width:100%;border-collapse:collapse;font-family:'Poppins',sans-serif;}
.cmp-table thead th{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;border-bottom:1.5px solid var(--border);text-align:left;}
.cmp-table tbody tr,.vs-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s;}
.cmp-table tbody tr:hover,.vs-table tbody tr:hover,.faq-q:hover{background:var(--surf); color:#000000;}
.cmp-table td,.vs-table td{padding:14px 16px;vertical-align:middle;}
.ct-n{font-size:14px;font-weight:600;color:var(--ink);}
.ct-bw{height:8px;background:var(--surf);border-radius:4px;overflow:hidden;min-width:120px;}
.ct-b{height:100%;background:var(--pk);border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1);}
.ct-h{font-size:13px;font-weight:600;color:var(--muted);text-align:right;white-space:nowrap;}
.ct-p{font-size:14px;font-weight:700;color:var(--pk);text-align:right;white-space:nowrap;}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.stat-card{background:var(--white);border:1px solid var(--pk-b);border-radius:var(--r);padding:24px 20px;text-align:center;}
.stat-card .n{font-size:36px;font-weight:700;color:var(--pk);line-height:1;display:block;margin-bottom:4px;}
.stat-card .l{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.why-card,.team-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:26px 22px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden;}
.why-card::before,.team-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--pk);opacity:0;transition:opacity .25s;}
.why-card:hover::before,.team-card:hover::before{opacity:1;}
.why-icon,.team-av{width:46px;height:46px;border-radius:12px;background:var(--pk-s);border:1px solid var(--pk-b);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.why-icon{font-size:22px;}
.why-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:7px;}
.why-desc,.team-bio{font-size:13px;font-weight:400;color:var(--muted);line-height:1.6;}
.team-av{width:72px;height:72px;border-radius:50%;border:2px solid var(--pk-b);margin:0 auto 14px;font-size:28px;}
.team-card{text-align:center;}
.team-name{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:7px;}
.team-role{font-size:12px;font-weight:500;color:var(--pk);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em;}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.case-card{background:var(--white);border:1px solid var(--border);border-radius:var(--rlg);overflow:hidden;transition:box-shadow .25s,transform .25s;}
.case-top{background:linear-gradient(135deg,var(--pk),#d92d63);padding:28px 28px 24px;position:relative;overflow:hidden;}
.case-top::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08);}
.case-niche{display:inline-block;background:rgba(255,255,255,.2);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding:3px 10px;border-radius:20px;margin-bottom:10px;}
.case-title{font-size:17px;font-weight:700;color:#fff;line-height:1.3;}
.case-body{padding:24px 28px;}
.case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;}
.case-metric .v{display:block;font-size:22px;font-weight:700;color:var(--pk);line-height:1;margin-bottom:3px;}
.case-metric .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.case-desc{font-size:13px;color:var(--muted);line-height:1.65;border-top:1px solid var(--border);padding-top:14px;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.testi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:28px 24px;display:flex;flex-direction:column;gap:0;overflow:visible;transition:box-shadow .25s,transform .25s;position:relative;}
.testi-card::before{content:'C';position:absolute;top:14px;right:20px;font-size:56px;color:var(--pk-s);font-family:Georgia,serif;line-height:1;}
.testi-stars{color:#f59e0b;font-size:13px;letter-spacing:1.5px;margin-bottom:12px;}
.testi-quote{font-size:14px;font-weight:400;color:var(--slate);line-height:1.75;flex:1;margin-bottom:20px;font-style:italic;}
.testi-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border);}
.testi-av{width:44px;height:44px;border-radius:50%;background:var(--pk);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.testi-name{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:1px;}
.testi-role{font-size:11px;font-weight:400;color:var(--muted);}
.testi-co{font-size:11px;font-weight:600;color:var(--pk);margin-top:1px;}
.trust-badges{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-top:40px;padding-top:36px;border-top:1px solid var(--border);}
.trust-badge{font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:8px;}
.trust-badge strong{color:var(--ink);}
.vs-wrap{overflow-x:auto;}
.vs-table{width:100%;border-collapse:collapse;font-family:'Poppins',sans-serif;min-width:560px;}
.vs-table thead th{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;padding:12px 16px;border-bottom:2px solid var(--border);text-align:center;}
.vs-table thead th:first-child{text-align:left;}
.vs-table thead th.us{background:var(--pk-s);color:var(--pk);border-radius:8px 8px 0 0;}
.vs-table td:first-child{text-align:left;font-weight:600;color:var(--ink);}
.vs-table .us{background:rgba(246,63,119,.03);}
.vt{color:var(--pk);font-size:16px;font-weight:700;}
.vx{color:#d1d5db;font-size:16px;}
.vm{color:#f59e0b;font-size:13px;font-weight:600;}
.journey{max-width:680px;margin:0 auto;display:flex;flex-direction:column;position:relative;}
.journey::before{content:'';position:absolute;top:24px;bottom:24px;left:23px;width:2px;background:linear-gradient(to bottom,var(--pk),rgba(246,63,119,.1));z-index:0;}
.j-step{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:24px 0;align-items:flex-start;position:relative;z-index:1;}
.j-num{width:48px;height:48px;border-radius:50%;background:var(--white);border:2px solid var(--pk);color:var(--pk);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;box-shadow:var(--shpk);}
.j-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px;padding-top:10px;}
.proc{max-width:680px;margin:0 auto;display:flex;flex-direction:column;}
.proc-step{display:grid;grid-template-columns:56px 1fr;gap:0 20px;padding:26px 0;border-bottom:1px solid var(--border);align-items:flex-start;}
.proc-step:last-child{border-bottom:none;}
.proc-num{width:40px;height:40px;border-radius:50%;background:var(--pk-s);border:1.5px solid var(--pk-b);color:var(--pk);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.proc-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:5px;}
.guarantee{background:var(--surf);border:1px solid var(--border);border-radius:var(--rlg);padding:36px 40px;display:grid;grid-template-columns:72px 1fr auto;gap:24px;align-items:center;max-width:900px;margin:0 auto;}
.guar-icon{width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg,var(--pk),#ff7aa8);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:var(--shpk);flex-shrink:0;}
.guar-title{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.guar-desc{font-size:14px;color:var(--muted);line-height:1.65;}
.consult-box{background:linear-gradient(135deg,#fff5f8,var(--white));border:1.5px solid var(--pk-b);border-radius:var(--rlg);padding:52px 40px;text-align:center;max-width:720px;margin:0 auto;position:relative;overflow:hidden;}
.consult-box::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(246,63,119,.05);}
.consult-ico{font-size:40px;display:block;margin-bottom:16px;line-height:1;}
.consult-box h3{font-size:clamp(20px,3vw,28px);font-weight:700;color:var(--ink);margin-bottom:12px;line-height:1.25;}
.consult-box p{font-size:15px;color:var(--muted);line-height:1.75;max-width:520px;margin:0 auto 28px;}
.consult-note{font-size:12px;color:var(--muted);margin-top:14px;}
.countries{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:880px;margin:0 auto;}
.country{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--white);border:1px solid var(--border);border-radius:50px;padding:8px 14px;font-size:12px;font-weight:500;color:var(--muted);transition:border-color .2s,color .2s;}
.country:hover{border-color:var(--pk-b);color:var(--ink);}
.country .fl{font-size:16px;line-height:1;}
.faq-list{max-width:720px;margin:0 auto;}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:10px;}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink);font-family:'Poppins',sans-serif;background:none;border:none;width:100%;text-align:left;user-select:none;transition:background .15s;}
.faq-ico{width:24px;height:24px;border-radius:50%;background:var(--pk-s);border:1px solid var(--pk-b);color:var(--pk);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s,background .2s;line-height:1;}
.faq-item.open .faq-ico{transform:rotate(45deg);background:var(--pk);color:#fff;}
.faq-a{display:none;padding:16px 22px 18px;font-size:14px;font-weight:400;color:var(--muted);line-height:1.75;border-top:1px solid var(--border);}
.faq-item.open .faq-a{display:block;}
.mid-cta{background:var(--surf);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 32px;text-align:center;}
.mid-cta p{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.mid-cta .sub{font-size:14px;color:var(--muted);font-weight:400;margin-bottom:22px;}
.final-cta{background:linear-gradient(135deg,#1a1a2e 0%,#2d1a3e 50%,#1a2e3e 100%);padding:100px 32px;text-align:center;position:relative;overflow:hidden;}
.final-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(246,63,119,.18) 0%,transparent 65%);pointer-events:none;}
.final-cta-inner{max-width:700px;margin:0 auto;position:relative;z-index:1;}
.cta-tag{display:inline-block;background:rgba(246,63,119,.15);border:1px solid rgba(246,63,119,.3);color:#ff8fad;font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;}
.final-cta h2{font-size:clamp(28px,4.5vw,50px);font-weight:500;color:#fff;line-height:1.15;margin-bottom:16px;}
.final-cta p{font-size:16px;font-weight:400;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:36px;}
.cta-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);}
.cta-trust span{font-size:12px;font-weight:500;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:6px;}
.cta-trust span::before{content:'✓';color:var(--pk);font-weight:700;}
.split-2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.split-text h2{font-size:clamp(24px,3.5vw,40px);font-weight:500;color:var(--ink);line-height:1.2;margin:10px 0 16px;}
.split-text p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:18px;}
@media(max-width:960px){
  .pkg-shell,.testi-grid{grid-template-columns:1fr;}
  .pkg-meta{border-right:none;border-bottom:1px solid var(--border);padding:28px 24px;}
  .pkg-content{padding:28px 24px;}
  .pkg-list{grid-template-columns:1fr;}
  .why-grid,.team-grid{grid-template-columns:repeat(2,1fr);}
  .case-grid{grid-template-columns:1fr;}
  .split-2{grid-template-columns:1fr;gap:36px;}
  .guarantee{grid-template-columns:1fr;text-align:center;padding:28px 24px;}
  .guar-icon{margin:0 auto;}
  .trust-bar-inner{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .wpd-hero{padding:64px 20px 48px;}
  .pk-sec,.pk-sec-alt{padding:56px 20px;}
  .pk-wrap{padding:0 20px;}
  .pkg-nav{top:52px;gap:6px;padding:10px 16px;}
  .pkg-pill{font-size:12px;padding:6px 12px;}
  .pkg-tl-nodes{display:none;}
  .why-grid,.team-grid{grid-template-columns:1fr;}
  .testi-grid{grid-template-columns:1fr;}
  .countries{grid-template-columns:repeat(3,1fr);}
  .wpd-sticky{flex-direction:column;text-align:center;padding:14px 20px;}
  .wpd-sticky-btns{width:100%;justify-content:center;}
  .mid-cta,.final-cta{padding:56px 20px;}
}
@media(prefers-reduced-motion:reduce){
  .pkg-card,.pkg-tl-fill,.ct-b{transition:none;}
}



/* ==========================================================================
   END CUSTOM DEVELOPMENT PACKAGES PAGE — v5
   ========================================================================== */
/* ================================================================
   MEET OUR TEAM — self-contained styles
   Import this block independently of any other stylesheet.
   Tokens scoped to .wpd-root; shared classes bundled below.
   ================================================================ */

/* ── CSS variable tokens ── */
.wpd-root{--pk:#f63f77;--pk-d:#d92d63;--pk-s:rgba(246,63,119,.08);--pk-b:rgba(246,63,119,.2);--ink:#1a1a2e;--slate:#3b3d52;--muted:#6b7280;--border:#e5e7eb;--surf:#f9fafb;--white:#fff;--r:14px;--rlg:20px;--sh:0 4px 20px rgba(0,0,0,.07);--shlg:0 12px 48px rgba(0,0,0,.10),0 4px 12px rgba(0,0,0,.05);--shpk:0 8px 32px rgba(246,63,119,.22);--gold:#C99A3B;font-family:'Poppins',sans-serif;color:var(--ink);}
.wpd-root *,.wpd-root *::before,.wpd-root *::after{box-sizing:border-box;}
.wpd-root a{text-decoration:none;}
.wpd-root img{max-width:100%;display:block;}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* ── Shared layout & component classes (used by this section) ── */
.wpd-root *,.wpd-root *::before,.wpd-root *::after{box-sizing:border-box;}
.wpd-root a{text-decoration:none;}
.wpd-root img{max-width:100%;display:block;}
.pk-wrap{max-width:1100px;margin:0 auto;padding:0 32px;}
.pk-sec{padding:88px 32px;background:var(--white);}
.pk-sec-alt{padding:88px 32px;background:var(--surf);}
.pk-head{text-align:center;max-width:640px;margin:0 auto 52px;}
.pk-head h2{font-size:clamp(26px,4vw,44px);font-weight:500;color:var(--ink);line-height:1.15;margin:0 0 12px;letter-spacing:-.3px;}
.pk-head h2 em,.split-text h2 em,.final-cta h2 em,.wpd-hero h1 em{font-style:normal;color:var(--pk);}
.pk-head p{font-size:16px;color:var(--muted);line-height:1.75;margin:0;}
.tag,.ds-tag{display:inline-block;background:var(--pk-s);color:var(--pk);font-size:11px;font-weight:600;padding:4px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--pk-b);margin-bottom:12px;}
.btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--pk);color:#fff!important;border:none;border-radius:10px;padding:14px 30px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;box-shadow:var(--shpk);transition:background .2s,transform .15s;text-decoration:none!important;white-space:nowrap;}
.btn-p:hover{background:var(--pk-d);transform:translateY(-2px);color:#fff!important;}
.btn-o{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--pk)!important;border:1.5px solid var(--pk);border-radius:10px;padding:13px 28px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s,color .2s;text-decoration:none!important;white-space:nowrap;}
.btn-o:hover,.btn-g:hover{background:var(--pk);color:#fff!important;}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;}
.trust-item{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--muted);}
.trust-item::before{content:'✓';width:18px;height:18px;border-radius:50%;background:var(--pk-s);color:var(--pk);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* ── Meet Our Team — section-specific CSS ── */
/* ── Photo avatar (replaces emoji .team-av for this section) ── */
.mt-avatar {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--pk-b);
  margin: 0 auto 14px;
  display: block;
  background: var(--surf);
  transition: border-color .25s, box-shadow .25s;
}
.mt-card:hover .mt-avatar {
  border-color: var(--pk);
  box-shadow: 0 0 0 5px var(--pk-s);
}

/* ── Individual team card — extends .team-card exactly ── */
.mt-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 32px 22px 26px;
  text-align: center;
  transition: box-shadow .25s, transform .25s;
  position: relative;
  overflow: hidden;
}
.mt-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--pk);
  opacity: 0;
  transition: opacity .25s;
}
.mt-card:hover { box-shadow: var(--shlg); transform: translateY(-4px); }
.mt-card:hover::before { opacity: 1; }
.mt-card-name { font-size: 15px; font-weight: 700; color: var(--ink); margin-bottom: 3px; }
.mt-card-role { font-size: 11px; font-weight: 600; color: var(--pk); text-transform: uppercase; letter-spacing: .07em; margin-bottom: 10px; }
.mt-card-bio  { font-size: 13px; font-weight: 400; color: var(--muted); line-height: 1.65; }

/* ── 3-col grid for 6 cards ── */
.mt-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

/* ── Featured card (group photo — spans 2 cols on last row) ── */
.mt-card-featured {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: center;
  text-align: left;
  padding: 32px 32px;
}
.mt-card-featured .mt-card-name { font-size: 18px; margin-bottom: 6px; }
.mt-card-featured .mt-card-role { font-size: 12px; margin-bottom: 12px; }
.mt-card-featured .mt-card-bio  { font-size: 14px; line-height: 1.75; }
.mt-featured-img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
  aspect-ratio: 4/3;
  background: var(--surf);
  display: block;
}
.mt-featured-meta { display: flex; flex-direction: column; }

/* ── Placeholder image (used until real photos are supplied) ── */
.mt-photo-placeholder {
  width: 88px; height: 88px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pk-s), rgba(246,63,119,.18));
  border: 3px solid var(--pk-b);
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: var(--pk);
  font-weight: 700;
  transition: border-color .25s, box-shadow .25s;
}
.mt-card:hover .mt-photo-placeholder {
  border-color: var(--pk);
  box-shadow: 0 0 0 5px var(--pk-s);
}
.mt-featured-photo-placeholder {
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--pk-s) 0%, rgba(246,63,119,.14) 100%);
  border: 2px dashed var(--pk-b);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--pk);
}
.mt-featured-photo-placeholder span {
  font-size: 36px; line-height: 1;
}
.mt-featured-photo-placeholder p {
  font-size: 12px; font-weight: 600; color: var(--muted);
  text-align: center; margin: 0;
}

/* ── "Real People" trust strip ── */
.mt-trust-strip {
  background: linear-gradient(135deg, #1a1a2e 0%, #2d1a3e 50%, #1a2e3e 100%);
  border-radius: var(--rlg);
  padding: 52px 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 52px;
}
.mt-trust-strip::before {
  content: '';
  position: absolute;
  top: -100px; right: -100px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(246,63,119,.14) 0%, transparent 65%);
  pointer-events: none;
}
.mt-trust-left { position: relative; z-index: 1; }
.mt-trust-left h3 {
  font-size: clamp(20px, 2.8vw, 30px);
  font-weight: 500;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 16px;
}
.mt-trust-left h3 em { font-style: normal; color: var(--pk); }
.mt-trust-left p {
  font-size: 14px;
  color: rgba(255,255,255,.6);
  line-height: 1.8;
  margin: 0;
}
.mt-trust-right { position: relative; z-index: 1; }

/* ── Animated stat counters — 3-col inside dark strip ── */
.mt-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.mt-stat-cell {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  padding: 20px 14px;
  text-align: center;
}
.mt-stat-cell .n {
  display: block;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
  color: var(--pk);
  line-height: 1;
  margin-bottom: 6px;
  font-family: 'Poppins', sans-serif;
}
.mt-stat-cell .l {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: rgba(255,255,255,.5);
  text-transform: uppercase;
  letter-spacing: .07em;
  line-height: 1.4;
}

/* ── Scroll-in entrance animation ── */
.mt-fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .55s cubic-bezier(.4,0,.2,1), transform .55s cubic-bezier(.4,0,.2,1);
}
.mt-fade-up.mt-visible {
  opacity: 1;
  transform: translateY(0);
}
/* Stagger delays for cards */
.mt-fade-up:nth-child(1) { transition-delay: .05s; }
.mt-fade-up:nth-child(2) { transition-delay: .12s; }
.mt-fade-up:nth-child(3) { transition-delay: .19s; }
.mt-fade-up:nth-child(4) { transition-delay: .26s; }
.mt-fade-up:nth-child(5) { transition-delay: .33s; }
.mt-fade-up:nth-child(6) { transition-delay: .40s; }

/* ── Section CTA block ── */
.mt-cta-block {
  background: var(--pk-s);
  border: 1px solid var(--pk-b);
  border-radius: var(--rlg);
  padding: 48px 40px;
  text-align: center;
  margin-top: 52px;
  position: relative;
  overflow: hidden;
}
.mt-cta-block::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(246,63,119,.06);
  pointer-events: none;
}
.mt-cta-block h3 {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 10px;
  line-height: 1.3;
  position: relative; z-index: 1;
}
.mt-cta-block p {
  font-size: 15px;
  color: var(--muted);
  line-height: 1.75;
  max-width: 560px;
  margin: 0 auto 28px;
  position: relative; z-index: 1;
}

/* ── Responsive ── */
@media (max-width: 960px) {
  .mt-grid { grid-template-columns: repeat(2, 1fr); }
  .mt-card-featured { grid-column: span 2; }
  .mt-trust-strip { grid-template-columns: 1fr; gap: 36px; padding: 40px 28px; }
  .mt-stat-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .mt-grid { grid-template-columns: 1fr; }
  .mt-card-featured { grid-column: span 1; grid-template-columns: 1fr; }
  .mt-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .mt-cta-block { padding: 36px 24px; }
  .mt-trust-strip { padding: 32px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .mt-fade-up { transition: none; opacity: 1; transform: none; }
}

/* ==========================================================================
   END MEET OUR TEAM SECTION
   ========================================================================== */

/* mt-counter — JS animation target; inherits .mt-stat-cell .n styles */
.mt-counter { display: block; }

/*
 * MICROPAYMENT LANDING — new CSS only.
 * All layout, sections, buttons, grids, tags, cards, trust items
 * and typography use existing mapp-*, ds-*, ll-*, aff-* classes
 * from style.css.
 * New CSS covers only: the logo connector row and the payment
 * method pill grid — neither has an exact equivalent.
 */

/* ── Logo connector row ── */
.mp-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 520px;
    margin: 0 auto 36px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    overflow: hidden;
}
.mp-logo-cell {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 28px;
}
.mp-logo-cell img {
    height: 36px;
    width: auto;
    object-fit: contain;
    display: block;
}
.mp-logo-sep {
    width: 1px;
    height: 48px;
    background: #e5e7eb;
    flex-shrink: 0;
    position: relative;
}
.mp-logo-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f63f77;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(246,63,119,.35);
}

/* ── Payment methods pill grid ── */
.mp-methods-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    max-width: 800px;
    margin: 0 auto;
}
.mp-method-pill {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #1a1a2e;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
.mp-method-pill:hover {
    border-color: rgba(246,63,119,.3);
    box-shadow: 0 4px 16px rgba(246,63,119,.1);
    transform: translateY(-2px);
}
.mp-method-pill .mp-pill-icon {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: rgba(246,63,119,.08);
    border: 1px solid rgba(246,63,119,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .mp-methods-grid { grid-template-columns: repeat(2, 1fr); }
    .mp-logo-cell { padding: 16px 18px; }
    .mp-logo-cell img { height: 28px; }
}
@media (max-width: 480px) {
    .mp-methods-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .mp-method-pill,
    .mapp-app-card,
    .ds-why-card { transition: none; }
}

.vp-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 500px;
    margin: 0 auto 36px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    overflow: hidden;
    backdrop-filter: blur(10px);
}
.vp-logo-cell {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 28px;
}
.vp-logo-cell img {
    height: 34px;
    width: auto;
    object-fit: contain;
    display: block;
    /* brighten logos on dark hero background */
    filter: brightness(0) invert(1);
    opacity: .9;
}
.vp-logo-sep {
    width: 1px;
    height: 52px;
    background: rgba(255,255,255,.12);
    flex-shrink: 0;
    position: relative;
}
.vp-logo-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f63f77;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 12px rgba(246,63,119,.5);
}

/* ── Payment method pill grid (2 groups: card + wallet) ── */
.vp-methods-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 820px;
    margin: 0 auto;
}
.vp-method-group {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px 24px;
}
.vp-method-group-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    color: #1a1a2e;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f3f4f6;
}
.vp-method-group-title .vp-group-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(246,63,119,.08);
    border: 1px solid rgba(246,63,119,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}
.vp-method-pills {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.vp-method-pill {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 500;
    color: #1a1a2e;
    transition: border-color .18s, background .18s, transform .18s;
}
.vp-method-pill:hover {
    border-color: rgba(246,63,119,.25);
    background: rgba(246,63,119,.04);
    transform: translateX(3px);
}
.vp-method-pill .vp-pill-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f63f77;
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .vp-methods-wrap { grid-template-columns: 1fr; }
    .vp-logo-cell { padding: 18px 20px; }
    .vp-logo-cell img { height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
    .vp-method-pill,
    .ds-why-card,
    .la-feat-card,
    .mapp-step { transition: none; }
}
/*
 * KLARNA LANDING — minimal new CSS only.
 * All layout, sections, hero, cards, grids, tags, buttons, trust
 * items, steps, note and final CTA use existing classes from style.css:
 * tl-*, dsp-*, ds-*, mapp-*, aff-*
 *
 * New CSS: logo connector row, BNPL highlight cards, payment group
 * grid (4 cols) — nothing else exists for these specific layouts.
 */

/* ── Logo connector (on dark hero bg) ── */
.kl-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 460px;
    margin: 0 auto 36px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 18px;
    overflow: hidden;
    backdrop-filter: blur(12px);
}
.kl-logo-cell {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 28px;
}
.kl-logo-cell img {
    height: 32px;
    width: auto;
    object-fit: contain;
    display: block;
    opacity: .88;
}
.kl-logo-sep {
    width: 1px;
    height: 50px;
    background: rgba(255,255,255,.11);
    flex-shrink: 0;
    position: relative;
}
.kl-logo-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f63f77;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 12px rgba(246,63,119,.5);
}

/* ── BNPL highlight trio (hero right panel) ── */
.kl-bnpl-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.kl-bnpl-card {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 14px;
    padding: 16px 18px;
    backdrop-filter: blur(10px);
    transition: background .2s, border-color .2s;
}
.kl-bnpl-card:hover {
    background: rgba(255,255,255,.11);
    border-color: rgba(246,63,119,.4);
}
.kl-bnpl-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(246,63,119,.18);
    border: 1px solid rgba(246,63,119,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}
.kl-bnpl-label {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 3px;
    font-family: 'Poppins', sans-serif;
}
.kl-bnpl-desc {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255,255,255,.55);
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
}

/* ── 4-column payment method group grid ── */
.kl-methods-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1000px;
    margin: 0 auto;
}
.kl-method-group {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 26px 20px;
    transition: box-shadow .22s, transform .22s, border-color .22s;
}
.kl-method-group:hover {
    box-shadow: 0 8px 32px rgba(246,63,119,.1);
    transform: translateY(-3px);
    border-color: rgba(246,63,119,.25);
}
.kl-method-group-hd {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    font-weight: 700;
    color: #1a1a2e;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f3f4f6;
}
.kl-group-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(246,63,119,.08);
    border: 1px solid rgba(246,63,119,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}
.kl-method-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.kl-method-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #1a1a2e;
    line-height: 1.4;
}
.kl-method-list li::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f63f77;
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 960px) {
    .kl-methods-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .kl-methods-grid { grid-template-columns: 1fr; }
    .tl-hero-grid { grid-template-columns: 1fr !important; }
    .kl-logo-cell { padding: 16px 18px; }
    .kl-logo-cell img { height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
    .kl-bnpl-card,
    .kl-method-group,
    .tl-mono-card,
    .dsp-feat-card { transition: none; }
}

/*
 * MAXPAY LANDING — 7 new classes, ~65 lines.
 * Reuses vp-method-group/pill/dot from VoguePay (same HTML pattern).
 * Only new CSS: logo connector on white bg + 3-col grid override.
 * Everything else: mapp-*, ds-*, aff-* from style.css.
 */

/* ── Logo connector (white hero bg — light variant) ── */
.mx-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 500px;
    margin: 0 auto 36px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    overflow: hidden;
}
.mx-logo-cell {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 28px;
}
.mx-logo-cell img {
    height: 34px;
    width: auto;
    object-fit: contain;
    display: block;
}
.mx-logo-sep {
    width: 1px;
    height: 48px;
    background: #e5e7eb;
    flex-shrink: 0;
    position: relative;
}
.mx-logo-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f63f77;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(246,63,119,.35);
}

/* ── 3-col methods grid (overrides vp-methods-wrap 2-col default) ── */
.mx-methods-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 960px;
    margin: 0 auto;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .mx-methods-grid { grid-template-columns: 1fr; }
    .mx-logo-cell { padding: 16px 18px; }
    .mx-logo-cell img { height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
    .vp-method-pill { transition: none; }
}