/*
Theme Name: Mona AI Solutions
Theme URI: https://mona9.in
Author: Mona Software Solutions
Author URI: https://mona9.in
Description: Custom landing-page theme for Mona Software Solutions - an AI content generation platform (YouTube, Instagram, Facebook, Twitter tools) plus software/web development services. Built as a single-page React front-end rendered inside a standard WordPress theme shell.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mona-ai
*/

#msx-root{ font-family:'Inter',sans-serif; color:#0F172A; background:#fff; overflow-x:hidden; }
#msx-root h1,#msx-root h2,#msx-root h3,#msx-root .msx-heading{ font-family:'Poppins',sans-serif; }
#msx-root *{ box-sizing:border-box; }
#msx-root a{ text-decoration:none; }

@keyframes msxFadeUp{ from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:translateY(0);} }
.msx-reveal{ opacity:0; }
.msx-reveal.msx-in{ animation:msxFadeUp .7s ease-out forwards; }

@keyframes msxFloat{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-14px);} }
.msx-float{ animation:msxFloat 4s ease-in-out infinite; }
.msx-float-slow{ animation:msxFloat 6s ease-in-out infinite; }

@keyframes msxGradientShift{ 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }
.msx-gradient-bg{ background:linear-gradient(120deg,#eef2ff,#e0e7ff,#dbeafe,#ede9fe); background-size:300% 300%; animation:msxGradientShift 12s ease infinite; }

.msx-glass{ background:rgba(255,255,255,0.65); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,0.5); }
.msx-card{ transition:transform .25s ease, box-shadow .25s ease; }
.msx-card:hover{ transform:translateY(-6px); box-shadow:0 20px 40px -12px rgba(37,99,235,0.25); }

.msx-btn{ position:relative; overflow:hidden; }
.msx-ripple{ position:absolute; border-radius:50%; background:rgba(255,255,255,0.5); transform:scale(0); animation:msxRipple .6s linear; pointer-events:none; }
@keyframes msxRipple{ to{ transform:scale(3); opacity:0; } }

.msx-drawer-enter{ transform:translateX(-100%); }
.msx-drawer-open{ transform:translateX(0); transition:transform .35s cubic-bezier(.4,0,.2,1); }
.msx-drawer-closed{ transform:translateX(-100%); transition:transform .35s cubic-bezier(.4,0,.2,1); }

.msx-scrollbar-hide::-webkit-scrollbar{ display:none; }

/* Prevent theme/plugin margins from fighting the full-bleed sections */
body.mona-ai-theme{ margin:0; padding:0; }