.services-page{
    overflow:hidden;
    background:var(--bg-0);
}

.services-hero{
    position:relative;
    min-height:860px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border-bottom:1px solid var(--line);
    background:
        radial-gradient(circle at 72% 42%,rgba(8,123,255,.12),transparent 32%),
        linear-gradient(180deg,var(--bg-0),var(--bg-1));
}

.services-hero-grid{
    position:absolute;
    inset:0;
    opacity:.32;
    background-image:
        linear-gradient(rgba(86,145,212,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(86,145,212,.07) 1px,transparent 1px);
    background-size:58px 58px;
    mask-image:linear-gradient(90deg,#000 0%,#000 70%,transparent 100%);
}

.services-hero-glow{
    position:absolute;
    width:720px;
    height:720px;
    right:-120px;
    top:50%;
    transform:translateY(-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(16,127,255,.13),rgba(16,127,255,.035) 42%,transparent 70%);
    filter:blur(20px);
}

.services-hero-inner{
    position:relative;
    z-index:3;
    width:100%;
}

.services-hero-copy{
    max-width:760px;
    padding-block:150px 110px;
}

.services-hero-kicker{
    margin-bottom:28px;
}

.services-hero-title{
    display:flex;
    flex-direction:column;
    margin:0;
    font-size:clamp(58px,6.4vw,100px);
    line-height:.94;
    letter-spacing:-.058em;
    font-weight:800;
    color:var(--ink-0);
}

.services-hero-accent{
    color:var(--blue);
}

.services-hero-description{
    max-width:700px;
    margin:32px 0 0;
    font-size:18px;
    line-height:1.8;
    color:var(--ink-1);
}

.services-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:38px;
}

.services-hero-visual{
    position:absolute;
    z-index:2;
    width:590px;
    height:590px;
    right:max(3vw,28px);
    top:50%;
    transform:translateY(-50%);
}

.sv-orbit{
    position:absolute;
    left:50%;
    top:50%;
    width:470px;
    height:470px;
    transform:translate(-50%,-50%);
    border:1px solid rgba(45,143,255,.24);
    border-radius:50%;
}

.sv-orbit::before{
    content:'';
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    border-top:1px solid rgba(74,165,255,.75);
    border-right:1px solid transparent;
    animation:servicesOrbit 18s linear infinite;
}

.sv-orbit-2{
    width:330px;
    height:330px;
    border-style:dashed;
    border-color:rgba(45,143,255,.16);
}

.sv-orbit-2::before{
    animation-duration:14s;
    animation-direction:reverse;
}

.sv-core{
    position:absolute;
    left:50%;
    top:50%;
    width:150px;
    height:150px;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    border:1px solid rgba(65,155,255,.5);
    border-radius:34px;
    background:linear-gradient(145deg,rgba(15,41,76,.9),rgba(3,12,26,.94));
    box-shadow:
        inset 0 0 40px rgba(30,130,255,.09),
        0 24px 80px rgba(0,0,0,.42),
        0 0 55px rgba(20,122,255,.12);
}

.sv-core span{
    font-size:72px;
    line-height:1;
    font-weight:800;
    color:#218cff;
    text-shadow:0 0 28px rgba(33,140,255,.4);
}

.sv-node{
    position:absolute;
    width:145px;
    min-height:76px;
    padding:14px 16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    border:1px solid rgba(65,155,255,.26);
    border-radius:16px;
    background:rgba(4,14,29,.87);
    box-shadow:0 18px 45px rgba(0,0,0,.30);
    color:var(--ink-0);
    text-decoration:none;
    backdrop-filter:blur(12px);
    animation:servicesFloat 5s ease-in-out infinite;
}

.sv-node-number{
    color:#278eff;
    font-size:12px;
    letter-spacing:.16em;
    font-weight:700;
}

.sv-node-name{
    font-size:14px;
    line-height:1.35;
    color:#c7d6e9;
    font-weight:600;
}

.sv-node-1{left:0;top:62px;animation-delay:-.4s;}
.sv-node-2{right:0;top:62px;animation-delay:-1.2s;}
.sv-node-3{right:-8px;top:254px;animation-delay:-2s;}
.sv-node-4{right:58px;bottom:22px;animation-delay:-2.8s;}
.sv-node-5{left:58px;bottom:22px;animation-delay:-3.6s;}
.sv-node-6{left:-8px;top:254px;animation-delay:-4.4s;}

.services-nav-section{
    position:relative;
    padding:120px 0;
    border-bottom:1px solid var(--line);
    background:var(--bg-0);
}

.services-nav-head{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);
    gap:80px;
    align-items:end;
}

.services-nav-head h2,
.services-intro h2,
.service-detail-copy > h2,
.services-final h2{
    margin:22px 0 0;
    font-size:clamp(40px,4.2vw,68px);
    line-height:1.03;
    letter-spacing:-.045em;
    color:var(--ink-0);
}

.services-nav-head > p{
    margin:0;
    font-size:17px;
    line-height:1.8;
    color:var(--ink-1);
}

.services-index{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-top:58px;
    border-top:1px solid var(--line);
    border-left:1px solid var(--line);
}

.service-index-card{
    min-height:145px;
    padding:28px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:18px;
    align-items:center;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    color:var(--ink-0);
    text-decoration:none;
    background:rgba(255,255,255,.008);
    transition:background .25s ease,border-color .25s ease,transform .25s ease;
}

.service-index-card:hover{
    background:rgba(8,123,255,.07);
    border-color:rgba(46,143,255,.32);
    transform:translateY(-2px);
}

.service-index-number{
    font-size:12px;
    color:var(--blue);
}

.service-index-card strong{
    font-size:18px;
    line-height:1.3;
}

.service-index-arrow{
    color:var(--blue);
    font-size:22px;
    transition:transform .25s ease;
}

.service-index-card:hover .service-index-arrow{
    transform:translate(3px,-3px);
}

.services-intro{
    padding:150px 0 105px;
}

.services-intro-grid{
    display:grid;
    grid-template-columns:220px minmax(0,1.1fr) minmax(300px,.65fr);
    gap:54px;
    align-items:start;
}

.services-intro-grid h2{
    margin:0;
}

.services-intro-grid p{
    margin:4px 0 0;
    font-size:17px;
    line-height:1.85;
    color:var(--ink-1);
}

.service-sections{
    border-top:1px solid var(--line);
}

.service-detail{
    position:relative;
    padding:135px 0;
    border-bottom:1px solid var(--line);
    scroll-margin-top:100px;
}

.service-detail:nth-child(even){
    background:linear-gradient(180deg,rgba(255,255,255,.008),transparent);
}

.service-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,.85fr);
    gap:90px;
    align-items:center;
}

.service-detail-reverse .service-detail-copy{
    order:2;
}

.service-detail-reverse .service-detail-visual{
    order:1;
}

.service-detail-topline{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:24px;
}

.service-detail-number{
    color:var(--blue);
    font-size:13px;
}

.service-detail-kicker{
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    color:var(--ink-2);
}

.service-detail-copy > h2{
    margin:0;
    max-width:760px;
    font-size:clamp(38px,4.2vw,66px);
}

.service-detail-description{
    max-width:760px;
    margin:28px 0 0;
    font-size:18px;
    line-height:1.82;
    color:var(--ink-1);
}

.service-capabilities{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    margin-top:42px;
    border:1px solid var(--line);
    background:var(--line);
}

.service-capability{
    min-height:170px;
    padding:26px;
    display:grid;
    grid-template-columns:12px 1fr;
    gap:14px;
    background:var(--bg-0);
}

.service-capability-mark{
    width:7px;
    height:7px;
    margin-top:9px;
    border-radius:50%;
    background:var(--blue);
    box-shadow:0 0 12px rgba(8,123,255,.55);
}

.service-capability h3{
    margin:0;
    font-size:17px;
    line-height:1.4;
    color:var(--ink-0);
}

.service-capability p{
    margin:9px 0 0;
    font-size:15px;
    line-height:1.65;
    color:var(--ink-2);
}

.service-detail-note{
    margin-top:30px;
    padding:20px 22px;
    display:grid;
    grid-template-columns:120px 1fr;
    gap:20px;
    border-left:2px solid var(--blue);
    background:rgba(8,123,255,.045);
}

.service-detail-note .mono{
    font-size:11px;
    color:var(--blue);
    letter-spacing:.10em;
}

.service-detail-note p{
    margin:0;
    font-size:15px;
    line-height:1.7;
    color:var(--ink-1);
}

.service-detail-link{
    width:max-content;
    margin-top:30px;
    display:inline-flex;
    align-items:center;
    gap:14px;
    color:var(--ink-0);
    text-decoration:none;
    font-size:16px;
    font-weight:700;
}

.service-detail-link svg{
    width:20px;
    height:20px;
    color:var(--blue);
    transition:transform .25s ease;
}

.service-detail-link:hover svg{
    transform:translateX(5px);
}

.service-detail-visual{
    min-width:0;
}

.service-image-frame,
.service-art{
    position:relative;
    min-height:590px;
    overflow:hidden;
    border:1px solid var(--line-strong);
    border-radius:28px;
    background:
        radial-gradient(circle at 50% 45%,rgba(15,117,255,.12),transparent 42%),
        linear-gradient(150deg,var(--bg-2),var(--bg-0));
    box-shadow:0 32px 80px rgba(0,0,0,.22);
}

