/* =====================================================
   MINECRAFT HERO — PART 1
   Layout, Background, Typography, Buttons
===================================================== */

/* Minecraft-style font for headings */
@import url("https://fonts.cdnfonts.com/css/minecraft-4");

.mc-page{
    width:100%;
    overflow:hidden;
    background:#050713;
}

.mc-hero{
    position:relative;
    min-height:100vh;
    isolation:isolate;
    overflow:hidden;
    color:#ffffff;
}

/* =====================================================
   BACKGROUND
===================================================== */

.mc-hero__background{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    background-image:url("../assets/minecraft-hero.jpg");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;

    z-index:-5;
}

/* Dark left-side overlay for readable text */

.mc-hero__overlay{
    position:absolute;
    inset:0;
    z-index:-4;

    background:
        linear-gradient(
            90deg,
            rgba(2, 5, 16, .97) 0%,
            rgba(3, 7, 20, .91) 25%,
            rgba(4, 8, 20, .62) 48%,
            rgba(3, 6, 16, .18) 72%,
            rgba(2, 4, 12, .10) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 6, 15, .48) 0%,
            rgba(3, 6, 15, .04) 38%,
            rgba(2, 4, 12, .34) 100%
        );
}

/* Purple Servomix glow */

.mc-hero__glow{
    position:absolute;
    inset:0;
    z-index:-3;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 18% 42%,
            rgba(119, 61, 255, .26),
            transparent 33%
        ),
        radial-gradient(
            circle at 45% 80%,
            rgba(59, 105, 255, .14),
            transparent 32%
        );
}

/* =====================================================
   MAIN CONTAINER
===================================================== */

.mc-hero__container{
    position:relative;
    z-index:3;

    width:min(1480px, 92%);
    min-height:100vh;
    margin:0 auto;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
        190px 0
        120px;
}

/* =====================================================
   CONTENT
===================================================== */

.mc-hero__content{
    width:min(720px, 100%);
}

/* =====================================================
   BADGE
===================================================== */

.mc-hero__badge{
    display:inline-flex;
    align-items:center;
    gap:11px;

    margin-bottom:27px;
    padding:11px 18px;

    border:1px solid rgba(151, 91, 255, .45);
    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            rgba(105, 55, 205, .22),
            rgba(28, 18, 71, .50)
        );

    color:#f3eaff;

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:13px;
    line-height:1;
    letter-spacing:.045em;
    text-transform:uppercase;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 28px rgba(112, 54, 255, .15);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.mc-hero__badge svg{
    width:18px;
    height:18px;

    color:#a96cff;
    stroke-width:2;
}

/* =====================================================
   TITLE
===================================================== */

.mc-hero__title{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    margin:0;

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:clamp(4.8rem, 7.2vw, 8.6rem);
    font-weight:400;
    line-height:.79;
    letter-spacing:-.035em;
    text-transform:uppercase;

    filter:
        drop-shadow(0 10px 18px rgba(0,0,0,.40));
}

.mc-hero__title-line{
    display:block;
    color:#f7f7f4;
}

.mc-hero__title-gradient{
    margin:12px 0;

    background:
        linear-gradient(
            90deg,
            #9b4dff 0%,
            #6a5cff 48%,
            #3f8cff 100%
        );

    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;

    filter:
        drop-shadow(0 0 22px rgba(112, 75, 255, .28));
}

/* Minecraft block texture effect */

.mc-hero__title-line{
    text-shadow:
        0 4px 0 rgba(0,0,0,.28),
        4px 0 0 rgba(255,255,255,.025);
}

/* =====================================================
   DESCRIPTION
===================================================== */

.mc-hero__description{
    max-width:650px;
    margin:34px 0 0;

    color:rgba(230, 235, 250, .78);
    font-family:"Inter", sans-serif;
    font-size:18px;
    font-weight:400;
    line-height:1.8;

    text-shadow:
        0 2px 14px rgba(0,0,0,.50);
}

/* =====================================================
   ACTION BUTTONS
===================================================== */

.mc-hero__actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;

    margin-top:34px;
}

.mc-hero__button{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    min-width:220px;
    height:62px;
    padding:0 26px;

    border-radius:7px;

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:15px;
    letter-spacing:.025em;
    text-transform:uppercase;

    text-decoration:none;

    overflow:hidden;

    transition:
        transform .32s ease,
        border-color .32s ease,
        box-shadow .32s ease,
        background .32s ease;
}

.mc-hero__button::before{
    content:"";

    position:absolute;
    top:0;
    left:-110%;

    width:65%;
    height:100%;

    background:
        linear-gradient(
            100deg,
            transparent,
            rgba(255,255,255,.24),
            transparent
        );

    transform:skewX(-20deg);

    transition:left .70s ease;
}

.mc-hero__button:hover::before{
    left:145%;
}

.mc-hero__button svg{
    width:19px;
    height:19px;
    stroke-width:2;
}

.mc-hero__button-arrow{
    margin-left:3px;

    transition:transform .30s ease;
}

/* Primary */

.mc-hero__button--primary{
    border:1px solid rgba(166, 83, 255, .82);

    background:
        linear-gradient(
            135deg,
            #783dff 0%,
            #9c3eff 48%,
            #5b4cff 100%
        );

    color:#ffffff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 13px 32px rgba(92, 47, 255, .30),
        0 0 28px rgba(141, 62, 255, .20);
}

