:root{
    --navy:#041426;
    --navy-2:#082f5e;
    --blue:#0868d8;
    --cyan:#11c9f3;
    --cyan-soft:#74e9ff;
    --ink:#0b1e34;
    --muted:#5f7488;
    --soft:#f3f9fd;
    --line:#d9e8f2;
    --white:#fff;
    --shadow:0 24px 70px rgba(6,28,54,.12);
    --shadow-soft:0 14px 40px rgba(6,28,54,.08);
    --radius:28px;
    --max:1180px;
    --font-latin:"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --font-arabic:"Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Arabic","Arial",sans-serif;
    --scroll-progress:0%;
}

*{box-sizing:border-box}
html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}
body{
    margin:0;
    min-width:280px;
    overflow-x:hidden;
    color:var(--ink);
    background:#fff;
    font-family:var(--font-latin);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}
body.rtl{
    font-family:var(--font-arabic);
    font-kerning:normal;
    font-synthesis:none;
}
.scroll-progress{
    position:fixed;
    inset:0 auto auto 0;
    width:var(--scroll-progress);
    height:3px;
    z-index:1200;
    background:linear-gradient(90deg,#11c9f3,#0868d8 55%,#8cf2ff);
    box-shadow:0 0 18px rgba(17,201,243,.45);
    pointer-events:none;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
.container{
    width:min(var(--max),calc(100% - clamp(24px,5vw,64px)));
    margin-inline:auto;
}
.section{
    position:relative;
    padding:clamp(74px,8vw,112px) 0;
    scroll-margin-top:96px;
}
.section-soft{
    background:
        radial-gradient(circle at 84% 16%,rgba(17,201,243,.08),transparent 30%),
        linear-gradient(180deg,#fbfeff,#eef8fd);
}

h1,h2,h3,p{margin-top:0}
h1,h2,h3{
    overflow-wrap:normal;
    word-break:normal;
}
h1{
    margin-bottom:24px;
    font-size:clamp(3rem,6vw,5.9rem);
    line-height:.98;
    letter-spacing:-.052em;
    font-weight:850;
    text-wrap:balance;
}
h2{
    margin-bottom:18px;
    font-size:clamp(2.15rem,4.25vw,3.75rem);
    line-height:1.07;
    letter-spacing:-.038em;
    font-weight:800;
    text-wrap:balance;
}
.rtl h1,.rtl h2{
    letter-spacing:0;
    line-height:1.17;
    font-weight:800;
}
.rtl h3{
    letter-spacing:0;
    line-height:1.5;
    font-weight:700;
}
.rtl p{
    line-height:1.95;
}
.rtl .lead{
    line-height:1.95;
}
.rtl .nav-links a,
.rtl .btn,
.rtl .brand-text strong,
.rtl .kicker{
    font-weight:700;
}
h3{
    margin-bottom:14px;
    font-size:clamp(1.06rem,1.5vw,1.2rem);
    line-height:1.42;
}
p{
    margin-bottom:0;
    color:var(--muted);
    line-height:1.82;
    text-align:start;
    overflow-wrap:break-word;
    text-wrap:pretty;
}
.lead{
    max-width:66ch;
    font-size:clamp(1.03rem,1.45vw,1.2rem);
    line-height:1.8;
}
.kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:17px;
    color:var(--blue);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.rtl .kicker{letter-spacing:0;text-transform:none}
.kicker::before{
    content:"";
    width:26px;
    height:2px;
    flex:0 0 auto;
    border-radius:999px;
    background:linear-gradient(90deg,var(--blue),var(--cyan));
}
.kicker.light{color:#8eeeff}
.kicker.light::before{background:#8eeeff}

.site-header{
    position:fixed;
    z-index:1000;
    top:14px;
    left:0;
    right:0;
    pointer-events:none;
}
.navbar{
    position:relative;
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:9px 12px 9px 14px;
    border:1px solid rgba(255,255,255,.46);
    border-radius:22px;
    background:rgba(255,255,255,.93);
    box-shadow:0 16px 48px rgba(3,24,46,.15);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    pointer-events:auto;
}
.brand{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 1 auto;
}
.brand-picture{
    width:48px;
    height:42px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
}
.brand-mark{
    width:48px;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 8px 14px rgba(4,69,130,.16));
    transform-origin:center;
    animation:logoFloatSymbol 6s ease-in-out infinite;
}
.brand-text{
    min-width:0;
    line-height:1.12;
}
.brand-text strong{
    display:block;
    color:#052f6e;
    font-size:clamp(.86rem,1.25vw,1rem);
    font-weight:850;
    letter-spacing:.035em;
    white-space:nowrap;
}
.rtl .brand-text strong{letter-spacing:0}
.nav-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    flex:1 1 auto;
}
.nav-links a{
    padding:10px 10px;
    border-radius:11px;
    color:#33495f;
    font-size:.86rem;
    font-weight:700;
    white-space:nowrap;
    position:relative;
    transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.nav-links a::after{
    content:"";
    position:absolute;
    inset:auto 10px 6px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#11c9f3,#0868d8);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .24s ease;
}
.nav-links a:hover::after,.nav-links a:focus-visible::after,.nav-links a.is-active::after{transform:scaleX(1)}
.nav-links a.is-active{
    background:#edf8fd;
    color:var(--blue);
    box-shadow:inset 0 0 0 1px rgba(17,201,243,.08);
}

.nav-links a:hover,
.nav-links a:focus-visible{
    background:#edf8fd;
    color:var(--blue);
    outline:none;
}
.nav-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.lang-switch,.menu-toggle{
    min-width:44px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0 13px;
    border:0;
    border-radius:12px;
    background:var(--navy);
    color:#fff;
    font-weight:850;
    cursor:pointer;
}
.lang-switch:focus-visible,.menu-toggle:focus-visible{outline:3px solid rgba(17,201,243,.36);outline-offset:2px}
.menu-toggle{display:none;font-size:1.15rem}

.hero{
    min-height:100vh;
    min-height:100svh;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    padding:clamp(126px,12vw,150px) 0 clamp(70px,8vw,92px);
    color:#fff;
    background-image:
        linear-gradient(90deg,rgba(3,16,31,.84) 0%,rgba(4,28,55,.66) 43%,rgba(4,35,67,.18) 100%),
        url("dubai.jpg");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.rtl .hero{
    background-image:
        linear-gradient(270deg,rgba(3,16,31,.84) 0%,rgba(4,28,55,.66) 43%,rgba(4,35,67,.18) 100%),
        url("dubai.jpg");
}
.hero-grid-bg{
    position:absolute;
    inset:0;
    opacity:.29;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
    background-size:48px 48px;
    -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 86%);
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 86%);
}
.hero-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(14px);
    pointer-events:none;
}
.hero-orb-one{
    width:380px;height:380px;
    inset-inline-end:-120px;
    top:140px;
    background:radial-gradient(circle,rgba(54,222,255,.24),transparent 65%);
}
.hero-orb-two{
    width:320px;height:320px;
    inset-inline-start:-120px;
    bottom:30px;
    background:radial-gradient(circle,rgba(13,99,225,.28),transparent 67%);
}
.hero-layout{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);
    gap:clamp(36px,6vw,72px);
    align-items:center;
}
.hero-copy{min-width:0;max-width:810px}
.hero-copy h1{
    max-inline-size:13ch;
    margin-inline:0;
}
.rtl .hero-copy h1{max-inline-size:11.5ch}
.hero-copy h1 span{
    background:linear-gradient(95deg,#64e9ff,#fff 56%,#9bc8ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.hero-copy p{color:#d8e6f1}
.hero-actions{
    display:flex;
    align-items:stretch;
    gap:10px;
    flex-wrap:wrap;
    margin-top:30px;
}
.btn{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 18px;
    border:1px solid transparent;
    border-radius:14px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
    transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0);
    will-change:transform;
}
.btn:hover{transform:translate3d(var(--mag-x,0px),calc(var(--mag-y,0px) - 2px),0)}
.btn:focus-visible{outline:3px solid rgba(114,233,255,.42);outline-offset:3px}
.btn-primary{
    color:#052747;
    background:linear-gradient(135deg,#5ee6ff,#fff);
    box-shadow:0 15px 40px rgba(21,201,243,.18);
}
.btn-ghost{
    color:#fff;
    border-color:rgba(255,255,255,.3);
    background:rgba(255,255,255,.08);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}
.btn-product{
    position:relative;
    overflow:hidden;
    color:#041c35;
    border-color:rgba(158,242,255,.92);
    background:linear-gradient(135deg,#85f0ff,#dffcff);
    box-shadow:0 14px 34px rgba(17,201,243,.24),inset 0 0 0 1px rgba(255,255,255,.58);
}
.btn-product::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#0876db;
    box-shadow:0 0 0 5px rgba(8,118,219,.10);
}
.btn-product::after{
    content:"↗";
    font-size:1rem;
    line-height:1;
}
.rtl .btn-product::after{transform:scaleX(-1)}
.btn-product:hover{
    border-color:#fff;
    background:linear-gradient(135deg,#a5f5ff,#fff);
    box-shadow:0 18px 42px rgba(17,201,243,.32);
}
.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}
.hero-pills span{
    padding:8px 12px;
    transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0);
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(4,19,37,.26);
    color:#e2edf5;
    font-size:.81rem;
    line-height:1.3;
}
.hero-logo-panel{
    position:relative;
    isolation:isolate;
    display:grid;
    place-items:center;
    justify-self:center;
    width:clamp(300px,32vw,460px);
    min-width:0;
    padding:clamp(24px,3vw,34px);
    overflow:hidden;
    border:1px solid transparent;
    border-radius:clamp(30px,3vw,42px);
    background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(238,247,252,.97));
    box-shadow:0 30px 70px rgba(0,0,0,.18);
    -webkit-backdrop-filter:blur(10px) saturate(110%);
    backdrop-filter:blur(10px) saturate(110%);
}
.hero-logo-panel::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.20;
    background-image:
        linear-gradient(rgba(8,104,216,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(8,104,216,.08) 1px,transparent 1px);
    background-size:26px 26px;
    -webkit-mask-image:radial-gradient(circle at center,#000 24%,transparent 84%);
    mask-image:radial-gradient(circle at center,#000 24%,transparent 84%);
}
.hero-logo-panel::after{
    content:"";
    position:absolute;
    width:78%;
    aspect-ratio:1;
    border-radius:50%;
    z-index:-1;
    background:radial-gradient(circle,rgba(126,228,255,.28),transparent 70%);
    filter:blur(10px);
}
.logo-halo{
    position:absolute;
    inset:14% 10% auto;
    height:58%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(44,215,248,.14),transparent 72%);
    filter:blur(14px);
}
.hero-brand-lockup{
    position:relative;
    z-index:1;
    width:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:clamp(10px,1.8vw,16px);
    text-align:center;
}
.hero-logo-composition{
    width:min(100%,390px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
}
.hero-logo-symbol{
    width:min(100%,315px);
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 18px 28px rgba(4,36,79,.18));
    transform-origin:center;
    animation:logoHeroFloat 6.2s ease-in-out infinite;
    will-change:transform;
}
.hero-logo-wordmark{
    width:min(100%,380px);
    height:auto;
    object-fit:contain;
    margin-top:-4px;
    filter:drop-shadow(0 8px 14px rgba(4,36,79,.10));
}
@keyframes logoFloatSymbol{
    0%,100%{transform:translateY(0) rotate(0deg) scale(1)}
    50%{transform:translateY(-5px) rotate(.7deg) scale(1.02)}
}
@keyframes logoHeroFloat{
    0%,100%{transform:translateY(0) rotate(0deg) scale(1)}
    50%{transform:translateY(-8px) rotate(.8deg) scale(1.02)}
}

.section-head{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    gap:clamp(26px,4vw,56px);
    align-items:start;
    margin-bottom:clamp(38px,5vw,56px);
}
.section-head>div:first-child{max-width:740px}
.section-head h2{max-width:13ch;margin-bottom:0}
.rtl .section-head h2{max-width:15ch}
.section-head>p{
    max-width:58ch;
    margin-bottom:0;
    align-self:end;
    padding-bottom:6px;
    font-size:clamp(1rem,1.25vw,1.08rem);
    line-height:1.9;
}

.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.glass-card{
    min-width:0;
    min-height:220px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:clamp(24px,2.4vw,29px);
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:linear-gradient(180deg,#fff,#f8fcff);
    box-shadow:0 14px 38px rgba(5,49,92,.055);
    transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease;
}
.glass-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px);border-color:#b8e2f1;box-shadow:var(--shadow)}

.services-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
}
.services-grid::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:4%;
    right:4%;
    top:50%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(8,104,216,.22),rgba(17,201,243,.34),rgba(8,104,216,.22),transparent);
    box-shadow:0 0 24px rgba(17,201,243,.18);
}
.service-card{
    min-width:0;
    min-height:290px;
    height:100%;
    display:flex;
    flex-direction:column;
    padding:clamp(24px,2.5vw,30px);
    position:relative;
    overflow:hidden;
    isolation:isolate;
    border:1px solid #d2e8f3;
    border-radius:28px;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,250,254,.95));
    box-shadow:0 15px 42px rgba(5,49,92,.07);
    transition:transform .34s cubic-bezier(.2,.75,.25,1),border-color .28s ease,box-shadow .34s ease;
}
.service-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;
    opacity:0;
    background:linear-gradient(120deg,transparent 20%,rgba(17,201,243,.12) 46%,rgba(8,104,216,.08) 56%,transparent 78%);
    transform:translateX(-70%);
    transition:opacity .2s ease;
}
.service-card::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    inset-inline-end:-85px;
    top:-76px;
    z-index:-1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(17,201,243,.15),transparent 67%);
    transition:transform .45s ease,opacity .3s ease;
}
.service-card:hover{
    transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-12px);
    border-color:#9bddec;
    box-shadow:0 26px 62px rgba(5,49,92,.14),0 0 0 1px rgba(17,201,243,.06);
}
.service-card:hover::before{
    opacity:1;
    animation:serviceSweep .9s ease forwards;
}
.service-card:hover::after{transform:scale(1.25);opacity:.9}
.service-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:28px;
}
.service-number{
    display:block;
    color:#0872d8;
    font-size:clamp(2.3rem,4vw,3.4rem);
    line-height:.82;
    font-weight:900;
    letter-spacing:-.08em;
    opacity:.92;
}
.rtl .service-number{letter-spacing:-.03em}
.service-signal{display:flex;align-items:center;gap:5px; padding-top:4px}
.service-signal span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#13c8f1;
    box-shadow:0 0 0 0 rgba(17,201,243,.28);
    animation:signalPulse 2.4s ease-in-out infinite;
}
.service-signal span:nth-child(2){animation-delay:.2s;opacity:.68}
.service-signal span:nth-child(3){animation-delay:.4s;opacity:.4}
.service-content{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:0;
    flex:1 1 auto;
}
.service-card h3{
    max-width:18ch;
    min-height:2.9em;
    margin-bottom:12px;
    font-size:clamp(1.12rem,1.55vw,1.3rem);
    line-height:1.45;
}
.service-card p{
    font-size:.96rem;
    line-height:1.85;
    max-width:34ch;
}
.service-card:nth-child(1){--i:0}
.service-card:nth-child(2){--i:1}
.service-card:nth-child(3){--i:2}
.service-card:nth-child(4){--i:3}
.service-card:nth-child(5){--i:4}
.service-card:nth-child(6){--i:5}
.service-card.reveal{
    opacity:0;
    transform:translateY(22px) scale(.98);
    transition:
        opacity .58s ease calc(var(--i) * 70ms),
        transform .64s cubic-bezier(.2,.75,.25,1) calc(var(--i) * 70ms),
        border-color .28s ease,box-shadow .36s ease;
}
.service-card.reveal.visible{opacity:1;transform:none}
.service-card.reveal.visible:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-12px)}
@keyframes signalPulse{
    0%,100%{transform:scale(.82);box-shadow:0 0 0 0 rgba(17,201,243,.28)}
    50%{transform:scale(1);box-shadow:0 0 0 7px rgba(17,201,243,0)}
}
@keyframes serviceSweep{
    from{transform:translateX(-80%)}
    to{transform:translateX(80%)}
}