.service-image-frame img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.service-image-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,transparent 50%,rgba(2,8,18,.76) 100%),
        linear-gradient(120deg,rgba(8,123,255,.07),transparent 45%);
}

.service-art-grid{
    position:absolute;
    inset:0;
    opacity:.45;
    background-image:
        linear-gradient(rgba(54,137,229,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(54,137,229,.08) 1px,transparent 1px);
    background-size:44px 44px;
    mask-image:radial-gradient(circle at center,#000,transparent 78%);
}

.service-art-orbit{
    position:absolute;
    width:390px;
    height:390px;
    left:50%;
    top:48%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(44,144,255,.25);
    border-radius:50%;
}

.service-art-orbit::before{
    content:'';
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    border-top:2px solid rgba(44,144,255,.72);
    border-right:2px solid transparent;
    animation:servicesOrbit 16s linear infinite;
}

.service-art-orbit-small{
    width:270px;
    height:270px;
    border-style:dashed;
    opacity:.75;
}

.service-art-orbit-small::before{
    animation-duration:11s;
    animation-direction:reverse;
}

.service-art-core{
    position:absolute;
    left:50%;
    top:48%;
    width:180px;
    height:180px;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    border:1px solid rgba(62,157,255,.45);
    border-radius:34px;
    background:rgba(3,13,28,.88);
    box-shadow:
        inset 0 0 45px rgba(23,127,255,.08),
        0 25px 65px rgba(0,0,0,.4),
        0 0 45px rgba(23,127,255,.10);
    animation:servicesCoreFloat 5s ease-in-out infinite;
}

.service-art-core svg{
    width:108px;
    height:108px;
    fill:none;
    stroke:#4ba6ff;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 0 7px rgba(58,158,255,.35));
}

.service-art-label{
    position:absolute;
    left:30px;
    bottom:28px;
    max-width:70%;
    color:#8ebdeb;
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.services-final{
    position:relative;
    min-height:700px;
    display:flex;
    align-items:center;
    overflow:hidden;
    text-align:center;
    border-bottom:1px solid var(--line);
    background:
        linear-gradient(180deg,var(--bg-0),#020a15);
}

.services-final-orbit{
    position:absolute;
    left:50%;
    top:53%;
    width:820px;
    height:820px;
    transform:translate(-50%,-50%);
    border:1px solid rgba(40,139,255,.15);
    border-radius:50%;
}

.services-final-orbit::before,
.services-final-orbit::after{
    content:'';
    position:absolute;
    inset:70px;
    border:1px dashed rgba(40,139,255,.12);
    border-radius:50%;
    animation:servicesOrbit 28s linear infinite;
}

.services-final-orbit::after{
    inset:165px;
    animation-direction:reverse;
    animation-duration:18s;
}

.services-final-glow{
    position:absolute;
    left:50%;
    top:50%;
    width:760px;
    height:520px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle,rgba(8,123,255,.12),transparent 70%);
    filter:blur(24px);
}

.services-final-inner{
    position:relative;
    z-index:2;
    max-width:980px;
}

.services-final h2{
    max-width:950px;
    margin:26px auto 0;
    font-size:clamp(48px,5.4vw,82px);
}

.services-final p{
    max-width:700px;
    margin:28px auto 0;
    font-size:17px;
    line-height:1.8;
    color:var(--ink-1);
}

.services-final-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:36px;
}

html[dir="rtl"] .service-detail-note{
    border-left:0;
    border-right:2px solid var(--blue);
}

html[dir="rtl"] .service-detail-link:hover svg{
    transform:translateX(-5px);
}

@keyframes servicesOrbit{
    to{transform:rotate(360deg);}
}

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

@keyframes servicesCoreFloat{
    0%,100%{transform:translate(-50%,-50%) translateY(0);}
    50%{transform:translate(-50%,-50%) translateY(-9px);}
}

@media (max-width:1450px){
    .services-hero-copy{
        max-width:650px;
    }

    .services-hero-visual{
        width:520px;
        height:520px;
        right:20px;
        opacity:.86;
        transform:translateY(-50%) scale(.9);
    }
}

@media (max-width:1180px){
    .services-hero{
        min-height:820px;
    }

    .services-hero-copy{
        max-width:620px;
    }

    .services-hero-visual{
        right:-120px;
        opacity:.58;
    }

    .services-nav-head{
        grid-template-columns:1fr;
        gap:28px;
    }

    .services-index{
        grid-template-columns:repeat(2,1fr);
    }

    .services-intro-grid{
        grid-template-columns:180px 1fr;
    }

    .services-intro-grid p{
        grid-column:2;
    }

    .service-detail-grid{
        grid-template-columns:1fr;
        gap:58px;
    }

    .service-detail-reverse .service-detail-copy,
    .service-detail-reverse .service-detail-visual{
        order:initial;
    }

    .service-detail-visual{
        max-width:780px;
        width:100%;
    }

    .service-image-frame,
    .service-art{
        min-height:520px;
    }
}

@media (max-width:820px){
    .services-hero{
        min-height:760px;
    }

    .services-hero-copy{
        max-width:100%;
        padding-block:150px 90px;
    }

    .services-hero-title{
        font-size:clamp(48px,10vw,72px);
    }

    .services-hero-visual{
        width:500px;
        height:500px;
        right:-280px;
        opacity:.28;
    }

    .services-nav-section{
        padding:90px 0;
    }

    .services-index{
        grid-template-columns:1fr;
    }

    .service-index-card{
        min-height:110px;
    }

    .services-intro{
        padding:100px 0 75px;
    }

    .services-intro-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .services-intro-grid p{
        grid-column:auto;
    }

    .service-detail{
        padding:95px 0;
    }

    .service-capabilities{
        grid-template-columns:1fr;
    }

    .service-image-frame,
    .service-art{
        min-height:440px;
    }

    .services-final{
        min-height:620px;
    }
}

@media (max-width:560px){
    .services-hero{
        min-height:700px;
    }

    .services-hero-copy{
        padding-block:135px 72px;
    }

    .services-hero-title{
        font-size:clamp(42px,13vw,58px);
    }

    .services-hero-description{
        font-size:16px;
        line-height:1.72;
    }

    .services-hero-actions,
    .services-final-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .services-hero-actions .btn,
    .services-final-actions .btn{
        width:100%;
        justify-content:center;
    }

    .services-nav-head h2,
    .services-intro h2,
    .service-detail-copy > h2{
        font-size:clamp(36px,10vw,50px);
    }

    .service-index-card{
        padding:22px 18px;
    }

    .service-detail-description{
        font-size:16px;
    }

    .service-detail-note{
        grid-template-columns:1fr;
        gap:9px;
    }

    .service-image-frame,
    .service-art{
        min-height:360px;
        border-radius:20px;
    }

    .service-art-orbit{
        width:280px;
        height:280px;
    }

    .service-art-orbit-small{
        width:200px;
        height:200px;
    }

    .service-art-core{
        width:135px;
        height:135px;
        border-radius:26px;
    }

    .service-art-core svg{
        width:82px;
        height:82px;
    }

    .services-final{
        min-height:580px;
        padding-block:90px;
    }

    .services-final h2{
        font-size:clamp(39px,11vw,56px);
    }
}

@media (prefers-reduced-motion:reduce){
    .sv-orbit::before,
    .sv-node,
    .service-art-orbit::before,
    .service-art-core,
    .services-final-orbit::before,
    .services-final-orbit::after{
        animation:none !important;
    }
}

.service-index-card.is-active{background:rgba(8,123,255,.09);border-color:rgba(46,143,255,.34);}


/* Services refinement */
.services-hero{
    padding-left:0;
    padding-right:0;
}

.services-hero-inner{
    width:min(100% - 48px, 1440px);
    max-width:1440px;
    margin-inline:auto;
    padding-inline:0;
    box-sizing:border-box;
}

.services-hero-copy{
    padding-left:0;
    padding-right:0;
}

.services-hero-visual{
    right:max(calc((100vw - 1440px) / 2),24px);
}

.services-nav-head{
    display:block;
}

.services-nav-copy{
    max-width:980px;
}

.services-nav-copy p{
    max-width:760px;
    margin:24px 0 0;
    font-size:17px;
    line-height:1.8;
    color:var(--ink-1);
}

.services-index{
    gap:18px;
    border:0;
    background:transparent;
}

.service-index-card{
    min-height:215px;
    padding:26px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:24px;
    border:1px solid rgba(62,145,235,.24);
    border-radius:18px;
    background:
        radial-gradient(circle at 15% 15%,rgba(17,118,255,.07),transparent 48%),
        rgba(255,255,255,.008);
}

.service-index-card:hover{
    border-color:rgba(48,146,255,.58);
    background:
        radial-gradient(circle at 15% 15%,rgba(17,118,255,.12),transparent 52%),
        rgba(8,123,255,.045);
    transform:translateY(-4px);
}

.service-index-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.service-index-main{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:20px;
    align-items:center;
}

.service-index-icon{
    width:68px;
    height:68px;
    display:grid;
    place-items:center;
    flex:none;
    border:1px solid rgba(49,147,255,.45);
    border-radius:16px;
    background:
        radial-gradient(circle at 50% 30%,rgba(31,134,255,.13),transparent 65%),
        rgba(3,14,31,.72);
    box-shadow:
        inset 0 0 24px rgba(24,124,255,.06),
        0 12px 28px rgba(0,0,0,.18);
}

.service-index-icon svg{
    width:36px;
    height:36px;
    fill:none;
    stroke:#6eb7ff;
    stroke-width:2.3;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 0 7px rgba(56,157,255,.24));
}

.service-index-text{
    min-width:0;
}

.service-index-card strong{
    display:block;
    font-size:19px;
    line-height:1.35;
}

.service-index-subtitle{
    display:block;
    margin-top:8px;
    font-size:15px;
    line-height:1.55;
    color:var(--ink-2);
}

.service-index-arrow{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(49,147,255,.32);
    border-radius:50%;
    font-size:18px;
}

.services-intro{
    padding:120px 0;
}

.services-intro-grid{
    display:block;
}

.services-intro-copy{
    max-width:920px;
}

.services-intro-copy h2{
    max-width:900px;
    margin:22px 0 0;
}

.services-intro-copy p{
    max-width:720px;
    margin:26px 0 0;
    font-size:17px;
    line-height:1.85;
    color:var(--ink-1);
}

@media (max-width:1450px){
    .services-hero-inner{
        width:min(100% - 64px, 1320px);
    }

    .services-hero-visual{
        right:32px;
    }
}

@media (max-width:1180px){
    .services-hero-inner{
        width:100%;
        max-width:none;
        padding-left:32px;
        padding-right:32px;
    }

    .services-hero-visual{
        right:-110px;
    }
}

@media (max-width:820px){
    .services-hero-inner{
        padding-left:24px;
        padding-right:24px;
    }

    .services-index{
        gap:14px;
    }

    .service-index-card{
        min-height:180px;
    }
}

@media (max-width:560px){
    .services-hero-inner{
        padding-left:18px;
        padding-right:18px;
    }

    .service-index-main{
        grid-template-columns:58px minmax(0,1fr);
        gap:16px;
    }

    .service-index-icon{
        width:56px;
        height:56px;
        border-radius:14px;
    }

    .service-index-icon svg{
        width:30px;
        height:30px;
    }

    .service-index-subtitle{
        font-size:14px;
    }

    .services-intro{
        padding:85px 0;
    }
}


.services-breadcrumb{
    position:relative;
    min-height:112px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border-bottom:1px solid var(--line);
    background:linear-gradient(90deg,#020914,#061426 50%,#020914);
}

.services-breadcrumb-media{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
}

.services-breadcrumb-media video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.18;
    mix-blend-mode:screen;
    filter:saturate(.9) contrast(1.05) brightness(.8);
}

.services-breadcrumb-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(2,8,18,.86),rgba(7,24,45,.55) 50%,rgba(2,8,18,.88)),
        radial-gradient(circle at 20% 50%,rgba(17,126,255,.12),transparent 30%),
        radial-gradient(circle at 80% 40%,rgba(17,126,255,.09),transparent 28%);
}