.mc-hero__button--primary:hover{
    transform:translateY(-5px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 20px 45px rgba(92, 47, 255, .40),
        0 0 38px rgba(141, 62, 255, .30);
}

.mc-hero__button--primary:hover
.mc-hero__button-arrow{
    transform:translateX(5px);
}

/* Secondary */

.mc-hero__button--secondary{
    border:1px solid rgba(180, 194, 230, .25);

    background:
        linear-gradient(
            145deg,
            rgba(20, 26, 45, .74),
            rgba(8, 12, 27, .78)
        );

    color:#ffffff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 12px 28px rgba(0,0,0,.25);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.mc-hero__button--secondary:hover{
    transform:translateY(-5px);

    border-color:rgba(119, 93, 255, .72);

    background:
        linear-gradient(
            145deg,
            rgba(48, 39, 112, .55),
            rgba(10, 15, 34, .86)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 17px 38px rgba(0,0,0,.32),
        0 0 26px rgba(113, 77, 255, .17);
}

.mc-hero__button--secondary:hover
.mc-hero__button-arrow{
    transform:translateY(4px);
}

/* =====================================================
   FOCUS STATES
===================================================== */

.mc-hero__button:focus-visible{
    outline:2px solid #aa79ff;
    outline-offset:5px;
}
/* =====================================================
   MINECRAFT HERO — PART 2
   Feature Cards, Trust Card, Status Card, Scroll Indicator
===================================================== */

/* =====================================================
   HARDWARE FEATURES
===================================================== */

.mc-hero__features{
    display:grid;
    grid-template-columns:repeat(4, minmax(155px, 1fr));
    gap:12px;
    width:min(850px, 100%);
    margin-top:30px;
}

.mc-hero-feature{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;

    min-width:0;
    min-height:82px;
    padding:14px 16px;

    border:1px solid rgba(139, 99, 255, .30);
    border-radius:10px;

    background:
        linear-gradient(
            145deg,
            rgba(17, 21, 43, .86),
            rgba(7, 10, 24, .82)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 12px 28px rgba(0,0,0,.24),
        0 0 20px rgba(108, 72, 255, .08);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    overflow:hidden;
}

.mc-hero-feature__icon{
    flex:0 0 auto;

    display:grid;
    place-items:center;

    width:44px;
    height:44px;

    border:1px solid rgba(149, 98, 255, .42);
    border-radius:9px;

    color:#b784ff;

    background:
        linear-gradient(
            145deg,
            rgba(113, 63, 255, .28),
            rgba(49, 30, 104, .34)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 18px rgba(123, 76, 255, .13);
}

.mc-hero-feature__content{
    min-width:0;
    overflow:visible;
}

.mc-hero-feature__content strong,
.mc-hero-feature__content span{
    display:block;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
}

.mc-hero-feature__content strong{
    color:#fff;
    font-size:11px;
    line-height:1.2;
}

.mc-hero-feature__content span{
    margin-top:4px;
    color:rgba(220,225,245,.68);
    font-size:10px;
    line-height:1.25;
}

/* =====================================================
   BOTTOM AREA
===================================================== */

.mc-hero__bottom{
    position:absolute;
    left:0;
    right:0;
    bottom:38px;

    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:end;
    gap:28px;
}

/* =====================================================
   TRUST CARD
===================================================== */

.mc-hero__trust{
    justify-self:start;

    display:flex;
    align-items:center;
    gap:16px;

    min-width:360px;
    padding:15px 18px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 13, 27, .83),
            rgba(5, 8, 19, .75)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 15px 36px rgba(0,0,0,.27);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

/* Player Avatars */

.mc-hero__avatars{
    display:flex;
    align-items:center;

    flex:0 0 auto;
}

.mc-hero__avatars img{
    width:44px;
    height:44px;

    border:2px solid #17132f;
    border-radius:6px;

    object-fit:cover;

    box-shadow:
        0 8px 18px rgba(0,0,0,.34);

    margin-left:-11px;

    transition:
        transform .28s ease,
        z-index .28s ease;
}

.mc-hero__avatars img:first-child{
    margin-left:0;
}

.mc-hero__avatars img:hover{
    z-index:3;
    transform:translateY(-4px) scale(1.06);
}

/* Trust Text */

.mc-hero__trust-content{
    display:flex;
    flex-direction:column;
    gap:3px;

    min-width:0;
}

.mc-hero__trust-content strong{
    color:#ffffff;

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:12px;
    font-weight:400;
    letter-spacing:.015em;
    text-transform:uppercase;
}

.mc-hero__trust-content > span{
    color:rgba(211, 218, 239, .62);

    font-family:"Inter", sans-serif;
    font-size:11px;
    line-height:1.35;
}

/* Stars */

.mc-hero__stars{
    display:flex;
    align-items:center;
    gap:3px;

    margin-top:4px;
}

.mc-hero__stars svg{
    width:13px;
    height:13px;

    color:#ffcf43;
    fill:#ffcf43;
    stroke-width:1.5;

    filter:
        drop-shadow(0 0 5px rgba(255, 202, 50, .24));
}

/* =====================================================
   STATUS CARD
===================================================== */

.mc-hero__status{
    justify-self:end;

    display:flex;
    align-items:center;
    gap:19px;

    min-width:390px;
    padding:15px 18px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;

    background:
        linear-gradient(
            145deg,
            rgba(8, 13, 27, .83),
            rgba(5, 8, 19, .75)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 15px 36px rgba(0,0,0,.27);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

.mc-hero-status-item{
    display:flex;
    align-items:center;
    gap:11px;

    min-width:0;
}

.mc-hero-status-item__icon{
    flex:0 0 auto;

    display:grid;
    place-items:center;

    width:40px;
    height:40px;

    border-radius:7px;
}

.mc-hero-status-item__icon svg{
    width:19px;
    height:19px;
    stroke-width:2;
}

.mc-hero-status-item__icon.uptime{
    color:#36e6a0;

    border:1px solid rgba(54,230,160,.32);

    background:
        rgba(25, 150, 101, .15);

    box-shadow:
        0 0 18px rgba(49, 222, 153, .10);
}

.mc-hero-status-item__icon.support{
    color:#ac77ff;

    border:1px solid rgba(157,104,255,.32);

    background:
        rgba(99, 48, 196, .17);

    box-shadow:
        0 0 18px rgba(130, 75, 255, .11);
}

.mc-hero-status-item div{
    display:flex;
    flex-direction:column;
    gap:3px;

    min-width:0;
}

.mc-hero-status-item strong{
    color:#ffffff;

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:11px;
    font-weight:400;
    letter-spacing:.015em;
    text-transform:uppercase;

    white-space:nowrap;
}

.mc-hero-status-item span{
    color:rgba(211, 218, 239, .58);

    font-family:"Inter", sans-serif;
    font-size:10px;
    line-height:1.3;

    white-space:nowrap;
}

.mc-hero__status-divider{
    display:block;

    width:1px;
    height:40px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(255,255,255,.16),
            transparent
        );
}

/* =====================================================
   SCROLL INDICATOR
===================================================== */

.mc-hero__scroll{
    justify-self:center;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;

    color:rgba(235, 237, 249, .72);

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:9px;
    letter-spacing:.08em;
    text-transform:uppercase;

    text-decoration:none;

    transition:
        color .28s ease,
        transform .28s ease;
}

.mc-hero__scroll:hover{
    color:#ffffff;
    transform:translateY(-3px);
}

/* Mouse Shape */

.mc-hero__scroll-mouse{
    position:relative;

    display:block;

    width:24px;
    height:36px;

    border:1px solid rgba(255,255,255,.42);
    border-radius:9px;

    background:
        rgba(4, 8, 20, .38);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.mc-hero__scroll-mouse span{
    position:absolute;
    top:7px;
    left:50%;

    width:3px;
    height:7px;

    border-radius:999px;

    background:#a56cff;

    transform:translateX(-50%);

    box-shadow:
        0 0 8px rgba(165,108,255,.65);

    animation:
        mcScrollWheel 1.8s ease-in-out infinite;
}

.mc-hero__scroll > svg{
    width:15px;
    height:15px;

    color:#a16dff;

    animation:
        mcScrollArrow 1.8s ease-in-out infinite;
}

/* =====================================================
   HOVER POLISH FOR BOTTOM CARDS
===================================================== */

.mc-hero__trust,
.mc-hero__status{
    transition:
        transform .30s ease,
        border-color .30s ease,
        box-shadow .30s ease;
}

.mc-hero__trust:hover,
.mc-hero__status:hover{
    transform:translateY(-4px);

    border-color:rgba(130, 89, 255, .34);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 19px 44px rgba(0,0,0,.31),
        0 0 26px rgba(110, 74, 255, .11);
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes mcScrollWheel{
    0%{
        opacity:0;
        transform:
            translateX(-50%)
            translateY(0);
    }

    35%{
        opacity:1;
    }

    100%{
        opacity:0;
        transform:
            translateX(-50%)
            translateY(12px);
    }
}

@keyframes mcScrollArrow{
    0%,
    100%{
        transform:translateY(0);
        opacity:.55;
    }

    50%{
        transform:translateY(5px);
        opacity:1;
    }
}
html,
body{
    margin:0;
    padding:0;
}

.mc-hero{
    min-height:100vh;
}

.mc-hero__container{
    justify-content:flex-start;
    padding-top:190px;
    padding-bottom:170px;
}

.mc-hero__content{
    width:min(650px, 100%);
}

.mc-hero__title{
    font-size:clamp(4rem, 6.2vw, 7.2rem);
     line-height:.82;
}

.mc-hero__description{
    max-width:610px;
    line-height:1.7;
}

.mc-hero__features{
    margin-top:28px;
}

.mc-hero__background{
    background-position:center center;
}

@media (max-height:900px) and (min-width:901px){
    .mc-hero__container{
        padding-top:145px;
        padding-bottom:150px;
    }

    .mc-hero__title{
        font-size:clamp(3.7rem, 5.6vw, 6.4rem);
    }

    .mc-hero__description{
        margin-top:24px;
    }

    .mc-hero__actions{
        margin-top:25px;
    }

    .mc-hero__features{
        margin-top:24px;
    }
}
/* Move navbar slightly upward only on Minecraft page */
body .header .navbar{
    top:18px;
}
.minecraft-page .navbar{
    top:18px;
}

.minecraft-page .navbar{
    top:18px;
}
.navbar{
    position:fixed;
    top:16px;
    left:50%;
    transform:translateX(-50%);
    width:min(1500px,92%);
    z-index:1000;
}
.minecraft-page .mc-hero__container{
    transform:translateY(-20px);
}

.minecraft-page .mc-hero__title{
    font-size:clamp(3.8rem, 5.7vw, 6.7rem);
}

.minecraft-page .mc-hero__description{
    color:rgba(238, 242, 255, .84);
    max-width:590px;
}

.minecraft-page .mc-hero__actions{
    margin-top:30px;
}

.minecraft-page .mc-hero__features{
    margin-top:30px;
}

.minecraft-page .mc-hero__overlay{
    background:
        linear-gradient(
            90deg,
            rgba(2, 5, 16, .98) 0%,
            rgba(3, 7, 20, .93) 27%,
            rgba(4, 8, 20, .68) 48%,
            rgba(3, 6, 16, .22) 73%,
            rgba(2, 4, 12, .10) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3, 6, 15, .46) 0%,
            rgba(3, 6, 15, .05) 40%,
            rgba(2, 4, 12, .38) 100%
        );
}

.minecraft-page .mc-hero__trust,
.minecraft-page .mc-hero__status{
    transform:scale(.94);
}
/* =====================================================
   CHOOSE YOUR SERIES — PART 1
   Section, Background, Overlay, Particles, Header
===================================================== */

.mc-series{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:120px 0 130px;

    color:#fff;
    background:transparent;
}

/* =====================================================
   BACKGROUND
===================================================== */

.mc-series__background{
    position:absolute;
    inset:0;

    background:url("../assets/series-bg.jpg") center center/cover no-repeat;

    transform:scale(1.08);

    filter:
        brightness(.42)
        contrast(1.15)
        saturate(.75)
        blur(1px);

    opacity:1;
    z-index:-5;
}

/* Dark overlay */

.mc-series__overlay{
    position:absolute;
    inset:0;
    z-index:-4;

    background:
        linear-gradient(
            rgba(5,8,20,.72),
            rgba(5,8,20,.72)
        );
}

/* Purple-blue section glow */

.mc-series__glow{
    position:absolute;
    inset:0;
    z-index:-3;

    background:
        radial-gradient(circle at 20% 60%,
            rgba(138,60,255,.25),
            transparent 38%),

        radial-gradient(circle at 80% 55%,
            rgba(50,120,255,.18),
            transparent 40%),

        radial-gradient(circle at center,
            rgba(130,70,255,.10),
            transparent 55%);
}

/* Top and bottom fade */

.mc-series::before{
    content:"";

    position:absolute;
    inset:0;
    z-index:-2;

    background:
        linear-gradient(
            180deg,
            #050713 0%,
            transparent 9%,
            transparent 91%,
            #050713 100%
        );

    pointer-events:none;
}

/* Subtle pixel-grid texture */

/* Dark fade behind the cards */
.mc-series::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:55%;

    background:
        linear-gradient(
            to top,
            rgba(4, 6, 18, .92),
            rgba(4, 6, 18, .15),
            transparent
        );

    pointer-events:none;
    z-index:-1;
}

/* =====================================================
   CONTAINER
===================================================== */

.mc-series__container{
    position:relative;
    z-index:2;

    width:min(1420px, 92%);
    margin:0 auto;
}

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

.mc-series__header{
    width:min(980px, 100%);
    margin:0 auto 58px;

    text-align:center;
}

/* Badge */

.mc-series__badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;

    margin-bottom:25px;
    padding:11px 18px;

    border:1px solid rgba(146, 79, 255, .48);
    border-radius:8px;

    color:#efe7ff;

    background:
        linear-gradient(
            135deg,
            rgba(101, 42, 204, .30),
            rgba(34, 20, 76, .56)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 0 28px rgba(118, 54, 255, .15);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:13px;
    line-height:1;
    letter-spacing:.055em;
    text-transform:uppercase;
}

.mc-series__badge svg{
    width:18px;
    height:18px;

    color:#aa72ff;
    stroke-width:2;
}

/* Heading */

.mc-series__title{
    display:flex;
    flex-direction:column;
    align-items:center;

    margin:0;

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:clamp(3.8rem, 6.2vw, 7.1rem);
    font-weight:400;
    line-height:.84;
    letter-spacing:-.025em;
    text-transform:uppercase;

    filter:
        drop-shadow(0 10px 22px rgba(0,0,0,.40));
}

.mc-series__title-line{
    display:block;

    color:#f8f7f2;

    text-shadow:
        0 5px 0 rgba(0,0,0,.27),
        4px 0 0 rgba(255,255,255,.02);
}

.mc-series__title-gradient{
    margin-top:10px;

    background:
        linear-gradient(
            90deg,
            #8b43ff 0%,
            #6559ff 48%,
            #258dff 100%
        );

    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;

    filter:
        drop-shadow(0 0 20px rgba(88, 89, 255, .22));
}

/* Description */

.mc-series__description{
    max-width:760px;
    margin:27px auto 0;

    color:rgba(224, 229, 246, .76);

    font-family:"Inter", sans-serif;
    font-size:17px;
    font-weight:400;
    line-height:1.75;

    text-shadow:
        0 2px 12px rgba(0,0,0,.44);
}

/* =====================================================
   PARTICLES
===================================================== */

.mc-series__particles{
    position:absolute;
    inset:0;
    z-index:-2;

    overflow:hidden;
    pointer-events:none;
}

.mc-series-particle{
    position:absolute;

    display:block;

    width:8px;
    height:8px;

    border-radius:2px;

    background:#985cff;

    box-shadow:
        0 0 9px rgba(152,92,255,.72),
        0 0 20px rgba(91,73,255,.40);

    opacity:.40;

    animation:
        mcSeriesParticleFloat
        8s
        ease-in-out
        infinite;
}

.mc-series-particle--1{
    top:18%;
    left:7%;

    animation-delay:0s;
}

.mc-series-particle--2{
    top:54%;
    left:12%;

    width:5px;
    height:5px;

    animation-delay:1.2s;
}

.mc-series-particle--3{
    bottom:18%;
    left:30%;

    width:6px;
    height:6px;

    animation-delay:2.4s;
}

.mc-series-particle--4{
    top:24%;
    right:8%;

    width:7px;
    height:7px;

    animation-delay:.8s;
}

.mc-series-particle--5{
    top:62%;
    right:14%;

    width:5px;
    height:5px;

    background:#3f8cff;

    box-shadow:
        0 0 9px rgba(63,140,255,.72),
        0 0 20px rgba(63,140,255,.38);

    animation-delay:1.8s;
}

.mc-series-particle--6{
    bottom:12%;
    right:34%;

    width:4px;
    height:4px;

    animation-delay:3s;
}

@keyframes mcSeriesParticleFloat{
    0%,
    100%{
        opacity:.18;

        transform:
            translateY(0)
            rotate(0deg);
    }

    50%{
        opacity:.72;

        transform:
            translateY(-26px)
            rotate(90deg);
    }
}

/* =====================================================
   HEADER ENTRANCE ANIMATION
===================================================== */

.mc-series__badge,
.mc-series__title,
.mc-series__description{
    opacity:0;

    animation:
        mcSeriesHeaderReveal
        .85s
        cubic-bezier(.22,.61,.36,1)
        forwards;
}

.mc-series__badge{
    animation-delay:.08s;
}

.mc-series__title{
    animation-delay:.18s;
}

.mc-series__description{
    animation-delay:.30s;
}

@keyframes mcSeriesHeaderReveal{
    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}
/* =====================================================
   CHOOSE YOUR SERIES — PART 2
   Card Grid, Card Structure, Series Colors, Badges
===================================================== */

/* =====================================================
   CARD GRID
===================================================== */

.mc-series__grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    align-items:stretch;
    gap:26px;

    width:100%;
}

/* =====================================================
   BASE CARD
===================================================== */

.mc-series-card{
    --series-accent:#8c4cff;
    --series-accent-rgb:140, 76, 255;
    --series-accent-light:#b985ff;
    --series-card-bg:rgba(10, 10, 29, .91);

    position:relative;

    display:flex;
    flex-direction:column;

    min-width:0;
    min-height:610px;
    padding:34px 32px 30px;

    border:1px solid rgba(var(--series-accent-rgb), .70);
    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            rgba(var(--series-accent-rgb), .09),
            transparent 32%
        ),
        linear-gradient(
            160deg,
            rgba(15, 17, 41, .96),
            var(--series-card-bg)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 22px 55px rgba(0,0,0,.34),
        0 0 32px rgba(var(--series-accent-rgb), .08);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    overflow:visible;

    transition:
        transform .36s cubic-bezier(.22,.61,.36,1),
        border-color .36s ease,
        box-shadow .36s ease,
        background .36s ease;
}

/* Internal pixel glow */

.mc-series-card::before{
    content:"";

    position:absolute;
    inset:0;

    border-radius:inherit;

    background:
        radial-gradient(
            circle at 82% 17%,
            rgba(var(--series-accent-rgb), .20),
            transparent 24%
        ),
        linear-gradient(
            115deg,
            transparent 10%,
            rgba(255,255,255,.025) 48%,
            transparent 80%
        );

    opacity:.88;
    pointer-events:none;
}

/* Bottom ambient glow */

.mc-series-card::after{
    content:"";

    position:absolute;
    left:12%;
    right:12%;
    bottom:-20px;

    height:48px;

    border-radius:50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(var(--series-accent-rgb), .32),
            transparent 72%
        );

    filter:blur(18px);

    opacity:.38;
    pointer-events:none;

    transition:opacity .36s ease;
}

.mc-series-card:hover{
    transform:translateY(-10px);

    border-color:rgba(var(--series-accent-rgb), .95);

    background:
        linear-gradient(
            145deg,
            rgba(var(--series-accent-rgb), .14),
            transparent 34%
        ),
        linear-gradient(
            160deg,
            rgba(18, 20, 48, .98),
            rgba(7, 8, 23, .96)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 30px 72px rgba(0,0,0,.42),
        0 0 46px rgba(var(--series-accent-rgb), .19);
}

.mc-series-card:hover::after{
    opacity:.72;
}

/* =====================================================
   SERIES COLORS
===================================================== */

.mc-series-card--budget{
    --series-accent:#994cff;
    --series-accent-rgb:153, 76, 255;
    --series-accent-light:#c08aff;
    --series-card-bg:rgba(11, 7, 29, .94);
}

.mc-series-card--standard{
    --series-accent:#258cff;
    --series-accent-rgb:37, 140, 255;
    --series-accent-light:#6bb7ff;
    --series-card-bg:rgba(5, 14, 37, .95);

    transform:translateY(-16px);

    border-color:rgba(51, 151, 255, .88);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 28px 65px rgba(0,0,0,.38),
        0 0 45px rgba(37, 140, 255, .17);
}

.mc-series-card--standard:hover{
    transform:translateY(-27px);
}

.mc-series-card--premium{
    --series-accent:#ff9b00;
    --series-accent-rgb:255, 155, 0;
    --series-accent-light:#ffc057;
    --series-card-bg:rgba(27, 14, 5, .94);
}

/* =====================================================
   TOP LABEL
===================================================== */

.mc-series-card__top-label{
    position:absolute;
    top:18px;
    left:-1px;

    display:inline-flex;
    align-items:center;
    gap:8px;

    min-height:30px;
    padding:0 17px;

    border-radius:0 6px 6px 0;

    color:#ffffff;

    background:
        linear-gradient(
            90deg,
            rgba(var(--series-accent-rgb), .98),
            rgba(var(--series-accent-rgb), .72)
        );

    box-shadow:
        0 8px 20px rgba(var(--series-accent-rgb), .22);

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:10px;
    line-height:1;
    letter-spacing:.045em;
    text-transform:uppercase;

    z-index:4;
}

.mc-series-card__top-label::after{
    content:"";

    position:absolute;
    top:100%;
    left:0;

    width:0;
    height:0;

    border-top:6px solid rgba(var(--series-accent-rgb), .56);
    border-right:6px solid transparent;
}

.mc-series-card__top-label svg{
    width:14px;
    height:14px;

    stroke-width:2.2;
}

/* =====================================================
   MOST POPULAR BADGE
===================================================== */

.mc-series-card__recommended{
    position:absolute;
    top:-20px;
    left:50%;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    min-width:190px;
    min-height:43px;
    padding:0 21px;

    border:1px solid rgba(111, 188, 255, .70);
    border-radius:10px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #146fe4 0%,
            #2d9aff 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.19),
        0 14px 28px rgba(15, 114, 232, .32),
        0 0 28px rgba(37, 140, 255, .22);

    transform:translateX(-50%);

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:12px;
    line-height:1;
    letter-spacing:.06em;
    text-transform:uppercase;

    z-index:6;
}

.mc-series-card__recommended svg{
    width:17px;
    height:17px;

    color:#d9f0ff;
    fill:rgba(217,240,255,.24);
    stroke-width:2;
}

/* =====================================================
   CARD HERO AREA
===================================================== */

.mc-series-card__hero{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:minmax(0, 1fr) 170px;
    align-items:center;
    gap:14px;

    min-height:205px;
    padding-top:38px;
}

/* Standard card has top badge */

.mc-series-card--standard .mc-series-card__hero{
    padding-top:28px;
}

/* =====================================================
   CARD HEADING
===================================================== */

.mc-series-card__heading{
    position:relative;
    z-index:2;

    min-width:0;
}

.mc-series-card__heading h3{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    margin:0;

    font-family:"Minecraft", "Inter", sans-serif;
    font-weight:400;
    line-height:.87;
    letter-spacing:-.018em;
    text-transform:uppercase;

    filter:
        drop-shadow(0 6px 10px rgba(0,0,0,.34));
}

.mc-series-card__heading h3 span{
    display:block;

    color:#f8f7f2;

    font-size:39px;

    text-shadow:
        0 4px 0 rgba(0,0,0,.24);
}

.mc-series-card__heading h3 strong{
    display:block;

    margin-top:7px;

    color:var(--series-accent);

    font-size:43px;
    font-weight:400;

    text-shadow:
        0 5px 0 rgba(0,0,0,.28),
        0 0 20px rgba(var(--series-accent-rgb), .18);
}

/* =====================================================
   PLAN TYPE
===================================================== */

.mc-series-card__type{
    display:flex;
    align-items:center;
    gap:10px;

    margin-top:15px;

    color:rgba(241, 243, 255, .88);

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:12px;
    line-height:1;
    letter-spacing:.065em;
    text-transform:uppercase;

    white-space:nowrap;
}

.mc-series-card__type > span{
    display:block;

    width:19px;
    height:3px;

    border-radius:999px;

    background:var(--series-accent);

    box-shadow:
        0 0 10px rgba(var(--series-accent-rgb), .56);
}

/* =====================================================
   CARD VISUAL
===================================================== */

.mc-series-card__visual{
    position:relative;
    z-index:2;

    display:grid;
    place-items:center;

    width:170px;
    height:170px;

    justify-self:end;
}

.mc-series-card__visual::before{
    content:"";

    position:absolute;
    inset:18px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(var(--series-accent-rgb), .30),
            rgba(var(--series-accent-rgb), .08) 48%,
            transparent 72%
        );

    filter:blur(7px);

    animation:
        mcSeriesVisualGlow
        3.8s
        ease-in-out
        infinite;
}

.mc-series-card__visual img{
    position:relative;
    z-index:2;

    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    filter:
        drop-shadow(0 18px 18px rgba(0,0,0,.35))
        drop-shadow(0 0 18px rgba(var(--series-accent-rgb), .19));

    transition:
        transform .38s cubic-bezier(.22,.61,.36,1),
        filter .38s ease;
}

.mc-series-card:hover .mc-series-card__visual img{
    transform:
        translateY(-8px)
        scale(1.06)
        rotate(-2deg);

    filter:
        drop-shadow(0 22px 22px rgba(0,0,0,.40))
        drop-shadow(0 0 27px rgba(var(--series-accent-rgb), .32));
}

@keyframes mcSeriesVisualGlow{
    0%,
    100%{
        opacity:.48;
        transform:scale(.94);
    }

    50%{
        opacity:.85;
        transform:scale(1.06);
    }
}

/* =====================================================
   CARD DESCRIPTION
===================================================== */

.mc-series-card__description{
    position:relative;
    z-index:2;

    min-height:72px;
    margin:6px 0 0;

    color:rgba(225, 229, 245, .77);

    font-family:"Inter", sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.65;
}

/* =====================================================
   DIVIDER
===================================================== */

.mc-series-card__divider{
    position:relative;
    z-index:2;

    width:100%;
    height:1px;
    margin:20px 0 19px;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.15),
            rgba(var(--series-accent-rgb), .28),
            rgba(255,255,255,.08)
        );
}

/* =====================================================
   CARD ENTRANCE ANIMATION
===================================================== */

.mc-series-card{
    opacity:0;

    animation:
        mcSeriesCardReveal
        .85s
        cubic-bezier(.22,.61,.36,1)
        forwards;
}

.mc-series-card--budget{
    animation-delay:.18s;
}

.mc-series-card--standard{
    animation-delay:.30s;
}

.mc-series-card--premium{
    animation-delay:.42s;
}

@keyframes mcSeriesCardReveal{
    from{
        opacity:0;
        translate:0 34px;
    }

    to{
        opacity:1;
        translate:0 0;
    }
}
/* =====================================================
   CHOOSE YOUR SERIES — PART 3
   Features, Buttons, Hover Polish, Responsive
===================================================== */

/* =====================================================
   FEATURE LIST
===================================================== */

.mc-series-card__features{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    gap:13px;

    margin:0 0 26px;
    padding:0;

    list-style:none;
}

.mc-series-card__features li{
    display:flex;
    align-items:center;
    gap:12px;

    color:rgba(236, 239, 252, .88);

    font-family:"Inter", sans-serif;
    font-size:14px;
    line-height:1.45;
}

.mc-series-card__features li svg{
    flex:0 0 auto;

    width:18px;
    height:18px;

    color:var(--series-accent);
    stroke-width:2;

    filter:
        drop-shadow(
            0 0 7px
            rgba(var(--series-accent-rgb), .28)
        );
}

.mc-series-card__features li span{
    min-width:0;
}

/* =====================================================
   CARD BUTTON
===================================================== */

.mc-series-card__button{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    width:100%;
    min-height:58px;
    margin-top:auto;
    padding:0 22px;

    border:1px solid rgba(var(--series-accent-rgb), .72);
    border-radius:9px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            rgba(var(--series-accent-rgb), .92),
            rgba(var(--series-accent-rgb), .68)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 13px 28px rgba(var(--series-accent-rgb), .20);

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:13px;
    line-height:1;
    letter-spacing:.04em;
    text-transform:uppercase;

    text-decoration:none;

    overflow:hidden;

    transition:
        transform .32s ease,
        box-shadow .32s ease,
        border-color .32s ease,
        filter .32s ease;
}

.mc-series-card__button::before{
    content:"";

    position:absolute;
    top:0;
    left:-120%;

    width:70%;
    height:100%;

    background:
        linear-gradient(
            105deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );

    transform:skewX(-22deg);

    transition:left .75s ease;
}

.mc-series-card__button svg{
    width:18px;
    height:18px;

    stroke-width:2;

    transition:transform .28s ease;
}

.mc-series-card__button:hover{
    transform:translateY(-3px);

    border-color:rgba(var(--series-accent-rgb), 1);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 18px 38px rgba(var(--series-accent-rgb), .30),
        0 0 26px rgba(var(--series-accent-rgb), .22);

    filter:brightness(1.07);
}

.mc-series-card__button:hover::before{
    left:145%;
}

.mc-series-card__button:hover svg{
    transform:translateX(5px);
}

.mc-series-card__button:focus-visible{
    outline:2px solid var(--series-accent-light);
    outline-offset:4px;
}

/* =====================================================
   CARD CONTENT HOVER POLISH
===================================================== */

.mc-series-card__heading h3 strong,
.mc-series-card__type,
.mc-series-card__features li{
    transition:
        color .28s ease,
        transform .28s ease,
        text-shadow .28s ease;
}

.mc-series-card:hover
.mc-series-card__heading h3 strong{
    text-shadow:
        0 5px 0 rgba(0,0,0,.28),
        0 0 27px rgba(var(--series-accent-rgb), .36);
}

.mc-series-card:hover
.mc-series-card__type{
    color:#ffffff;
}

.mc-series-card:hover
.mc-series-card__features li{
    transform:translateX(4px);
}

.mc-series-card__features li svg{
    transition:
        transform .28s ease,
        filter .28s ease;
}

.mc-series-card:hover
.mc-series-card__features li svg{
    transform:scale(1.08);

    filter:
        drop-shadow(
            0 0 11px
            rgba(var(--series-accent-rgb), .42)
        );
}

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

@media (max-width:1300px){

    .mc-series__container{
        width:min(1240px, 92%);
    }

    .mc-series-card{
        padding:
            32px 25px
            28px;
    }

    .mc-series-card__hero{
        grid-template-columns:
            minmax(0, 1fr)
            145px;
    }

    .mc-series-card__visual{
        width:145px;
        height:145px;
    }

    .mc-series-card__heading h3 span{
        font-size:34px;
    }

    .mc-series-card__heading h3 strong{
        font-size:37px;
    }
}

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

@media (max-width:1050px){

    .mc-series{
        padding:
            105px 0
            115px;
    }

    .mc-series__grid{
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:26px;
    }

    .mc-series-card--standard{
        transform:none;
    }

    .mc-series-card--standard:hover{
        transform:translateY(-10px);
    }

    .mc-series-card--premium{
        grid-column:1 / -1;

        width:min(620px, 100%);
        justify-self:center;
    }

    .mc-series-card{
        min-height:590px;
    }
}

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

@media (max-width:760px){

    .mc-series{
        padding:
            90px 0
            95px;
    }

    .mc-series__container{
        width:min(100% - 28px, 680px);
    }

    .mc-series__header{
        margin-bottom:48px;
    }

    .mc-series__title{
        font-size:clamp(3rem, 10vw, 5rem);
        line-height:.88;
    }

    .mc-series__description{
        font-size:15px;
        line-height:1.7;
    }

    .mc-series__grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .mc-series-card,
    .mc-series-card--premium{
        width:100%;
        min-height:0;
        grid-column:auto;
    }

    .mc-series-card--standard{
        margin-top:8px;
    }

    .mc-series-card__recommended{
        top:-18px;
    }

    .mc-series-card__hero{
        grid-template-columns:
            minmax(0, 1fr)
            150px;
    }

    .mc-series-card__visual{
        width:150px;
        height:150px;
    }
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width:520px){

    .mc-series{
        padding:
            78px 0
            84px;
    }

    .mc-series__container{
        width:min(100% - 20px, 470px);
    }

    .mc-series__badge{
        padding:10px 14px;

        font-size:10px;
    }

    .mc-series__badge svg{
        width:16px;
        height:16px;
    }

    .mc-series__title{
        font-size:clamp(2.4rem, 13vw, 4rem);
    }

    .mc-series__description{
        margin-top:21px;

        font-size:14px;
    }

    .mc-series-card{
        padding:
            30px 20px
            22px;

        border-radius:13px;
    }

    .mc-series-card__hero{
        grid-template-columns:1fr;
        gap:12px;

        min-height:auto;
        padding-top:46px;
    }

    .mc-series-card--standard
    .mc-series-card__hero{
        padding-top:38px;
    }

    .mc-series-card__heading{
        text-align:center;
    }

    .mc-series-card__heading h3{
        align-items:center;
    }

    .mc-series-card__heading h3 span{
        font-size:33px;
    }

    .mc-series-card__heading h3 strong{
        font-size:38px;
    }

    .mc-series-card__type{
        justify-content:center;
    }

    .mc-series-card__visual{
        width:145px;
        height:145px;

        justify-self:center;
    }

    .mc-series-card__description{
        min-height:0;

        margin-top:4px;

        text-align:center;
        font-size:14px;
    }

    .mc-series-card__features{
        gap:12px;
    }

    .mc-series-card__features li{
        font-size:13px;
    }

    .mc-series-card__button{
        min-height:55px;

        font-size:11px;
    }

    .mc-series-card__top-label{
        top:15px;

        font-size:9px;
    }

    .mc-series-card__recommended{
        min-width:170px;
        min-height:40px;

        font-size:10px;
    }
}

/* =====================================================
   VERY SMALL MOBILE
===================================================== */

@media (max-width:360px){

    .mc-series-card{
        padding-left:16px;
        padding-right:16px;
    }

    .mc-series-card__heading h3 span{
        font-size:29px;
    }

    .mc-series-card__heading h3 strong{
        font-size:33px;
    }

    .mc-series-card__features li{
        align-items:flex-start;
    }

    .mc-series-card__features li svg{
        margin-top:2px;
    }
}

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

@media (prefers-reduced-motion:reduce){

    .mc-series-particle,
    .mc-series-card,
    .mc-series-card__visual::before{
        animation:none !important;
    }

    .mc-series-card{
        opacity:1;
    }

    .mc-series-card,
    .mc-series-card::after,
    .mc-series-card__visual img,
    .mc-series-card__button,
    .mc-series-card__button::before,
    .mc-series-card__button svg,
    .mc-series-card__heading h3 strong,
    .mc-series-card__type,
    .mc-series-card__features li,
    .mc-series-card__features li svg{
        transition:none !important;
    }
}
.mc-series-card__visual img{
    width:100%;
    height:100%;
    object-fit:contain;
}

/* Budget grass block */
.mc-series-card--budget .mc-series-card__visual img{
    transform:scale(1.45);
}

/* Standard creeper */
.mc-series-card--standard .mc-series-card__visual img{
    transform:scale(1.55);
}

/* Premium diamond */
.mc-series-card--premium .mc-series-card__visual img{
    transform:scale(1.05);
}
/* =====================================================
   COMPARE SERIES
===================================================== */

.mc-compare{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:120px 0 130px;

    color:#fff;
    background:#050713;
}

/* =====================================================
   BACKGROUND
===================================================== */

.mc-compare__background{
    position:absolute;
    inset:0;
    z-index:0;

    background-image:url("../assets/compare-bg.jpg");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;

    transform:scale(1.04);

    filter:
        brightness(.42)
        contrast(1.10)
        saturate(.95);
}

.mc-compare__overlay{
    position:absolute;
    inset:0;
    z-index:1;

    background:
        linear-gradient(
            180deg,
            rgba(4, 6, 18, .88) 0%,
            rgba(5, 8, 22, .68) 28%,
            rgba(5, 8, 22, .72) 72%,
            rgba(4, 6, 18, .96) 100%
        ),
        radial-gradient(
            circle at 50% 38%,
            rgba(81, 79, 255, .16),
            transparent 42%
        );
}

.mc-compare .container{
    position:relative;
    z-index:3;

    width:min(1420px, 92%);
    margin:0 auto;
}

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

.mc-compare__header{
    width:min(900px, 100%);
    margin:0 auto 58px;

    text-align:center;
}

.mc-compare .section-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-bottom:24px;
    padding:11px 18px;

    border:1px solid rgba(132, 83, 255, .48);
    border-radius:8px;

    color:#f1eaff;

    background:
        linear-gradient(
            135deg,
            rgba(103, 49, 212, .30),
            rgba(31, 20, 74, .56)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 0 28px rgba(109, 62, 255, .15);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:12px;
    letter-spacing:.055em;
    text-transform:uppercase;
}

.mc-compare .section-badge i{
    color:#9d70ff;
}

.mc-compare .section-title{
    display:flex;
    flex-direction:column;
    align-items:center;

    margin:0;

    color:#f8f7f2;

    font-family:"Minecraft", "Inter", sans-serif;
    font-size:clamp(3.6rem, 5.6vw, 6.4rem);
    font-weight:400;
    line-height:.86;
    letter-spacing:-.025em;
    text-transform:uppercase;

    text-shadow:
        0 5px 0 rgba(0,0,0,.28),
        0 12px 26px rgba(0,0,0,.36);
}

.mc-compare .section-title span{
    display:block;
    margin-top:10px;

    background:
        linear-gradient(
            90deg,
            #8b4dff 0%,
            #615eff 50%,
            #2d8cff 100%
        );

    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;

    filter:
        drop-shadow(0 0 22px rgba(80, 91, 255, .24));
}

.mc-compare .section-description{
    max-width:760px;
    margin:26px auto 0;

    color:rgba(225, 230, 247, .76);

    font-family:"Inter", sans-serif;
    font-size:17px;
    line-height:1.75;
}

/* =====================================================
   TABLE
===================================================== */

.mc-compare-table{
    position:relative;

    display:grid;
    grid-template-columns:
        minmax(230px, 1.05fr)
        repeat(3, minmax(220px, 1fr));

    width:100%;

    border:1px solid rgba(137, 103, 255, .30);
    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(13, 16, 39, .90),
            rgba(6, 9, 25, .92)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 28px 80px rgba(0,0,0,.42),
        0 0 42px rgba(91, 71, 255, .10);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    overflow:hidden;
}

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

/* =====================================================
   SERVOMIX — COMPARE THE SERIES
===================================================== */

.mc-compare{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:120px 0 130px;

    color:#ffffff;
    background:#050714;
}

/* =====================================================
   BACKGROUND
===================================================== */

.mc-compare__background{
    position:absolute;
    inset:0;
    z-index:0;

    background-image:url("../assets/compare-bg.jpg");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;

    transform:scale(1.05);

    filter:
        brightness(.38)
        contrast(1.12)
        saturate(.95);
}

.mc-compare__overlay{
    position:absolute;
    inset:0;
    z-index:1;

    background:
        linear-gradient(
            180deg,
            rgba(3,5,16,.91) 0%,
            rgba(4,7,20,.68) 24%,
            rgba(4,7,20,.72) 72%,
            rgba(3,5,16,.96) 100%
        ),
        radial-gradient(
            circle at 50% 38%,
            rgba(70,95,255,.16),
            transparent 40%
        );
}

.mc-compare__glow{
    position:absolute;
    inset:0;
    z-index:2;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 15% 62%,
            rgba(141,70,255,.18),
            transparent 28%
        ),
        radial-gradient(
            circle at 50% 58%,
            rgba(38,135,255,.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 86% 62%,
            rgba(245,160,0,.09),
            transparent 28%
        );
}

/* =====================================================
   PARTICLES
===================================================== */

.mc-compare__particles{
    position:absolute;
    inset:0;
    z-index:3;

    overflow:hidden;
    pointer-events:none;
}

.mc-compare-particle{
    position:absolute;

    width:7px;
    height:7px;

    border-radius:2px;

    background:#8754ff;

    box-shadow:
        0 0 9px rgba(135,84,255,.8),
        0 0 22px rgba(135,84,255,.42);

    opacity:.45;

    animation:compareParticle 8s ease-in-out infinite;
}

.mc-compare-particle--1{
    top:15%;
    left:7%;
}

.mc-compare-particle--2{
    top:47%;
    left:11%;

    width:5px;
    height:5px;

    animation-delay:1.2s;
}

.mc-compare-particle--3{
    bottom:14%;
    left:25%;

    width:4px;
    height:4px;

    animation-delay:2.5s;
}

.mc-compare-particle--4{
    top:20%;
    right:8%;

    background:#398cff;
    animation-delay:.8s;
}

.mc-compare-particle--5{
    top:58%;
    right:12%;

    width:5px;
    height:5px;

    background:#398cff;
    animation-delay:1.8s;
}

.mc-compare-particle--6{
    bottom:11%;
    right:31%;

    width:4px;
    height:4px;

    animation-delay:3s;
}

@keyframes compareParticle{
    0%,
    100%{
        opacity:.18;
        transform:translateY(0) rotate(0deg);
    }

    50%{
        opacity:.72;
        transform:translateY(-25px) rotate(90deg);
    }
}

/* =====================================================
   CONTAINER
===================================================== */

.mc-compare__container{
    position:relative;
    z-index:4;

    width:min(1440px, 92%);
    margin:0 auto;
}

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

.mc-compare__header{
    width:min(940px, 100%);
    margin:0 auto 58px;

    text-align:center;
}

.mc-compare__badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-bottom:24px;
    padding:11px 18px;

    border:1px solid rgba(132,80,255,.52);
    border-radius:9px;

    color:#f1ebff;

    background:
        linear-gradient(
            135deg,
            rgba(112,47,220,.30),
            rgba(23,25,71,.60)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 28px rgba(112,58,255,.17);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    font-family:"Minecraft","Inter",sans-serif;
    font-size:12px;
    line-height:1;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.mc-compare__badge svg{
    width:17px;
    height:17px;

    color:#9f72ff;
}

.mc-compare__title{
    display:flex;
    flex-direction:column;
    align-items:center;

    margin:0;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:clamp(3.7rem,6vw,6.8rem);
    font-weight:400;
    line-height:.86;
    letter-spacing:-.025em;
    text-transform:uppercase;

    filter:drop-shadow(0 12px 25px rgba(0,0,0,.40));
}

.mc-compare__title span{
    color:#f8f7f2;

    text-shadow:
        0 5px 0 rgba(0,0,0,.30);
}

.mc-compare__title strong{
    display:block;

    margin-top:10px;

    font-weight:400;

    background:
        linear-gradient(
            90deg,
            #8d49ff 0%,
            #625cff 48%,
            #2e8cff 100%
        );

    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;

    filter:
        drop-shadow(0 0 22px rgba(83,92,255,.28));
}

.mc-compare__description{
    max-width:780px;
    margin:26px auto 0;

    color:rgba(225,230,247,.77);

    font-family:"Inter",sans-serif;
    font-size:17px;
    line-height:1.75;
}

/* =====================================================
   TABLE WRAPPER
===================================================== */

.mc-compare__table-wrapper{
    position:relative;

    width:100%;

    border-radius:18px;

    box-shadow:
        0 32px 85px rgba(0,0,0,.44),
        0 0 45px rgba(80,71,255,.10);
}

.mc-compare__table{
    display:grid;

    grid-template-columns:
        minmax(235px,1.05fr)
        repeat(3,minmax(230px,1fr));

    width:100%;

    border:1px solid rgba(126,103,255,.35);
    border-radius:18px;

    background:
        linear-gradient(
            150deg,
            rgba(15,18,43,.93),
            rgba(6,9,25,.95)
        );

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    overflow:visible;
}

/* =====================================================
   TABLE HEADERS
===================================================== */

.mc-compare__head{
    position:relative;

    min-height:190px;
    padding:28px 24px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;

    border-right:1px solid rgba(255,255,255,.075);
    border-bottom:1px solid rgba(255,255,255,.085);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.038),
            rgba(255,255,255,.012)
        );
}

