/* ============================================================
   AZADRYX V5.1
   CINEMATIC EDITION
============================================================ */


/* ============================================================
   RESET / VARIABLES
============================================================ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


:root {

    --background: #020810;

    --background-light: #061522;

    --panel: #071a2a;

    --panel-light: #0b263b;

    --blue: #0789ff;

    --cyan: #27d5ff;

    --white: #f5faff;

    --text: #8da5ba;

    --muted: #587187;

    --border: rgba(72, 184, 255, .17);

    --border-strong: rgba(39, 213, 255, .40);
}


html {
    scroll-behavior: smooth;
}


body {

    min-height: 100vh;

    overflow-x: hidden;

    color: var(--white);

    background:
        linear-gradient(
            180deg,
            #020810,
            #04111c 50%,
            #02080e
        );

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}


body.menu-open {
    overflow: hidden;
}


a {
    color: inherit;
    text-decoration: none;
}


button,
input {
    font: inherit;
}



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

.site-background {

    position: fixed;

    inset: 0;

    overflow: hidden;

    pointer-events: none;

    z-index: -20;
}


.background-grid {

    position: absolute;

    inset: 0;

    opacity: .18;

    background-image:

        linear-gradient(
            rgba(39, 213, 255, .055) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(39, 213, 255, .055) 1px,
            transparent 1px
        );

    background-size: 58px 58px;
}


.background-glow {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);
}


.background-glow-one {

    width: 650px;
    height: 650px;

    right: -200px;
    top: 950px;

    background:
        rgba(0, 135, 255, .13);
}


.background-glow-two {

    width: 600px;
    height: 600px;

    left: -250px;
    top: 2100px;

    background:
        rgba(0, 196, 255, .08);
}


.mouse-glow {

    position: fixed;

    width: 450px;
    height: 450px;

    left: 0;
    top: 0;

    opacity: 0;

    border-radius: 50%;

    background:
        rgba(0, 154, 255, .055);

    filter: blur(90px);

    transform:
        translate(-50%, -50%);

    transition:
        opacity .3s ease;
}



/* ============================================================
   NAVBAR
============================================================ */

.navbar {

    position: fixed;

    left: 50%;
    top: 0;

    width: 100%;
    height: 78px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    padding:
        0 max(4vw, 30px);

    transform:
        translateX(-50%);

    /*
       volontairement plus sombre :
       cela évite le conflit avec la navbar
       intégrée à l'image hero.
    */

    background:
        linear-gradient(
            180deg,
            rgba(2, 9, 16, .98),
            rgba(2, 10, 18, .92)
        );

    border-bottom:
        1px solid rgba(73, 187, 255, .15);

    box-shadow:
        0 12px 40px rgba(0, 0, 0, .20);

    backdrop-filter:
        blur(18px);

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

    z-index: 1000;

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


.navbar.scrolled {

    height: 66px;

    background:
        rgba(2, 9, 16, .96);

    box-shadow:
        0 18px 50px rgba(0, 0, 0, .35);
}



/* BRAND */

.brand {

    display: flex;

    align-items: center;

    gap: 12px;

    flex-shrink: 0;
}


.brand-symbol {

    width: 40px;
    height: 40px;

    display: flex;

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

    color: var(--cyan);

    border:
        1px solid rgba(39, 213, 255, .42);

    background:
        rgba(4, 24, 39, .65);

    font-size: 9px;
    font-weight: 900;

    box-shadow:
        inset 0 0 20px rgba(0, 150, 255, .08);
}


.brand-text {

    display: flex;

    flex-direction: column;

    gap: 2px;
}


.brand-text strong {

    color: white;

    font-size: 15px;
    font-weight: 900;

    letter-spacing: .7px;
}


.brand-text strong span {

    color: var(--cyan);
}


.brand-text small {

    color: #60798f;

    font-size: 5px;
    font-weight: 900;

    letter-spacing: 1.6px;
}



/* NAV LINKS */

.nav-links {

    display: flex;

    align-items: center;

    gap: 36px;
}


.nav-links a {

    position: relative;

    display: flex;

    align-items: center;

    height: 78px;

    color: #8097ab;

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 1.5px;

    transition:
        color .25s ease;
}


.navbar.scrolled
.nav-links a {

    height: 66px;
}


.nav-links a::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 18px;

    width: 0;
    height: 1px;

    transform:
        translateX(-50%);

    background: var(--cyan);

    box-shadow:
        0 0 12px var(--cyan);

    transition:
        width .25s ease;
}


.nav-links a:hover,
.nav-links a.active {

    color: white;
}


.nav-links a:hover::after,
.nav-links a.active::after {

    width: 100%;
}



/* HELP BUTTON */

.nav-help {

    min-height: 40px;

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 0 17px;

    color: white;

    border:
        1px solid rgba(39, 213, 255, .40);

    background:
        linear-gradient(
            135deg,
            rgba(0, 131, 255, .25),
            rgba(0, 100, 220, .08)
        );

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 1.3px;

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


.nav-help span {

    color: var(--cyan);
}


.nav-help:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(39, 213, 255, .85);

    box-shadow:
        0 0 30px rgba(0, 145, 255, .16);
}



/* MOBILE MENU BUTTON */

.mobile-menu-button {

    display: none;

    width: 42px;
    height: 42px;

    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 5px;

    border:
        1px solid var(--border);

    background:
        rgba(5, 22, 35, .75);

    cursor: pointer;
}


.mobile-menu-button span {

    width: 17px;
    height: 1px;

    background: white;

    transition:
        transform .25s ease,
        opacity .25s ease;
}


.mobile-menu-button.active
span:nth-child(1) {

    transform:
        translateY(6px)
        rotate(45deg);
}


.mobile-menu-button.active
span:nth-child(2) {

    opacity: 0;
}


.mobile-menu-button.active
span:nth-child(3) {

    transform:
        translateY(-6px)
        rotate(-45deg);
}



/* MOBILE MENU */

.mobile-menu {

    position: fixed;

    left: 10px;
    right: 10px;
    top: 82px;

    display: flex;

    flex-direction: column;

    padding: 12px;

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(-12px);

    border:
        1px solid var(--border);

    background:
        rgba(3, 14, 24, .98);

    box-shadow:
        0 30px 70px rgba(0, 0, 0, .45);

    backdrop-filter:
        blur(20px);

    z-index: 999;

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s ease;
}


.mobile-menu.open {

    opacity: 1;

    visibility: visible;

    transform:
        translateY(0);
}


.mobile-menu a {

    padding: 17px 12px;

    color: #9ab0c2;

    border-bottom:
        1px solid rgba(73, 187, 255, .10);

    font-size: 8px;
    font-weight: 900;

    letter-spacing: 1.3px;
}


.mobile-menu a:last-child {

    border-bottom: 0;
}



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

.cinematic-hero {

    position: relative;

    width: 100%;

    height: 100vh;

    min-height: 760px;
    max-height: 1080px;

    overflow: hidden;

    background: #020810;

    isolation: isolate;
}



/* HERO IMAGE */

.cinematic-background {

    position: absolute;

    /*
       78px permet à l'image de commencer
       juste sous notre vraie navbar.
    */

    top: 78px;
    right: 0;
    bottom: 0;
    left: 0;

    background-image:
        url("assets/images/home/hero.jpg");

    background-repeat: no-repeat;

    background-position:
        center center;

    background-size: cover;

    transform:
        scale(1.025);

    animation:
        heroEntrance
        1.4s
        cubic-bezier(.2,.7,.2,1)
        forwards;

    z-index: 0;
}



/*
   Masque supplémentaire en haut.

   L'image possède déjà une navigation dessinée.
   Ce masque atténue cette zone afin qu'elle
   n'entre pas en conflit avec la vraie navigation.
*/

.hero-top-mask {

    position: absolute;

    left: 0;
    right: 0;
    top: 78px;

    height: 72px;

    background:
        linear-gradient(
            180deg,
            rgba(2, 9, 16, .86),
            rgba(2, 9, 16, .42),
            transparent
        );

    pointer-events: none;

    z-index: 2;
}



/* GENERAL SHADE */

.cinematic-shade {

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:

        linear-gradient(
            180deg,
            rgba(2, 8, 14, .04) 0%,
            transparent 50%,
            rgba(2, 8, 14, .18) 75%,
            rgba(2, 8, 14, .76) 100%
        ),

        linear-gradient(
            90deg,
            rgba(0, 15, 30, .04),
            transparent 30%,
            transparent 72%,
            rgba(0, 12, 25, .06)
        );

    z-index: 2;
}



/* FADE INTO NEXT SECTION */

.hero-bottom-fade {

    position: absolute;

    left: 0;
    right: 0;
    bottom: -1px;

    height: 130px;

    background:
        linear-gradient(
            transparent,
            rgba(2, 8, 14, .55),
            #020810
        );

    z-index: 3;
}



/* STATUS */

.hero-system-status {

    position: absolute;

    right: 3vw;
    bottom: 50px;

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 9px 12px;

    color: #7791a7;

    border:
        1px solid rgba(39, 213, 255, .16);

    background:
        rgba(2, 12, 21, .55);

    backdrop-filter:
        blur(10px);

    font-size: 6px;
    font-weight: 900;

    letter-spacing: 1.3px;

    z-index: 5;
}


.hero-system-status
.status-dot {

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--cyan);

    box-shadow:
        0 0 10px var(--cyan);
}


.hero-system-status strong {

    color: var(--cyan);
}



/* SCROLL */

