/* =========================================================
   PRIME TECH SOLUTIONS
   GLOBAL DESIGN SYSTEM
   DARK + LIGHT THEME
========================================================= */


/* =========================================================
   VARIABLES - DARK THEME DEFAULT
========================================================= */

:root{

    color-scheme:dark;

    --navy:#020817;
    --navy-deep:#01050d;
    --navy-light:#06152b;
    --navy-card:#071328;

    --blue:#087cff;
    --blue-light:#21a2ff;
    --blue-electric:#00b7ff;
    --blue-dark:#0755c9;

    --white:#ffffff;

    --text:#e8edf7;
    --text-soft:#c2ccda;
    --muted:#8291a8;
    --muted-dark:#5f7088;

    --border:rgba(255,255,255,.09);
    --border-blue:rgba(38,149,255,.28);

    --card:rgba(255,255,255,.035);
}


/* =========================================================
   VARIABLES - LIGHT THEME
========================================================= */

html[data-theme="light"]{

    color-scheme:light;

    --navy:#f5f9fd;
    --navy-deep:#edf4fa;
    --navy-light:#eaf3fb;
    --navy-card:#ffffff;

    --blue:#087cff;
    --blue-light:#159cff;
    --blue-electric:#00a7f5;
    --blue-dark:#0755c9;

    --white:#10243e;

    --text:#12263f;
    --text-soft:#3e536b;
    --muted:#687d94;
    --muted-dark:#8998a8;

    --border:rgba(16,42,75,.10);
    --border-blue:rgba(8,124,255,.20);

    --card:rgba(255,255,255,.80);
}


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

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


html{
    scroll-behavior:smooth;
    scroll-padding-top:125px;
}


body{

    font-family:
        "Segoe UI",
        Arial,
        sans-serif;

    background:var(--navy);

    color:var(--text);

    line-height:1.6;

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;

    transition:
        background-color .35s ease,
        color .35s ease;
}


a{
    color:inherit;
}


img{
    max-width:100%;
}


button,
input,
textarea,
select{
    font:inherit;
}


.container{

    width:90%;

    max-width:1200px;

    margin:0 auto;
}


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

.site-header{

    position:sticky;

    top:0;

    z-index:1000;

    background:
        linear-gradient(
            180deg,
            rgba(3,10,25,.98),
            rgba(2,8,23,.95)
        );

    border-bottom:
        1px solid
        rgba(38,149,255,.10);

    backdrop-filter:blur(20px);

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

    box-shadow:
        0 6px 25px
        rgba(0,0,0,.15);

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


.header-inner{

    height:82px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:26px;
}


.site-header .header-inner{

    width:94%;

    max-width:1380px;
}


/* =========================================================
   LOGO
========================================================= */

.logo{

    display:flex;

    align-items:center;

    flex:0 0 270px;

    width:270px;
    height:70px;

    text-decoration:none;
}


.logo img{

    display:block;

    width:100%;
    height:100%;
    max-width:none;
    max-height:none;

    object-fit:contain;
    object-position:left center;

    filter:
        drop-shadow(
            0 0 10px
            rgba(8,124,255,.10)
        );

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


.logo:hover img{

    transform:scale(1.02);

    filter:
        drop-shadow(
            0 0 15px
            rgba(8,124,255,.20)
        );
}


/*
 * Aligne le contenu de logo-light.png sur logo-dark.png,
 * utilisé comme référence de taille et de position.
 */

html[data-theme="light"] .site-header .logo img{

    transform-origin:left top;

    transform:
        translate(.1%,-16%)
        scale(.9898,1.1589);
}


html[data-theme="light"] .site-header .logo:hover img{

    transform:
        translate(.1%,-16%)
        scale(1.0096,1.1821);
}


/* =========================================================
   NAVIGATION
========================================================= */

.main-nav{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:32px;
}


.main-nav a{

    position:relative;

    padding:10px 0;

    color:#bbc6d7;

    text-decoration:none;

    font-size:12px;

    font-weight:600;

    white-space:nowrap;

    transition:
        color .25s ease,
        text-shadow .25s ease;
}


.main-nav a:hover{

    color:white;

    text-shadow:
        0 0 15px
        rgba(38,149,255,.3);
}


.main-nav a::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:0;

    height:2px;

    transform:translateX(-50%);

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            var(--blue),
            var(--blue-electric)
        );

    box-shadow:
        0 0 10px
        rgba(8,124,255,.55);

    transition:width .25s ease;
}


.main-nav a:hover::after{

    width:100%;
}


.main-nav a.assistant-nav-cta,
.main-nav a[href="/assistant/"]{

    display:inline-flex;

    align-items:center;

    gap:7px;

    min-height:40px;

    padding:0 15px;

    border:
        1px solid
        rgba(54,161,255,.48);

    border-radius:10px;

    color:#eaf6ff;

    background:
        linear-gradient(
            135deg,
            rgba(8,124,255,.16),
            rgba(8,124,255,.055)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 7px 22px rgba(8,124,255,.10);
}


.main-nav a.assistant-nav-cta:hover,
.main-nav a[href="/assistant/"]:hover{

    color:white;

    border-color:rgba(88,181,255,.78);

    background:
        linear-gradient(
            135deg,
            rgba(24,148,255,.30),
            rgba(8,100,223,.15)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 10px 28px rgba(8,124,255,.18);

    transform:translateY(-1px);
}


.main-nav a.assistant-nav-cta::after,
.main-nav a[href="/assistant/"]::after{

    display:none;
}


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

.header-actions{

    display:flex;

    align-items:center;

    gap:13px;

    flex-shrink:0;
}


.header-connected-account{

    display:flex;

    align-items:center;

    gap:8px;
}


.header-connected-account[hidden]{

    display:none;
}


.header-account-chip{

    min-height:39px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:6px;

    padding:0 12px;

    border:
        1px solid
        rgba(148,163,184,.18);

    border-radius:10px;

    color:#aebbd0;

    background:rgba(148,163,184,.045);

    font:inherit;

    font-size:11px;

    font-weight:700;

    text-decoration:none;

    white-space:nowrap;

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


button.header-account-chip{

    appearance:none;

    cursor:pointer;
}


.header-account-chip:hover{

    transform:translateY(-1px);

    color:white;

    border-color:rgba(63,165,255,.34);

    background:rgba(8,124,255,.09);

    box-shadow:0 8px 22px rgba(8,124,255,.08);
}


.header-credit-chip > span:first-child,
.header-credit-chip strong{

    color:#5db7ff;
}


.header-company-status{

    width:7px;

    height:7px;

    border-radius:50%;

    background:#24d39a;

    box-shadow:0 0 0 4px rgba(36,211,154,.08);
}


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

.header-login-link{

    position:relative;

    padding:10px 2px;

    color:#aebbd0;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    white-space:nowrap;

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


.header-login-link::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:5px;

    height:1px;

    transform:scaleX(0);

    transform-origin:right center;

    background:
        linear-gradient(
            90deg,
            var(--blue),
            var(--blue-electric)
        );

    transition:transform .25s ease;
}


.header-login-link:hover{

    color:white;

    transform:translateY(-1px);
}


.header-login-link:hover::after{

    transform:scaleX(1);

    transform-origin:left center;
}


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

.header-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:11px 18px;

    color:white;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    white-space:nowrap;

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

    border-radius:9px;

    background:
        rgba(8,124,255,.07);

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


.header-button span{

    font-size:16px;

    transition:transform .25s ease;
}


.header-button:hover{

    transform:translateY(-2px);

    border-color:
        rgba(84,175,255,.72);

    background:
        linear-gradient(
            135deg,
            #20a0ff,
            #0864df
        );

    box-shadow:
        0 13px 30px
        rgba(8,124,255,.28),
        inset 0 1px 0
        rgba(255,255,255,.16);
}


.header-button:hover span{

    transform:translateX(3px);
}


/* =========================================================
   THEME SWITCH
========================================================= */

.theme-toggle{

    flex:0 0 auto;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0;

    border:0;

    outline:0;

    background:transparent;

    cursor:pointer;
}


.theme-toggle-track{

    position:relative;

    width:58px;

    height:30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 8px;

    border-radius:999px;

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

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

    box-shadow:
        inset 0 1px 4px
        rgba(0,0,0,.18);

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


.theme-sun,
.theme-moon{

    position:relative;

    z-index:2;

    font-size:11px;

    line-height:1;

    user-select:none;

    transition:
        color .3s ease,
        opacity .3s ease;
}


.theme-sun{

    color:#60748c;
}


.theme-moon{

    color:#9fcfff;
}


.theme-toggle-thumb{

    position:absolute;

    z-index:1;

    top:3px;

    right:3px;

    width:22px;

    height:22px;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #159cff,
            #0755c9
        );

    box-shadow:
        0 3px 10px
        rgba(8,124,255,.30),
        inset 0 1px 0
        rgba(255,255,255,.25);

    transition:
        transform .3s cubic-bezier(.4,0,.2,1),
        background .3s ease,
        box-shadow .3s ease;
}


.theme-toggle:focus-visible
.theme-toggle-track{

    outline:
        2px solid
        rgba(8,124,255,.65);

    outline-offset:3px;
}


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

.hero{

    position:relative;

    min-height:760px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% 15%,
            rgba(8,124,255,.18),
            transparent 35%
        ),

        linear-gradient(
            135deg,
            #010612,
            #06152b 53%,
            #020817
        );

    transition:background .35s ease;
}


/* =========================================================
   HERO GRID
========================================================= */

.hero-grid{

    position:absolute;

    inset:0;

    opacity:.13;

    pointer-events:none;

    background-image:

        linear-gradient(
            rgba(40,135,255,.09) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(40,135,255,.09) 1px,
            transparent 1px
        );

    background-size:60px 60px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 30%,
            transparent 90%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 30%,
            transparent 90%
        );
}


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

.hero-background{

    position:absolute;

    inset:0;

    pointer-events:none;

    background-image:

        linear-gradient(
            115deg,
            transparent 45%,
            rgba(8,124,255,.10) 45.2%,
            transparent 45.6%
        ),

        linear-gradient(
            295deg,
            transparent 65%,
            rgba(8,124,255,.07) 65.2%,
            transparent 65.6%
        );
}


.hero-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(130px);

    pointer-events:none;
}


