@font-face{
    font-family: "Varela Round";
    src: url(Lato-Regular.ttf);
    font-display: swap;
}

:root{
    /* Neutrals */
    --bg: #FBFBFB;
    --text: #131313;
    --white: #FFFFFF;
    --muted: #8EA8D9;
    --light-grey: #E6E6E6;
    --surface: #F3F4F6;
    --white-alt: #fafafa;
    --blue-light: #b6caff;
    --blue-light-hover: #9bbfff;

    /* Brand / CTA */
    --primary: #084887;
    --cta-start: #3AAEE3;
    --cta-end: #084887;
    --brand-blue-1: #205ebb;
    --brand-blue-2: #0351c5;
    --gradient-1: #396afc;
    --gradient-2: #2948ff;
    --gradient-3: #1e40ff;
    --gradient-4: #1565c0;

    /* Popular accents */
    --accent-orange: #ff8a00;
    --accent-red: #ff4655;
    --popular-text: #F24236;
    --blue-5: #194860;
    --blue-6: #0632A2;
    --white-hover: #ebebeb;

    /* Shadows */
    --shadow: rgba(222,222,248,0.9);
    --shadow-soft: rgba(31,47,72,0.06);
    --popular-btn-mint-shadow: rgba(57,200,160,0.14);

    --text-on-dark: #F3F2F2;
    --icon-blue-1: #0060F0;
    --icon-blue-2: #004BBB;
    --section-bg: #dfdfdf;

    /* Additional tokens to reduce hex usage */
    --muted-bg: #f5f5f5;
    --blue-1: #1f7fe2;
    --blue-2: #1C99D9;
    --blue-3: #1E8CC4;
    --blue-4: #1C729E;
    --badge-bg: #e9e9e9;
    --border-muted: #e3e3e1;
    --bg-alt: #F9F9F9;
    --cta-2-start: #1D6B94;
    --cta-2-end: #0847EA;
    --text-on-top: #f1f1f1;
    --btn-search-blue: #3271EB;
    --infobox-bg: #ededed;
    --card-bg-alt: #F8F8F8;
    --blockstat-bg: #F6F6F6;

    --grey: #7d7d7d;
}

@font-face{
    font-family: "Montserrat";
    src: url(Montserrat-VariableFont_wght.ttf);
    font-display: swap;
}

@font-face{
    font-family: "Asap";
    src: url(Asap-VariableFont_wdth\,wght.ttf);
    font-display: swap;
}

body {padding: 0;margin: 0;font-family: 'Asap', sans-serif;background-color: var(--bg);width: 100%;}
html {scroll-behavior: smooth;}
svg {height: 60px;width: auto;}
p,a,h1,h2,h3,h4,h5,h6 {color: var(--text);}
.container{margin-left: 5%;margin-right: 5%;}
.card-big img {max-width: 570px;width: 100%;max-height: 520px;border-radius: 10px;background-size: cover;}
.top-img-container {display: flex;flex-flow: row wrap;border-radius: 10px;}
#topBtn {display: none;position: fixed;bottom: 30px;right: 30px;z-index: 0;outline: none;background-color: var(--light-grey);cursor: pointer;padding: 5px;height: 30px;width: 30px;border-radius: 10px;font-size: 20px;}
#topBtn i{margin-left: 6px;margin-top: 5px;}
.card-small-1 img {background-size: cover;width: 100%;max-height: 250px;border-radius: 10px;margin-top: -110px;max-width: 330px;}
.card-small-2 img {background-size: cover;width: 100%;max-height: 250px;border-radius: 10px;margin-top: 60px;max-width: 330px;}

.button {margin-top: 60px;background-color: var(--primary);height: 60px;width: 302px;border-radius: 10px;transition: all .2s;}
.button:hover {opacity: .4;}
.button h2 {color: white;text-align: center;font-size: 18px;font-weight: 400;line-height: 3.3;}
.container-stat{display:block;margin-top:150px;}
.stat {display: flex;align-items: center;justify-content: space-around;flex-flow: row wrap;margin-top: 100px;margin: 30px;}
.stat .blockstat {display: inline-block;width: 175px;height: 120px;background-color: var(--white);margin-left: 3px;margin-right: 3px;margin-top: 50px;border-radius: 15px;box-shadow: 2px 14px 5px -8px rgb(171 163 163 / 79%);-webkit-box-shadow: 2px 14px 5px -8px rgb(171 163 163 / 79%);-moz-box-shadow: 2px 14px 5px -8px rgb(171 163 163 / 79%);transition: all .2s;cursor: default;}

.stat .blockstat h2,
.counter {
    text-align: center;
    color: var(--text);
    font-size: 39px;
    position: relative;
    margin-top: 30px;
}

.blockstat span{text-align: center;color: var(--text);font-size: 20px;line-height: 5.25;}

.stat .blockstat p {
    text-align: center;
    color: var(--text);
    font-size: 19px;
    position: relative;
    margin-top: -15px;
    width: 100%;
}

.our-priority {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-top: 100px;
    padding: 10px;
}
.our-priority img,
.stat img,
.adky-img {
    max-width: 915px;
    max-height: 450px;
    border-radius: 10px;
}

.mt-10{margin-top: 10px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-75{margin-top: 75px;}

.mt-150{margin-top: 150px;}
.mb-30{margin-bottom: 30px;}

.mt-m30{margin-top: -30px !important;}
.mt-m20{margin-top: -20px !important;}
.mt-m10{margin-top: -10px !important;}
.mt-0{margin-top: 0px !important;}
.stat-convince-left{background: url(/assets/img/network.webp) no-repeat center;border-radius: 10px;margin-top: 70px;width: 80%;height: 500px;background-size: cover;display: flex;flex-direction: column;align-items: flex-start;}
.stat-convince-right{background: url(/assets/img/card1.webp) no-repeat center;border-radius: 10px;width: 30%;height: 450px;background-size: cover;}
.about-us-left{background: url(/assets/img/actual_rack_in_par5.webp) no-repeat center;border-radius: 10px;margin-top: 70px;width: 40%;height: 450px;background-size: cover;}
.stat-convince-right-vpn{background: url(/assets/img/vpn.webp) no-repeat center;border-radius: 10px;width: 30%;height: 250px;background-size: cover;}
.img-center {width: 100%;}
.our-priority .textstat, .our-priority .about-us {max-width: 748px;margin-left: 30px;}
.our-priority .textstat h2 {font-size: 25px;margin-top: 50px;}
.our-priority .textstat p {font-size: 17px;width: 95%;margin-top: 50px;text-align: justify;}
.about-us p{color: var(--text);margin-top: 50px;text-align: justify;}
.about-us {width: 80%;}
.our-priority .about-us {margin-right: 50px;}
.stat .textstat p{font-size: 17px;}
.blockstat-content{margin-left: 30px;flex-wrap: wrap;}
.textstat h2, .textstat p{color: var(--text-on-dark);}
.textstat{margin: 30px 30px 100px;}
.discord-left,.discord-right {border-left: 1px solid var(--muted-white);padding: 5px;padding-left: 10px;padding-right: 35px;}
.review-source {float: inline-end;}

.margin-auto {margin-left: auto;margin-right: auto;}
.flex-div, .top-home .left .search form {display: flex;}
.top {margin-left: 10%;}
.top h2{font-size: 18px;font-weight: 500;}

.vertical-border{width: 1px; height: 35px; background-color: var(--text);margin: 15px;}

.box-slash {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    height: 280px;
    width: 90%;
    max-width: 1200px;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%), url(/assets/img/serveur_P1340762_HD.webp) center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 32px rgba(0, 217, 255, 0.15);
    border: 1px solid rgba(0, 217, 255, 0.2);
}

.seo-content {flex-wrap: wrap;justify-content: center;margin-top: 50px;}
.flex-box {width: 65%;position: absolute;}
.box-text {
    position: relative;
    width: 90%;
    max-width: 800px;
    text-align: center;
    padding: 40px 30px;
}

.box-top {justify-content: center;height: 120px;}

.box-top .fa-solid,.convince-card>.convince-img>.fas,.convince-card>.convince-img>.fab,.fa-solid,.fa-docker, .fa-wordpress-simple {line-height: 2;font-size: 50px;background-image:linear-gradient(90deg, var(--icon-blue-1) 0%, var(--icon-blue-2) 100%);background-clip: text;-webkit-background-clip: text;-moz-background-clip: text;-webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;}
.convince-card>.convince-img>.fas,.convince-card>.convince-img>.fab,.fa-solid,.fa-docker{font-size: 40px;line-height: 3;}
.fa-wordpress-simple{line-height: 3;}

