.elementor-16405 .elementor-element.elementor-element-cafb274{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-a3c42fa *//* =========================================================
   MINOU NAILS APP LANDING PAGE
   CLEAN • LUXURY • MOBILE FIRST
========================================================= */

.mnx-page,
.mnx-page *{
    box-sizing:border-box;
}

.mnx-page{
    --pink:#e50075;
    --pink-dark:#bf005f;
    --soft-pink:#fff3f8;
    --soft-pink-2:#fde4ee;
    --ink:#1a1618;
    --muted:#7f767b;
    --line:rgba(210,175,191,.45);
    --white:#ffffff;

    width:100%;
    overflow:hidden;
    position:relative;

    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
    color:var(--ink);

    background:
        radial-gradient(circle at 0% 8%, rgba(255,223,235,.85), transparent 23%),
        radial-gradient(circle at 100% 26%, rgba(253,231,239,.9), transparent 26%),
        linear-gradient(180deg,#fffdfd 0%, #fff8fb 50%, #fffdfd 100%);

    -webkit-font-smoothing:antialiased;
}

.mnx-page a{
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
}

.mnx-wrap{
    width:calc(100% - 32px);
    max-width:1140px;
    margin:0 auto;
}

/* =========================================================
   SOFT FLOATING BLOBS
========================================================= */

.mnx-blob{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    z-index:0;
    filter:blur(4px);
}

.mnx-blob-1{
    width:240px;
    height:240px;
    top:420px;
    left:-150px;
    background:radial-gradient(circle, rgba(252,210,228,.9), rgba(252,210,228,.2), transparent 72%);
    animation:mnxFloat 9s ease-in-out infinite;
}

.mnx-blob-2{
    width:210px;
    height:210px;
    top:1250px;
    right:-120px;
    background:radial-gradient(circle, rgba(250,222,235,.95), rgba(250,222,235,.24), transparent 72%);
    animation:mnxFloat 11s ease-in-out infinite reverse;
}

@keyframes mnxFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-14px)}
}

/* =========================================================
   TOP OFFER
========================================================= */

.mnx-offer{
    position:relative;
    z-index:10;
    padding:13px 16px 14px;
    text-align:center;
    color:#fff;
    background:linear-gradient(110deg,#c70063 0%, #e80076 55%, #f52d8d 100%);
}

.mnx-offer-label{
    display:inline-block;
    margin-bottom:6px;
    font-size:8px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:.9;
}

.mnx-offer-text{
    font-size:13px;
    line-height:1.45;
    font-weight:400;
}

.mnx-offer-text strong{
    font-weight:700;
}

.mnx-offer-price{
    display:inline-block;
    margin-left:4px;
    padding:3px 9px;
    border-radius:999px;
    background:#fff;
    color:var(--pink-dark);
    font-size:12px;
    font-weight:700;
}

.mnx-offer-code-row{
    margin-top:8px;
    font-size:9px;
    letter-spacing:1px;
    opacity:.95;
}

.mnx-offer-code{
    display:inline-block;
    margin-left:6px;
    padding:6px 11px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.28);
    background:rgba(255,255,255,.15);
    font-size:10px;
    font-weight:700;
    letter-spacing:.8px;
}

/* =========================================================
   HEADER
========================================================= */

.mnx-header{
    position:relative;
    z-index:5;
    padding:18px 0 8px;
}

.mnx-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.mnx-logo{
    display:block;
    width:128px;
    height:auto;
}

.mnx-header-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border-radius:999px;
    color:#c10060 !important;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(229,0,117,.14);
    box-shadow:0 10px 24px rgba(105,40,67,.06);
    font-size:10px;
    font-weight:600;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

/* =========================================================
   HERO
========================================================= */

.mnx-hero{
    position:relative;
    z-index:2;
    padding:34px 0 48px;
}

.mnx-hero-grid{
    display:grid;
    gap:28px;
}

.mnx-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 11px;
    border-radius:999px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.7);
    color:#a46683;
    font-size:8px;
    font-weight:600;
    letter-spacing:1.4px;
    text-transform:uppercase;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.mnx-tag-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--pink);
    box-shadow:0 0 0 5px rgba(229,0,117,.08);
    animation:mnxPulse 2.2s ease-in-out infinite;
}

@keyframes mnxPulse{
    0%,100%{box-shadow:0 0 0 5px rgba(229,0,117,.08)}
    50%{box-shadow:0 0 0 9px rgba(229,0,117,.02)}
}