.scroll-indicator {

    position: absolute;

    left: 50%;
    bottom: 35px;

    display: flex;

    align-items: center;
    flex-direction: column;

    gap: 9px;

    transform:
        translateX(-50%);

    color:
        rgba(255, 255, 255, .60);

    z-index: 6;
}


.scroll-indicator span {

    font-size: 6px;
    font-weight: 900;

    letter-spacing: 2.4px;
}


.scroll-indicator i {

    position: relative;

    width: 1px;
    height: 28px;

    overflow: hidden;

    background:
        rgba(255, 255, 255, .15);
}


.scroll-indicator i::after {

    content: "";

    position: absolute;

    left: 0;
    top: -100%;

    width: 100%;
    height: 100%;

    background: var(--cyan);

    box-shadow:
        0 0 8px var(--cyan);

    animation:
        scrollLine
        1.7s ease-in-out
        infinite;
}



/* HERO ANIMATION */

@keyframes heroEntrance {

    from {

        opacity: 0;

        transform:
            scale(1.08);
    }

    to {

        opacity: 1;

        transform:
            scale(1.025);
    }
}


@keyframes scrollLine {

    0% {

        top: -100%;
    }

    60% {

        top: 100%;
    }

    100% {

        top: 100%;
    }
}



/* ============================================================
   SYSTEM STRIP
============================================================ */

.system-strip {

    width: min(1400px, 92%);

    min-height: 110px;

    display: flex;

    align-items: stretch;
    justify-content: space-between;

    margin:
        -20px auto 30px;

    position: relative;

    border:
        1px solid rgba(72, 184, 255, .18);

    background:
        linear-gradient(
            90deg,
            rgba(11, 39, 61, .92),
            rgba(4, 17, 29, .94)
        );

    box-shadow:
        0 20px 60px rgba(0, 0, 0, .22);

    backdrop-filter:
        blur(16px);

    z-index: 10;
}


.system-strip-title {

    min-width: 340px;

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 22px 28px;

    border-right:
        1px solid rgba(72, 184, 255, .15);
}


.system-strip-title > span {

    width: 45px;
    height: 45px;

    display: flex;

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

    color: var(--cyan);

    border:
        1px solid rgba(39, 213, 255, .32);

    font-size: 9px;
    font-weight: 900;
}


.system-strip-title div {

    display: flex;

    flex-direction: column;

    gap: 6px;
}


.system-strip-title small {

    color: #617d93;

    font-size: 5px;
    font-weight: 900;

    letter-spacing: 1.7px;
}


.system-strip-title strong {

    color: white;

    font-size: 11px;
    letter-spacing: .5px;
}


.system-strip-data {

    flex: 1;

    display: grid;

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


.system-strip-data div {

    display: flex;

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

    padding: 20px 28px;

    border-right:
        1px solid rgba(72, 184, 255, .11);

    transition:
        background .25s ease;
}


.system-strip-data div:last-child {

    border-right: 0;
}


.system-strip-data div:hover {

    background:
        rgba(15, 51, 78, .50);
}


.system-strip-data small {

    color: #5d768d;

    font-size: 5px;
    font-weight: 900;

    letter-spacing: 1.5px;
}


.system-strip-data strong {

    margin-top: 6px;

    color: #afc2d2;

    font-size: 8px;
    letter-spacing: .7px;
}



/* ============================================================
   COMMON SECTIONS
============================================================ */

.section {

    width: min(1200px, 90%);

    margin: 0 auto;

    padding: 115px 0;
}


.section-heading {

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    margin-bottom: 42px;
}


.section-heading > div > span {

    color: var(--cyan);

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 2.5px;
}


.section-heading h2 {

    margin-top: 13px;

    color: white;

    font-size:
        clamp(48px, 6vw, 82px);

    font-weight: 900;

    line-height: .84;

    letter-spacing: -5px;
}


.section-heading h2 strong {

    display: block;

    color: transparent;

    -webkit-text-stroke:
        1px rgba(39, 213, 255, .88);
}


.section-heading > small {

    padding-bottom: 6px;

    color: #587188;

    font-size: 6px;
    font-weight: 900;

    letter-spacing: 2px;
}


.section-link {

    display: flex;

    align-items: center;

    gap: 17px;

    padding-bottom: 8px;

    color: #92a7b9;

    border-bottom:
        1px solid rgba(39, 213, 255, .30);

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 1.3px;

    transition:
        color .25s ease,
        border-color .25s ease;
}


.section-link span {

    color: var(--cyan);
}


.section-link:hover {

    color: white;

    border-color: var(--cyan);
}



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

.primary-button,
.secondary-button {

    min-height: 52px;

    display: inline-flex;

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

    padding: 0 22px;

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 1.4px;

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


.primary-button {

    gap: 25px;

    color: white;

    background:
        linear-gradient(
            135deg,
            #0b91ff,
            #0763d8
        );

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


.primary-button span {

    color: #c0f3ff;
}


.primary-button:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 0 45px rgba(0, 145, 255, .32);
}


.secondary-button {

    color: #9eb2c4;

    border:
        1px solid rgba(72, 184, 255, .20);

    background:
        rgba(8, 27, 43, .60);
}


.secondary-button:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(39, 213, 255, .48);
}



/* ============================================================
   LATEST SCRIPT
============================================================ */

.latest-section {

    padding-top: 130px;
}


.latest-card {

    position: relative;

    min-height: 650px;

    display: block;

    overflow: hidden;

    isolation: isolate;

    border:
        1px solid rgba(72, 184, 255, .19);

    background: var(--panel);

    box-shadow:
        0 35px 90px rgba(0, 0, 0, .26);

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


.latest-card:hover {

    transform:
        translateY(-6px);

    border-color:
        rgba(39, 213, 255, .50);

    box-shadow:
        0 45px 110px rgba(0, 0, 0, .38),
        0 0 45px rgba(0, 145, 255, .08);
}


.latest-image {

    position: absolute;

    inset: 0;

    background-image:
        url("assets/images/bo1/bo1-hero.jpg");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    transform:
        scale(1.02);

    transition:
        transform .9s
        cubic-bezier(.2,.7,.2,1);
}


.latest-card:hover
.latest-image {

    transform:
        scale(1.06);
}


.latest-overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(2, 10, 18, .97),
            rgba(2, 10, 18, .76) 42%,
            rgba(2, 10, 18, .26) 75%,
            rgba(2, 10, 18, .10)
        ),

        linear-gradient(
            0deg,
            rgba(2, 10, 18, .92),
            transparent 65%
        );

    z-index: 1;
}


.latest-tech-grid {

    position: absolute;

    inset: 0;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(39, 213, 255, .08) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(39, 213, 255, .08) 1px,
            transparent 1px
        );

    background-size: 55px 55px;

    z-index: 2;
}


.latest-status {

    position: absolute;

    right: 28px;
    top: 28px;

    display: flex;

    align-items: center;

    gap: 8px;

    color: var(--cyan);

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 2px;

    z-index: 5;
}


.latest-status i {

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--cyan);

    box-shadow:
        0 0 12px var(--cyan);
}


.latest-content {

    position: absolute;

    left: 44px;
    bottom: 44px;

    width: min(570px, 80%);

    z-index: 5;
}


.latest-category {

    color: var(--cyan);

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 2px;
}


.latest-content h3 {

    margin-top: 10px;

    color: white;

    font-size:
        clamp(65px, 8vw, 108px);

    font-weight: 900;

    line-height: .80;

    letter-spacing: -7px;
}


.latest-content h3 strong {

    display: block;

    color: transparent;

    -webkit-text-stroke:
        1px rgba(255, 255, 255, .78);
}


.latest-content p {

    max-width: 490px;

    margin-top: 23px;

    color: #91a6b8;

    font-size: 10px;

    line-height: 1.75;
}


.latest-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 21px;
}


.latest-tags span {

    padding: 7px 9px;

    color: #a0b5c6;

    border:
        1px solid rgba(72, 184, 255, .20);

    background:
        rgba(5, 22, 36, .68);

    font-size: 6px;
    font-weight: 900;

    letter-spacing: 1px;
}


.latest-action {

    width: max-content;

    display: flex;

    gap: 18px;

    margin-top: 26px;

    padding-bottom: 7px;

    color: white;

    border-bottom:
        1px solid rgba(39, 213, 255, .40);

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 1.5px;
}


.latest-action span {

    color: var(--cyan);

    transition:
        transform .25s ease;
}


.latest-card:hover
.latest-action span {

    transform:
        translateX(5px);
}


.latest-index {

    position: absolute;

    right: 18px;
    bottom: -50px;

    color:
        rgba(255, 255, 255, .035);

    font-size: 210px;
    font-weight: 900;

    letter-spacing: -16px;

    z-index: 3;
}



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

.features-section {

    border-top:
        1px solid rgba(72, 184, 255, .08);
}


.feature-grid {

    display: grid;

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

    gap: 10px;
}


.feature-card {

    position: relative;

    min-height: 290px;

    padding: 25px;

    overflow: hidden;

    border:
        1px solid rgba(72, 184, 255, .16);

    background:
        linear-gradient(
            145deg,
            rgba(13, 43, 67, .92),
            rgba(4, 17, 29, .97)
        );

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


.feature-card::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 0;
    height: 2px;

    background: var(--cyan);

    box-shadow:
        0 0 15px var(--cyan);

    transition:
        width .4s ease;
}


.feature-card:hover {

    transform:
        translateY(-6px);

    border-color:
        rgba(39, 213, 255, .50);

    background:
        linear-gradient(
            145deg,
            rgba(15, 57, 87, .96),
            rgba(4, 20, 33, .99)
        );

    box-shadow:
        0 25px 70px rgba(0, 0, 0, .28);
}