.box-text h2 {
    color: var(--white);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.box-text p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 16px;
    line-height: 1.6;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.bigbox p,.bigbox h1 {color: var(--white);}
.box-blue {max-width: 2000px;width: 100%;height: 200px;background-color: var(--blue-5);opacity: .7;color: var(--white);}
.mail>a {line-height: 1.8;font-size: 16px;margin-right: 5px;}
.mail>a:hover, .mail span:hover{color: var(--cta-start);}
.mail{margin-left: 20px;}
.bigbox {align-items: center;min-height: 50vh;}
.center-form {display: inline-flex;}

/* Mini menu */
.section {display: flex;align-items: center;flex-flow: row;margin-left: auto;margin-right: auto;margin-top: 60px;max-width: 500px;height: auto;background: linear-gradient(135deg, rgba(248, 250, 252, 0.9) 0%, rgba(240, 245, 250, 0.95) 100%);border-radius: 15px;text-align: center;font-size: 18px;padding: 8px;gap: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);border: 1px solid rgba(41, 72, 255, 0.1);}
.section>* {flex: 1;height: 50px;transition: all 0.3s ease;cursor: pointer;line-height: 3.25;border-radius: 10px;font-weight: 500;font-size: 15px;letter-spacing: 0.3px;background: var(--white);border: 2px solid transparent;color: var(--text);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}
.section>*:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);border-color: rgba(41, 72, 255, 0.2);}
.btn-off {background: linear-gradient(135deg, var(--cta-2-start) 0%, var(--cta-2-end) 100%);color: var(--white);border-color: var(--cta-2-end);box-shadow: 0 6px 16px rgba(41, 72, 255, 0.25);transform: translateY(-2px);font-weight: 600;}
.section-off {display: none;}
.section-on {display: block;opacity: 1;}

.customer-review {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: left !important;
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-left: 4px solid var(--cta-2-start);
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(41, 72, 255, 0.08);
    overflow: hidden;
}
.customer-review:hover {transform: translateY(-4px);box-shadow: 0 12px 32px rgba(41, 72, 255, 0.15);border-left-color: var(--cta-2-end);background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 100%);}
.customer-review .stars {font-size: 18px;letter-spacing: 2px;margin-bottom: 14px;background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;display: inline-block;}
.customer-review .review-title {font-size: 16px;font-weight: 700;color: #1a202c;margin: 8px 0 12px 0;line-height: 1.4;}
.customer-review p {font-size: 14px;line-height: 1.6;color: rgba(0, 0, 0, 0.65);margin: 0 0 12px 0;}
.customer-review .review-link {font-size: 12px;color: var(--cta-2-start);text-decoration: none;font-weight: 500;transition: all 0.2s ease;}
.customer-review .review-link:hover {color: var(--cta-2-end);text-decoration: underline;}

.blue {color: var(--blue-1);font-weight: 600;}
.container {padding-top: 50px;}
.container-footer {display: flex;flex-wrap: wrap;justify-content: center;}
.footer-content a {font-size: 12px;font-weight: 400;padding-top: 15px; color: var(--muted-white);}
.footer-content a:hover {opacity: 0.5;}
.footer-content p {text-transform: uppercase; color: var(--muted-white);}
.footer-col {display: block;margin: 30px}
.footer-content {display: grid;padding: 5px;list-style-type: none;}
footer hr {opacity: .2;}
footer {background: linear-gradient(90deg, var(--brand-blue-1) 0%, var(--brand-blue-2) 100%);padding: 5px;color:var(--white);}
.legal {font-size: 12px;margin: 2px; color: var(--muted-white);}
.brands {height: 50px;padding-left: 75px;}
.brand-h4 {font-weight: 400;opacity: .7;}
.bold {font-weight: bold;}
a {text-decoration: none;color: var(--text);}
.social-networks>a {margin-left: 15px;border-radius: 10px;width: 50px;text-align: center;}
.social-networks {color: var(--muted-white);}
.social-networks i {color: var(--white);}
.social-networks>a:hover i {color: var(--white-alt);}
.footer-bottom p {padding-top: 30px; margin-bottom: 25px; color: var(--muted-white);}
.fab,.fa-discord,.fa-regular {font-size: 25px;color: var(--muted-white);}
.flex-center .legal{margin-right: 10px;}

.flex{display: flex;}
.flex-center, .social-networks, .footer-logo, .bigbox, .btn-order{display: flex;justify-content: center;}
.domain-content{margin-left: 5%;margin-right: 5%;justify-content: space-around;margin-top: 150px;align-items: center;}
.domain-text .title{margin-right: 30px;}

.brands-content {padding-bottom: 50px;padding-top: 50px;justify-content: center;display: flex;flex-flow: wrap;}
.legalmention h2 {font-weight: 500;padding-top: 10px;}
.legalmention {margin-left: 10%;margin-right: 10%;margin-top: 100px;margin-bottom: 100px;}
.offer-list {margin-top: 50px;}
.top h4 {font-weight: 500;}

.as212504,.certifications{border-radius: 10px;max-width: 1000px;height: 150px;background-color: var(--surface);padding: 30px;margin-left: 30%;margin-right: auto;margin-bottom: 50px;}
.certifications {text-align: right;margin-left: 10%;margin-right: auto;}
.remote-intro {
    background: linear-gradient(135deg, rgba(8, 72, 135, 0.03) 0%, rgba(58, 174, 227, 0.03) 100%);
    border-radius: 30px;
    padding: 50px 40px;
    margin: 60px auto;
    text-align: center;
    border: 1px solid rgba(8, 72, 135, 0.05);
}

.remote-intro p {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.1rem;
    color: #64748b;
    line-height: 1.8;
}

.price-tag {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--primary);
}

.price-tag span {
    font-size: 0.9rem;
    color: #94a3b8;
    margin-left: 5px;
    font-weight: 500;
}

.text-gradient {
    background: linear-gradient(135deg, var(--primary) 0%, var(--cta-start) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}
.top-200 {padding-top: 120px !important;}
.row-reverse {flex-direction: row-reverse !important;}
.text-convince-vps {padding-right: 50px;}
.convince-vps {margin-top: -50px;}
.offer-col {height: 100%;width: 250px;margin: 30px;padding: 30px;box-shadow: -1px 1px 0 0 var(--shadow), 0px 0px 25px 0 var(--shadow);-webkit-box-shadow: -1px 1px 0 0 var(--shadow), 0px 0px 25px 0 var(--shadow);-moz-box-shadow: -1px 1px 0 0 var(--shadow), 0px 0px 25px 0 var(--shadow);border-radius: 8px;background-color: var(--bg);transition: all ease .2s;}

/* Horizontal layout for dedicated servers */
.offer-col-horizontal {height: auto;width: 95%;max-width: 100%;flex-shrink: 0;margin: 0;padding: 20px 24px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);border-radius: 12px;background-color: var(--white);transition: all ease .3s;display: grid;grid-template-columns: 160px 1fr 200px;grid-template-rows: auto auto;gap: 12px;align-items: start;border: 1px solid rgba(132, 155, 188, 0.15);}
.offer-col-horizontal:hover {transform: translateY(-6px);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);border-color: rgba(8, 72, 135, 0.2);}

/* Popular card */
.offer-col.popular-card {
    position: relative;
    z-index: 1;
    overflow: visible;
    transition: all .2s ease;
    border-radius: 10px;
    padding: 40px 30px;
    background: linear-gradient(180deg, var(--gradient-4) 0%, var(--gradient-3) 100%);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    border: none;
}

.offer-col.popular-card::before {display: none;}
.offer-col.popular-card .popular {
    position: absolute;
    left: 0px;
    top: 0px;
    background: linear-gradient(90deg, #FF6B35 0%, #FF4500 100%);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 10px 0px 10px 0px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
    z-index: 10;
}
.offer-col.popular-card:hover {transform: translateY(-8px);box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);}
.offer-col.popular-card .btn-offer, .btn-white {background: var(--white);border-radius: 10px;border: none;color: var(--primary);padding: 15px 40px;font-weight: 600;margin-top: 55px;}
.offer-col.popular-card .btn-offer:hover, .btn-white:hover {background-color: var(--cta-start);color: var(--white-hover);}
.popular-card .btn-offer:hover span {color: var(--white-hover);}
.popular-card .btn-offer span {color: var(--primary) !important;font-weight: 600;}
.popular-card h2, .popular-card h3, .popular-card h4, .popular-card p, .popular-card a {color: var(--white);}
.popular-card .price {color: var(--white);font-weight: 700;}
.popular-card .blue-1, .popular-card .blue-2, .popular-card .blue-3, .popular-card .blue-4, .popular-card .blue-5 {color: var(--white) !important;}

/* prefer reduced motion to prevent flashing */
@media (prefers-reduced-motion: reduce) {
    .offer-col.popular-card, .offer-col.popular-card:hover {
        transform: none;
        transition: none;
    }
}
.btn-offer {margin-top: 50px;background-color: var(--primary);padding: 12px 10px 12px 10px;border-radius: 10px;text-align: center;}
.btn-offer:hover {background-color: var(--blue-1);}
.btn-offer span {color: white;padding: 10px;}