.mnx-hero h1{
    margin:18px 0 14px;
    max-width:620px;
    font-size:44px;
    line-height:1.03;
    letter-spacing:-2px;
    font-weight:400;
}

.mnx-hero h1 span{
    color:var(--pink);
    font-weight:300;
}

.mnx-hero p{
    max-width:560px;
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.78;
}

.mnx-hero p strong{
    color:#352d31;
    font-weight:600;
}

/* =========================================================
   STORE BUTTONS
========================================================= */

.mnx-stores{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}

.mnx-store{
    display:inline-flex;
    align-items:center;
    transition:transform .3s ease;
}

.mnx-store:hover{
    transform:translateY(-2px);
}

.mnx-store img{
    display:block;
    height:44px;
    width:auto;
}

.mnx-store-google img{
    height:60px;
    margin:-8px 0;
}

.mnx-store-note{
    margin-top:10px;
    color:#a1979b;
    font-size:8px;
}

/* =========================================================
   HERO PHONE
========================================================= */

.mnx-hero-phone{
    position:relative;
    min-height:410px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mnx-hero-phone-glow{
    position:absolute;
    width:270px;
    height:270px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(252,210,228,.72), rgba(255,241,247,.36), transparent 72%);
}

.mnx-phone-main{
    position:relative;
    z-index:2;
    display:block;
    width:auto;
    height:350px;
    max-width:88%;
    object-fit:contain;
    filter:drop-shadow(0 24px 24px rgba(77,28,49,.14));
    animation:mnxPhoneLift 5.8s ease-in-out infinite;
}

@keyframes mnxPhoneLift{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-7px)}
}

.mnx-float-card{
    position:absolute;
    z-index:3;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.92);
    border-radius:16px;
    background:rgba(255,255,255,.82);
    box-shadow:0 12px 28px rgba(92,41,63,.08);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.mnx-float-card small{
    display:block;
    color:#b17992;
    font-size:6px;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.mnx-float-card strong{
    display:block;
    margin-top:3px;
    color:#372e33;
    font-size:9px;
    font-weight:600;
}

.mnx-float-1{
    top:72px;
    left:0;
    animation:mnxFloatCard 5s ease-in-out infinite;
}

.mnx-float-2{
    right:0;
    bottom:72px;
    animation:mnxFloatCard 6s ease-in-out infinite reverse;
}

@keyframes mnxFloatCard{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-6px)}
}

/* =========================================================
   MINI FEATURES
========================================================= */

.mnx-mini{
    position:relative;
    z-index:2;
    padding:0 0 68px;
}

.mnx-mini-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.mnx-mini-card{
    min-height:105px;
    padding:16px 14px;
    border-radius:22px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.74);
    box-shadow:0 11px 28px rgba(76,25,48,.045);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.mnx-mini-no{
    color:#c7a0b3;
    font-size:7px;
    letter-spacing:1px;
}

.mnx-mini-card h3{
    margin:10px 0 5px;
    font-size:12px;
    font-weight:600;
    letter-spacing:-.2px;
}

.mnx-mini-card p{
    margin:0;
    color:#8b8187;
    font-size:8px;
    line-height:1.5;
}

/* =========================================================
   SECTION HEAD
========================================================= */

.mnx-section{
    position:relative;
    z-index:2;
    padding:66px 0 72px;
}

.mnx-heading{
    max-width:650px;
    margin:0 auto 32px;
    text-align:center;
}

.mnx-heading small{
    color:#b47590;
    font-size:7px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.mnx-heading h2{
    margin:10px auto 11px;
    font-size:31px;
    line-height:1.1;
    font-weight:400;
    letter-spacing:-1.2px;
}

.mnx-heading p{
    max-width:520px;
    margin:0 auto;
    color:#8b8187;
    font-size:10px;
    line-height:1.7;
}

/* =========================================================
   FEATURE CARDS
========================================================= */

.mnx-cards{
    display:grid;
    gap:18px;
}

.mnx-card{
    overflow:hidden;
    border-radius:28px;
    border:1px solid var(--line);
    background:linear-gradient(150deg, rgba(255,255,255,.96), rgba(255,249,252,.88));
    box-shadow:0 16px 44px rgba(73,24,47,.055);
}

.mnx-card-visual{
    position:relative;
    min-height:310px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:24px 8px 0;
    overflow:hidden;
}

.mnx-card-visual:before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    bottom:-24px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(circle, rgba(250,213,228,.72), rgba(255,245,249,.32), transparent 72%);
}

