/* ============================================
   DALMATIAN-DECOR.CSS v4.0 — Pseudo-Element Decorative Background System
   Maddy's Dancing Tails
   
   Design: Modern, playful, elegant
   Approach: Pure CSS pseudo-elements, zero DOM elements
   - ::before = blurred circles (radial-gradients)
   - ::after = paw prints + doodles (SVG data URIs)
   ============================================ */

/* ---------- Reset & Setup ---------- */
html, body {
  overflow-x: hidden;
}

.section, .hero, .footer, .cta-section, .why-us,
.premium-gallery-section, .marquee-testimonials,
#blog-preview, #about-preview, .faq, #services,
.page-hero, .about-story, .mission-values,
.certifications, .process {
  position: relative;
  overflow: hidden;
}

.container, .section-header, .hero__content,
.feature-card, .service-card, .testimonial-card,
.blog-card, .footer__content, .btn,
.cta-section .container,
.cta-section__content,
.about-story__content,
.mission-values__content,
.certifications__content {
  position: relative;
  z-index: 5;
}

/* ---------- Base Pseudo-Element Setup ---------- */
.hero::before, .hero::after,
#services::before, #services::after,
.why-us::before, .why-us::after,
.premium-gallery-section::before, .premium-gallery-section::after,
.marquee-testimonials::before, .marquee-testimonials::after,
#blog-preview::before, #blog-preview::after,
#about-preview::before, #about-preview::after,
.faq::before, .faq::after,
.footer::before, .footer::after,
.cta-section::before, .cta-section::after,
.page-hero::before, .page-hero::after,
.about-story::before, .about-story::after,
.mission-values::before, .mission-values::after,
.certifications::before, .certifications::after,
.process::before, .process::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

/* ---------- Keyframe Animations ---------- */
@keyframes float-slow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}

@keyframes float-medium {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
}

@keyframes float-tiny {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-2px); }
}

/* ---------- HERO SECTION ---------- */
/* Clean and welcoming — top-left + bottom-right clusters */
.hero::before {
  background-image:
    radial-gradient(70px 70px at 4% 6%, rgba(0,0,0,0.08) 0%, transparent 100%),
    radial-gradient(80px 80px at calc(100% + 30px) calc(100% + 40px), rgba(0,0,0,0.10) 0%, transparent 100%);
  filter: blur(10px);
}

.hero::after {
  background-image:
    radial-gradient(30px 30px at 15% 10%, rgba(0,0,0,0.06) 0%, transparent 100%),
    radial-gradient(25px 25px at 88% 14%, rgba(0,0,0,0.05) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    radial-gradient(35px 35px at 4% 48%, rgba(0,0,0,0.05) 0%, transparent 100%);
  background-repeat: no-repeat;
  background-position:
    0 0,
    0 0,
    8% 20%,
    15% 27%,
    0 0;
  background-size:
    100% 100%,
    100% 100%,
    16px 16px,
    18px 18px,
    100% 100%;
  opacity: 0.9;
}

/* ---------- SERVICES SECTION ---------- */
/* Dynamic and playful — diagonal energetic movement */
#services::before {
  background-image:
    radial-gradient(75px 75px at 90% 2%, rgba(0,0,0,0.10) 0%, transparent 100%),
    radial-gradient(65px 65px at 8% 92%, rgba(0,0,0,0.12) 0%, transparent 100%);
  filter: blur(10px);
}

#services::after {
  background-image:
    radial-gradient(35px 35px at 88% 10%, rgba(0,0,0,0.07) 0%, transparent 100%),
    radial-gradient(30px 30px at 12% 85%, rgba(0,0,0,0.06) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.6 14.4c.8-.8.8-2 0-2.8l-8.1-8.1a2 2 0 1 0-2.8 0l-.5.5a2 2 0 1 0 0 2.8l8.1 8.1c.8.8 2 .8 2.8 0l.5-.5z'/%3E%3Cpath d='M2.1 21.9a2 2 0 1 0 2.8 0'/%3E%3Cpath d='M19.1 2.1a2 2 0 1 0 2.8 2.8'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    0 0,
    3% 6%,
    7% 15%,
    13% 23%,
    94% 90%;
  background-size:
    100% 100%,
    100% 100%,
    46px 46px,
    16px 16px,
    18px 18px,
    40px 40px;
  opacity: 0.9;
}

/* ---------- WHY US SECTION ---------- */
/* Balanced and trustworthy — right + bottom clusters */
.why-us::before {
  background-image:
    radial-gradient(72px 72px at 94% 6%, rgba(0,0,0,0.09) 0%, transparent 100%),
    radial-gradient(60px 60px at 8% 90%, rgba(0,0,0,0.10) 0%, transparent 100%);
  filter: blur(10px);
}