.hero-glow-left{

    width:500px;

    height:500px;

    left:-300px;

    top:130px;

    background:
        rgba(8,124,255,.10);
}


.hero-glow-right{

    width:600px;

    height:600px;

    right:-350px;

    top:60px;

    background:
        rgba(0,153,255,.10);
}


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

.hero-content{

    position:relative;

    z-index:5;

    padding:100px 0;
}


.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:8px 15px;

    margin-bottom:30px;

    border:
        1px solid
        rgba(38,149,255,.28);

    border-radius:999px;

    background:
        rgba(8,124,255,.07);

    color:#b9d9ff;

    font-size:12px;

    font-weight:650;

    letter-spacing:.2px;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.04);
}


.status-dot{

    width:7px;

    height:7px;

    border-radius:50%;

    background:#20a6ff;

    box-shadow:
        0 0 13px
        #168fff;
}


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

.hero h1{

    max-width:980px;

    margin:0 auto;

    font-size:
        clamp(
            3rem,
            6vw,
            5.5rem
        );

    line-height:1.02;

    letter-spacing:-3px;

    font-weight:720;

    text-shadow:
        0 12px 40px
        rgba(0,0,0,.27);
}


.hero h1 span{

    display:block;

    margin-top:5px;

    background:
        linear-gradient(
            90deg,
            #ffffff 15%,
            #8cccff 55%,
            #118bff
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
}


.hero-text{

    max-width:790px;

    margin:30px auto 0;

    color:#9ba9bd;

    font-size:18px;

    line-height:1.75;
}


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

.hero-actions{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    flex-wrap:wrap;

    margin-top:38px;
}


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

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:11px;

    min-height:51px;

    padding:0 24px;

    border-radius:10px;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

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


.btn > span{

    font-size:17px;

    transition:transform .25s ease;
}


.btn:hover > span{

    transform:translateX(3px);
}


.btn-primary{

    color:white;

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

    background:
        linear-gradient(
            135deg,
            #1192ff,
            #0757c9
        );

    box-shadow:
        0 11px 34px
        rgba(8,124,255,.22),
        inset 0 1px 0
        rgba(255,255,255,.13);
}


.btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:
        0 17px 45px
        rgba(8,124,255,.35),
        inset 0 1px 0
        rgba(255,255,255,.15);
}


.btn-secondary{

    color:#dae5f3;

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

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

    backdrop-filter:blur(8px);
}


.btn-secondary:hover{

    transform:translateY(-3px);

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

    border-color:
        rgba(255,255,255,.25);
}


/* =========================================================
   HERO TRUST
========================================================= */

.hero-trust{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:28px;

    flex-wrap:wrap;

    margin-top:55px;

    color:#697b95;

    font-size:12px;
}


.hero-trust div{

    display:flex;

    align-items:center;

    gap:7px;
}


.hero-trust span{

    color:#1c99ff;
}


.hero-bottom-line{

    position:absolute;

    left:50%;

    bottom:0;

    width:75%;

    height:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(38,149,255,.45),
            transparent
        );

    box-shadow:
        0 0 30px
        rgba(8,124,255,.25);
}


/* =========================================================
   GLOBAL SECTIONS
========================================================= */

.section{

    padding:115px 20px;
}


.section-label{

    margin-bottom:15px;

    color:#168dff;

    font-size:11px;

    font-weight:800;

    letter-spacing:2.4px;
}


.section-heading{

    max-width:770px;

    margin:0 auto 58px;

    text-align:center;
}


.section-heading h2,
.section h2{

    font-size:
        clamp(
            2.1rem,
            4vw,
            3.3rem
        );

    line-height:1.13;

    letter-spacing:-1.5px;
}


.section-heading h2 span,
.section h2 span{

    display:block;

    color:#8998ad;
}


.section-heading p{

    margin-top:20px;

    color:#7d8ca4;

    font-size:15px;

    line-height:1.75;
}


/* =========================================================
   INTRO
========================================================= */

.intro{

    position:relative;

    background:#020817;
}


.intro::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:80%;

    height:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.05),
            transparent
        );
}


.intro-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:90px;

    align-items:center;
}


.intro h2{

    font-size:
        clamp(
            2.1rem,
            4vw,
            3.4rem
        );

    line-height:1.14;
}


.intro h2 span{

    display:block;

    color:#7e8ca2;
}


.intro-text{

    color:#929fb2;

    font-size:16px;

    line-height:1.8;
}


.intro-text p{

    margin-bottom:16px;
}


.intro-text p:last-child{

    margin-bottom:0;
}


.hero-trial-offer{
    display:inline-flex;
    align-items:center;
    gap:13px;
    max-width:620px;
    margin:25px auto 0;
    padding:13px 18px;
    border:1px solid rgba(71,181,255,.32);
    border-radius:13px;
    background:rgba(9,118,224,.11);
    color:#eaf6ff;
    text-align:left;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

.hero-trial-offer[hidden]{
    display:none;
}

.hero-trial-offer > span{
    color:#47b5ff;
    font-size:23px;
}

.hero-trial-offer strong,
.hero-trial-offer small{
    display:block;
}

.hero-trial-offer strong{
    font-size:14px;
}

.hero-trial-offer small{
    margin-top:3px;
    color:#9eb3ca;
    font-size:12px;
    line-height:1.45;
}


/* =========================================================
   PARCOURS D'ACCÈS
========================================================= */

.home-path-section{
    position:relative;
    padding:0 20px 110px;
    background:#020817;
}

.home-path-shell{
    padding:34px;
    border:1px solid rgba(110,174,255,.14);
    border-radius:26px;
    background:
        radial-gradient(circle at 14% 0,rgba(8,124,255,.13),transparent 34%),
        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
    box-shadow:
        0 28px 70px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.045);
}

.home-path-heading{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
    gap:50px;
    align-items:end;
    margin-bottom:28px;
}

.home-path-heading h2{
    margin-top:10px;
    color:#f7fbff;
    font-size:clamp(1.8rem,3vw,2.65rem);
    line-height:1.12;
    letter-spacing:-1.2px;
}

.home-path-heading h2 span{
    display:block;
    color:#8395ac;
}

.home-path-heading p{
    color:#8090a6;
    font-size:14px;
    line-height:1.7;
}

.home-path-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.home-path-card{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:15px;
    align-items:center;
    min-height:116px;
    padding:20px;
    overflow:hidden;
    border:1px solid rgba(148,163,184,.13);
    border-radius:17px;
    color:inherit;
    background:rgba(3,11,26,.62);
    text-decoration:none;
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.home-path-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,rgba(8,124,255,.08),transparent 48%);
    opacity:0;
    transition:opacity .22s ease;
}