.services-breadcrumb::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(66,145,231,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(66,145,231,.045) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
    pointer-events:none;
}

.services-breadcrumb-inner{
    position:relative;
    z-index:3;
    width:100%;
}

.services-breadcrumb-nav{
    display:flex;
    align-items:center;
    gap:12px;
    width:max-content;
    padding:10px 16px;
    border:1px solid rgba(57,145,244,.20);
    border-radius:999px;
    background:rgba(5,15,29,.50);
    backdrop-filter:blur(10px);
}

.services-breadcrumb-nav a,
.services-breadcrumb-current{
    font-size:16px;
    line-height:1;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}

.services-breadcrumb-nav a{
    color:var(--ink-1);
}

.services-breadcrumb-nav a:hover{
    color:var(--ink-0);
}

.services-breadcrumb-current{
    color:var(--blue);
}

.services-breadcrumb-separator{
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    color:var(--ink-2);
}

.services-breadcrumb-separator svg{
    width:14px;
    height:14px;
}

.services-breadcrumb-dots{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
}

.services-breadcrumb-dots span{
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--blue);
    box-shadow:0 0 12px rgba(40,145,255,.7);
    animation:servicesBreadcrumbFloat 5.5s ease-in-out infinite;
}

.services-breadcrumb-dots span:nth-child(1){left:10%;top:32%;animation-delay:-.4s;}
.services-breadcrumb-dots span:nth-child(2){left:30%;top:66%;animation-delay:-1.8s;}
.services-breadcrumb-dots span:nth-child(3){right:28%;top:30%;animation-delay:-3s;}
.services-breadcrumb-dots span:nth-child(4){right:10%;top:68%;animation-delay:-4.2s;}

html[dir="rtl"] .services-breadcrumb-separator svg{
    transform:rotate(180deg);
}

@keyframes servicesBreadcrumbFloat{
    0%,100%{transform:translateY(0) scale(1);opacity:.28;}
    50%{transform:translateY(-8px) scale(1.25);opacity:.78;}
}

@media (max-width:820px){
    .services-breadcrumb{min-height:96px;}
}

@media (max-width:560px){
    .services-breadcrumb{min-height:86px;}
    .services-breadcrumb-nav{padding:9px 14px;gap:10px;}
    .services-breadcrumb-nav a,
    .services-breadcrumb-current{font-size:15px;}
}

@media (prefers-reduced-motion:reduce){
    .services-breadcrumb-dots span{animation:none !important;}
}


/* Full-page Services video background */
.services-page{
    position:relative;
    isolation:isolate;
    background:transparent;
}

.services-page-bg{
    position:fixed;
    inset:0;
    z-index:-3;
    overflow:hidden;
    pointer-events:none;
}

.services-page-bg video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.22;
    filter:saturate(.95) contrast(1.04) brightness(.72);
}

.services-page-bg-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(2,8,18,.76),rgba(2,8,18,.88)),
        radial-gradient(circle at 70% 20%,rgba(15,119,255,.10),transparent 34%),
        radial-gradient(circle at 20% 70%,rgba(15,119,255,.07),transparent 30%);
}

.services-page > section,
.services-page > .service-sections{
    position:relative;
    z-index:1;
}

.services-breadcrumb{
    background:
        linear-gradient(90deg,rgba(2,9,20,.62),rgba(5,19,36,.44) 50%,rgba(2,9,20,.62));
    backdrop-filter:blur(3px);
}

.services-breadcrumb-media{
    display:none !important;
}

.services-hero{
    background:
        radial-gradient(circle at 72% 42%,rgba(8,123,255,.10),transparent 32%),
        linear-gradient(180deg,rgba(2,8,18,.56),rgba(3,10,21,.68));
}

.services-nav-section,
.services-intro,
.service-detail,
.services-final{
    background-color:transparent;
}

.services-nav-section,
.service-detail,
.services-final{
    backdrop-filter:blur(1.5px);
}

.service-detail:nth-child(even){
    background:rgba(255,255,255,.012);
}

@media (max-width:820px){
    .services-page-bg video{
        opacity:.16;
    }

    .services-page-bg-overlay{
        background:rgba(2,8,18,.84);
    }
}

@media (prefers-reduced-motion:reduce){
    .services-page-bg video{
        display:none;
    }

    .services-page{
        background:var(--bg-0);
    }
}



/* Services header spacing + contained breadcrumb + hero-only video */
.services-page{
    position:relative;
    isolation:auto;
    background:var(--bg-0);
}

.services-page-bg{
    display:none !important;
}

.services-breadcrumb{
    position:relative;
    min-height:78px;
    margin-top:18px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border:1px solid rgba(58,145,243,.18);
    border-radius:18px;
    background:
        linear-gradient(90deg,rgba(7,18,34,.82),rgba(6,23,43,.66) 50%,rgba(7,18,34,.82));
    box-shadow:0 14px 40px rgba(0,0,0,.14);
}

.services-breadcrumb::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(120deg,transparent 0 35%,rgba(25,126,255,.055) 50%,transparent 65%),
        radial-gradient(circle at 14% 50%,rgba(25,126,255,.10),transparent 24%),
        radial-gradient(circle at 84% 45%,rgba(25,126,255,.08),transparent 22%);
    pointer-events:none;
}

.services-breadcrumb::after{
    content:'';
    position:absolute;
    right:-55px;
    top:50%;
    width:180px;
    height:180px;
    transform:translateY(-50%);
    border:1px solid rgba(54,146,255,.14);
    border-radius:50%;
    box-shadow:
        0 0 0 26px rgba(54,146,255,.035),
        0 0 0 52px rgba(54,146,255,.02);
    pointer-events:none;
    animation:servicesBreadcrumbPulse 5s ease-in-out infinite;
}

.services-breadcrumb-nav{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:12px;
    width:max-content;
    padding:0 22px;
    border:0;
    border-radius:0;
    background:transparent;
    backdrop-filter:none;
}

.services-breadcrumb-nav a,
.services-breadcrumb-current{
    font-size:16px;
    line-height:1;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}

.services-breadcrumb-nav a{
    color:var(--ink-1);
}

.services-breadcrumb-current{
    color:var(--blue);
}

.services-breadcrumb-separator{
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    color:var(--ink-2);
}

.services-breadcrumb-separator svg{
    width:14px;
    height:14px;
}

.services-breadcrumb-ambient{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.services-breadcrumb-ambient span{
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--blue);
    box-shadow:0 0 12px rgba(40,145,255,.62);
    opacity:.45;
    animation:servicesBreadcrumbDot 5s ease-in-out infinite;
}

.services-breadcrumb-ambient span:nth-child(1){left:18%;top:30%;animation-delay:-.6s;}
.services-breadcrumb-ambient span:nth-child(2){left:52%;top:66%;animation-delay:-2s;}
.services-breadcrumb-ambient span:nth-child(3){right:14%;top:34%;animation-delay:-3.4s;}

