/* ── Brochure: Creative Variant ── */
/* Bold colors, dynamic, energetic, gradient-heavy */

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

:root {
    --brochure-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --brochure-hero-bg: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    --brochure-hero-shape: radial-gradient(ellipse at 30% 60%, rgba(240,147,251,.3) 0%, transparent 70%);
    --brochure-accent: var(--primary-color, #764ba2);
    --brochure-text: #1e1e2f;
    --brochure-muted: #6c6c80;
    --brochure-card-bg: #ffffff;
    --brochure-card-border: #f0e6ff;
    --brochure-card-hover-shadow: 0 20px 50px rgba(118,75,162,.15);
    --brochure-icon-bg: #f3e8ff;
    --brochure-section-bg: #faf5ff;
    --brochure-contact-bg: linear-gradient(135deg, #667eea, #764ba2);
    --brochure-radius: 20px;
    --brochure-eyebrow-color: #764ba2;
}

/* Creative typography */
body { -webkit-font-smoothing: antialiased; }
.brochure-hero h1 {
    font-weight: 800;
    background: linear-gradient(135deg, #fff 0%, #f0e6ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.section-title { font-weight: 800; }

/* Feature cards: rounded, colorful border on hover */
.feature-card {
    border: 2px solid transparent;
    border-radius: 20px;
    background-clip: padding-box;
    box-shadow: 0 4px 16px rgba(118,75,162,.06);
    position: relative;
    overflow: hidden;
}
.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2, #f093fb);
    opacity: 0;
    transition: opacity .3s;
}
.feature-card:hover::before { opacity: 1; }
.feature-card:hover { border-color: #e9d5ff; }

/* Feature icon: circle gradient */
.feature-icon {
    border-radius: 50%;
    background: linear-gradient(135deg, #f3e8ff, #e9d5ff);
    color: #764ba2;
}

/* Page cards: bold radius */
.page-card-brochure { border-radius: 20px; overflow: hidden; }
.page-card-brochure .card-img-top { border-radius: 20px 20px 0 0; }
.page-card-brochure:hover { box-shadow: 0 20px 50px rgba(118,75,162,.15); }

/* Hero badge: vibrant */
.hero-badge {
    background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.35);
    backdrop-filter: blur(8px);
}

/* Section eyebrow: gradient text */
.section-eyebrow {
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Stat numbers: gradient */
.stat-item .stat-num {
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Contact items: glass */
.contact-item {
    border-radius: 16px;
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.2);
}

/* Marketplace cards: rounded, playful */
.mp-card { border-radius: 16px; }
.mp-card:hover { box-shadow: 0 16px 40px rgba(118,75,162,.12); }

/* Read more: gradient underline */
.page-card-brochure .btn-read { color: #764ba2; }
.page-card-brochure .btn-read:hover { text-decoration: underline; text-decoration-color: #f093fb; }

/* Footer */
.brochure-footer .footer-main { background: #1e1e2f; }
.brochure-footer .footer-bottom { background: #15152a; }