.mc-compare__head:last-child{
    border-right:none;
}

.mc-compare__head--features{
    justify-content:center;
    align-items:center;

    background:
        linear-gradient(
            135deg,
            rgba(139,76,255,.10),
            rgba(45,140,255,.05)
        );
}

.mc-compare__head--features span{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    color:#ffffff;
    font-family:"Minecraft","Inter",sans-serif;
    font-size:15px;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.mc-compare__head--features span svg{
    width:23px;
    height:23px;

    color:#9d5cff;
    stroke-width:2.2;

    filter:
        drop-shadow(0 0 8px rgba(157,92,255,.65));
}
.mc-compare__plan-visual{
    flex:0 0 auto;

    display:grid;
    place-items:center;

    width:105px;
    height:105px;
}

.mc-compare__plan-visual img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    filter:
        drop-shadow(0 15px 20px rgba(0,0,0,.40));

    transition:
        transform .35s ease,
        filter .35s ease;
}

.mc-compare__head:hover .mc-compare__plan-visual img{
    transform:translateY(-6px) scale(1.07);
}

/* Budget header */

.mc-compare__head--budget{
    color:#9e5dff;

    box-shadow:
        inset 0 3px 0 #9348ff,
        inset 0 0 35px rgba(142,72,255,.07);
}