/* Styles pour btn-offer dans les serveurs dédiés */
.offer-col-horizontal .btn-offer {
    width: 100%;
    margin-top: 0;
    padding: 14px 12px;
    background-color: var(--primary);
    color: var(--white);
    border: none;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    line-height: 1.3;
    word-break: break-word;
}
.offer-col-horizontal .btn-offer:hover {background-color: #073d70;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(8, 72, 135, 0.25);}
.offer-col-horizontal .btn-offer.red {background-color: var(--accent-red);cursor: not-allowed;opacity: 0.9;}
.offer-col-horizontal .btn-offer.red:hover {background-color: #ff3a4a;transform: translateY(0);}
.offer-col-horizontal .btn-offer span {color: white;padding: 0;}
.price {font-size: 23px;font-weight: 800;}
.offer-col a {font-size: 15px;font-weight: 400;text-decoration: none;}
.offer-col p {margin-top: 20px;}
.offer-col:not(.popular-card) {padding-top: 50px;}
.offer-col .popular-offer{font-size: 13px;}

.blue-1 {color: var(--blue-1);font-size: 20px;font-weight: 700;text-transform: uppercase;margin-bottom: 5px;}
.blue-2 {color: var(--blue-2);font-size: 20px;font-weight: 700;text-transform: uppercase;margin-bottom: 5px;}
.blue-3 {color: var(--blue-3);font-size: 20px;font-weight: 700;text-transform: uppercase;margin-bottom: 5px;}
.blue-4 {color: var(--blue-4);font-size: 20px;font-weight: 700;text-transform: uppercase;margin-bottom: 5px;}
.blue-5 {color: var(--blue-5);font-size: 20px;font-weight: 700;text-transform: uppercase;margin-bottom: 5px;}

.square {transition: all ease .2s;width: 200px;height: 120px;padding: 30px;margin: 30px;border-radius: 30px;text-align: center;}
.square-os {height: 75px;}
.square i{font-size: 30px;}
.square:hover {box-shadow: 0 5px 0 0 rgba(222, 222, 248, .5), 0 5px 25px 0 rgba(222, 222, 248, .9);-webkit-box-shadow: 0 5px 0 0 rgba(222, 222, 248, .5), 0 5px 25px 0 rgba(222, 222, 248, .9);-moz-box-shadow: 0 5px 0 0 rgba(222, 222, 248, .5), 0 5px 25px 0 rgba(222, 222, 248, .9);}
.square:hover,.box:hover,.stat .blockstat:hover, .offer-col:hover {transform: translateY(-10px)}
.convince-card:hover {transform: scale(1.02);background-color: var(--muted-white);box-shadow: 1px 2px 0 0 var(--shadow), 0px 0px 25px 0 var(--shadow);-webkit-box-shadow: 1px 2px 0 0 var(--shadow), 0px 0px 25px 0 var(--shadow);-moz-box-shadow: 1px 2px 0 0 var(--shadow), 0px 0px 25px 0 var(--shadow);border-radius: 10px;}
.square h3,.square h4 {font-weight: 200;}
.content-offer,.square-container {display: flex;flex-wrap: wrap;justify-content: center;padding-top: 50px;}
.square-container {margin-bottom: 50px;}
.convince-right>img {max-width: 750px;max-height: 565px;background-size: cover;border-radius: 10px;margin-top: -8%;}
.convince-left>img {max-width: 750px;max-height: 565px;background-size: cover;border-radius: 10px;margin-top: -8%;}
.convince {justify-content: space-evenly;margin-right: 6%;margin-left: 6%;margin-bottom: 150px;display: flex;flex-flow: row wrap;}
.convince-card {max-width: 625px;transition: all ease .2s;width: auto;height: 120px;padding: 15px;margin: 15px;}
.convince-card p {font-size: 15px}
.convince-img {float: left;}
.convince-card-text {margin-left: 60px;}
.endpage {font-weight: 400;font-size: 12px;text-align: center;color: #64748b;font-style: italic;margin-bottom: 40px;}
.offer-list>p>span {font-size: 12px;}
.offer-list p{font-size: 14px;}
.positive {margin-top: 75px;}
.popular {font-size: 15px;text-transform: uppercase;background-color: var(--badge-bg);padding: 5px 10px 5px 10px;border-radius: 15px;color: var(--popular-text);font-weight: 600;}
.offer-col .popular-offer{font-size: 13px;}
.vpn-priority .textstat p, .vpn-priority .textstat h2{color: var(--text);}
.vpn-priority .textstat {margin-top: 0;}
.vpn-priority {margin-top: 100px;justify-content: space-between;display: flex;flex-flow: row wrap;}

/* FAQ */
.accordion-container { margin: 10px; box-sizing: border-box; }
.accordion-item { border-radius: 15px; box-shadow: -2px 2px 9px 2px rgba(30, 34, 40, 0.06); border: 1px solid var(--border-muted); background-color: var(--bg-alt); margin-bottom: 5px; transition: all ease 0.3s;}
.accordion-header { display: flex; justify-content: space-between; height: 30px; align-items: center; cursor: pointer; padding: 10px 15px; border-radius: 15px;}
.accordion-header h3 { font-size: 15px; font-weight: 600; margin: 0;}
.accordion-header i {font-size: 20px; transition: transform 0.3s ease;}
.accordion-content { padding: 0 10px 0 10px;; border-radius: 0 0 15px 15px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease-out;}
.accordion-item.active .accordion-content { padding: 10px;}
.accordion-item.active .accordion-header i { transform: rotate(180deg);}

.faq,.legal-content {margin-left: 10%;margin-right: 10%;padding-bottom: 100px;}
.panel {font-size: 14px;margin-left: 20px;padding: 0 18px;background-color: var(--muted-white);max-height: 0;overflow: hidden;transition: .2s ease-out;width: 95%;}

/* TABLE PRICE PLAN */
.blank {width: 200px;}
.red>*{cursor: not-allowed;}
.btn-order {
    font-weight: 500;
    margin: 10px;
    color: white;
    background: linear-gradient(135deg, var(--cta-2-start) 0%, var(--cta-2-end) 100%);
    padding: 12px 24px;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(41, 72, 255, 0.2);
}
.btn-order:hover, .btn-order:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(41, 72, 255, 0.3);
    background: linear-gradient(135deg, var(--gradient-1) 0%, var(--gradient-2) 100%);
}
.grey-table {background: rgb(248 250 252 / 80%);}
.price-table .popular-row {
    box-shadow: 
        inset 2px 0 0 0 var(--primary),
        inset -2px 0 0 0 var(--primary),
        inset 0 2px 0 0 var(--primary),
        inset 0 -2px 0 0 var(--primary),
        0 8px 24px rgba(41,72,255,.2);
    background: linear-gradient(135deg, rgba(21, 101, 192, 0.06) 0%, rgba(41, 72, 255, 0.08) 100%);
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    z-index: 3;
}

.price-table .popular-row th {font-weight: 700;color: var(--text);}
.price-table .popular-row td {color: var(--text);}
.price-table .popular-row .popular {
    background-image: linear-gradient(90deg, var(--accent-orange), var(--accent-red));
    color: var(--white);
    padding: 6px 12px;
    border-radius: 9px 0px 10px 0px;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    top: 2px;
    left: 2px;
}

.price-table .popular-row th,
.price-table .popular-row td { position: relative; z-index: 2; }
.price-table tr { position: relative; z-index: 1; }
.price-span {font-size: 12px;font-weight: 600;}
.table-top {
    background: var(--cta-2-start);
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    padding: 18px 15px;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.lg-table {text-align: center;}
.price-table {width: 85%;margin-left: auto;margin-right: auto;border-collapse: separate;border-spacing: 0 5px;margin-top: 75px;}
.price-table thead tr th:first-child {border-radius: 10px 0 0 10px;}
.price-table thead tr th:last-child {border-radius: 0 10px 10px 0;}
.price-table tbody tr {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);transition: all 0.3s ease;}
.price-table tbody tr:hover:not(.popular-row) {transform: translateY(-2px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);}
.price-table tbody .popular-row:hover{transform: translateY(-2px);}
.price-table tbody tr td,
.price-table tbody tr th {padding: 10px 15px;border: none;}
.legal-doc {justify-content: space-between;display: flex;padding: 15px;border-bottom: 1px solid}
.legal-doc .fa-solid {font-size: 20px;justify-content: space-between;line-height: 3;color: var(--cta-start)}
.legal-content {margin-top: 25px;font-weight: 400;padding-bottom: 30px;}
.legal-content h3 {font-weight: 300;}
.contact-us a {color: var(--cta-start);}
.contact-us {text-align: center;padding-bottom: 30px;}
.etu {padding-top: 40px;}

.top-home{height:400px;background: url(/assets/img/top-page.webp) center no-repeat;background-size: cover;text-align: center;padding-top: 75px;}
.top-home h1,.top-home p{color: var(--text-on-top);}
.txt-rotate{color: #00d9ff; font-weight: 600; text-shadow: 0 0 10px rgba(0, 217, 255, 0.3);}
.top-home .flex-center{flex-direction: column;justify-content: center;align-items: center;}

.domain-search .search{position: relative;max-width:650px;height: 70px;flex-wrap: wrap;}
.domain-search .search form input {width: 450px;height: 53px;border-radius: 5px;outline: none;border: none;padding: 10px 20px 10px;box-sizing: border-box;font-size: 16px;font-family: 'Prompt', sans-serif;font-weight: 300;}
.domain-search .search-input-wrapper{position:relative;display:block;max-width:560px}
.domain-search .search input{padding-left:45px;padding-right:100px;border-radius:10px;background:var(--white);box-shadow:0 6px 20px rgba(32,94,199,.06);border:1px solid var(--border);height:56px;width:100%;}
.domain-search .search button{height:56px;width:30%;border-radius:12px;background-image:linear-gradient(90deg,var(--cta-start),var(--cta-end));border:none}
.domain-search .search button img{filter:invert(1);opacity:0.95}
.domain-search .search .domain-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--primary);background:transparent;border:none;padding:0;margin:0;width:auto;height:auto;display:none;z-index:60}
.domain-search .search .domain-clear:hover{color:var(--blue-1);cursor:pointer}
.domain-search .search .domain-clear:hover{background: rgba(255,255,255,0.28);cursor:pointer}
.domain-search .search button.domain-submit{height:56px;padding:10px 16px;margin-left:12px;border-radius:10px;background:var(--white);color:var(--primary);border:none;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px rgba(32,94,199,.06);}
.domain-search .search button.domain-submit i{font-size:18px}
.search-form-wrapper {display: flex;flex-wrap: nowrap;}
.domain-list .domain{
    background: var(--white);
    border-radius: 8px;
    margin: 6px;
    box-shadow: 0 2px 8px rgba(31,47,72,.04);
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease;
    color: var(--text);
    min-width: 110px;
    text-align: center;
}
.domain-list .domain .bold{font-weight:700;color:var(--primary)}
.domain-list .domain .domain-price{color:#7b8eb2;margin-left:8px}
.domain-search .domain-suggestions{position:absolute;top:64px;left:0;right:0;background:var(--white);border-radius:10px;box-shadow:0 10px 30px rgba(60,80,120,0.06);list-style:none;margin:6px 0;padding:6px 0;max-height:200px;overflow:auto;z-index:40;border:1px solid rgba(0,0,0,0.04);display:none}.domain-search .domain-suggestions:not(:empty){display:block}
.domain-suggestions .domain-suggestion{padding:10px 14px;cursor:pointer;font-weight:600;color:#1f2f48}
.domain-suggestions .domain-suggestion:hover,.domain-suggestions .domain-suggestion.active{background:linear-gradient(90deg,#f7fbff,#edf6ff)}

.domain-list .domain:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(31,47,72,.06)}
.domain-list .domain .bold{font-weight:700;color:var(--primary)}
.search{margin-left: 10px;}
.domain-list{margin-top: 15px;}
.domain-search {padding: 30px 30px 10px 30px;background: linear-gradient(90deg, #396afc 0%, #2948ff 100%);border-radius: 20px;height: 185px;}
.domain{line-height: 3.75; color: var(--muted-white);}
.domain-price{font-size: 13px;color:var(--muted)}
.bigbox .block .illustration {display: flex;width: 203px;height: 229px;}
.bigbox .block .title h2 {font-size: 28px;color: white;width: 605px;font-weight: 500;margin-left: 70px;margin-top: 40px;}

.timeline {position: relative;width: 100%;overflow: hidden;}
.event-container {position: relative;width: 100%;padding: 20px;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.event {width: 25%;padding: 15px;height: 150px;border-radius: 5px;margin-bottom: 20px;background: linear-gradient(90deg, #396afc 0%, #2948ff 100%);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14) , 0px 3px 1px -2px rgba(0,0,0,0.12) , 0px 1px 5px 0px rgba(0,0,0,0.2) ;}
.event-left {margin-left: 19.8%;}
.event-right {margin-left: 50.8%;}
.event>*{color: white;}

.b-pop-up {display: flex;background-color: white;border-radius: 22px;box-shadow: 0px 4px 30px 1px rgba(0, 0, 0, 0.25);width: 1165px;
height: 87px;left: 50%;z-index: 1;top: 80px;position: fixed;transform: translate(-50%);animation-name:transitionpopup;animation-duration:2s;
}
.b-pop-up .contain {display: flex;align-items: center;margin-left: 25px;}
.b-pop-up .contain img {width: 42.5px;height: 42.5px}
.b-pop-up .text {margin-left: 30px;}
.b-pop-up .text h2 {font-size: 20px;font-family: 'Inter', sans-serif;font-weight: 300;}
.b-pop-up .text p {font-size: 16px;font-family: 'Inter', sans-serif;font-weight: 500;margin-top: -10px;}
.b-pop-up .text p a{text-decoration: underline;}
.b-pop-close {margin-top:-400%;}
.close {right: 20px;margin-top: 15px;position: absolute;cursor:pointer;}

.infobox{background: var(--infobox-bg);padding: 30px;margin-left: 5%;margin-right: 5%;border-radius: 10px;align-items: center;}
.infobox img{margin-right: 75px;}

.os-text{max-width: 500px;align-items: center;margin-right: 75px;}
.os-text h3 {font-size: 30px;}
.os-text p {font-size: 17px;}
.os-svg img {margin: 50px;}
.os-svg {margin-top: -75px;}
.os-infos {margin-top: 150px;display: flex;justify-content: center;}

.review-title{font-weight: 600;}
.card {max-width: 600px;margin: 50px auto;padding: 20px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);background-color: var(--white);}
.card .button-nav {margin-left: auto;margin-right: auto;min-width: 150px;max-width: 250px;width: 100%;}
.card-info {
    width: 90%;
    max-width: 1100px;
    margin: 40px auto;
    padding: 50px 40px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    background: linear-gradient(135deg, var(--white) 0%, rgba(248, 250, 252, 0.5) 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 0 1px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.card-info:hover {box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.05);transform: translateY(-4px);border-color: rgba(41, 72, 255, 0.15);}
.card-info h2 {font-size: 24px;font-weight: 700;margin-bottom: 16px;color: var(--text);}
.card-info p {font-size: 16px;line-height: 1.6;color: rgba(0, 0, 0, 0.7);margin: 0;}
.card-info img {border-radius: 12px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);}

.text-center {text-align: center;}

.simple-interface,
.rgpd-password,
.iso-list,
.fast-realtime-installation,
.ptr {display: flex;align-items: center;gap: 40px;margin-bottom: 15px;margin-top: 75px;}

.simple-interface-left,
.simple-interface-right,
.rgpd-password-left,
.rgpd-password-right,
.iso-list-left,
.iso-list-right,
.fast-realtime-installation-left,
.fast-realtime-installation-right,
.ptr-left,
.ptr-right {flex: 1;display: flex;flex-direction: column;justify-content: center;}

.simple-interface-left h2,
.simple-interface-right h2,
.rgpd-password-left h2,
.rgpd-password-right h2,
.iso-list-left h2,
.iso-list-right h2,
.fast-realtime-installation-left h2,
.fast-realtime-installation-right h2,
.ptr-left h2,
.ptr-right h2 {font-size: 22px;font-weight: 700;margin-bottom: 16px;color: var(--text);line-height: 1.3;}

.simple-interface-left p,
.simple-interface-right p,
.rgpd-password-left p,
.rgpd-password-right p,
.iso-list-left p,
.iso-list-right p,
.fast-realtime-installation-left p,
.fast-realtime-installation-right p,
.ptr-left p,
.ptr-right p {font-size: 15px;line-height: 1.7;color: rgba(0, 0, 0, 0.65);margin: 0;}

.simple-interface-right,
.rgpd-password-left,
.iso-list-right,
.fast-realtime-installation-right,
.ptr-right {align-items: center;}

.simple-interface img,
.rgpd-password img,
.iso-list img,
.fast-realtime-installation img,
.ptr img {
    border-radius: 14px;
    width: 100%;
    max-width: 450px;
    height: auto;
    object-fit: contain;
    display: block;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.card-info:hover .simple-interface img,
.card-info:hover .rgpd-password img,
.card-info:hover .iso-list img,
.card-info:hover .fast-realtime-installation img,
.card-info:hover .ptr img {box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);}

/* Blog Feed Section */
.blog-feed-section {margin-top: 100px;padding-bottom: 50px;}
.blog-feed-title {text-align: center;font-size: 32px;font-weight: 700;margin-bottom: 50px;color: #1f2f48;}
.blog-feed-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin: 0 auto;max-width: 1200px;padding: 0 20px;}
.blog-article-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-left: 4px solid var(--cta-2-start);
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(41, 72, 255, 0.08);
    overflow: hidden;
}

.blog-article-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(41, 72, 255, 0.15);
    border-left-color: var(--cta-2-end);
    background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 100%);
}

.blog-article-date {font-size: 12px;color: #6b7280;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 12px;}
.blog-article-title {font-size: 18px;font-weight: 700;margin-bottom: 16px;line-height: 1.4;color: #1f2f48;}
.blog-article-title a {color: #1f2f48;text-decoration: none;transition: color 0.3s ease;}
.blog-article-title a:hover {color: var(--cta-2-start);}
.blog-article-excerpt {font-size: 14px;color: #4b5563;line-height: 1.6;margin-bottom: 20px;flex-grow: 1;}

.blog-article-link {display: inline-flex;align-items: center;gap: 8px;color: var(--cta-2-start);text-decoration: none;font-weight: 600;font-size: 14px;transition: all 0.3s ease;}
.blog-article-link:hover {color: var(--cta-2-end);transform: translateX(4px);}
.blog-article-link i {font-size: 12px;transition: transform 0.3s ease;}
.blog-article-link:hover i {transform: translateX(4px);}
.blog-feed-section {margin-top: 100px;padding-bottom: 50px;}
.blog-feed-title {text-align: center;font-size: 32px;font-weight: 700;margin-bottom: 50px;color: #1f2f48;}
.blog-feed-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin: 0 auto;max-width: 1200px;padding: 0 20px;}
.blog-article-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-left: 4px solid var(--cta-2-start);
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(41, 72, 255, 0.08);
    overflow: hidden;
}
.blog-article-card:hover {transform: translateY(-4px);box-shadow: 0 12px 32px rgba(41, 72, 255, 0.15);border-left-color: var(--cta-2-end);background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 100%);}
.blog-article-date {font-size: 12px;color: #6b7280;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 12px;}
.blog-article-title {font-size: 18px;font-weight: 700;margin-bottom: 16px;line-height: 1.4;color: #1f2f48;}
.blog-article-title a {color: #1f2f48;text-decoration: none;transition: color 0.3s ease;}
.blog-article-title a:hover {color: var(--cta-2-start);}
.blog-article-excerpt {font-size: 14px;color: #4b5563;line-height: 1.6;margin-bottom: 20px;flex-grow: 1;}
.blog-article-link {display: inline-flex;align-items: center;gap: 8px;color: var(--cta-2-start);text-decoration: none;font-weight: 600;font-size: 14px;transition: all 0.3s ease;}
.blog-article-link:hover {color: var(--cta-2-end);transform: translateX(4px);}
.blog-article-link i {font-size: 12px;transition: transform 0.3s ease;}
.blog-article-link:hover i {transform: translateX(4px);}
.blog-feed-section {margin-top: 100px;padding-bottom: 50px;}
.blog-feed-title {text-align: center;font-size: 32px;font-weight: 700;margin-bottom: 50px;color: #1f2f48;}
.blog-feed-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin: 0 auto;max-width: 1200px;padding: 0 20px;}
.blog-article-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-left: 4px solid var(--cta-2-start);
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(41, 72, 255, 0.08);
    overflow: hidden;
}
.blog-article-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(41, 72, 255, 0.15);
    border-left-color: var(--cta-2-end);
    background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 100%);
}
.blog-article-date {font-size: 12px;color: #6b7280;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 12px;}
.blog-article-title {font-size: 18px;font-weight: 700;margin-bottom: 16px;line-height: 1.4;color: #1f2f48;}
.blog-article-title a {color: #1f2f48;text-decoration: none;transition: color 0.3s ease;}
.blog-article-title a:hover {color: var(--cta-2-start);}
.blog-article-excerpt {font-size: 14px;color: #4b5563;line-height: 1.6;margin-bottom: 20px;flex-grow: 1;}
.blog-article-link {display: inline-flex;align-items: center;gap: 8px;color: var(--cta-2-start);text-decoration: none;font-weight: 600;font-size: 14px;transition: all 0.3s ease;}
.blog-article-link:hover {color: var(--cta-2-end);transform: translateX(4px);}
.blog-article-link i {font-size: 12px;transition: transform 0.3s ease;}
.blog-article-link:hover i {transform: translateX(4px);}

@keyframes transitionpopup{
    0%,50%{margin-top:-5%;opacity:0;}
    100%{margin-top:0%;opacity:1;}
}

.ryzen-showcase {margin: 80px 0;padding: 60px 20px;background: linear-gradient(135deg, rgba(0, 217, 255, 0.08) 0%, rgba(41, 72, 255, 0.08) 100%);border-radius: 16px;border: 1px solid rgba(0, 217, 255, 0.15);}
.ryzen-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;max-width: 1200px;margin: 0 auto;}
.ryzen-text h2 {font-size: 32px;font-weight: 700;margin-bottom: 16px;background: linear-gradient(135deg, #00d9ff 0%, #2948ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.ryzen-text p {font-size: 16px;color: #4b5563;line-height: 1.6;margin-bottom: 30px;}
.ryzen-features {display: flex;flex-direction: column;gap: 20px;}
.feature-item {display: flex;gap: 16px;padding: 16px;background: rgba(255, 255, 255, 0.5);border-radius: 12px;border: 1px solid rgba(0, 217, 255, 0.1);transition: all 0.3s ease;}
.feature-item:hover {background: rgba(0, 217, 255, 0.05);border-color: rgba(0, 217, 255, 0.3);transform: translateX(4px);}
.feature-item i {font-size: 24px;color: #00d9ff;line-height: 2.5;min-width: 24px;}
.feature-item h4 {font-size: 14px;font-weight: 600;color: #1f2f48;margin-bottom: 4px;}
.feature-item p {font-size: 13px;color: #6b7280;margin: 0;}
.ryzen-visual {display: flex;justify-content: center;align-items: center;}
.ryzen-icon {width: 100%;max-width: 300px;height: auto;filter: drop-shadow(0 8px 24px rgba(0, 217, 255, 0.15));animation: float 3s ease-in-out infinite;}

@keyframes float {
    0%, 100% {transform: translateY(0px);}
    50% {transform: translateY(-10px);}
}

@keyframes corePulse {
    0%, 100% {r: 3;opacity: 0.9;}
    50% {r: 4.5;opacity: 1;}
}

.core-pulse {
    animation: corePulse 1s ease-in-out infinite;
}

@keyframes menu-anim {
    from {opacity: 0;}
    to {opacity: 1;}
}

.nvme-showcase {margin: 80px 0;padding: 50px 40px;background: linear-gradient(135deg, #2948ff 0%, #005fff 100%);border-radius: 20px;box-shadow: 0 20px 60px rgba(41, 72, 255, 0.3);}
.nvme-showcase-container {display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: center;max-width: 1400px;margin: 0 auto;}
.nvme-showcase-left {color: white;}
.nvme-showcase-left .nvme-rocket-icon {font-size: 48px;margin-bottom: 20px;}
.nvme-showcase-left h2 {font-size: 35px;font-weight: 800;margin-bottom: 24px;color: white;line-height: 1.2;}
.nvme-showcase-left > p {font-size: 15px;color: rgba(255, 255, 255, 0.95);line-height: 1.7;margin-bottom: 50px;}
.nvme-showcase-left strong {font-weight: 700;color: white;}
.nvme-perf-title {font-size: 28px;font-weight: 700;margin-bottom: 30px;color: white;display: flex;align-items: center;gap: 10px;}
.nvme-perf-box {display: flex;align-items: baseline;}
.nvme-perf-box .perf-value {min-width:140px;font-size: 20px;font-weight: 600;color: #2948ff;background-color: #fafafa;margin-bottom: 8px;padding: 15px;border-radius: 5px;}
.nvme-perf-box .perf-label {font-size: 15px;color: #fafafa;font-weight: 500;padding: 15px;}
.nvme-perf-highlight {background: rgba(255, 255, 255, 1);border: 2px solid rgba(255, 255, 255, 0.3);}
.nvme-showcase-right {display: flex;justify-content: center;align-items: center;}
.nvme-visual {display: flex;justify-content: center;align-items: center;width: 100%;}
.nvme-icon {filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));opacity: 0.9;box-shadow: 0px -1px 5px 0px rgba(247, 247, 247, 0.75);-webkit-box-shadow: inset 0px 0px 20px 0px rgba(247, 247, 247, 0.75);-moz-box-shadow: 0px -1px 5px 0px rgba(247,247,247,0.75);border-radius: 100%;}
.comparison-section {margin: 80px 0;padding: 60px 20px;background: linear-gradient(135deg, rgba(0, 217, 255, 0.08) 0%, rgba(41, 72, 255, 0.08) 100%);border-radius: 16px;border: 1px solid rgba(0, 217, 255, 0.15);}
.comparison-section h2 {background: linear-gradient(135deg, #00d9ff 0%, #2948ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 12px;font-size: 32px;}
.comparison-subtitle {color: #6b7280;font-size: 16px;margin-bottom: 40px;}
.comparison-table {display: grid;grid-template-columns: 1fr;gap: 0;background: white;border-radius: 12px;overflow: hidden;border: 1px solid rgba(0, 217, 255, 0.1);}
.comparison-header {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 1px;background: rgba(0, 217, 255, 0.1);padding: 1px;}
.comparison-header .comparison-col {background: linear-gradient(135deg, rgba(0, 217, 255, 0.15) 0%, rgba(41, 72, 255, 0.15) 100%);padding: 20px;text-align: center;border-right: 1px solid rgba(0, 217, 255, 0.1);}
.comparison-header .comparison-col:last-child {border-right: none;}
.comparison-col i {color: #10b981;font-size: 18px;}
.offer-badge {display: inline-block;background: linear-gradient(135deg, #00d9ff 0%, #2948ff 100%);color: white;padding: 6px 12px;border-radius: 8px;font-weight: 600;font-size: 13px;margin-bottom: 8px;}
.badge-new {display: inline-block;background: linear-gradient(135deg, #10b981 0%, #059669 100%);color: white;padding: 6px 12px;border-radius: 6px;font-size: 12px;font-weight: 600;white-space: nowrap;}
.badge-latest {display: inline-block;background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color: white;padding: 6px 12px;border-radius: 6px;font-size: 12px;font-weight: 600;white-space: nowrap;}
.badge-old {display: inline-block;background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color: white;padding: 6px 12px;border-radius: 6px;font-size: 12px;font-weight: 600;white-space: nowrap;}
.offer-type {font-size: 12px;color: #6b7280;margin: 0;}
.comparison-row {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 1px;background: rgba(0, 217, 255, 0.1);padding: 1px;}
.comparison-row.alt {background: rgba(0, 217, 255, 0.05);}
.comparison-col {background: white;padding: 20px;text-align: center;font-size: 14px;color: #374151;border-right: 1px solid rgba(0, 217, 255, 0.1);}
.comparison-col.alt {background: rgba(0, 217, 255, 0.02);}
.comparison-row.alt .comparison-col {background: rgba(0, 217, 255, 0.02);}
.comparison-col:last-child {border-right: none;}
.comparison-col.label {background: linear-gradient(135deg, rgba(0, 217, 255, 0.1) 0%, rgba(41, 72, 255, 0.1) 100%);font-weight: 600;color: #1f2937;text-align: left;}
.comparison-row.alt .comparison-col.label {background: linear-gradient(135deg, rgba(0, 217, 255, 0.15) 0%, rgba(41, 72, 255, 0.15) 100%);}


/* Filter Section Styles */
.filter-section {padding: 30px 0;margin-bottom: 20px;}
.filter-wrapper {display: flex;flex-direction: column;gap: 20px;align-items: center;}
.filter-input {width: 85%;max-width: 500px;padding: 12px 20px;border: 2px solid var(--light-grey);border-radius: 10px;font-size: 16px;transition: all 0.3s ease;background-color: var(--white);}
.filter-input:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(8, 72, 135, 0.1);}
.filter-buttons {display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;}
.filter-btn {padding: 10px 25px;border: 2px solid var(--light-grey);background-color: var(--white);border-radius: 25px;cursor: pointer;font-size: 14px;font-weight: 600;transition: all 0.3s ease;color: var(--text);}
.filter-btn:hover {border-color: var(--primary);color: var(--primary);}
.filter-btn.active {background-color: var(--primary);color: var(--white);border-color: var(--primary);}

/* Advanced Filter Styles */
.advanced-filter-section {display: flex;gap: 25px;margin-bottom: 50px;padding: 20px 0;align-items: start;width: 100%;max-width: 100%;overflow: hidden;margin-top: 75px;}
.filter-sidebar {width: 220px;padding: 28px 24px;background: linear-gradient(135deg, #ffffff 0%, var(--surface) 100%);border-radius: 12px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);height: fit-content;position: sticky;border: 1px solid rgba(132, 155, 188, 0.15);flex-shrink: 0;}
.filter-sidebar h3 {font-size: 17px;font-weight: 800;margin-bottom: 28px;color: var(--primary);border-bottom: 2px solid var(--primary);padding-bottom: 14px;letter-spacing: -0.2px;}
.filter-group {margin-bottom: 28px;}
.filter-group:last-child {margin-bottom: 0;}
.filter-title {display: block;font-size: 12px;font-weight: 700;text-transform: uppercase;color: var(--text);margin-bottom: 12px;letter-spacing: 0.8px;}
.filter-options {display: flex;flex-direction: column;gap: 10px;}
.filter-options label {display: flex;align-items: center;font-size: 14px;cursor: pointer;user-select: none;transition: all 0.2s ease;padding: 6px 8px;border-radius: 6px;}
.filter-options label:hover {background-color: rgba(8, 72, 135, 0.05);color: var(--primary);}
.filter-check {width: 18px;height: 18px;margin-right: 10px;cursor: pointer;accent-color: var(--primary);}
.btn-reset-filters {width: 100%;padding: 12px;height: 50px;background-color: var(--accent-red);color: var(--white);border: none;border-radius: 8px;cursor: pointer;font-weight: 600;font-size: 14px;transition: all 0.3s ease;}
.btn-reset-filters:hover {background-color: #ff3a4a;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255, 70, 85, 0.3);}
.servers-container {display: flex;flex-direction: column;gap: 18px;width: 100%;}

/* Card Layout Horizontal */
.offer-header {
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 24px;
    border-right: 2px solid var(--light-grey);
}
.offer-header h3 {font-size: 21px;font-weight: 800;margin-bottom: 12px;letter-spacing: -0.3px;}
.offer-header .price {font-size: 19px;font-weight: 800;color: var(--primary);line-height: 1.3;}
.offer-specs {grid-column: 2;grid-row: 1 / 3;display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px;padding: 0 16px;align-items: center;}
.spec-item {display: flex;flex-direction: column;gap: 6px;}
.spec-label {font-size: 12px;font-weight: 700;text-transform: uppercase;color: var(--muted);letter-spacing: 0.6px;}
.spec-value {font-size: 16px;font-weight: 600;color: var(--text);line-height: 1.4;}
.offer-action {grid-column: 3;grid-row: 1 / 3;display: flex;align-items: center;justify-content: center;padding-left: 24px;}
.btn-offer.red {background-color: var(--accent-red);cursor: not-allowed;opacity: 0.9;}
.btn-offer.red:hover {background-color: #ff3a4a;transform: translateY(0);}
.offer-action a {width: 100%;margin-right: 50px;}

.filter-btn:hover {border-color: var(--primary);color: var(--primary);}
.filter-btn.active {background-color: var(--primary);color: var(--white);border-color: var(--primary);}

.tunnel-config-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    max-width: 1000px;
    margin: 40px auto;
    padding: 30px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(99, 102, 241, 0.05) 100%);
    border-radius: 12px;
    border: 1px solid rgba(59, 130, 246, 0.1);
}

.tunnel-info {display: flex;flex-direction: column;justify-content: center;}
.tunnel-info p {margin: 10px 0;}
.tunnel-info .blue-4 {font-size: 1.5em;font-weight: bold;margin-bottom: 10px;}
.tunnel-info .price {font-weight: bold;color: #3b82f6;font-size: 1.3em;}
.tunnel-config-form {display: flex;flex-direction: column;gap: 20px;}
.form-section {display: flex;flex-direction: column;gap: 10px;}
.form-section label {font-weight: 600;color: #1f2937;font-size: 0.95em;}
.tunnel-types {display: flex;gap: 15px;flex-wrap: wrap;}
.radio-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 12px;
    border: 2px solid #e5e7eb;
    border-radius: 6px;
    transition: all 0.3s ease;
    background: white;
}

.radio-label input[type="radio"] {cursor: pointer;width: 18px;height: 18px;}
.radio-label:hover {border-color: #3b82f6;background: rgba(59, 130, 246, 0.05);}
.radio-label input[type="radio"]:checked + span {color: #3b82f6;font-weight: 600;}
.select-container {position: relative;}
.select-input {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.95em;
    font-family: inherit;
    background-color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%233b82f6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}

.select-input:hover {border-color: #3b82f6;background-color: rgba(59, 130, 246, 0.02);}
.select-input:focus {outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);}
.slider-container {display: flex;flex-direction: column;gap: 8px;}
.slider {height: 6px;border-radius: 3px;background: linear-gradient(to right, #e5e7eb 0%, #e5e7eb 100%);outline: none;-webkit-appearance: none;appearance: none;}
.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%;background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);cursor: pointer; box-shadow: 0 2px 6px rgba(59, 130, 246, 0.4);transition: all 0.2s ease;}
.slider::-webkit-slider-thumb:hover {transform: scale(1.2);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.6);}
.slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    cursor: pointer;
    border: none;
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.4);
    transition: all 0.2s ease;
}

.slider::-moz-range-thumb:hover {transform: scale(1.2);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.6);}
.slider-info {display: flex;justify-content: space-between;align-items: center;gap: 10px;}
.slider-value {font-weight: 600;color: #1f2937;font-size: 0.9em;}
.slider-price {font-weight: 600;color: #3b82f6;font-size: 0.9em;text-align: right;}
.form-pricing {background: white;border: 1px solid #e5e7eb;border-radius: 6px;padding: 12px;margin-top: 10px;gap: 0;}
.price-row {display: flex;justify-content: space-between;align-items: center;padding: 8px 0;font-size: 0.95em;border-bottom: 1px solid #f3f4f6;}
.price-row:last-child {border-bottom: none;}
.price-row:first-child {color: #6b7280;}
.price-row span:last-child {font-weight: 600;color: #3b82f6;}
.price-total {border-top: 2px solid #e5e7eb;padding-top: 12px;padding-bottom: 0;font-size: 1.1em;margin-top: 8px;}
.price-total span:first-child {color: #1f2937;font-weight: 600;}
.price-total span:last-child {font-size: 1.2em;color: #2563eb;}
.form-actions {display: flex;gap: 10px;margin-top: 10px;}

.btn-order {
    flex: 1;
    padding: 12px 20px;
    font-size: 1em;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.btn-order:hover:not(.disabled) {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);}
.btn-order:active:not(.disabled) {transform: translateY(0px);}
.btn-order.disabled {background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);cursor: not-allowed;box-shadow: none;}
.btn-order span {display: block;}

.top-header {text-align: center;padding: 40px 20px 40px;background: linear-gradient(135deg, rgba(8, 72, 135, 0.03) 0%, rgba(58, 174, 227, 0.03) 100%);margin-bottom: 60px;border-radius: 0 0 50px 50px;}
.top-header h1 {
    font-size: 2.5rem;
    font-weight: 800;
    background: linear-gradient(135deg, var(--primary) 0%, var(--cta-start) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}
.top-header p {color: #64748b;font-size: 1.1rem;max-width: 600px;margin: 0 auto;}
.legal-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-bottom: 100px;}
.legal-card {
    background: var(--white);
    border-radius: 24px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.04);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.legal-card:hover {transform: translateY(-12px);box-shadow: 0 30px 60px rgba(8, 72, 135, 0.15);border-color: var(--cta-start);}
.icon-wrapper {
    width: 90px;
    height: 90px;
    background: rgba(8, 72, 135, 0.05);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all 0.3s ease;
}
.legal-card:hover .icon-wrapper {background: var(--primary);}
.icon-wrapper i {font-size: 36px;color: var(--primary);transition: all 0.3s ease;}
.legal-card:hover .icon-wrapper i, .modern-card:hover .icon-wrapper i {color: white;background: none;background-clip: initial;-webkit-background-clip: initial;-webkit-text-fill-color: initial;}
.legal-card h3 {font-size: 1.3rem;font-weight: 700;color: #1e293b;margin-bottom: 15px;}
.legal-card p {color: #64748b;font-size: 0.95rem;margin-bottom: 30px;line-height: 1.6;}

.btn-download {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px;
    background: #f1f5f9;
    color: var(--primary);
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.2s ease;
}
.btn-download:hover {background: var(--primary);color: white;}

.question-box {
    background: linear-gradient(135deg, var(--primary) 0%, #0632A2 100%);
    border-radius: 30px;
    padding: 60px 40px;
    text-align: center;
    color: white;
    margin-bottom: 80px;
    box-shadow: 0 20px 40px rgba(8, 72, 135, 0.2);
}
.question-box h2, .question-box h3 {color: white;font-size: 2rem;margin-bottom: 10px;}
.question-box p {color: rgba(255, 255, 255, 0.8);margin-bottom: 30px;font-size: 1.1rem;}

.seo-content h2::after,
.faq-section h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, var(--primary) 0%, var(--cta-start) 100%);
    border-radius: 2px;
}

.seo-content {margin-top: 100px;margin-bottom: 80px;}
.seo-content h2,
.faq-section h2 {text-align: center;font-size: 2.5rem;font-weight: 700;color: var(--primary);margin-bottom: 50px;position: relative;}

.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 30px;}

.modern-card {background: var(--white);border-radius: 24px;padding: 40px 30px;border: 1px solid rgba(0, 0, 0, 0.04);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);text-align: center;}
.modern-card:hover {transform: translateY(-10px);box-shadow: 0 30px 60px rgba(8, 72, 135, 0.15);border-color: var(--cta-start);}

.modern-card .icon-wrapper {width: 70px;height: 70px;background: rgba(8, 72, 135, 0.05);border-radius: 18px;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;transition: all 0.3s ease;}
.modern-card:hover .icon-wrapper{background: var(--primary);}
.modern-card .icon-wrapper i {font-size: 28px;color: var(--primary);transition: all 0.3s ease;}
.modern-card h3 {font-size: 1.25rem;font-weight: 700;color: #1e293b;margin-bottom: 15px;}
.modern-card p {color: #64748b;font-size: 0.95rem;line-height: 1.6;margin: 0;}

.faq-section {background: #f8fafc;border-radius: 30px;padding: 60px 40px;margin-bottom: 80px;}
.faq-container {max-width: 900px;margin: 0 auto;}
.faq-card {background: var(--white);border-radius: 15px;margin-bottom: 20px;padding: 25px 30px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);border-left: 4px solid var(--primary);transition: all 0.3s ease;}
.faq-card:hover {transform: translateX(10px);border-left-color: var(--cta-start);}
.faq-card h3 {font-size: 1.1rem;font-weight: 700;color: #1e293b;margin-bottom: 12px;}
.faq-card p {color: #64748b;font-size: 0.95rem;line-height: 1.6;margin-bottom: 0;}


@media (max-width: 1750px) {
    .convince-right>img,.convince-left>img {margin-top: 0 !important;width: 95%;}
    .our-priority,.stat {flex-flow: nowrap;}
    .convince {margin-right: 1%;margin-left: 1%;}
    .card-big img {max-width: 450px;margin-top: 45px;}
    .button {margin-right: auto;margin-left: auto;}
    .block {width: 40%;height: 200px;}
    .card-small-2 img,.card-small-1 img {max-width: 200px;}
    .card-big {margin-top: -70px;}
}

/* Mobile */
@media (max-width: 1300px) {
    .top-home {display: block;}
    .top-home .left {margin-left: 25px;margin-right: 25px;text-align: center;}
    .top-home .left .title .flex-title {display: flex;justify-content: center;}
    .top-home .left .title .flex-title .point {right: -20px;}
    .top-home .left .search {display: flex;justify-content: center;}
    .top-home .left .brand {justify-content: center;}
    .event{height: 200px;}
    .b-pop-up {width: 90%;height: 200px;}
    .comparison-section {margin: 60px 0;padding: 40px 20px;}
    .comparison-section h2 {font-size: 26px;}
    .comparison-header {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));}

    .comparison-row {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));}
    .comparison-col {padding: 16px 12px;font-size: 13px;}
    .comparison-col.label {padding: 16px;font-size: 13px;}

    .filter-sidebar {width: 200px;padding: 20px 15px;}
    .offer-col {grid-template-columns: 140px 1fr 110px;max-width: 100%;padding: 20px;}
    .offer-col-horizontal {grid-template-columns: 140px 1fr 175px;padding: 16px 20px;gap: 12px;}
    .offer-col-horizontal .offer-specs {grid-template-columns: repeat(2, 1fr);}
    .filter-input {width: 80%;}
    .offer-specs {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 1035px) {
    .bigbox .block {justify-content: center;width: 95%;text-align: center;}
    .bigbox .block .illustration {display: none;}
    .bigbox .block .ctn-left h2 {margin-left:0px;}
    .bigbox .block .cont-button {margin-left: -70px;justify-content: center;}
    .our-priority .textstat{text-align: center;}
    .price-table thead {display: none;}
    .domain-content {display: block;}
    .grey-table {background: transparent;}
    .mobile {display: inline-block !important;}
    .border-mobile {padding-bottom: 35px;border: 1px solid var(--cta-start);}
    .lg-table {display: block;justify-content: center;padding-top: 10px;background-color: var(--card-bg-alt);}
    .price-table tbody td:before {content: attr(data-td) ": ";display: block;padding: 10px;font-weight: 600;text-align: center;}
    .our-priority {display: block;justify-content: center;flex-flow: row wrap;}
    .card-small-1,.card-small-2 {display: none;}
    .about-us-left {width: 90%;}
    .stat-convince-right,.stat-convince-right-vpn{width: 80%;margin-left: auto;margin-right: auto;}
    .card-big img {max-width: 550px;margin-left: 0 !important;margin-top: 75px;}
    .simple-interface, .rgpd-password, .iso-list, .fast-realtime-installation, .ptr {flex-direction: column;gap: 30px;}
    .simple-interface-left,.simple-interface-right,.rgpd-password-left,.rgpd-password-right,.iso-list-left,.iso-list-right,.fast-realtime-installation-left,.fast-realtime-installation-right,.ptr-left,.ptr-right {width: 100%;}
    .simple-interface img, .rgpd-password img, .iso-list img, .fast-realtime-installation img, .ptr img {max-width: 100%;max-height: 350px;}
    .price-table .popular-row {box-shadow: 0 12px 32px rgba(41,72,255,.15);border: 2px solid var(--primary);border-radius: 10px;padding: 15px;margin: 20px 0;}
    .price-table .popular-row .lg-table {background-color: transparent;}
    .price-table .popular-row .popular {top: -16px;left: -16px;}
    .price-table tr {margin-top: 35px;}
    
    .blog-feed-container {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;padding: 0 15px;}
    .blog-feed-title {font-size: 26px;margin-bottom: 40px;}
    .blog-article-card {padding: 24px;}
    .blog-article-title {font-size: 16px;}

    .ryzen-content {grid-template-columns: 1fr;gap: 40px;}
    .ryzen-showcase {margin: 50px 0;padding: 40px 20px;}
    .ryzen-text h2 {font-size: 24px;}
    .ryzen-icon {max-width: 200px;}

    .nvme-showcase-container {grid-template-columns: 1fr;gap: 40px;}
    .nvme-showcase {margin: 50px 0;padding: 40px 20px;}
    .nvme-showcase-left h2 {font-size: 32px;}
    .nvme-showcase-left > p {font-size: 16px;}
    .nvme-perf-title {font-size: 24px;}
    .nvme-perf-box .perf-value {font-size: 22px;}
    .nvme-perf-box .perf-label {font-size: 14px;}
    .nvme-icon {max-width: 250px;}

    .os-infos{flex-direction: column;align-items: center;}
    .os-svg {margin-top: 0px;}

    .block {width: 60%;height: 300px;}
    .stat-convince-left{height: 825px;width: 90%;}
    .stat {margin-top: 100px;}
    .stat .blockstat {height: 130px;background-color: var(--blockstat-bg);justify-content: center;}
    .stat .blockstat p {text-align: center;margin-top: -40px;width: 100%;}
    .event-left,.event-right{margin:30px;}
    .event-container{display: flex;flex-direction: column;align-items: center;}
    .container-footer{flex-direction: column;align-items: center;justify-content: center;}
    .container-footer .footer-col{width: 100%;}
    .footer-col {margin: 10px}
    .search-form-wrapper {flex-direction: column;}
    .domain-search .search button.domain-submit {margin-top: 25px; width: 130px;margin-left: 0;}
    .domain-list {margin-top: 100px;}
    .domain-search {height: 250px;}
    .domain-search .search form input {width: 100%;}

    .advanced-filter-section {display:grid;grid-template-columns: 1fr;gap: 25px;}
    .filter-sidebar {width: 95.5%;position: static;display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 20px;padding: 20px 15px;}
    .filter-sidebar h3 {grid-column: 1 / -1;}
    .filter-group {margin-bottom: 0;}
    .offer-col {grid-template-columns: 1fr;grid-template-rows: auto;padding: 20px;}
    .offer-col-horizontal {grid-template-columns: 1fr;grid-template-rows: auto;padding: 18px;gap: 12px;}
    .offer-header {grid-column: 1;grid-row: auto;margin-bottom: 10px;border-right: none;}
    .offer-specs {grid-column: 1;grid-row: auto;grid-template-columns: repeat(2, 1fr);margin-bottom: 10px;gap: 10px;}
    .offer-col-horizontal .offer-specs {grid-column: 1;grid-row: auto;grid-template-columns: repeat(2, 1fr);margin-bottom: 10px;gap: 10px;}
    .offer-action {grid-column: 1;grid-row: auto;}
    .filter-input {width: 70%;}
}

@media (max-width: 880px) {
    .domain-search .search .domain-clear{right:8px}
    .domain-search .search input{padding-right:90px}
    .search{margin-left: 0;}
    .b-pop-up .text h2 {font-size: 18px;}
    .b-pop-up .contain img {width: 38.5px;height: 38.5px}
    .as212504 {height: 250px;}
    .our-discord p {width: 100%;}

    .blog-feed-container {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;padding: 0 15px;}
    .blog-feed-title {font-size: 26px;margin-bottom: 40px;}
    .blog-article-card {padding: 24px;}
    .blog-article-title {font-size: 16px;}
}

@media (max-width: 768px) {
    .comparison-section {margin: 40px 0;padding: 30px 15px;border-radius: 12px;}
    .comparison-section h2 {font-size: 22px;margin-bottom: 10px;}
    .comparison-subtitle {font-size: 14px;margin-bottom: 30px;}
    .comparison-table {border-radius: 8px;}

    .comparison-header {display: none;}
    .comparison-row {display: flex;flex-direction: column;gap: 0;background: white;padding: 0;border: 1px solid rgba(0, 217, 255, 0.1);margin-bottom: 16px;border-radius: 8px;overflow: hidden;}
    .comparison-row.alt {background: rgba(0, 217, 255, 0.02);}
    .comparison-col {background: white;padding: 12px 16px;text-align: left;border-right: none;border-bottom: 1px solid rgba(0, 217, 255, 0.1);font-size: 13px;}
    .comparison-row.alt .comparison-col {background: rgba(0, 217, 255, 0.02);}
    .comparison-col:last-child {border-bottom: none;}
    .comparison-col.label {background: linear-gradient(135deg, rgba(0, 217, 255, 0.12) 0%, rgba(41, 72, 255, 0.12) 100%);font-weight: 600;color: #1f2937;padding: 14px 16px;text-align: left;}
    .comparison-row.alt .comparison-col.label {background: linear-gradient(135deg, rgba(0, 217, 255, 0.18) 0%, rgba(41, 72, 255, 0.18) 100%);}
    .offer-badge {font-size: 12px;padding: 5px 10px;}
    .offer-type {font-size: 11px;}

    .advanced-filter-section {grid-template-columns: 1fr;gap: 15px;}
    .filter-sidebar {width: 100%;padding: 15px 12px;grid-template-columns: repeat(2, 1fr);gap: 12px;}
    .filter-sidebar h3 {grid-column: 1 / -1;font-size: 16px;margin-bottom: 8px;}
    .filter-group {margin-bottom: 0;}
    .offer-col {grid-template-columns: 1fr;padding: 15px 12px;gap: 10px;}
    .offer-col-horizontal {grid-template-columns: 1fr;padding: 12px 10px;gap: 8px;}
    .offer-specs {grid-template-columns: 1fr;gap: 8px;}
    .offer-col-horizontal .offer-specs {grid-template-columns: 1fr;gap: 8px;}
    .filter-title {font-size: 11px;margin-bottom: 8px;}
    .filter-options label {font-size: 13px;padding: 4px 6px;}
    .content-offer {padding: 20px 0;}
    .offer-col {width: 200px;margin: 20px;padding: 20px;}

    .tunnel-config-container {grid-template-columns: 1fr;gap: 30px;padding: 20px;}
    .tunnel-types {flex-direction: column;}
    .radio-label, .checkbox-label {width: 100%;}
    .slider-container {flex-direction: column;gap: 10px;}
    .slider-value {text-align: left;min-width: auto;}
    .tunnel-config-container {grid-template-columns: 1fr;gap: 30px;padding: 20px;}
    .tunnel-types {flex-direction: column;}
    .radio-label {width: 30%;}

    .top-header h1 { font-size: 2.2rem; }
    .legal-grid { grid-template-columns: 1fr; }
    .seo-content h2, .faq-section h2 { font-size: 2rem; }
    .faq-section { padding: 40px 20px; }
}

@media (max-width: 650px) {
    .domain-list{margin-top: 30px;}
    .vertical-border{margin-top: 10px;}
    .domain{line-height: 3.25;}
    .btn-off{margin-top: 5px;margin-bottom: 5px;}
    .left-btn {border-radius: 5px;}
    .convince-right>img,.convince-right>img {width: 100%;}
    .card-big img {max-width: 350px;}
    .convince-text {font-size: 20px;}
    .convince-card,.certifications {height: 200px;}
    .brands {padding: 10px;}
    .brands-content {padding-bottom: 30px;padding-top: 50px;display: flex;flex-flow: wrap;justify-content: space-evenly;}
    .block {display: block;width: 90%;margin-left: auto;margin-right: auto;}
    .box-slash,.box-blue {height: 350px;}
    .flex-box {width: 85%;}
    .discord {height: 400px;}
    .dblock {display: block;}
    .menu-toggle{margin-right: 10px;}
    .legal-content{display: block;text-align: center;}
    .top-home{padding: 30px;height: 550px;}
    .vertical-border{margin: 8px;}
    .stat .blockstat h2, .counter{font-size: 35px;}
    .domain-list {flex-direction: column;margin-top: 100px;}
    .domain-search {height: 450px;}

    .blog-feed-container {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;padding: 0 15px;}
    .blog-feed-title {font-size: 26px;margin-bottom: 40px;}
    .blog-article-card {padding: 24px;}
    .blog-article-title {font-size: 16px;}
}

/* Responsive: Move clear button inside input box on small screens and adjust input padding */
@media (max-width: 540px) {
    .domain-search .search .domain-clear{right:12px;top:50%;transform:translateY(-50%);font-size:20px;padding:0}
    .domain-search .search input{padding-right:90px}
    .domain-search .search button.domain-submit{margin-left:8px;padding:8px 10px}
    
    .bigbox .block .title h2 {font-size: 18px;width: 250px !important;margin-left: 25px;}
    .stat-convince-left {height: 900px;}
}

@media (max-width: 450px) {
    .discord {height: 630px !important;}
    .block .title h2{text-align: left;font-size: 20px !important;}
    .stat {margin: 0;}
    .comparison-section {margin: 30px 0;padding: 20px 12px;}
    .comparison-section h2 {font-size: 20px;}
    .comparison-col {padding: 10px 12px;font-size: 12px;}
    .comparison-col.label {padding: 12px;font-size: 12px;}
    .offer-badge {font-size: 11px;padding: 4px 8px;}

    .filter-sidebar {grid-template-columns: 1fr;gap: 10px;}
}

/* Game intro section */
.game-intro {display: flex;align-items: center;gap: 40px;flex-wrap: wrap;margin-top: 0;padding-bottom: 30px;}
.game-intro-text {flex: 1;min-width: 260px;}
.game-intro-text p {font-size: 16px;line-height: 1.8;color: var(--grey);text-align: justify;margin-top: 10px;}
.game-intro-text p:first-of-type {margin-top: 15px;}
.game-intro-media {flex: 0 0 auto;max-width: 100%;}
.game-intro-img {width: 460px;max-width: 100%;border-radius: 12px;box-shadow: 0 4px 20px var(--shadow);display: block;}
.game-intro-img + .game-intro-img {margin-top: 12px;}

/* Game feature cards */
.game-features {margin-bottom: 20px;}
.game-features-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 24px;margin-top: 35px;margin-bottom: 20px;}
.game-feature-card {background: var(--bg-alt);border-radius: 12px;padding: 28px 20px;width: 175px;text-align: center;box-shadow: 0 2px 16px var(--shadow);transition: all .2s;border: 1px solid var(--border-muted);}
.game-feature-card .fa-solid {font-size: 32px;line-height: 1.8;}
.game-feature-card h3 {font-size: 15px;margin-top: 10px;margin-bottom: 8px;}
.game-feature-card p {font-size: 13px;color: var(--grey);margin: 0;line-height: 1.5;}

/* Hide injected empty divs from scripts (AOS, extensions, etc) */
/* Target only divs that are truly empty (no background, no content) in display flow */
body > div:empty,
.container > div:empty,
.priceplan > div:empty,
.offer-col > div:empty,
table > div:empty,
tbody > div:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}