.services-hero{
    position:relative;
    min-height:860px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border-bottom:1px solid var(--line);
    background:transparent;
}

.services-hero-video{
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
}

.services-hero-video video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.24;
    filter:saturate(.95) contrast(1.05) brightness(.72);
}

.services-hero-video-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(2,8,18,.86) 0%,rgba(2,8,18,.74) 46%,rgba(2,8,18,.62) 68%,rgba(2,8,18,.82) 100%),
        radial-gradient(circle at 70% 42%,rgba(15,119,255,.13),transparent 34%),
        linear-gradient(180deg,rgba(2,8,18,.18),rgba(2,8,18,.60));
}

.services-hero-grid,
.services-hero-glow,
.services-hero-visual,
.services-hero-inner{
    z-index:2;
}

.services-nav-section,
.services-intro,
.service-detail,
.services-final{
    background-color:var(--bg-0);
}

.service-detail:nth-child(even){
    background:linear-gradient(180deg,rgba(255,255,255,.008),transparent);
}

html[dir="rtl"] .services-breadcrumb-separator svg{
    transform:rotate(180deg);
}

@keyframes servicesBreadcrumbPulse{
    0%,100%{transform:translateY(-50%) scale(1);opacity:.7;}
    50%{transform:translateY(-50%) scale(1.06);opacity:1;}
}

@keyframes servicesBreadcrumbDot{
    0%,100%{transform:translateY(0);opacity:.25;}
    50%{transform:translateY(-7px);opacity:.7;}
}

@media (max-width:1180px){
    .services-breadcrumb{
        margin-top:14px;
        margin-bottom:14px;
    }
}

@media (max-width:820px){
    .services-breadcrumb{
        min-height:70px;
        margin-top:12px;
        margin-bottom:12px;
        border-radius:15px;
    }

    .services-breadcrumb-nav{
        padding:0 18px;
    }

    .services-hero-video video{
        opacity:.18;
    }
}

@media (max-width:560px){
    .services-breadcrumb{
        min-height:64px;
        border-radius:14px;
    }

    .services-breadcrumb-nav{
        padding:0 14px;
        gap:9px;
    }

    .services-breadcrumb-nav a,
    .services-breadcrumb-current{
        font-size:15px;
    }

    .services-breadcrumb::after{
        width:130px;
        height:130px;
        right:-50px;
    }
}

@media (prefers-reduced-motion:reduce){
    .services-breadcrumb::after,
    .services-breadcrumb-ambient span{
        animation:none !important;
    }

    .services-hero-video video{
        display:none;
    }

    .services-hero{
        background:var(--bg-0);
    }
}


/* Keep Services content below the fixed global header */
.services-page{
    padding-top:96px;
}

@media (max-width:1200px){
    .services-page{
        padding-top:88px;
    }
}

@media (max-width:760px){
    .services-page{
        padding-top:78px;
    }
}



/* Shared video background for Breadcrumb + Hero */
.services-top-stage{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.services-top-video{
    position:absolute;
    inset:0;
    z-index:-2;
    overflow:hidden;
    pointer-events:none;
}

.services-top-video video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.26;
    filter:saturate(.95) contrast(1.05) brightness(.72);
}

.services-top-video-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(2,8,18,.78) 0%,
            rgba(2,8,18,.64) 18%,
            rgba(2,8,18,.56) 48%,
            rgba(2,8,18,.72) 100%
        ),
        radial-gradient(circle at 72% 44%,rgba(15,119,255,.14),transparent 34%),
        radial-gradient(circle at 18% 25%,rgba(15,119,255,.07),transparent 26%);
}

.services-top-stage .services-breadcrumb{
    background:rgba(4,13,25,.42);
    backdrop-filter:blur(4px);
}

.services-top-stage .services-hero{
    background:transparent !important;
}

.services-top-stage .services-hero-video{
    display:none !important;
}

.services-top-stage .services-hero-grid{
    opacity:.22;
}

.services-top-stage .services-hero-glow{
    opacity:.85;
}

@media (max-width:820px){
    .services-top-video video{
        opacity:.18;
    }

    .services-top-video-overlay{
        background:rgba(2,8,18,.80);
    }
}

@media (prefers-reduced-motion:reduce){
    .services-top-video video{
        display:none;
    }

    .services-top-stage{
        background:var(--bg-0);
    }
}


/* Services Hero RTL layout fix */
html[dir="rtl"] .services-hero-inner{
    direction:rtl;
}

html[dir="rtl"] .services-hero-copy{
    grid-column:2;
    text-align:right;
    justify-self:end;
    margin-left:0;
    margin-right:0;
}

html[dir="rtl"] .services-hero-visual{
    left:0;
    right:auto;
    transform:none;
}

html[dir="rtl"] .services-hero-copy h1,
html[dir="rtl"] .services-hero-copy p{
    text-align:right;
}

html[dir="rtl"] .services-hero-actions{
    justify-content:flex-start;
}

html[dir="rtl"] .services-orbit-label{
    direction:rtl;
    text-align:right;
}

html[dir="rtl"] .services-breadcrumb-nav{
    direction:rtl;
}

@media (min-width:1181px){
    html[dir="rtl"] .services-hero-inner{
        display:grid;
        grid-template-columns:minmax(500px, .95fr) minmax(520px, 1.05fr);
        gap:72px;
        align-items:center;
    }

    html[dir="rtl"] .services-hero-copy{
        grid-column:2;
        grid-row:1;
        width:100%;
        max-width:680px;
        position:relative;
        z-index:5;
    }

    html[dir="rtl"] .services-hero-visual{
        grid-column:1;
        grid-row:1;
        position:relative;
        left:auto;
        right:auto;
        width:100%;
        max-width:620px;
        justify-self:start;
        z-index:2;
    }

    html[dir="rtl"] .services-hero-copy h1{
        font-size:clamp(64px,5.7vw,104px);
        line-height:.94;
    }

    html[dir="rtl"] .services-hero-copy p{
        max-width:650px;
    }
}

@media (max-width:1180px){
    html[dir="rtl"] .services-hero-inner{
        direction:rtl;
    }

    html[dir="rtl"] .services-hero-copy{
        grid-column:auto;
        width:100%;
        max-width:720px;
        justify-self:end;
    }

    html[dir="rtl"] .services-hero-visual{
        left:auto;
        right:auto;
        transform:none;
    }
}

@media (max-width:820px){
    html[dir="rtl"] .services-hero-copy{
        max-width:100%;
    }

    html[dir="rtl"] .services-hero-copy h1{
        font-size:clamp(48px,12vw,72px);
        line-height:1;
    }

    html[dir="rtl"] .services-hero-actions{
        justify-content:flex-start;
    }
}


/* Final RTL flip: Arabic copy RIGHT, visual LEFT. English untouched. */
@media (min-width:1181px){
    html[dir="rtl"] .services-hero-inner{
        direction:ltr !important;
        display:grid !important;
        grid-template-columns:minmax(520px,1.05fr) minmax(500px,.95fr) !important;
        gap:72px !important;
        align-items:center !important;
    }

    html[dir="rtl"] .services-hero-copy{
        grid-column:2 !important;
        grid-row:1 !important;
        direction:rtl !important;
        text-align:right !important;
        justify-self:end !important;
        width:100% !important;
        max-width:680px !important;
        margin:0 !important;
        position:relative !important;
        z-index:5 !important;
    }

    html[dir="rtl"] .services-hero-visual{
        grid-column:1 !important;
        grid-row:1 !important;
        direction:ltr !important;
        position:relative !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;
        justify-self:start !important;
        width:100% !important;
        max-width:620px !important;
        z-index:2 !important;
    }

    html[dir="rtl"] .services-hero-copy h1,
    html[dir="rtl"] .services-hero-copy p,
    html[dir="rtl"] .services-hero-copy .kicker{
        direction:rtl !important;
        text-align:right !important;
    }

    html[dir="rtl"] .services-hero-actions{
        direction:rtl !important;
        display:flex !important;
        justify-content:flex-start !important;
        align-items:center !important;
    }
}

@media (max-width:1180px) and (min-width:821px){
    html[dir="rtl"] .services-hero-inner{
        direction:ltr !important;
    }

    html[dir="rtl"] .services-hero-copy{
        direction:rtl !important;
        text-align:right !important;
        justify-self:end !important;
    }

    html[dir="rtl"] .services-hero-visual{
        direction:ltr !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;
    }
}

@media (max-width:820px){
    html[dir="rtl"] .services-hero-inner{
        direction:rtl !important;
    }

    html[dir="rtl"] .services-hero-copy,
    html[dir="rtl"] .services-hero-copy h1,
    html[dir="rtl"] .services-hero-copy p{
        direction:rtl !important;
        text-align:right !important;
    }
}