.home-path-card:hover{
    transform:translateY(-3px);
    border-color:rgba(52,153,255,.38);
    background:rgba(7,20,42,.78);
    box-shadow:0 16px 35px rgba(0,0,0,.16);
}

.home-path-card:hover::before,
.home-path-card.featured::before{
    opacity:1;
}

.home-path-card.featured{
    border-color:rgba(38,149,255,.32);
}

.home-path-number,
.home-path-content,
.home-path-arrow{
    position:relative;
    z-index:1;
}

.home-path-number{
    color:#2695ff;
    font-size:10px;
    font-weight:850;
    letter-spacing:1px;
}

.home-path-content{
    display:grid;
    gap:7px;
}

.home-path-content strong{
    color:#f4f8ff;
    font-size:14px;
}

.home-path-content small{
    color:#788aa2;
    font-size:11px;
    line-height:1.55;
}

.home-path-arrow{
    color:#2695ff;
    font-size:18px;
    transition:transform .22s ease;
}

.home-path-card:hover .home-path-arrow{
    transform:translateX(3px);
}


/* =========================================================
   SERVICES
========================================================= */

.services-section{

    position:relative;

    background:

        radial-gradient(
            circle at 50% 0,
            rgba(8,124,255,.075),
            transparent 40%
        ),

        #030b1b;
}


.service-grid{

    display:grid;

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

    gap:22px;
}


/* =========================================================
   SERVICE CARD
========================================================= */

.service-card{

    position:relative;

    min-height:390px;

    padding:34px;

    border-radius:18px;

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

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.048),
            rgba(255,255,255,.014)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025),
        0 15px 45px
        rgba(0,0,0,.10);

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


.service-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:2px;

    opacity:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #209dff,
            transparent
        );

    transition:opacity .3s ease;
}


.service-card::after{

    content:"";

    position:absolute;

    width:200px;

    height:200px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:
        rgba(8,124,255,.08);

    filter:blur(50px);

    opacity:0;

    transition:opacity .3s ease;
}


.service-card:hover{

    transform:translateY(-8px);

    border-color:
        rgba(38,149,255,.35);

    background:
        linear-gradient(
            145deg,
            rgba(8,124,255,.075),
            rgba(255,255,255,.02)
        );

    box-shadow:
        0 25px 60px
        rgba(0,0,0,.20),
        0 0 35px
        rgba(8,124,255,.04);
}


.service-card:hover::before,
.service-card:hover::after{

    opacity:1;
}


.service-card.featured{

    border-color:
        rgba(8,124,255,.27);

    background:

        radial-gradient(
            circle at 100% 0,
            rgba(8,124,255,.13),
            transparent 45%
        ),

        linear-gradient(
            145deg,
            rgba(8,124,255,.055),
            rgba(255,255,255,.02)
        );
}


/* =========================================================
   FEATURED LABEL
========================================================= */

.featured-label{

    position:absolute;

    right:20px;

    top:18px;

    padding:5px 9px;

    color:#9fd0ff;

    background:
        rgba(8,124,255,.09);

    border:
        1px solid
        rgba(8,124,255,.20);

    border-radius:999px;

    font-size:9px;

    font-weight:750;

    letter-spacing:.4px;
}


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

.service-card-top{

    display:flex;

    align-items:center;

    justify-content:space-between;
}


.service-icon{

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:13px;

    background:
        linear-gradient(
            145deg,
            rgba(8,124,255,.14),
            rgba(8,124,255,.055)
        );

    border:
        1px solid
        rgba(38,149,255,.19);

    font-size:22px;

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


.service-number{

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

    font-size:13px;

    font-weight:800;

    letter-spacing:1px;
}


.service-card h3{

    margin-top:48px;

    color:white;

    font-size:21px;
}


.service-card > p{

    margin-top:13px;

    color:#7d8da4;

    font-size:14px;

    line-height:1.7;
}


.service-tags{

    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-top:22px;
}


.service-tags span{

    padding:5px 8px;

    border-radius:999px;

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

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

    color:#687990;

    font-size:9px;

    font-weight:600;
}


.service-card > a{

    position:absolute;

    left:34px;

    bottom:28px;

    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#168dff;

    text-decoration:none;

    font-size:13px;

    font-weight:700;
}


.service-card > a span{

    transition:transform .25s ease;
}


.service-card > a:hover span{

    transform:translateX(4px);
}


/* =========================================================
   ASSISTANT
========================================================= */

.assistant-section{

    position:relative;

    padding:125px 20px;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #061327,
            #020817
        );
}


.assistant-line{

    position:absolute;

    top:0;

    left:50%;

    width:70%;

    height:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(8,124,255,.25),
            transparent
        );
}


.assistant-glow{

    position:absolute;

    width:700px;

    height:700px;

    top:50%;

    right:-400px;

    transform:translateY(-50%);

    border-radius:50%;

    background:
        rgba(8,124,255,.10);

    filter:blur(150px);
}


.assistant-wrapper{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;
}


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

.assistant-content h2{

    font-size:
        clamp(
            2.4rem,
            4vw,
            3.6rem
        );

    line-height:1.09;

    letter-spacing:-1.5px;
}


.assistant-content h2 span{

    display:block;

    color:#168dff;
}


.assistant-intro{

    margin-top:22px;

    max-width:580px;

    color:#8998ad;

    font-size:15px;

    line-height:1.75;
}


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

.assistant-features{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px;

    margin:34px 0;
}