/* Standard header */

.mc-compare__head--standard{
    color:#3295ff;

    background:
        linear-gradient(
            180deg,
            rgba(39,140,255,.16),
            rgba(39,140,255,.035)
        );

    box-shadow:
        inset 0 3px 0 #2d8cff,
        inset 0 0 45px rgba(45,140,255,.09);
}

/* Premium header */

.mc-compare__head--premium{
    color:#f5a000;

    background:
        linear-gradient(
            180deg,
            rgba(245,160,0,.13),
            rgba(245,160,0,.025)
        );

    box-shadow:
        inset 0 3px 0 #f5a000,
        inset 0 0 42px rgba(245,160,0,.07);
}

.mc-compare__plan-info h3{
    margin:0;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:28px;
    font-weight:400;
    line-height:1;
    text-transform:uppercase;
}

.mc-compare__plan-info > span{
    display:block;

    margin-top:8px;

    color:rgba(228,232,247,.68);

    font-family:"Inter",sans-serif;
    font-size:13px;
}

/* Popular badge */

.mc-compare__popular-badge{
    position:absolute;
    top:-19px;
    left:50%;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-width:175px;
    min-height:41px;
    padding:0 18px;

    border:1px solid rgba(120,194,255,.74);
    border-radius:9px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #176fe4,
            #2d9aff
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 13px 27px rgba(27,115,228,.34),
        0 0 26px rgba(45,140,255,.24);

    transform:translateX(-50%);

    font-family:"Minecraft","Inter",sans-serif;
    font-size:10px;
    letter-spacing:.055em;
    text-transform:uppercase;

    z-index:5;
}

.mc-compare__popular-badge svg{
    width:15px;
    height:15px;
}

/* =====================================================
   FEATURE CELLS
===================================================== */

.mc-compare__feature,
.mc-compare__cell{
    min-height:70px;
    padding:17px 21px;

    display:flex;
    align-items:center;

    border-right:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(255,255,255,.078);

    transition:
        background .28s ease,
        color .28s ease;
}

.mc-compare__feature{
    gap:13px;

    color:#f4f5ff;

    background:rgba(255,255,255,.022);

    font-family:"Inter",sans-serif;
    font-size:14px;
    font-weight:600;
}

.mc-compare__feature-icon{
    flex:0 0 auto;

    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    border:1px solid rgba(151,91,255,.33);
    border-radius:8px;

    color:#9a60ff;

    background:rgba(132,74,255,.10);

    box-shadow:
        0 0 15px rgba(133,75,255,.10);
}

.mc-compare__feature-icon svg{
    width:18px;
    height:18px;
}

.mc-compare__cell{
    justify-content:center;

    color:rgba(226,231,248,.82);

    font-family:"Inter",sans-serif;
    font-size:14px;
    line-height:1.45;
    text-align:center;
}

/* Remove right border from premium column */

.mc-compare__cell--premium{
    border-right:none;
}

/* Column styling */

.mc-compare__cell--budget{
    color:#a86aff;
}

.mc-compare__cell--standard{
    color:#3b9cff;

    background:rgba(37,140,255,.028);
}

.mc-compare__cell--premium{
    color:#f7b83e;

    background:rgba(245,160,0,.025);
}

/* Hover rows */

.mc-compare__feature:hover,
.mc-compare__feature:hover + .mc-compare__cell,
.mc-compare__feature:hover + .mc-compare__cell + .mc-compare__cell,
.mc-compare__feature:hover + .mc-compare__cell + .mc-compare__cell + .mc-compare__cell{
    background:rgba(91,79,255,.09);
}

/* =====================================================
   RATINGS
===================================================== */

.mc-compare__rating{
    display:flex;
    align-items:center;
    gap:7px;
}

.mc-compare__rating svg{
    width:22px;
    height:22px;

    opacity:.33;
}

.mc-compare__cell--budget .mc-compare__rating svg{
    color:#a257ff;
}

.mc-compare__cell--standard .mc-compare__rating svg{
    color:#2994ff;
}

.mc-compare__cell--premium .mc-compare__rating svg{
    color:#f5a000;
}

.mc-compare__rating svg.is-active{
    opacity:1;
    fill:currentColor;

    filter:
        drop-shadow(0 0 8px currentColor);
}

/* =====================================================
   PRICE FOOTER
===================================================== */

.mc-compare__feature--price{
    min-height:145px;
    align-items:flex-start;
    padding-top:25px;
}

.mc-compare__cell--footer{
    min-height:145px;
    padding:23px 21px;

    flex-direction:column;
    justify-content:center;
    gap:18px;

    border-bottom:none;
}

.mc-compare__price{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:6px;
}

.mc-compare__price strong{
    font-family:"Minecraft","Inter",sans-serif;
    font-size:31px;
    font-weight:400;
    line-height:1;
}

.mc-compare__price span{
    color:rgba(222,227,245,.62);

    font-family:"Inter",sans-serif;
    font-size:13px;
}

/* =====================================================
   PLAN BUTTONS
===================================================== */

.mc-compare__button{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    width:100%;
    min-height:52px;
    padding:0 18px;

    border-radius:8px;

    color:#fff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:10px;
    letter-spacing:.035em;
    text-transform:uppercase;
    text-decoration:none;

    overflow:hidden;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        filter .28s ease;
}

.mc-compare__button::before{
    content:"";

    position:absolute;
    top:0;
    left:-120%;

    width:65%;
    height:100%;

    background:
        linear-gradient(
            105deg,
            transparent,
            rgba(255,255,255,.26),
            transparent
        );

    transform:skewX(-22deg);
    transition:left .7s ease;
}

.mc-compare__button:hover{
    transform:translateY(-3px);
    filter:brightness(1.08);
}

.mc-compare__button:hover::before{
    left:145%;
}

.mc-compare__button svg{
    width:16px;
    height:16px;
}

.mc-compare__button--budget{
    border:1px solid rgba(160,92,255,.86);

    background:
        linear-gradient(
            135deg,
            #9146f2,
            #7138d4
        );

    box-shadow:
        0 12px 25px rgba(126,58,223,.24);
}

.mc-compare__button--standard{
    border:1px solid rgba(56,158,255,.86);

    background:
        linear-gradient(
            135deg,
            #1477e7,
            #2797ff
        );

    box-shadow:
        0 12px 25px rgba(33,130,235,.26);
}

.mc-compare__button--premium{
    border:1px solid rgba(255,182,49,.88);

    background:
        linear-gradient(
            135deg,
            #f6a000,
            #cc7800
        );

    box-shadow:
        0 12px 25px rgba(245,160,0,.25);
}

/* =====================================================
   CALCULATOR CTA
===================================================== */

.mc-compare__calculator{
    position:relative;

    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:22px;

    margin-top:22px;
    padding:24px 28px;

    border:1px solid rgba(118,91,255,.31);
    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(17,19,46,.91),
            rgba(7,10,28,.94)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 22px 50px rgba(0,0,0,.28);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

.mc-compare__calculator-icon{
    display:grid;
    place-items:center;

    width:58px;
    height:58px;

    border:1px solid rgba(150,87,255,.40);
    border-radius:14px;

    color:#a56bff;

    background:
        linear-gradient(
            135deg,
            rgba(139,76,255,.19),
            rgba(46,140,255,.09)
        );

    box-shadow:
        0 0 24px rgba(130,75,255,.14);
}

.mc-compare__calculator-icon svg{
    width:29px;
    height:29px;
}

.mc-compare__calculator-content h3{
    margin:0 0 7px;

    color:#fff;

    font-family:"Inter",sans-serif;
    font-size:19px;
    font-weight:700;
}

.mc-compare__calculator-content p{
    margin:0;

    color:rgba(220,225,243,.72);

    font-family:"Inter",sans-serif;
    font-size:14px;
    line-height:1.6;
}

.mc-compare__calculator-content strong{
    color:#a66dff;
}

.mc-compare__calculator-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;

    min-height:58px;
    padding:0 24px;

    border:1px solid transparent;
    border-radius:9px;

    background:
        linear-gradient(#090d22,#090d22) padding-box,
        linear-gradient(
            90deg,
            #924fff,
            #2d8cff
        ) border-box;

    color:#fff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:11px;
    letter-spacing:.04em;
    text-transform:uppercase;
    text-decoration:none;

    box-shadow:
        0 0 25px rgba(73,89,255,.13);

    transition:
        transform .28s ease,
        box-shadow .28s ease;
}

.mc-compare__calculator-button:hover{
    transform:translateY(-3px);

    box-shadow:
        0 14px 32px rgba(73,89,255,.25);
}

.mc-compare__calculator-button svg{
    width:18px;
    height:18px;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:1120px){

    .mc-compare__table-wrapper{
        overflow-x:auto;
    }

    .mc-compare__table{
        min-width:1030px;
    }
}

@media (max-width:760px){

    .mc-compare{
        padding:90px 0 95px;
    }

    .mc-compare__container{
        width:min(100% - 24px,700px);
    }

    .mc-compare__header{
        margin-bottom:46px;
    }

    .mc-compare__title{
        font-size:clamp(2.8rem,11vw,4.8rem);
    }

    .mc-compare__description{
        font-size:15px;
    }

    .mc-compare__table-wrapper{
        border-radius:14px;
    }

    .mc-compare__calculator{
        grid-template-columns:auto 1fr;
    }

    .mc-compare__calculator-button{
        grid-column:1 / -1;

        width:100%;
    }
}

@media (max-width:500px){

    .mc-compare{
        padding:78px 0 84px;
    }

    .mc-compare__badge{
        padding:10px 14px;
        font-size:10px;
    }

    .mc-compare__title{
        font-size:clamp(2.35rem,13vw,3.8rem);
    }

    .mc-compare__calculator{
        grid-template-columns:1fr;

        text-align:center;
    }

    .mc-compare__calculator-icon{
        margin:0 auto;
    }
}

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

@media (prefers-reduced-motion:reduce){

    .mc-compare-particle{
        animation:none;
    }

    .mc-compare__plan-visual img,
    .mc-compare__button,
    .mc-compare__button::before,
    .mc-compare__calculator-button{
        transition:none;
    }
}
/* ===================================================
   INCLUDED WITH EVERY PLAN
=================================================== */

.mc-included{

    position:relative;
    padding:130px 0;

    background:
    linear-gradient(
    rgba(4,8,22,.82),
    rgba(4,8,22,.88)
    ),
    url("../assets/included-bg.webp");

    background-size:cover;
    background-position:center;
    background-attachment:fixed;

    overflow:hidden;

}

.mc-included::before{

    content:"";
    position:absolute;
    inset:0;

    background:
    radial-gradient(circle at 20% 30%,rgba(140,76,255,.18),transparent 45%),
    radial-gradient(circle at 80% 70%,rgba(45,140,255,.15),transparent 45%);

    pointer-events:none;

}

.mc-included .container{

    position:relative;
    z-index:2;

}


/* ---------- Heading ---------- */

.mc-included .section-title{

    text-align:center;
    margin-bottom:70px;

}

.mc-included .section-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 22px;

    border-radius:14px;

    background:rgba(15,18,40,.75);

    border:1px solid rgba(130,90,255,.35);

    color:#8b63ff;

    font-size:13px;
    letter-spacing:.08em;
    text-transform:uppercase;

    backdrop-filter:blur(14px);

}

.mc-included h2{

    margin-top:28px;
    margin-bottom:20px;

    font-family:"Minecraft";
    font-size:72px;
    line-height:1.05;

    color:#fff;

}

.mc-included h2 span{

    display:block;

    background:linear-gradient(90deg,#8b4cff,#2d8cff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

}

.mc-included .section-title p{

    max-width:760px;
    margin:auto;

    color:#b8bfd8;
    font-size:18px;
    line-height:1.8;

}


/* ---------- Grid ---------- */

.mc-included-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;

}


/* ---------- Cards ---------- */

.mc-feature-card{

    position:relative;

    padding:38px 30px;

    border-radius:22px;

    background:rgba(15,20,45,.62);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    transition:.35s;

    overflow:hidden;

}

.mc-feature-card::before{

    content:"";

    position:absolute;
    inset:0;

    background:
    linear-gradient(
    135deg,
    rgba(139,76,255,.10),
    rgba(45,140,255,.05)
    );

    opacity:0;

    transition:.35s;

}

.mc-feature-card:hover{

    transform:translateY(-10px);

    border-color:#2d8cff;

    box-shadow:
    0 0 35px rgba(45,140,255,.20);

}

.mc-feature-card:hover::before{

    opacity:1;

}

/* =====================================================
   DARKER BACKGROUND OVERLAY
===================================================== */

.mc-included::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;

    background:
        linear-gradient(
            180deg,
            rgba(4, 7, 20, .58),
            rgba(4, 8, 23, .76)
        );

    pointer-events:none;
}

.mc-included .container{
    position:relative;
    z-index:2;
}

.mc-feature-card h3{

    position:relative;

    margin-bottom:14px;

    font-family:"Minecraft";

    font-size:23px;

    color:#fff;

}

.mc-feature-card p{

    position:relative;

    color:#b9bfd7;

    line-height:1.8;

    font-size:15px;

}
.mc-feature-icon{
    position:relative;
    z-index:2;

    width:66px;
    height:66px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:24px;

    border:1px solid rgba(142, 102, 255, .55);
    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            rgba(139, 76, 255, .95),
            rgba(45, 140, 255, .95)
        );

    box-shadow:
        0 12px 30px rgba(89, 74, 255, .28),
        0 0 30px rgba(45, 140, 255, .20);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.mc-feature-icon svg{
    width:29px;
    height:29px;

    color:#ffffff;
    stroke-width:2.1;
}
.mc-included__footer{
    position:relative;

    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:22px;

    margin-top:30px;
    padding:24px 28px;

    border:1px solid rgba(121, 91, 255, .40);
    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            rgba(17, 19, 48, .91),
            rgba(7, 11, 30, .94)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 22px 55px rgba(0,0,0,.28),
        0 0 34px rgba(83, 72, 255, .09);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.mc-included__footer-icon{
    width:60px;
    height:60px;

    display:grid;
    place-items:center;

    border:1px solid rgba(150, 96, 255, .50);
    border-radius:16px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #8b4cff,
            #2d8cff
        );

    box-shadow:
        0 12px 28px rgba(90, 76, 255, .30);
}

.mc-included__footer-icon svg{
    width:28px;
    height:28px;
}

.mc-included__footer-content h3{
    margin:0 0 7px;

    color:#ffffff;

    font-family:"Inter",sans-serif;
    font-size:19px;
    font-weight:700;
}

.mc-included__footer-content h3 span{
    color:#6c8fff;
}

.mc-included__footer-content p{
    margin:0;

    color:rgba(215, 222, 243, .72);

    font-family:"Inter",sans-serif;
    font-size:14px;
    line-height:1.6;
}

