:root {
        --night: #070a18;
        --night2: #0c1127;
        --paper: #f7f8fc;
        --ink: #0f1830;
        --muted: #65708a;
        --line: #dfe4ef;
        --blue: #3984ff;
        --violet: #7756ff;
        --pink: #ef78bd;
        --orange: #ff9d3b;
        --green: #17a673;
        --white: #fff;
        --shadow: 0 24px 70px rgba(8, 14, 38, .14)
    }
    
    * {
        box-sizing: border-box
    }
    
    html {
        scroll-behavior: smooth
    }
    
    body {
        margin: 0;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
        background: var(--paper);
        color: var(--ink);
        overflow-x: hidden
    }
    
    a {
        color: inherit
    }
    
    .shell {
        width: min(1180px, calc(100% - 42px));
        margin: auto
    }
    
    .topbar {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(7, 10, 24, .88);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: #fff
    }
    
    .nav {
        height: 68px;
        display: flex;
        align-items: center;
        gap: 24px
    }
    
    .mark {
        display: flex;
        align-items: center;
        gap: 11px;
        text-decoration: none;
        margin-right: auto
    }
    
    .mark-dot {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: radial-gradient(circle at 54% 54%, #fff 0 5%, #ffb34c 7%, #ff786d 15%, #7d62ff 36%, #258cff 58%, transparent 61%), #101831;
        box-shadow: 0 0 28px rgba(110, 95, 255, .48)
    }
    
    .mark strong {
        font-size: 15px
    }
    
    .mark span {
        display: block;
        color: #9fa9c4;
        font-size: 10px;
        margin-top: 1px
    }
    
    .navlink {
        font-size: 12px;
        color: #cbd3e8;
        text-decoration: none;
        font-weight: 700
    }
    
    .navlink:hover {
        color: #fff
    }
    
    .navbuy {
        padding: 10px 14px;
        border-radius: 999px;
        text-decoration: none;
        background: #fff;
        color: #10172c;
        font-weight: 900;
        font-size: 12px
    }
    
    .hero {
        position: relative;
        background: var(--night);
        color: #fff;
        min-height: 610px;
        overflow: hidden
    }
    
    .hero:before {
        content: "";
        position: absolute;
        inset: -40% -20%;
        background: radial-gradient(circle at 76% 47%, rgba(84, 104, 255, .28), transparent 23%), radial-gradient(circle at 86% 65%, rgba(255, 141, 73, .18), transparent 17%), radial-gradient(circle at 25% 10%, rgba(57, 132, 255, .12), transparent 20%);
        pointer-events: none
    }
    
    .hero:after {
        content: "";
        position: absolute;
        inset: 0;
        opacity: .14;
        background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);
        background-size: 54px 54px;
        mask-image: linear-gradient(to bottom, black, transparent 85%)
    }
    
    .hero-grid {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 1.14fr) minmax(360px, .86fr);
        gap: 52px;
        align-items: center;
        padding: 80px 0 74px
    }
    
    .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        color: #cbd6f2;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .14em;
        font-weight: 800
    }
    
    .eyebrow:before {
        content: "";
        width: 30px;
        height: 1px;
        background: linear-gradient(90deg, var(--blue), var(--orange))
    }
    
    .hero h1 {
        font-size: clamp(38px, 5vw, 62px);
        max-width: 760px;
        line-height: 1.02;
        letter-spacing: -.052em;
        margin: 20px 0 22px
    }
    
    .hero h1 em {
        font-style: normal;
        background: linear-gradient(100deg, #65a8ff 5%, #a68cff 47%, #ffad6d 92%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
    
    .hero-copy {
        max-width: 690px;
        color: #bdc6dc;
        font-size: 17px;
        line-height: 1.7;
        margin: 0
    }
    
    .hero-actions {
        display: flex;
        align-items: center;
        gap: 13px;
        flex-wrap: wrap;
        margin-top: 30px
    }
    
    .cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 13px 18px;
        border-radius: 12px;
        text-decoration: none;
        font-weight: 900;
        font-size: 13px;
        background: linear-gradient(110deg, #3b70ee, #7655ff);
        color: #fff;
        box-shadow: 0 12px 35px rgba(94, 78, 255, .25)
    }
    
    .cta:hover {
        transform: translateY(-1px)
    }
    
    .ghost {
        display: inline-flex;
        padding: 12px 16px;
        border: 1px solid rgba(255, 255, 255, .16);
        border-radius: 12px;
        text-decoration: none;
        color: #d6dded;
        font-size: 12px;
        font-weight: 800
    }
    
    .micro {
        display: flex;
        gap: 18px;
        flex-wrap: wrap;
        margin-top: 34px;
        color: #9ba8c6;
        font-size: 11px
    }
    
    .micro span {
        display: flex;
        align-items: center;
        gap: 7px
    }
    
    .micro i {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--blue), var(--orange));
        box-shadow: 0 0 14px rgba(124, 98, 255, .8)
    }
    
    .orbit-card {
        position: relative;
        min-height: 438px;
        max-width: 590px;
        width: 100%;
        justify-self: end;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 30px;
        background: linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .025));
        box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 35px 90px rgba(0, 0, 0, .25);
        overflow: hidden
    }
    
    .nova-art {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        opacity: .9;
        mix-blend-mode: screen;
        filter: saturate(1.08);
        transform: scale(1.02)
    }
    
    .price-float {
        position: absolute;
        left: 22px;
        right: 22px;
        bottom: 22px;
        padding: 18px 20px;
        border-radius: 20px;
        background: rgba(7, 10, 24, .8);
        backdrop-filter: blur(16px);
        border: 1px solid rgba(255, 255, 255, .12);
        box-shadow: 0 16px 38px rgba(0, 0, 0, .24)
    }
    
    .price-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
        flex-wrap: nowrap
    }

    .price-inline {
        display: flex;
        align-items: flex-end;
        gap: 10px;
        flex-wrap: wrap
    }

    .price-stack {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 1 auto;
        min-width: 0
    }

    .payment-badge {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%
    }

    .installment-line {
        display: flex;
        align-items: center;
        gap: 9px;
        flex-wrap: wrap;
        margin-top: 13px;
        color: #c3cbe0;
        font-size: 11px;
        line-height: 1.35
    }

    .payment-mini-icons {
        display: inline-flex;
        align-items: center;
        gap: 6px
    }

    .mini-pay {
        width: 22px;
        height: 22px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 7px;
        font-size: 11px;
        font-weight: 950;
        line-height: 1
    }

    .mini-pay.klarna {
        background: #ffb3c7;
        color: #151515
    }

    .mini-pay.scalapay {
        background: rgba(255, 255, 255, .07);
        color: #ffb8cf;
        border: 1px solid rgba(255, 184, 207, .25)
    }
    
    .price-main {
        font-size: 42px;
        line-height: .95;
        font-weight: 950;
        letter-spacing: -.05em
    }
    
    .price-old {
        text-decoration: line-through;
        color: #8590ad;
        font-size: 14px;
        margin-bottom: 3px
    }
    
    .deal {
        display: inline-flex;
        margin-top: 9px;
        padding: 6px 9px;
        border-radius: 999px;
        background: rgba(122, 87, 255, .17);
        color: #cfc4ff;
        font-size: 10px;
        font-weight: 900
    }
    
    .price-meta {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        margin-top: 13px;
        color: #aeb8d1;
        font-size: 10px
    }
    
    .ribbon {
        background: #fff;
        border-bottom: 1px solid var(--line)
    }
    
    .ribbon-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }
    
    .ribbon-item {
        padding: 20px 20px;
        border-right: 1px solid var(--line)
    }
    
    .ribbon-item:last-child {
        border-right: 0
    }
    
    .ribbon-item small {
        color: var(--muted);
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .11em;
        font-weight: 850
    }
    
    .ribbon-item strong {
        display: block;
        margin-top: 6px;
        font-size: 14px
    }
    
    .section-pad {
        padding: 20px 0
    }
    
    .section-head {
        display: grid;
        grid-template-columns: .78fr 1.22fr;
        gap: 50px;
        align-items: end;
        margin-bottom: 32px
    }
    
    .section-head h2 {
        font-size: clamp(30px, 4vw, 47px);
        letter-spacing: -.045em;
        line-height: 1.03;
        margin: 0
    }
    
    .section-head p {
        margin: 0;
        color: var(--muted);
        line-height: 1.75;
        max-width: 680px
    }
    
    .mosaic {
        display: grid;
        grid-template-columns: 1.08fr .92fr;
        gap: 16px
    }
    
    .feature {
        position: relative;
        overflow: hidden;
        background: linear-gradient(145deg, #f8f9ff, #eef2ff);
        border: 1px solid rgba(111, 125, 163, .18);
        border-radius: 22px;
        padding: 25px;
        min-height: 205px;
        box-shadow: 0 16px 38px rgba(20, 32, 70, .055)
    }
    
    .feature:not(.big):before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, var(--blue), var(--violet), var(--orange));
        opacity: .72
    }
    
    .feature:nth-child(3) {
        background: linear-gradient(145deg, #fffaf6, #fff0e5)
    }
    
    .feature:nth-child(4) {
        background: linear-gradient(145deg, #f4fbf8, #eaf8f1)
    }
    
    .feature:nth-child(5) {
        background: linear-gradient(145deg, #fbf8ff, #f0eaff)
    }
    
    .feature:nth-child(6) {
        background: linear-gradient(145deg, #f5f8fc, #eaf0f8)
    }
    
    .feature:nth-child(7) {
        background: linear-gradient(145deg, #fff8fc, #f8edf6)
    }
    
    .feature:not(.big):after {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        right: -84px;
        bottom: -98px;
        border: 1px solid rgba(90, 105, 160, .12);
        box-shadow: 0 0 0 24px rgba(105, 91, 255, .025)
    }
    
    .feature.big {
        grid-row: span 2;
        min-height: 426px;
        background: linear-gradient(155deg, #0b1024, #131b3c);
        color: #fff;
        border: 0
    }
    
    .feature.big:after {
        content: "";
        position: absolute;
        width: 340px;
        height: 340px;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 50%;
        right: -100px;
        bottom: -140px;
        box-shadow: 0 0 0 44px rgba(98, 86, 255, .04), 0 0 0 92px rgba(255, 156, 68, .025)
    }
    
    .feature .num {
        font-size: 10px;
        letter-spacing: .14em;
        color: #596b9a;
        font-weight: 900
    }
    
    .feature.big .num {
        color: #7788ba
    }
    
    .feature h3 {
        font-size: 21px;
        letter-spacing: -.025em;
        margin: 14px 0 10px
    }
    
    .feature p {
        color: var(--muted);
        line-height: 1.65;
        margin: 0;
        font-size: 13px;
        max-width: 550px
    }
    
    .feature.big p {
        color: #aebad6
    }
    
    .split-graph {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 30px
    }
    
    .mini-chart {
        padding: 14px;
        border-radius: 16px;
        background: rgba(255, 255, 255, .055);
        border: 1px solid rgba(255, 255, 255, .08)
    }
    
    .mini-chart strong {
        font-size: 12px
    }
    
    .bars {
        display: flex;
        height: 95px;
        align-items: end;
        gap: 7px;
        margin-top: 15px
    }
    
    .bars i {
        flex: 1;
        border-radius: 5px 5px 2px 2px;
        background: linear-gradient(to top, #355be0, #7e5cff)
    }
    
    .bars i:nth-child(2n) {
        background: linear-gradient(to top, #e958a8, #ff8c4a)
    }
    
    .plain {
        background: #fff
    }
    
    .showcase-wrap {
        position: relative
    }
    
    .showcase-stage {
        background: #090d1f;
        border-radius: 26px;
        padding: 14px;
        box-shadow: var(--shadow);
        overflow: hidden
    }
    
    .showcase-track {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        gap: 14px
    }
    
    .showcase-track::-webkit-scrollbar {
        display: none
    }
    
    .shot {
        position: relative;
        min-width: 100%;
        scroll-snap-align: start;
        background: #11182f;
        border-radius: 18px;
        overflow: hidden;
        aspect-ratio: 16/9
    }
    
    .shot img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #0a0e20;
        display: block
    }
    
    .shot-info {
        position: absolute;
        left: 14px;
        right: 14px;
        bottom: 14px;
        padding: 13px 15px;
        border-radius: 13px;
        background: rgba(6, 9, 20, .78);
        backdrop-filter: blur(12px);
        color: #fff;
        border: 1px solid rgba(255, 255, 255, .1)
    }
    
    .shot-info strong {
        font-size: 13px
    }
    
    .shot-info p {
        margin: 4px 0 0;
        color: #bcc6dd;
        font-size: 11px;
        line-height: 1.45
    }
    
    .showcase-empty {
        min-height: 390px;
        display: grid;
        place-items: center;
        text-align: center;
        color: #7f8aa6;
        background: radial-gradient(circle at center, rgba(111, 87, 255, .18), transparent 35%), #090d1f;
        border-radius: 18px
    }
    
    .showcase-empty strong {
        display: block;
        color: #d8def0;
        font-size: 17px;
        margin-bottom: 7px
    }
    
    .slider-controls {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 14px
    }
    
    .slider-buttons {
        display: flex;
        gap: 8px
    }
    
    .slider-btn {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        border: 1px solid var(--line);
        background: #fff;
        cursor: pointer;
        font-size: 18px
    }
    
    .dots {
        display: flex;
        gap: 6px
    }
    
    .dots button {
        width: 7px;
        height: 7px;
        border: 0;
        border-radius: 50%;
        background: #c9cfdb;
        padding: 0;
        cursor: pointer
    }
    
    .dots button.active {
        width: 22px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--blue), var(--violet))
    }
    
    .flow {
        background: #0a0e20;
        color: #fff;
        position: relative;
        overflow: hidden
    }
    
    .flow:before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 13% 30%, rgba(49, 100, 255, .14), transparent 20%), radial-gradient(circle at 90% 70%, rgba(255, 140, 65, .1), transparent 18%)
    }
    
    .flow .shell {
        position: relative
    }
    
    .flow-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 24px;
        overflow: hidden;
        background: rgba(255, 255, 255, .09)
    }
    
    .flow-step {
        background: #0a0e20;
        padding: 25px;
        min-height: 190px
    }
    
    .flow-step .icon {
        width: 35px;
        height: 35px;
        border-radius: 12px;
        background: linear-gradient(135deg, rgba(55, 130, 255, .2), rgba(255, 140, 70, .16));
        border: 1px solid rgba(255, 255, 255, .1);
        display: grid;
        place-items: center;
        font-weight: 900
    }
    
    .flow-step strong {
        display: block;
        margin: 28px 0 8px
    }
    
    .flow-step p {
        margin: 0;
        color: #9eabc7;
        font-size: 12px;
        line-height: 1.55
    }
    
    .offer {
        display: grid;
        grid-template-columns: 1fr .82fr;
        gap: 20px;
        align-items: stretch
    }
    
    .offer-card {
        border: 1px solid var(--line);
        background: #fff;
        border-radius: 25px;
        padding: 30px
    }
    
    .offer-card.dark {
        background: #0b1024;
        color: #fff;
        border: 0;
        position: relative;
        overflow: hidden
    }
    
    .offer-card.dark:after {
        content: "";
        position: absolute;
        right: -130px;
        top: -130px;
        width: 330px;
        height: 330px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .13);
        box-shadow: 0 0 0 50px rgba(88, 74, 255, .04), 0 0 0 100px rgba(255, 153, 69, .025)
    }
    
    .offer-card h3 {
        font-size: 26px;
        margin: 0 0 12px;
        letter-spacing: -.03em
    }
    
    .checklist {
        display: grid;
        gap: 12px;
        margin-top: 24px
    }
    
    .check {
        display: flex;
        gap: 10px;
        color: var(--muted);
        font-size: 13px
    }
    
    .check:before {
        content: "✓";
        color: var(--green);
        font-weight: 900
    }
    
    .big-price {
        font-size: 50px;
        font-weight: 950;
        letter-spacing: -.055em;
        margin-top: 18px
    }

    
    .offer-card.dark p {
        color: #aebad4;
        line-height: 1.6;
        max-width: 440px
    }
    
    .offer-card.dark .cta {
        position: relative;
        z-index: 2;
        margin-top: 18px
    }
    
    .faq {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
        margin-top: 26px
    }
    
    .faq article {
        padding: 20px;
        border: 1px solid var(--line);
        border-radius: 18px;
        background: #fff
    }
    
    .faq strong {
        font-size: 13px
    }
    
    .faq p {
        font-size: 12px;
        color: var(--muted);
        line-height: 1.6;
        margin: 8px 0 0
    }
    
    .footer {
        padding: 34px 0;
        background: #070a18;
        color: #8f9ab6;
        font-size: 11px
    }
    
    .footer-grid {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap
    }

    .footer-brand {
        display: flex;
        align-items: center;
        gap: 18px;
        flex-wrap: wrap
    }

    .payment-badge-footer {
        width: 210px;
        max-width: 100%;
        opacity: .96
    }
    
    .footer a {
        color: #cbd3e8;
        text-decoration: none
    }

    .footer-links {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
        flex-wrap: wrap
    }
    
    .nova-mini {
        display: flex;
        align-items: center;
        gap: 9px
    }
    
    .nova-mini img {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        object-fit: cover;
        object-position: center 57%
    }
    
    .open-soon {
        display: inline-flex;
        padding: 13px 18px;
        border-radius: 12px;
        background: #202a45;
        color: #919bb7;
        font-weight: 900;
        font-size: 13px
    }
    
    .desktop-only {
        display: inline
    }
    
    .mobile-only {
        display: none
    }
    
        @media(max-width:780px) {

        .payment-badge-offer,
        .payment-badge-footer {
            max-width: 100%
        }

        .footer-brand {
            align-items: flex-start;
            flex-direction: column
        }
    }

@media(max-width:900px) {
        .navlink {
            display: none
        }
        .hero-grid,
        .section-head,
        .mosaic,
        .offer {
            grid-template-columns: 1fr
        }
        .hero-grid {
            padding: 54px 0
        }
        .orbit-card {
            min-height: 390px;
            max-width: 100%;
            justify-self: stretch
        }
        .section-head {
            gap: 15px
        }
        .ribbon-grid,
        .flow-grid {
            grid-template-columns: 1fr 1fr
        }
        .feature.big {
            grid-row: auto
        }
        .faq {
            grid-template-columns: 1fr
        }
        .section-pad {
            padding: 64px 0
        }
    }
    
    @media(max-width:600px) {
        .shell {
            width: min(100% - 28px, 1180px)
        }
        .nav {
            height: 60px
        }
        .mark span {
            display: none
        }
        .hero h1 {
            font-size: 40px
        }
        .hero-copy {
            font-size: 15px
        }
        .installment-line {
            font-size: 10px
        }
        .orbit-card {
            min-height: 330px
        }
        .ribbon-grid,
        .flow-grid {
            grid-template-columns: 1fr
        }
        .ribbon-item {
            border-right: 0;
            border-bottom: 1px solid var(--line)
        }
        .ribbon-item:last-child {
            border-bottom: 0
        }
        .feature {
            min-height: auto
        }
        .showcase-stage {
            padding: 8px;
            border-radius: 19px
        }
        .showcase-empty {
            min-height: 240px
        }
        .shot-info {
            position: relative;
            left: auto;
            right: auto;
            bottom: auto;
            border-radius: 0
        }
        .offer-card {
            padding: 23px
        }
        .desktop-only {
            display: none
        }
        .mobile-only {
            display: inline
        }
        .reality-intro {
            position: relative;
            overflow: hidden;
            display: grid;
            grid-template-columns: .72fr 1.28fr;
            gap: 55px;
            align-items: center;
            padding: 42px 46px;
            margin-bottom: 28px;
            border-radius: 28px;
            color: #fff;
            background: radial-gradient(circle at 92% 10%, rgba(119, 86, 255, .24), transparent 32%), radial-gradient(circle at 75% 100%, rgba(255, 157, 59, .13), transparent 32%), linear-gradient(135deg, #0a0f24, #111a3a);
            box-shadow: 0 24px 65px rgba(11, 18, 46, .16);
        }
        .reality-intro:after {
            content: "";
            position: absolute;
            width: 260px;
            height: 260px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .07);
            right: -110px;
            top: -130px;
            box-shadow: 0 0 0 38px rgba(112, 89, 255, .025), 0 0 0 78px rgba(255, 157, 59, .018);
            pointer-events: none;
        }
        .reality-title {
            position: relative;
            z-index: 1;
        }
        .reality-title>span {
            display: block;
            margin-bottom: 13px;
            color: #8fa0c8;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: .16em;
        }
        .reality-title h2 {
            margin: 0;
            font-size: clamp(32px, 3.2vw, 46px);
            line-height: 1.03;
            letter-spacing: -.045em;
        }
        .reality-content {
            position: relative;
            z-index: 1;
            display: grid;
            gap: 22px;
        }
        .reality-main p {
            margin: 0;
            color: #c5cee4;
            font-size: 17px;
            line-height: 1.75;
        }
        .reality-main strong {
            color: #fff;
            font-size: 18px;
        }
        .reality-forecast {
            display: grid;
            grid-template-columns: 190px 1fr;
            gap: 26px;
            align-items: center;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, .11);
        }
        .reality-forecast span {
            display: block;
            margin-bottom: 6px;
            color: #9b8cff;
            font-size: 9px;
            font-weight: 900;
            letter-spacing: .15em;
        }
        .reality-forecast strong {
            display: block;
            color: #fff;
            font-size: 15px;
        }
        .reality-forecast p {
            margin: 0;
            color: #9faac5;
            font-size: 13px;
            line-height: 1.65;
        }
        @media(max-width:760px) {
            .reality-intro {
                grid-template-columns: 1fr;
                gap: 28px;
                padding: 30px 26px;
            }
            .reality-forecast {
                grid-template-columns: 1fr;
                gap: 10px;
            }
        }
    }
    /* =========================================================
   AW-EDIT COMPTA — CENTRE DE CONTRÔLE
   ========================================================= */
    
    .compta-system {
        position: relative;
        overflow: hidden;
        border-radius: 34px;
        padding: 1px;
        background: linear-gradient( 120deg, rgba(69, 132, 255, .8), rgba(116, 82, 255, .65), rgba(255, 157, 72, .7));
        box-shadow: 0 28px 80px rgba(17, 28, 67, .16);
    }
    
    .compta-system::before {
        content: "";
        position: absolute;
        width: 520px;
        height: 520px;
        right: -180px;
        top: -220px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .08);
        box-shadow: 0 0 0 60px rgba(94, 93, 255, .025), 0 0 0 120px rgba(255, 154, 75, .018);
        pointer-events: none;
    }
    
    .system-top {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1.22fr .78fr;
        min-height: 520px;
        background: radial-gradient(circle at 78% 15%, rgba(107, 83, 255, .20), transparent 30%), radial-gradient(circle at 12% 100%, rgba(41, 114, 255, .14), transparent 34%), #080d20;
        border-radius: 33px 33px 0 0;
    }
    
    .system-main {
        padding: 54px 58px;
        border-right: 1px solid rgba(255, 255, 255, .08);
    }
    
    .system-label {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #9ba9cb;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .16em;
    }
    
    .system-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: linear-gradient(135deg, #4b9cff, #8a62ff, #ff9b53);
        box-shadow: 0 0 18px rgba(102, 115, 255, .9);
    }
    
    .system-main h2 {
        margin: 20px 0 18px;
        max-width: 600px;
        color: #fff;
        font-size: clamp(38px, 4vw, 64px);
        line-height: .98;
        letter-spacing: -.055em;
    }
    
    .system-main>p {
        max-width: 670px;
        margin: 0;
        color: #abb7d3;
        font-size: 16px;
        line-height: 1.75;
    }
    
    .system-charts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        margin-top: 46px;
    }
    
    .system-chart {
        min-height: 180px;
        padding: 20px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 20px;
        background: rgba(255, 255, 255, .045);
        backdrop-filter: blur(10px);
    }
    
    .chart-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
    
    .chart-head strong {
        color: #fff;
        font-size: 14px;
    }
    
    .chart-head span {
        color: #7785a7;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .1em;
    }
    
    .system-bars {
        height: 105px;
        display: flex;
        align-items: flex-end;
        gap: 9px;
        margin-top: 20px;
    }
    
    .system-bars i {
        flex: 1;
        min-width: 8px;
        border-radius: 7px 7px 3px 3px;
        background: linear-gradient( 180deg, #ff955b 0%, #e956aa 48%, #5b53ff 100%);
        box-shadow: 0 0 20px rgba(91, 83, 255, .12);
    }
    
    .system-chart:nth-child(2) .system-bars i {
        background: linear-gradient( 180deg, #815cff 0%, #5459ff 56%, #387ef5 100%);
    }
    
    .system-side {
        display: grid;
        grid-template-rows: 1fr 1fr;
    }
    
    .system-module {
        position: relative;
        padding: 50px 42px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .system-module+.system-module {
        border-top: 1px solid rgba(255, 255, 255, .08);
    }
    
    .system-module.highlight {
        background: radial-gradient(circle at 100% 0%, rgba(255, 148, 70, .13), transparent 45%);
    }
    
    .module-code {
        margin-bottom: 17px;
        color: #7384ae;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .17em;
    }
    
    .system-module h3 {
        margin: 0 0 15px;
        color: #fff;
        font-size: 24px;
        line-height: 1.15;
        letter-spacing: -.025em;
    }
    
    .system-module p {
        margin: 0;
        color: #98a5c5;
        font-size: 14px;
        line-height: 1.7;
    }
    
    .system-track {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        background: #fff;
    }
    
    .track-item {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 18px;
        padding: 35px 30px 38px;
    }
    
    .track-item+.track-item {
        border-left: 1px solid #e5e8f2;
    }
    
    .track-number {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #0b1024;
        color: #fff;
        font-size: 10px;
        font-weight: 900;
    }
    
    .track-item:nth-child(2) .track-number {
        background: #4d5fff;
    }
    
    .track-item:nth-child(3) .track-number {
        background: #7257e8;
    }
    
    .track-item:nth-child(4) .track-number {
        background: #ed8452;
    }
    
    .track-item small {
        display: block;
        margin: 2px 0 9px;
        color: #8994ae;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .16em;
    }
    
    .track-item h3 {
        margin: 0 0 10px;
        color: #11182d;
        font-size: 17px;
        line-height: 1.25;
    }
    
    .track-item p {
        margin: 0;
        color: #69758f;
        font-size: 12px;
        line-height: 1.65;
    }
    
    @media(max-width:1000px) {
        .system-top {
            grid-template-columns: 1fr;
        }
        .system-main {
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
        }
        .system-side {
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto;
        }
        .system-module+.system-module {
            border-top: 0;
            border-left: 1px solid rgba(255, 255, 255, .08);
        }
        .system-track {
            grid-template-columns: 1fr 1fr;
        }
        .track-item:nth-child(3) {
            border-left: 0;
            border-top: 1px solid #e5e8f2;
        }
        .track-item:nth-child(4) {
            border-top: 1px solid #e5e8f2;
        }
    }
    
    @media(max-width:650px) {
        .system-main {
            padding: 38px 26px;
        }
        .system-charts {
            grid-template-columns: 1fr;
        }
        .system-side {
            grid-template-columns: 1fr;
        }
        .system-module {
            padding: 36px 26px;
        }
        .system-module+.system-module {
            border-left: 0;
            border-top: 1px solid rgba(255, 255, 255, .08);
        }
        .system-track {
            grid-template-columns: 1fr;
        }
        .track-item {
            border-left: 0 !important;
            border-top: 1px solid #e5e8f2;
        }
        .track-item:first-child {
            border-top: 0;
        }
    }
    /* =====================================================
   NOVA — DOUBLE LECTURE
   ===================================================== */
    
    .nova-reading-section {
        padding: 72px 0;
        background: #f4f6fb;
    }
    
    .nova-reading {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: .92fr 1.08fr;
        min-height: 470px;
        border-radius: 34px;
        background: radial-gradient(circle at 8% 100%, rgba(55, 123, 255, .20), transparent 34%), radial-gradient(circle at 92% 0%, rgba(132, 81, 255, .22), transparent 32%), linear-gradient(135deg, #080d20 0%, #0c132d 60%, #11142c 100%);
        box-shadow: 0 30px 80px rgba(19, 29, 65, .18);
    }
    /* orbites NOVA */
    
    .nova-reading:before {
        content: "";
        position: absolute;
        width: 520px;
        height: 520px;
        border: 1px solid rgba(255, 255, 255, .07);
        border-radius: 50%;
        right: -220px;
        top: -250px;
        box-shadow: 0 0 0 55px rgba(87, 92, 255, .025), 0 0 0 110px rgba(255, 144, 67, .018);
    }
    
    .nova-reading-copy {
        position: relative;
        z-index: 1;
        padding: 58px 58px 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .nova-kicker {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 22px;
        color: #8d9abc;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .16em;
    }
    
    .nova-kicker span {
        width: 32px;
        height: 2px;
        border-radius: 2px;
        background: linear-gradient(90deg, #4794ff, #8e61ff, #ff9b52);
    }
    
    .nova-reading-copy h2 {
        margin: 0 0 24px;
        color: #fff;
        font-size: clamp(40px, 4vw, 64px);
        line-height: .98;
        letter-spacing: -.055em;
    }
    
    .nova-reading-copy h2 em {
        font-style: normal;
        background: linear-gradient(90deg, #5ca2ff, #9471ff, #ff9d5d);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
    
    .nova-reading-copy p {
        max-width: 610px;
        margin: 0;
        color: #aab5cf;
        font-size: 16px;
        line-height: 1.75;
    }
    /* partie droite */
    
    .nova-reading-signals {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 44px 48px;
        border-left: 1px solid rgba(255, 255, 255, .08);
        background: rgba(255, 255, 255, .018);
    }
    
    .signal-line {
        position: relative;
        display: grid;
        grid-template-columns: 48px 1fr 90px;
        gap: 18px;
        align-items: center;
        min-height: 108px;
        padding: 18px 0;
    }
    
    .signal-line+.signal-line {
        border-top: 1px solid rgba(255, 255, 255, .08);
    }
    
    .signal-icon {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 13px;
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .09);
        color: #fff;
        font-size: 10px;
        font-weight: 900;
    }
    
    .signal-content small {
        display: block;
        margin-bottom: 5px;
        color: #7e8ba9;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .15em;
    }
    
    .signal-content strong {
        display: block;
        margin-bottom: 5px;
        color: #fff;
        font-size: 19px;
    }
    
    .signal-content span {
        color: #909dbc;
        font-size: 12px;
    }
    /* mini signal visuel */
    
    .signal-pulse {
        position: relative;
        height: 2px;
        border-radius: 20px;
        background: rgba(255, 255, 255, .08);
    }
    
    .signal-pulse:after {
        content: "";
        position: absolute;
        top: -2px;
        left: 0;
        height: 6px;
        width: 58%;
        border-radius: 20px;
    }
    
    .signal-line.sales .signal-pulse:after {
        background: linear-gradient(90deg, #497cff, #8a60ff);
        box-shadow: 0 0 16px rgba(101, 88, 255, .55);
    }
    
    .signal-line.cash .signal-pulse:after {
        width: 78%;
        background: linear-gradient(90deg, #875cff, #ff9858);
        box-shadow: 0 0 16px rgba(237, 106, 117, .45);
    }
    /* projection */
    
    .signal-future {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 18px;
        margin-top: 16px;
        padding: 24px;
        border-radius: 20px;
        background: linear-gradient( 120deg, rgba(84, 103, 255, .13), rgba(139, 78, 255, .10), rgba(255, 142, 67, .08));
        border: 1px solid rgba(255, 255, 255, .08);
    }
    
    .future-mark {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: linear-gradient(135deg, #477dff, #7f5bff, #ff9558);
        color: #fff;
        font-size: 20px;
        box-shadow: 0 8px 24px rgba(89, 83, 255, .28);
    }
    
    .signal-future small {
        display: block;
        margin-bottom: 6px;
        color: #9d8cff;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .15em;
    }
    
    .signal-future strong {
        display: block;
        color: #fff;
        font-size: 17px;
    }
    
    .signal-future p {
        margin: 9px 0 0;
        color: #98a5c4;
        font-size: 12px;
        line-height: 1.65;
    }
    
        @media(max-width:780px) {
        .price-row {
            align-items: flex-start;
            flex-direction: column
        }


        .payment-badge-offer,
        .payment-badge-footer {
            max-width: 100%
        }

        .footer-brand {
            align-items: flex-start;
            flex-direction: column
        }
    }

@media(max-width:900px) {
        .nova-reading {
            grid-template-columns: 1fr;
        }
        .nova-reading-signals {
            border-left: 0;
            border-top: 1px solid rgba(255, 255, 255, .08);
        }
    }
    
    @media(max-width:600px) {
        .nova-reading-copy {
            padding: 38px 28px;
        }
        .nova-reading-signals {
            padding: 28px;
        }
        .signal-line {
            grid-template-columns: 42px 1fr;
        }
        .signal-pulse {
            display: none;
        }
    }
    /* =========================================================
   AW-EDIT COMPTA — UNE ACTIVITÉ, DEUX LECTURES
   ========================================================= */
    
    .nova-dual-section {
        background: radial-gradient(circle at 5% 10%, rgba(82, 105, 255, .06), transparent 24%), radial-gradient(circle at 94% 88%, rgba(255, 142, 75, .07), transparent 25%), #f7f8fc;
    }
    /* =========================================================
   HAUT
   ========================================================= */
    
    .nova-dual-top {
        position: relative;
        display: grid;
        grid-template-columns: .9fr 1.15fr 62px 1.15fr;
        gap: 28px;
        align-items: center;
    }
    /* INTRO */
    
    .nova-dual-intro {
        padding-right: 15px;
    }
    
    .nova-dual-kicker {
        display: flex;
        align-items: center;
        gap: 13px;
        margin-bottom: 28px;
        color: #745bea;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .16em;
    }
    
    .nova-mini-orbit {
        position: relative;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        border-radius: 50%;
        background: radial-gradient(circle at 50% 50%, #fff 0 13%, #ff9164 14% 25%, #835cff 43%, #4f8cff 62%, transparent 64%);
        box-shadow: 0 0 18px rgba(100, 85, 255, .25);
    }
    
    .nova-dual-intro h2 {
        margin: 0;
        color: #0d1732;
        font-size: clamp(43px, 4vw, 69px);
        line-height: .96;
        letter-spacing: -.055em;
    }
    
    .nova-dual-intro h2 em {
        display: inline-block;
        margin-top: 9px;
        font-style: normal;
        background: linear-gradient( 90deg, #4d83ff, #875cff 42%, #e764aa 70%, #ff9352);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
    
    .nova-dual-lead {
        margin: 28px 0 0;
        color: #596987;
        font-size: 16px;
        line-height: 1.7;
    }
    /* AMPOULE — PAS DE TITRE */
    
    .nova-light-note {
        display: grid;
        grid-template-columns: 56px 1fr;
        gap: 18px;
        align-items: center;
        margin-top: 32px;
        padding: 18px 20px;
        border: 1px solid #e1e5f0;
        border-radius: 21px;
        background: rgba(255, 255, 255, .72);
        box-shadow: 0 12px 28px rgba(28, 39, 75, .04);
    }
    
    .nova-light-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: radial-gradient(circle, #fff 0 32%, rgba(103, 82, 255, .09) 33% 100%);
    }
    
    .nova-light-icon svg {
        width: 27px;
        height: 27px;
        fill: none;
        stroke: #8060ff;
        stroke-width: 2.5;
        stroke-linecap: round;
        stroke-linejoin: round;
        filter: drop-shadow(0 0 5px rgba(113, 80, 255, .35));
    }
    
    .nova-light-note p {
        margin: 0;
        color: #65728c;
        font-size: 12px;
        line-height: 1.6;
    }
    /* =========================================================
   GRAPHIQUES
   ========================================================= */
    
    .nova-chart-card {
        min-width: 0;
        padding: 27px 25px 22px;
        border: 1px solid #e0e4ef;
        border-radius: 26px;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 22px 55px rgba(31, 43, 80, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
    }
    
    .nova-chart-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 15px;
        margin-bottom: 23px;
    }
    
    .nova-chart-head strong {
        display: block;
        margin-bottom: 5px;
        color: #5d64f3;
        font-size: 16px;
    }
    
    .nova-chart-cash .nova-chart-head strong {
        color: #8055ea;
    }
    
    .nova-chart-head span {
        color: #52627f;
        font-size: 12px;
    }
    
    .nova-chart-tag {
        padding: 7px 16px;
        border-radius: 10px;
        background: #e8edff;
        color: #5271ee;
        font-size: 10px;
    }
    
    .nova-chart-cash .nova-chart-tag {
        background: #f0e8ff;
        color: #8257d8;
    }
    /* corps graphique */
    
    .nova-chart {
        display: grid;
        grid-template-columns: 32px 1fr;
        gap: 8px;
    }
    
    .nova-axis {
        height: 185px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: #75829a;
        font-size: 8px;
        text-align: right;
    }
    
    .nova-chart-zone {
        position: relative;
        height: 185px;
    }
    
    .nova-grid-lines {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .nova-grid-lines i {
        display: block;
        height: 1px;
        background: #edf0f5;
    }
    
    .nova-bars {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: flex-end;
        gap: 9px;
        padding: 0 8px;
    }
    
    .nova-bars i {
        position: relative;
        z-index: 2;
        flex: 1;
        min-width: 8px;
        border-radius: 7px 7px 2px 2px;
    }
    
    .nova-chart-sales .nova-bars i {
        background: linear-gradient( 180deg, #4d8aff, #5268ff 64%, #765cff);
    }
    
    .nova-chart-cash .nova-bars i {
        background: linear-gradient( 180deg, #ff8959, #dc60ae 48%, #8359e9);
    }
    /* ligne pointillée */
    
    .nova-trend {
        position: absolute;
        z-index: 3;
        inset: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
    }
    
    .nova-trend path {
        fill: none;
        stroke: #557cff;
        stroke-width: 2;
        stroke-dasharray: 5 6;
        vector-effect: non-scaling-stroke;
    }
    
    .nova-chart-cash .nova-trend path {
        stroke: url("#nothing");
        stroke: #dc65bb;
    }
    /* mois */
    
    .nova-months {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        margin: 9px 0 0 40px;
        color: #69758e;
        font-size: 8px;
        text-align: center;
    }
    /* signe ≠ */
    
    .nova-not-equal {
        position: relative;
        z-index: 4;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        margin: auto;
        border: 1px solid #e3e6ef;
        border-radius: 50%;
        background: #fff;
        color: #10162d;
        font-size: 28px;
        font-weight: 900;
        box-shadow: 0 12px 30px rgba(26, 37, 71, .08);
    }
    /* =========================================================
   DÉCALAGE
   ========================================================= */
    
    .nova-delay {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 16px;
        align-items: center;
        margin: 25px 15% 38px 39%;
    }
    
    .nova-delay span {
        padding: 7px 18px;
        border-radius: 50px;
        background: linear-gradient(90deg, #6857ed, #875ce9);
        color: #fff;
        font-size: 9px;
        font-weight: 800;
        white-space: nowrap;
        box-shadow: 0 8px 22px rgba(105, 84, 235, .18);
    }
    
    .nova-delay-line {
        height: 1px;
        border-top: 1px dashed #826cea;
    }
    /* =========================================================
   PARCOURS FINANCIER
   ========================================================= */
    
    .nova-money-flow {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 25px;
        padding: 38px 42px 34px;
        border-radius: 28px;
        background: radial-gradient(circle at 50% 120%, rgba(82, 73, 220, .15), transparent 40%), #081129;
        box-shadow: 0 24px 60px rgba(12, 21, 50, .17);
    }
    
    .nova-flow-track {
        position: absolute;
        top: 79px;
        left: 10%;
        right: 10%;
        height: 1px;
        background: linear-gradient( 90deg, #4b8eff, #6f60ef, #a55add, #ea6598, #ff974e);
    }
    
    .nova-flow-track:after {
        content: "→";
        position: absolute;
        right: -8px;
        top: -13px;
        color: #ff964d;
        font-size: 22px;
    }
    /* étapes */
    
    .nova-flow-step {
        position: relative;
        z-index: 2;
        text-align: center;
    }
    
    .nova-flow-icon {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 72px;
        height: 72px;
        margin: 0 auto 19px;
        border: 1px solid currentColor;
        border-radius: 50%;
        background: #0b1632;
        box-shadow: 0 0 0 7px #081129, inset 0 0 24px rgba(90, 95, 255, .15);
    }
    
    .nova-flow-icon svg {
        width: 32px;
        height: 32px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    
    .nova-flow-icon.blue {
        color: #4c8cff;
    }
    
    .nova-flow-icon.purple {
        color: #8c5eff;
    }
    
    .nova-flow-icon.violet {
        color: #a965f2;
    }
    
    .nova-flow-icon.pink {
        color: #ec629d;
    }
    
    .nova-flow-icon.orange {
        color: #ff974d;
    }
    
    .nova-flow-num {
        margin-bottom: 7px;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .08em;
    }
    
    .blue-text {
        color: #4f92ff;
    }
    
    .purple-text {
        color: #8d66f2;
    }
    
    .violet-text {
        color: #b06be6;
    }
    
    .pink-text {
        color: #f06c9e;
    }
    
    .orange-text {
        color: #ff9850;
    }
    
    .nova-flow-step p {
        margin: 0;
        color: #eef2ff;
        font-size: 11px;
        line-height: 1.55;
    }
    /* planète */
    
    .nova-platform-icon {
        position: relative;
    }
    
    .planet {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: linear-gradient(135deg, #9a64ff, #e369ce);
        box-shadow: 0 0 13px rgba(153, 96, 255, .55);
    }
    
    .planet-ring {
        position: absolute;
        width: 45px;
        height: 16px;
        border: 2px solid #a26aff;
        border-radius: 50%;
        transform: rotate(-18deg);
    }
    
    .satellite {
        position: absolute;
        top: 16px;
        right: 17px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #ff9453;
        box-shadow: 0 0 8px rgba(255, 148, 83, .7);
    }
    /* graphique % */
    
    .nova-pie-icon {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: conic-gradient( #ed639d 0 26%, rgba(237, 99, 157, .15) 26% 100%);
    }
    
    .nova-pie-icon:before {
        content: "";
        position: absolute;
        inset: 6px;
        border-radius: 50%;
        background: #0b1632;
    }
    
    .nova-pie-icon span {
        position: relative;
        z-index: 2;
        font-size: 11px;
        font-weight: 900;
    }
    /* =========================================================
   VISION À VENIR
   ========================================================= */
    
    .nova-future {
        display: grid;
        grid-template-columns: 1.15fr 1fr 1fr 1fr;
        gap: 26px;
        align-items: center;
        margin-top: 20px;
        padding: 28px 34px;
        border-radius: 26px;
        color: #fff;
        background: radial-gradient(circle at 10% 120%, rgba(92, 71, 220, .25), transparent 40%), radial-gradient(circle at 90% -20%, rgba(255, 138, 64, .12), transparent 32%), linear-gradient(110deg, #0d1231, #101635);
        box-shadow: 0 20px 50px rgba(14, 20, 55, .13);
    }
    
    .nova-future-title {
        padding-right: 28px;
        border-right: 1px solid rgba(255, 255, 255, .12);
    }
    
    .nova-future-title small {
        display: block;
        margin-bottom: 10px;
        color: #a885ff;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .14em;
    }
    
    .nova-future-title strong {
        font-size: 22px;
        line-height: 1.15;
    }
    
    .nova-future-item {
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 14px;
        align-items: center;
    }
    
    .nova-future-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 49px;
        height: 49px;
        border: 1px solid #7666f7;
        border-radius: 50%;
        background: rgba(86, 71, 208, .16);
    }
    
    .nova-future-icon svg {
        width: 25px;
        height: 25px;
        fill: none;
        stroke: #967eff;
        stroke-width: 2.4;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    
    .nova-future-icon.pink-ring span,
    .nova-future-icon.orange-ring span {
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }
    
    .nova-future-icon.pink-ring span {
        background: conic-gradient( #df62bd 0 27%, transparent 27% 100%);
        border: 2px solid rgba(223, 98, 189, .5);
    }
    
    .nova-future-icon.orange-ring span {
        position: relative;
        border: 3px solid #ff974e;
    }
    
    .nova-future-icon.orange-ring span:after {
        content: "";
        position: absolute;
        inset: 5px;
        border-radius: 50%;
        background: #ff974e;
    }
    
    .nova-future-item strong {
        display: block;
        margin-bottom: 5px;
        font-size: 13px;
    }
    
    .nova-future-item p {
        margin: 0;
        color: #a3aec9;
        font-size: 10px;
        line-height: 1.5;
    }
    /* =========================================================
   RESPONSIVE
   ========================================================= */
    
    @media(max-width:1150px) {
        .nova-dual-top {
            grid-template-columns: 1fr 1fr;
        }
        .nova-dual-intro {
            grid-column: 1 / -1;
        }
        .nova-not-equal {
            position: absolute;
            left: 50%;
            bottom: 170px;
            transform: translateX(-50%);
        }
        .nova-delay {
            margin: 25px 12% 38px;
        }
    }
    
    @media(max-width:850px) {
        .nova-dual-top {
            grid-template-columns: 1fr;
        }
        .nova-not-equal {
            position: static;
            transform: none;
        }
        .nova-money-flow {
            grid-template-columns: 1fr;
            gap: 34px;
        }
        .nova-flow-track {
            top: 60px;
            bottom: 60px;
            left: 50%;
            right: auto;
            width: 1px;
            height: auto;
        }
        .nova-flow-track:after {
            display: none;
        }
        .nova-future {
            grid-template-columns: 1fr;
        }
        .nova-future-title {
            padding: 0 0 22px;
            border-right: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .12);
        }
        .nova-delay {
            margin: 24px 0 35px;
        }
    }
    
    @media(max-width:600px) {
        .nova-dual-section {
            padding: 60px 0;
        }
        .nova-chart-card {
            padding: 20px 15px;
        }
        .nova-light-note {
            grid-template-columns: 45px 1fr;
        }
        .nova-money-flow {
            padding: 32px 22px;
        }
    }
    /* =========================================================
   APERÇU CENTRALISÉ — SECTION SYSTEM
   ========================================================= */
    
    .system-overview {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        margin-top: 34px;
    }
    /* =========================================================
   CARTES
   ========================================================= */
    
    .overview-card {
        position: relative;
        min-width: 0;
        overflow: hidden;
        padding: 18px;
        border: 1px solid rgba(255, 255, 255, .09);
        border-radius: 20px;
        background: linear-gradient( 145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 12px 30px rgba(0, 0, 0, .08);
    }
    
    .overview-card-head {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 17px;
    }
    
    .overview-card-head small {
        display: block;
        margin-bottom: 4px;
        color: #7381a5;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .14em;
    }
    
    .overview-card-head strong {
        display: block;
        color: #fff;
        font-size: 14px;
    }
    
    .overview-mini-icon {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        border: 1px solid rgba(113, 93, 255, .35);
        border-radius: 50%;
        background: rgba(95, 78, 255, .08);
        color: #8e79ff;
        font-size: 16px;
    }
    /* =========================================================
   PLATEFORMES
   ========================================================= */
    
    .platform-chips {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    
    .platform-chips>span {
        display: flex;
        align-items: center;
        gap: 7px;
        min-width: 0;
        padding: 9px 10px;
        border: 1px solid rgba(255, 255, 255, .075);
        border-radius: 10px;
        background: rgba(5, 11, 31, .42);
        color: #dce4ff;
        font-size: 9px;
        font-weight: 700;
        white-space: nowrap;
    }
    
    .platform-dot {
        flex: 0 0 auto;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        box-shadow: 0 0 8px currentColor;
    }
    
    .platform-dot.kdp {
        color: #ff9555;
        background: #ff9555;
    }
    
    .platform-dot.bod {
        color: #5c8fff;
        background: #5c8fff;
    }
    
    .platform-dot.d2d {
        color: #9a6aff;
        background: #9a6aff;
    }
    
    .platform-chips .platform-more {
        color: #9faaca;
        border-style: dashed;
    }
    
    .platform-more i {
        display: grid;
        place-items: center;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #6559dc;
        color: #fff;
        font-style: normal;
        font-size: 11px;
    }
    
    .platform-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 13px;
        color: #68769b;
        font-size: 8px;
    }
    
    .platform-pulse {
        display: flex;
        align-items: center;
        gap: 3px;
    }
    
    .platform-pulse i {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #655eff;
    }
    
    .platform-pulse i:nth-child(2) {
        background: #8c5cff;
    }
    
    .platform-pulse i:nth-child(3) {
        background: #db61ae;
    }
    
    .platform-pulse i:nth-child(4) {
        background: #ff9456;
    }
    /* =========================================================
   URSSAF
   ========================================================= */
    
    .overview-status {
        padding: 5px 8px;
        border-radius: 20px;
        background: rgba(217, 91, 162, .1);
        color: #e27db8;
        font-size: 7px;
        font-weight: 800;
    }
    
    .urssaf-visual {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 16px;
        align-items: center;
    }
    
    .urssaf-ring {
        position: relative;
        display: grid;
        place-items: center;
        width: 96px;
        height: 96px;
        border-radius: 50%;
        background: conic-gradient( #e45da9 0 12.3%, rgba(255, 255, 255, .065) 12.3% 100%);
        box-shadow: 0 0 28px rgba(220, 85, 168, .12);
    }
    
    .urssaf-ring:before {
        content: "";
        position: absolute;
        inset: 8px;
        border-radius: 50%;
        background: #10172f;
    }
    
    .urssaf-ring-center {
        position: relative;
        z-index: 2;
        text-align: center;
    }
    
    .urssaf-ring-center small {
        display: block;
        margin-bottom: 3px;
        color: #7f8bab;
        font-size: 7px;
    }
    
    .urssaf-ring-center strong {
        display: block;
        color: #fff;
        font-size: 13px;
    }
    
    .urssaf-side span {
        display: block;
        color: #7e8ba9;
        font-size: 8px;
    }
    
    .urssaf-side strong {
        display: block;
        margin: 3px 0 10px;
        color: #fff;
        font-size: 18px;
    }
    
    .urssaf-line {
        height: 4px;
        overflow: hidden;
        margin-bottom: 7px;
        border-radius: 10px;
        background: rgba(255, 255, 255, .07);
    }
    
    .urssaf-line i {
        display: block;
        width: 42%;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #875cff, #e45da9);
        box-shadow: 0 0 10px rgba(219, 83, 169, .35);
    }
    
    .urssaf-side small {
        color: #646f90;
        font-size: 7px;
    }
    /* =========================================================
   DISPONIBLE ESTIMÉ
   ========================================================= */
    
    .overview-available {
        background: radial-gradient( circle at 100% 0%, rgba(83, 109, 255, .20), transparent 45%), linear-gradient( 145deg, rgba(67, 80, 180, .16), rgba(255, 255, 255, .025));
    }
    
    .available-glow {
        position: absolute;
        width: 130px;
        height: 130px;
        right: -55px;
        bottom: -65px;
        border-radius: 50%;
        background: rgba(102, 81, 255, .17);
        filter: blur(20px);
    }
    
    .available-live {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #7fe2bb;
        font-size: 7px;
    }
    
    .available-live i {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #61d9aa;
        box-shadow: 0 0 8px rgba(97, 217, 170, .7);
    }
    
    .available-amount {
        position: relative;
        z-index: 2;
        margin-top: 4px;
        color: #fff;
        font-size: 31px;
        font-weight: 900;
        letter-spacing: -.035em;
    }
    
    .available-caption {
        position: relative;
        z-index: 2;
        margin-top: 5px;
        color: #8491b1;
        font-size: 8px;
    }
    
    .available-scale {
        position: relative;
        height: 5px;
        overflow: hidden;
        margin-top: 20px;
        border-radius: 20px;
        background: rgba(255, 255, 255, .065);
    }
    
    .available-scale span {
        display: block;
        width: 78%;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient( 90deg, #4c83ff, #745aff, #aa60df, #ff9252);
    }
    
    .available-scale i {
        position: absolute;
        top: -3px;
        left: 76%;
        width: 10px;
        height: 10px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: #785cff;
        box-shadow: 0 0 10px rgba(111, 86, 255, .8);
    }
    /* =========================================================
   MINI RELEVÉ PDF
   ========================================================= */
    
    .pdf-badge {
        padding: 5px 8px;
        border-radius: 7px;
        background: rgba(255, 126, 74, .12);
        color: #ff9869;
        font-size: 7px;
        font-weight: 900;
    }
    
    .report-preview {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 10px;
        align-items: end;
    }
    
    .report-paper {
        padding: 11px;
        border-radius: 9px;
        background: #f8f9fc;
        color: #11182d;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
    }
    
    .report-paper-head {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        padding-bottom: 7px;
        border-bottom: 1px solid #dce1ec;
    }
    
    .report-paper-head strong {
        display: block;
        font-size: 8px;
    }
    
    .report-paper-head small {
        display: block;
        color: #7b8396;
        font-size: 5px;
    }
    
    .report-paper-head>span {
        color: #7b8396;
        font-size: 5px;
    }
    
    .report-paper-title {
        margin: 7px 0 5px;
        font-size: 7px;
        font-weight: 900;
    }
    
    .report-row {
        display: flex;
        justify-content: space-between;
        gap: 7px;
        padding: 3px 0;
        border-bottom: 1px solid #e8ebf1;
        font-size: 5px;
    }
    
    .report-row strong {
        font-size: 5px;
    }
    
    .report-total {
        margin-top: 2px;
        border-bottom: 0;
        font-weight: 900;
    }
    
    .report-download {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 8px;
        border-radius: 8px;
        background: linear-gradient(135deg, #4e6dff, #7659f7);
        color: #fff;
        font-size: 6px;
        font-weight: 850;
        white-space: nowrap;
        box-shadow: 0 7px 18px rgba(80, 85, 255, .22);
    }
    /* =========================================================
   BANDEAU LIGNE 3
   ========================================================= */
    
    .overview-summary {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 15px;
        background: linear-gradient( 90deg, rgba(64, 83, 199, .13), rgba(123, 75, 196, .08), rgba(255, 116, 72, .08));
    }
    
    .summary-item {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        padding: 12px 14px;
    }
    
    .summary-item+.summary-item {
        border-left: 1px solid rgba(255, 255, 255, .07);
    }
    
    .summary-symbol {
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        font-size: 12px;
    }
    
    .summary-symbol.blue {
        color: #6c91ff;
        background: rgba(78, 112, 255, .1);
        border: 1px solid rgba(78, 112, 255, .22);
    }
    
    .summary-symbol.pink {
        color: #e76ab1;
        background: rgba(231, 106, 177, .08);
        border: 1px solid rgba(231, 106, 177, .2);
    }
    
    .summary-symbol.orange {
        color: #ff965a;
        background: rgba(255, 150, 90, .08);
        border: 1px solid rgba(255, 150, 90, .2);
    }
    
    .summary-item small {
        display: block;
        margin-bottom: 3px;
        overflow: hidden;
        color: #6f7b9a;
        font-size: 6px;
        font-weight: 900;
        letter-spacing: .08em;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .summary-item strong {
        display: block;
        color: #fff;
        font-size: 10px;
    }
    /* =========================================================
   RESPONSIVE
   ========================================================= */
    
    @media(max-width:700px) {
        .system-overview {
            grid-template-columns: 1fr;
        }
        .overview-summary {
            grid-column: auto;
            grid-template-columns: 1fr;
        }
        .summary-item+.summary-item {
            border-left: 0;
            border-top: 1px solid rgba(255, 255, 255, .07);
        }
        .platform-chips {
            grid-template-columns: 1fr;
        }
    }

/* Téléchargement AW-Edit Compta par e-mail */
.navdownload{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:#eef2ff;border-radius:999px;padding:9px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.navdownload:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.34)}
.download-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(6,10,27,.72);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.download-modal.open{opacity:1;visibility:visible}.download-dialog{position:relative;width:min(520px,100%);overflow:hidden;border-radius:26px;background:#fff;color:#10182e;box-shadow:0 35px 110px rgba(5,9,27,.4);transform:translateY(12px) scale(.985);transition:transform .18s ease}.download-modal.open .download-dialog{transform:translateY(0) scale(1)}.download-accent{height:6px;background:linear-gradient(90deg,var(--blue),var(--violet),var(--pink),var(--orange))}.download-content{padding:30px}.download-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;margin-bottom:18px;background:linear-gradient(145deg,#edf2ff,#fff1f8);border:1px solid #e2e6f5;color:#6858f5;font-size:29px;font-weight:900}.download-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#7756ff;font-weight:900}.download-content h2{margin:8px 0 10px;font-size:26px;line-height:1.12;letter-spacing:-.025em}.download-content p{margin:0 0 22px;color:#65708a;font-size:14px;line-height:1.65}.download-close{position:absolute;right:15px;top:17px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#f2f4f8;color:#606a82;font-size:24px;line-height:1;cursor:pointer}.download-close:hover{background:#e9ecf3;color:#172033}.download-field{display:flex;flex-direction:column;gap:7px}.download-field label{font-size:12px;color:#65708a;font-weight:800}.download-field input{width:100%;border:1px solid #d8deea;border-radius:12px;padding:13px 14px;font:inherit;outline:none}.download-field input:focus{border-color:#7756ff;box-shadow:0 0 0 4px rgba(119,86,255,.1)}.download-submit{width:100%;margin-top:13px;border:0;border-radius:12px;padding:13px 16px;background:linear-gradient(110deg,#3b70ee,#7655ff);color:#fff;font:inherit;font-weight:900;cursor:pointer}.download-submit:disabled{opacity:.65;cursor:wait}.download-status{min-height:20px;margin-top:12px;font-size:12px;line-height:1.5}.download-status.success{color:#067647}.download-status.error{color:#b42318}.download-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.download-lock{overflow:hidden}
@media(max-width:900px){.navdownload{margin-left:auto}.mark{margin-right:0}.navbuy{margin-left:0}}
@media(max-width:600px){.nav{gap:8px}.navdownload{padding:8px 10px;font-size:11px}.navbuy{padding:9px 10px;font-size:11px}.download-modal{padding:12px}.download-content{padding:24px 20px}.download-content h2{font-size:23px}}


/* ---------- HERO PRODUIT AW-EDIT COMPTA ---------- */
.hero-purchase-note {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    padding: 11px 16px;
    border: 1px solid rgba(101, 168, 255, .34);
    border-radius: 999px;
    background: linear-gradient(110deg, rgba(57,132,255,.15), rgba(119,86,255,.16), rgba(255,157,59,.10));
    color: #fff;
    box-shadow: 0 10px 30px rgba(71, 86, 255, .14);
}
.hero-purchase-note strong {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .01em;
}
.hero-purchase-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #3984ff, #7756ff, #ff9d3b);
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    box-shadow: 0 0 20px rgba(100, 105, 255, .45);
}
.hero-product-stack {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 500px;
    min-width: 0;
    justify-self: end;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
}
.hero-product-box {
    min-width: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-product-box img {
    display: block;
    width: 100%;
    max-width: 430px;
    max-height: 430px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 28px 34px rgba(0,0,0,.34)) drop-shadow(0 0 26px rgba(70,112,255,.16));
}
.hero-product-info {
    width: 100%;
    padding: 18px 20px;
    border-radius: 20px;
    background: rgba(7, 10, 24, .82);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24);
}
.hero-product-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
}
.hero-product-meta strong {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}
.hero-product-meta span {
    color: #aeb8d1;
    font-size: 10px;
}
@media(max-width:900px) {
    .hero-product-stack {
        justify-self: center;
        max-width: 500px;
        margin-top: 8px;
    }
}
@media(max-width:560px) {
    .hero-purchase-note {
        width: 100%;
        justify-content: center;
        border-radius: 14px;
    }
    .hero-product-stack {
        max-width: 390px;
    }
    .hero-product-box img {
        max-width: 360px;
        max-height: 360px;
    }
    .hero-product-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
}