.assistant-feature{

    display:flex;

    align-items:flex-start;

    gap:11px;

    min-height:75px;

    padding:15px;

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

    border-radius:11px;

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

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


.assistant-feature:hover{

    border-color:
        rgba(8,124,255,.25);

    background:
        rgba(8,124,255,.045);
}


.feature-icon{

    flex:0 0 32px;

    width:32px;

    height:32px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:8px;

    background:
        rgba(8,124,255,.07);

    font-size:17px;
}


.assistant-feature strong{

    display:block;

    color:#e9eef7;

    font-size:12px;
}


.assistant-feature small{

    display:block;

    margin-top:3px;

    color:#687990;

    font-size:10px;

    line-height:1.45;
}


/* =========================================================
   DASHBOARD SHELL
========================================================= */

.assistant-visual{

    display:flex;

    justify-content:center;
}


.dashboard-shell{

    position:relative;

    width:100%;

    max-width:500px;
}


.dashboard-top-glow{

    position:absolute;

    width:70%;

    height:100px;

    left:50%;

    top:-20px;

    transform:translateX(-50%);

    background:
        rgba(8,124,255,.20);

    filter:blur(55px);
}


/* =========================================================
   DASHBOARD CARD
========================================================= */

.dashboard-card{

    position:relative;

    z-index:2;

    width:100%;

    padding:25px;

    border-radius:20px;

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

    background:

        radial-gradient(
            circle at 80% 0,
            rgba(8,124,255,.10),
            transparent 35%
        ),

        linear-gradient(
            145deg,
            rgba(13,31,57,.97),
            rgba(3,11,25,.99)
        );

    box-shadow:
        0 35px 80px
        rgba(0,0,0,.48),
        0 0 80px
        rgba(8,124,255,.075),
        inset 0 1px 0
        rgba(255,255,255,.045);

    transform:
        perspective(1100px)
        rotateY(-4deg)
        rotateX(1deg);

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


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

.dashboard-header{

    display:flex;

    align-items:center;

    gap:13px;
}


.dashboard-logo{

    flex:0 0 58px;

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    border-radius:12px;

    border:
        1px solid
        rgba(8,124,255,.16);

    background:#06152b;
}


.dashboard-logo img{

    width:53px;

    height:auto;
}


.dashboard-brand{

    flex:1;
}


.dashboard-brand strong{

    display:block;

    color:#eef4ff;

    font-size:13px;
}


.dashboard-brand span{

    display:block;

    margin-top:2px;

    color:#697990;

    font-size:10px;
}


.dashboard-status{

    display:flex;

    align-items:center;

    gap:6px;

    padding:5px 8px;

    border-radius:999px;

    color:#85cfff;

    background:
        rgba(8,124,255,.06);

    border:
        1px solid
        rgba(8,124,255,.15);

    font-size:9px;
}


.dashboard-status span{

    width:5px;

    height:5px;

    border-radius:50%;

    background:#22a4ff;

    box-shadow:
        0 0 8px
        rgba(34,164,255,.8);
}


.dashboard-line-separator{

    height:1px;

    margin:22px 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            transparent
        );
}


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

.dashboard-title{

    color:white;

    font-size:23px;

    font-weight:700;
}


.dashboard-subtitle{

    margin-top:3px;

    color:#6d7d95;

    font-size:11px;
}


/* =========================================================
   DASHBOARD MODULES
========================================================= */

.dashboard-modules{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:11px;

    margin-top:23px;
}


.dashboard-module{

    position:relative;

    display:flex;

    align-items:center;

    gap:10px;

    min-height:68px;

    padding:13px 11px;

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

    border-radius:11px;

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

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


.dashboard-module:hover{

    transform:translateY(-2px);

    border-color:
        rgba(8,124,255,.29);

    background:
        rgba(8,124,255,.055);
}


.dashboard-module-icon{

    flex:0 0 32px;

    width:32px;

    height:32px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:8px;

    background:
        rgba(8,124,255,.065);

    font-size:16px;
}


.dashboard-module strong{

    display:block;

    color:#e6edf8;

    font-size:10px;
}


.dashboard-module small{

    display:block;

    margin-top:2px;

    color:#61728b;

    font-size:8px;
}


.dashboard-arrow{

    position:absolute;

    right:10px;

    top:50%;

    transform:translateY(-50%);

    color:#4e6788;

    font-size:12px;
}


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

.dashboard-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-top:20px;

    padding-top:15px;

    border-top:
        1px solid
        rgba(255,255,255,.045);

    color:#4f6078;

    font-size:8px;
}


/* =========================================================
   WHY SECTION
========================================================= */

.why-section{

    background:#020817;
}


.why-grid{

    display:grid;

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

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

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


.why-item{

    position:relative;

    padding:38px 30px;

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

    transition:background .25s ease;
}


.why-item:last-child{

    border-right:none;
}


.why-item:hover{

    background:
        rgba(8,124,255,.025);
}


.why-number{

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

    font-size:11px;

    font-weight:800;

    letter-spacing:1px;
}


.why-symbol{

    margin-top:28px;

    color:#168dff;

    font-size:18px;
}


.why-item h3{

    margin-top:12px;

    color:white;

    font-size:19px;
}


.why-item p{

    margin-top:10px;

    color:#74849a;

    font-size:12px;

    line-height:1.7;
}


/* =========================================================
   ABOUT
========================================================= */

.about-section{

    position:relative;

    background:
        linear-gradient(
            135deg,
            #030b1a,
            #020817
        );
}


.about-grid{

    display:grid;

    grid-template-columns:
        .8fr 1.2fr;

    gap:100px;

    align-items:center;
}


/* =========================================================
   ABOUT LOGO
========================================================= */

.about-logo{

    display:flex;

    align-items:center;

    justify-content:center;
}


.logo-orbit{

    position:relative;

    width:340px;

    height:340px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(8,124,255,.11),
            transparent 65%
        );

    border:
        1px solid
        rgba(8,124,255,.16);

    box-shadow:
        0 0 80px
        rgba(8,124,255,.09);
}


.orbit{

    position:absolute;

    border-radius:50%;

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


.orbit-one{

    inset:25px;
}


.orbit-two{

    inset:60px;
}


.about-logo-inner{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:260px;

    height:180px;
}


.about-logo-inner img{

    width:240px;

    height:auto;

    filter:
        drop-shadow(
            0 0 18px
            rgba(8,124,255,.13)
        );
}


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

.about-content h2{

    font-size:
        clamp(
            2.2rem,
            4vw,
            3.3rem
        );

    line-height:1.13;

    letter-spacing:-1.5px;
}


.about-content h2 span{

    display:block;

    color:#168dff;
}


.about-content p{

    margin-top:17px;

    color:#8291a7;

    font-size:14px;

    line-height:1.75;
}


.text-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:26px;

    color:#168dff;

    text-decoration:none;

    font-size:13px;

    font-weight:700;
}


.text-link span{

    transition:transform .25s ease;
}


.text-link:hover span{

    transform:translateX(4px);
}


/* =========================================================
   CONTACT
========================================================= */

.contact-section{

    position:relative;

    overflow:hidden;

    padding:105px 20px;

    background:

        radial-gradient(
            circle at 50% 50%,
            rgba(8,124,255,.11),
            transparent 48%
        ),

        #020817;
}


.contact-glow{

    position:absolute;

    width:650px;

    height:650px;

    left:50%;

    top:50%;

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

    border-radius:50%;

    background:
        rgba(8,124,255,.07);

    filter:blur(130px);
}


/* =========================================================
   CONTACT BOX
========================================================= */

.contact-box{

    position:relative;

    z-index:2;

    padding:85px 30px;

    text-align:center;

    border:
        1px solid
        rgba(8,124,255,.18);

    border-radius:22px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% 0,
            rgba(8,124,255,.09),
            transparent 45%
        ),

        linear-gradient(
            135deg,
            rgba(8,124,255,.045),
            rgba(255,255,255,.018)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.03);
}


.contact-box::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    width:45%;

    height:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            #168dff,
            transparent
        );

    box-shadow:
        0 0 20px
        rgba(8,124,255,.4);
}


.contact-content{

    position:relative;

    z-index:2;
}


.contact-box h2{

    max-width:790px;

    margin:auto;

    font-size:
        clamp(
            2.3rem,
            4vw,
            3.7rem
        );

    line-height:1.09;

    letter-spacing:-1.7px;
}


.contact-box h2 span{

    display:block;

    color:#168dff;
}


.contact-box p{

    max-width:640px;

    margin:20px auto 0;

    color:#8493a9;

    font-size:15px;
}


.contact-secondary{

    margin-top:6px !important;

    color:#63758e !important;

    font-size:13px !important;
}


.contact-button{

    margin-top:30px;
}


.contact-email{

    margin-top:23px;

    color:#64758e;

    font-size:12px;
}


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

footer{

    background:
        radial-gradient(circle at 12% 0,rgba(8,124,255,.055),transparent 30%),
        #01050d;

    border-top:
        1px solid
        rgba(255,255,255,.06);
}


.footer-inner{

    min-height:164px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:35px;
}


.footer-brand a{

    display:inline-flex;
}


.footer-brand{

    text-align:center;
}


.footer-brand img{

    width:230px;

    height:auto;

    display:block;

    filter:
        drop-shadow(
            0 0 10px
            rgba(8,124,255,.08)
        );
}


.footer-brand p{

    margin-top:8px;

    color:#485970;

    font-size:10px;

    letter-spacing:.5px;
}


.footer-links{

    display:flex;

    align-items:center;

    gap:6px;

    padding:6px;

    border:1px solid rgba(148,163,184,.10);

    border-radius:999px;

    background:rgba(148,163,184,.035);
}


.footer-links a{

    padding:8px 12px;

    border-radius:999px;

    color:#63738a;

    text-decoration:none;

    font-size:11px;

    transition:color .2s ease;
}


.footer-links a:hover{

    color:#168dff;

    background:rgba(8,124,255,.08);
}


.footer-copy{

    max-width:320px;

    color:#46556a;

    font-size:10px;

    line-height:1.6;

    text-align:right;
}


.footer-bottom{

    padding:16px 20px;

    text-align:center;

    border-top:
        1px solid
        rgba(255,255,255,.045);

    color:#39485c;

    font-size:9px;

    letter-spacing:.5px;
}


/* =========================================================
   PRICING
========================================================= */

.pricing-section{

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(8,124,255,.12),
            transparent 42%
        ),
        #030a18;
}


.pricing-glow{

    position:absolute;

    left:50%;

    top:250px;

    width:820px;

    height:520px;

    transform:translateX(-50%);

    border-radius:50%;

    background:rgba(8,124,255,.055);

    filter:blur(130px);

    pointer-events:none;
}


.pricing-container{

    position:relative;

    z-index:1;
}


.pricing-heading{

    max-width:820px;
}


.pricing-grid{

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(205px,1fr));

    gap:16px;

    align-items:stretch;
}


.pricing-card{

    position:relative;

    display:flex;

    flex-direction:column;

    min-height:390px;

    padding:26px 24px;

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

    border-radius:18px;

    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);

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


.pricing-card:hover{

    transform:translateY(-5px);

    border-color:
        rgba(38,149,255,.28);

    box-shadow:
        0 24px 55px
        rgba(0,0,0,.20),
        inset 0 1px 0
        rgba(255,255,255,.05);
}


.pricing-card.featured{

    border-color:
        rgba(38,149,255,.42);

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(8,124,255,.15),
            transparent 46%
        ),
        linear-gradient(
            145deg,
            rgba(8,124,255,.105),
            rgba(255,255,255,.02)
        );

    box-shadow:
        0 22px 60px
        rgba(8,124,255,.12),
        inset 0 1px 0
        rgba(255,255,255,.075);
}