.mc-included__footer-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    min-height:54px;
    padding:0 24px;

    border:1px solid transparent;
    border-radius:10px;

    color:#ffffff;

    background:
        linear-gradient(#0a0e26,#0a0e26) padding-box,
        linear-gradient(90deg,#8b4cff,#2d8cff) border-box;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:10px;
    letter-spacing:.04em;
    text-transform:uppercase;
    text-decoration:none;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.mc-included__footer-button:hover{
    transform:translateY(-3px);

    box-shadow:
        0 14px 34px rgba(68, 95, 255, .25);
}

.mc-included__footer-button svg{
    width:17px;
    height:17px;
}


/* ---------- Responsive ---------- */

@media(max-width:1200px){

.mc-included-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.mc-included{

padding:90px 0;

}

.mc-included h2{

font-size:46px;

}

.mc-included-grid{

grid-template-columns:1fr;

}

.mc-feature-card{

padding:30px;

}

}
/*======================================================
  PERFORMANCE OVERVIEW
======================================================*/

.mc-performance{

    position:relative;

    padding:140px 0;

    overflow:hidden;

    background:
    linear-gradient(
    180deg,
    rgba(5,8,20,.92),
    rgba(5,8,20,.96)
    );

}

/*==============================
  Background
==============================*/

.mc-performance__background{

    position:absolute;

    inset:0;

    background:url("../assets/performance-bg.jpg") center center/cover no-repeat;

    filter:brightness(.38);

    transform:scale(1.08);

    z-index:0;

}

.mc-performance__overlay{

    position:absolute;

    inset:0;

    background:

    radial-gradient(
    circle at 20% 20%,
    rgba(139,76,255,.18),
    transparent 45%
    ),

    radial-gradient(
    circle at 80% 70%,
    rgba(45,140,255,.15),
    transparent 45%
    ),

    linear-gradient(
    rgba(4,8,22,.55),
    rgba(4,8,22,.88)
    );

    z-index:1;

}

/*==============================
  Container
==============================*/

.mc-performance__container{

    position:relative;

    z-index:5;

    width:min(1400px,92%);

    margin:auto;

}

/*==============================
  Header
==============================*/

.mc-performance__header{

    text-align:center;

    margin-bottom:80px;

}

.mc-performance__badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 24px;

    border-radius:999px;

    border:1px solid rgba(45,140,255,.45);

    background:

    linear-gradient(
    135deg,
    rgba(139,76,255,.18),
    rgba(45,140,255,.12)
    );

    backdrop-filter:blur(14px);

    margin-bottom:28px;

}

.mc-performance__badge i{

    width:18px;

    height:18px;

    color:#9d6cff;

}

.mc-performance__badge span{

    font-size:14px;

    letter-spacing:.18em;

    text-transform:uppercase;

    color:#dfe8ff;

}

/*==============================
  Title
==============================*/

.mc-performance__title{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

    margin:0;

    line-height:.95;

    font-family:"Minecraft","Inter",sans-serif;

}

.mc-performance__title span{

    font-size:clamp(58px,7vw,108px);

    color:#ffffff;

    text-shadow:

    0 6px 0 rgba(0,0,0,.28);

}

.mc-performance__title strong{

    font-size:clamp(58px,7vw,108px);

    font-weight:inherit;

    background:

    linear-gradient(
    90deg,
    #8b4cff,
    #2d8cff
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;

}

/*==============================
  Description
==============================*/

.mc-performance__description{

    max-width:760px;

    margin:34px auto 0;

    color:#b9bfd7;

    font-size:20px;

    line-height:1.8;

}
/*======================================================
  PERFORMANCE OVERVIEW — PART 2
  TOP STAT CARDS
======================================================*/

.mc-performance__stats{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:22px;

    margin-bottom:26px;
}

/* ==============================
   CARD BASE
============================== */

.mc-performance-card{
    position:relative;

    min-height:225px;
    padding:28px 26px;

    display:flex;
    align-items:flex-start;
    gap:20px;

    border:1px solid rgba(125, 113, 255, .28);
    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(16, 20, 48, .90),
            rgba(7, 11, 31, .93)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 20px 50px rgba(0,0,0,.28);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    overflow:hidden;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

/* Soft inner glow */

.mc-performance-card::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.7;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 12% 12%,
            rgba(139, 76, 255, .12),
            transparent 38%
        ),
        radial-gradient(
            circle at 88% 88%,
            rgba(45, 140, 255, .08),
            transparent 42%
        );
}

/* Top accent line */

.mc-performance-card::after{
    content:"";

    position:absolute;
    top:0;
    left:18px;
    right:18px;

    height:2px;

    border-radius:999px;

    opacity:.85;
}

/* Purple card accent */

.mc-performance-card--purple::after{
    background:
        linear-gradient(
            90deg,
            transparent,
            #8b4cff,
            transparent
        );
}

/* Blue card accent */

.mc-performance-card--blue::after{
    background:
        linear-gradient(
            90deg,
            transparent,
            #2d8cff,
            transparent
        );
}

/* Hover */

.mc-performance-card:hover{
    transform:translateY(-9px);

    border-color:rgba(91, 132, 255, .66);

    box-shadow:
        0 28px 70px rgba(0,0,0,.34),
        0 0 38px rgba(45,140,255,.15),
        0 0 50px rgba(139,76,255,.10);
}

/* ==============================
   ICON BOX
============================== */

.mc-performance-card__icon{
    position:relative;
    z-index:2;

    flex:0 0 auto;

    width:72px;
    height:72px;

    display:grid;
    place-items:center;

    border-radius:18px;

    box-shadow:
        0 14px 32px rgba(0,0,0,.24);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.mc-performance-card--purple
.mc-performance-card__icon{
    border:1px solid rgba(167, 104, 255, .58);

    background:
        linear-gradient(
            135deg,
            rgba(139, 76, 255, .95),
            rgba(86, 55, 219, .95)
        );

    box-shadow:
        0 14px 32px rgba(116, 68, 240, .30),
        0 0 28px rgba(139, 76, 255, .18);
}

.mc-performance-card--blue
.mc-performance-card__icon{
    border:1px solid rgba(85, 164, 255, .58);

    background:
        linear-gradient(
            135deg,
            rgba(45, 140, 255, .96),
            rgba(27, 91, 215, .96)
        );

    box-shadow:
        0 14px 32px rgba(40, 116, 235, .30),
        0 0 28px rgba(45, 140, 255, .18);
}

.mc-performance-card__icon svg{
    width:34px;
    height:34px;

    color:#ffffff;
    stroke-width:2;
}

.mc-performance-card:hover
.mc-performance-card__icon{
    transform:translateY(-4px) scale(1.07);
}

/* ==============================
   CARD CONTENT
============================== */

.mc-performance-card__content{
    position:relative;
    z-index:2;

    min-width:0;
}

.mc-performance-card__content h3{
    margin:0;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:clamp(30px, 2.5vw, 42px);
    font-weight:400;
    line-height:1;
    text-transform:uppercase;

    text-shadow:
        0 4px 0 rgba(0,0,0,.22);
}

.mc-performance-card--purple
.mc-performance-card__content h3{
    color:#b56cff;

    filter:
        drop-shadow(0 0 14px rgba(139,76,255,.28));
}

.mc-performance-card--blue
.mc-performance-card__content h3{
    color:#54a6ff;

    filter:
        drop-shadow(0 0 14px rgba(45,140,255,.26));
}

.mc-performance-card__content > span{
    display:block;

    margin-top:9px;

    font-family:"Inter",sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.mc-performance-card--purple
.mc-performance-card__content > span{
    color:#a76cff;
}

.mc-performance-card--blue
.mc-performance-card__content > span{
    color:#4ba4ff;
}

.mc-performance-card__content p{
    margin:24px 0 0;

    color:rgba(220, 226, 244, .76);

    font-family:"Inter",sans-serif;
    font-size:14px;
    line-height:1.65;
}

/* ==============================
   RESPONSIVE
============================== */

@media (max-width:1180px){

    .mc-performance__stats{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width:650px){

    .mc-performance__stats{
        grid-template-columns:1fr;
    }

    .mc-performance-card{
        min-height:auto;
        padding:25px 22px;
    }

    .mc-performance-card__icon{
        width:64px;
        height:64px;
    }

    .mc-performance-card__icon svg{
        width:30px;
        height:30px;
    }
}
/* ======================================================
   PERFORMANCE OVERVIEW — PART 3
   PERFORMANCE METRICS + PROGRESS BARS
====================================================== */

.mc-performance__metrics{
    position:relative;

    margin-top:26px;
    padding:34px 34px 38px;

    border:1px solid rgba(111, 105, 255, .28);
    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            rgba(15, 19, 47, .92),
            rgba(7, 11, 31, .94)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 24px 60px rgba(0,0,0,.30),
        0 0 38px rgba(71, 84, 255, .09);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    overflow:hidden;
}

/* Inner ambient glow */

.mc-performance__metrics::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(139, 76, 255, .12),
            transparent 32%
        ),
        radial-gradient(
            circle at 88% 82%,
            rgba(45, 140, 255, .10),
            transparent 36%
        );

    pointer-events:none;
}

/* Top accent */

.mc-performance__metrics::after{
    content:"";

    position:absolute;
    top:0;
    left:8%;
    right:8%;

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #8b4cff,
            #2d8cff,
            transparent
        );

    opacity:.85;
}

/* ======================================================
   METRICS HEADING
====================================================== */

.mc-performance__metrics-heading{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    gap:13px;

    margin-bottom:32px;
}

.mc-performance__metrics-heading svg{
    width:25px;
    height:25px;

    color:#9b66ff;
    stroke-width:2.1;

    filter:
        drop-shadow(0 0 9px rgba(139,76,255,.42));
}

.mc-performance__metrics-heading h3{
    margin:0;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:20px;
    font-weight:400;
    letter-spacing:.025em;
    text-transform:uppercase;
}

/* ======================================================
   METRIC ITEM
====================================================== */

.mc-performance-metric{
    position:relative;
    z-index:2;

    margin-top:24px;
}

.mc-performance-metric:first-of-type{
    margin-top:0;
}

.mc-performance-metric__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-bottom:11px;
}

.mc-performance-metric__top span{
    color:rgba(232, 236, 251, .88);

    font-family:"Inter",sans-serif;
    font-size:14px;
    font-weight:600;
}

.mc-performance-metric__top strong{
    color:#6da9ff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:13px;
    font-weight:400;

    text-shadow:
        0 0 12px rgba(45,140,255,.34);
}

/* ======================================================
   TRACK
====================================================== */

.mc-performance-metric__track{
    position:relative;

    width:100%;
    height:13px;

    border:1px solid rgba(136, 147, 205, .13);
    border-radius:999px;

    background:
        rgba(4, 8, 24, .78);

    box-shadow:
        inset 0 2px 6px rgba(0,0,0,.36);

    overflow:hidden;
}

/* Track shine */

.mc-performance-metric__track::after{
    content:"";

    position:absolute;
    inset:1px;

    border-radius:inherit;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.05),
            transparent 55%
        );

    pointer-events:none;
}

/* ======================================================
   PROGRESS BAR
====================================================== */

.mc-performance-metric__bar{
    position:relative;

    display:block;

    width:var(--metric-width);
    height:100%;

    border-radius:inherit;

    background:
        linear-gradient(
            90deg,
            #8b4cff 0%,
            #645dff 48%,
            #2d8cff 100%
        );

    box-shadow:
        0 0 16px rgba(91, 87, 255, .50),
        0 0 30px rgba(45, 140, 255, .24);

    transform-origin:left center;

    animation:
        mcPerformanceBarGrow
        1.25s
        cubic-bezier(.22,.61,.36,1)
        both;
}

/* Animated shine moving across the bar */

.mc-performance-metric__bar::before{
    content:"";

    position:absolute;
    top:0;
    left:-35%;

    width:32%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.52),
            transparent
        );

    transform:skewX(-24deg);

    animation:
        mcPerformanceBarShine
        2.8s
        ease-in-out
        infinite;
}

/* Small end glow */

.mc-performance-metric__bar::after{
    content:"";

    position:absolute;
    top:50%;
    right:0;

    width:16px;
    height:16px;

    border-radius:50%;

    background:#72afff;

    box-shadow:
        0 0 12px rgba(114,175,255,.85),
        0 0 24px rgba(92,97,255,.65);

    transform:translate(30%,-50%);
}

/* Stagger the bar animation */

.mc-performance-metric:nth-of-type(2)
.mc-performance-metric__bar{
    animation-delay:.10s;
}

.mc-performance-metric:nth-of-type(3)
.mc-performance-metric__bar{
    animation-delay:.20s;
}

.mc-performance-metric:nth-of-type(4)
.mc-performance-metric__bar{
    animation-delay:.30s;
}

.mc-performance-metric:nth-of-type(5)
.mc-performance-metric__bar{
    animation-delay:.40s;
}

/* ======================================================
   HOVER
====================================================== */

.mc-performance-metric{
    transition:
        transform .28s ease;
}

.mc-performance-metric:hover{
    transform:translateX(4px);
}

.mc-performance-metric:hover
.mc-performance-metric__top span{
    color:#ffffff;
}

.mc-performance-metric:hover
.mc-performance-metric__track{
    border-color:rgba(95, 128, 255, .28);
}

/* ======================================================
   ANIMATIONS
====================================================== */

@keyframes mcPerformanceBarGrow{
    from{
        transform:scaleX(0);
        opacity:.35;
    }

    to{
        transform:scaleX(1);
        opacity:1;
    }
}

@keyframes mcPerformanceBarShine{
    0%{
        left:-35%;
        opacity:0;
    }

    20%{
        opacity:1;
    }

    60%{
        opacity:.75;
    }

    100%{
        left:125%;
        opacity:0;
    }
}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width:760px){

    .mc-performance__metrics{
        padding:28px 22px 31px;
    }

    .mc-performance__metrics-heading{
        margin-bottom:28px;
    }

    .mc-performance__metrics-heading h3{
        font-size:17px;
    }

    .mc-performance-metric{
        margin-top:21px;
    }

    .mc-performance-metric__top span{
        font-size:13px;
    }

    .mc-performance-metric__top strong{
        font-size:11px;
    }

    .mc-performance-metric__track{
        height:12px;
    }
}

@media (max-width:500px){

    .mc-performance__metrics{
        padding:25px 18px 28px;
        border-radius:16px;
    }

    .mc-performance__metrics-heading{
        align-items:flex-start;
    }

    .mc-performance-metric__top{
        gap:12px;
    }
}

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

@media (prefers-reduced-motion:reduce){

    .mc-performance-metric__bar,
    .mc-performance-metric__bar::before{
        animation:none !important;
    }

    .mc-performance-metric__bar{
        transform:none;
        opacity:1;
    }

    .mc-performance-metric{
        transition:none;
    }
}
/* ======================================================
   PERFORMANCE OVERVIEW — PART 4
   BENEFITS, FINAL POLISH, RESPONSIVE
====================================================== */

/* ======================================================
   BOTTOM BENEFITS GRID
====================================================== */

.mc-performance__benefits{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:18px;

    margin-top:26px;
}

.mc-performance-benefit{
    position:relative;

    display:flex;
    align-items:flex-start;
    gap:16px;

    min-width:0;
    min-height:145px;
    padding:24px 20px;

    border:1px solid rgba(112, 119, 190, .20);
    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            rgba(15, 19, 47, .88),
            rgba(7, 11, 30, .91)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 18px 44px rgba(0,0,0,.24);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    overflow:hidden;

    transition:
        transform .34s ease,
        border-color .34s ease,
        box-shadow .34s ease;
}

/* Soft card glow */

.mc-performance-benefit::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 16% 18%,
            rgba(139, 76, 255, .13),
            transparent 38%
        ),
        radial-gradient(
            circle at 88% 84%,
            rgba(45, 140, 255, .09),
            transparent 42%
        );

    opacity:0;
    pointer-events:none;

    transition:opacity .34s ease;
}

/* Top gradient accent */

.mc-performance-benefit::after{
    content:"";

    position:absolute;
    top:0;
    left:15%;
    right:15%;

    height:2px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #8b4cff,
            #2d8cff,
            transparent
        );

    opacity:.65;
}

/* Hover */

.mc-performance-benefit:hover{
    transform:translateY(-8px);

    border-color:rgba(82, 135, 255, .58);

    box-shadow:
        0 26px 64px rgba(0,0,0,.32),
        0 0 34px rgba(45,140,255,.14),
        0 0 48px rgba(139,76,255,.09);
}

.mc-performance-benefit:hover::before{
    opacity:1;
}

/* ======================================================
   BENEFIT ICON
====================================================== */

.mc-performance-benefit__icon{

    position:relative;
    z-index:2;

    flex:0 0 auto;

    display:grid;
    place-items:center;

    width:68px;
    height:68px;

    border-radius:18px;

    border:1px solid rgba(255,255,255,.12);

    background:
        linear-gradient(
            135deg,
            rgba(139,76,255,.18),
            rgba(45,140,255,.12)
        );

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    color:#ffffff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 28px rgba(139,76,255,.16),
        0 0 40px rgba(45,140,255,.08);

    transition:
        .35s;
}

.mc-performance-benefit__icon svg{

    width:30px;
    height:30px;

    stroke-width:2;

    color:#ffffff;

    filter:
        drop-shadow(0 0 8px rgba(120,120,255,.45));
}

.mc-performance-benefit:hover
.mc-performance-benefit__icon{

    transform:
        translateY(-4px)
        scale(1.08);

    border-color:rgba(120,160,255,.35);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 0 35px rgba(139,76,255,.28),
        0 0 55px rgba(45,140,255,.18);
}

/* ======================================================
   BENEFIT TEXT
====================================================== */

.mc-performance-benefit > div:last-child{
    position:relative;
    z-index:2;

    min-width:0;
}