.mnx-card-visual img{
    position:relative;
    z-index:2;
    display:block;
    width:auto;
    max-width:82%;
    height:290px;
    object-fit:contain;
    filter:drop-shadow(0 20px 20px rgba(74,25,47,.11));
}

.mnx-card-copy{
    padding:22px 20px 24px;
    border-top:1px solid rgba(189,125,154,.08);
    background:rgba(255,255,255,.72);
}

.mnx-card-label{
    color:#b78b9f;
    font-size:7px;
    letter-spacing:1.7px;
    text-transform:uppercase;
}

.mnx-card-copy h3{
    margin:8px 0 8px;
    font-size:21px;
    line-height:1.14;
    font-weight:400;
    letter-spacing:-.5px;
}

.mnx-card-copy p{
    margin:0;
    color:#82797f;
    font-size:10px;
    line-height:1.72;
}

.mnx-card-copy p strong{
    color:#ba246a;
    font-weight:600;
}

.mnx-pills{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:14px;
}

.mnx-pill{
    padding:6px 9px;
    border-radius:999px;
    border:1px solid #f0d8e3;
    background:#fff7fa;
    color:#9b647b;
    font-size:7px;
}

.mnx-rewards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:15px;
}

.mnx-reward{
    padding:12px 10px;
    border-radius:16px;
    background:linear-gradient(145deg,#fff6fa,#fde8f1);
}

.mnx-reward small{
    display:block;
    color:#b67591;
    font-size:6px;
    letter-spacing:1px;
}

.mnx-reward strong{
    display:block;
    margin-top:4px;
    font-size:9px;
    font-weight:600;
}

.mnx-reward p{
    margin-top:4px;
    font-size:7px;
    line-height:1.45;
}

/* =========================================================
   SPECIAL OFFER
========================================================= */

.mnx-special{
    position:relative;
    z-index:2;
    padding:4px 0 72px;
}

.mnx-special-box{
    position:relative;
    overflow:hidden;
    padding:40px 22px;
    border-radius:30px;
    text-align:center;
    color:#fff;
    background:
        radial-gradient(circle at 90% -10%, rgba(233,0,118,.24), transparent 40%),
        linear-gradient(140deg,#171317 0%, #24171d 55%, #371521 100%);
    box-shadow:0 24px 62px rgba(39,13,25,.15);
}

.mnx-special-box small{
    color:#dc9ab8;
    font-size:7px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.mnx-special-box h2{
    margin:13px auto 10px;
    max-width:640px;
    font-size:29px;
    line-height:1.1;
    font-weight:300;
    letter-spacing:-1px;
}

.mnx-special-box h2 strong{
    color:#ff4ca0;
    font-weight:500;
}

.mnx-special-box p{
    max-width:510px;
    margin:0 auto;
    color:#c8bdc2;
    font-size:9px;
    line-height:1.72;
}

.mnx-special-code{
    display:inline-block;
    margin-top:18px;
    padding:8px 13px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:8px;
    letter-spacing:1px;
}

.mnx-special-code strong{
    color:#ff82bc;
    font-weight:600;
}

/* =========================================================
   NOTICE
========================================================= */

.mnx-notice{
    position:relative;
    z-index:2;
    padding:0 0 72px;
}

.mnx-notice-box{
    padding:31px 22px;
    border-radius:28px;
    border:1px solid var(--line);
    text-align:center;
    background:rgba(255,255,255,.76);
    box-shadow:0 14px 42px rgba(72,24,46,.05);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.mnx-notice-box small{
    color:#b77993;
    font-size:7px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.mnx-notice-box h2{
    margin:10px 0 9px;
    font-size:24px;
    line-height:1.12;
    font-weight:400;
    letter-spacing:-.7px;
}

.mnx-notice-box p{
    max-width:560px;
    margin:0 auto;
    color:#837a80;
    font-size:10px;
    line-height:1.75;
}

.mnx-notice-box strong{
    color:#342c31;
    font-weight:600;
}

/* =========================================================
   FINAL CTA
========================================================= */

.mnx-final{
    position:relative;
    z-index:2;
    padding:0 0 125px;
}

.mnx-final-box{
    padding:46px 22px;
    border-radius:32px;
    text-align:center;
    border:1px solid rgba(255,255,255,.9);
    background:
        radial-gradient(circle at 50% -10%, rgba(255,255,255,.96), transparent 40%),
        linear-gradient(145deg,#fde6ef,#f8c9db 56%,#efacc7);
    box-shadow:inset 0 1px 2px rgba(255,255,255,.9), 0 24px 58px rgba(126,50,84,.08);
}

.mnx-final-logo{
    display:block;
    width:120px;
    height:auto;
    margin:0 auto 14px;
}

.mnx-final-box h2{
    max-width:620px;
    margin:0 auto 10px;
    font-size:29px;
    line-height:1.1;
    font-weight:300;
    letter-spacing:-1px;
}

.mnx-final-box p{
    max-width:500px;
    margin:0 auto;
    color:#765561;
    font-size:9px;
    line-height:1.72;
}

.mnx-final-box .mnx-stores{
    justify-content:center;
}

/* =========================================================
   MOBILE STICKY CTA
========================================================= */

.mnx-sticky{
    position:fixed;
    z-index:99999;
    left:9px;
    right:9px;
    bottom:9px;
    min-height:64px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:7px 7px 7px 13px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.92);
    background:rgba(255,255,255,.9);
    box-shadow:0 14px 44px rgba(44,13,28,.18);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

.mnx-sticky-copy strong{
    display:block;
    font-size:9px;
    font-weight:600;
}

.mnx-sticky-copy span{
    display:block;
    margin-top:3px;
    color:#999096;
    font-size:6px;
}

.mnx-sticky-btn{
    min-width:126px;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border-radius:18px;
    color:#fff !important;
    background:linear-gradient(135deg,#ec0f7d,#c20060);
    box-shadow:0 8px 22px rgba(233,0,118,.19);
    font-size:9px;
    font-weight:600;
}

/* =========================================================
   SIMPLE ENTRY ANIMATION
========================================================= */

.mnx-fade-1{animation:mnxFadeUp .75s ease both;}
.mnx-fade-2{animation:mnxFadeUp .9s .08s ease both;}
.mnx-fade-3{animation:mnxFadeUp 1s .16s ease both;}

@keyframes mnxFadeUp{
    from{opacity:0;transform:translateY(18px)}
    to{opacity:1;transform:translateY(0)}
}

/* =========================================================
   TABLET
========================================================= */

@media(min-width:700px){

    .mnx-wrap{
        width:calc(100% - 52px);
    }

    .mnx-header{
        padding-top:22px;
    }

    .mnx-logo{
        width:150px;
    }

    .mnx-hero{
        padding:58px 0 74px;
    }

    .mnx-hero-grid{
        grid-template-columns:1fr 1fr;
        align-items:center;
        gap:54px;
    }

    .mnx-hero h1{
        font-size:60px;
        letter-spacing:-3px;
    }

    .mnx-hero p{
        font-size:14px;
    }

    .mnx-hero-phone{
        min-height:560px;
    }

    .mnx-phone-main{
        height:490px;
    }

    .mnx-mini-grid{
        grid-template-columns:repeat(4,1fr);
    }

    .mnx-cards{
        grid-template-columns:1fr 1fr;
        gap:20px;
    }

    .mnx-card-visual{
        min-height:380px;
    }

    .mnx-card-visual img{
        height:340px;
        max-width:76%;
    }

    .mnx-final-box .mnx-stores{
        display:flex;
    }

    .mnx-sticky{
        display:none;
    }

    .mnx-final{
        padding-bottom:75px;
    }
}

/* =========================================================
   DESKTOP
========================================================= */

@media(min-width:1050px){

    .mnx-hero{
        padding:72px 0 92px;
    }

    .mnx-hero-grid{
        gap:82px;
    }

    .mnx-hero h1{
        font-size:74px;
        letter-spacing:-3.7px;
    }

    .mnx-phone-main{
        height:560px;
    }

    .mnx-hero-phone{
        min-height:620px;
    }

    .mnx-card-visual{
        min-height:430px;
    }

    .mnx-card-visual img{
        height:380px;
        max-width:72%;
    }

    .mnx-card-copy{
        padding:26px 24px 28px;
    }

    .mnx-card-copy h3{
        font-size:24px;
    }

    .mnx-special-box{
        padding:55px 36px;
    }

    .mnx-final-box{
        padding:60px 34px;
    }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){
    .mnx-phone-main,
    .mnx-blob,
    .mnx-float-card,
    .mnx-tag-dot{
        animation:none;
    }
}/* End custom CSS */