.feature-card:hover::after {

    width: 100%;
}


.feature-number {

    color: var(--cyan);

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 2px;
}


.feature-icon {

    margin-top: 42px;

    color: transparent;

    font-size: 38px;
    font-weight: 900;

    -webkit-text-stroke:
        1px rgba(39, 213, 255, .78);
}


.feature-card h3 {

    margin-top: 27px;

    color: white;

    font-size: 17px;
    font-weight: 900;
}


.feature-card p {

    max-width: 210px;

    margin-top: 10px;

    color: #7991a6;

    font-size: 9px;

    line-height: 1.65;
}


.feature-arrow {

    position: absolute;

    right: 20px;
    bottom: 18px;

    color: var(--cyan);

    transition:
        transform .25s ease;
}


.feature-card:hover
.feature-arrow {

    transform:
        translateX(5px);
}



/* ============================================================
   GAME LIBRARY
============================================================ */

.games-section {

    border-top:
        1px solid rgba(72, 184, 255, .08);
}


.games-preview-grid {

    display: grid;

    grid-template-columns:
        1.3fr 1fr 1fr;

    grid-template-rows:
        285px 285px;

    gap: 10px;
}


.game-card {

    position: relative;

    min-height: 280px;

    overflow: hidden;

    isolation: isolate;

    border:
        1px solid rgba(72, 184, 255, .16);

    background: var(--panel);
}


.game-card-main {

    grid-column: 1;
    grid-row: 1 / 3;
}


.game-card-wide {

    grid-column: 2 / 4;
}


.game-image {

    position: absolute;

    inset: 0;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    filter:
        saturate(.82)
        brightness(.80);

    transition:
        transform .75s ease,
        filter .4s ease;
}


.game-cod {

    background-image:
        url("assets/images/games/cod.jpg");
}


.game-apex {

    background-image:
        url("assets/images/games/apex.jpg");
}


.game-battlefield {

    background-image:
        url("assets/images/games/battlefield.jpg");
}


.game-fc {

    background-image:
        url("assets/images/games/fc.jpg");
}


.game-card:hover
.game-image {

    transform:
        scale(1.06);

    filter:
        saturate(1)
        brightness(.96);
}


.game-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(2, 10, 18, .08),
            rgba(2, 10, 18, .90)
        );

    z-index: 1;
}


.game-status {

    position: absolute;

    left: 18px;
    top: 18px;

    padding: 7px 9px;

    color: #849aac;

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

    background:
        rgba(2, 10, 18, .67);

    font-size: 6px;
    font-weight: 900;

    letter-spacing: 1.3px;

    z-index: 3;
}


.game-status.available {

    display: flex;

    align-items: center;

    gap: 7px;

    color: var(--cyan);

    border-color:
        rgba(39, 213, 255, .30);
}


.game-status.available i {

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--cyan);

    box-shadow:
        0 0 10px var(--cyan);
}


.game-content {

    position: absolute;

    left: 20px;
    right: 20px;
    bottom: 20px;

    z-index: 3;
}


.game-content > span {

    color: var(--cyan);

    font-size: 6px;
    font-weight: 900;

    letter-spacing: 1.5px;
}


.game-content h3 {

    margin-top: 8px;

    color: white;

    font-size: 23px;
    font-weight: 900;
}


.game-card-main
.game-content h3 {

    font-size:
        clamp(28px, 3vw, 43px);
}


.game-content small {

    display: block;

    margin-top: 12px;

    color: #a3b5c5;

    font-size: 6px;
    font-weight: 900;

    letter-spacing: 1.4px;
}



/* ============================================================
   HELP CENTER
============================================================ */

.help-showcase {

    position: relative;

    width: min(1200px, 90%);

    min-height: 500px;

    display: grid;

    grid-template-columns:
        1.1fr .9fr;

    align-items: center;

    gap: 75px;

    margin:
        100px auto 120px;

    padding: 65px;

    overflow: hidden;

    border:
        1px solid rgba(72, 184, 255, .20);

    background:
        linear-gradient(
            135deg,
            #0b2b44,
            #061827 60%,
            #03101a
        );

    box-shadow:
        0 35px 100px rgba(0, 0, 0, .28);
}


.help-grid-background {

    position: absolute;

    inset: 0;

    opacity: .22;

    background-image:

        linear-gradient(
            rgba(39, 213, 255, .08) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(39, 213, 255, .08) 1px,
            transparent 1px
        );

    background-size: 50px 50px;
}


.help-glow {

    position: absolute;

    left: 15%;
    top: 50%;

    width: 500px;
    height: 320px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        rgba(0, 145, 255, .15);

    filter: blur(100px);
}


.help-copy,
.help-topics {

    position: relative;

    z-index: 3;
}


.help-copy > span {

    color: var(--cyan);

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 2.5px;
}


.help-copy h2 {

    margin-top: 15px;

    color: white;

    font-size:
        clamp(55px, 6vw, 82px);

    font-weight: 900;

    line-height: .82;

    letter-spacing: -5px;
}


.help-copy h2 strong {

    display: block;

    color: transparent;

    -webkit-text-stroke:
        1px var(--cyan);
}


.help-copy p {

    max-width: 500px;

    margin:
        25px 0 30px;

    color: #92a8bb;

    font-size: 10px;

    line-height: 1.75;
}


.help-topics {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    border-top:
        1px solid rgba(72, 184, 255, .17);

    border-left:
        1px solid rgba(72, 184, 255, .17);
}


.help-topics a {

    position: relative;

    min-height: 92px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 18px;

    border-right:
        1px solid rgba(72, 184, 255, .17);

    border-bottom:
        1px solid rgba(72, 184, 255, .17);

    background:
        rgba(7, 27, 43, .56);

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


.help-topics a:hover {

    background:
        rgba(14, 52, 80, .72);
}


.help-topics span {

    color: var(--cyan);

    font-size: 6px;
    font-weight: 900;
}


.help-topics strong {

    color: #a7b9c8;

    font-size: 7px;
    letter-spacing: 1px;

    transition:
        color .25s ease;
}


.help-topics a:hover
strong {

    color: white;
}


.help-topics i {

    position: absolute;

    right: 15px;

    color: var(--cyan);

    font-style: normal;

    transition:
        transform .25s ease;
}


.help-topics a:hover i {

    transform:
        translateX(4px);
}



/* ============================================================
   CREATOR
============================================================ */

.creator-section {

    position: relative;

    width: min(1200px, 90%);

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 60px;

    margin:
        0 auto 120px;

    padding:
        70px 0 20px;

    border-top:
        1px solid rgba(72, 184, 255, .13);
}


.creator-line {

    position: absolute;

    left: 0;
    top: -1px;

    width: 120px;
    height: 1px;

    background: var(--cyan);

    box-shadow:
        0 0 14px var(--cyan);
}


.creator-copy {

    max-width: 700px;
}


.creator-copy > span {

    color: var(--cyan);

    font-size: 6px;
    font-weight: 900;

    letter-spacing: 2.2px;
}


.creator-copy h2 {

    margin-top: 13px;

    color: white;

    font-size:
        clamp(42px, 5vw, 68px);

    font-weight: 900;

    line-height: .90;

    letter-spacing: -4px;
}


.creator-copy h2 strong {

    color: var(--cyan);
}


.creator-copy p {

    max-width: 600px;

    margin-top: 20px;

    color: #8399ac;

    font-size: 10px;

    line-height: 1.75;
}


.creator-actions {

    display: flex;

    gap: 10px;

    flex-shrink: 0;
}



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

.footer {

    width: min(1400px, 92%);

    min-height: 135px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 30px;

    margin: 0 auto;

    border-top:
        1px solid rgba(72, 184, 255, .13);
}


.footer-brand {

    display: flex;

    align-items: center;

    gap: 12px;
}


.footer-brand > div:last-child {

    display: flex;

    flex-direction: column;

    gap: 4px;
}


.footer-brand strong {

    color: white;

    font-size: 12px;
}


.footer-brand strong span {

    color: var(--cyan);
}


.footer-brand small {

    color: #5d768d;

    font-size: 5px;
    font-weight: 900;

    letter-spacing: 1.5px;
}


.footer > p {

    color: #526b82;

    font-size: 6px;

    letter-spacing: 1px;
}


.footer-links {

    display: flex;

    gap: 25px;
}


.footer-links a {

    color: #70889e;

    font-size: 6px;
    font-weight: 900;

    letter-spacing: 1.3px;

    transition:
        color .25s ease;
}


.footer-links a:hover {

    color: var(--cyan);
}



/* ============================================================
   REVEAL
============================================================ */

.reveal {

    opacity: 0;

    transform:
        translateY(25px);

    transition:

        opacity .75s ease,

        transform .75s
        cubic-bezier(.2,.7,.2,1);
}


.reveal.visible {

    opacity: 1;

    transform:
        translateY(0);
}



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

@media (max-width: 1050px) {


    .nav-links {

        display: none;
    }


    .mobile-menu-button {

        display: flex;
    }


    .nav-help {

        margin-left: auto;
        margin-right: 12px;
    }


    .cinematic-background {

        background-position:
            56% center;
    }


    .system-strip {

        flex-direction: column;
    }


    .system-strip-title {

        min-width: 0;

        border-right: 0;

        border-bottom:
            1px solid rgba(72, 184, 255, .15);
    }


    .feature-grid {

        grid-template-columns:
            1fr 1fr;
    }


    .help-showcase {

        grid-template-columns: 1fr;

        gap: 50px;
    }


    .creator-section {

        align-items: flex-start;

        flex-direction: column;
    }

}



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

@media (max-width: 700px) {


    .navbar {

        height: 68px;

        padding:
            0 14px;
    }


    .navbar.scrolled {

        height: 62px;
    }


    .brand-symbol {

        width: 36px;
        height: 36px;
    }


    .brand-text strong {

        font-size: 12px;
    }


    .brand-text small {

        display: none;
    }


    .nav-help {

        display: none;
    }


    .mobile-menu {

        top: 76px;
    }


    /*
       L'image d'origine est très horizontale.
       Sur mobile on conserve volontairement
       la manette/Cronus comme zone prioritaire.
    */

    .cinematic-hero {

        height: 100svh;

        min-height: 650px;

        max-height: none;
    }


    .cinematic-background {

        top: 68px;

        background-position:
            61% center;

        transform:
            scale(1.02);
    }


    .hero-top-mask {

        top: 68px;

        height: 55px;
    }


    .hero-system-status {

        right: 15px;
        bottom: 55px;
    }


    .scroll-indicator {

        bottom: 20px;
    }


    .system-strip {

        width:
            calc(100% - 30px);

        margin-top: 0;
    }


    .system-strip-data {

        grid-template-columns: 1fr;
    }


    .system-strip-data div {

        min-height: 75px;

        border-right: 0;

        border-bottom:
            1px solid rgba(72, 184, 255, .11);
    }


    .section {

        width:
            calc(100% - 30px);

        padding: 80px 0;
    }


    .section-heading {

        align-items: flex-start;

        flex-direction: column;
    }


    .section-heading h2 {

        font-size: 48px;

        letter-spacing: -3px;
    }


    .section-heading > small {

        display: none;
    }


    .latest-section {

        padding-top: 95px;
    }


    .latest-card {

        min-height: 590px;
    }


    .latest-overlay {

        background:
            linear-gradient(
                0deg,
                rgba(2, 10, 18, .99) 5%,
                rgba(2, 10, 18, .76) 72%,
                rgba(2, 10, 18, .20)
            );
    }


    .latest-content {

        left: 22px;
        right: 22px;
        bottom: 26px;

        width: auto;
    }


    .latest-content h3 {

        font-size: 58px;

        letter-spacing: -4px;
    }


    .latest-status {

        left: 20px;
        right: auto;
    }


    .feature-grid {

        grid-template-columns: 1fr;
    }


    .feature-card {

        min-height: 235px;
    }


    .games-preview-grid {

        display: flex;

        flex-direction: column;
    }


    .game-card,
    .game-card-main,
    .game-card-wide {

        min-height: 300px;
    }


    .game-card-main {

        min-height: 410px;
    }


    .help-showcase {

        width:
            calc(100% - 30px);

        margin:
            70px auto 90px;

        padding:
            45px 22px;
    }


    .help-copy h2 {

        font-size: 50px;

        letter-spacing: -3px;
    }


    .help-topics {

        grid-template-columns: 1fr;
    }


    .creator-section {

        width:
            calc(100% - 30px);

        margin-bottom: 80px;
    }


    .creator-copy h2 {

        font-size: 45px;

        letter-spacing: -3px;
    }


    .creator-actions {

        width: 100%;

        flex-direction: column;
    }


    .creator-actions a {

        width: 100%;
    }


    .footer {

        min-height: 210px;

        align-items: flex-start;
        justify-content: center;
        flex-direction: column;

        padding: 35px 0;
    }


    .footer-links {

        flex-wrap: wrap;
    }

}



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

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


    html {

        scroll-behavior: auto;
    }


    *,
    *::before,
    *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}