.mc-performance-benefit h4{
    margin:2px 0 9px;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.25;
    text-transform:uppercase;
}

.mc-performance-benefit p{
    margin:0;

    color:rgba(216, 223, 243, .72);

    font-family:"Inter",sans-serif;
    font-size:13px;
    line-height:1.6;
}

/* ======================================================
   SECTION TRANSITION FADES
====================================================== */

.mc-performance::before{
    content:"";

    position:absolute;
    inset:0;
    z-index:2;

    background:
        linear-gradient(
            180deg,
            #050714 0%,
            transparent 9%,
            transparent 91%,
            #050714 100%
        );

    pointer-events:none;
}

/* Subtle vignette */

.mc-performance::after{
    content:"";

    position:absolute;
    inset:0;
    z-index:3;

    background:
        radial-gradient(
            ellipse at center,
            transparent 38%,
            rgba(2, 4, 14, .46) 100%
        );

    pointer-events:none;
}

/* Keep content above fades */

.mc-performance__container{
    position:relative;
    z-index:5;
}

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

.mc-performance__badge,
.mc-performance__title,
.mc-performance__description{
    opacity:0;

    animation:
        mcPerformanceHeaderReveal
        .85s
        cubic-bezier(.22,.61,.36,1)
        forwards;
}

.mc-performance__badge{
    animation-delay:.08s;
}

.mc-performance__title{
    animation-delay:.18s;
}

.mc-performance__description{
    animation-delay:.30s;
}