/* Definitive desktop RTL hero positioning */
@media (min-width:1181px){
    html[dir="rtl"] .services-hero-inner{
        display:block !important;
        direction:rtl !important;
        width:min(100% - 48px,1440px) !important;
        max-width:1440px !important;
        margin-inline:auto !important;
    }

    html[dir="rtl"] .services-hero-copy{
        width:50% !important;
        max-width:680px !important;
        margin-left:0 !important;
        margin-right:auto !important;
        padding-block:150px 110px !important;
        direction:rtl !important;
        text-align:right !important;
        position:relative !important;
        z-index:5 !important;
    }

    html[dir="rtl"] .services-hero-copy .kicker,
    html[dir="rtl"] .services-hero-copy h1,
    html[dir="rtl"] .services-hero-copy p{
        direction:rtl !important;
        text-align:right !important;
    }

    html[dir="rtl"] .services-hero-description{
        margin-right:0 !important;
        margin-left:auto !important;
    }

    html[dir="rtl"] .services-hero-actions{
        direction:rtl !important;
        justify-content:flex-start !important;
    }

    html[dir="rtl"] .services-hero-visual{
        position:absolute !important;
        width:590px !important;
        height:590px !important;
        left:max(calc((100vw - 1440px) / 2),24px) !important;
        right:auto !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        direction:ltr !important;
        z-index:2 !important;
    }

    html[dir="rtl"] .services-hero-glow{
        left:-120px !important;
        right:auto !important;
    }

    html[dir="rtl"] .services-hero-grid{
        mask-image:linear-gradient(270deg,#000 0%,#000 70%,transparent 100%) !important;
    }
}

@media (min-width:1181px) and (max-width:1450px){
    html[dir="rtl"] .services-hero-inner{
        width:min(100% - 64px,1320px) !important;
    }

    html[dir="rtl"] .services-hero-visual{
        left:32px !important;
    }

    html[dir="rtl"] .services-hero-copy{
        width:48% !important;
        max-width:620px !important;
    }
}


/* FINAL Arabic hero correction: copy RIGHT, animation LEFT */
@media (min-width:1181px){
    html[dir="rtl"] .services-hero-copy{
        width:46% !important;
        max-width:650px !important;
        margin-left:auto !important;
        margin-right:0 !important;
        padding-block:150px 110px !important;
    }

    html[dir="rtl"] .services-hero-copy h1{
        max-width:650px !important;
        font-size:clamp(58px,5vw,88px) !important;
        line-height:.98 !important;
        letter-spacing:-.035em !important;
    }

    html[dir="rtl"] .services-hero-description{
        max-width:620px !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    html[dir="rtl"] .services-hero-visual{
        width:540px !important;
        height:540px !important;
        left:max(calc((100vw - 1440px) / 2),24px) !important;
        right:auto !important;
        top:50% !important;
        transform:translateY(-50%) !important;
    }
}

@media (min-width:1181px) and (max-width:1450px){
    html[dir="rtl"] .services-hero-copy{
        width:47% !important;
        max-width:600px !important;
    }

    html[dir="rtl"] .services-hero-copy h1{
        font-size:clamp(54px,4.8vw,78px) !important;
    }

    html[dir="rtl"] .services-hero-visual{
        width:500px !important;
        height:500px !important;
        left:24px !important;
    }
}


/* =========================================================
   SERVICES PAGE — FINAL RESPONSIVE PASS
   ========================================================= */

html,
body{
    max-width:100%;
    overflow-x:hidden;
}

.services-page,
.services-top-stage,
.services-hero,
.services-nav-section,
.services-intro,
.service-detail,
.services-final{
    width:100%;
    max-width:100%;
    overflow-x:clip;
}

.services-page img,
.services-page video,
.services-page svg{
    max-width:100%;
}

/* Large tablets / small laptops */
@media (max-width:1200px){
    .services-page{
        padding-top:88px;
    }

    .services-top-stage > .wrap,
    .services-hero-inner,
    .services-nav-section .wrap,
    .services-intro .wrap,
    .service-detail .wrap,
    .services-final .wrap{
        width:100%;
        max-width:100%;
        padding-left:32px;
        padding-right:32px;
        box-sizing:border-box;
    }

    .services-breadcrumb{
        margin-top:14px;
        margin-bottom:14px;
    }

    .services-hero{
        min-height:760px;
    }

    .services-hero-inner{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(390px,.9fr) !important;
        gap:42px !important;
        align-items:center !important;
    }

    .services-hero-copy{
        position:relative !important;
        width:100% !important;
        max-width:610px !important;
        padding:105px 0 90px !important;
        z-index:5 !important;
    }

    .services-hero-copy h1{
        font-size:clamp(56px,6.3vw,82px) !important;
        line-height:.96 !important;
    }

    .services-hero-visual{
        position:relative !important;
        inset:auto !important;
        transform:none !important;
        width:min(46vw,500px) !important;
        height:min(46vw,500px) !important;
        max-width:500px !important;
        justify-self:end !important;
        margin:0 !important;
    }

    html[dir="rtl"] .services-hero-inner{
        direction:ltr !important;
        grid-template-columns:minmax(390px,.9fr) minmax(0,1fr) !important;
    }

    html[dir="rtl"] .services-hero-visual{
        grid-column:1 !important;
        grid-row:1 !important;
        justify-self:start !important;
        direction:ltr !important;
    }

    html[dir="rtl"] .services-hero-copy{
        grid-column:2 !important;
        grid-row:1 !important;
        justify-self:end !important;
        direction:rtl !important;
        text-align:right !important;
        margin:0 !important;
    }

    .services-index{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .service-index-card{
        min-height:190px;
    }

    .service-detail-inner,
    .service-detail-grid{
        gap:48px !important;
    }
}

/* Tablets */
@media (max-width:900px){
    .services-page{
        padding-top:82px;
    }

    .services-top-stage > .wrap,
    .services-hero-inner,
    .services-nav-section .wrap,
    .services-intro .wrap,
    .service-detail .wrap,
    .services-final .wrap{
        padding-left:24px;
        padding-right:24px;
    }

    .services-breadcrumb{
        min-height:68px;
        margin-top:12px;
        margin-bottom:0;
        border-radius:15px;
    }

    .services-hero{
        min-height:auto;
        padding:72px 0 78px;
    }

    .services-hero-inner,
    html[dir="rtl"] .services-hero-inner{
        display:flex !important;
        flex-direction:column !important;
        gap:58px !important;
        align-items:stretch !important;
        direction:ltr !important;
    }

    .services-hero-copy,
    html[dir="rtl"] .services-hero-copy{
        order:1 !important;
        grid-column:auto !important;
        width:100% !important;
        max-width:720px !important;
        padding:0 !important;
        margin:0 !important;
    }

    html[dir="rtl"] .services-hero-copy{
        margin-left:auto !important;
        direction:rtl !important;
        text-align:right !important;
    }

    .services-hero-copy h1,
    html[dir="rtl"] .services-hero-copy h1{
        font-size:clamp(52px,9vw,76px) !important;
        max-width:720px !important;
        line-height:.98 !important;
    }

    .services-hero-description,
    html[dir="rtl"] .services-hero-description{
        max-width:650px !important;
    }

    .services-hero-visual,
    html[dir="rtl"] .services-hero-visual{
        order:2 !important;
        grid-column:auto !important;
        position:relative !important;
        inset:auto !important;
        transform:none !important;
        width:min(82vw,560px) !important;
        height:min(82vw,560px) !important;
        max-width:560px !important;
        margin:0 auto !important;
        justify-self:center !important;
    }

    .services-nav-section{
        padding-top:90px;
        padding-bottom:90px;
    }

    .services-nav-copy{
        max-width:760px;
    }

    .services-nav-copy h2{
        font-size:clamp(42px,7vw,64px);
    }

    .services-index{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:14px !important;
    }

    .service-index-card{
        min-height:178px;
        padding:22px;
    }

    .services-intro{
        padding:90px 0;
    }

    .services-intro-copy h2{
        font-size:clamp(42px,7vw,64px);
    }

    .service-detail{
        padding-top:90px;
        padding-bottom:90px;
    }

    .service-detail-inner,
    .service-detail-grid,
    .service-detail:nth-child(even) .service-detail-inner,
    .service-detail:nth-child(even) .service-detail-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:42px !important;
    }

    .service-detail-copy,
    .service-detail-visual{
        width:100% !important;
        max-width:100% !important;
    }

    .service-detail-visual{
        order:2 !important;
    }

    .service-detail-copy{
        order:1 !important;
    }
}

/* Phones */
@media (max-width:600px){
    .services-page{
        padding-top:74px;
    }

    .services-top-stage > .wrap,
    .services-hero-inner,
    .services-nav-section .wrap,
    .services-intro .wrap,
    .service-detail .wrap,
    .services-final .wrap{
        padding-left:18px;
        padding-right:18px;
    }

    .services-breadcrumb{
        min-height:60px;
        margin-top:10px;
        border-radius:13px;
    }

    .services-breadcrumb-nav{
        padding:0 14px !important;
        gap:8px !important;
    }

    .services-breadcrumb-nav a,
    .services-breadcrumb-current{
        font-size:16px !important;
    }

    .services-hero{
        padding:58px 0 66px;
    }

    .services-hero-inner,
    html[dir="rtl"] .services-hero-inner{
        gap:42px !important;
    }

    .services-hero-copy h1,
    html[dir="rtl"] .services-hero-copy h1{
        font-size:clamp(44px,13.5vw,62px) !important;
        line-height:.98 !important;
        letter-spacing:-.035em !important;
    }

    html[dir="rtl"] .services-hero-copy h1{
        letter-spacing:0 !important;
    }

    .services-hero-copy p,
    html[dir="rtl"] .services-hero-copy p{
        font-size:16px !important;
        line-height:1.8 !important;
    }

    .services-hero-actions,
    html[dir="rtl"] .services-hero-actions{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:12px !important;
        width:100% !important;
    }

    .services-hero-actions a{
        width:100% !important;
        min-height:56px !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .services-hero-visual,
    html[dir="rtl"] .services-hero-visual{
        width:min(94vw,440px) !important;
        height:min(94vw,440px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .services-orbit-label{
        transform:scale(.82);
        transform-origin:center;
    }

    .services-index{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .service-index-card{
        min-height:155px;
        padding:20px;
        border-radius:15px;
    }

    .service-index-main{
        grid-template-columns:58px minmax(0,1fr) !important;
        gap:15px !important;
    }

    .service-index-icon{
        width:56px !important;
        height:56px !important;
    }

    .service-index-card strong{
        font-size:18px !important;
    }

    .service-index-subtitle{
        font-size:16px !important;
    }

    .services-nav-section,
    .services-intro,
    .service-detail{
        padding-top:72px;
        padding-bottom:72px;
    }

    .services-nav-copy h2,
    .services-intro-copy h2,
    .service-detail h2{
        font-size:clamp(36px,10vw,50px) !important;
        line-height:1.05 !important;
    }

    .services-nav-copy p,
    .services-intro-copy p,
    .service-detail p,
    .service-capability-list li{
        font-size:16px !important;
    }

    .service-detail-inner,
    .service-detail-grid{
        gap:32px !important;
    }

    .services-final{
        padding-top:78px;
        padding-bottom:78px;
    }
}

/* Very small phones */
@media (max-width:390px){
    .services-top-stage > .wrap,
    .services-hero-inner,
    .services-nav-section .wrap,
    .services-intro .wrap,
    .service-detail .wrap,
    .services-final .wrap{
        padding-left:14px;
        padding-right:14px;
    }

    .services-hero-copy h1,
    html[dir="rtl"] .services-hero-copy h1{
        font-size:42px !important;
    }

    .services-hero-visual,
    html[dir="rtl"] .services-hero-visual{
        width:360px !important;
        height:360px !important;
        max-width:100% !important;
    }

    .services-orbit-label{
        transform:scale(.72);
    }
}

/* Short landscape screens */
@media (max-height:600px) and (min-width:700px) and (max-width:1200px){
    .services-hero{
        min-height:auto;
        padding-top:52px;
        padding-bottom:52px;
    }

    .services-hero-copy{
        padding-top:30px !important;
        padding-bottom:30px !important;
    }

    .services-hero-visual,
    html[dir="rtl"] .services-hero-visual{
        width:400px !important;
        height:400px !important;
    }
}


/* Final Services mobile/tablet structure fix */
.services-hero-inner > .services-hero-visual{
    pointer-events:none;
}

@media (min-width:1201px){
    .services-hero-inner > .services-hero-visual{
        position:absolute;
        right:0;
        left:auto;
        top:50%;
        transform:translateY(-50%);
    }

    html[dir="rtl"] .services-hero-inner > .services-hero-visual{
        left:0 !important;
        right:auto !important;
        top:50% !important;
        transform:translateY(-50%) !important;
    }
}

@media (max-width:1200px){
    .services-hero-inner,
    html[dir="rtl"] .services-hero-inner{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(330px,.8fr) !important;
        gap:36px !important;
        align-items:center !important;
    }

    .services-hero-inner > .services-hero-copy{
        grid-column:1 !important;
        grid-row:1 !important;
        min-width:0 !important;
    }

    .services-hero-inner > .services-hero-visual{
        grid-column:2 !important;
        grid-row:1 !important;
        position:relative !important;
        inset:auto !important;
        transform:none !important;
        width:min(44vw,460px) !important;
        height:min(44vw,460px) !important;
        justify-self:end !important;
        margin:0 !important;
    }

    html[dir="rtl"] .services-hero-inner > .services-hero-copy{
        grid-column:2 !important;
        direction:rtl !important;
        text-align:right !important;
    }

    html[dir="rtl"] .services-hero-inner > .services-hero-visual{
        grid-column:1 !important;
        justify-self:start !important;
        direction:ltr !important;
    }
}

@media (max-width:820px){
    .services-page{
        padding-top:78px !important;
    }

    .services-breadcrumb{
        margin-top:12px !important;
        margin-bottom:12px !important;
    }

    .services-hero{
        padding:54px 0 64px !important;
        min-height:auto !important;
    }

    .services-hero-inner,
    html[dir="rtl"] .services-hero-inner{
        display:flex !important;
        flex-direction:column !important;
        gap:34px !important;
        align-items:stretch !important;
        direction:ltr !important;
    }

    .services-hero-inner > .services-hero-copy,
    html[dir="rtl"] .services-hero-inner > .services-hero-copy{
        order:1 !important;
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    html[dir="rtl"] .services-hero-inner > .services-hero-copy{
        direction:rtl !important;
        text-align:right !important;
    }

    .services-hero-inner > .services-hero-visual,
    html[dir="rtl"] .services-hero-inner > .services-hero-visual{
        order:2 !important;
        position:relative !important;
        inset:auto !important;
        transform:none !important;
        width:min(88vw,420px) !important;
        height:min(88vw,420px) !important;
        max-width:100% !important;
        margin:8px auto 0 !important;
        align-self:center !important;
        justify-self:auto !important;
        opacity:.82 !important;
    }

    .services-hero-copy h1,
    html[dir="rtl"] .services-hero-copy h1{
        font-size:clamp(42px,10.5vw,62px) !important;
        line-height:1 !important;
        max-width:100% !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
    }

    .services-hero-description,
    html[dir="rtl"] .services-hero-description{
        max-width:100% !important;
        margin-top:24px !important;
    }

    .services-hero-actions,
    html[dir="rtl"] .services-hero-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        width:100% !important;
        margin-top:28px !important;
    }

    .services-hero-actions .btn{
        width:100% !important;
        min-height:54px !important;
        justify-content:center !important;
    }

    .sv-node{
        transform:scale(.78);
        transform-origin:center;
    }
}

@media (max-width:520px){
    .services-page{
        padding-top:72px !important;
    }

    .services-breadcrumb{
        min-height:58px !important;
    }

    .services-hero-copy h1,
    html[dir="rtl"] .services-hero-copy h1{
        font-size:clamp(38px,11.6vw,52px) !important;
    }

    .services-hero-inner > .services-hero-visual,
    html[dir="rtl"] .services-hero-inner > .services-hero-visual{
        width:min(92vw,350px) !important;
        height:min(92vw,350px) !important;
    }

    .sv-node{
        transform:scale(.68);
    }
}

/* Services complete visual system */
.services-showcase{padding:120px 0;background:#03070d;border-top:1px solid rgba(255,255,255,.055)}
.services-showcase-head{max-width:920px;margin-bottom:72px}.services-showcase-head h2{max-width:880px;margin:14px 0 20px;font-size:clamp(44px,5vw,76px);line-height:1.02;letter-spacing:-.045em}.services-showcase-head p{max-width:700px;color:#9ca9bb;font-size:18px;line-height:1.75}
.services-showcase-list{border-top:1px solid rgba(89,139,197,.18)}.service-showcase-row{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(320px,.72fr);gap:44px;align-items:center;min-height:390px;padding:54px 0;border-bottom:1px solid rgba(89,139,197,.18)}.service-showcase-number{align-self:start;color:#2f86ff;font-size:17px;font-weight:700;padding-top:8px}.service-showcase-copy h3{font-size:clamp(34px,3.2vw,54px);line-height:1.05;margin:0 0 18px}.service-showcase-copy p{max-width:690px;color:#9ba8ba;font-size:18px;line-height:1.75}.service-learn{display:inline-flex;gap:10px;margin-top:26px;color:#fff;text-decoration:none;font-weight:650}.service-learn span:last-child{color:#2f86ff}
.service-showcase-visual{position:relative;width:min(100%,370px);aspect-ratio:1;justify-self:end}.showcase-orbit{position:absolute;border:1px solid rgba(44,132,235,.3);border-radius:50%;animation:servicesSpin 16s linear infinite}.orbit-a{inset:6%}.orbit-b{inset:22%;border-style:dashed;animation-direction:reverse;animation-duration:11s}.showcase-core{position:absolute;inset:34%;display:grid;place-items:center;border-radius:22px;border:1px solid rgba(55,150,255,.62);background:radial-gradient(circle at 50% 30%,rgba(34,128,238,.25),rgba(4,20,36,.92));box-shadow:0 0 50px rgba(20,113,224,.12)}.showcase-core span{font-size:36px;font-weight:800;color:#2f8cff}.showcase-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#2f86ff;box-shadow:0 0 18px #2f86ff}.dot-a{left:12%;top:28%}.dot-b{right:14%;bottom:23%}
.services-process{padding:115px 0;background:linear-gradient(180deg,#06101b,#03070d)}.services-process-head{max-width:780px;margin:0 auto 72px;text-align:center}.services-process-head h2{font-size:clamp(42px,4vw,66px);line-height:1.04;margin:14px 0 18px}.services-process-head p{color:#9ca9ba;font-size:18px;line-height:1.7}.services-process-track{display:grid;grid-template-columns:repeat(6,1fr);position:relative}.services-process-track:before{content:"";position:absolute;left:7%;right:7%;top:28px;height:1px;background:linear-gradient(90deg,transparent,#287ddf 12%,#287ddf 88%,transparent)}.services-process-track article{text-align:center;padding:0 14px}.services-process-track article>span{position:relative;z-index:2;display:grid;place-items:center;width:56px;height:56px;margin:0 auto 22px;border-radius:50%;border:1px solid #2f86ff;background:#071321;color:#fff;font-weight:700}.services-process-track h3{font-size:19px;margin-bottom:9px}.services-process-track p{color:#8997aa;font-size:16px;line-height:1.55}
.services-partner{padding:120px 0;background:#03070d}.services-partner-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.services-partner-copy h2{margin:14px 0 24px;font-size:clamp(44px,4.5vw,70px);line-height:1.02;letter-spacing:-.04em}.services-partner-copy h2 span,.services-partner-copy h2 strong{display:block}.services-partner-copy h2 strong{color:#2f86ff}.services-partner-copy>p{max-width:640px;color:#9ba8b9;font-size:18px;line-height:1.75}.partner-points{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:32px 0 38px}.partner-points div{display:flex;align-items:center;gap:11px;color:#d5deea;font-size:16px}.partner-points i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#52aaff;border:1px solid rgba(52,143,245,.4);background:rgba(38,128,230,.09)}
.partner-system{position:relative;min-height:500px;border:1px solid rgba(55,126,205,.25);border-radius:18px;overflow:hidden;background:radial-gradient(circle at center,rgba(21,91,172,.22),transparent 42%),#050d16}.partner-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px}.partner-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(44,135,238,.32);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:62%;aspect-ratio:1}.ring-two{width:40%;aspect-ratio:1;border-style:dashed}.partner-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;display:grid;place-items:center;border-radius:24px;border:1px solid #277bdc;background:#07182a;color:#2f8cff;font-size:62px;font-weight:900}.partner-node{position:absolute;min-width:110px;padding:13px 16px;border:1px solid rgba(45,130,226,.45);border-radius:10px;background:#06111e;color:#d9e3ee;font-size:13px;font-weight:700}.partner-node span{display:block;color:#2f86ff;font-size:11px;margin-bottom:4px}.pn-1{left:7%;top:17%}.pn-2{right:7%;top:18%}.pn-3{right:8%;bottom:17%}.pn-4{left:8%;bottom:16%}
.services-faq{padding:110px 0;background:linear-gradient(180deg,#06101b,#03070d)}.services-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.services-faq-copy{position:sticky;top:130px}.services-faq-copy h2{font-size:clamp(42px,4vw,64px);line-height:1.03;margin:14px 0 20px}.services-faq-copy p{color:#98a6b8;font-size:18px;line-height:1.7}.services-faq-list{border-top:1px solid rgba(57,128,209,.28)}.services-faq-list details{border-bottom:1px solid rgba(57,128,209,.28)}.services-faq-list summary{list-style:none;cursor:pointer;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:18px;font-weight:650}.services-faq-list summary::-webkit-details-marker{display:none}.services-faq-list summary b{font-size:26px;color:#2f86ff;font-weight:400}.services-faq-list details[open] summary b{transform:rotate(45deg)}.services-faq-list details p{padding:0 54px 28px 0;color:#96a4b6;font-size:16px;line-height:1.7}
.services-final-cta{padding:90px 0;background:#03070d}.services-final-card{position:relative;overflow:hidden;min-height:300px;padding:54px 58px;display:flex;align-items:center;justify-content:space-between;gap:60px;border:1px solid rgba(66,151,255,.5);border-radius:18px;background:linear-gradient(110deg,#061a35,#0a438f 64%,#0d62ce)}.services-final-card>div:not(.final-glow){position:relative;z-index:2;max-width:820px}.services-final-card h2{font-size:clamp(38px,4vw,62px);line-height:1.02;margin:13px 0 14px}.services-final-card p{color:#c0d0e3;font-size:18px;line-height:1.65}.services-final-card .btn{position:relative;z-index:2;flex:0 0 auto}.final-glow{position:absolute;width:420px;height:420px;border-radius:50%;right:-80px;top:-220px;background:rgba(50,151,255,.24);filter:blur(30px)}
html[dir=rtl] .service-showcase-row,html[dir=rtl] .services-partner-copy,html[dir=rtl] .services-faq-copy,html[dir=rtl] .services-faq-list,html[dir=rtl] .services-final-card{direction:rtl;text-align:right}html[dir=rtl] .service-showcase-visual{justify-self:start}html[dir=rtl] .services-faq-list details p{padding-right:0;padding-left:54px}
@keyframes servicesSpin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.service-showcase-row{grid-template-columns:64px minmax(0,1fr) 300px;gap:28px}.services-process-track{grid-template-columns:repeat(3,1fr);gap:52px 0}.services-process-track:before{display:none}.services-partner-grid{grid-template-columns:1fr;gap:55px}.services-faq-grid{grid-template-columns:1fr;gap:48px}.services-faq-copy{position:static}}
@media(max-width:760px){.services-showcase,.services-process,.services-partner,.services-faq{padding:76px 0}.service-showcase-row{grid-template-columns:1fr;gap:18px;padding:46px 0}.service-showcase-visual{width:min(100%,330px);justify-self:center!important}.services-process-track{grid-template-columns:1fr 1fr;gap:42px 12px}.partner-points{grid-template-columns:1fr}.partner-system{min-height:370px}.partner-center{width:96px;height:96px;font-size:48px}.partner-node{min-width:88px;padding:10px;font-size:11px}.services-final-card{padding:38px 28px;flex-direction:column;align-items:flex-start}.services-final-card .btn{width:100%;justify-content:center}}
@media(max-width:480px){.services-process-track{grid-template-columns:1fr}.partner-system{min-height:330px}.pn-1,.pn-4{left:4%}.pn-2,.pn-3{right:4%}.services-showcase-head h2{font-size:42px}}

/* FINAL QA — inner-page chrome now provides header spacing */
.services-page{overflow:hidden}
.services-page .wrap{width:min(1400px,calc(100% - 64px))}
@media(max-width:1200px){.services-page .wrap{width:min(100% - 48px,1200px)}}
@media(max-width:760px){.services-page .wrap{width:calc(100% - 28px)}}

/* Light mode */
html[data-theme="light"] .services-showcase{
    background:#f6f8fc;
    border-top-color:#d7dfea;
}
html[data-theme="light"] .services-showcase-head h2,
html[data-theme="light"] .service-showcase-copy h3,
html[data-theme="light"] .services-process-head h2,
html[data-theme="light"] .services-process-track h3,
html[data-theme="light"] .services-partner-copy h2,
html[data-theme="light"] .services-faq-copy h2,
html[data-theme="light"] .services-faq-list summary{
    color:#0b1324;
}
html[data-theme="light"] .services-showcase-head p,
html[data-theme="light"] .service-showcase-copy p,
html[data-theme="light"] .services-process-head p,
html[data-theme="light"] .services-process-track p,
html[data-theme="light"] .services-partner-copy>p,
html[data-theme="light"] .services-faq-copy p,
html[data-theme="light"] .services-faq-list details p{
    color:#5e6b7c;
}
html[data-theme="light"] .services-showcase-list,
html[data-theme="light"] .service-showcase-row{
    border-color:#d7dfea;
}
html[data-theme="light"] .service-learn{
    color:#0b1324;
}
html[data-theme="light"] .services-process{
    background:linear-gradient(180deg,#ffffff,#f6f8fc);
}
html[data-theme="light"] .services-process-track article>span{
    background:#ffffff;
    color:#0b1324;
    box-shadow:0 8px 24px rgba(11,19,36,.06);
}
html[data-theme="light"] .services-partner{
    background:#ffffff;
}
html[data-theme="light"] .partner-points div{
    color:#243044;
}
html[data-theme="light"] .partner-system{
    background:radial-gradient(circle at center,rgba(21,91,172,.12),transparent 42%),#f7faff;
    border-color:rgba(45,130,226,.28);
}
html[data-theme="light"] .partner-grid-bg{
    background-image:linear-gradient(rgba(11,19,36,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,19,36,.045) 1px,transparent 1px);
}
html[data-theme="light"] .partner-center{
    background:#ffffff;
    box-shadow:0 18px 44px rgba(11,19,36,.1);
}
html[data-theme="light"] .partner-node{
    background:#ffffff;
    color:#243044;
    box-shadow:0 12px 30px rgba(11,19,36,.08);
}
html[data-theme="light"] .services-faq{
    background:linear-gradient(180deg,#f6f8fc,#ffffff);
}
html[data-theme="light"] .services-faq-list,
html[data-theme="light"] .services-faq-list details{
    border-color:#d7dfea;
}
html[data-theme="light"] .services-final-cta{
    background:#ffffff;
}
html[data-theme="light"] .services-final-card h2,
html[data-theme="light"] .services-final-card .eyebrow{
    color:#ffffff;
}
html[data-theme="light"] .services-final-card p{
    color:#dce8f7;
}


/* Services video continues behind the fixed header + breadcrumb */
body.page-video-under-header .services-hero{
    margin-top:0!important;
}
html[data-theme="light"] body.page-video-under-header header.nav:not(.scrolled) .logo-word,
html[data-theme="light"] body.page-video-under-header header.nav:not(.scrolled) .links a{
    color:#fff;
}
html[data-theme="light"] body.page-video-under-header header.nav:not(.scrolled) .links a:hover,
html[data-theme="light"] body.page-video-under-header header.nav:not(.scrolled) .links a.active{
    color:#fff;
}
html[data-theme="light"] body.page-video-under-header .services-hero-title,
html[data-theme="light"] body.page-video-under-header .services-hero-kicker{
    color:#fff;
}
html[data-theme="light"] body.page-video-under-header .services-hero-description{
    color:#cbd6e4;
}

/* SERVICES VIDEO HEADER — video starts at viewport top behind the fixed header */
body.page-video-under-header .services-page{
    padding-top:0 !important;
}

body.page-video-under-header .services-hero{
    margin-top:0 !important;
}

body.page-video-under-header header.nav:not(.scrolled){
    background:transparent !important;
    border-bottom-color:transparent !important;
}

body.page-video-under-header header.nav:not(.scrolled) .logo-word,
body.page-video-under-header header.nav:not(.scrolled) .links a,
body.page-video-under-header header.nav:not(.scrolled) .theme-toggle{
    color:#fff !important;
}

body.page-video-under-header header.nav:not(.scrolled) .lang-switch{
    border-color:rgba(255,255,255,.28) !important;
}

body.page-video-under-header header.nav:not(.scrolled) .theme-toggle{
    border-color:rgba(255,255,255,.28) !important;
}

/* SERVICES STATIC REFERENCE HERO — 2026-09-13 */
body.page-services .page-chrome{
    display:none;
}

.services-hero-static-bg{
    position:absolute;
    inset:0;
    z-index:0;
    background-image:
        linear-gradient(180deg,rgba(1,7,15,.06),rgba(1,7,15,.12)),
        url('../images/services-hero-office.webp');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    pointer-events:none;
}

.services-static-hero-cta{
    position:absolute;
    z-index:6;
    left:4.8%;
    bottom:10.8%;
    width:12.2%;
    height:6.7%;
    min-width:185px;
    min-height:52px;
    border-radius:8px;
    background:transparent;
}

.services-static-hero-cta:focus-visible{
    outline:2px solid #4aa3ff;
    outline-offset:4px;
}

@media (min-width:1100px){
    body.page-services .services-page{
        padding-top:0 !important;
    }

    body.page-services .services-hero{
        min-height:865px;
        margin-top:0 !important;
        border-bottom:1px solid rgba(42,103,171,.22);
        background:#020912;
    }

    body.page-services .services-hero-copy,
    body.page-services .services-hero-visual,
    body.page-services .services-hero-grid,
    body.page-services .services-hero-glow{
        visibility:hidden !important;
        pointer-events:none !important;
    }

    body.page-services header.nav:not(.scrolled){
        background:rgba(2,8,16,.18) !important;
        border-bottom-color:rgba(101,153,209,.12) !important;
        backdrop-filter:blur(4px);
        -webkit-backdrop-filter:blur(4px);
    }

    body.page-services header.nav:not(.scrolled) .logo-word,
    body.page-services header.nav:not(.scrolled) .links a,
    body.page-services header.nav:not(.scrolled) .theme-toggle{
        color:#fff !important;
    }
}

@media (max-width:1099px){
    .services-hero-static-bg,
    .services-static-hero-cta{
        display:none;
    }

    body.page-services .page-chrome{
        display:block;
    }

    body.page-services .services-hero{
        background:
            radial-gradient(circle at 72% 42%,rgba(8,123,255,.12),transparent 32%),
            linear-gradient(180deg,var(--bg-0),var(--bg-1));
    }
}


/* SERVICES STATIC HERO MOTION — 2026-09-13 */
@media (min-width:1100px){
    body.page-services .services-hero{
        isolation:isolate;
        --hero-move-x:0px;
        --hero-move-y:0px;
    }

    body.page-services .services-hero-static-bg{
        inset:-18px;
        transform:translate3d(var(--hero-move-x),var(--hero-move-y),0) scale(1.035);
        transform-origin:center center;
        will-change:transform,filter;
        animation:servicesHeroBreath 14s ease-in-out infinite alternate;
    }

    body.page-services .services-hero::before{
        content:'';
        position:absolute;
        inset:0;
        z-index:1;
        pointer-events:none;
        background:
            radial-gradient(circle at 74% 48%,rgba(30,139,255,.13),transparent 27%),
            radial-gradient(circle at 22% 40%,rgba(16,108,224,.08),transparent 31%);
        opacity:.55;
        animation:servicesHeroGlow 7s ease-in-out infinite alternate;
    }

    body.page-services .services-hero::after{
        content:'';
        position:absolute;
        z-index:2;
        pointer-events:none;
        top:-20%;
        left:-34%;
        width:24%;
        height:140%;
        transform:rotate(13deg);
        background:linear-gradient(90deg,transparent,rgba(95,180,255,.055),transparent);
        filter:blur(2px);
        animation:servicesHeroSweep 11s ease-in-out infinite;
    }

    body.page-services .services-static-hero-cta{
        transition:transform .28s ease,filter .28s ease;
    }

    body.page-services .services-static-hero-cta:hover{
        transform:translateY(-2px) scale(1.015);
        filter:drop-shadow(0 12px 24px rgba(9,126,255,.25));
    }
}

@keyframes servicesHeroBreath{
    0%{filter:brightness(.98) saturate(1);}
    100%{filter:brightness(1.06) saturate(1.08);}
}

@keyframes servicesHeroGlow{
    from{opacity:.38;transform:scale(.98);}
    to{opacity:.7;transform:scale(1.025);}
}

@keyframes servicesHeroSweep{
    0%,18%{left:-34%;opacity:0;}
    30%{opacity:.65;}
    66%{opacity:.3;}
    82%,100%{left:118%;opacity:0;}
}

@media (prefers-reduced-motion:reduce){
    body.page-services .services-hero-static-bg,
    body.page-services .services-hero::before,
    body.page-services .services-hero::after{
        animation:none !important;
        transform:none !important;
    }
}

@media (min-width:1100px){
    body.page-services .services-hero{
        min-height:100svh !important;
        height:100svh;
        padding:0;
        background:#020912;
        overflow:hidden;
    }

    body.page-services .services-hero-static-bg{
        inset:18px max(26px,calc((100vw - 1580px)/2)) 18px max(26px,calc((100vw - 1580px)/2));
        border:1px solid rgba(41,126,218,.34);
        border-radius:24px;
        background-size:100% 100%;
        background-position:center center;
        transform:none !important;
        will-change:filter;
        overflow:hidden;
        box-shadow:0 30px 90px rgba(0,0,0,.28);
    }

    body.page-services .services-hero::before{
        inset:18px max(26px,calc((100vw - 1580px)/2));
        border-radius:24px;
    }

    body.page-services .services-hero::after{
        top:18px;
        bottom:18px;
        height:auto;
        border-radius:24px;
    }

    body.page-services .services-static-hero-cta{
        left:max(7.2%,calc((100vw - 1440px)/2 + 70px));
        bottom:12.5%;
    }
}

@media (min-width:1100px){
    body.page-services .services-hero{
        min-height:100svh !important;
        height:100svh;
        padding:0;
        overflow:hidden;
        background:#020912;
        isolation:isolate;
    }

    body.page-services .services-hero-static-bg{
        inset:0 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background-size:cover !important;
        background-position:center center !important;
        transform:none !important;
        animation:none !important;
        filter:brightness(.72) saturate(.9) !important;
    }

    body.page-services .services-hero::before{
        content:'';
        position:absolute;
        inset:0 !important;
        z-index:1;
        pointer-events:none;
        border-radius:0 !important;
        background:
            linear-gradient(90deg,rgba(2,8,16,.92) 0%,rgba(2,8,16,.83) 30%,rgba(2,8,16,.48) 52%,rgba(2,8,16,.40) 72%,rgba(2,8,16,.55) 100%),
            linear-gradient(180deg,rgba(1,7,15,.28) 0%,rgba(1,7,15,.08) 50%,rgba(1,7,15,.48) 100%);
        opacity:1;
        animation:none !important;
        transform:none !important;
    }

    body.page-services .services-hero::after{
        display:none !important;
    }

    body.page-services .services-hero-inner{
        position:relative;
        z-index:4;
        min-height:100svh;
        display:flex;
        align-items:center;
    }

    body.page-services .services-hero-copy{
        visibility:visible !important;
        pointer-events:auto !important;
        position:relative;
        z-index:5;
        width:min(610px,48%);
        max-width:610px;
        padding:120px 0 70px;
    }

    body.page-services .services-hero-visual{
        visibility:visible !important;
        pointer-events:auto !important;
        z-index:4;
        width:560px;
        height:560px;
        right:max(2vw,24px);
        top:54%;
    }

    body.page-services .services-hero-grid,
    body.page-services .services-hero-glow{
        visibility:hidden !important;
        pointer-events:none !important;
    }

    body.page-services .services-static-hero-cta{
        display:none !important;
    }

    body.page-services .services-hero-kicker,
    body.page-services .services-hero-title,
    body.page-services .services-hero-description,
    body.page-services .services-hero-actions{
        position:relative;
        z-index:6;
    }

    body.page-services .services-hero-title{
        font-size:clamp(58px,5.1vw,84px);
        color:#fff;
        text-shadow:0 8px 28px rgba(0,0,0,.34);
    }

    body.page-services .services-hero-description{
        color:#c2cede;
        max-width:610px;
    }

    body.page-services .services-hero-kicker{
        color:#d8e4f2;
    }

    body.page-services .sv-node{
        background:rgba(3,13,27,.72);
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
    }

    body.page-services header.nav:not(.scrolled){
        background:rgba(2,8,16,.12) !important;
        border-bottom-color:rgba(101,153,209,.14) !important;
        backdrop-filter:blur(5px);
        -webkit-backdrop-filter:blur(5px);
    }
}