.why-us::after {
  background-image:
    radial-gradient(30px 30px at 82% 12%, rgba(0,0,0,0.07) 0%, transparent 100%),
    radial-gradient(28px 28px at 15% 80%, rgba(0,0,0,0.06) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10'/%3E%3Cpath d='M21 2l-6 6'/%3E%3Cpath d='M15 8l6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    0 0,
    5% 5%,
    16% 78%,
    21% 72%,
    92% 90%;
  background-size:
    100% 100%,
    100% 100%,
    40px 40px,
    16px 16px,
    18px 18px,
    42px 42px;
  opacity: 0.9;
}

/* ---------- GALLERY SECTION ---------- */
/* Minimal — let images shine, delicate accents */
.premium-gallery-section::before {
  background-image:
    radial-gradient(55px 55px at 3% 4%, rgba(0,0,0,0.06) 0%, transparent 100%),
    radial-gradient(50px 50px at 95% 88%, rgba(0,0,0,0.07) 0%, transparent 100%);
  filter: blur(8px);
}

.premium-gallery-section::after {
  background-image:
    radial-gradient(25px 25px at 10% 12%, rgba(0,0,0,0.05) 0%, transparent 100%),
    radial-gradient(22px 22px at 90% 80%, rgba(0,0,0,0.04) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='15.5' r='1'/%3E%3Ccircle cx='13.5' cy='15.5' r='1'/%3E%3Cpath d='M12 17.5a2 2 0 0 1-2 2'/%3E%3Cpath d='M5 3v18'/%3E%3Cpath d='M19 3v18'/%3E%3Cpath d='M5 6h14'/%3E%3Cpath d='M5 9h2'/%3E%3Cpath d='M17 9h2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    0 0,
    4% 25%,
    7% 32%,
    92% 8%;
  background-size:
    100% 100%,
    100% 100%,
    14px 14px,
    16px 16px,
    36px 36px;
  opacity: 0.85;
}

/* ---------- TESTIMONIALS SECTION ---------- */
/* Sophisticated — right-edge paw path, elegant */
.marquee-testimonials::before {
  background-image:
    radial-gradient(68px 68px at 94% 5%, rgba(0,0,0,0.09) 0%, transparent 100%),
    radial-gradient(58px 58px at 6% 88%, rgba(0,0,0,0.10) 0%, transparent 100%);
  filter: blur(9px);
}

.marquee-testimonials::after {
  background-image:
    radial-gradient(30px 30px at 80% 14%, rgba(0,0,0,0.07) 0%, transparent 100%),
    radial-gradient(28px 28px at 14% 80%, rgba(0,0,0,0.06) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    0 0,
    92% 18%,
    92% 26%,
    92% 34%,
    5% 5%;
  background-size:
    100% 100%,
    100% 100%,
    16px 16px,
    18px 18px,
    16px 16px,
    44px 44px;
  opacity: 0.9;
}

/* ---------- BLOG PREVIEW SECTION ---------- */
/* Editorial — clean, bottom-left paw path */
#blog-preview::before {
  background-image:
    radial-gradient(62px 62px at 5% 6%, rgba(0,0,0,0.08) 0%, transparent 100%),
    radial-gradient(55px 55px at 92% 85%, rgba(0,0,0,0.09) 0%, transparent 100%);
  filter: blur(8px);
}

#blog-preview::after {
  background-image:
    radial-gradient(28px 28px at 14% 15%, rgba(0,0,0,0.06) 0%, transparent 100%),
    radial-gradient(26px 26px at 86% 75%, rgba(0,0,0,0.07) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.6 14.4c.8-.8.8-2 0-2.8l-8.1-8.1a2 2 0 1 0-2.8 0l-.5.5a2 2 0 1 0 0 2.8l8.1 8.1c.8.8 2 .8 2.8 0l.5-.5z'/%3E%3Cpath d='M2.1 21.9a2 2 0 1 0 2.8 0'/%3E%3Cpath d='M19.1 2.1a2 2 0 1 0 2.8 2.8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    0 0,
    8% 72%,
    14% 66%,
    88% 6%;
  background-size:
    100% 100%,
    100% 100%,
    16px 16px,
    18px 18px,
    40px 40px;
  opacity: 0.9;
}

/* ---------- ABOUT PREVIEW SECTION ---------- */
/* Warm and approachable — top-right cluster */
#about-preview::before {
  background-image:
    radial-gradient(60px 60px at 92% 8%, rgba(0,0,0,0.09) 0%, transparent 100%),
    radial-gradient(52px 52px at 6% 85%, rgba(0,0,0,0.08) 0%, transparent 100%);
  filter: blur(8px);
}

#about-preview::after {
  background-image:
    radial-gradient(28px 28px at 82% 16%, rgba(0,0,0,0.07) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    10% 22%,
    16% 29%,
    8% 6%;
  background-size:
    100% 100%,
    16px 16px,
    18px 18px,
    42px 42px;
  opacity: 0.9;
}

/* ---------- FAQ SECTION ---------- */
/* Focused and clear — minimal, right-edge paw path */
.faq::before {
  background-image:
    radial-gradient(48px 48px at 4% 5%, rgba(0,0,0,0.06) 0%, transparent 100%),
    radial-gradient(50px 50px at 95% 90%, rgba(0,0,0,0.07) 0%, transparent 100%);
  filter: blur(7px);
}

.faq::after {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='15.5' r='1'/%3E%3Ccircle cx='13.5' cy='15.5' r='1'/%3E%3Cpath d='M12 17.5a2 2 0 0 1-2 2'/%3E%3Cpath d='M5 3v18'/%3E%3Cpath d='M19 3v18'/%3E%3Cpath d='M5 6h14'/%3E%3Cpath d='M5 9h2'/%3E%3Cpath d='M17 9h2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    90% 28%,
    90% 36%,
    8% 6%;
  background-size:
    14px 14px,
    16px 16px,
    36px 36px;
  opacity: 0.9;
}

/* ---------- FOOTER ---------- */
/* Subtle closure — top edge cluster */
.footer::before {
  background-image:
    radial-gradient(45px 45px at 10% 2%, rgba(0,0,0,0.06) 0%, transparent 100%),
    radial-gradient(42px 42px at 88% 95%, rgba(0,0,0,0.07) 0%, transparent 100%);
  filter: blur(7px);
}

.footer::after {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    18% 30%,
    22% 38%;
  background-size:
    14px 14px,
    16px 16px;
  opacity: 0.85;
}

/* ---------- CTA SECTION — WHITE DECORATIONS ---------- */
/* Rich density — inverted colors for dark background */
.cta-section::before {
  background-image:
    radial-gradient(72px 72px at 5% 4%, rgba(255,255,255,0.10) 0%, transparent 100%),
    radial-gradient(56px 56px at 92% 8%, rgba(255,255,255,0.12) 0%, transparent 100%),
    radial-gradient(48px 48px at 10% 14%, rgba(255,255,255,0.08) 0%, transparent 100%);
  filter: blur(10px);
}

.cta-section::after {
  background-image:
    radial-gradient(40px 40px at 88% 16%, rgba(255,255,255,0.09) 0%, transparent 100%),
    radial-gradient(80px 80px at 4% 88%, rgba(255,255,255,0.11) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23FFFFFF' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23FFFFFF' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    0 0,
    6% 14%,
    12% 20%,
    90% 85%,
    94% 8%;
  background-size:
    100% 100%,
    100% 100%,
    18px 18px,
    20px 20px,
    44px 44px,
    38px 38px;
  opacity: 0.95;
}

/* ---------- ABOUT PAGE — PAGE HERO ---------- */
.page-hero::before {
  background-image:
    radial-gradient(70px 70px at 4% 12%, rgba(0,0,0,0.05) 0%, transparent 100%),
    radial-gradient(60px 60px at 96% 88%, rgba(0,0,0,0.06) 0%, transparent 100%);
  filter: blur(10px);
}

/* Paw prints at 18%, outline doodles at 10% — corners only */
.page-hero::after {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' opacity='0.18'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.10'%3E%3Ccircle cx='10.5' cy='15.5' r='1'/%3E%3Ccircle cx='13.5' cy='15.5' r='1'/%3E%3Cpath d='M12 17.5a2 2 0 0 1-2 2'/%3E%3Cpath d='M5 3v18'/%3E%3Cpath d='M19 3v18'/%3E%3Cpath d='M5 6h14'/%3E%3Cpath d='M5 9h2'/%3E%3Cpath d='M17 9h2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    4% 14%,
    96% 86%;
  background-size:
    22px 22px,
    42px 42px;
}

/* ---------- ABOUT STORY SECTION ---------- */
.about-story::before {
  background-image:
    radial-gradient(55px 55px at 6% 5%, rgba(0,0,0,0.07) 0%, transparent 100%),
    radial-gradient(50px 50px at 92% 90%, rgba(0,0,0,0.08) 0%, transparent 100%);
  filter: blur(8px);
}

.about-story::after {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    88% 20%,
    8% 8%;
  background-size:
    16px 16px,
    40px 40px;
  opacity: 0.85;
}

/* ---------- MISSION & VALUES SECTION ---------- */
.mission-values::before {
  background-image:
    radial-gradient(65px 65px at 88% 4%, rgba(0,0,0,0.09) 0%, transparent 100%),
    radial-gradient(55px 55px at 12% 92%, rgba(0,0,0,0.10) 0%, transparent 100%);
  filter: blur(9px);
}

.mission-values::after {
  background-image:
    radial-gradient(28px 28px at 80% 12%, rgba(0,0,0,0.07) 0%, transparent 100%),
    radial-gradient(25px 25px at 20% 82%, rgba(0,0,0,0.06) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10'/%3E%3Cpath d='M21 2l-6 6'/%3E%3Cpath d='M15 8l6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    0 0,
    18% 68%,
    88% 90%;
  background-size:
    100% 100%,
    100% 100%,
    16px 16px,
    42px 42px;
  opacity: 0.9;
}

/* ---------- CERTIFICATIONS SECTION ---------- */
.certifications::before {
  background-image:
    radial-gradient(58px 58px at 5% 6%, rgba(0,0,0,0.08) 0%, transparent 100%),
    radial-gradient(52px 52px at 94% 88%, rgba(0,0,0,0.09) 0%, transparent 100%);
  filter: blur(8px);
}

.certifications::after {
  background-image:
    radial-gradient(26px 26px at 14% 15%, rgba(0,0,0,0.06) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.6 14.4c.8-.8.8-2 0-2.8l-8.1-8.1a2 2 0 1 0-2.8 0l-.5.5a2 2 0 1 0 0 2.8l8.1 8.1c.8.8 2 .8 2.8 0l.5-.5z'/%3E%3Cpath d='M2.1 21.9a2 2 0 1 0 2.8 0'/%3E%3Cpath d='M19.1 2.1a2 2 0 1 0 2.8 2.8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    10% 22%,
    90% 8%;
  background-size:
    100% 100%,
    16px 16px,
    40px 40px;
  opacity: 0.9;
}

/* ---------- PROCESS SECTION (SERVICES PAGE) ---------- */
.process::before {
  background-image:
    radial-gradient(50px 50px at 8% 5%, rgba(0,0,0,0.07) 0%, transparent 100%),
    radial-gradient(48px 48px at 90% 90%, rgba(0,0,0,0.08) 0%, transparent 100%);
  filter: blur(7px);
}

.process::after {
  background-image:
    radial-gradient(24px 24px at 15% 14%, rgba(0,0,0,0.05) 0%, transparent 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M49.9 83.2c-12.7 0-21.7-8.1-23.8-19.4-.9-4.8 1.4-8.8 6.5-12 5.1-3.2 12.3-3.6 17.3-3.6 5 0 12.2.4 17.3 3.6 5.1 3.2 7.4 7.2 6.5 12-2.1 11.3-11.1 19.4-23.8 19.4zm-22.1-40c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zm44.2 0c-6.1.1-11-5.1-10.9-11.5.1-6.1 5.3-11 11.5-10.9 6.1-.1 11 5.1 10.9 11.5-.1 6.1-5.3 11-11.5 10.9zM38.8 23c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3zm22.4 0c-5.2.1-9.4-4.3-9.3-9.7.1-5.2 4.5-9.4 9.7-9.3 5.2-.1 9.4 4.3 9.3 9.7-.1 5.2-4.5 9.4-9.7 9.3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:
    0 0,
    88% 25%;
  background-size:
    100% 100%,
    16px 16px;
  opacity: 0.85;
}

/* ---------- MOBILE RESPONSIVE ---------- */
@media (max-width: 768px) {
  .hero::before, .hero::after,
  #services::before, #services::after,
  .why-us::before, .why-us::after,
  .premium-gallery-section::before, .premium-gallery-section::after,
  .marquee-testimonials::before, .marquee-testimonials::after,
  #blog-preview::before, #blog-preview::after,
  #about-preview::before, #about-preview::after,
  .faq::before, .faq::after,
  .footer::before, .footer::after,
  .cta-section::before, .cta-section::after,
  .page-hero::before, .page-hero::after,
  .about-story::before, .about-story::after,
  .mission-values::before, .mission-values::after,
  .certifications::before, .certifications::after,
  .process::before, .process::after {
    transform: scale(0.7);
    transform-origin: center center;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .hero::before, .hero::after,
  #services::before, #services::after,
  .why-us::before, .why-us::after,
  .premium-gallery-section::before, .premium-gallery-section::after,
  .marquee-testimonials::before, .marquee-testimonials::after,
  #blog-preview::before, #blog-preview::after,
  #about-preview::before, #about-preview::after,
  .faq::before, .faq::after,
  .footer::before, .footer::after,
  .cta-section::before, .cta-section::after,
  .page-hero::before, .page-hero::after,
  .about-story::before, .about-story::after,
  .mission-values::before, .mission-values::after,
  .certifications::before, .certifications::after,
  .process::before, .process::after {
    transform: scale(0.85);
    transform-origin: center center;
  }
}