.pricing-card-badge{

    align-self:flex-start;

    margin-bottom:22px;

    padding:7px 10px;

    border:
        1px solid
        rgba(63,165,255,.30);

    border-radius:999px;

    color:#7ac5ff;

    background:
        rgba(8,124,255,.11);

    font-size:9px;

    font-weight:800;

    letter-spacing:1.2px;
}


.pricing-card-header h3{

    color:white;

    font-size:21px;

    line-height:1.2;
}


.pricing-card-header p{

    min-height:66px;

    margin-top:12px;

    color:#8190a6;

    font-size:12px;

    line-height:1.65;
}


.pricing-price{

    display:flex;

    align-items:baseline;

    flex-wrap:nowrap;

    gap:7px;

    margin-top:22px;
}


.pricing-price strong{

    flex:0 1 auto;

    color:white;

    font-size:
        clamp(
            1.9rem,
            3vw,
            2.45rem
        );

    line-height:1;

    letter-spacing:-1.5px;

    white-space:nowrap;
}


.pricing-price span{

    flex:0 0 auto;

    color:#718198;

    font-size:12px;

    white-space:nowrap;
}


.pricing-benefits{

    display:grid;

    gap:12px;

    margin:22px 0 26px;

    padding:20px 0;

    border-top:
        1px solid
        rgba(255,255,255,.065);

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

    list-style:none;
}


.pricing-benefit{

    display:flex;

    align-items:flex-start;

    gap:10px;

    color:#a1aec0;

    font-size:12px;

    line-height:1.55;
}


.pricing-benefit-icon{

    flex:0 0 auto;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:19px;

    height:19px;

    margin-top:1px;

    border-radius:50%;

    color:#6dc1ff;

    background:
        rgba(8,124,255,.11);

    font-size:10px;

    font-weight:800;
}


.pricing-card .btn{

    width:100%;

    margin-top:auto;

    padding-left:16px;

    padding-right:16px;
}


.pricing-loading,
.pricing-feedback{

    grid-column:1 / -1;

    min-height:190px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:34px;

    text-align:center;

    color:#8291a8;

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

    border-radius:18px;

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


.pricing-loading span{

    width:18px;

    height:18px;

    border:
        2px solid
        rgba(255,255,255,.15);

    border-top-color:
        var(--blue-light);

    border-radius:50%;

    animation:
        pricing-spin .7s linear infinite;
}


@keyframes pricing-spin{

    to{
        transform:rotate(360deg);
    }
}


.pricing-feedback[hidden]{
    display:none;
}


.pricing-tax-notice{
    margin:18px auto 0;
    color:#718198;
    font-size:12px;
    line-height:1.55;
    text-align:center;
}


.custom-pricing-card{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    margin-top:24px;

    padding:34px 38px;

    border:
        1px solid
        rgba(38,149,255,.18);

    border-radius:18px;

    background:
        linear-gradient(
            110deg,
            rgba(8,124,255,.075),
            rgba(255,255,255,.018)
        );
}


.custom-pricing-kicker{

    color:#168dff;

    font-size:9px;

    font-weight:800;

    letter-spacing:1.8px;
}


.custom-pricing-card h3{

    margin-top:7px;

    color:white;

    font-size:20px;
}


.custom-pricing-card p{

    max-width:700px;

    margin-top:7px;

    color:#7889a0;

    font-size:12px;

    line-height:1.65;
}


.custom-pricing-card .btn{

    flex:0 0 auto;
}


/* =========================================================
   FAQ
========================================================= */

.faq-section{

    background:
        linear-gradient(
            135deg,
            #061327,
            #020817
        );
}


.faq-layout{

    display:grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap:85px;

    align-items:start;
}


.faq-intro{

    position:sticky;

    top:125px;
}


.faq-intro h2{

    font-size:
        clamp(
            2.2rem,
            4vw,
            3.25rem
        );

    line-height:1.12;

    letter-spacing:-1.5px;
}


.faq-intro h2 span{

    display:block;

    color:#8998ad;
}


.faq-intro p{

    max-width:470px;

    margin-top:20px;

    color:#7d8ca4;

    font-size:12px;

    line-height:1.75;
}


.faq-intro .text-link{

    margin-top:26px;
}


.faq-list{

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


.faq-list details{

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


.faq-list summary{

    position:relative;

    padding:27px 52px 27px 2px;

    color:#e7edf7;

    cursor:pointer;

    font-size:15px;

    font-weight:700;

    list-style:none;

    transition:color .2s ease;
}


.faq-list summary::-webkit-details-marker{
    display:none;
}


.faq-list summary:focus-visible{

    outline:
        2px solid
        rgba(8,124,255,.55);

    outline-offset:4px;

    border-radius:7px;
}


.faq-list summary::after{

    content:"+";

    position:absolute;

    right:4px;

    top:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    width:30px;

    height:30px;

    transform:translateY(-50%);

    border:
        1px solid
        rgba(38,149,255,.24);

    border-radius:50%;

    color:#56afff;

    background:
        linear-gradient(
            135deg,
            #1192ff,
            #0757c9
        );

    box-shadow:
        0 9px 25px
        rgba(8,124,255,.18),
        inset 0 1px 0
        rgba(255,255,255,.13);

    font-size:18px;

    font-weight:400;

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


.faq-list details[open] summary{

    color:#67b9ff;
}


.faq-list details[open] summary::after{

    transform:
        translateY(-50%)
        rotate(45deg);

    background:
        rgba(8,124,255,.14);
}


.faq-list details p{

    max-width:660px;

    padding:0 52px 28px 2px;

    color:#7d8ca4;

    font-size:13px;

    line-height:1.75;
}


/* =========================================================
   LIGHT THEME - HEADER
========================================================= */

html[data-theme="light"] .site-header{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(248,251,254,.95)
        );

    border-bottom:
        1px solid
        rgba(15,53,91,.09);

    box-shadow:
        0 7px 28px
        rgba(25,58,92,.07);
}


html[data-theme="light"] .main-nav a{

    color:#52677e;
}


html[data-theme="light"] .main-nav a:hover{

    color:#087cff;

    text-shadow:
        0 0 18px
        rgba(8,124,255,.14);
}


html[data-theme="light"] .main-nav a.assistant-nav-cta,
html[data-theme="light"] .main-nav a[href="/assistant/"]{

    color:#075eaf;

    border-color:rgba(8,124,255,.26);

    background:
        linear-gradient(
            135deg,
            rgba(8,124,255,.105),
            rgba(255,255,255,.76)
        );

    box-shadow:
        0 7px 20px rgba(31,63,95,.07),
        inset 0 1px 0 rgba(255,255,255,.95);
}


html[data-theme="light"] .main-nav a.assistant-nav-cta:hover,
html[data-theme="light"] .main-nav a[href="/assistant/"]:hover{

    color:#064f99;

    border-color:rgba(8,124,255,.42);

    background:rgba(8,124,255,.12);
}


html[data-theme="light"] .header-account-chip{

    color:#415a75;

    border-color:rgba(8,124,255,.14);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.96),
            rgba(239,247,255,.88)
        );

    box-shadow:
        0 7px 20px rgba(31,63,95,.05),
        inset 0 1px 0 rgba(255,255,255,.96);
}


html[data-theme="light"] .header-account-chip:hover{

    color:#173c62;

    border-color:rgba(8,124,255,.28);

    background:rgba(8,124,255,.085);
}


html[data-theme="light"] .header-login-link{

    color:#52677e;
}


html[data-theme="light"] .header-login-link:hover{

    color:#087cff;
}


html[data-theme="light"] .header-button{

    color:white;

    border:
        1px solid
        rgba(8,112,224,.35);

    background:
        linear-gradient(
            135deg,
            #1598ff,
            #0864d7
        );

    box-shadow:
        0 9px 25px
        rgba(8,124,255,.18),
        inset 0 1px 0
        rgba(255,255,255,.18);
}


html[data-theme="light"] .header-button:hover{

    color:white;

    border-color:
        rgba(8,112,224,.50);

    background:
        linear-gradient(
            135deg,
            #25a2ff,
            #086be5
        );

    box-shadow:
        0 13px 30px
        rgba(8,124,255,.23),
        inset 0 1px 0
        rgba(255,255,255,.20);
}


/* LIGHT SWITCH */

html[data-theme="light"]
.theme-toggle-track{

    border-color:
        rgba(16,52,88,.13);

    background:#e9f0f6;

    box-shadow:
        inset 0 1px 4px
        rgba(18,50,82,.08);
}


html[data-theme="light"]
.theme-toggle-thumb{

    transform:translateX(-28px);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #dce9f4
        );

    box-shadow:
        0 3px 10px
        rgba(20,52,85,.16),
        inset 0 1px 0
        white;
}