@keyframes mcPerformanceHeaderReveal{
    from{
        opacity:0;
        transform:translateY(24px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ======================================================
   CARD ENTRANCE
====================================================== */

.mc-performance-card,
.mc-performance__metrics,
.mc-performance-benefit{
    opacity:0;

    animation:
        mcPerformanceCardReveal
        .8s
        cubic-bezier(.22,.61,.36,1)
        forwards;
}

.mc-performance-card:nth-child(1){
    animation-delay:.16s;
}

.mc-performance-card:nth-child(2){
    animation-delay:.24s;
}

.mc-performance-card:nth-child(3){
    animation-delay:.32s;
}

.mc-performance-card:nth-child(4){
    animation-delay:.40s;
}

.mc-performance__metrics{
    animation-delay:.46s;
}

.mc-performance-benefit:nth-child(1){
    animation-delay:.52s;
}

.mc-performance-benefit:nth-child(2){
    animation-delay:.58s;
}

.mc-performance-benefit:nth-child(3){
    animation-delay:.64s;
}

.mc-performance-benefit:nth-child(4){
    animation-delay:.70s;
}

.mc-performance-benefit:nth-child(5){
    animation-delay:.76s;
}

@keyframes mcPerformanceCardReveal{
    from{
        opacity:0;
        transform:translateY(28px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ======================================================
   RESPONSIVE — LARGE TABLET
====================================================== */

@media (max-width:1180px){

    .mc-performance{
        padding:120px 0;
    }

    .mc-performance__benefits{
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .mc-performance-benefit:nth-child(4),
    .mc-performance-benefit:nth-child(5){
        width:100%;
    }
}

/* ======================================================
   RESPONSIVE — TABLET
====================================================== */

@media (max-width:900px){

    .mc-performance__header{
        margin-bottom:60px;
    }

    .mc-performance__title span,
    .mc-performance__title strong{
        font-size:clamp(48px, 9vw, 78px);
    }

    .mc-performance__description{
        font-size:17px;
    }

    .mc-performance__benefits{
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .mc-performance-benefit:last-child{
        grid-column:1 / -1;

        width:min(520px, 100%);
        justify-self:center;
    }
}

/* ======================================================
   RESPONSIVE — MOBILE
====================================================== */

@media (max-width:650px){

    .mc-performance{
        padding:90px 0;
    }

    .mc-performance__container{
        width:min(100% - 24px, 560px);
    }

    .mc-performance__header{
        margin-bottom:48px;
    }

    .mc-performance__badge{
        padding:10px 16px;

        font-size:11px;
    }

    .mc-performance__title{
        gap:6px;
    }

    .mc-performance__title span,
    .mc-performance__title strong{
        font-size:clamp(38px, 12vw, 58px);
    }

    .mc-performance__description{
        margin-top:25px;

        font-size:15px;
        line-height:1.7;
    }

    .mc-performance__benefits{
        grid-template-columns:1fr;
        gap:16px;
    }

    .mc-performance-benefit,
    .mc-performance-benefit:last-child{
        grid-column:auto;

        width:100%;
        min-height:auto;
    }
}

/* ======================================================
   VERY SMALL MOBILE
====================================================== */

@media (max-width:420px){

    .mc-performance{
        padding:78px 0;
    }

    .mc-performance__container{
        width:min(100% - 18px, 420px);
    }

    .mc-performance__badge{
        letter-spacing:.10em;
    }

    .mc-performance-benefit{
        padding:20px 17px;
    }

    .mc-performance-benefit__icon{
        width:48px;
        height:48px;
    }

    .mc-performance-benefit__icon svg{
        width:22px;
        height:22px;
    }

    .mc-performance-benefit h4{
        font-size:13px;
    }

    .mc-performance-benefit p{
        font-size:12px;
    }
}

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

@media (prefers-reduced-motion:reduce){

    .mc-performance__badge,
    .mc-performance__title,
    .mc-performance__description,
    .mc-performance-card,
    .mc-performance__metrics,
    .mc-performance-benefit{
        opacity:1;

        animation:none !important;
        transform:none;
    }

    .mc-performance-card,
    .mc-performance-card__icon,
    .mc-performance-benefit,
    .mc-performance-benefit__icon{
        transition:none !important;
    }
}
/* =======================================================
   REVIEWS - PART 1
======================================================= */

.mc-reviews{

    position:relative;

    padding:140px 0;

    overflow:hidden;

    background:
    linear-gradient(
    rgba(4,8,22,.82),
    rgba(4,8,22,.90)
    ),
    url("../assets/review-bg.jpg");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;

}

.mc-reviews::before{

    content:"";

    position:absolute;
    inset:0;

    background:

    radial-gradient(
    circle at 20% 25%,
    rgba(139,76,255,.14),
    transparent 45%
    ),

    radial-gradient(
    circle at 80% 70%,
    rgba(45,140,255,.12),
    transparent 45%
    );

    pointer-events:none;

}

.mc-reviews .mc-container{

    position:relative;
    z-index:2;

}

/* =======================================
   HEADING
======================================= */

.mc-reviews .mc-section-title{

    text-align:center;

    max-width:850px;

    margin:0 auto 70px;

}

.mc-reviews .mc-badge{

    display:inline-flex;

    align-items:center;
    gap:10px;

    padding:12px 24px;

    border-radius:999px;

    border:1px solid rgba(139,76,255,.35);

    background:
    linear-gradient(
    135deg,
    rgba(139,76,255,.10),
    rgba(45,140,255,.08)
    );

    color:#b88cff;

    font-size:13px;

    letter-spacing:.14em;

    text-transform:uppercase;

    margin-bottom:28px;

}

.mc-reviews .mc-badge svg{

    width:18px;
    height:18px;

}

.mc-reviews .mc-section-title h2{

    font-family:"Minecraft";

    font-size:82px;

    line-height:1;

    color:#fff;

    margin-bottom:24px;

    text-transform:uppercase;

}

.mc-reviews .mc-section-title h2 span{

    display:block;

    margin-top:10px;

    background:
    linear-gradient(
    90deg,
    #8b4cff,
    #2d8cff
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

}

.mc-reviews .mc-section-title p{

    font-size:20px;

    color:#c0c6de;

    line-height:1.8;

}

/* =======================================
   RATING
======================================= */

.mc-review-rating{

    display:flex;

    align-items:center;
    justify-content:center;

    gap:22px;

    margin-bottom:65px;

}

.mc-review-stars{

    display:flex;

    gap:8px;

}

.mc-review-stars svg{

    width:22px;
    height:22px;

    fill:#9b6cff;
    stroke:#9b6cff;

    filter:
    drop-shadow(
    0 0 12px rgba(139,76,255,.40)
    );

}

.mc-review-rating strong{

    font-size:42px;

    color:#fff;

    font-weight:700;

}

.mc-review-rating span{

    color:#bfc6df;

    font-size:17px;

    letter-spacing:.08em;

    text-transform:uppercase;

}

/* =======================================
   REVIEW CONTAINER
======================================= */

.mc-review-main{

    position:relative;

    display:flex;

    align-items:center;
    justify-content:center;

    margin-bottom:55px;

}

/* =======================================
   ARROWS
======================================= */

.mc-review-arrow{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:68px;
    height:68px;

    border:none;

    border-radius:18px;

    cursor:pointer;

    color:#fff;

    background:
    linear-gradient(
    135deg,
    rgba(139,76,255,.16),
    rgba(45,140,255,.12)
    );

    border:1px solid rgba(139,76,255,.30);

    backdrop-filter:blur(12px);

    transition:.35s;

}

.mc-review-arrow.prev{

    left:-95px;

}

.mc-review-arrow.next{

    right:-95px;

}

.mc-review-arrow svg{

    width:28px;
    height:28px;

}

.mc-review-arrow:hover{

    transform:
    translateY(-50%)
    scale(1.08);

    border-color:#2d8cff;

    box-shadow:
    0 0 30px rgba(45,140,255,.22);

}
/*======================================================
  REVIEWS - PART 2
  MAIN REVIEW CARD
======================================================*/

.mc-review-card{

    position:relative;

    width:min(920px,100%);

    padding:60px;

    border-radius:28px;

    border:1px solid rgba(139,76,255,.18);

    background:
    linear-gradient(
    145deg,
    rgba(15,20,45,.88),
    rgba(8,12,32,.94)
    );

    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);

    overflow:hidden;

    box-shadow:
    0 35px 80px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04);

}

/* Top Glow */

.mc-review-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    radial-gradient(
    circle at 15% 15%,
    rgba(139,76,255,.12),
    transparent 42%
    ),

    radial-gradient(
    circle at 85% 85%,
    rgba(45,140,255,.10),
    transparent 42%
    );

    pointer-events:none;

}

/* Animated Border */

.mc-review-card::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:28px;

    padding:1px;

    background:
    linear-gradient(
    135deg,
    rgba(139,76,255,.35),
    rgba(45,140,255,.35)
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:.55;

    pointer-events:none;

}

/*======================================
  QUOTE ICON
======================================*/

.mc-review-quote{

    width:82px;
    height:82px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 36px;

    border-radius:22px;

    background:
    linear-gradient(
    135deg,
    rgba(139,76,255,.20),
    rgba(45,140,255,.15)
    );

    border:1px solid rgba(139,76,255,.35);

    box-shadow:
    0 0 35px rgba(139,76,255,.16);

}

.mc-review-quote svg{

    width:38px;
    height:38px;

    color:#fff;

}

/*======================================
  REVIEW TEXT
======================================*/

.mc-review-card blockquote{

    position:relative;

    max-width:760px;

    margin:0 auto;

    text-align:center;

    font-size:28px;

    line-height:1.9;

    color:#edf2ff;

    font-weight:500;

    letter-spacing:.02em;

}

/* Highlight */

.mc-review-card blockquote::selection{

    background:#8b4cff;

    color:#fff;

}

/*======================================
  DIVIDER
======================================*/

.mc-review-divider{

    width:120px;
    height:2px;

    margin:42px auto;

    border-radius:999px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #8b4cff,
    #2d8cff,
    transparent
    );

}

/*======================================
  HOVER
======================================*/

.mc-review-card{

    transition:
    transform .4s ease,
    box-shadow .4s ease,
    border-color .4s ease;

}

.mc-review-card:hover{

    transform:translateY(-8px);

    border-color:#4f89ff;

    box-shadow:
    0 45px 90px rgba(0,0,0,.38),
    0 0 55px rgba(45,140,255,.12),
    0 0 80px rgba(139,76,255,.10);

}

/*======================================
  MOBILE
======================================*/

@media(max-width:900px){

    .mc-review-card{

        padding:42px 30px;

    }

    .mc-review-card blockquote{

        font-size:22px;

    }

}

@media(max-width:600px){

    .mc-review-card{

        padding:34px 22px;

        border-radius:22px;

    }

    .mc-review-quote{

        width:66px;
        height:66px;

    }

    .mc-review-quote svg{

        width:30px;
        height:30px;

    }

    .mc-review-card blockquote{

        font-size:18px;

        line-height:1.8;

    }

}
/* ======================================================
   REVIEWS — PART 3
   REVIEWER PROFILE, VERIFIED BADGE, SERVER STATS
====================================================== */

/* ======================================================
   USER AREA
====================================================== */

.mc-review-user{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    width:100%;
}

/* ======================================================
   PROFILE
====================================================== */

.mc-review-user__profile{
    display:flex;
    align-items:center;
    gap:18px;

    min-width:0;
}

.mc-review-user__avatar{
    flex:0 0 auto;

    width:72px;
    height:72px;

    border:2px solid rgba(139,76,255,.55);
    border-radius:15px;

    object-fit:cover;
    image-rendering:pixelated;

    background:#0b1028;

    box-shadow:
        0 12px 28px rgba(0,0,0,.32),
        0 0 24px rgba(139,76,255,.20),
        0 0 35px rgba(45,140,255,.10);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.mc-review-card:hover .mc-review-user__avatar{
    transform:translateY(-3px) scale(1.04);

    border-color:rgba(74,145,255,.75);

    box-shadow:
        0 16px 34px rgba(0,0,0,.38),
        0 0 30px rgba(139,76,255,.24),
        0 0 42px rgba(45,140,255,.17);
}

/* ======================================================
   USER DETAILS
====================================================== */

.mc-review-user__details{
    min-width:0;
}

.mc-review-user__details h3{
    margin:0;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:22px;
    font-weight:400;
    line-height:1.1;
    text-transform:uppercase;

    text-shadow:
        0 3px 0 rgba(0,0,0,.22);
}

.mc-review-user__role{
    display:block;

    margin-top:7px;

    color:rgba(216,223,244,.66);

    font-family:"Inter",sans-serif;
    font-size:13px;
    line-height:1.4;
}

/* ======================================================
   VERIFIED BADGE
====================================================== */

.mc-review-user__verified{
    display:inline-flex;
    align-items:center;
    gap:7px;

    margin-top:11px;
    padding:7px 11px;

    border:1px solid rgba(101,170,255,.30);
    border-radius:7px;

    color:#83b8ff;

    background:
        linear-gradient(
            135deg,
            rgba(45,140,255,.11),
            rgba(139,76,255,.08)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 0 16px rgba(45,140,255,.08);

    font-family:"Inter",sans-serif;
    font-size:11px;
    font-weight:600;
    line-height:1;
    letter-spacing:.03em;
}

.mc-review-user__verified svg{
    width:15px;
    height:15px;

    color:#66aaff;
    stroke-width:2.2;
}

/* ======================================================
   SERVER STATS
====================================================== */

.mc-review-user__stats{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:10px;
}

.mc-review-user__stats > div{
    display:flex;
    align-items:center;
    gap:8px;

    min-height:40px;
    padding:0 13px;

    border:1px solid rgba(121,119,195,.19);
    border-radius:9px;

    color:rgba(224,230,248,.74);

    background:
        linear-gradient(
            145deg,
            rgba(18,22,52,.72),
            rgba(8,12,31,.76)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);

    font-family:"Inter",sans-serif;
    font-size:11px;
    line-height:1;

    transition:
        transform .3s ease,
        border-color .3s ease,
        color .3s ease,
        background .3s ease;
}

.mc-review-user__stats > div:hover{
    transform:translateY(-3px);

    border-color:rgba(83,145,255,.46);

    color:#ffffff;

    background:
        linear-gradient(
            145deg,
            rgba(38,42,87,.78),
            rgba(10,17,43,.84)
        );
}

.mc-review-user__stats svg{
    flex:0 0 auto;

    width:16px;
    height:16px;

    color:#9870ff;
    stroke-width:2;
}

/* Alternate blue accents */

.mc-review-user__stats > div:nth-child(2) svg{
    color:#48a2ff;
}

.mc-review-user__stats > div:nth-child(3) svg{
    color:#8d73ff;
}

/* ======================================================
   ACTIVE CARD CONTENT ANIMATION
====================================================== */

.mc-review-card.active .mc-review-user__profile,
.mc-review-card.active .mc-review-user__stats{
    animation:
        mcReviewProfileReveal
        .55s
        cubic-bezier(.22,.61,.36,1)
        both;
}

.mc-review-card.active .mc-review-user__stats{
    animation-delay:.08s;
}

@keyframes mcReviewProfileReveal{
    from{
        opacity:0;
        transform:translateY(14px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

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

@media (max-width:900px){

    .mc-review-user{
        align-items:flex-start;
        flex-direction:column;
    }

    .mc-review-user__stats{
        justify-content:flex-start;

        width:100%;
    }
}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width:600px){

    .mc-review-user{
        gap:22px;
    }

    .mc-review-user__profile{
        align-items:flex-start;
        gap:14px;
    }

    .mc-review-user__avatar{
        width:62px;
        height:62px;

        border-radius:13px;
    }

    .mc-review-user__details h3{
        font-size:18px;
    }

    .mc-review-user__role{
        font-size:12px;
    }

    .mc-review-user__verified{
        padding:6px 9px;

        font-size:10px;
    }

    .mc-review-user__stats{
        display:grid;
        grid-template-columns:1fr;

        gap:9px;
    }

    .mc-review-user__stats > div{
        width:100%;
        min-height:42px;

        justify-content:flex-start;
    }
}

/* ======================================================
   VERY SMALL MOBILE
====================================================== */

@media (max-width:390px){

    .mc-review-user__profile{
        flex-direction:column;
    }

    .mc-review-user__avatar{
        width:66px;
        height:66px;
    }
}

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

@media (prefers-reduced-motion:reduce){

    .mc-review-card.active .mc-review-user__profile,
    .mc-review-card.active .mc-review-user__stats{
        animation:none;
    }

    .mc-review-user__avatar,
    .mc-review-user__stats > div{
        transition:none;
    }
}
/* ======================================================
   REVIEWS - PART 4
   AVATAR SELECTOR
====================================================== */

.mc-review-selector{

    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-wrap:wrap;

    gap:20px;

    margin:55px 0 70px;

}

.mc-review-avatar{

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;

    background:none;
    border:none;

    cursor:pointer;

    transition:.35s;

}

.mc-review-avatar span{

    position:relative;

    width:78px;
    height:78px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:20px;

    background:
    linear-gradient(
        145deg,
        rgba(16,20,48,.90),
        rgba(8,12,30,.92)
    );

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 12px 28px rgba(0,0,0,.28);

    overflow:hidden;

    transition:.35s;

}

.mc-review-avatar img{

    width:58px;
    height:58px;

    image-rendering:pixelated;

    transition:.35s;

}

.mc-review-avatar small{

    color:#aeb7d7;

    font-size:13px;
    font-weight:600;

    transition:.35s;

}

/* ==========================
   ACTIVE
========================== */

.mc-review-avatar.active span{

    border-color:#5b7dff;

    background:
    linear-gradient(
        135deg,
        rgba(139,76,255,.18),
        rgba(45,140,255,.14)
    );

    box-shadow:
        0 0 30px rgba(139,76,255,.22),
        0 0 45px rgba(45,140,255,.12);

}

.mc-review-avatar.active img{

    transform:scale(1.08);

}

.mc-review-avatar.active small{

    color:#ffffff;

}

/* ==========================
   HOVER
========================== */

.mc-review-avatar:hover{

    transform:translateY(-6px);

}

.mc-review-avatar:hover span{

    border-color:#5b7dff;

    box-shadow:
        0 0 25px rgba(45,140,255,.18),
        0 0 40px rgba(139,76,255,.12);

}

.mc-review-avatar:hover img{

    transform:scale(1.06);

}

.mc-review-avatar:hover small{

    color:#ffffff;

}

/* ==========================
   PULSE RING
========================== */

.mc-review-avatar.active span::before{

    content:"";

    position:absolute;
    inset:-8px;

    border-radius:24px;

    border:2px solid rgba(91,125,255,.22);

    animation:reviewPulse 2.5s infinite;

}

@keyframes reviewPulse{

    0%{

        transform:scale(.92);
        opacity:1;

    }

    70%{

        transform:scale(1.12);
        opacity:0;

    }

    100%{

        opacity:0;

    }

}

/* ==========================
   MOBILE
========================== */

@media(max-width:768px){

    .mc-review-selector{

        gap:16px;

    }

    .mc-review-avatar span{

        width:68px;
        height:68px;

    }

    .mc-review-avatar img{

        width:50px;
        height:50px;

    }

    .mc-review-avatar small{

        font-size:12px;

    }

}

@media(max-width:480px){

    .mc-review-selector{

        gap:12px;

    }

    .mc-review-avatar span{

        width:60px;
        height:60px;

        border-radius:16px;

    }

    .mc-review-avatar img{

        width:44px;
        height:44px;

    }

    .mc-review-avatar small{

        display:none;

    }

}
/* ======================================================
   REVIEWS — PART 5
   TRUST STATISTICS + FINAL RESPONSIVE POLISH
====================================================== */

/* ======================================================
   TRUST STATISTICS WRAPPER
====================================================== */

.mc-review-trust{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:16px;

    margin-top:20px;
}

/* ======================================================
   TRUST ITEM
====================================================== */

.mc-review-trust__item{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;

    min-height:110px;
    padding:20px 18px;

    border:1px solid rgba(110, 121, 190, .20);
    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(15, 19, 47, .88),
            rgba(7, 11, 30, .92)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 18px 44px rgba(0,0,0,.22);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    overflow:hidden;

    transition:
        transform .34s ease,
        border-color .34s ease,
        box-shadow .34s ease;
}

/* Inner glow */

.mc-review-trust__item::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(139, 76, 255, .12),
            transparent 38%
        ),
        radial-gradient(
            circle at 88% 85%,
            rgba(45, 140, 255, .08),
            transparent 42%
        );

    opacity:0;
    pointer-events:none;

    transition:opacity .34s ease;
}

/* Top line */

.mc-review-trust__item::after{
    content:"";

    position:absolute;
    top:0;
    left:18%;
    right:18%;

    height:2px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #8b4cff,
            #2d8cff,
            transparent
        );

    opacity:.62;
}

/* Hover */

.mc-review-trust__item:hover{
    transform:translateY(-7px);

    border-color:rgba(79, 139, 255, .55);

    box-shadow:
        0 24px 60px rgba(0,0,0,.30),
        0 0 34px rgba(45,140,255,.14),
        0 0 46px rgba(139,76,255,.08);
}

.mc-review-trust__item:hover::before{
    opacity:1;
}

/* ======================================================
   TRUST ICON
====================================================== */

.mc-review-trust__item > svg{
    position:relative;
    z-index:2;

    flex:0 0 auto;

    width:27px;
    height:27px;

    color:#9d6cff;
    stroke-width:2;

    filter:
        drop-shadow(0 0 10px rgba(139,76,255,.36));
}

.mc-review-trust__item:nth-child(even) > svg{
    color:#4c9fff;

    filter:
        drop-shadow(0 0 10px rgba(45,140,255,.34));
}

/* ======================================================
   TRUST TEXT
====================================================== */

.mc-review-trust__item > div{
    position:relative;
    z-index:2;

    min-width:0;
}

.mc-review-trust__item strong{
    display:block;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:23px;
    font-weight:400;
    line-height:1;

    text-transform:uppercase;
}

.mc-review-trust__item span{
    display:block;

    margin-top:7px;

    color:rgba(217, 224, 243, .66);

    font-family:"Inter",sans-serif;
    font-size:11px;
    line-height:1.35;
    letter-spacing:.03em;
    text-transform:uppercase;
}

/* ======================================================
   SECTION EDGE FADES
====================================================== */

.mc-reviews::after{
    content:"";

    position:absolute;
    inset:0;
    z-index:1;

    background:
        linear-gradient(
            180deg,
            #050714 0%,
            transparent 9%,
            transparent 91%,
            #050714 100%
        );

    pointer-events:none;
}

.mc-reviews .mc-container{
    position:relative;
    z-index:3;

    width:min(1380px, 92%);
    margin:0 auto;
}

/* ======================================================
   ENTRANCE ANIMATIONS
====================================================== */

.mc-reviews .mc-badge,
.mc-reviews .mc-section-title h2,
.mc-reviews .mc-section-title p,
.mc-review-rating,
.mc-review-main,
.mc-review-selector,
.mc-review-trust{
    opacity:0;

    animation:
        mcReviewReveal
        .82s
        cubic-bezier(.22,.61,.36,1)
        forwards;
}

.mc-reviews .mc-badge{
    animation-delay:.06s;
}

.mc-reviews .mc-section-title h2{
    animation-delay:.14s;
}

.mc-reviews .mc-section-title p{
    animation-delay:.22s;
}

.mc-review-rating{
    animation-delay:.30s;
}

.mc-review-main{
    animation-delay:.38s;
}

.mc-review-selector{
    animation-delay:.46s;
}

.mc-review-trust{
    animation-delay:.54s;
}

@keyframes mcReviewReveal{
    from{
        opacity:0;
        transform:translateY(24px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

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

@media (max-width:1180px){

    .mc-review-arrow.prev{
        left:-78px;
    }

    .mc-review-arrow.next{
        right:-78px;
    }

    .mc-review-trust{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .mc-review-trust__item:nth-child(4),
    .mc-review-trust__item:nth-child(5){
        width:100%;
    }
}

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

@media (max-width:900px){

    .mc-reviews{
        padding:115px 0;
    }

    .mc-reviews .mc-section-title{
        margin-bottom:55px;
    }

    .mc-reviews .mc-section-title h2{
        font-size:clamp(54px, 9vw, 76px);
    }

    .mc-review-rating{
        flex-wrap:wrap;
        gap:15px;

        margin-bottom:52px;
    }

    .mc-review-arrow{
        position:static;

        flex:0 0 auto;

        transform:none;
    }

    .mc-review-arrow:hover{
        transform:scale(1.07);
    }

    .mc-review-main{
        display:grid;
        grid-template-columns:auto minmax(0,1fr) auto;
        gap:14px;
    }

    .mc-review-card{
        grid-column:2;
    }

    .mc-review-arrow.prev{
        grid-column:1;
        grid-row:1;
    }

    .mc-review-arrow.next{
        grid-column:3;
        grid-row:1;
    }

    .mc-review-trust{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .mc-review-trust__item:last-child{
        grid-column:1 / -1;

        width:min(520px, 100%);
        justify-self:center;
    }
}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width:650px){

    .mc-reviews{
        padding:90px 0;
        background-attachment:scroll;
    }

    .mc-reviews .mc-container{
        width:min(100% - 24px, 560px);
    }

    .mc-reviews .mc-section-title{
        margin-bottom:45px;
    }

    .mc-reviews .mc-section-title h2{
        font-size:clamp(42px, 12vw, 60px);
    }

    .mc-reviews .mc-section-title p{
        font-size:15px;
        line-height:1.7;
    }

    .mc-review-rating strong{
        font-size:34px;
    }

    .mc-review-rating span{
        width:100%;

        text-align:center;
        font-size:13px;
    }

    .mc-review-main{
        grid-template-columns:1fr 1fr;
    }

    .mc-review-card{
        grid-column:1 / -1;
        grid-row:1;
    }

    .mc-review-arrow.prev,
    .mc-review-arrow.next{
        grid-row:2;

        width:54px;
        height:54px;
    }

    .mc-review-arrow.prev{
        grid-column:1;
        justify-self:end;
    }

    .mc-review-arrow.next{
        grid-column:2;
        justify-self:start;
    }

    .mc-review-selector{
        margin:42px 0 52px;
    }

    .mc-review-trust{
        grid-template-columns:1fr;
    }

    .mc-review-trust__item,
    .mc-review-trust__item:last-child{
        grid-column:auto;

        width:100%;
    }
}

/* ======================================================
   VERY SMALL MOBILE
====================================================== */

@media (max-width:420px){

    .mc-reviews{
        padding:78px 0;
    }

    .mc-reviews .mc-container{
        width:min(100% - 18px, 420px);
    }

    .mc-review-rating{
        margin-bottom:44px;
    }

    .mc-review-stars svg{
        width:19px;
        height:19px;
    }

    .mc-review-trust__item{
        min-height:96px;
        padding:17px 15px;
    }

    .mc-review-trust__item strong{
        font-size:20px;
    }

    .mc-review-trust__item span{
        font-size:10px;
    }
}

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

@media (prefers-reduced-motion:reduce){

    .mc-reviews .mc-badge,
    .mc-reviews .mc-section-title h2,
    .mc-reviews .mc-section-title p,
    .mc-review-rating,
    .mc-review-main,
    .mc-review-selector,
    .mc-review-trust{
        opacity:1;

        animation:none !important;
        transform:none;
    }

    .mc-review-trust__item,
    .mc-review-avatar,
    .mc-review-arrow{
        transition:none !important;
    }
}
/* ======================================================
   FAQ SECTION
====================================================== */

.mc-faq{
    position:relative;
    padding:140px 0;

    background:
        linear-gradient(
            rgba(4,8,20,.82),
            rgba(4,8,20,.92)
        ),
        url("../assets/faq-bg.jpg");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;

    overflow:hidden;
}

.mc-faq::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(139,76,255,.16),
            transparent 42%
        ),
        radial-gradient(
            circle at 82% 75%,
            rgba(45,140,255,.10),
            transparent 45%
        );

    pointer-events:none;
}

.mc-faq::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            #050714 0%,
            transparent 10%,
            transparent 90%,
            #050714 100%
        );

    pointer-events:none;
}

.mc-faq .mc-container{
    position:relative;
    z-index:2;

    width:min(1180px,92%);
    margin:0 auto;
}

/* ======================================================
   SECTION HEADING
====================================================== */

.mc-faq .mc-section-title{
    max-width:880px;
    margin:0 auto 65px;
    text-align:center;
}

.mc-faq .mc-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 22px;
    margin-bottom:28px;

    border:1px solid rgba(139,76,255,.36);
    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            rgba(139,76,255,.12),
            rgba(45,140,255,.08)
        );

    color:#b88cff;

    font-size:12px;
    letter-spacing:.13em;
    text-transform:uppercase;

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.mc-faq .mc-badge svg{
    width:18px;
    height:18px;
}

.mc-faq .mc-section-title h2{
    margin:0;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:clamp(54px,7vw,92px);
    line-height:.95;
    text-transform:uppercase;
}

.mc-faq .mc-section-title h2 span{
    display:block;
    margin-top:10px;

    background:
        linear-gradient(
            90deg,
            #8b4cff,
            #2d8cff
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

.mc-faq .mc-section-title p{
    max-width:720px;
    margin:28px auto 0;

    color:#bdc5df;

    font-size:18px;
    line-height:1.8;
}

/* ======================================================
   FAQ WRAPPER
====================================================== */

.mc-faq-wrapper{
    display:flex;
    flex-direction:column;
    gap:14px;
}

/* ======================================================
   FAQ ITEM
====================================================== */

.mc-faq-item{
    position:relative;

    border:1px solid rgba(115,123,190,.22);
    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(15,19,47,.90),
            rgba(7,11,30,.94)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 18px 44px rgba(0,0,0,.20);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    overflow:hidden;

    transition:
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;
}

.mc-faq-item::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(139,76,255,.12),
            transparent 38%
        ),
        radial-gradient(
            circle at 88% 82%,
            rgba(45,140,255,.08),
            transparent 42%
        );

    opacity:0;
    pointer-events:none;

    transition:opacity .35s ease;
}

.mc-faq-item:hover{
    transform:translateY(-3px);

    border-color:rgba(74,137,255,.46);

    box-shadow:
        0 24px 56px rgba(0,0,0,.28),
        0 0 32px rgba(45,140,255,.10);
}

.mc-faq-item:hover::before,
.mc-faq-item.active::before{
    opacity:1;
}

.mc-faq-item.active{
    border-color:rgba(139,76,255,.60);

    box-shadow:
        0 24px 62px rgba(0,0,0,.30),
        0 0 38px rgba(139,76,255,.14),
        0 0 44px rgba(45,140,255,.08);
}

/* ======================================================
   QUESTION BUTTON
====================================================== */

.mc-faq-question{
    position:relative;
    z-index:2;

    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;

    padding:22px 24px;

    border:none;
    outline:none;
    background:transparent;

    color:#ffffff;
    cursor:pointer;

    text-align:left;
}

.mc-faq-left{
    display:flex;
    align-items:center;
    gap:16px;

    min-width:0;
}

.mc-faq-icon{
    flex:0 0 auto;

    width:48px;
    height:48px;

    display:grid;
    place-items:center;

    border:1px solid rgba(139,76,255,.40);
    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            rgba(139,76,255,.16),
            rgba(45,140,255,.10)
        );

    color:#a875ff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 22px rgba(139,76,255,.10);
}

.mc-faq-icon svg{
    width:22px;
    height:22px;
    stroke-width:2;
}

.mc-faq-question h3{
    margin:0;

    color:#ffffff;

    font-family:"Inter",sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1.35;
}

.mc-faq-toggle{
    flex:0 0 auto;

    width:42px;
    height:42px;

    display:grid;
    place-items:center;

    border:1px solid rgba(115,123,190,.30);
    border-radius:11px;

    color:#dfe5ff;

    background:
        linear-gradient(
            145deg,
            rgba(17,22,52,.78),
            rgba(8,12,31,.84)
        );

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.mc-faq-toggle svg{
    width:19px;
    height:19px;
}

.mc-faq-item.active .mc-faq-toggle{
    transform:rotate(180deg);

    border-color:rgba(139,76,255,.55);

    background:
        linear-gradient(
            135deg,
            rgba(139,76,255,.18),
            rgba(45,140,255,.12)
        );
}

/* ======================================================
   ANSWER
====================================================== */

.mc-faq-answer{
    position:relative;
    z-index:2;

    max-height:0;
    overflow:hidden;

    opacity:0;

    transition:
        max-height .45s ease,
        opacity .35s ease;
}

.mc-faq-item.active .mc-faq-answer{
    max-height:260px;
    opacity:1;
}

.mc-faq-answer p{
    margin:0;
    padding:0 24px 24px 88px;

    color:rgba(220,226,244,.76);

    font-size:15px;
    line-height:1.8;
}

.mc-faq-answer strong{
    color:#a76cff;
}

/* ======================================================
   SUPPORT BOX
====================================================== */

.mc-faq-support{
    position:relative;

    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:26px;

    margin-top:34px;
    padding:26px 28px;

    border:1px solid rgba(139,76,255,.42);
    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(15,19,47,.92),
            rgba(7,11,30,.95)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 24px 62px rgba(0,0,0,.28),
        0 0 36px rgba(139,76,255,.10);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.mc-faq-support-left{
    display:flex;
    align-items:center;
    gap:18px;
}

.mc-support-icon{
    flex:0 0 auto;

    width:62px;
    height:62px;

    display:grid;
    place-items:center;

    border-radius:16px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #8b4cff,
            #2d8cff
        );

    box-shadow:
        0 14px 34px rgba(89,76,255,.32),
        0 0 34px rgba(45,140,255,.18);
}

.mc-support-icon svg{
    width:28px;
    height:28px;
}

.mc-faq-support h3{
    margin:0 0 7px;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:20px;
    font-weight:400;
}

.mc-faq-support p{
    margin:0;

    color:rgba(218,224,243,.70);

    font-size:14px;
    line-height:1.6;
}

/* ======================================================
   SUPPORT BUTTONS
====================================================== */

.mc-faq-support-buttons{
    display:flex;
    align-items:center;
    gap:12px;
}

.mc-faq-support .mc-btn{
    min-height:52px;
    padding:0 20px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    border-radius:10px;

    color:#ffffff;

    font-family:"Inter",sans-serif;
    font-size:13px;
    font-weight:700;
    text-decoration:none;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.mc-faq-support .mc-btn svg{
    width:18px;
    height:18px;
}

.mc-faq-support .mc-btn.secondary{
    border:1px solid rgba(115,123,190,.30);

    background:
        linear-gradient(
            145deg,
            rgba(17,22,52,.78),
            rgba(8,12,31,.84)
        );
}

.mc-faq-support .mc-btn.primary{
    border:1px solid rgba(139,76,255,.48);

    background:
        linear-gradient(
            90deg,
            #8b4cff,
            #2d8cff
        );

    box-shadow:
        0 12px 30px rgba(84,88,255,.24);
}

.mc-faq-support .mc-btn:hover{
    transform:translateY(-3px);
}

.mc-faq-support .mc-btn.secondary:hover{
    border-color:rgba(74,137,255,.55);

    box-shadow:
        0 14px 34px rgba(45,140,255,.14);
}

.mc-faq-support .mc-btn.primary:hover{
    box-shadow:
        0 16px 38px rgba(84,88,255,.34),
        0 0 34px rgba(45,140,255,.18);
}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width:900px){

    .mc-faq{
        padding:115px 0;
    }

    .mc-faq-support{
        grid-template-columns:1fr;
    }

    .mc-faq-support-buttons{
        justify-content:flex-start;
    }
}

@media (max-width:650px){

    .mc-faq{
        padding:90px 0;
        background-attachment:scroll;
    }

    .mc-faq .mc-container{
        width:min(100% - 24px,560px);
    }

    .mc-faq .mc-section-title{
        margin-bottom:48px;
    }

    .mc-faq .mc-section-title p{
        font-size:15px;
    }

    .mc-faq-question{
        padding:18px;
    }

    .mc-faq-left{
        gap:12px;
    }

    .mc-faq-icon{
        width:42px;
        height:42px;
    }

    .mc-faq-icon svg{
        width:20px;
        height:20px;
    }

    .mc-faq-question h3{
        font-size:15px;
    }

    .mc-faq-toggle{
        width:38px;
        height:38px;
    }

    .mc-faq-answer p{
        padding:0 18px 20px 72px;

        font-size:14px;
    }

    .mc-faq-support{
        padding:22px;
    }

    .mc-faq-support-left{
        align-items:flex-start;
    }

    .mc-faq-support-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .mc-faq-support .mc-btn{
        width:100%;
    }
}

@media (max-width:430px){

    .mc-faq .mc-container{
        width:min(100% - 18px,430px);
    }

    .mc-faq-question{
        align-items:flex-start;
    }

    .mc-faq-left{
        align-items:flex-start;
    }

    .mc-faq-icon{
        margin-top:2px;
    }

    .mc-faq-answer p{
        padding-left:18px;
    }

    .mc-faq-support-left{
        flex-direction:column;
    }
}
/* ======================================================
   FINAL CTA SECTION
====================================================== */

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

.mc-cta{
    position:relative;
    padding:70px 0;

    background:#030611;

    overflow:hidden;
}

.mc-cta::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 18% 35%,
            rgba(139,76,255,.10),
            transparent 36%
        ),
        radial-gradient(
            circle at 82% 65%,
            rgba(45,140,255,.08),
            transparent 38%
        );

    pointer-events:none;
}

.mc-cta::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            #030611 0%,
            transparent 18%,
            transparent 82%,
            #030611 100%
        );

    pointer-events:none;
}

.mc-cta .mc-container{
    position:relative;
    z-index:2;

    width:min(1320px,92%);
    margin:0 auto;
}

/* ======================================================
   MAIN CONTENT PANEL
====================================================== */

.mc-cta-content{
    position:relative;

    padding:48px 52px 0;

    border:1px solid rgba(156,76,255,.78);
    border-radius:24px;

    background:
        linear-gradient(
            180deg,
            rgba(4,6,18,.42),
            rgba(4,7,20,.82)
        ),
        url("../assets/cta-bg.jpg");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 35px 90px rgba(0,0,0,.48),
        0 0 40px rgba(139,76,255,.16);

    text-align:center;
    overflow:hidden;
}

/* Ambient glow inside panel */

.mc-cta-content::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 50% 18%,
            rgba(139,76,255,.15),
            transparent 38%
        ),
        linear-gradient(
            90deg,
            rgba(3,5,16,.62),
            rgba(3,5,16,.30) 50%,
            rgba(3,5,16,.62)
        );

    pointer-events:none;
}