/* ============================================================
   AZADRYX FINAL — HOME HERO HOTSPOT
============================================================ */
.hero-last-script-link {
    position: absolute;
    left: 4.7%;
    top: 57.2%;
    width: 18.2%;
    height: 5.5%;
    z-index: 20;
    display: block;
    background: transparent;
    cursor: pointer;
}

/* ============================================================
   AZADRYX FINAL — ABOUT / CONTACT
============================================================ */
.info-page { width:min(1120px,90%); margin:0 auto; padding:150px 0 100px; }
.info-eyebrow { color:var(--cyan,#27d5ff); font-size:8px; font-weight:900; letter-spacing:2.4px; }
.info-title { margin-top:16px; max-width:900px; font-size:clamp(52px,8vw,105px); line-height:.86; letter-spacing:-6px; font-weight:900; }
.info-title strong { display:block; color:transparent; -webkit-text-stroke:1px var(--cyan,#27d5ff); }
.info-lead { max-width:720px; margin-top:30px; color:#91a8ba; font-size:12px; line-height:1.8; }
.info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:60px; }
.info-card { min-height:220px; padding:28px; border:1px solid rgba(72,184,255,.18); background:linear-gradient(145deg,rgba(13,43,67,.9),rgba(4,17,29,.97)); }
.info-card span { color:var(--cyan,#27d5ff); font-size:7px; font-weight:900; letter-spacing:2px; }
.info-card h2 { margin-top:38px; font-size:22px; }
.info-card p { margin-top:12px; color:#8098aa; font-size:10px; line-height:1.7; }
.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:30px; margin-top:60px; }
.contact-panel { padding:30px; border:1px solid rgba(72,184,255,.18); background:rgba(6,24,39,.86); }
.contact-panel h2 { font-size:24px; }
.contact-panel p { margin-top:12px; color:#8199ab; font-size:10px; line-height:1.7; }
.contact-form { display:grid; gap:14px; }
.contact-form label { display:grid; gap:8px; color:#9fb3c3; font-size:7px; font-weight:900; letter-spacing:1.2px; }
.contact-form input,.contact-form textarea,.contact-form select { width:100%; border:1px solid rgba(72,184,255,.2); background:#04131f; color:#fff; padding:14px; outline:none; }
.contact-form textarea { min-height:160px; resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus { border-color:var(--cyan,#27d5ff); }
.contact-submit { min-height:50px; border:0; background:linear-gradient(135deg,#0b91ff,#0763d8); color:white; font-weight:900; letter-spacing:1.4px; cursor:pointer; }
.form-status { min-height:18px; color:var(--cyan,#27d5ff); font-size:9px; line-height:1.5; }
@media(max-width:800px){ .info-grid,.contact-layout{grid-template-columns:1fr}.info-title{letter-spacing:-3px}.hero-last-script-link{display:none} }

/* ===== AZADRYX GLOBAL PAGE SYSTEM — coherence patch ===== */
.v3-background{position:fixed;inset:0;z-index:-5;background:#020810;overflow:hidden}.v3-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(39,213,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,213,255,.045) 1px,transparent 1px);background-size:58px 58px}.v3-orb{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);background:rgba(0,145,255,.11)}.orb-left{left:-250px;top:20%}.orb-right{right:-250px;top:55%}
.v3-navbar{position:fixed;left:0;right:0;top:0;height:78px;padding:0 max(4vw,30px);display:flex;align-items:center;justify-content:space-between;background:rgba(2,9,16,.95);border-bottom:1px solid rgba(72,184,255,.16);backdrop-filter:blur(18px);z-index:1000}.v3-brand{display:flex;align-items:center;gap:12px}.v3-brand-symbol{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(39,213,255,.42);color:#27d5ff;font-size:9px;font-weight:900}.v3-brand-name{font-weight:900;letter-spacing:.7px}.v3-brand-name span{color:#27d5ff}.v3-nav{display:flex;gap:34px;align-items:center}.v3-nav a{color:#8097ab;font-size:7px;font-weight:900;letter-spacing:1.4px}.v3-nav a:hover,.v3-nav a.active{color:#fff}.v3-nav-actions{display:flex;align-items:center;gap:12px}.v3-get-button,.v3-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:42px;padding:0 17px;border:1px solid rgba(39,213,255,.38);font-size:7px;font-weight:900;letter-spacing:1.2px}.v3-get-button span{color:#27d5ff}.v3-primary{background:linear-gradient(135deg,#0b91ff,#0763d8);color:#fff}.v3-secondary{background:rgba(8,27,43,.72);color:#a7b9c8}.v3-mobile-button{display:none}.v3-mobile-menu{display:none}.v3-footer{width:min(1400px,92%);min-height:130px;margin:80px auto 0;border-top:1px solid rgba(72,184,255,.13);display:flex;align-items:center;justify-content:space-between;color:#6f879a;font-size:7px}.v3-footer-brand{font-weight:900;color:#fff}.v3-footer-brand span{color:#27d5ff}.v3-footer-links{display:flex;gap:24px}.v3-footer-links a{color:#71899d}

/* COD */
.cod-page{background:#020810;color:#f5faff}.cod-hero{position:relative;min-height:620px;padding:160px max(5vw,40px) 80px;overflow:hidden;border-bottom:1px solid rgba(72,184,255,.12);background:linear-gradient(90deg,rgba(2,8,16,.98),rgba(2,8,16,.58)),url('assets/images/games/cod.jpg') center/cover no-repeat}.cod-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(39,213,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(39,213,255,.05) 1px,transparent 1px);background-size:60px 60px}.cod-hero-glow{position:absolute;width:500px;height:500px;right:10%;top:20%;background:rgba(0,145,255,.15);filter:blur(110px);border-radius:50%}.cod-hero-content{position:relative;z-index:2;max-width:850px}.cod-back,.cod-code{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.cod-hero h1{margin-top:24px;font-size:clamp(68px,10vw,140px);line-height:.78;letter-spacing:-8px}.cod-hero h1 strong{display:block;color:transparent;-webkit-text-stroke:1px #27d5ff}.cod-hero p{max-width:620px;margin-top:28px;color:#91a8ba;line-height:1.8;font-size:11px}.cod-hero-data{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.cod-hero-data span{padding:8px 10px;border:1px solid rgba(72,184,255,.2);font-size:6px;font-weight:900;color:#a6bac9}.cod-hero-mark{position:absolute;right:4%;bottom:-45px;font-size:220px;font-weight:900;color:rgba(255,255,255,.035)}.cod-library{width:min(1200px,90%);margin:auto;padding:110px 0}.cod-library-heading{margin-bottom:40px}.cod-library-heading span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.cod-library-heading h2{margin-top:12px;font-size:clamp(45px,6vw,78px);letter-spacing:-4px}.cod-game-grid,.cod-secondary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cod-game{position:relative;min-height:410px;overflow:hidden;border:1px solid rgba(72,184,255,.17);background:#071a2a}.cod-game-image{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .6s}.cod-bo1-image{background-image:url('assets/images/bo1/bo1-hero.jpg')}.cod-bo2-image{background-image:url('assets/images/games/bo2.jpg');background-position:center 35%;filter:saturate(.9) brightness(.82)}.cod-game:hover .cod-game-image{transform:scale(1.05)}.cod-game-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,9,16,.97),rgba(2,9,16,.12) 75%)}.cod-game-content{position:absolute;left:28px;right:28px;bottom:28px;z-index:2}.cod-game-number,.cod-game-year,.cod-available,.cod-coming{font-size:6px;font-weight:900;letter-spacing:1.5px;color:#27d5ff}.cod-game-content h3{margin-top:10px;font-size:clamp(30px,4vw,55px);letter-spacing:-3px}.cod-game-action{display:inline-block;margin-top:18px;color:#b6c7d4;font-size:7px;font-weight:900}.cod-secondary-grid{margin-top:12px}.cod-future{min-height:170px;padding:28px;border:1px solid rgba(72,184,255,.13);background:rgba(7,26,42,.75)}.cod-future h3{margin-top:20px;font-size:24px}.cod-bottom{width:min(1200px,90%);margin:0 auto 100px;padding:55px;border:1px solid rgba(72,184,255,.16);background:linear-gradient(135deg,#0b2b44,#061827)}

/* BO1 — photos restored */
.bo1-page{background:#020810;color:#f5faff}.bo1-hero{position:relative;min-height:760px;padding:160px max(5vw,40px) 80px;overflow:hidden}.bo1-hero-image{position:absolute;inset:0;background:url('assets/images/bo1/bo1-hero.jpg') center/cover no-repeat}.bo1-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,16,.97),rgba(2,8,16,.55) 58%,rgba(2,8,16,.22)),linear-gradient(0deg,#020810,transparent 35%)}.bo1-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(39,213,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,213,255,.045) 1px,transparent 1px);background-size:60px 60px}.bo1-hero-content{position:relative;z-index:3;max-width:780px}.bo1-breadcrumb,.bo1-status{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.bo1-hero h1{margin:22px 0;font-size:clamp(72px,10vw,140px);line-height:.78;letter-spacing:-8px}.bo1-hero h1 strong{display:block;color:transparent;-webkit-text-stroke:1px #27d5ff}.bo1-hero p{max-width:620px;color:#9bb0c0;font-size:11px;line-height:1.8}.bo1-hero-actions{display:flex;gap:10px;margin-top:28px}.bo1-hero-side{position:absolute;right:5%;bottom:75px;z-index:3;color:#27d5ff;font-size:8px;font-weight:900}.bo1-features-intro,.bo1-more,.bo1-discover{width:min(1200px,90%);margin:auto;padding:100px 0}.bo1-features-intro h2,.bo1-more-heading h2,.discover-content h2{font-size:clamp(46px,6vw,80px);line-height:.88;letter-spacing:-4px}.bo1-features-intro p{max-width:700px;margin-top:22px;color:#8fa6b8;line-height:1.8}.bo1-feature{width:min(1200px,90%);margin:0 auto 28px;display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;border:1px solid rgba(72,184,255,.16);background:rgba(5,19,31,.88);overflow:hidden}.bo1-feature.reverse{grid-template-columns:.95fr 1.05fr}.bo1-feature.reverse .bo1-feature-image{order:2}.bo1-feature-image{position:relative;min-height:520px;overflow:hidden}.feature-photo{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .7s}.feature-antirecoil{background-image:url('assets/images/bo1/bo1-antirecoil.jpg')}.feature-aim{background-image:url('assets/images/bo1/bo1-aimassist.jpg')}.feature-quickscope{background-image:url('assets/images/bo1/bo1-quickscope.JPG')}.feature-rapidfire{background-image:url('assets/images/bo1/bo1-rapidfire.jpg')}.bo1-feature:hover .feature-photo{transform:scale(1.045)}.feature-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,9,16,.75),transparent 60%)}.feature-image-code{position:absolute;left:22px;bottom:20px;color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:1.6px}.feature-big-number{position:absolute;right:18px;bottom:-35px;font-size:150px;font-weight:900;color:rgba(255,255,255,.06)}.bo1-feature-content{display:flex;flex-direction:column;justify-content:center;padding:55px}.bo1-feature-content .feature-number{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.bo1-feature-content h2{margin-top:16px;font-size:clamp(38px,5vw,64px);line-height:.9;letter-spacing:-3px}.bo1-feature-content p{margin-top:20px;color:#8fa6b8;font-size:10px;line-height:1.8}.feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.feature-tags span{padding:7px 9px;border:1px solid rgba(72,184,255,.2);font-size:6px;font-weight:900;color:#a8bac8}.bo1-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:35px}.bo1-mini-feature{min-height:190px;padding:25px;border:1px solid rgba(72,184,255,.15);background:linear-gradient(145deg,rgba(13,43,67,.85),rgba(4,17,29,.96))}.bo1-mini-feature h3{margin-top:30px}.bo1-mini-feature p{margin-top:10px;color:#8198aa;font-size:9px;line-height:1.65}.bo1-discover{position:relative;margin-bottom:80px;padding:65px;border:1px solid rgba(72,184,255,.18);background:linear-gradient(135deg,#0b2b44,#061827)}

/* HELP */
.help-page{background:#020810}.help-container{width:min(1150px,90%);margin:auto}.help-hero{position:relative;padding:165px 0 80px;overflow:hidden}.help-code,.help-heading>span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.help-hero h1{margin-top:18px;font-size:clamp(58px,8vw,105px);line-height:.84;letter-spacing:-6px}.help-hero p{max-width:700px;margin-top:25px;color:#8fa6b8;line-height:1.8}.help-search{margin-top:35px;max-width:700px;display:flex;border:1px solid rgba(72,184,255,.22);background:rgba(7,26,42,.8)}.help-search input{flex:1;padding:18px;background:transparent;border:0;outline:0;color:#fff}.help-search-icon{padding:18px;color:#27d5ff}.help-platforms,.help-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0 90px}.help-category{min-height:170px;padding:24px;border:1px solid rgba(72,184,255,.16);background:linear-gradient(145deg,rgba(13,43,67,.86),rgba(4,17,29,.96))}.help-category-number{color:#27d5ff;font-size:7px;font-weight:900}.help-category h3{margin-top:28px}.help-category p{margin-top:10px;color:#8198aa;font-size:9px;line-height:1.65}.help-faq{padding-bottom:80px}.faq-item{border-top:1px solid rgba(72,184,255,.14);padding:22px 0}.faq-question{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:900}.faq-answer{padding-top:12px;color:#8da5b8;line-height:1.7}.help-contact{width:min(1150px,90%);margin:0 auto 90px;padding:55px;border:1px solid rgba(72,184,255,.17);background:linear-gradient(135deg,#0b2b44,#061827)}

@media(max-width:900px){.v3-nav{display:none}.v3-mobile-button{display:flex}.cod-game-grid,.cod-secondary-grid,.bo1-feature,.bo1-feature.reverse{grid-template-columns:1fr}.bo1-feature.reverse .bo1-feature-image{order:0}.bo1-more-grid,.help-platforms,.help-categories{grid-template-columns:1fr 1fr}.bo1-hero-side{display:none}}
@media(max-width:650px){.v3-navbar{height:68px;padding:0 14px}.v3-get-button{display:none}.cod-hero,.bo1-hero{padding:125px 18px 60px;min-height:650px}.cod-hero h1,.bo1-hero h1{letter-spacing:-5px}.bo1-feature{width:calc(100% - 30px)}.bo1-feature-image{min-height:330px}.bo1-feature-content{padding:32px 24px}.bo1-more-grid,.help-platforms,.help-categories{grid-template-columns:1fr}.v3-footer{align-items:flex-start;flex-direction:column;padding:35px 0;gap:22px}}

/* ============================================================
   GAMES LIBRARY — FINAL COHERENT VISUAL LAYER
============================================================ */
.games-page{background:#020810;color:#f5faff}.games-page main{padding-top:78px}.games-hero{position:relative;min-height:470px;padding:100px max(5vw,40px) 75px;overflow:hidden;border-bottom:1px solid rgba(72,184,255,.12);background:linear-gradient(90deg,rgba(2,8,16,.94),rgba(2,8,16,.54)),url('assets/images/games/cod.jpg') center 38%/cover no-repeat}.games-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,213,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,213,255,.045) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.games-hero>*{position:relative;z-index:2}.games-hero-code{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2.2px}.games-hero h1{margin-top:22px;font-size:clamp(62px,9vw,126px);line-height:.8;letter-spacing:-7px}.games-hero h1 strong{display:block;color:transparent;-webkit-text-stroke:1px #27d5ff}.games-hero p{max-width:600px;margin-top:27px;color:#96adbf;font-size:11px;line-height:1.8}.games-hero-line{width:120px;height:1px;margin-top:30px;background:#27d5ff;box-shadow:0 0 16px rgba(39,213,255,.7)}
.universe-section{width:min(1200px,90%);margin:auto;padding:105px 0}.universe-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.universe-heading span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.universe-heading h2{margin-top:12px;font-size:clamp(48px,6vw,78px);letter-spacing:-4px}.universe-heading small{color:#5e788d;font-size:6px;font-weight:900;letter-spacing:1.8px}.universe-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:360px 300px;gap:12px}.universe-card{position:relative;display:block;min-height:280px;overflow:hidden;isolation:isolate;border:1px solid rgba(72,184,255,.17);background:#071a2a;box-shadow:0 22px 60px rgba(0,0,0,.18)}.universe-cod{grid-row:1/3}.universe-image{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.9) brightness(.78);transition:transform .7s ease,filter .35s ease}.cod-placeholder{background-image:url('assets/images/games/cod.jpg')}.apex-placeholder{background-image:url('assets/images/games/apex.jpg')}.battlefield-placeholder{background-image:url('assets/images/games/battlefield.jpg')}.fc-placeholder{background-image:url('assets/images/games/fc.jpg')}.universe-card:hover .universe-image{transform:scale(1.055);filter:saturate(1) brightness(.92)}.universe-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,16,.08),rgba(2,9,16,.22) 40%,rgba(2,9,16,.94));z-index:1}.universe-scan{position:absolute;inset:0;z-index:2;opacity:.12;background-image:linear-gradient(rgba(39,213,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(39,213,255,.08) 1px,transparent 1px);background-size:55px 55px}.universe-top{position:absolute;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;align-items:center;z-index:4;color:#668298;font-size:6px;font-weight:900;letter-spacing:1.4px}.universe-available{display:flex;align-items:center;gap:7px;color:#27d5ff}.universe-available i{width:5px;height:5px;border-radius:50%;background:#27d5ff;box-shadow:0 0 10px #27d5ff}.universe-number{position:absolute;right:18px;bottom:-38px;z-index:2;color:rgba(255,255,255,.055);font-size:150px;font-weight:900;letter-spacing:-10px}.universe-content{position:absolute;left:25px;right:25px;bottom:25px;z-index:4}.universe-category{color:#27d5ff;font-size:6px;font-weight:900;letter-spacing:1.6px}.universe-content h3{margin-top:8px;color:#fff;font-size:clamp(28px,4vw,52px);line-height:.88;letter-spacing:-3px}.universe-content h3 strong{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.82)}.universe-content p{max-width:440px;margin-top:13px;color:#8fa6b8;font-size:9px;line-height:1.65}.universe-explore{display:inline-flex;gap:18px;margin-top:18px;padding-bottom:6px;border-bottom:1px solid rgba(39,213,255,.38);color:#fff;font-size:7px;font-weight:900;letter-spacing:1.2px}.universe-explore span{color:#27d5ff}.universe-coming{display:flex;align-items:center;gap:8px;margin-top:17px;color:#9bb0c0;font-size:7px;font-weight:900;letter-spacing:1.4px}.universe-coming span{width:5px;height:5px;border-radius:50%;background:#607b91}.coming-soon-card .universe-image{filter:saturate(.55) brightness(.62)}.games-bottom{width:min(1200px,90%);margin:0 auto 80px;padding:60px;border:1px solid rgba(72,184,255,.16);background:linear-gradient(135deg,#0b2b44,#061827);position:relative;overflow:hidden}.games-bottom span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.games-bottom h2{margin-top:14px;font-size:clamp(42px,6vw,72px);line-height:.88;letter-spacing:-4px}.games-bottom h2 strong{display:block;color:transparent;-webkit-text-stroke:1px #27d5ff}.games-bottom p{max-width:600px;margin-top:22px;color:#91a8ba;font-size:10px;line-height:1.75}

/* COD fixes: tech grid must not become a two-column layout */
.cod-tech-grid{position:absolute;inset:0;z-index:1;opacity:.12;background-image:linear-gradient(rgba(39,213,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(39,213,255,.08) 1px,transparent 1px);background-size:55px 55px;pointer-events:none}.cod-game-featured{display:block;min-height:560px}.cod-game-top{position:absolute;left:28px;right:28px;top:25px;z-index:4;display:flex;justify-content:space-between;align-items:center;color:#698398;font-size:6px;font-weight:900;letter-spacing:1.5px}.cod-available{display:flex;align-items:center;gap:7px}.cod-available i{width:5px;height:5px;border-radius:50%;background:#27d5ff;box-shadow:0 0 10px #27d5ff}.cod-game-content{z-index:4}.cod-game-content p{max-width:480px;margin-top:12px;color:#91a8ba;font-size:9px;line-height:1.7}.cod-game-number{position:absolute;right:20px;bottom:-38px;z-index:2;color:rgba(255,255,255,.05);font-size:150px;letter-spacing:-10px}.cod-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.cod-library-heading small{color:#5e788d;font-size:6px;font-weight:900;letter-spacing:1.7px}.cod-secondary-grid .cod-game-small{min-height:330px}.cod-bottom span:first-child{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.cod-bottom h2{margin:13px 0 16px;font-size:clamp(40px,6vw,70px);line-height:.9;letter-spacing:-4px}.cod-bottom h2 strong{display:block;color:transparent;-webkit-text-stroke:1px #27d5ff}.cod-bottom p{max-width:550px;margin-bottom:25px;color:#91a8ba;font-size:10px;line-height:1.7}

@media(max-width:900px){.universe-mosaic{grid-template-columns:1fr;grid-template-rows:none}.universe-cod{grid-row:auto;min-height:480px}.universe-card{min-height:340px}.games-page main{padding-top:68px}.cod-game-featured{min-height:500px}}
@media(max-width:650px){.games-hero{padding:85px 18px 55px;min-height:440px}.games-hero h1{font-size:58px;letter-spacing:-4px}.universe-section{width:calc(100% - 30px);padding:75px 0}.universe-heading{align-items:flex-start;flex-direction:column}.universe-heading small{display:none}.universe-cod{min-height:430px}.universe-card{min-height:310px}.games-bottom{width:calc(100% - 30px);padding:40px 24px}.cod-library-heading{align-items:flex-start;flex-direction:column}.cod-library-heading small{display:none}}

/* ============================================================
   CRONUS HELP V5 — CLEAN / SQUARE
============================================================ */
.help-v5-page{background:#020810;color:#f5faff}.help-v5-main{position:relative;z-index:1}.help-v5-hero{width:min(1180px,90%);margin:auto;padding:170px 0 90px;border-bottom:1px solid rgba(72,184,255,.14)}.help-v5-kicker,.help-v5-heading>div>span,.help-v5-contact span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2.4px}.help-v5-hero h1{margin-top:18px;font-size:clamp(64px,9vw,118px);line-height:.82;letter-spacing:-7px}.help-v5-hero h1 strong,.help-v5-heading h2 strong,.help-v5-contact h2 strong{color:transparent;-webkit-text-stroke:1px #27d5ff}.help-v5-hero p{max-width:720px;margin-top:28px;color:#8da5ba;font-size:11px;line-height:1.8}.help-v5-platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.help-v5-platforms span{padding:9px 14px;border:1px solid rgba(39,213,255,.24);background:rgba(7,26,42,.7);color:#b8ccdc;font-size:7px;font-weight:900;letter-spacing:1.2px}.help-v5-section,.help-v5-faq{width:min(1180px,90%);margin:auto;padding:100px 0}.help-v5-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.help-v5-heading h2{margin-top:12px;font-size:clamp(42px,5.5vw,72px);line-height:.88;letter-spacing:-4px}.help-v5-heading small{color:#587187;font-size:6px;font-weight:900;letter-spacing:1.6px}.help-v5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.help-v5-card{position:relative;min-height:270px;padding:26px;border:1px solid rgba(72,184,255,.17);background:linear-gradient(145deg,rgba(13,43,67,.88),rgba(4,17,29,.98));overflow:hidden}.help-v5-card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#27d5ff;transition:.3s}.help-v5-card:hover:after{width:100%}.help-v5-card b{color:#27d5ff;font-size:7px;letter-spacing:1.8px}.help-v5-icon{margin-top:38px;color:transparent;-webkit-text-stroke:1px rgba(39,213,255,.9);font-size:30px;font-weight:900}.help-v5-card h3{margin-top:22px;font-size:17px}.help-v5-card p{margin-top:10px;max-width:280px;color:#7f97aa;font-size:9px;line-height:1.65}.help-v5-card a{position:absolute;left:26px;bottom:22px;color:#27d5ff;font-size:6px;font-weight:900;letter-spacing:1.2px}.help-v5-faq{border-top:1px solid rgba(72,184,255,.10)}.help-v5-faq-list{border-top:1px solid rgba(72,184,255,.18)}.help-v5-faq-list details{border-bottom:1px solid rgba(72,184,255,.15);background:rgba(5,20,33,.55)}.help-v5-faq-list summary{min-height:74px;display:flex;align-items:center;gap:18px;padding:0 22px;cursor:pointer;list-style:none;font-size:10px;font-weight:900;letter-spacing:.4px}.help-v5-faq-list summary::-webkit-details-marker{display:none}.help-v5-faq-list summary span{color:#27d5ff;font-size:7px}.help-v5-faq-list summary i{margin-left:auto;color:#27d5ff;font-size:18px;font-style:normal}.help-v5-faq-list details[open] summary i{transform:rotate(45deg)}.help-v5-faq-list details p{padding:0 58px 24px;color:#8da5ba;font-size:10px;line-height:1.75;max-width:900px}.help-v5-contact{width:min(1180px,90%);margin:0 auto 110px;padding:48px 52px;display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid rgba(72,184,255,.2);background:linear-gradient(135deg,#0b2b44,#061827 65%,#03101a)}.help-v5-contact h2{margin-top:10px;font-size:clamp(34px,4vw,56px);letter-spacing:-3px}.help-v5-contact p{max-width:650px;margin-top:14px;color:#8da5ba;font-size:10px;line-height:1.7}.help-v5-contact>a{flex-shrink:0;padding:17px 22px;background:linear-gradient(135deg,#0b91ff,#0763d8);font-size:7px;font-weight:900;letter-spacing:1.2px}.v3-get-button.active{border-color:rgba(39,213,255,.85);box-shadow:0 0 25px rgba(0,145,255,.12)}
@media(max-width:900px){.help-v5-grid{grid-template-columns:1fr 1fr}.help-v5-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.help-v5-hero{padding:125px 0 65px}.help-v5-hero h1{font-size:62px;letter-spacing:-4px}.help-v5-section,.help-v5-faq{padding:70px 0}.help-v5-heading{align-items:flex-start;flex-direction:column}.help-v5-heading h2{font-size:43px;letter-spacing:-3px}.help-v5-heading small{display:none}.help-v5-grid{grid-template-columns:1fr}.help-v5-card{min-height:245px}.help-v5-contact{padding:34px 24px}.help-v5-contact>a{width:100%;text-align:center}.help-v5-faq-list details p{padding:0 22px 22px}}

/* ============================================================
   AZADRYX BO1 — PRODUCT / TECH / BUY V6
============================================================ */
.bo1-next{width:min(1200px,90%);margin:20px auto 90px;display:grid;grid-template-columns:1.35fr .65fr;border:1px solid rgba(72,184,255,.18);background:linear-gradient(135deg,#071c2e,#030d17);overflow:hidden}.bo1-next-copy{padding:62px}.bo1-next h2{margin:14px 0;font-size:clamp(42px,5.6vw,72px);line-height:.88;letter-spacing:-4px}.bo1-next h2 strong{display:block;color:transparent;-webkit-text-stroke:1px #27d5ff}.bo1-next p{max-width:680px;margin-bottom:26px;color:#8fa6b8;font-size:10px;line-height:1.8}.bo1-next-buy{padding:45px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(72,184,255,.16);background:linear-gradient(145deg,rgba(13,43,67,.85),rgba(4,17,29,.98))}.bo1-next-buy>span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.bo1-next-buy>strong{margin-top:16px;font-size:42px;letter-spacing:-2px}.bo1-next-buy>small{margin:8px 0 25px;color:#7890a4;font-size:7px;letter-spacing:1.3px}.product-page{background:#020810;color:#f6fbff}.product-page main{position:relative;z-index:1}.product-kicker,.tech-index>span,.tech-copy>span,.tech-heading>span,.tech-duo article>span,.tech-final>span,.buy-intro>span,.buy-included-head>span,.buy-spec>div>span,.order-panel>span,.buy-faq>span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2.2px}.tech-hero{width:min(1240px,92%);min-height:760px;margin:auto;padding:150px 0 80px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px}.tech-hero h1,.buy-hero h1{margin:18px 0;font-size:clamp(70px,9vw,126px);line-height:.8;letter-spacing:-7px}.tech-hero h1 strong,.buy-hero h1 strong,.tech-heading h2 strong,.tech-copy h2 strong,.tech-final h2 strong,.buy-intro h2 strong,.buy-included h2 strong,.buy-spec h2 strong,.order-panel h2 strong,.buy-faq h2 strong{color:transparent;-webkit-text-stroke:1px #27d5ff}.tech-hero p{max-width:580px;color:#91a8ba;font-size:11px;line-height:1.8}.product-actions{display:flex;gap:9px;margin-top:28px}.tech-hero-visual{position:relative;height:520px;border:1px solid rgba(72,184,255,.18);overflow:hidden}.tech-hero-visual:after{content:"A//X";position:absolute;right:20px;bottom:-20px;font-size:120px;font-weight:900;color:rgba(255,255,255,.06)}.tech-hero-visual img,.tech-photo img{width:100%;height:100%;object-fit:cover}.tech-index,.tech-section,.tech-final,.buy-intro,.buy-included,.buy-spec,.buy-faq{width:min(1180px,90%);margin:auto;padding:90px 0}.tech-index-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;border-top:1px solid rgba(72,184,255,.16);border-left:1px solid rgba(72,184,255,.16)}.tech-index-grid b{padding:24px;border-right:1px solid rgba(72,184,255,.16);border-bottom:1px solid rgba(72,184,255,.16);font-size:9px;letter-spacing:1px}.tech-block{width:min(1180px,90%);margin:0 auto 24px;display:grid;grid-template-columns:1fr 1fr;min-height:480px;border:1px solid rgba(72,184,255,.16);background:#051522}.tech-block.reverse .tech-photo{order:2}.tech-photo{min-height:480px;overflow:hidden}.tech-copy{padding:55px;display:flex;flex-direction:column;justify-content:center}.tech-copy h2,.tech-heading h2,.tech-final h2,.buy-intro h2,.buy-included h2,.buy-spec h2,.order-panel h2,.buy-faq h2{margin:14px 0 20px;font-size:clamp(40px,5.5vw,70px);line-height:.88;letter-spacing:-4px}.tech-copy p,.tech-note,.tech-duo p,.buy-intro p,.buy-feature-card p,.included-grid p,.buy-spec p,.order-panel p,.buy-faq details p{color:#8da5b8;font-size:10px;line-height:1.8}.tech-copy ul{margin:22px 0 0;padding:0;list-style:none}.tech-copy li{padding:10px 0;border-bottom:1px solid rgba(72,184,255,.1);color:#b7c8d5;font-size:8px;letter-spacing:.5px}.tech-copy li:before{content:"+";margin-right:10px;color:#27d5ff}.weapon-cloud{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 20px}.weapon-cloud span{padding:11px 13px;border:1px solid rgba(72,184,255,.2);background:rgba(7,28,45,.7);font-size:7px;font-weight:900;letter-spacing:1px}.tech-duo{width:min(1180px,90%);margin:25px auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.tech-duo article{min-height:270px;padding:38px;border:1px solid rgba(72,184,255,.16);background:linear-gradient(145deg,#0a2941,#04111d)}.tech-duo h3{margin:40px 0 12px;font-size:25px}.tech-final{text-align:center;border-top:1px solid rgba(72,184,255,.13)}.tech-final .v3-button{margin-top:15px}.buy-hero{position:relative;min-height:830px;padding:165px max(5vw,40px) 80px;display:flex;align-items:center;overflow:hidden}.buy-hero-bg,.buy-hero-shade{position:absolute;inset:0}.buy-hero-bg{background:url('assets/images/bo1/bo1-hero.jpg') center/cover no-repeat;transform:scale(1.015)}.buy-hero-shade{background:linear-gradient(90deg,rgba(2,8,16,.98) 0%,rgba(2,8,16,.84) 42%,rgba(2,8,16,.2) 75%),linear-gradient(0deg,#020810,transparent 38%)}.buy-copy{position:relative;z-index:3;max-width:720px}.buy-copy p{max-width:600px;color:#9ab0c0;font-size:11px;line-height:1.85}.buy-badges{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.buy-badges span{padding:8px 11px;border:1px solid rgba(39,213,255,.25);background:rgba(4,19,31,.72);font-size:6px;font-weight:900;letter-spacing:1.2px}.buy-text-link{display:inline-block;margin:20px 0 0 18px;color:#9cb1c1;font-size:7px;font-weight:900;letter-spacing:1px;border-bottom:1px solid rgba(39,213,255,.28);padding-bottom:5px}.buy-edition{position:absolute;z-index:3;right:6%;bottom:80px;display:flex;flex-direction:column;align-items:flex-end}.buy-edition small{color:#6e879a;font-size:7px;letter-spacing:2px}.buy-edition strong{font-size:76px;line-height:.9;color:transparent;-webkit-text-stroke:1px rgba(39,213,255,.8)}.buy-edition span{color:#27d5ff;font-size:8px;font-weight:900;letter-spacing:3px}.buy-intro{padding-bottom:55px}.buy-intro p{max-width:650px}.buy-showcase{width:min(1180px,90%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.buy-feature-card{position:relative;min-height:410px;overflow:hidden;border:1px solid rgba(72,184,255,.16);background:#051522}.buy-feature-card.large{grid-row:span 2;min-height:832px}.buy-feature-card.wide{grid-column:2}.buy-feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.9);transition:.6s}.buy-feature-card:hover img{transform:scale(1.035);filter:brightness(.82) saturate(1)}.buy-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,9,16,.97),rgba(2,9,16,.05) 70%)}.buy-feature-card>div{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.buy-feature-card span{color:#27d5ff;font-size:6px;font-weight:900;letter-spacing:1.7px}.buy-feature-card h3{margin:9px 0;font-size:28px;letter-spacing:-1.5px}.buy-included{padding-top:120px}.included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}.included-grid article{min-height:230px;padding:28px;border:1px solid rgba(72,184,255,.15);background:linear-gradient(145deg,rgba(13,43,67,.78),rgba(4,17,29,.96))}.included-grid b{color:#27d5ff;font-size:8px}.included-grid h3{margin:35px 0 12px;font-size:16px}.buy-spec{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;border-top:1px solid rgba(72,184,255,.12)}.spec-list{border-top:1px solid rgba(72,184,255,.17)}.spec-list>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(72,184,255,.14)}.spec-list span{color:#6e879a;font-size:6px;font-weight:900;letter-spacing:1.4px}.spec-list b{font-size:8px;letter-spacing:.7px;text-align:right}.buy-order{width:min(1180px,90%);margin:40px auto 100px;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(72,184,255,.2);background:#04111d}.order-art{position:relative;min-height:560px;overflow:hidden}.order-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.order-art span{position:absolute;right:22px;bottom:12px;color:rgba(255,255,255,.13);font-size:110px;font-weight:900}.order-panel{padding:60px;display:flex;flex-direction:column;justify-content:center}.order-version{margin:12px 0 24px;padding:18px 0;border-top:1px solid rgba(72,184,255,.16);border-bottom:1px solid rgba(72,184,255,.16);display:flex;align-items:center;justify-content:space-between}.order-version small{color:#718a9e;font-size:7px;letter-spacing:1.5px}.order-version b{color:#27d5ff;font-size:18px}.order-panel .v3-button{margin-top:25px}.order-panel .buy-text-link{margin-left:0}.buy-faq{border-top:1px solid rgba(72,184,255,.12)}.buy-faq details{border-bottom:1px solid rgba(72,184,255,.14)}.buy-faq summary{padding:22px 0;display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:10px;font-weight:900}.buy-faq summary::-webkit-details-marker{display:none}.buy-faq summary i{color:#27d5ff;font-size:18px;font-style:normal}.buy-faq details p{padding:0 0 22px;max-width:850px}
@media(max-width:900px){.bo1-next,.tech-hero,.tech-block,.tech-duo,.buy-spec,.buy-order{grid-template-columns:1fr}.bo1-next-buy{border-left:0;border-top:1px solid rgba(72,184,255,.16)}.tech-block.reverse .tech-photo{order:0}.tech-index-grid,.included-grid{grid-template-columns:1fr 1fr}.buy-showcase{grid-template-columns:1fr}.buy-feature-card.large,.buy-feature-card.wide{grid-row:auto;grid-column:auto;min-height:500px}.buy-edition{display:none}}
@media(max-width:650px){.bo1-next{width:calc(100% - 30px)}.bo1-next-copy,.bo1-next-buy,.tech-copy,.order-panel{padding:32px 24px}.tech-hero{padding:120px 0 60px;grid-template-columns:1fr}.tech-hero-visual{height:360px}.tech-hero h1,.buy-hero h1{font-size:62px;letter-spacing:-4px}.tech-index-grid,.included-grid{grid-template-columns:1fr}.tech-block{width:calc(100% - 30px)}.tech-photo{min-height:330px}.tech-duo{grid-template-columns:1fr}.buy-hero{padding:125px 18px 60px;min-height:720px}.buy-copy .buy-text-link{display:block;margin-left:0}.buy-feature-card,.buy-feature-card.large{min-height:430px}.buy-spec{gap:30px}.order-art{min-height:380px}.product-actions{flex-direction:column;align-items:flex-start}}
/* ===== V8 CHECKOUT — simple, premium, no repeated marketing ===== */
.checkout-main{padding-top:78px}.checkout-head{width:min(1180px,90%);margin:auto;padding:85px 0 45px}.checkout-head>span,.checkout-step{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2.2px}.checkout-head h1{margin:16px 0 20px;font-size:clamp(56px,7vw,94px);line-height:.84;letter-spacing:-5px}.checkout-head h1 strong,.checkout-card h2 strong{color:transparent;-webkit-text-stroke:1px #27d5ff}.checkout-head p{max-width:650px;color:#8da5b8;font-size:10px;line-height:1.8}.checkout-shell{width:min(1180px,90%);margin:0 auto 100px;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid rgba(72,184,255,.18);background:#04111d}.checkout-product{padding:22px;border-right:1px solid rgba(72,184,255,.16)}.checkout-art{position:relative;height:400px;overflow:hidden}.checkout-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.68)}.checkout-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,16,.92),transparent 62%)}.checkout-art>div{position:absolute;z-index:2;left:25px;bottom:23px;display:flex;flex-direction:column}.checkout-art span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.checkout-art strong{font-size:34px;letter-spacing:-2px}.checkout-art small{margin-top:3px;color:#9cb2c2;font-size:7px;letter-spacing:1.5px}.checkout-summary{margin-top:12px;border-top:1px solid rgba(72,184,255,.15)}.checkout-summary>div{display:flex;justify-content:space-between;gap:20px;padding:15px 4px;border-bottom:1px solid rgba(72,184,255,.12)}.checkout-summary span{color:#718a9e;font-size:6px;font-weight:900;letter-spacing:1.3px}.checkout-summary b{font-size:8px;text-align:right}.checkout-summary .checkout-price b{color:#27d5ff;font-size:18px}.checkout-tech{display:inline-block;margin:22px 4px 4px;color:#a8bdcc;font-size:7px;font-weight:900;letter-spacing:.9px;border-bottom:1px solid rgba(39,213,255,.32);padding-bottom:5px}.checkout-card{padding:52px;display:flex;flex-direction:column;justify-content:center}.checkout-card h2{margin:13px 0 32px;font-size:clamp(42px,5vw,66px);line-height:.86;letter-spacing:-4px}.checkout-card label:not(.checkout-consent){display:grid;gap:8px;margin-bottom:17px;color:#9eb3c2;font-size:7px;font-weight:900;letter-spacing:1.2px}.checkout-card label small{color:#607b90;font-size:5px;margin-left:6px}.checkout-card input[type=email],.checkout-card input[type=text]{width:100%;padding:15px;border:1px solid rgba(72,184,255,.2);background:#020c14;color:#fff;outline:none}.checkout-card input:focus{border-color:#27d5ff}.checkout-consent{display:flex;gap:11px;align-items:flex-start;margin:8px 0 22px;color:#849caf;font-size:8px;line-height:1.55}.checkout-consent input{margin-top:2px;accent-color:#0b91ff}.checkout-total{display:flex;align-items:end;justify-content:space-between;padding:20px 0;border-top:1px solid rgba(72,184,255,.17)}.checkout-total span{color:#7c94a6;font-size:7px;font-weight:900;letter-spacing:1.5px}.checkout-total strong{color:#fff;font-size:30px}.checkout-pay{width:100%;min-height:64px;border:0;background:linear-gradient(135deg,#0b91ff,#075fd0);color:#fff;font-size:9px;font-weight:900;letter-spacing:1.5px;cursor:pointer;box-shadow:0 14px 40px rgba(0,126,255,.18)}.checkout-pay span{margin-left:18px}.checkout-note{margin-top:15px;color:#60798d;font-size:7px;line-height:1.6}.bo1-v8-actions .v3-primary{min-height:64px;padding:0 34px;font-size:9px}.bo1-v8-actions .v3-secondary{min-height:54px;padding:0 27px}.bo1-v8-tech{width:min(1180px,90%);margin:35px auto 90px;padding:55px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;border:1px solid rgba(39,213,255,.23);background:linear-gradient(135deg,#0b2b44,#051521)}.bo1-v8-tech span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.bo1-v8-tech h2{margin:12px 0;font-size:clamp(38px,5vw,64px);line-height:.9;letter-spacing:-3px}.bo1-v8-tech p{max-width:700px;color:#8ea6b8;font-size:10px;line-height:1.75}.bo1-v8-tech .v3-button{min-height:58px;white-space:nowrap}.bo1-v8-presentation{width:min(1180px,90%);margin:auto;padding:90px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.bo1-v8-presentation img{width:100%;height:460px;object-fit:cover;border:1px solid rgba(72,184,255,.16)}.bo1-v8-presentation span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.bo1-v8-presentation h2{margin:14px 0 20px;font-size:clamp(42px,5vw,68px);line-height:.9;letter-spacing:-4px}.bo1-v8-presentation p{color:#8da5b8;font-size:10px;line-height:1.9;margin-bottom:12px}.bo1-v8-buy{width:min(1180px,90%);margin:0 auto 90px;padding:58px;display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid rgba(72,184,255,.16);border-bottom:1px solid rgba(72,184,255,.16)}.bo1-v8-buy span{color:#27d5ff;font-size:7px;font-weight:900;letter-spacing:2px}.bo1-v8-buy h2{margin-top:10px;font-size:clamp(36px,4.5vw,58px);letter-spacing:-3px}.bo1-v8-buy .v3-button{min-width:260px;min-height:68px;font-size:9px}
@media(max-width:850px){.checkout-shell,.bo1-v8-presentation,.bo1-v8-tech{grid-template-columns:1fr}.checkout-product{border-right:0;border-bottom:1px solid rgba(72,184,255,.16)}.bo1-v8-tech .v3-button{justify-self:start}.bo1-v8-buy{align-items:flex-start;flex-direction:column}.bo1-v8-buy .v3-button{width:100%}}
@media(max-width:600px){.checkout-head{padding:55px 0 30px}.checkout-head h1{font-size:52px;letter-spacing:-3px}.checkout-shell{width:calc(100% - 30px)}.checkout-product{padding:12px}.checkout-art{height:300px}.checkout-card{padding:32px 22px}.checkout-card h2{font-size:44px}.bo1-v8-presentation{width:calc(100% - 30px);padding:65px 0;gap:28px}.bo1-v8-presentation img{height:320px}.bo1-v8-tech,.bo1-v8-buy{width:calc(100% - 30px);padding:34px 24px}.bo1-v8-actions{display:flex;flex-direction:column;align-items:stretch}.bo1-v8-actions .v3-button{width:100%}}