html[data-theme="light"]
.theme-sun{

    color:#087cff;
}


html[data-theme="light"]
.theme-moon{

    color:#8194a8;
}


/* =========================================================
   LIGHT THEME - HERO
========================================================= */

html[data-theme="light"] .hero{

    background:

        radial-gradient(
            circle at 50% 10%,
            rgba(8,124,255,.14),
            transparent 37%
        ),

        radial-gradient(
            circle at 85% 45%,
            rgba(0,183,255,.055),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #ffffff,
            #edf6ff 52%,
            #f8fbff
        );
}


html[data-theme="light"] .hero-grid{

    opacity:.35;

    background-image:

        linear-gradient(
            rgba(8,124,255,.07) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(8,124,255,.07) 1px,
            transparent 1px
        );
}


html[data-theme="light"] .hero-background{

    background-image:

        linear-gradient(
            115deg,
            transparent 45%,
            rgba(8,124,255,.07) 45.2%,
            transparent 45.6%
        ),

        linear-gradient(
            295deg,
            transparent 65%,
            rgba(8,124,255,.05) 65.2%,
            transparent 65.6%
        );
}


html[data-theme="light"] .hero-glow-left{

    background:
        rgba(8,124,255,.09);
}


html[data-theme="light"] .hero-glow-right{

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


html[data-theme="light"] .hero-badge{

    color:#176dbb;

    border:
        1px solid
        rgba(8,124,255,.18);

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

    box-shadow:
        0 5px 20px
        rgba(22,73,120,.055),
        inset 0 1px 0
        rgba(255,255,255,.9);

    backdrop-filter:blur(10px);
}


html[data-theme="light"] .hero h1{

    color:#10243e;

    text-shadow:none;
}


html[data-theme="light"] .hero h1 span{

    background:
        linear-gradient(
            90deg,
            #102d52 5%,
            #087cff 58%,
            #00a9ed
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
}


html[data-theme="light"] .hero-text{

    color:#61758b;
}


html[data-theme="light"] .hero-trust{

    color:#75899e;
}


html[data-theme="light"] .hero-trust span{

    color:#087cff;
}


html[data-theme="light"] .btn-secondary{

    color:#28435f;

    border:
        1px solid
        rgba(16,52,88,.13);

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

    box-shadow:
        0 7px 22px
        rgba(28,60,95,.055);
}


html[data-theme="light"] .btn-secondary:hover{

    background:#ffffff;

    border-color:
        rgba(8,124,255,.25);

    box-shadow:
        0 12px 30px
        rgba(24,72,120,.10);
}


/* =========================================================
   LIGHT THEME - GLOBAL SECTIONS
========================================================= */

html[data-theme="light"] .section-label{

    color:#087cff;
}


html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .section h2{

    color:#10243e;
}


html[data-theme="light"] .section-heading h2 span,
html[data-theme="light"] .section h2 span{

    color:#72869a;
}


html[data-theme="light"] .section-heading p{

    color:#687d92;
}


/* =========================================================
   LIGHT - INTRO
========================================================= */

html[data-theme="light"] .intro{

    background:#ffffff;
}


html[data-theme="light"] .intro::before{

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(17,55,91,.09),
            transparent
        );
}


html[data-theme="light"] .intro h2{

    color:#10243e;
}


html[data-theme="light"] .intro h2 span{

    color:#71859a;
}


html[data-theme="light"] .intro-text{

    color:#65798e;
}

html[data-theme="light"] .hero-trial-offer{
    border-color:rgba(0,105,214,.24);
    background:rgba(8,124,255,.07);
    color:#17324e;
}

html[data-theme="light"] .hero-trial-offer small{
    color:#5a6e84;
}


html[data-theme="light"] .home-path-section{
    background:#ffffff;
}

html[data-theme="light"] .home-path-shell{
    border-color:rgba(18,91,164,.13);
    background:
        radial-gradient(circle at 14% 0,rgba(8,124,255,.10),transparent 34%),
        linear-gradient(145deg,#ffffff,#f6f9fd);
    box-shadow:
        0 24px 60px rgba(30,69,110,.09),
        inset 0 1px 0 rgba(255,255,255,.9);
}

html[data-theme="light"] .home-path-heading h2,
html[data-theme="light"] .home-path-content strong{
    color:#10243e;
}

html[data-theme="light"] .home-path-heading h2 span{
    color:#71859a;
}

html[data-theme="light"] .home-path-heading p,
html[data-theme="light"] .home-path-content small{
    color:#65798e;
}

html[data-theme="light"] .home-path-card{
    border-color:rgba(18,67,116,.11);
    background:rgba(255,255,255,.78);
}

html[data-theme="light"] .home-path-card:hover,
html[data-theme="light"] .home-path-card.featured{
    border-color:rgba(8,124,255,.28);
    background:#ffffff;
    box-shadow:0 15px 34px rgba(30,69,110,.10);
}


/* =========================================================
   LIGHT - SERVICES
========================================================= */

html[data-theme="light"] .services-section{

    background:

        radial-gradient(
            circle at 50% 0,
            rgba(8,124,255,.075),
            transparent 42%
        ),

        #f4f8fc;
}


html[data-theme="light"] .service-card{

    border:
        1px solid
        rgba(18,54,91,.09);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(247,250,253,.95)
        );

    box-shadow:
        0 14px 42px
        rgba(25,59,94,.07),
        inset 0 1px 0
        rgba(255,255,255,.95);
}


html[data-theme="light"] .service-card:hover{

    border-color:
        rgba(8,124,255,.25);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f1f8ff
        );

    box-shadow:
        0 24px 55px
        rgba(24,67,110,.12),
        0 0 35px
        rgba(8,124,255,.04);
}


html[data-theme="light"] .service-card.featured{

    border-color:
        rgba(8,124,255,.20);

    background:

        radial-gradient(
            circle at 100% 0,
            rgba(8,124,255,.09),
            transparent 43%
        ),

        linear-gradient(
            145deg,
            #ffffff,
            #f3f9ff
        );
}


html[data-theme="light"] .service-number{

    color:
        rgba(21,52,83,.20);
}


html[data-theme="light"] .service-card h3{

    color:#132a45;
}


html[data-theme="light"] .service-card > p{

    color:#687d92;
}


html[data-theme="light"] .service-tags span{

    border:
        1px solid
        rgba(18,54,91,.08);

    background:
        rgba(239,245,251,.85);

    color:#62778e;
}


html[data-theme="light"] .featured-label{

    color:#0867c2;

    background:
        rgba(8,124,255,.07);

    border:
        1px solid
        rgba(8,124,255,.16);
}


html[data-theme="light"] .service-icon{

    background:
        linear-gradient(
            145deg,
            rgba(8,124,255,.11),
            rgba(0,183,255,.045)
        );

    border:
        1px solid
        rgba(8,124,255,.14);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.8);
}


/* =========================================================
   LIGHT - ASSISTANT
========================================================= */

html[data-theme="light"] .assistant-section{

    background:

        radial-gradient(
            circle at 85% 45%,
            rgba(8,124,255,.08),
            transparent 35%
        ),

        linear-gradient(
            135deg,
            #edf6ff,
            #ffffff
        );
}


html[data-theme="light"] .assistant-content h2{

    color:#10243e;
}


html[data-theme="light"] .assistant-content h2 span{

    color:#087cff;
}


html[data-theme="light"] .assistant-intro{

    color:#65798e;
}


html[data-theme="light"] .assistant-feature{

    border:
        1px solid
        rgba(18,54,91,.09);

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

    box-shadow:
        0 6px 20px
        rgba(25,60,95,.035);
}


html[data-theme="light"] .assistant-feature:hover{

    border-color:
        rgba(8,124,255,.20);

    background:#ffffff;

    box-shadow:
        0 9px 25px
        rgba(25,60,95,.07);
}


html[data-theme="light"] .feature-icon{

    background:
        rgba(8,124,255,.075);
}


html[data-theme="light"] .assistant-feature strong{

    color:#18314d;
}


html[data-theme="light"] .assistant-feature small{

    color:#71869b;
}


/* =========================================================
   LIGHT - DASHBOARD
========================================================= */

