/* ==========================================
   MASTI ANCHOR AGENCY — Main Stylesheet
   mastianchoragency.com
   ========================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --bg-start: #7A00FF;
  --bg-mid: #D900FF;
  --bg-end: #4500A5;
  --primary: #B84DFF;
  --cta: #FF4DFF;
  --card-bg: rgba(255,255,255,0.08);
  --heading: #FFFFFF;
  --text: #EAEAEA;
  --border: rgba(255,255,255,0.15);
  --font-h: 'Poppins', sans-serif;
  --font-b: 'Inter', sans-serif;
  --r: 24px;
  --r-sm: 12px;
  --glow: 0 0 40px rgba(184,77,255,0.45);
  --card-shadow: 0 8px 32px rgba(0,0,0,0.3);
  --t: all 0.3s cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }

html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }

body {
  font-family: var(--font-b);
  background: linear-gradient(135deg,var(--bg-start) 0%,var(--bg-mid) 50%,var(--bg-end) 100%);
  background-attachment: fixed;
  color: var(--text);
  line-height: 1.7;
  min-height: 100vh;
  overflow-x: hidden;
}

body::before {
  content:'';
  position:fixed;
  inset:0;
  background:
    radial-gradient(ellipse at 20% 50%,rgba(120,0,255,0.25) 0%,transparent 55%),
    radial-gradient(ellipse at 80% 20%,rgba(217,0,255,0.18) 0%,transparent 55%),
    radial-gradient(ellipse at 50% 85%,rgba(69,0,165,0.35) 0%,transparent 55%);
  pointer-events:none;
  z-index:0;
}

h1,h2,h3,h4,h5,h6 { font-family:var(--font-h); color:var(--heading); font-weight:700; line-height:1.2; }
h1 { font-size:clamp(1.9rem,4.5vw,3.2rem); }
h2 { font-size:clamp(1.5rem,3.5vw,2.3rem); }
h3 { font-size:clamp(1.15rem,2.5vw,1.55rem); }
h4 { font-size:clamp(1rem,2vw,1.2rem); }

p { margin-bottom:1rem; }
a { color:var(--primary); text-decoration:none; transition:var(--t); }
a:hover { color:var(--cta); }
ul,ol { padding-left:1.5rem; }
li { margin-bottom:0.4rem; }
img { max-width:100%; height:auto; display:block; }
strong { color:#fff; font-weight:700; }

/* --- Layout --- */
.container { max-width:1200px; margin:0 auto; padding:0 24px; position:relative; z-index:1; }
.container-sm { max-width:860px; margin:0 auto; padding:0 24px; position:relative; z-index:1; }

section { padding:80px 0; position:relative; z-index:1; }

.section-tag {
  display:inline-block;
  background:rgba(255,77,255,0.15);
  border:1px solid rgba(255,77,255,0.35);
  color:#FF99FF;
  font-size:0.78rem;
  font-weight:600;
  padding:6px 18px;
  border-radius:50px;
  margin-bottom:14px;
  text-transform:uppercase;
  letter-spacing:1.5px;
}

.section-title {
  font-size:clamp(1.6rem,3.5vw,2.5rem);
  font-weight:800;
  text-align:center;
  margin-bottom:12px;
}

.section-subtitle {
  text-align:center;
  color:rgba(255,255,255,0.78);
  font-size:1.05rem;
  max-width:580px;
  margin:0 auto 3rem;
}

.text-center { text-align:center; }