/* Thin top highlight */

.mc-cta-content::after{
    content:"";
    position:absolute;
    top:0;
    left:7%;
    right:7%;

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #8b4cff,
            #2d8cff,
            transparent
        );

    opacity:.9;
}

/* ======================================================
   BADGE
====================================================== */

.mc-cta .mc-badge{
    position:relative;
    z-index:2;

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 22px;
    margin-bottom:30px;

    border:1px solid rgba(139,76,255,.38);
    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            rgba(139,76,255,.12),
            rgba(45,140,255,.08)
        );

    color:#c09cff;

    font-size:12px;
    letter-spacing:.13em;
    text-transform:uppercase;

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.mc-cta .mc-badge svg{
    width:18px;
    height:18px;

    color:#a96cff;
}

/* ======================================================
   HEADING
====================================================== */

.mc-cta h2{
    position:relative;
    z-index:2;

    max-width:1100px;
    margin:0 auto;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:clamp(48px,5.5vw,82px);
    font-weight:400;
    line-height:.94;
    text-transform:uppercase;

    text-shadow:
        0 7px 0 rgba(0,0,0,.28),
        0 0 28px rgba(255,255,255,.06);
}

.mc-cta h2 span{
    display:block;
    margin-top:8px;

    background:
        linear-gradient(
            90deg,
            #8b4cff 0%,
            #735dff 48%,
            #2d8cff 100%
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

    filter:
        drop-shadow(0 0 18px rgba(94,87,255,.20));
}

/* ======================================================
   DESCRIPTION
====================================================== */

.mc-cta-content > p{
    position:relative;
    z-index:2;

     max-width:720px;
    margin-top:22px;

    color:rgba(223,229,247,.78);

    font-size:16px;
    line-height:1.65;
}
/* ======================================================
   BUTTONS
====================================================== */

.mc-cta-buttons{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:16px;

    margin-top:28px;
}

.mc-cta-buttons .mc-btn{
    min-width:205px;
    min-height:54px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;

        padding:0 24px;


    border-radius:12px;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:11px;
    letter-spacing:.035em;
    text-transform:uppercase;
    text-decoration:none;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.mc-cta-buttons .mc-btn svg{
    width:21px;
    height:21px;
}

.mc-cta-buttons .mc-btn.primary{
    border:1px solid rgba(172,112,255,.68);

    background:
        linear-gradient(
            90deg,
            #8b4cff,
            #5a63ff,
            #2d8cff
        );

    box-shadow:
        0 16px 38px rgba(102,75,255,.30),
        0 0 34px rgba(45,140,255,.15);
}

.mc-cta-buttons .mc-btn.secondary{
    border:1px solid rgba(115,123,190,.34);

    background:
        linear-gradient(
            145deg,
            rgba(16,21,52,.86),
            rgba(7,11,30,.90)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04);
}

.mc-cta-buttons .mc-btn:hover{
    transform:translateY(-5px);
}

.mc-cta-buttons .mc-btn.primary:hover{
    box-shadow:
        0 22px 48px rgba(102,75,255,.40),
        0 0 46px rgba(45,140,255,.22);
}

.mc-cta-buttons .mc-btn.secondary:hover{
    border-color:rgba(85,148,255,.60);

    box-shadow:
        0 18px 40px rgba(45,140,255,.15);
}

/* ======================================================
   GUARANTEE
====================================================== */

.mc-cta-guarantee{
    position:relative;
    z-index:2;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-top:20px;

    color:rgba(235,239,253,.82);

     font-size:11px;
    font-weight:600;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.mc-cta-guarantee svg{
    width:19px;
    height:19px;

    color:#a96cff;
}

/* ======================================================
   FEATURE STRIP
====================================================== */

.mc-cta-features{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));

     margin-top:38px;

    border-top:1px solid rgba(255,255,255,.09);

    background:
        linear-gradient(
            180deg,
            rgba(9,12,31,.46),
            rgba(6,9,25,.78)
        );
}

.mc-cta-feature{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;

    min-height:105px;
    padding:18px 16px;

    text-align:left;

    transition:
        background .3s ease,
        transform .3s ease;
}

.mc-cta-feature:not(:last-child){
    border-right:1px solid rgba(255,255,255,.08);
}

.mc-cta-feature:hover{
    background:
        linear-gradient(
            145deg,
            rgba(139,76,255,.08),
            rgba(45,140,255,.06)
        );

    transform:translateY(-4px);
}

/* ======================================================
   FEATURE ICONS
====================================================== */

.mc-cta-icon{
    flex:0 0 auto;

    width:50px;
    height:50px;

    display:grid;
    place-items:center;

    border:1px solid rgba(139,76,255,.42);
    border-radius:15px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            rgba(139,76,255,.19),
            rgba(45,140,255,.13)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 0 24px rgba(139,76,255,.13);
}

.mc-cta-icon svg{
    width:26px;
    height:26px;

    color:#a96cff;
}

.mc-cta-feature:nth-child(even) .mc-cta-icon svg{
    color:#4ba1ff;
}

/* ======================================================
   FEATURE TEXT
====================================================== */

.mc-cta-feature h4{
    margin:0;

    color:#ffffff;

    font-family:"Minecraft","Inter",sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.25;
    text-transform:uppercase;
}

.mc-cta-feature p{
    margin:7px 0 0;

    color:rgba(213,220,241,.62);

    font-size:11px;
    line-height:1.4;
    letter-spacing:.035em;
    text-transform:uppercase;
}

/* ======================================================
   ENTRANCE ANIMATION
====================================================== */

.mc-cta .mc-badge,
.mc-cta h2,
.mc-cta-content > p,
.mc-cta-buttons,
.mc-cta-guarantee,
.mc-cta-features{
    opacity:0;

    animation:
        mcCtaReveal
        .82s
        cubic-bezier(.22,.61,.36,1)
        forwards;
}

.mc-cta .mc-badge{
    animation-delay:.06s;
}

.mc-cta h2{
    animation-delay:.14s;
}

.mc-cta-content > p{
    animation-delay:.22s;
}

.mc-cta-buttons{
    animation-delay:.30s;
}

.mc-cta-guarantee{
    animation-delay:.38s;
}

.mc-cta-features{
    animation-delay:.46s;
}

@keyframes mcCtaReveal{
    from{
        opacity:0;
        transform:translateY(24px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width:1050px){

    .mc-cta-content{
        padding:62px 44px 0;
    }

    .mc-cta-features{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .mc-cta-feature:nth-child(2){
        border-right:none;
    }

    .mc-cta-feature:nth-child(1),
    .mc-cta-feature:nth-child(2){
        border-bottom:1px solid rgba(255,255,255,.08);
    }
}

@media (max-width:720px){

    .mc-cta{
        padding:90px 0;
        background-attachment:scroll;
        background-position:center;
    }

    .mc-cta .mc-container{
        width:min(100% - 24px,620px);
    }

    .mc-cta-content{
        padding:48px 24px 0;

        border-radius:22px;
    }

    .mc-cta h2{
        font-size:clamp(42px,11vw,62px);
    }

    .mc-cta-content > p{
        margin-top:25px;

        font-size:15px;
        line-height:1.7;
    }

    .mc-cta-buttons{
        flex-direction:column;
    }

    .mc-cta-buttons .mc-btn{
        width:100%;
        min-width:0;
    }

    .mc-cta-features{
        grid-template-columns:1fr;
    }

    .mc-cta-feature{
        justify-content:flex-start;
        min-height:112px;
    }

    .mc-cta-feature:not(:last-child){
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.08);
    }
}

@media (max-width:440px){

    .mc-cta{
        padding:78px 0;
    }

    .mc-cta .mc-container{
        width:min(100% - 18px,440px);
    }

    .mc-cta-content{
        padding:42px 18px 0;
    }

    .mc-cta .mc-badge{
        padding:10px 15px;

        font-size:10px;
        letter-spacing:.09em;
    }

    .mc-cta h2{
        font-size:clamp(36px,12vw,50px);
    }

    .mc-cta-guarantee{
        font-size:10px;
    }

    .mc-cta-feature{
        padding:20px 17px;
    }

    .mc-cta-icon{
        width:52px;
        height:52px;
    }

    .mc-cta-feature h4{
        font-size:13px;
    }
}

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

@media (prefers-reduced-motion:reduce){

    .mc-cta .mc-badge,
    .mc-cta h2,
    .mc-cta-content > p,
    .mc-cta-buttons,
    .mc-cta-guarantee,
    .mc-cta-features{
        opacity:1;

        animation:none !important;
        transform:none;
    }

    .mc-cta-buttons .mc-btn,
    .mc-cta-feature{
        transition:none;
    }
}
/* ==========================================================
   MINECRAFT PAGE — FINAL NAVBAR / HERO GAP FIX
   KEEP AT VERY BOTTOM OF minecraft-hosting.css
========================================================== */

body .header {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    padding-top: 14px !important;

    z-index: 9999 !important;

    background: transparent !important;
}


/* NAVBAR */

body .header .navbar {
    position: relative !important;

    top: 0 !important;
    left: auto !important;
    right: auto !important;

    width: min(1320px, calc(100% - 48px)) !important;

    margin: 0 auto !important;

    transform: none !important;
}


/* HERO — CORRECT SPACE BELOW NAVBAR */

body .minecraft-hero,
body .mc-hero,
body .hero {
    margin-top: 0 !important;

    padding-top: 105px !important;
}


/* ANCHOR LINKS */

body section {
    scroll-margin-top: 120px;
}


/* MOBILE */

@media (max-width: 768px) {

    body .header .navbar {
        width: calc(100% - 20px) !important;
    }

    body .minecraft-hero,
    body .mc-hero,
    body .hero {
        padding-top: 95px !important;
    }

}
/* ==========================================================
   MINECRAFT HERO — FINAL POSITION FIX
========================================================== */

/* MINECRAFT HERO — MOVE CONTENT UP */

/* Minecraft hero — move content higher */

body .minecraft-hero,
body .mc-hero,
body .hero {
    padding-top: 0 !important;
}

/* Move ONLY hero content upward */
body .minecraft-hero .hero-content,
body .mc-hero .hero-content,
body .hero .hero-content {
    transform: translateY(-35px) !important;
}