html[data-theme="light"] .dashboard-top-glow{

    background:
        rgba(8,124,255,.13);
}


html[data-theme="light"] .dashboard-card{

    border:
        1px solid
        rgba(19,58,96,.11);

    background:

        radial-gradient(
            circle at 80% 0,
            rgba(8,124,255,.08),
            transparent 36%
        ),

        linear-gradient(
            145deg,
            rgba(255,255,255,.99),
            rgba(239,246,252,.99)
        );

    box-shadow:
        0 35px 75px
        rgba(26,65,104,.16),
        0 0 70px
        rgba(8,124,255,.055),
        inset 0 1px 0
        rgba(255,255,255,.95);
}


html[data-theme="light"] .dashboard-logo{

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

    background:#edf6ff;
}


html[data-theme="light"] .dashboard-brand strong{

    color:#17304c;
}


html[data-theme="light"] .dashboard-brand span{

    color:#73879c;
}


html[data-theme="light"] .dashboard-status{

    color:#0872d3;

    background:
        rgba(8,124,255,.06);

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


html[data-theme="light"] .dashboard-line-separator{

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(20,56,92,.10),
            transparent
        );
}


html[data-theme="light"] .dashboard-title{

    color:#10243e;
}


html[data-theme="light"] .dashboard-subtitle{

    color:#73879c;
}


html[data-theme="light"] .dashboard-module{

    border:
        1px solid
        rgba(20,56,92,.075);

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


html[data-theme="light"] .dashboard-module:hover{

    border-color:
        rgba(8,124,255,.20);

    background:
        rgba(239,247,255,.95);
}


html[data-theme="light"] .dashboard-module-icon{

    background:
        rgba(8,124,255,.07);
}


html[data-theme="light"] .dashboard-module strong{

    color:#19334f;
}


html[data-theme="light"] .dashboard-module small{

    color:#71869b;
}


html[data-theme="light"] .dashboard-arrow{

    color:#8aa0b5;
}


html[data-theme="light"] .dashboard-footer{

    border-top:
        1px solid
        rgba(20,56,92,.07);

    color:#8397aa;
}


/* =========================================================
   LIGHT - WHY
========================================================= */

html[data-theme="light"] .why-section{

    background:#ffffff;
}


html[data-theme="light"] .why-number{

    color:
        rgba(17,49,81,.19);
}


html[data-theme="light"] .why-item:hover{

    background:
        rgba(8,124,255,.025);
}


html[data-theme="light"] .why-item h3{

    color:#142c47;
}


html[data-theme="light"] .why-item p{

    color:#6c8196;
}


/* =========================================================
   LIGHT - ABOUT
========================================================= */

html[data-theme="light"] .about-section{

    background:
        linear-gradient(
            135deg,
            #f4f8fc,
            #ffffff
        );
}


html[data-theme="light"] .logo-orbit{

    background:

        radial-gradient(
            circle,
            rgba(8,124,255,.09),
            transparent 65%
        );

    border:
        1px solid
        rgba(8,124,255,.12);

    box-shadow:
        0 0 80px
        rgba(8,124,255,.055);
}


html[data-theme="light"] .orbit{

    border:
        1px solid
        rgba(8,124,255,.075);
}


html[data-theme="light"] .about-content h2{

    color:#10243e;
}


html[data-theme="light"] .about-content p{

    color:#657a90;
}


/* =========================================================
   LIGHT - CONTACT
========================================================= */

html[data-theme="light"] .contact-section{

    background:

        radial-gradient(
            circle at 50% 50%,
            rgba(8,124,255,.08),
            transparent 48%
        ),

        #f6f9fc;
}


html[data-theme="light"] .contact-glow{

    background:
        rgba(8,124,255,.055);
}


html[data-theme="light"] .contact-box{

    border:
        1px solid
        rgba(8,124,255,.15);

    background:

        radial-gradient(
            circle at 50% 0,
            rgba(8,124,255,.065),
            transparent 45%
        ),

        linear-gradient(
            135deg,
            rgba(255,255,255,.96),
            rgba(245,250,255,.96)
        );

    box-shadow:
        0 22px 60px
        rgba(24,61,99,.08),
        inset 0 1px 0
        rgba(255,255,255,.95);
}


html[data-theme="light"] .contact-box h2{

    color:#10243e;
}


html[data-theme="light"] .contact-box p{

    color:#667b90;
}


html[data-theme="light"] .contact-secondary{

    color:#7b8fa2 !important;
}


html[data-theme="light"] .contact-email{

    color:#74899d;
}


/* =========================================================
   LIGHT - FOOTER
========================================================= */

html[data-theme="light"] footer{

    background:#eef4f9;

    border-top:
        1px solid
        rgba(17,52,87,.08);
}


html[data-theme="light"] .footer-brand p{

    color:#70859a;
}


html[data-theme="light"] .footer-links a{

    color:#61778d;
}


html[data-theme="light"] .footer-links{

    border-color:rgba(17,52,87,.09);

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


html[data-theme="light"] .footer-links a:hover{

    color:#087cff;

    background:rgba(8,124,255,.075);
}


html[data-theme="light"] .footer-copy{

    color:#74889b;
}


html[data-theme="light"] .footer-bottom{

    border-top:
        1px solid
        rgba(17,52,87,.07);

    color:#8496a8;
}


/* =========================================================
   LIGHT - PRICING & FAQ
========================================================= */

html[data-theme="light"] .pricing-section{

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(8,124,255,.09),
            transparent 42%
        ),
        #f7fafd;
}


html[data-theme="light"] .pricing-glow{

    background:
        rgba(8,124,255,.04);
}


html[data-theme="light"] .pricing-card{

    border-color:
        rgba(20,59,96,.11);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(245,249,253,.98)
        );

    box-shadow:
        0 16px 44px
        rgba(32,67,102,.07),
        inset 0 1px 0
        rgba(255,255,255,.95);
}


html[data-theme="light"] .pricing-card:hover{

    border-color:
        rgba(8,124,255,.27);

    box-shadow:
        0 24px 55px
        rgba(32,67,102,.12),
        inset 0 1px 0
        rgba(255,255,255,.95);
}


html[data-theme="light"] .pricing-card.featured{

    border-color:
        rgba(8,124,255,.35);

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(8,124,255,.11),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            #ffffff,
            #f2f8ff
        );

    box-shadow:
        0 24px 60px
        rgba(8,124,255,.12),
        inset 0 1px 0
        rgba(255,255,255,1);
}


html[data-theme="light"] .pricing-card-badge{

    color:#096bc8;

    border-color:
        rgba(8,124,255,.22);

    background:
        rgba(8,124,255,.075);
}


html[data-theme="light"] .pricing-card-header h3,
html[data-theme="light"] .pricing-price strong,
html[data-theme="light"] .custom-pricing-card h3{

    color:#10243e;
}


html[data-theme="light"] .pricing-card-header p,
html[data-theme="light"] .pricing-benefit,
html[data-theme="light"] .custom-pricing-card p{

    color:#667b91;
}


html[data-theme="light"] .pricing-price span{

    color:#71869a;
}


html[data-theme="light"] .pricing-benefits{

    border-color:
        rgba(20,59,96,.09);
}


html[data-theme="light"] .pricing-benefit-icon{

    color:#0870d4;

    background:
        rgba(8,124,255,.09);
}


