
/* NexApp V4.1 */
.v41-page{background:#030611;min-height:70vh}
.v41-inner-hero{position:relative;overflow:hidden;min-height:680px;display:grid;place-items:center;padding:150px 0 90px;background:radial-gradient(circle at 50% 35%,#17205a 0,#080b1d 38%,#030611 76%)}
.v41-centered{text-align:center;position:relative;z-index:2;max-width:1050px}
.v41-centered h1{font:800 clamp(50px,6vw,86px)/1 Manrope;letter-spacing:-.055em;margin:18px 0 25px}
.v41-centered h1 em{font-style:normal;background:linear-gradient(90deg,#6384ff,#d232ff);-webkit-background-clip:text;color:transparent}
.v41-centered>p{max-width:760px;margin:auto;color:#abb3cc;font-size:19px;line-height:1.75}
.v41-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.28;animation:v41Pulse 6s ease-in-out infinite}
.v41-orb.one{width:360px;height:360px;background:#285cff;left:-100px;top:20%}.v41-orb.two{width:330px;height:330px;background:#c62cff;right:-80px;top:28%}
@keyframes v41Pulse{50%{transform:scale(1.18);opacity:.4}}
.v41-content{padding:100px 0}.v41-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:55px}
.v41-story h2{font:750 52px/1.05 Manrope;letter-spacing:-.04em}.v41-story p,.v41-values p{color:#a6aec7;line-height:1.8}
.v41-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v41-values>div{padding:30px;border:1px solid #343b68;border-radius:20px;background:linear-gradient(145deg,#0b1022,#070a17);transition:.3s}
.v41-values>div:hover{transform:translateY(-7px);border-color:#a44cff}.v41-values b{color:#9d5cff}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
.seo-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.seo-admin-grid label{display:flex;flex-direction:column;gap:7px}.seo-admin-grid .wide{grid-column:1/-1}
.seo-admin-grid input,.seo-admin-grid textarea{width:100%;padding:12px;border:1px solid #d9deea;border-radius:8px}
@media(max-width:800px){.v41-story,.v41-values,.seo-admin-grid{grid-template-columns:1fr}.seo-admin-grid .wide{grid-column:auto}}

/* V4.1 FORM PAGES */

.v41-form-page {
    position: relative;
    overflow: hidden;
    min-height: 900px;
    padding: 170px 0 100px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 50% 35%,
        #17205a 0,
        #080b1d 38%,
        #030611 76%);
}

.v41-form-shell {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 70px;
    align-items: center;
    max-width: 1250px;
}

.v41-form-intro h1 {
    font: 800 clamp(50px,6vw,82px)/1 Manrope;
    letter-spacing: -.055em;
    margin: 18px 0 24px;
}

.v41-form-intro p {
    color: #aab2cb;
    font-size: 18px;
    line-height: 1.75;
    max-width: 520px;
}

.v41-contact-points {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 30px;
}

.v41-contact-points span {
    padding: 14px 16px;
    border-left: 2px solid #8b54ff;
    background: rgba(255,255,255,.03);
    color: #c5cae0;
}

.v41-form-card {
    padding: 12px;
    border-radius: 26px;
    border: 1px solid rgba(104,89,255,.42);
    background:
        linear-gradient(
            145deg,
            rgba(49,58,120,.25),
            rgba(181,50,255,.14)
        );
    box-shadow: 0 35px 90px rgba(0,0,0,.48);
}

.v41-form-card .premium-form {
    margin: 0 !important;
    padding: 34px !important;
    border-radius: 20px !important;
    background: #0a0f20 !important;
}

.v41-form-card .premium-form input,
.v41-form-card .premium-form select,
.v41-form-card .premium-form textarea {
    background: #10162b !important;
    color: #fff !important;
    border: 1px solid #363f72 !important;
}

.v41-form-card .premium-form input:focus,
.v41-form-card .premium-form select:focus,
.v41-form-card .premium-form textarea:focus {
    border-color: #875cff !important;
    box-shadow: 0 0 0 3px rgba(135,92,255,.13) !important;
}

.v41-form-card .premium-form label > span {
    color: #c5cae0 !important;
}

.v41-form-card .premium-form select option {
    color: #fff !important;
    background: #10162b !important;
}

@media(max-width: 800px) {

    .v41-form-page {
        padding-top: 125px;
    }

    .v41-form-shell {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .v41-form-intro {
        text-align: center;
    }

    .v41-contact-points {
        text-align: left;
    }

    .v41-form-card .premium-form {
        padding: 22px !important;
    }
}


/* ==================================
   V4.1 PRODUCT PAGES
================================== */

.v41-product-page {
    background:#030611;
}

.v41-product-hero {
    position:relative;
    overflow:hidden;
    padding:160px 0 100px;
    min-height:820px;

    background:
        radial-gradient(
            circle at 72% 30%,
            #18275e 0,
            #080c1e 38%,
            #030611 75%
        );
}

.v41-product-grid {
    position:relative;
    z-index:2;

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

    gap:70px;
    align-items:center;
}

.v41-back {
    display:block;

    margin-bottom:25px;

    color:#8f98b7;

    text-decoration:none;
}

.v41-product-symbol {

    width:70px;
    height:70px;

    display:grid;
    place-items:center;

    margin-top:20px;

    border-radius:18px;

    font-size:35px;

    background:
        linear-gradient(
            145deg,
            #4c59ff,
            #c933ff
        );

    box-shadow:
        0 0 35px
        rgba(128,74,255,.4);
}

.v41-product-copy h1 {

    font:
        800
        clamp(55px,6vw,88px)/1
        Manrope;

    letter-spacing:-.055em;

    margin:
        20px 0
        12px;
}

.v41-product-copy h2 {

    font:
        650
        clamp(25px,3vw,36px)/1.2
        Manrope;

    color:#d0d5ea;

    margin-bottom:20px;
}

.v41-product-copy p {

    color:#aeb6d0;

    font-size:18px;

    line-height:1.75;

    max-width:650px;
}

.v41-price {

    display:inline-block;

    padding:
        10px 15px;

    margin-top:10px;

    border:
        1px solid
        rgba(151,110,255,.4);

    border-radius:10px;

    background:
        rgba(116,68,255,.08);
}


/* preview */

.v41-product-stage {
    position:relative;
}

.v41-product-window {

    border-radius:25px;

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

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #131a38,
            #090d1e
        );

    box-shadow:
        0 40px 100px
        rgba(0,0,0,.5);
}

.v41-window-top {

    height:45px;

    display:flex;

    align-items:center;

    gap:7px;

    padding:
        0 16px;

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

.v41-window-top i {

    width:8px;
    height:8px;

    border-radius:50%;

    background:#65708d;
}

.v41-window-top b {

    margin-left:auto;

    color:#858faa;

    font-size:11px;
}

.v41-app-preview {

    display:grid;

    grid-template-columns:64px 1fr;

    min-height:430px;
}

.v41-app-preview aside {

    padding:18px 13px;

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

.v41-app-preview aside strong {

    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    border-radius:11px;

    background:
        linear-gradient(
            145deg,
            #4d62ff,
            #bd36ff
        );
}

.v41-app-preview aside span {

    display:block;

    height:8px;

    margin:
        28px 5px;

    border-radius:5px;

    background:#27304e;
}

.v41-app-preview section {

    padding:35px;
}

.v41-app-preview small {

    color:#8d96b5;
}

.v41-app-preview h3 {

    font:
        700 28px
        Manrope;
}

.v41-preview-stats {

    display:grid;

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

    gap:12px;

    margin:
        30px 0;
}

.v41-preview-stats div {

    padding:18px;

    border-radius:14px;

    background:#151b38;

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

.v41-preview-stats b {

    display:block;

    font-size:25px;
}

.v41-preview-stats span {

    color:#8992ad;

    font-size:11px;
}

.v41-preview-chart {

    height:150px;

    display:flex;

    align-items:end;

    gap:10px;
}

.v41-preview-chart i {

    flex:1;

    border-radius:
        7px 7px
        3px 3px;

    background:
        linear-gradient(
            #7d61ff,
            #40d7ff
        );
}


/* features */

.v41-product-features {

    padding:
        105px 0;

    background:#050816;
}

.v41-section-title {

    max-width:780px;

    margin-bottom:50px;
}

.v41-section-title h2 {

    font:
        750
        clamp(42px,5vw,65px)/1.02
        Manrope;

    letter-spacing:-.045em;

    margin:
        14px 0;
}

.v41-section-title p {

    color:#9da6bf;

    font-size:17px;
}

.v41-feature-grid {

    display:grid;

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

    gap:16px;
}

.v41-feature-grid article {

    padding:27px;

    border-radius:20px;

    border:
        1px solid
        #343c69;

    background:
        linear-gradient(
            145deg,
            #0b1022,
            #070a17
        );

    transition:.3s;
}

.v41-feature-grid article:hover {

    transform:
        translateY(-6px);

    border-color:#a04bff;
}

.v41-feature-grid article > span {

    color:#9e5cff;

    font-weight:800;
}

.v41-feature-grid h3 {

    font:
        700
        21px
        Manrope;

    margin:
        13px 0
        8px;
}

.v41-feature-grid p {

    color:#9ca5bd;

    line-height:1.65;
}


/* workflow */

.v41-workflow {

    padding:
        20px 0
        100px;

    background:#050816;
}

.v41-workflow-card {

    padding:45px;

    border-radius:28px;

    background:
        radial-gradient(
            circle at 20% 10%,
            #242660,
            #0a0e20 50%,
            #050713
        );

    border:
        1px solid
        #4d4e8a;
}

.v41-workflow-card h2 {

    font:
        750
        clamp(38px,4vw,58px)/1.04
        Manrope;

    letter-spacing:-.04em;

    max-width:850px;
}

.v41-workflow-steps {

    display:grid;

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

    gap:14px;

    margin-top:40px;
}

.v41-workflow-steps > div {

    padding:22px;

    border-radius:17px;

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

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

.v41-workflow-steps b {

    width:34px;
    height:34px;

    display:grid;
    place-items:center;

    margin-bottom:17px;

    border-radius:9px;

    background:#7758ff;
}

.v41-workflow-steps strong,
.v41-workflow-steps span {

    display:block;
}

.v41-workflow-steps strong {

    font-size:18px;
}

.v41-workflow-steps span {

    margin-top:8px;

    color:#929bb8;

    font-size:13px;
}


@media(max-width:900px) {

    .v41-product-grid {

        grid-template-columns:1fr;
    }

    .v41-feature-grid {

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

    .v41-workflow-steps {

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

}


@media(max-width:560px) {

    .v41-product-hero {

        padding-top:125px;
    }

    .v41-product-copy h1 {

        font-size:50px;
    }

    .v41-feature-grid,
    .v41-workflow-steps {

        grid-template-columns:1fr;
    }

    .v41-preview-stats {

        grid-template-columns:1fr;
    }

    .v41-app-preview {

        grid-template-columns:1fr;
    }

    .v41-app-preview aside {

        display:none;
    }

    .v41-workflow-card {

        padding:28px 22px;
    }

}