.industry-panel{
    padding:clamp(29px,4.6vw,48px);
    overflow:hidden;
    position:relative;
    border-radius:34px;
    color:#fff;
    background:
        radial-gradient(circle at 83% 14%,rgba(17,201,243,.20),transparent 28%),
        linear-gradient(145deg,#041426,#0a3c73);
    box-shadow:0 30px 80px rgba(3,28,54,.18);
}
.industry-panel h2{max-width:920px}
.industry-panel h2 span,
.contact-copy h2 span{
    background:linear-gradient(95deg,#67e9ff,#fff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.industry-panel p{max-width:800px;color:#cadbe8}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.chips span{
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:#e9f7ff;
    font-size:.86rem;
}

.approach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.approach-card{
    min-width:0;
    min-height:240px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:24px 18px 20px;
    border:1px solid #d5e8f3;
    border-top:3px solid #d0e5f2;
    border-radius:24px;
    background:linear-gradient(180deg,#fff,#f9fcff);
    box-shadow:0 12px 32px rgba(5,49,92,.04);
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.approach-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px);border-color:#b8dff0;box-shadow:0 20px 44px rgba(5,49,92,.08)}
.approach-card>span{
    display:block;
    margin-bottom:22px;
    color:var(--blue);
    font-size:.84rem;
    font-weight:900;
    letter-spacing:.1em;
}
.rtl .approach-card>span{letter-spacing:0}
.approach-card h3{
    margin-bottom:12px;
    font-size:clamp(1.18rem,1.45vw,1.34rem);
    line-height:1.35;
}
.approach-card p{
    font-size:.98rem;
    line-height:1.85;
    max-width:27ch;
}

.founder-grid{
    display:grid;
    grid-template-columns:minmax(250px,.74fr) minmax(0,1.26fr);
    gap:clamp(38px,6vw,68px);
    align-items:center;
}
.founder-portrait-wrap{display:flex;justify-content:center}
.founder-ring{
    width:min(310px,72vw);
    aspect-ratio:1;
    overflow:hidden;
    padding:7px;
    border-radius:50%;
    background:linear-gradient(135deg,#075ac4,#21cef5,#d9f8ff);
    box-shadow:0 26px 70px rgba(4,61,116,.19);
}
.founder-portrait{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
    object-position:center top;
    background:#fff;
}
.founder-copy{min-width:0}
.founder-copy h2{margin-bottom:8px}
.founder-title{margin-bottom:20px;color:var(--blue);font-weight:800}
.founder-copy p+p{margin-top:12px}
.expertise{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
.expertise span{
    padding:8px 11px;
    border:1px solid #d1eaf5;
    border-radius:999px;
    background:#eef8fd;
    color:#19496f;
    font-size:.81rem;
    font-weight:700;
}

.contact-panel{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
    gap:36px;
    padding:clamp(29px,4.6vw,48px);
    border-radius:35px;
    color:#fff;
    background:
        radial-gradient(circle at 85% 12%,rgba(43,213,251,.20),transparent 28%),
        linear-gradient(145deg,#041426,#0a386b);
    box-shadow:0 30px 80px rgba(4,28,53,.20);
}
.contact-copy p{color:#c9d9e8}
.contact-list{display:grid;gap:10px;align-content:center}
.contact-item{
    min-width:0;
    display:flex;
    align-items:center;
    gap:13px;
    padding:14px 15px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:17px;
    background:rgba(255,255,255,.07);
}
.contact-item>span:last-child{min-width:0}
.contact-icon{
    width:40px;height:40px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:13px;
    background:rgba(65,220,255,.13);
    color:#89ecff;
    font-weight:900;
}
.contact-item small{display:block;color:#92abc3;margin-bottom:3px}
.contact-item strong{display:block;font-size:.92rem;overflow-wrap:anywhere}

footer{padding:28px 0 38px;background:#03101e;color:#91a7bc;font-size:.82rem}
.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

.reveal{
    opacity:0;
    transform:translateY(18px);
    transition:opacity .56s ease,transform .56s ease;
}
.reveal.visible{opacity:1;transform:none}

.hero-grid-bg{
    animation:gridDrift 22s linear infinite;
}
.hero-orb-one{animation:orbFloatOne 10s ease-in-out infinite}
.hero-orb-two{animation:orbFloatTwo 12s ease-in-out infinite}
@keyframes gridDrift{
    from{background-position:0 0,0 0}
    to{background-position:48px 48px,48px 48px}
}
@keyframes orbFloatOne{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(-18px,12px,0) scale(1.04)}
}
@keyframes orbFloatTwo{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(18px,-14px,0) scale(1.05)}
}

.reveal.visible .kicker::before{
    transform:scaleX(1);
}
.kicker::before{
    transform:scaleX(.38);
    transform-origin:left center;
    transition:transform .7s cubic-bezier(.2,.75,.25,1);
}
.rtl .kicker::before{transform-origin:right center}

.glass-card,
.approach-card,
.contact-item,
.industry-panel,
.contact-panel{
    --mx:50%;
    --my:50%;
}
.glass-card,
.approach-card,
.contact-panel{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.glass-card::after,
.approach-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    opacity:0;
    border-radius:inherit;
    background:radial-gradient(circle at var(--mx) var(--my),rgba(17,201,243,.16),transparent 34%);
    transition:opacity .28s ease;
}
.glass-card>* ,
.approach-card>*{position:relative;z-index:1}
.glass-card:hover::after,
.approach-card:hover::after{opacity:1}
.glass-card:hover{transform:translateY(-8px)}

.approach-card>span{
    transition:transform .28s ease,color .28s ease;
}
.approach-card:hover>span{
    transform:translateY(-3px) scale(1.06);
    color:#09a9df;
}

.chips span,
.expertise span{
    transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.chips span:hover{
    transform:translateY(-4px);
    border-color:rgba(126,233,255,.62);
    background:rgba(255,255,255,.12);
    box-shadow:0 10px 24px rgba(0,0,0,.10);
}
.expertise span:hover{
    transform:translateY(-3px);
    border-color:#a5dff0;
    background:#f7fdff;
    box-shadow:0 10px 24px rgba(5,49,92,.07);
}

.industry-panel::after,
.contact-panel::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    opacity:0;
    background:radial-gradient(circle at var(--mx) var(--my),rgba(105,232,255,.15),transparent 38%);
    transition:opacity .3s ease;
}
.industry-panel:hover::after,
.contact-panel:hover::after{opacity:1}
.industry-panel>* ,
.contact-panel>*{position:relative;z-index:1}

.contact-item{
    position:relative;
    overflow:hidden;
    transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.contact-item::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:radial-gradient(circle at var(--mx) var(--my),rgba(112,234,255,.18),transparent 38%);
    transition:opacity .24s ease;
}
.contact-item>*{position:relative;z-index:1}
.contact-item:hover{
    transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);
    border-color:rgba(145,237,255,.36);
    background:rgba(255,255,255,.10);
    box-shadow:0 14px 28px rgba(0,0,0,.10);
}
.contact-item:hover::after{opacity:1}
.contact-icon{transition:transform .28s ease,background .28s ease}
.contact-item:hover .contact-icon{
    transform:rotate(-5deg) scale(1.06);
    background:rgba(65,220,255,.20);
}
.rtl .contact-item:hover .contact-icon{transform:rotate(5deg) scale(1.06)}

.founder-ring,
.founder-portrait{
    transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .42s ease;
}
.founder-ring:hover{
    transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px) rotate(-.5deg);
    box-shadow:0 34px 78px rgba(4,61,116,.24);
}
.founder-ring:hover .founder-portrait{transform:scale(1.025)}

.btn{
    position:relative;
    overflow:hidden;
}
.btn::after{
    transition:transform .24s ease;
}
.btn:hover::after{transform:translate(2px,-2px)}
.rtl .btn:hover::after{transform:translate(-2px,-2px) scaleX(-1)}

.motion-ready .contact-panel.reveal .contact-item,
.motion-ready .industry-panel.reveal .chips span,
.motion-ready .founder-copy.reveal .expertise span{
    opacity:0;
    transform:translateY(12px);
}
.motion-ready .contact-panel.reveal.visible .contact-item,
.motion-ready .industry-panel.reveal.visible .chips span,
.motion-ready .founder-copy.reveal.visible .expertise span{
    opacity:1;
    transform:none;
    transition:opacity .48s ease,transform .48s cubic-bezier(.2,.75,.25,1),border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.motion-ready .contact-panel.reveal.visible .contact-item:nth-child(2),
.motion-ready .industry-panel.reveal.visible .chips span:nth-child(2),
.motion-ready .founder-copy.reveal.visible .expertise span:nth-child(2){transition-delay:.06s}
.motion-ready .contact-panel.reveal.visible .contact-item:nth-child(3),
.motion-ready .industry-panel.reveal.visible .chips span:nth-child(3),
.motion-ready .founder-copy.reveal.visible .expertise span:nth-child(3){transition-delay:.12s}
.motion-ready .industry-panel.reveal.visible .chips span:nth-child(4),
.motion-ready .founder-copy.reveal.visible .expertise span:nth-child(4){transition-delay:.18s}
.motion-ready .industry-panel.reveal.visible .chips span:nth-child(5),
.motion-ready .founder-copy.reveal.visible .expertise span:nth-child(5){transition-delay:.24s}
.motion-ready .founder-copy.reveal.visible .expertise span:nth-child(6){transition-delay:.30s}
.motion-ready .founder-copy.reveal.visible .expertise span:nth-child(7){transition-delay:.36s}
.motion-ready .founder-copy.reveal.visible .expertise span:nth-child(8){transition-delay:.42s}

@media (hover:none){
    .glass-card:hover,.approach-card:hover,.service-card:hover,.contact-item:hover,.founder-ring:hover,
    .chips span:hover,.expertise span:hover{transform:none}
}

@media(max-width:1060px){
    .nav-links{
        display:none;
        position:absolute;
        top:calc(100% + 8px);
        inset-inline:0;
        flex-direction:column;
        align-items:stretch;
        padding:10px;
        border:1px solid var(--line);
        border-radius:18px;
        background:rgba(255,255,255,.98);
        box-shadow:var(--shadow);
    }
    .nav-links.open{display:flex}
    .nav-links a{padding:12px}
    .menu-toggle{display:grid}
    .hero-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.62fr);gap:30px}
    .hero-logo-panel{width:clamp(280px,34vw,420px)}
    .about-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .services-grid::before{display:none}
        .approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:820px){
    .section-head{grid-template-columns:1fr;gap:14px;align-items:start}
    .section-head>p{max-width:700px}
    .hero{
        align-items:flex-start;
        padding-top:116px;
        background-position:58% center;
    }
    .hero-layout{grid-template-columns:1fr;gap:34px}
    .hero-copy{max-width:720px}
    .hero-copy h1,.rtl .hero-copy h1{max-inline-size:14ch}
    .hero-logo-panel{width:min(460px,78vw);justify-self:center}
    .founder-grid{grid-template-columns:1fr;gap:36px}
    .contact-panel{grid-template-columns:1fr}
}

@media(max-width:620px){
    .container{width:calc(100% - 24px)}
    .site-header{top:8px}
    .navbar{min-height:62px;padding:8px 9px;border-radius:18px}
    .brand-picture{width:42px;height:38px}
    .brand-mark{width:42px;height:auto}
    .brand-text strong{font-size:.84rem;white-space:normal;line-height:1.15;max-width:190px}
    .rtl .brand-text strong{font-size:.9rem;max-width:160px}
    .lang-switch,.menu-toggle{height:40px;min-width:40px;padding:0 10px}
    .section{padding:72px 0}
    h1{font-size:clamp(2.55rem,13.6vw,4rem);line-height:1.02;letter-spacing:-.04em}
    h2{font-size:clamp(1.95rem,9.6vw,2.65rem)}
    .rtl h1,.rtl h2{letter-spacing:0}
    p{line-height:1.78}
    .hero{
        min-height:auto;
        padding:108px 0 64px;
        background-image:
            linear-gradient(180deg,rgba(3,16,31,.76),rgba(4,28,55,.67)),
            url("dubai.jpg");
        background-position:58% center;
    }
    .rtl .hero{
        background-image:
            linear-gradient(180deg,rgba(3,16,31,.76),rgba(4,28,55,.67)),
            url("dubai.jpg");
    }
    .hero-copy h1,.rtl .hero-copy h1{max-inline-size:none}
    .hero-actions{gap:8px;margin-top:25px}
    .btn{flex:1 1 calc(50% - 8px);min-width:145px;padding-inline:14px}
    .btn-product{flex-basis:100%}
    .hero-pills{gap:7px;margin-top:23px}
    .hero-pills span{font-size:.76rem;padding:7px 9px}
    .hero-logo-panel{width:min(430px,92vw);border-radius:29px;padding:22px}
    .hero-logo-composition{width:min(100%,340px)}
    .hero-logo-symbol{width:min(100%,280px)}
    .hero-logo-wordmark{width:min(100%,340px)}
    .about-grid,.services-grid,.approach-grid{grid-template-columns:1fr}
    .glass-card,.service-card,.approach-card{min-height:0;padding:23px}
    .service-card h3{min-height:0}
    .service-number{margin-bottom:24px}
    .industry-panel,.contact-panel{border-radius:27px}
    .founder-ring{width:min(292px,76vw)}
    .contact-item{align-items:flex-start}
    .footer-inner{flex-direction:column;gap:8px}
}

@media(max-width:430px){
    .container{width:calc(100% - 18px)}
    .brand-text strong{max-width:132px;font-size:.78rem}
    .rtl .brand-text strong{max-width:125px;font-size:.83rem}
    h1{font-size:clamp(2.38rem,13vw,3.45rem)}
    h2{font-size:clamp(1.82rem,9.3vw,2.35rem)}
    .btn{flex-basis:100%;width:100%}
    .hero-logo-panel{width:min(360px,92vw)}
    .hero-logo-composition{width:min(100%,300px)}
    .hero-logo-symbol{width:min(100%,245px)}
    .hero-logo-wordmark{width:min(100%,300px)}
    .founder-ring{width:min(270px,74vw)}
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .navbar{background:#fff}
    .btn-ghost{background:rgba(4,20,38,.82)}
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{transition:none!important;animation:none!important}
    .reveal,.service-card.reveal,.service-card.reveal.visible{opacity:1;transform:none}
}

.hero-pills span:hover{transform:translate3d(var(--mag-x,0px),calc(var(--mag-y,0px) - 3px),0);border-color:rgba(122,236,255,.42);background:rgba(255,255,255,.1);box-shadow:0 12px 26px rgba(0,0,0,.12)}

.glass-card,.service-card,.approach-card,.contact-item,.hero-logo-panel,.founder-ring{
    will-change:transform;
}
.hero-logo-panel,.founder-ring,.contact-item,.glass-card,.service-card,.approach-card{
    --tilt-x:0deg;
    --tilt-y:0deg;
}
.hero-logo-panel:hover{
    transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px);
}
.hero-logo-panel{transition:transform .34s cubic-bezier(.2,.75,.25,1), box-shadow .34s ease, border-color .28s ease;}
.hero-logo-panel:hover{box-shadow:0 36px 86px rgba(0,0,0,.20); border-color:transparent}
.industry-panel,.contact-panel{transition:transform .34s ease,box-shadow .34s ease,border-color .28s ease;}
.industry-panel:hover,.contact-panel:hover{transform:translateY(-6px);box-shadow:0 34px 86px rgba(4,28,53,.22)}
.service-card .service-number,.glass-card h3,.approach-card h3{transition:transform .26s ease,color .26s ease}
.service-card:hover .service-number{transform:translateY(-2px) scale(1.04);color:#0a7be3}
.glass-card:hover h3,.approach-card:hover h3{transform:translateY(-2px)}
.hero-copy .lead,.hero-copy h1,.hero-copy .hero-actions,.hero-copy .hero-pills{transition:transform .4s cubic-bezier(.2,.75,.25,1)}
.hero:hover .hero-copy h1{transform:translateY(-2px)}
.hero:hover .hero-copy .lead{transform:translateY(-1px)}
.navbar{transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease,background .26s ease}
.site-header.scrolled .navbar{box-shadow:0 20px 56px rgba(3,24,46,.18); border-color:rgba(255,255,255,.58); background:rgba(255,255,255,.96)}

.cursor-aura{
    position:fixed;
    left:0;
    top:0;
    width:320px;
    height:320px;
    z-index:90;
    pointer-events:none;
    border-radius:50%;
    opacity:.34;
    background:radial-gradient(circle,rgba(41,209,245,.18) 0%,rgba(8,104,216,.08) 34%,transparent 70%);
    transform:translate3d(-999px,-999px,0);
    filter:blur(6px);
    will-change:transform;
    mix-blend-mode:multiply;
}

.section-soft{
    overflow:hidden;
    isolation:isolate;
}
.section-soft::after{
    content:"";
    position:absolute;
    z-index:0;
    width:clamp(260px,36vw,540px);
    aspect-ratio:1;
    inset:auto -8% -28% auto;
    border-radius:50%;
    background:radial-gradient(circle,rgba(17,201,243,.12),rgba(8,104,216,.05) 44%,transparent 72%);
    filter:blur(4px);
    animation:sectionAurora 11s ease-in-out infinite alternate;
    pointer-events:none;
}
@keyframes sectionAurora{
    from{transform:translate3d(-4%,3%,0) scale(.96)}
    to{transform:translate3d(6%,-5%,0) scale(1.08)}
}
.section-soft>.container{position:relative;z-index:1}

.hero-grid-bg{
    background-position:0 var(--hero-grid-y,0px),0 var(--hero-grid-y,0px);
}
.hero-logo-composition{
    transform:translate3d(0,var(--hero-logo-y,0px),0);
    transition:transform .18s linear;
}
.hero-copy{
    transform:translate3d(0,var(--hero-copy-y,0px),0);
}

.services-grid::after{
    content:"";
    position:absolute;
    z-index:-1;
    top:calc(50% - 5px);
    left:7%;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#7aedff;
    box-shadow:0 0 0 5px rgba(17,201,243,.08),0 0 26px 9px rgba(17,201,243,.32);
    animation:servicePulseTravel 7s cubic-bezier(.45,0,.55,1) infinite alternate;
}
@keyframes servicePulseTravel{
    from{left:7%;transform:scale(.8);opacity:.45}
    45%{opacity:1}
    to{left:92%;transform:scale(1.08);opacity:.7}
}

.approach-grid{
    position:relative;
    isolation:isolate;
}
.approach-grid::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:6%;
    right:6%;
    top:56px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(8,104,216,.06),rgba(17,201,243,.30),rgba(8,104,216,.06));
}
.approach-grid::after{
    content:"";
    position:absolute;
    z-index:-1;
    top:51px;
    left:6%;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#11c9f3;
    box-shadow:0 0 0 6px rgba(17,201,243,.08),0 0 26px rgba(17,201,243,.42);
    animation:approachPulse 8s ease-in-out infinite;
}
@keyframes approachPulse{
    0%,100%{left:6%;opacity:.45}
    50%{left:91%;opacity:1}
}

.founder-ring{
    position:relative;
    isolation:isolate;
    background:#edf8fd;
}
.founder-ring::before{
    content:"";
    position:absolute;
    inset:-42%;
    z-index:0;
    background:conic-gradient(from 0deg,#075ac4,#20cef5,#d9f8ff,#075ac4);
    animation:founderRingSpin 9s linear infinite;
}
.founder-ring::after{
    content:"";
    position:absolute;
    inset:7px;
    z-index:1;
    border-radius:50%;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 0 32px rgba(17,201,243,.14);
    pointer-events:none;
}
.founder-portrait{
    position:relative;
    z-index:2;
}
@keyframes founderRingSpin{to{transform:rotate(360deg)}}

.contact-panel::before,
.industry-panel::before{
    content:"";
    position:absolute;
    inset:-35% -20%;
    z-index:0;
    pointer-events:none;
    opacity:.26;
    background:linear-gradient(115deg,transparent 38%,rgba(123,235,255,.20) 49%,transparent 60%);
    transform:translateX(-55%) rotate(8deg);
    animation:panelSweep 8s ease-in-out infinite;
}
@keyframes panelSweep{
    0%,28%{transform:translateX(-55%) rotate(8deg);opacity:0}
    42%{opacity:.28}
    65%,100%{transform:translateX(55%) rotate(8deg);opacity:0}
}

@media(max-width:1060px){
    .services-grid::after{display:none}
}

@media(max-width:820px){
    .approach-grid::before,.approach-grid::after{display:none}
}

@media(max-width:620px){
    .founder-section .founder-grid{
        justify-items:center;
        text-align:center;
    }
    .founder-section .founder-portrait-wrap,
    .founder-section .founder-copy{
        width:100%;
        justify-self:center;
    }
    .founder-section .founder-copy{
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
    }
    .founder-section .kicker{
        justify-content:center;
        text-align:center;
    }
    .founder-section .founder-copy h2,
    .founder-section .founder-title,
    .founder-section .founder-copy p{
        width:100%;
        max-width:34rem;
        margin-inline:auto;
        text-align:center;
    }
    .founder-section .expertise{
        width:100%;
        max-width:34rem;
        justify-content:center;
        margin-inline:auto;
    }
    .founder-section .expertise span{
        text-align:center;
    }
}

@media(prefers-reduced-motion:reduce){
    .cursor-aura{display:none!important}
    .section-soft::after,.services-grid::after,.approach-grid::after,.founder-ring::before,.contact-panel::before,.industry-panel::before{animation:none!important}
    .hero-logo-composition,.hero-copy{transform:none!important}
}

.hero-network{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    pointer-events:none;
    opacity:.56;
    mix-blend-mode:screen;
}
.hero-scan{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
    opacity:.34;
}
.hero-scan::before{
    content:"";
    position:absolute;
    left:-12%;
    right:-12%;
    top:-22%;
    height:18%;
    background:linear-gradient(180deg,transparent,rgba(89,229,255,.07) 42%,rgba(151,244,255,.18) 50%,rgba(89,229,255,.07) 58%,transparent);
    filter:blur(.2px);
    animation:heroScanPass 8.5s cubic-bezier(.45,0,.55,1) infinite;
}
@keyframes heroScanPass{
    0%,16%{transform:translateY(-12vh);opacity:0}
    25%{opacity:.9}
    78%{opacity:.55}
    100%{transform:translateY(135vh);opacity:0}
}

.future-spine{
    position:fixed;
    z-index:850;
    inset-block:116px 42px;
    inset-inline-end:18px;
    width:1px;
    pointer-events:none;
    opacity:.48;
    background:linear-gradient(180deg,transparent,rgba(17,201,243,.22) 8%,rgba(8,104,216,.35) 50%,rgba(17,201,243,.22) 92%,transparent);
}
.future-spine::before,
.future-spine::after{
    content:"";
    position:absolute;
    left:50%;
    width:5px;
    height:5px;
    margin-left:-2px;
    border-radius:50%;
    background:#8eeeff;
    box-shadow:0 0 12px rgba(17,201,243,.68);
}
.future-spine::before{top:12%}
.future-spine::after{bottom:12%}
.future-spine-pulse{
    position:absolute;
    left:50%;
    top:var(--spine-progress,0%);
    width:9px;
    height:9px;
    margin:-4px 0 0 -4px;
    border-radius:50%;
    background:#d9fbff;
    box-shadow:0 0 0 5px rgba(17,201,243,.08),0 0 24px 8px rgba(17,201,243,.35);
    transition:top .16s linear;
}

.hero-symbol-stage{
    position:relative;
    width:min(100%,315px);
    aspect-ratio:1;
    display:grid;
    place-items:center;
    isolation:isolate;
}
.hero-symbol-stage .hero-logo-symbol{
    position:relative;
    z-index:3;
    width:100%;
}
.logo-orbit{
    position:absolute;
    z-index:1;
    inset:8%;
    border:1px solid rgba(17,201,243,.20);
    border-radius:50%;
    pointer-events:none;
}
.logo-orbit::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    background:conic-gradient(from 0deg,transparent 0 22%,rgba(64,222,255,.26) 30%,transparent 38% 72%,rgba(8,104,216,.22) 81%,transparent 90%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    padding:1px;
}
.logo-orbit-one{animation:logoOrbitSpin 12s linear infinite}
.logo-orbit-two{
    inset:17%;
    border-color:rgba(8,104,216,.14);
    animation:logoOrbitSpinReverse 9s linear infinite;
}
.logo-orbit span{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#8bf1ff;
    box-shadow:0 0 0 4px rgba(17,201,243,.08),0 0 18px rgba(17,201,243,.52);
}
.logo-orbit-one span:nth-child(1){top:5%;left:24%}
.logo-orbit-one span:nth-child(2){right:2%;bottom:28%}
.logo-orbit-two span{left:5%;bottom:18%;width:5px;height:5px}
@keyframes logoOrbitSpin{to{transform:rotate(360deg)}}
@keyframes logoOrbitSpinReverse{to{transform:rotate(-360deg)}}
.hero-logo-wordmark{
    position:relative;
    z-index:4;
}

.motion-ready .section-head.reveal > div,
.motion-ready .section-head.reveal > p{
    opacity:0;
    transform:translateY(22px);
}
.motion-ready .section-head.reveal.visible > div{
    opacity:1;
    transform:none;
    transition:opacity .62s ease .08s,transform .72s cubic-bezier(.16,.8,.2,1) .08s;
}
.motion-ready .section-head.reveal.visible > p{
    opacity:1;
    transform:none;
    transition:opacity .62s ease .22s,transform .72s cubic-bezier(.16,.8,.2,1) .22s;
}
.motion-ready .industry-panel.reveal,
.motion-ready .contact-panel.reveal{
    clip-path:inset(0 0 12% 0 round 34px);
    transform:translateY(22px) scale(.985);
}
.motion-ready .industry-panel.reveal.visible,
.motion-ready .contact-panel.reveal.visible{
    clip-path:inset(0 0 0 0 round 34px);
    transform:none;
    transition:opacity .65s ease,transform .78s cubic-bezier(.16,.8,.2,1),clip-path .86s cubic-bezier(.16,.8,.2,1),box-shadow .34s ease;
}

[data-holo]{
    --holo-x:var(--mx,50%);
    --holo-y:var(--my,50%);
}
.glass-card[data-holo],
.service-card[data-holo],
.approach-card[data-holo]{
    background:
        radial-gradient(circle at var(--holo-x) var(--holo-y),rgba(121,236,255,.13),transparent 31%),
        linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,250,254,.95));
}
.glass-card[data-holo]::before,
.approach-card[data-holo]::before{
    content:"";
    position:absolute;
    inset:-40% -60%;
    z-index:0;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(112deg,transparent 37%,rgba(255,255,255,.76) 48%,rgba(116,233,255,.18) 52%,transparent 63%);
    transform:translateX(-44%) rotate(4deg);
    transition:opacity .22s ease;
}
.glass-card[data-holo]:hover::before,
.approach-card[data-holo]:hover::before{
    opacity:.52;
    animation:holoSweep 1.05s cubic-bezier(.18,.72,.2,1) forwards;
}
@keyframes holoSweep{to{transform:translateX(44%) rotate(4deg)}}
.service-card[data-holo]:hover{
    background:
        radial-gradient(circle at var(--holo-x) var(--holo-y),rgba(110,234,255,.22),transparent 29%),
        linear-gradient(145deg,rgba(255,255,255,.995),rgba(237,249,254,.97));
}
.industry-panel[data-holo],
.contact-panel[data-holo]{
    background:
        radial-gradient(circle at var(--holo-x) var(--holo-y),rgba(75,225,255,.12),transparent 31%),
        radial-gradient(circle at 85% 12%,rgba(43,213,251,.20),transparent 28%),
        linear-gradient(145deg,#041426,#0a386b);
}
.industry-panel[data-holo]{
    background:
        radial-gradient(circle at var(--holo-x) var(--holo-y),rgba(75,225,255,.12),transparent 31%),
        radial-gradient(circle at 83% 14%,rgba(17,201,243,.20),transparent 28%),
        linear-gradient(145deg,#041426,#0a3c73);
}

@media(min-width:1180px){
    main>.section:not(.hero)::before{
        content:"";
        position:absolute;
        z-index:4;
        inset-inline-end:14px;
        top:50%;
        width:7px;
        height:7px;
        margin-top:-3px;
        border-radius:50%;
        background:#bff7ff;
        box-shadow:0 0 0 5px rgba(17,201,243,.07),0 0 18px rgba(17,201,243,.34);
        opacity:.68;
        pointer-events:none;
    }
}

.service-signal span:first-child{animation-duration:2.15s}
.service-card:hover .service-signal span{background:#7aeaff}
.chips span,.expertise span{position:relative;overflow:hidden}
.chips span::before,.expertise span::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.24) 48%,transparent 72%);
    transform:translateX(-100%);
}
.chips span:hover::before,.expertise span:hover::before{
    opacity:1;
    animation:chipSweep .8s ease forwards;
}
@keyframes chipSweep{to{transform:translateX(100%)}}

@media(max-width:1179px){
    .future-spine{display:none}
}
@media(max-width:820px){
    .hero-network{opacity:.36}
    .hero-scan{opacity:.20}
    .logo-orbit{opacity:.65}
}
@media(max-width:620px){
    .hero-network{opacity:.27}
    .hero-scan{display:none}
    .logo-orbit{opacity:.52}
    .hero-symbol-stage{width:min(100%,280px)}
}
@media(prefers-reduced-motion:reduce){
    .hero-network,.hero-scan,.future-spine{display:none!important}
    .logo-orbit,.hero-scan::before,.chips span::before,.expertise span::before{animation:none!important}
    .motion-ready .section-head.reveal > div,
    .motion-ready .section-head.reveal > p,
    .motion-ready .industry-panel.reveal,
    .motion-ready .contact-panel.reveal{
        opacity:1!important;
        transform:none!important;
        clip-path:none!important;
    }
}

.motion-ready .about-grid .reveal,
.motion-ready .approach-grid .reveal{
    transition-delay:calc(var(--reveal-order,0) * 70ms);
}
.cursor-aura.is-hot{
    opacity:.48!important;
    filter:blur(4px);
}

@media (max-width:820px){
    html,body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }
    body{position:relative}

    .container,
    .hero-layout,
    .section-head,
    .about-grid,
    .services-grid,
    .approach-grid,
    .founder-grid,
    .contact-panel{
        min-width:0;
        max-width:100%;
    }
    .hero-layout>* ,
    .section-head>* ,
    .about-grid>* ,
    .services-grid>* ,
    .approach-grid>* ,
    .founder-grid>* ,
    .contact-panel>*{
        min-width:0;
        max-width:100%;
    }

    .hero-network,
    .future-spine,
    .cursor-aura{
        display:none!important;
    }
    .hero-copy,
    .hero-logo-composition{
        transform:none!important;
    }
    .hero-grid-bg{
        background-position:0 0,0 0!important;
    }

    .hero{
        width:100%;
        min-height:auto;
        overflow:hidden;
    }
    .hero-layout{
        width:100%;
        grid-template-columns:minmax(0,1fr)!important;
    }
    .hero-copy{
        width:100%;
        max-width:100%;
    }
    .hero-logo-panel{
        width:min(460px,100%)!important;
        max-width:100%;
        margin-inline:auto;
        transform:none!important;
    }
    .hero-logo-panel:hover{transform:none!important}
    .hero-logo-composition,
    .hero-symbol-stage,
    .hero-logo-wordmark{
        max-width:100%;
        margin-inline:auto;
    }

    .glass-card:hover,
    .service-card:hover,
    .service-card.reveal.visible:hover,
    .approach-card:hover,
    .contact-item:hover,
    .founder-ring:hover,
    .industry-panel:hover,
    .contact-panel:hover{
        transform:none!important;
    }
    .btn,
    .hero-pills span,
    .chips span,
    .expertise span{
        --mag-x:0px!important;
        --mag-y:0px!important;
    }

    .motion-ready .industry-panel.reveal,
    .motion-ready .contact-panel.reveal,
    .motion-ready .industry-panel.reveal.visible,
    .motion-ready .contact-panel.reveal.visible{
        clip-path:none!important;
    }

    .hero-scan{display:none!important}
    .logo-orbit{opacity:.50}
    .section-soft::after{opacity:.72}
}

@media (max-width:620px){
    .site-header,
    .navbar{max-width:100%}
    .navbar{width:calc(100% - 24px)}

    .nav-links{
        max-width:100%;
        overflow:hidden;
    }

    .hero{
        padding-inline:0;
        padding-bottom:58px;
    }
    .hero-layout{gap:30px}
    .hero-logo-panel{
        width:100%!important;
        max-width:430px;
        padding:20px;
    }
    .hero-logo-composition{width:min(100%,330px)}
    .hero-symbol-stage{width:min(100%,270px)}
    .hero-logo-wordmark{width:min(100%,330px)}

    .about-grid,
    .services-grid,
    .approach-grid{
        width:100%;
    }
    .glass-card,
    .service-card,
    .approach-card{
        width:100%;
        max-width:100%;
    }

    .founder-section .founder-grid{
        width:100%;
        justify-items:center;
        text-align:center;
    }
    .founder-section .founder-portrait-wrap,
    .founder-section .founder-copy{
        width:100%;
        max-width:100%;
        justify-self:center;
        margin-inline:auto;
    }
    .founder-section .founder-copy{
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
    }
    .founder-section .kicker{
        justify-content:center;
        text-align:center;
        margin-inline:auto;
    }
    .founder-section .founder-copy h2,
    .founder-section .founder-title,
    .founder-section .founder-copy p{
        width:100%;
        max-width:34rem;
        margin-inline:auto;
        text-align:center;
    }
    .founder-section .expertise{
        width:100%;
        max-width:34rem;
        justify-content:center;
        margin-inline:auto;
    }
    .founder-section .expertise span{text-align:center}

    .contact-panel{
        width:100%;
        max-width:100%;
    }
    .contact-item{
        width:100%;
        max-width:100%;
    }
}

@media (max-width:430px){
    .navbar{width:calc(100% - 18px)}
    .hero-logo-panel{max-width:360px}
    .hero-logo-composition{width:min(100%,295px)}
    .hero-symbol-stage{width:min(100%,240px)}
    .hero-logo-wordmark{width:min(100%,295px)}
}

@supports (-webkit-touch-callout:none){
    @media (max-width:820px){
        .hero,
        .section,
        .industry-panel,
        .contact-panel,
        .hero-logo-panel{
            -webkit-transform:translateZ(0);
        }
        .motion-ready .reveal.visible{
            -webkit-transform:none;
        }
    }
}

@media (hover:none), (pointer:coarse){
    .hero-logo-panel:hover,
    .glass-card:hover,
    .service-card:hover,
    .service-card.reveal.visible:hover,
    .approach-card:hover,
    .contact-item:hover,
    .founder-ring:hover,
    .industry-panel:hover,
    .contact-panel:hover,
    .chips span:hover,
    .expertise span:hover,
    .hero-pills span:hover{
        transform:none!important;
    }
}

@media (max-width:820px){
    html,
    body{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }

    body{
        position:relative!important;
    }

    .container{
        width:calc(100% - 24px)!important;
        max-width:none!important;
        min-width:0!important;
        margin-inline:auto!important;
    }

    .site-header{
        width:100%!important;
        left:0!important;
        right:0!important;
    }
    .site-header .navbar{
        width:calc(100% - 24px)!important;
        max-width:none!important;
        margin-inline:auto!important;
        transform:none!important;
    }

    .hero-network,
    .future-spine,
    .cursor-aura,
    .hero-scan{
        display:none!important;
    }

    .hero{
        width:100%!important;
        max-width:100%!important;
        min-height:auto!important;
        overflow:hidden!important;
        display:block!important;
        padding:108px 0 64px!important;
    }

    .hero .hero-layout{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        gap:34px!important;
        width:calc(100% - 24px)!important;
        max-width:none!important;
        min-width:0!important;
        margin-inline:auto!important;
        transform:none!important;
    }

    .hero .hero-layout > *{
        position:relative!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        inset:auto!important;
        margin-inline:0!important;
        transform:none!important;
    }

    .hero-copy{
        display:block!important;
        flex:none!important;
        text-align:start!important;
    }

    .hero-copy .kicker,
    .hero-copy h1,
    .hero-copy .lead,
    .hero-copy .hero-actions,
    .hero-copy .hero-pills{
        position:relative!important;
        width:auto!important;
        max-width:100%!important;
        min-width:0!important;
        transform:none!important;
    }

    .hero-copy h1,
    .rtl .hero-copy h1{
        max-inline-size:none!important;
        width:100%!important;
        overflow-wrap:normal!important;
        word-break:normal!important;
    }

    .hero-copy .lead{
        width:100%!important;
        max-width:42rem!important;
    }

    .hero-actions{
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:stretch!important;
    }

    .hero-pills{
        display:flex!important;
        flex-wrap:wrap!important;
    }

    .hero-logo-panel{
        position:relative!important;
        display:block!important;
        align-self:center!important;
        justify-self:auto!important;
        width:100%!important;
        max-width:430px!important;
        min-width:0!important;
        margin:0 auto!important;
        padding:20px!important;
        overflow:hidden!important;
        transform:none!important;
        perspective:none!important;
    }

    .hero-logo-panel:hover,
    .hero-logo-panel:active,
    .hero-logo-panel:focus{
        transform:none!important;
    }

    .hero-brand-lockup,
    .hero-logo-composition{
        position:relative!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        height:auto!important;
        margin:0 auto!important;
        transform:none!important;
    }

    .hero-symbol-stage{
        position:relative!important;
        display:grid!important;
        place-items:center!important;
        width:min(270px,78vw)!important;
        max-width:100%!important;
        aspect-ratio:1!important;
        margin:0 auto!important;
        transform:none!important;
    }

    .hero-logo-symbol{
        position:relative!important;
        display:block!important;
        width:100%!important;
        max-width:270px!important;
        height:auto!important;
        margin:0 auto!important;
        transform:none!important;
        animation:logoHeroFloatMobile 6s ease-in-out infinite!important;
    }

    .hero-logo-wordmark{
        position:relative!important;
        display:block!important;
        width:min(330px,100%)!important;
        max-width:100%!important;
        height:auto!important;
        margin:4px auto 0!important;
        transform:none!important;
    }

    .logo-orbit{
        transform-origin:center!important;
        opacity:.42!important;
        pointer-events:none!important;
    }

    @keyframes logoHeroFloatMobile{
        0%,100%{transform:translateY(0)!important}
        50%{transform:translateY(-5px)!important}
    }

    .section-head,
    .about-grid,
    .services-grid,
    .approach-grid,
    .founder-grid,
    .contact-panel{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        transform:none!important;
    }

    .section-head > *,
    .about-grid > *,
    .services-grid > *,
    .approach-grid > *,
    .founder-grid > *,
    .contact-panel > *{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }

    .glass-card,
    .service-card,
    .approach-card,
    .industry-panel,
    .contact-panel,
    .contact-item{
        transform:none!important;
        perspective:none!important;
    }

    .glass-card:hover,
    .service-card:hover,
    .service-card.reveal.visible:hover,
    .approach-card:hover,
    .contact-item:hover,
    .founder-ring:hover,
    .industry-panel:hover,
    .contact-panel:hover,
    .chips span:hover,
    .expertise span:hover,
    .hero-pills span:hover,
    .btn:hover{
        transform:none!important;
    }

    .motion-ready .industry-panel.reveal,
    .motion-ready .contact-panel.reveal,
    .motion-ready .industry-panel.reveal.visible,
    .motion-ready .contact-panel.reveal.visible{
        clip-path:none!important;
        transform:none!important;
    }

    .founder-section .founder-grid{
        justify-items:center!important;
        text-align:center!important;
    }
    .founder-section .founder-copy,
    .founder-section .founder-portrait-wrap{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        margin-inline:auto!important;
    }
    .founder-section .kicker,
    .founder-section h2,
    .founder-section .founder-title,
    .founder-section p{
        max-width:34rem!important;
        margin-inline:auto!important;
        text-align:center!important;
    }
    .founder-section .expertise{
        justify-content:center!important;
        margin-inline:auto!important;
        max-width:34rem!important;
    }
}

@media (max-width:620px){
    .container,
    .hero .hero-layout,
    .site-header .navbar{
        width:calc(100% - 20px)!important;
    }

    .hero-copy h1{
        font-size:clamp(2.45rem,12.4vw,3.7rem)!important;
        line-height:1.04!important;
    }
    .rtl .hero-copy h1{
        font-size:clamp(2.35rem,11.8vw,3.45rem)!important;
        line-height:1.22!important;
    }

    .hero-logo-panel{
        width:min(88vw,350px)!important;
        max-width:350px!important;
        padding:15px!important;
        margin-inline:auto!important;
    }
    .hero-symbol-stage{
        width:min(235px,68vw)!important;
    }
    .hero-logo-symbol{max-width:235px!important}
    .hero-logo-wordmark{width:min(300px,100%)!important}

    .btn{
        min-width:0!important;
        flex:1 1 100%!important;
        width:100%!important;
    }

    .hero-pills span{
        flex:0 1 auto!important;
        max-width:100%!important;
    }
}

@media (max-width:430px){
    .container,
    .hero .hero-layout,
    .site-header .navbar{
        width:calc(100% - 16px)!important;
    }

    .hero-logo-panel{
        width:min(86vw,310px)!important;
        max-width:310px!important;
        padding:13px!important;
    }
    .hero-symbol-stage{width:min(215px,64vw)!important}
    .hero-logo-symbol{max-width:215px!important}
    .hero-logo-wordmark{width:min(270px,100%)!important}
}

/* Final mobile logo sizing: keep the full hero logo panel at 80% of the available width. */
@media (max-width:620px){
    .hero-logo-panel{
        width:80%!important;
        max-width:340px!important;
        padding:12px!important;
        margin-inline:auto!important;
    }
    .hero-logo-composition{
        width:100%!important;
        max-width:100%!important;
    }
    .hero-symbol-stage{
        width:min(82%,230px)!important;
    }
    .hero-logo-symbol{
        max-width:230px!important;
    }
    .hero-logo-wordmark{
        width:min(92%,290px)!important;
    }
}

@media (max-width:430px){
    .hero-logo-panel{
        width:80%!important;
        max-width:none!important;
        padding:11px!important;
    }
    .hero-symbol-stage{
        width:min(82%,205px)!important;
    }
    .hero-logo-symbol{
        max-width:205px!important;
    }
    .hero-logo-wordmark{
        width:min(92%,260px)!important;
    }
}