/* ===========================
   Memento Landing Page - Custom Styles
   (Tailwind handles utility classes via CDN)
   =========================== */

/* Global scale-down: reduces all rem-based sizes (text, button padding, spacing) */
html {
    font-size: 80%;
}

/* Material Symbols */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Hero Section Gradient */
.hero-gradient {
    background: radial-gradient(circle at 50% 50%, #faf1fb 0%, #fff7fe 100%);
}

/* Card Shadow */
.arcane-card-shadow {
    box-shadow: 0px 12px 32px rgba(30, 26, 33, 0.06);
}

/* CTA Button Gradient */
.cta-gradient {
    background: linear-gradient(135deg, #821dda 0%, #4b0082 100%);
}

/* Hero Asymmetric Bleed */
.asymmetric-bleed {
    margin-left: -5%;
}