.text-gradient {
  background:linear-gradient(135deg,#FF4DFF,#B84DFF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.divider {
  height:1px;
  background:linear-gradient(90deg,transparent,var(--border),transparent);
  margin:48px 0;
}

/* --- Navbar --- */
.navbar {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  padding:16px 0;
  background:rgba(69,0,165,0.12);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  border-bottom:1px solid var(--border);
  transition:var(--t);
}

.navbar.scrolled {
  background:rgba(50,0,140,0.96);
  padding:11px 0;
  box-shadow:0 4px 30px rgba(0,0,0,0.35);
}

.nav-inner {
  max-width:1200px; margin:0 auto; padding:0 24px;
  display:flex; align-items:center; justify-content:space-between;
}

.nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.nav-logo img { height:38px; width:auto; }
.nav-logo-text {
  font-family:var(--font-h);
  font-size:1.25rem;
  font-weight:800;
  background:linear-gradient(135deg,#FF4DFF,#B84DFF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.nav-menu { display:flex; align-items:center; gap:6px; list-style:none; padding:0; margin:0; }

.nav-menu a {
  color:rgba(255,255,255,0.88);
  font-weight:500;
  font-size:0.875rem;
  padding:8px 13px;
  border-radius:8px;
  transition:var(--t);
  display:block;
}

.nav-menu a:hover,.nav-menu a.active {
  color:#fff;
  background:rgba(255,255,255,0.1);
}

.nav-cta {
  background:linear-gradient(135deg,#FF4DFF,#B84DFF) !important;
  color:#fff !important;
  border-radius:50px !important;
  padding:8px 22px !important;
  box-shadow:0 4px 20px rgba(255,77,255,0.35);
}

.nav-cta:hover {
  box-shadow:0 6px 28px rgba(255,77,255,0.55) !important;
  transform:translateY(-2px);
}

.nav-toggle {
  display:none; flex-direction:column; gap:5px;
  cursor:pointer; padding:6px; background:none; border:none;
}

.nav-toggle span {
  display:block; width:24px; height:2px;
  background:#fff; border-radius:2px; transition:var(--t);
}

/* --- Buttons --- */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 32px; border-radius:50px;
  font-family:var(--font-h); font-weight:600; font-size:1rem;
  cursor:pointer; border:none; transition:var(--t);
  text-decoration:none; white-space:nowrap; line-height:1;
}

.btn-primary {
  background:linear-gradient(135deg,#FF4DFF,#B84DFF);
  color:#fff;
  box-shadow:0 4px 22px rgba(255,77,255,0.45);
}

.btn-primary:hover {
  transform:translateY(-3px);
  box-shadow:0 10px 35px rgba(255,77,255,0.65);
  color:#fff;
}

.btn-secondary {
  background:rgba(255,255,255,0.1);
  color:#fff;
  border:2px solid rgba(255,255,255,0.28);
  backdrop-filter:blur(10px);
}

.btn-secondary:hover {
  background:rgba(255,255,255,0.18);
  border-color:rgba(255,255,255,0.5);
  transform:translateY(-3px);
  color:#fff;
}

.btn-lg { padding:18px 44px; font-size:1.1rem; }
.btn-sm { padding:10px 22px; font-size:0.875rem; }
.btn-wa { background:#25D366; color:#fff; box-shadow:0 4px 20px rgba(37,211,102,0.4); }
.btn-wa:hover { box-shadow:0 8px 30px rgba(37,211,102,0.6); transform:translateY(-3px); color:#fff; }

.btn-group {
  display:flex; align-items:center; gap:16px;
  flex-wrap:wrap; justify-content:center;
}

/* --- Grid --- */
.grid { display:grid; gap:24px; }
.grid-2 { grid-template-columns:repeat(2,1fr); }
.grid-3 { grid-template-columns:repeat(3,1fr); }
.grid-4 { grid-template-columns:repeat(4,1fr); }

/* --- Cards --- */
.card {
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:32px;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  transition:var(--t);
}

.card:hover {
  transform:translateY(-8px);
  border-color:rgba(184,77,255,0.45);
  box-shadow:var(--glow);
}

.card-icon {
  width:58px; height:58px;
  border-radius:16px;
  background:linear-gradient(135deg,#FF4DFF,#B84DFF);
  display:flex; align-items:center; justify-content:center;
  font-size:1.7rem; margin-bottom:18px;
  flex-shrink:0;
}

.card-title {
  font-family:var(--font-h);
  font-size:1.15rem; font-weight:700; color:#fff; margin-bottom:10px;
}

/* --- Hero --- */
.hero {
  min-height:100vh;
  display:flex; align-items:center;
  padding:120px 0 70px; text-align:center;
}

.hero-wrap { max-width:920px; margin:0 auto; }

.hero-tag {
  display:inline-block;
  background:rgba(255,77,255,0.12);
  border:1px solid rgba(255,77,255,0.38);
  color:#FF99FF;
  font-size:0.8rem; font-weight:600;
  padding:8px 22px; border-radius:50px;
  margin-bottom:24px;
  letter-spacing:1.5px; text-transform:uppercase;
}

.hero h1 { font-size:clamp(2rem,5vw,3.6rem); font-weight:900; margin-bottom:20px; }

.hero-desc {
  font-size:clamp(1rem,2vw,1.18rem);
  color:rgba(255,255,255,0.82);
  max-width:640px; margin:0 auto 38px;
}

.hero-img-wrap {
  margin:50px auto 0;
  max-width:920px;
  border-radius:var(--r);
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:var(--glow),var(--card-shadow);
  background:var(--card-bg);
  backdrop-filter:blur(10px);
  position:relative;
}

.hero-img-wrap::after {
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(255,77,255,0.04),rgba(120,0,255,0.06));
  border-radius:var(--r);
  pointer-events:none;
}

.hero-img-wrap img { width:100%; display:block; }

/* --- Stats Bar --- */
.stats-bar { padding:60px 0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }

.stat-item {
  text-align:center; padding:30px 16px;
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--r-sm);
  backdrop-filter:blur(10px);
  transition:var(--t);
}

.stat-item:hover { border-color:rgba(184,77,255,0.4); transform:translateY(-4px); }

.stat-num {
  font-family:var(--font-h);
  font-size:2.4rem; font-weight:900;
  background:linear-gradient(135deg,#FF4DFF,#B84DFF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  display:block; margin-bottom:6px;
}

.stat-label { color:rgba(255,255,255,0.75); font-size:0.88rem; font-weight:500; }

/* --- Tables --- */
.table-wrap {
  overflow-x:auto;
  border-radius:var(--r-sm);
  border:1px solid var(--border);
  margin:24px 0;
}

table { width:100%; border-collapse:collapse; }

thead { background:linear-gradient(135deg,rgba(255,77,255,0.18),rgba(120,0,255,0.22)); }

thead th {
  padding:15px 18px;
  font-family:var(--font-h); font-weight:700; color:#fff;
  text-align:left; font-size:0.85rem;
  text-transform:uppercase; letter-spacing:0.5px;
  border-bottom:1px solid var(--border);
}

tbody tr { border-bottom:1px solid rgba(255,255,255,0.05); transition:var(--t); }
tbody tr:hover { background:rgba(255,255,255,0.04); }
tbody tr:last-child { border-bottom:none; }

tbody td { padding:14px 18px; color:var(--text); font-size:0.92rem; }
tbody td:first-child { font-weight:600; color:#fff; }

.badge {
  display:inline-block; padding:4px 12px; border-radius:50px;
  font-size:0.78rem; font-weight:700; font-family:var(--font-h);
}

.badge-pink { background:rgba(255,77,255,0.18); color:#FF88FF; border:1px solid rgba(255,77,255,0.3); }
.badge-purple { background:rgba(184,77,255,0.18); color:#CC88FF; border:1px solid rgba(184,77,255,0.3); }
.badge-green { background:rgba(0,255,128,0.1); color:#00FF99; border:1px solid rgba(0,255,128,0.2); }
.badge-gold { background:rgba(255,215,0,0.12); color:#FFD700; border:1px solid rgba(255,215,0,0.25); }

/* --- FAQ --- */
.faq-item {
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--r-sm);
  margin-bottom:10px;
  overflow:hidden;
  backdrop-filter:blur(10px);
  transition:var(--t);
}

.faq-item.open { border-color:rgba(184,77,255,0.5); }

.faq-q {
  width:100%; background:none; border:none;
  padding:18px 22px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  cursor:pointer;
  font-family:var(--font-h); font-size:0.97rem; font-weight:600; color:#fff;
  text-align:left;
}

.faq-ico {
  flex-shrink:0; width:26px; height:26px; border-radius:50%;
  background:rgba(255,77,255,0.18);
  border:1px solid rgba(255,77,255,0.3);
  display:flex; align-items:center; justify-content:center;
  color:#FF4DFF; font-size:1.2rem; font-weight:300; transition:var(--t);
}

.faq-item.open .faq-ico { transform:rotate(45deg); background:rgba(255,77,255,0.3); }

.faq-a {
  display:none; padding:0 22px 18px;
  color:rgba(255,255,255,0.78); line-height:1.7; font-size:0.92rem;
}

.faq-item.open .faq-a { display:block; }

/* --- Blog Cards --- */
.blog-card {
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--r);
  overflow:hidden;
  backdrop-filter:blur(20px);
  transition:var(--t);
}

.blog-card:hover {
  transform:translateY(-6px);
  border-color:rgba(184,77,255,0.45);
  box-shadow:var(--glow);
}

.blog-img {
  width:100%; height:190px; object-fit:cover;
  background:linear-gradient(135deg,rgba(255,77,255,0.2),rgba(120,0,255,0.3));
}

.blog-body { padding:22px; }

.blog-tag {
  display:inline-block;
  background:rgba(255,77,255,0.14); color:#FF88FF;
  font-size:0.72rem; font-weight:600;
  padding:3px 11px; border-radius:50px;
  margin-bottom:10px; text-transform:uppercase; letter-spacing:0.5px;
}

.blog-title {
  font-family:var(--font-h); font-size:0.98rem; font-weight:700; color:#fff;
  margin-bottom:10px; line-height:1.4;
}

.blog-excerpt {
  color:rgba(255,255,255,0.68); font-size:0.85rem;
  line-height:1.65; margin-bottom:14px;
}

.blog-meta {
  display:flex; align-items:center; gap:12px;
  font-size:0.78rem; color:rgba(255,255,255,0.48); margin-bottom:14px;
}

.blog-link {
  color:#FF88FF; font-weight:600; font-size:0.85rem;
  display:inline-flex; align-items:center; gap:5px; transition:var(--t);
}

.blog-link:hover { color:#FF4DFF; gap:9px; }

/* --- Testimonials --- */
.testi-card {
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:30px; backdrop-filter:blur(10px);
}

.testi-stars { color:#FFD700; font-size:1.1rem; margin-bottom:14px; letter-spacing:2px; }
.testi-text { color:rgba(255,255,255,0.82); font-style:italic; margin-bottom:20px; line-height:1.7; }

.testi-author { display:flex; align-items:center; gap:12px; }

.testi-avatar {
  width:46px; height:46px; border-radius:50%;
  background:linear-gradient(135deg,#FF4DFF,#B84DFF);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-h); font-weight:800; color:#fff; font-size:1rem;
  flex-shrink:0;
}

.testi-name { font-family:var(--font-h); font-weight:700; color:#fff; font-size:0.92rem; }
.testi-role { color:rgba(255,255,255,0.58); font-size:0.78rem; }

/* --- CTA Box --- */
.cta-box {
  background:linear-gradient(135deg,rgba(255,77,255,0.14),rgba(120,0,255,0.18));
  border:1px solid rgba(255,77,255,0.3);
  border-radius:32px;
  padding:70px 48px; text-align:center;
  backdrop-filter:blur(20px);
  position:relative; overflow:hidden;
}

.cta-box::before {
  content:'';
  position:absolute; top:-60%; left:-60%;
  width:220%; height:220%;
  background:radial-gradient(ellipse at center,rgba(255,77,255,0.08) 0%,transparent 55%);
  pointer-events:none;
}

/* --- Trust Badges --- */
.trust-wrap {
  display:flex; align-items:center; justify-content:center;
  gap:20px; flex-wrap:wrap; margin:32px 0;
}

.trust-badge {
  display:flex; align-items:center; gap:8px;
  background:rgba(255,255,255,0.08);
  border:1px solid var(--border);
  border-radius:50px; padding:10px 20px;
  font-size:0.85rem; color:rgba(255,255,255,0.82); font-weight:500;
}

.trust-badge .ico { font-size:1.1rem; }

/* --- Steps --- */
.step {
  display:flex; gap:22px; align-items:flex-start;
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--r-sm); padding:26px;
  backdrop-filter:blur(10px); transition:var(--t);
}

.step:hover { border-color:rgba(184,77,255,0.4); }

.step-num {
  width:46px; height:46px; border-radius:50%;
  background:linear-gradient(135deg,#FF4DFF,#B84DFF);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-h); font-weight:800; font-size:1.1rem; color:#fff;
  flex-shrink:0;
}

.step-body h4 { color:#fff; margin-bottom:6px; }
.step-body p { color:rgba(255,255,255,0.72); margin:0; font-size:0.9rem; }

/* --- Info Cards --- */
.info-card {
  display:flex; align-items:flex-start; gap:18px;
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--r-sm); padding:22px;
  backdrop-filter:blur(10px); transition:var(--t);
}

.info-card:hover { border-color:rgba(184,77,255,0.4); }
.info-card .ico { font-size:2rem; flex-shrink:0; }
.info-card h4 { color:#fff; margin-bottom:5px; font-size:0.97rem; }
.info-card p { color:rgba(255,255,255,0.7); font-size:0.865rem; margin:0; }

/* --- Highlight Box --- */
.hi-box {
  background:linear-gradient(135deg,rgba(255,77,255,0.1),rgba(120,0,255,0.14));
  border:1px solid rgba(255,77,255,0.28);
  border-radius:var(--r-sm); padding:22px; margin:22px 0;
}

.hi-box p { margin:0; color:rgba(255,255,255,0.88); font-size:0.95rem; }

/* --- Comparison Table --- */
.compare-table thead th:not(:first-child) { text-align:center; }
.compare-table tbody td:not(:first-child) { text-align:center; }

/* --- WhatsApp Float --- */
.wa-float {
  position:fixed; bottom:28px; right:28px; z-index:998;
}

.wa-float-btn {
  width:62px; height:62px; border-radius:50%;
  background:#25D366;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 22px rgba(37,211,102,0.55);
  transition:var(--t); text-decoration:none;
  animation:pulseGreen 2.2s infinite;
}

.wa-float-btn:hover { transform:scale(1.12); box-shadow:0 8px 34px rgba(37,211,102,0.75); }
.wa-float-btn svg { width:32px; height:32px; fill:#fff; }

@keyframes pulseGreen {
  0% { box-shadow:0 0 0 0 rgba(37,211,102,0.55); }
  70% { box-shadow:0 0 0 16px rgba(37,211,102,0); }
  100% { box-shadow:0 0 0 0 rgba(37,211,102,0); }
}

/* --- WA Popup --- */
.wa-overlay {
  display:none; position:fixed; inset:0;
  background:rgba(0,0,0,0.62);
  backdrop-filter:blur(8px); z-index:9999;
  align-items:center; justify-content:center; padding:20px;
}

.wa-overlay.show { display:flex; }

.wa-popup {
  background:linear-gradient(135deg,rgba(50,0,140,0.97),rgba(100,0,200,0.97));
  border:1px solid rgba(255,77,255,0.42);
  border-radius:32px; padding:50px 40px;
  max-width:460px; width:100%; text-align:center;
  position:relative; backdrop-filter:blur(20px);
  box-shadow:0 24px 70px rgba(0,0,0,0.55),var(--glow);
  animation:popUp 0.38s cubic-bezier(0.4,0,0.2,1);
}

@keyframes popUp {
  from { opacity:0; transform:scale(0.88) translateY(24px); }
  to { opacity:1; transform:scale(1) translateY(0); }
}

.wa-popup-close {
  position:absolute; top:14px; right:14px;
  width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.2);
  color:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:1.15rem; transition:var(--t);
}

.wa-popup-close:hover { background:rgba(255,255,255,0.2); }

.wa-popup-ico {
  width:78px; height:78px; border-radius:50%;
  background:#25D366;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 22px;
  box-shadow:0 0 34px rgba(37,211,102,0.55);
}

.wa-popup-ico svg { width:42px; height:42px; fill:#fff; }
.wa-popup h3 { font-size:1.35rem; margin-bottom:12px; }
.wa-popup p { color:rgba(255,255,255,0.78); margin-bottom:28px; font-size:0.94rem; }

/* --- Footer --- */
.footer {
  background:rgba(0,0,0,0.42);
  border-top:1px solid var(--border);
  backdrop-filter:blur(20px);
  padding:68px 0 32px;
  position:relative; z-index:1;
}

.footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:44px; margin-bottom:52px;
}

.footer-brand p {
  color:rgba(255,255,255,0.65);
  font-size:0.875rem; margin-top:16px; max-width:275px;
}

.footer-logo { display:flex; align-items:center; gap:9px; text-decoration:none; }
.footer-logo img { height:36px; }
.footer-logo-text {
  font-family:var(--font-h); font-size:1.2rem; font-weight:800;
  background:linear-gradient(135deg,#FF4DFF,#B84DFF);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}

.footer-heading {
  font-family:var(--font-h); font-size:0.97rem; font-weight:700; color:#fff; margin-bottom:18px;
}

.footer-links { list-style:none; padding:0; }
.footer-links li { margin-bottom:9px; }
.footer-links a {
  color:rgba(255,255,255,0.62); font-size:0.865rem; transition:var(--t);
}
.footer-links a:hover { color:#FF4DFF; padding-left:4px; }

.footer-wa {
  display:inline-flex; align-items:center; gap:8px;
  background:#25D366; color:#fff;
  padding:10px 20px; border-radius:50px;
  font-size:0.875rem; font-weight:600; margin-top:12px;
  transition:var(--t); text-decoration:none;
}
.footer-wa:hover { box-shadow:0 6px 22px rgba(37,211,102,0.45); transform:translateY(-2px); color:#fff; }

.footer-seo {
  border-top:1px solid var(--border);
  padding-top:48px; margin-top:48px;
}

.footer-seo h3 {
  font-size:1rem; color:rgba(255,255,255,0.7); margin-bottom:16px;
}

.footer-seo-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:32px;
}

.footer-seo p {
  color:rgba(255,255,255,0.45); font-size:0.8rem; line-height:1.75; margin-bottom:12px;
}

.footer-seo h4 {
  font-family:var(--font-h); font-size:0.9rem; font-weight:600;
  color:rgba(255,255,255,0.65); margin-bottom:8px; margin-top:14px;
}

.footer-bottom {
  border-top:1px solid var(--border); padding-top:22px; margin-top:22px;
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
}

.footer-copy { color:rgba(255,255,255,0.45); font-size:0.78rem; }

.footer-legal { display:flex; gap:18px; flex-wrap:wrap; }
.footer-legal a { color:rgba(255,255,255,0.45); font-size:0.78rem; transition:var(--t); }
.footer-legal a:hover { color:#FF4DFF; }

/* --- Breadcrumb --- */
.breadcrumb { padding:14px 0; margin-top:80px; }
.bc-list { list-style:none; padding:0; display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.bc-list li { display:flex; align-items:center; gap:7px; font-size:0.84rem; color:rgba(255,255,255,0.55); margin:0; }
.bc-list li::after { content:'›'; font-size:0.9rem; }
.bc-list li:last-child::after { display:none; }
.bc-list a { color:rgba(255,255,255,0.68); transition:var(--t); }
.bc-list a:hover { color:#FF4DFF; }
.bc-list li:last-child { color:#FF88FF; }

/* --- Page Header --- */
.page-header { padding:145px 0 75px; text-align:center; }
.page-header h1 { margin-bottom:14px; }
.page-header p { max-width:600px; margin:0 auto; font-size:1.08rem; color:rgba(255,255,255,0.8); }

/* --- 404 --- */
.err-page {
  min-height:100vh; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:40px 20px;
}

.err-code {
  font-family:var(--font-h); font-size:clamp(6rem,20vw,13rem);
  font-weight:900; line-height:1;
  background:linear-gradient(135deg,#FF4DFF,#B84DFF);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  opacity:0.5; margin-bottom:24px;
}

/* --- Reveal Animations --- */
.reveal { opacity:0; transform:translateY(28px); transition:opacity 0.7s ease,transform 0.7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

.delay-1 { transition-delay:0.1s; }
.delay-2 { transition-delay:0.2s; }
.delay-3 { transition-delay:0.3s; }

/* --- Utility --- */
.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}
.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}
.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}

/* --- Responsive --- */
@media(max-width:1024px){
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .stats-grid{ grid-template-columns:repeat(2,1fr); }
  .grid-4{ grid-template-columns:repeat(2,1fr); }
}

@media(max-width:768px){
  section{ padding:60px 0; }
  .hero{ padding-top:115px; padding-bottom:55px; min-height:auto; }

  .nav-menu{
    display:none; position:absolute; top:100%; left:0; right:0;
    background:rgba(50,0,140,0.98); backdrop-filter:blur(22px);
    border-top:1px solid var(--border);
    flex-direction:column; padding:18px 20px; gap:3px;
  }

  .nav-menu.open{ display:flex; }
  .nav-toggle{ display:flex; }

  .grid-2,.grid-3,.grid-4{ grid-template-columns:1fr; }
  .stats-grid{ grid-template-columns:1fr 1fr; }
  .footer-grid{ grid-template-columns:1fr; gap:30px; }
  .footer-seo-grid{ grid-template-columns:1fr; }
  .footer-bottom{ flex-direction:column; text-align:center; }

  .btn-group{ flex-direction:column; align-items:stretch; }
  .btn-group .btn{ text-align:center; justify-content:center; }
  .cta-box{ padding:44px 24px; }
  .step{ flex-direction:column; gap:14px; }
  .hero-img-wrap{ margin-top:34px; }
  .wa-float{ bottom:18px; right:18px; }
  .wa-popup{ padding:40px 24px; }
}

@media(max-width:480px){
  .stats-grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .stat-num{ font-size:2rem; }
  .trust-wrap{ gap:10px; }
  .trust-badge{ font-size:0.78rem; padding:8px 14px; }
}