html[data-theme="light"] .pricing-loading,
html[data-theme="light"] .pricing-feedback{

    color:#667b91;

    border-color:
        rgba(20,59,96,.10);

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


html[data-theme="light"] .pricing-loading span{

    border-color:
        rgba(16,42,75,.13);

    border-top-color:
        var(--blue);
}


html[data-theme="light"] .custom-pricing-card{

    border-color:
        rgba(8,124,255,.15);

    background:
        linear-gradient(
            110deg,
            rgba(8,124,255,.065),
            rgba(255,255,255,.92)
        );

    box-shadow:
        0 16px 40px
        rgba(32,67,102,.055);
}


html[data-theme="light"] .faq-section{

    background:
        linear-gradient(
            135deg,
            #edf5fc,
            #ffffff
        );
}


html[data-theme="light"] .faq-intro h2{

    color:#10243e;
}


html[data-theme="light"] .faq-intro h2 span{

    color:#72869a;
}


html[data-theme="light"] .faq-intro p,
html[data-theme="light"] .faq-list details p{

    color:#657a90;
}


html[data-theme="light"] .faq-list,
html[data-theme="light"] .faq-list details{

    border-color:
        rgba(20,59,96,.10);
}


html[data-theme="light"] .faq-list summary{

    color:#19324d;
}


html[data-theme="light"] .faq-list details[open] summary{

    color:#0870d4;
}


html[data-theme="light"] .faq-list summary::after{

    border-color:
        rgba(8,124,255,.20);

    color:#0870d4;

    background:
        rgba(8,124,255,.065);
}


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

@media(max-width:1100px){

    .logo{
        flex-basis:245px;
        width:245px;
        height:64px;
    }

    .main-nav{
        gap:22px;
    }

    .main-nav a{
        font-size:12px;
    }

    .header-button{
        font-size:12px;
        padding:10px 14px;
    }

    .header-company-chip{
        display:none;
    }

}


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

@media(max-width:950px){

    html{
        scroll-padding-top:100px;
    }

    .header-inner{
        min-height:82px;
        height:auto;
        justify-content:space-between;
    }

    .logo{
        flex-basis:240px;
        width:240px;
        height:62px;
    }

    .main-nav{
        display:none;
    }

    .header-actions{
        display:flex;
    }

    .intro-grid,
    .assistant-wrapper,
    .about-grid,
    .faq-layout{
        grid-template-columns:1fr;
        gap:55px;
    }

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

    .home-path-heading{
        grid-template-columns:1fr;
        gap:18px;
    }

    .home-path-grid{
        grid-template-columns:1fr;
    }

    .faq-intro{
        position:static;
        max-width:660px;
        text-align:center;
        margin:auto;
    }

    .faq-intro .section-label{
        text-align:center;
    }

    .faq-intro p{
        margin-left:auto;
        margin-right:auto;
    }

    .service-grid{
        grid-template-columns:1fr;
        max-width:650px;
        margin:auto;
    }

    .service-card{
        min-height:330px;
    }

    .why-grid{
        grid-template-columns:1fr 1fr;
    }

    .why-item:nth-child(2){
        border-right:none;
    }

    .why-item:nth-child(3),
    .why-item:nth-child(4){
        border-top:
            1px solid
            var(--border);
    }

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

    .assistant-content .section-label{
        text-align:center;
    }

    .assistant-intro{
        margin-left:auto;
        margin-right:auto;
    }

    .assistant-features{
        text-align:left;
    }

    .dashboard-card{
        transform:none;
    }

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

    .about-content .section-label{
        text-align:center;
    }

    .footer-inner{
        flex-direction:column;
        justify-content:center;
        min-height:auto;
        padding:45px 0;
        text-align:center;
    }

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

    .footer-brand img{
        width:220px;
        margin:auto;
    }

}


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

@media(max-width:600px){

    .container{
        width:92%;
    }

    .header-inner{
        min-height:76px;
    }

    .logo{
        flex-basis:150px;
        width:150px;
        height:58px;
    }

    .header-actions{
        gap:8px;
    }

    .header-login-link{
        padding:8px 1px;
        font-size:11px;
    }

    .header-button{
        padding:9px 11px;
        font-size:11px;
    }

    .header-button span{
        display:none;
    }

    .theme-toggle-track{
        width:50px;
    }

    html[data-theme="light"]
    .theme-toggle-thumb{
        transform:translateX(-22px);
    }

    .hero{
        min-height:680px;
    }

    .hero-content{
        padding:75px 0;
    }

    .hero h1{
        font-size:
            clamp(
                2.5rem,
                12vw,
                3.4rem
            );

        letter-spacing:-1.8px;
    }

    .hero-text{
        font-size:15px;
        line-height:1.7;
    }

    .hero-actions{
        flex-direction:column;
    }

    .hero-actions .btn{
        width:100%;
        max-width:330px;
    }

    .hero-trust{
        flex-direction:column;
        gap:8px;
        margin-top:42px;
    }

    .section{
        padding:82px 20px;
    }

    .home-path-section{
        padding:0 20px 82px;
    }

    .home-path-shell{
        padding:24px 18px;
        border-radius:20px;
    }

    .home-path-card{
        min-height:104px;
        padding:17px;
    }

    .section-heading{
        margin-bottom:42px;
    }

    .intro-grid{
        gap:35px;
    }

    .service-card{
        min-height:365px;
        padding:28px;
    }

    .service-card > a{
        left:28px;
    }

    .assistant-section{
        padding:85px 20px;
    }

    .pricing-grid{
        grid-template-columns:1fr;
    }

    .pricing-card{
        min-height:0;
        padding:29px;
    }

    .pricing-card-header p{
        min-height:0;
    }

    .custom-pricing-card{
        align-items:flex-start;
        flex-direction:column;
        gap:24px;
        padding:29px;
    }

    .custom-pricing-card .btn{
        width:100%;
    }

    .faq-layout{
        gap:40px;
    }

    .faq-list summary{
        padding-top:23px;
        padding-bottom:23px;
    }

    .assistant-features{
        grid-template-columns:1fr;
    }

    .dashboard-card{
        padding:20px;
    }

    .dashboard-status{
        display:none;
    }

    .dashboard-modules{
        grid-template-columns:1fr;
    }

    .why-grid{
        grid-template-columns:1fr;
    }

    .why-item{
        border-right:none;
        border-bottom:
            1px solid
            var(--border);
    }

    .why-item:nth-child(3),
    .why-item:nth-child(4){
        border-top:none;
    }

    .why-item:last-child{
        border-bottom:none;
    }

    .logo-orbit{
        width:270px;
        height:270px;
    }

    .about-logo-inner{
        width:210px;
    }

    .about-logo-inner img{
        width:195px;
    }

    .contact-section{
        padding:75px 20px;
    }

    .contact-box{
        padding:58px 20px;
    }

    .footer-links{
        flex-wrap:wrap;
        justify-content:center;
        gap:14px 20px;
    }

    .footer-brand img{
        width:210px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media(max-width:400px){

    .header-inner{
        gap:10px;
    }

    .logo{
        flex-basis:132px;
        width:132px;
        height:52px;
    }

    .header-button{
        padding:8px 9px;
        font-size:10px;
    }

    .header-login-link{
        font-size:10px;
    }

    .theme-toggle-track{
        width:46px;
        height:28px;
    }

    .theme-toggle-thumb{
        width:20px;
        height:20px;
    }

    html[data-theme="light"]
    .theme-toggle-thumb{
        transform:translateX(-20px);
    }

    .hero-badge{
        font-size:10px;
    }

    .hero h1{
        font-size:2.35rem;
    }

    .dashboard-brand strong{
        font-size:11px;
    }

    .dashboard-brand span{
        font-size:9px;
    }

    .contact-box h2{
        font-size:2.1rem;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

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

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

        scroll-behavior:auto !important;

        transition-duration:.01ms !important;

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;
    }

}


/* =========================================================
   NAVIGATION LÉGALE PARTAGÉE
========================================================= */

.legal-footer-bar{
    border-top:1px solid rgba(255,255,255,.045);
}

.legal-footer-inner{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

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

.legal-footer-nav a,
.legal-footer-inner > span{
    color:#52647b;
    text-decoration:none;
    font-size:10px;
    transition:color .2s ease;
}

.legal-footer-nav a:hover,
.legal-footer-nav a[aria-current="page"]{
    color:#168dff;
}

html[data-theme="light"] .legal-footer-bar{
    border-color:rgba(13,45,82,.08);
}

html[data-theme="light"] .legal-footer-nav a,
html[data-theme="light"] .legal-footer-inner > span{
    color:#708097;
}

html[data-theme="light"] .legal-footer-nav a:hover,
html[data-theme="light"] .legal-footer-nav a[aria-current="page"]{
    color:#087cff;
}


/* =========================================================
   TRANSITION ENTRE LE SITE ET PRIMETECH ASSISTANT
========================================================= */

@view-transition{
    navigation:auto;
}

.site-header{
    view-transition-name:primetech-header;
}

.site-header .logo img{
    view-transition-name:primetech-logo;
}

::view-transition-old(root){
    animation:primetech-page-out .16s ease both;
}

::view-transition-new(root){
    animation:primetech-page-in .28s ease both;
}

@keyframes primetech-page-out{
    to{opacity:.15; transform:translateY(-4px);}
}

@keyframes primetech-page-in{
    from{opacity:.15; transform:translateY(5px);}
}

@media(max-width:680px){
    .legal-footer-inner{
        padding:18px 0;
        flex-direction:column;
        align-items:flex-start;
    }
}

@media(prefers-reduced-motion:reduce){
    ::view-transition-old(root),
    ::view-transition-new(root){
        animation:none;
    }
}