@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,IBM Plex Sans Arabic,sans-serif;color-scheme:dark;--bg: #080f1b;--bg-elevated: #0d1726;--bg-card: #101d2e;--bg-soft: #14263a;--text: #edf7fb;--muted: #a9bfcc;--subtle: #788fa0;--line: rgba(170,211,228,.12);--accent: #77dff0;--accent-strong: #087f9e;--mint: #78e2d0;--header: rgba(8,15,27,.82);--shadow: 0 24px 80px rgba(0,0,0,.3);--radius: 20px;--container: 1180px}@media print{.site-header{position:static;background:#fff;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header nav,.nav-actions,.site-footer,.whatsapp-float{display:none}}:root[data-theme=light]{color-scheme:light;--bg: #f4f9fc;--bg-elevated: #fff;--bg-card: #fff;--bg-soft: #eaf4f8;--text: #142838;--muted: #526a79;--subtle: #718898;--line: rgba(22,73,95,.13);--accent: #087f9e;--accent-strong: #086e87;--mint: #087f78;--header: rgba(244,249,252,.88);--shadow: 0 24px 70px rgba(16,54,74,.1)}@layer site-base{*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);transition:background .25s,color .25s}body,button,input,textarea,select{font-family:DM Sans,IBM Plex Sans Arabic,sans-serif}button,input,textarea,select{font-size:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}}::selection{background:var(--accent-strong);color:#fff}.container{width:min(var(--container),calc(100% - 56px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:var(--header);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-shell{height:78px;width:min(1320px,calc(100% - 56px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.brand-picture{display:block}.brand-logo{display:block;width:145px;height:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,31px)}.desktop-nav a{color:var(--muted);font-size:12px;font-weight:600;transition:color .2s;position:relative;padding-block:9px;white-space:nowrap}.desktop-nav a.active:after{content:"";height:2px;border-radius:2px;position:absolute;bottom:0;left:0;right:0;background:var(--accent)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-button{min-height:37px;min-width:37px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;color:var(--muted);transition:.2s}.icon-button:hover{color:var(--text);background:var(--bg-soft);border-color:var(--line)}.icon-button span{font-size:11px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;background:var(--accent-strong);color:#fff;font-size:12px;font-weight:700;padding:14px 19px;border-radius:10px;cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s;box-shadow:0 7px 24px #087f9e2b}.button:hover{transform:translateY(-2px);box-shadow:0 10px 32px #087f9e45}.button-small{padding:11px 13px;font-size:11px;border-radius:9px}.button-outline{background:transparent;border-color:var(--line);color:var(--text);box-shadow:none}.button-outline:hover{border-color:var(--accent);background:var(--bg-soft);box-shadow:none}.button-ghost{background:transparent;box-shadow:none;color:var(--text)}.button-ghost:hover{background:var(--bg-soft);box-shadow:none}.button-light{background:#f8f7ff;color:#29213f;box-shadow:none}.mobile-menu-trigger,.mobile-nav{display:none}.hero-section{min-height:680px;overflow:hidden;position:relative;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.hero-grid-lines{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:66px 66px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.hero-glow{position:absolute;width:450px;height:450px;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.18}.glow-a{background:#168fa8;right:5%;top:5%}.glow-b{background:#1a5d91;left:22%;bottom:-50%;opacity:.12}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;flex:1;padding-top:75px;padding-bottom:48px}.hero-copy{padding-block:20px}.hero-eyebrow,.eyebrow{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--mint) 13%,transparent)}.hero-copy h1{font:700 clamp(58px,7.3vw,99px)/.99 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-6px;margin:29px 0 25px}.hero-copy h1 span{display:block}.gradient-text{background:linear-gradient(95deg,#a5f0f7,#46bfd8 52%,#8ae5d5 110%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{color:var(--muted);max-width:465px;font-size:15px;line-height:1.9;margin:0 0 27px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-note{display:flex;align-items:center;gap:8px;color:var(--subtle);font-size:10px;letter-spacing:.2px;margin-top:30px}.hero-note svg{color:var(--accent)}.hero-visual{min-height:420px;position:relative;display:grid;place-items:center;isolation:isolate}.visual-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;transform:rotate(-24deg);animation:orbit-drift 30s linear infinite}.orbit-outer{width:min(39vw,420px);height:min(39vw,420px)}.orbit-inner{width:min(29vw,310px);height:min(29vw,310px);transform:rotate(36deg);border-color:color-mix(in srgb,var(--mint) 20%,transparent);animation-direction:reverse;animation-duration:24s}.visual-core{width:min(24vw,250px);height:min(24vw,250px);min-width:180px;min-height:180px;border-radius:42% 58% 60% 40%/44% 39% 61% 56%;background:radial-gradient(circle at 28% 20%,#c6f5fa 0,#65d6e8 16%,#1888a6 42%,#123a50 72%,#0b1826);box-shadow:inset -18px -22px 50px #06111c9c,inset 10px 8px 25px #fff3,0 0 90px #168fa844;position:relative;display:grid;place-items:center;animation:morph 12s ease-in-out infinite alternate}@keyframes orbit-drift{to{transform:rotate(336deg)}}@keyframes morph{0%{border-radius:42% 58% 60% 40%/44% 39% 61% 56%;transform:rotate(-8deg)}to{border-radius:57% 43% 39% 61%/55% 61% 39% 45%;transform:rotate(8deg)}}.core-shape{display:flex;gap:5px;align-items:center;transform:rotate(-28deg);opacity:.85}.core-shape span{width:19px;height:68px;border:2px solid #f6f4ffbd;border-radius:50%;transform:skew(-20deg)}.core-shape span:nth-child(2){height:92px}.core-glint{position:absolute;top:17%;left:23%;width:35px;height:14px;border-radius:50%;background:#fff8;filter:blur(8px);transform:rotate(-35deg)}.code-mark{position:absolute;z-index:2;display:grid;place-items:center;min-width:58px;height:42px;padding-inline:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg-card) 82%,transparent);color:var(--accent);box-shadow:0 8px 30px color-mix(in srgb,var(--accent-strong) 20%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:700 17px/1 DM Sans,monospace;letter-spacing:1px;will-change:transform}.code-mark-angle{top:20%;left:20%}.code-mark-close{right:13%;bottom:31%}.code-mark-braces{top:29%;right:18%;min-width:52px;height:38px;font-size:14px}.floating-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #ffffff17;background:color-mix(in srgb,var(--bg-card) 85%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:13px}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-size:10px;font-weight:700;margin-bottom:4px}.floating-chip small{color:var(--muted);font-size:9px}.chip-top{top:17%;right:-1%}.chip-bottom{bottom:15%;left:0}.chip-icon{width:32px;height:32px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border-radius:9px;font-size:21px}.chip-pulse{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px color-mix(in srgb,var(--mint) 12%,transparent);margin:0 10px}.visual-label{position:absolute;font-size:8px;letter-spacing:1.6px;color:var(--subtle)}.label-left{top:12%;left:7%}.label-right{bottom:9%;right:3%}.hero-bottom{display:flex;align-items:center;gap:16px;color:var(--subtle);font-size:9px;letter-spacing:1.4px;padding-bottom:25px}.hero-bottom-line{flex:1;height:1px;background:var(--line)}.section{padding-block:104px}.intro-section{padding-block:90px}.intro-layout{display:grid;grid-template-columns:.65fr 1.5fr 1fr;gap:35px;align-items:start}.intro-layout h2{font:600 clamp(27px,3.2vw,42px)/1.28 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-1.5px;margin:-9px 0 0}.intro-layout p{color:var(--muted);font-size:13px;line-height:1.95;margin:0;padding-top:1px}.eyebrow-line{width:20px;height:1px;background:var(--accent)}.section-heading{margin-bottom:42px;max-width:700px}.section-heading h2,.plain-feature h2{font:600 clamp(32px,4vw,48px)/1.2 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-1.8px;margin:17px 0 0}.section-heading>p,.split-heading>p{color:var(--muted);max-width:500px;font-size:13px;line-height:1.9;margin:16px 0 0}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;max-width:none}.split-heading>p{max-width:360px;margin-bottom:4px}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line)}.service-cell{display:flex;min-width:0}.service-card{position:relative;display:flex;flex-direction:column;width:100%;padding:20px 20px 18px;border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);transition:background .25s,box-shadow .25s}.service-card:before{content:"";position:absolute;inset-block-start:-1px;inset-inline:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}[dir=rtl] .service-card:before{transform-origin:right}.service-card:hover{background:var(--bg-soft)}.service-card:hover:before{transform:scaleX(1)}.service-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent)}.service-card-top span{font-size:10px;color:var(--subtle);letter-spacing:1px;font-variant-numeric:tabular-nums}.service-card h3{font:600 15.5px/1.35 Manrope,IBM Plex Sans Arabic,sans-serif;margin:22px 0 8px;letter-spacing:-.2px}.service-card p{flex:1;color:var(--muted);font-size:12.5px;line-height:1.75;margin:0 0 16px}.service-card .text-link{align-self:flex-start;font-size:11.5px}.service-cta-cell{grid-column:span 3}.service-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;padding:22px 26px;border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%)}.service-cta-eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.4px}.service-cta h3{margin:8px 0 6px;font:600 19px/1.3 Manrope,IBM Plex Sans Arabic,sans-serif;letter-spacing:-.4px}.service-cta p{max-width:520px;margin:0;color:var(--muted);font-size:12.5px;line-height:1.75}.service-cta-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}@media(max-width:1180px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-cta-cell{grid-column:span 3}}@media(max-width:860px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-cta-cell{grid-column:span 1}.service-cta{flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.service-cta-actions{align-items:flex-start}}@media(max-width:560px){.services-grid{grid-template-columns:1fr}.service-card{padding:18px}.service-card h3{margin-top:16px}}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--accent);transition:gap .2s}.text-link:hover{gap:11px}.section-foot{display:flex;justify-content:center;margin-top:35px}.work-section{background:var(--bg)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list span{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:9px;color:var(--muted)}.process-section{background:var(--bg-elevated)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-card{position:relative;padding:24px 20px 20px 0;border-right:1px solid var(--line);margin-right:20px;min-height:200px}.process-card:last-child{border:0;margin:0}.process-index{font-size:10px;color:var(--accent);letter-spacing:1px}.process-card h3{font-size:15px;margin:28px 0 11px}.process-card p{color:var(--muted);font-size:11px;line-height:1.9;max-width:220px}.process-line{display:block;height:2px;width:30px;background:var(--accent);margin-top:24px;transition:width .3s}.process-card:hover .process-line{width:65px}.cta-section{padding-block:20px 100px;background:var(--bg)}.cta-card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#102b40,#12394d 55%,#12443f);border-radius:20px;padding:70px 7%;color:#f2fbff}.cta-card .eyebrow{color:#b5d7e3}.cta-card h2{max-width:600px;font:600 clamp(36px,5vw,60px)/1.1 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-2px;margin:22px 0 14px}.cta-card>p{color:#c7dce5;max-width:460px;font-size:13px;line-height:1.9;margin-bottom:25px}.cta-glow{position:absolute;z-index:-1;width:380px;height:380px;right:-5%;top:-55%;border-radius:50%;background:#34bfd84d;filter:blur(70px)}.cta-orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:340px;height:340px;right:-80px;bottom:-210px;pointer-events:none}.orbit-two{width:440px;height:440px;right:-130px;bottom:-260px}.site-footer{border-top:1px solid var(--line);padding:36px max(28px,calc((100% - var(--container))/2)) 20px;background:var(--bg-elevated)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.footer-top>p{font-size:11px;color:var(--muted);margin:0}.footer-socials{display:flex;flex-wrap:wrap;gap:15px}.footer-socials a,.footer-bottom a{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);transition:color .2s}.footer-socials a:hover,.footer-bottom a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:var(--subtle);font-size:9px}.footer-bottom-links{display:flex;flex-wrap:wrap;gap:20px}.page-intro{padding-block:95px 62px;background:radial-gradient(ellipse at 80% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 42%);border-bottom:1px solid var(--line)}.page-intro h1{max-width:850px;font:600 clamp(44px,6.5vw,75px)/1.08 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-3px;margin:22px 0 18px}.page-intro p{max-width:600px;color:var(--muted);font-size:14px;line-height:1.9}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.plain-feature{padding:45px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated)}.plain-feature h2{max-width:620px}.plain-feature p{max-width:580px;color:var(--muted);font-size:13px;line-height:1.9;margin:20px 0 25px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.about-values>*,.about-expertise-grid>*{display:flex}.value-card,.about-expertise-card{flex:1;min-width:0}.value-card{padding:30px;min-height:180px;border:1px solid var(--line);border-radius:13px;background:var(--bg-elevated);transition:transform .25s,border-color .25s}.value-card:hover{transform:translateY(-5px);border-color:var(--accent)}.value-card span{font-size:10px;color:var(--accent)}.value-card h3{font:600 19px/1.35 Manrope,IBM Plex Sans Arabic,sans-serif;margin:26px 0 10px}.value-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.about-story{overflow:hidden;background:var(--bg-elevated)}.about-story-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}.about-story-copy h2{max-width:610px;margin:20px 0;font:600 clamp(32px,4vw,48px)/1.18 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-1.7px}.about-story-copy p,.about-expertise-card p{color:var(--muted);font-size:13px;line-height:1.95}.about-story-copy p+p{margin-top:15px}.about-visual{position:relative;display:grid;min-height:390px;place-items:center;isolation:isolate}.about-orbit{position:absolute;width:82%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;animation:about-spin 34s linear infinite}.about-orbit-one:before,.about-orbit-two:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px var(--accent);top:18%;left:17%}.about-orbit-two{width:62%;border-color:color-mix(in srgb,var(--mint) 27%,transparent);animation-direction:reverse;animation-duration:27s}.about-orbit-two:before{inset:auto 12% 20% auto;background:var(--mint);box-shadow:0 0 22px var(--mint)}.about-visual-core{position:relative;z-index:1;display:flex;width:190px;height:190px;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px solid #ffffff3b;border-radius:42% 58% 63% 37%/46% 41% 59% 54%;background:radial-gradient(circle at 30% 20%,#c6f5fa 0,#65d6e8 16%,#1888a6 42%,#123a50 72%,#0b1826);box-shadow:inset 0 0 45px #fff3,0 0 85px #168fa844;animation:morph 11s ease-in-out infinite alternate}.about-visual-core span{color:#fff;font:700 75px/.9 Manrope,sans-serif;text-shadow:0 4px 20px #06111c80}.about-visual-core i{color:#e8fbff;font-size:7px;font-style:normal;letter-spacing:1.3px}.about-float{position:absolute;z-index:2;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg-card) 86%,transparent);box-shadow:var(--shadow);color:var(--muted);font-size:8px;font-weight:700;letter-spacing:1px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:about-float 5s ease-in-out infinite}.about-float-top{top:16%;right:2%}.about-float-bottom{bottom:16%;left:1%;animation-delay:-2.5s}.about-expertise{background:var(--bg)}.about-expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.about-expertise-card{position:relative;min-height:230px;padding:27px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--bg-elevated);transition:transform .25s,border-color .25s,background .25s}.about-expertise-card:after{content:"";position:absolute;right:-48px;bottom:-64px;width:130px;height:130px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;transition:transform .35s}.about-expertise-card:hover{transform:translateY(-5px);border-color:var(--accent);background:var(--bg-soft)}.about-expertise-card:hover:after{transform:scale(1.35)}.about-expertise-card>span{color:var(--accent);font-size:10px;letter-spacing:1px}.about-expertise-card h3{margin:34px 0 10px;font:600 19px Manrope,IBM Plex Sans Arabic,sans-serif}.about-expertise-card p{max-width:340px;margin:0;font-size:12px}.about-values-section{background:var(--bg-elevated)}@keyframes about-spin{to{transform:rotate(336deg)}}@keyframes about-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.about-note{padding-top:0}.about-note-card{background:var(--bg-soft);border-radius:var(--radius);padding:50px}.about-note-card h2{font:600 clamp(28px,4vw,45px)/1.2 "Manrope","IBM Plex Sans Arabic",sans-serif;max-width:800px;letter-spacing:-1.5px}.about-note-card p{color:var(--muted);font-size:13px;max-width:640px;line-height:1.9}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;transition:color .2s}.back-link:hover{color:var(--accent)}.demo-warning{border-left:2px solid var(--accent);padding:12px 15px;background:var(--bg-soft)}.contact-section{padding-top:65px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.career-section{padding-top:65px}.career-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.career-side h2{font:600 clamp(30px,3.5vw,42px)/1.2 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-1.3px;margin:22px 0 15px}.career-side>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:420px}.career-note{display:flex;align-items:flex-start;gap:14px;margin-top:28px;color:var(--accent)}.career-note>div{display:flex;flex-direction:column;gap:6px}.career-note strong{color:var(--text);font-size:13px}.career-note span{color:var(--text);font-size:12px}.career-note small,.career-disclaimer{color:var(--subtle);font-size:10px;line-height:1.7}.career-disclaimer{margin-top:25px;padding:12px 14px;border-inline-start:2px solid var(--accent);background:var(--bg-soft)}.career-form{gap:15px}.resume-field{gap:9px}.resume-upload{position:relative;display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 14px;overflow:hidden;color:var(--accent);background:var(--bg);border:1px dashed var(--line);border-radius:8px;cursor:pointer}.resume-upload>span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.resume-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.resume-upload:focus-within{outline:2px solid var(--accent);outline-offset:2px}.form-error{color:#e87979;font-size:11px}.contact-side h2{font:600 clamp(30px,3.5vw,42px)/1.2 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-1.3px;margin:22px 0 15px}.contact-side>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:400px}.contact-detail{display:flex;align-items:flex-start;gap:15px;margin-top:30px;color:var(--accent)}.contact-detail>div{display:flex;flex-direction:column;gap:5px}.contact-detail small{color:var(--muted);font-size:10px}.contact-detail strong{color:var(--text);font-size:13px}.contact-detail span{color:var(--subtle);font-size:10px}.contact-form{border:1px solid var(--line);border-radius:16px;padding:30px;background:var(--bg-elevated);display:flex;flex-direction:column;gap:17px}.contact-form label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:11px;font-weight:600}.contact-form input,.contact-form textarea,.contact-form select{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:13px 14px;outline:none;transition:border-color .2s;font-size:12px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--subtle)}.contact-form textarea{resize:vertical}.contact-form select{cursor:pointer}.contact-form option{background:var(--bg-card);color:var(--text)}.submit-button{align-self:flex-start}.form-note,.form-success{color:var(--subtle);font-size:10px;line-height:1.7;margin:0}.form-success{color:var(--mint);display:flex;align-items:center;gap:6px}.not-found{padding-block:100px;min-height:55vh}.not-found>span{color:var(--accent);font-size:12px}.not-found h1{font-size:45px}[dir=rtl]{font-family:IBM Plex Sans Arabic,DM Sans,sans-serif}[dir=rtl] .hero-copy h1,[dir=rtl] .section-heading h2,[dir=rtl] .intro-layout h2,[dir=rtl] .page-intro h1,[dir=rtl] .cta-card h2,[dir=rtl] .contact-side h2{letter-spacing:0;font-family:IBM Plex Sans Arabic,Manrope,sans-serif}[dir=rtl] .desktop-nav a.active:after{left:0;right:0}[dir=rtl] .process-card{padding:24px 0 20px 20px;border-right:0;border-left:1px solid var(--line);margin-right:0;margin-left:20px}[dir=rtl] .process-card:last-child{border:0;margin-left:0}@media(min-width:1500px){.hero-copy h1{font-size:105px}}@media(prefers-reduced-motion:reduce){.visual-orbit,.visual-core{animation:none}}@media(max-width:1050px){.desktop-nav{gap:13px}.desktop-nav a{font-size:11px}.nav-shell{gap:12px}.nav-cta{display:none}.hero-layout{grid-template-columns:1fr .85fr}.hero-copy h1{font-size:clamp(56px,7vw,78px);letter-spacing:-4px}.chip-top{right:-2%}.floating-chip{padding:10px}.intro-layout{grid-template-columns:.7fr 1.3fr}.intro-layout p{grid-column:2}.contact-layout{gap:45px}.about-story-grid{gap:35px}.about-expertise-card{padding:21px}.career-layout{gap:45px}}@media(max-width:760px){.container{width:min(100% - 38px,var(--container))}.nav-shell{width:calc(100% - 38px);height:68px}.desktop-nav{display:none}.nav-actions{margin-left:auto}.mobile-menu-trigger{display:inline-flex}.nav-cta{display:none}.mobile-nav{display:block;overflow:hidden;background:var(--bg-elevated);border-top:1px solid var(--line);padding:5px 20px 18px}.mobile-nav>div:not(.mobile-socials) a{display:block;padding:13px 3px;font-size:13px;border-bottom:1px solid var(--line);color:var(--muted)}.mobile-nav a.active{color:var(--accent)}.mobile-socials{display:flex;flex-wrap:wrap;gap:15px;padding-top:15px}.mobile-socials a{color:var(--subtle);font-size:10px}.hero-section{min-height:auto}.hero-layout{grid-template-columns:1fr;padding-top:65px;padding-bottom:20px}.hero-copy h1{font-size:clamp(58px,12vw,86px);letter-spacing:-4px;margin-top:24px}.hero-description{font-size:13px;max-width:530px}.hero-visual{min-height:360px;margin-top:5px}.visual-core{width:200px;height:200px}.orbit-outer{width:330px;height:330px}.orbit-inner{width:255px;height:255px}.chip-top{right:0;top:12%}.chip-bottom{left:0;bottom:10%}.code-mark-angle{top:13%;left:11%}.code-mark-close{right:8%;bottom:26%}.code-mark-braces{top:23%;right:13%}.hero-bottom{padding-bottom:20px}.section{padding-block:72px}.intro-section{padding-block:65px}.intro-layout{grid-template-columns:1fr;gap:20px}.intro-layout h2{margin:0;font-size:34px}.intro-layout p{grid-column:auto;max-width:540px}.section-heading h2,.plain-feature h2{font-size:34px;letter-spacing:-1px}.split-heading{display:block}.split-heading>p{margin-top:14px}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.process-card{min-height:175px}.process-card:nth-child(2){border:0;margin:0}.process-card:nth-child(3){padding-left:0}.process-card:nth-child(4){margin:0;padding-left:20px}.cta-section{padding-bottom:70px}.cta-card{padding:48px 27px}.cta-card h2{font-size:43px}.cta-orbit{right:-180px}.footer-top{align-items:flex-start;flex-wrap:wrap}.footer-top>p{order:3;width:100%}.footer-socials{gap:12px}.footer-bottom{align-items:flex-start;line-height:1.8}.page-intro{padding-block:70px 45px}.page-intro h1{font-size:clamp(42px,10vw,60px);letter-spacing:-2px}.page-intro p{font-size:12px}.about-values{grid-template-columns:1fr}.value-card{min-height:0;padding:23px}.value-card h3{margin-top:18px}.about-story-grid,.about-expertise-grid{grid-template-columns:1fr}.about-visual{min-height:310px}.about-visual-core{width:160px;height:160px}.about-visual-core span{font-size:62px}.about-expertise-card{min-height:190px}.about-expertise-card h3{margin-top:25px}.about-note-card{padding:28px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-form{padding:22px}.contact-side h2{font-size:34px}.career-layout{grid-template-columns:1fr;gap:35px}.career-form{padding:22px}.career-side h2{font-size:34px}}@media(max-width:460px){.brand-logo{width:120px}.hero-copy h1{font-size:58px}.hero-eyebrow{font-size:8px;letter-spacing:1px}.hero-actions .button{padding:13px 14px;font-size:11px}.hero-visual{min-height:310px}.visual-core{min-width:160px;min-height:160px;width:160px;height:160px}.orbit-outer{width:270px;height:270px}.orbit-inner{width:215px;height:215px}.floating-chip b{font-size:9px}.floating-chip small{font-size:8px}.floating-chip{gap:7px;padding:9px}.chip-icon{width:26px;height:26px}.chip-bottom{bottom:4%}.chip-top{top:7%}.process-grid{grid-template-columns:1fr}.process-card,.process-card:nth-child(2),.process-card:nth-child(3),.process-card:nth-child(4){margin:0;padding:20px 0;border-right:0;border-left:0;border-bottom:1px solid var(--line);min-height:auto}.process-card:last-child{border-bottom:0}.process-card h3{margin-top:15px}.process-card p{max-width:none}.footer-bottom{flex-direction:column;gap:10px}.filter-row{gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.whatsapp-float{position:fixed;z-index:120;right:22px;bottom:22px;display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border-radius:999px;color:#fff;background:#20a96b;box-shadow:0 8px 28px #145d3c55;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.whatsapp-float:hover{transform:translateY(-3px);background:#168d58}.contact-detail a{color:var(--text);text-decoration:none}.contact-detail a:hover{color:var(--accent)}@media(max-width:600px){.whatsapp-float{right:14px;bottom:14px;padding:13px}.whatsapp-float span{display:none}}.work-hero{position:relative;min-height:700px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 30%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 40%),var(--bg);isolation:isolate}.work-hero-grid{position:absolute;z-index:-1;inset:0;opacity:.24;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%)}.work-hero-layout{position:relative;display:grid;min-height:700px;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding-block:70px 120px}.work-hero-copy{position:relative;z-index:3;max-width:660px}.work-hero-copy>.eyebrow{color:var(--accent)}.work-hero-copy h1{margin:29px 0 24px;font:600 clamp(54px,7vw,91px)/.99 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-5px}[dir=rtl] .work-hero-copy h1{font-size:clamp(44px,5.4vw,74px);line-height:1.12;letter-spacing:0}.work-hero-copy h1 em{color:var(--accent);font-style:normal}.work-hero-copy>p{max-width:500px;margin:0 0 27px;color:var(--muted);font-size:15px;line-height:1.9}.work-hero-cta{min-height:47px}.work-hero-art{position:relative;min-height:470px;display:grid;place-items:center;isolation:isolate}.work-hero-orbit{position:absolute;width:min(36vw,410px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;transform:rotate(-24deg);animation:work-orbit 36s linear infinite}.work-hero-orbit:after{content:"";position:absolute;top:16%;left:16%;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}.work-hero-orbit.orbit-b{width:min(27vw,310px);border-color:color-mix(in srgb,var(--mint) 30%,transparent);transform:rotate(38deg);animation-duration:27s;animation-direction:reverse}.work-hero-orbit.orbit-b:after{inset:auto 14% 13% auto;background:var(--mint);box-shadow:0 0 20px var(--mint)}@keyframes work-orbit{to{transform:rotate(336deg)}}.hero-art-core{position:relative;z-index:1;width:min(20vw,220px);min-width:155px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #ffffff3b;border-radius:42% 58% 63% 37%/46% 41% 59% 54%;background:radial-gradient(circle at 30% 20%,#c6f5fa 0,#65d6e8 16%,#1888a6 42%,#123a50 72%,#0b1826);box-shadow:inset 0 0 45px #fff3,0 0 95px #168fa844;animation:morph 11s ease-in-out infinite alternate}.hero-art-core span{color:#fff;font:700 84px/.8 Manrope,sans-serif;text-shadow:0 4px 20px #06111c80}.hero-art-core i{color:#e8fbff;font-size:7px;font-style:normal;letter-spacing:1.5px}.hero-art-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg-card) 86%,transparent);box-shadow:var(--shadow);color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:about-float 5s ease-in-out infinite}.hero-art-chip span{color:var(--accent)}.chip-commerce{top:18%;left:2%}.chip-intelligence{right:0;bottom:21%;animation-delay:-2s}.chip-automation{bottom:7%;left:13%;animation-delay:-3.2s}.hero-art-cross{position:absolute;top:16%;right:13%;color:var(--mint);font-size:23px;animation:orbit-drift 18s linear infinite}.work-hero-stats{position:absolute;right:0;bottom:42px;left:0;display:grid;grid-template-columns:repeat(3,max-content) 1fr;align-items:center;gap:clamp(20px,4vw,55px);border-top:1px solid var(--line);padding-top:18px}.work-hero-stats>div{display:grid;gap:5px}.work-hero-stats strong{color:var(--text);font:600 25px/1 Manrope,sans-serif;letter-spacing:-1px}.work-hero-stats>div span{color:var(--subtle);font-size:8px;letter-spacing:.8px}.work-stat-note{justify-self:end;color:var(--subtle);font-size:9px;text-align:end}.work-scroll-cue{position:absolute;right:max(28px,calc((100% - var(--container))/2));bottom:94px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:8px;letter-spacing:1px;text-transform:uppercase}.work-scroll-cue svg{color:var(--accent);animation:scroll-cue 1.6s ease-in-out infinite}@keyframes scroll-cue{50%{transform:translateY(4px)}}.work-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.work-section-heading h2,.work-approach-heading h2{max-width:700px;margin:16px 0 0;font:600 clamp(34px,4.7vw,57px)/1.08 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-2px}.work-section-heading>p,.work-approach-heading>p{max-width:430px;margin:0 0 4px;color:var(--muted);font-size:12px;line-height:1.9}.work-filter-shell{display:grid;grid-template-columns:max-content 1fr;gap:22px;align-items:center;padding-block:15px;margin-bottom:30px;border-block:1px solid var(--line)}.work-filter-label{color:var(--subtle);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.work-filter-row{display:flex;flex-wrap:wrap;gap:7px}.work-filter{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:35px;padding:0 11px;overflow:hidden;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:9px;transition:color .2s,border-color .2s}.work-filter>span:not(.work-filter-active),.work-filter small{position:relative;z-index:1}.work-filter small{color:var(--subtle);font-size:8px}.work-filter:hover{border-color:var(--line);color:var(--text)}.work-filter.active{color:#fff}.work-filter.active small{color:#ffffffa6}.work-filter-active{position:absolute;inset:0;z-index:0;border-radius:7px;background:var(--accent-strong)}.portfolio-tech{display:flex;flex-wrap:wrap;gap:6px}.portfolio-tech span{padding:6px 8px;border:1px solid var(--line);border-radius:99px;color:var(--subtle);font-size:8px}.work-capabilities{background:var(--bg-elevated)}.capability-ribbon{border-top:1px solid var(--line)}.capability-item{min-height:68px;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:14px;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.capability-item:hover{padding-inline:8px;color:var(--accent)}.capability-item>span{color:var(--accent);font-size:9px}.capability-item strong{font:500 clamp(15px,2vw,21px) "Manrope","IBM Plex Sans Arabic",sans-serif}.capability-item>svg{color:var(--subtle)}.work-approach{background:var(--bg)}.work-approach-heading{max-width:760px;margin-bottom:40px}.work-approach-heading>p{margin-top:15px}.approach-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach-step{position:relative;min-height:205px;padding:21px 19px 24px 0;border-right:1px solid var(--line)}.approach-step:not(:first-child){padding-left:18px}.approach-step:last-child{border-right:0}.approach-step>span{color:var(--accent);font-size:9px;letter-spacing:1px}.approach-step h3{margin:40px 0 9px;font:600 16px Manrope,IBM Plex Sans Arabic,sans-serif}.approach-step p{max-width:170px;color:var(--muted);font-size:10px;line-height:1.8}.approach-arrow{position:absolute;top:23px;right:-9px;z-index:1;padding:2px;background:var(--bg);color:var(--subtle)}.work-closing{padding-block:24px 88px;background:var(--bg)}.work-closing-card{position:relative;isolation:isolate;min-height:325px;overflow:hidden;padding:clamp(38px,7vw,76px);border:1px solid #a6eff326;border-radius:18px;background:radial-gradient(ellipse at 83% 30%,#34bfd836,transparent 37%),linear-gradient(120deg,#102b40,#12394d 55%,#12443f);color:#f2fbff}.work-closing-card .eyebrow{color:#b5d7e3}.work-closing-card h2{max-width:650px;margin:19px 0 12px;font:600 clamp(37px,5.7vw,65px)/1.05 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-2.5px}.work-closing-card>p{max-width:500px;margin:0 0 24px;color:#c7dce5;font-size:12px;line-height:1.9}.closing-orbit{position:absolute;z-index:-1;right:-65px;bottom:-240px;width:430px;aspect-ratio:1;border:1px solid #ffffff18;border-radius:50%}.closing-orbit-b{right:-115px;bottom:-290px;width:530px}.case-label{display:flex;flex-wrap:wrap;gap:8px}.case-label span{padding:7px 9px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.7px}.case-label span:first-child{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}@media(max-width:900px){.work-hero,.work-hero-layout{min-height:630px}.work-hero-art{min-height:390px}.work-filter-shell{grid-template-columns:1fr;gap:10px}.work-filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.work-filter{flex:0 0 auto}.approach-step{padding-right:12px}.approach-step:not(:first-child){padding-left:12px}}@media(max-width:760px){.work-hero,.work-hero-layout{min-height:0}.work-hero-layout{grid-template-columns:1fr;gap:4px;padding-top:67px;padding-bottom:126px}.work-hero-copy h1{max-width:620px;font-size:clamp(49px,11vw,75px);letter-spacing:-3px}.work-hero-copy>p{max-width:540px;font-size:13px}.work-hero-art{min-height:330px;margin-top:-6px}.work-hero-orbit{width:min(69vw,330px)}.work-hero-orbit.orbit-b{width:min(51vw,245px)}.hero-art-core{width:155px}.hero-art-core span{font-size:62px}.chip-commerce{top:11%;left:0}.chip-intelligence{right:-2%;bottom:19%}.chip-automation{bottom:1%;left:4%}.work-hero-stats{bottom:25px;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:13px}.work-hero-stats strong{font-size:20px}.work-hero-stats>div span{font-size:7px}.work-stat-note,.work-scroll-cue{display:none}.work-section-heading{display:block;margin-bottom:28px}.work-section-heading h2,.work-approach-heading h2{font-size:36px;letter-spacing:-1px}.work-section-heading>p{margin-top:13px}.work-filter-shell{margin-bottom:24px}.portfolio-tech{gap:4px}.portfolio-tech span{padding:5px 6px;font-size:7px}.capability-item{min-height:59px}.approach-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-step{min-height:165px;padding:17px 12px 18px 0;border-bottom:1px solid var(--line)}.approach-step:not(:first-child){padding-left:12px}.approach-step:nth-child(2n){border-right:0}.approach-step:last-child{border-bottom:0}.approach-step h3{margin-top:27px}.approach-step p{font-size:9px}.approach-arrow{display:none}.work-closing{padding-bottom:65px}.work-closing-card{min-height:290px;padding:38px 26px}.work-closing-card h2{font-size:42px;letter-spacing:-1.5px}}@media(max-width:460px){.work-hero-stats>div span{max-width:88px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.work-hero-orbit,.hero-art-core,.hero-art-chip,.hero-art-cross,.work-scroll-cue svg{animation:none!important}}.live-preview-shell{position:fixed;z-index:300;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--text);direction:ltr}@keyframes preview-pulse{50%{box-shadow:0 0 0 7px #35cf910c,0 0 19px #35cf9170}}.live-preview-loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);color:var(--muted);font-size:13px}.live-preview-shell:fullscreen{background:var(--bg)}.project-live-tile{position:relative;display:flex;aspect-ratio:1.56;min-width:0;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(18px,3vw,34px);border:1px solid var(--line);border-radius:13px;background:radial-gradient(ellipse at 82% 18%,#1da5ad35,transparent 42%),linear-gradient(145deg,#102334,#0a1421);color:#f5fbff;transition:border-color .25s,transform .25s,box-shadow .25s}.portfolio-tech{min-width:0;flex-wrap:nowrap;overflow:hidden}.portfolio-tech span{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-preview-not-found{align-items:center;justify-content:center}.live-preview-not-found>div{display:grid;justify-items:center;gap:20px}.demo-preview-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 10;background:color-mix(in srgb,var(--demo-accent, var(--accent)) 8%,var(--bg-card))}.demo-preview-frame[style*=height]{aspect-ratio:auto}.demo-preview-scaler{position:absolute;top:0;inset-inline-start:0;width:1280px;height:800px;transform-origin:top left;pointer-events:none}[dir=rtl] .demo-preview-scaler{transform-origin:top right}.demo-preview-scaler>.demo-root{height:100%}.demo-preview-placeholder{position:absolute;inset:0;display:grid;grid-template-columns:19% 1fr;grid-template-rows:8% 1fr}.demo-preview-placeholder span:nth-child(1){grid-row:span 2;background:color-mix(in srgb,var(--demo-accent, var(--accent)) 70%,#000);opacity:.85}.demo-preview-placeholder span:nth-child(2){border-bottom:1px solid var(--line);background:var(--bg-card)}.demo-preview-placeholder span:nth-child(3){margin:5%;border-radius:6px;background:linear-gradient(90deg,var(--bg-soft),var(--bg-card),var(--bg-soft));background-size:200% 100%;animation:demo-shimmer 1.4s linear infinite}@keyframes demo-shimmer{to{background-position:-200% 0}}.demo-showcase{border-bottom:1px solid var(--line)}.demo-showcase .work-section-heading{margin-bottom:34px}.demo-group{margin-top:46px}.demo-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--line)}.demo-group-heading h3{margin:0;font:600 20px Manrope,IBM Plex Sans Arabic,sans-serif;letter-spacing:-.4px}.demo-group-heading p{margin:0;color:var(--muted);font-size:12px}.demo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.demo-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-card);transition:border-color .2s,box-shadow .25s,transform .25s}.demo-card:hover{border-color:color-mix(in srgb,var(--demo-accent) 55%,var(--line));box-shadow:0 18px 46px #0000001f;transform:translateY(-2px)}.demo-card-preview{position:relative;display:block;border-bottom:1px solid var(--line)}.demo-card-label{position:absolute;top:12px;inset-inline-start:12px;padding:5px 9px;border-radius:999px;background:#0b1220d9;color:#fff;font-size:10px;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.demo-card-body{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}.demo-card-meta{display:flex;gap:10px}.demo-card-meta span:first-child{color:var(--subtle)}.demo-card-body h3 small{display:block;margin-top:4px;color:var(--muted);font:500 13px Manrope,IBM Plex Sans Arabic,sans-serif;letter-spacing:0}.demo-card-label{text-transform:uppercase;letter-spacing:.06em}.demo-showcase .work-filter-shell{margin-bottom:8px}.demo-showcase-preview .demo-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-showcase-preview .demo-card-body h3{font-size:22px}.demo-card-bottom .portfolio-tech{flex-wrap:wrap;min-width:0}.demo-card-bottom .button{flex-shrink:0;white-space:nowrap}.demo-showcase-preview .demo-card-bottom{flex-direction:column;align-items:stretch}.demo-showcase-preview .demo-card-bottom .button{justify-content:center}@media(max-width:1100px){.demo-showcase-preview .demo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-card-meta span{color:var(--demo-accent);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}:root:not([data-theme=light]) .demo-card-meta span,:root:not([data-theme=light]) .demo-intro-category{color:color-mix(in srgb,var(--demo-accent) 50%,white)}.demo-card-body h3{margin:8px 0;font:700 26px Manrope,IBM Plex Sans Arabic,sans-serif;letter-spacing:-.8px}.demo-card-body>p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.75}.demo-card-facts{display:flex;gap:8px;align-items:baseline;margin-bottom:14px;font-size:12px}.demo-card-facts span{color:var(--subtle)}.demo-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.demo-card-chips span{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--demo-accent) 10%,var(--bg-soft));color:var(--text);font-size:11px}.demo-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}[dir=rtl] .demo-rtl-flip{transform:scaleX(-1)}.demo-intro-hero{padding-block:38px 72px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 10%,color-mix(in srgb,var(--demo-accent) 13%,transparent),transparent 48%)}.demo-intro-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;margin-top:40px}.demo-intro-copy h1{margin:20px 0 6px;font:700 clamp(48px,6.4vw,80px)/1.05 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-3px}[dir=rtl] .demo-intro-copy h1,[dir=rtl] .demo-card-body h3{letter-spacing:0}.demo-intro-category{margin:0 0 18px;color:var(--demo-accent);font-weight:700;font-size:14px}.demo-intro-copy>p{max-width:560px;color:var(--muted);font-size:15px;line-height:1.85}.demo-intro-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.demo-intro-copy>p.demo-intro-note{margin-top:14px;font-size:12px;color:var(--subtle)}.demo-intro-disabled{opacity:.55;cursor:not-allowed}.demo-browser{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow)}.demo-browser-bar{display:flex;align-items:center;gap:6px;height:32px;padding-inline:12px;border-bottom:1px solid var(--line);background:var(--bg-soft)}.demo-browser-bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}.demo-browser-bar span{margin-inline-start:10px;color:var(--subtle);font-size:10px;direction:ltr}.demo-intro-section+.demo-intro-section{padding-top:0}.demo-intro-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}.demo-intro-two h2,.demo-showcase h2{font:600 clamp(28px,3.4vw,40px)/1.2 "Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:-1.4px;margin:16px 0 14px}.demo-intro-two p{color:var(--muted);font-size:14px;line-height:1.9}.demo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-feature{height:100%;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--bg-card)}.demo-feature span{color:var(--accent);font-size:11px;font-weight:700}.demo-feature h3{margin:14px 0 8px;font:600 16px Manrope,IBM Plex Sans Arabic,sans-serif}.demo-feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.demo-intro-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-intro-panel{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated)}.demo-intro-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font:600 15px Manrope,IBM Plex Sans Arabic,sans-serif}.demo-intro-panel ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.demo-intro-panel li{display:flex;gap:9px;color:var(--muted);font-size:13px;line-height:1.6}.demo-intro-panel li svg{flex-shrink:0;margin-top:3px;color:var(--mint)}.demo-intro-panel small{display:block;margin-top:16px;color:var(--subtle);font-size:11px}.demo-role-list{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none}.demo-role-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px}.demo-role-list span{color:var(--muted)}.demo-stack{margin-top:18px}.demo-stack span{font-size:11px}@media(max-width:1050px){.demo-intro-hero-grid{grid-template-columns:1fr}.demo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-intro-columns{grid-template-columns:1fr}}@media(max-width:760px){.demo-card-grid,.demo-showcase-preview .demo-card-grid,.demo-intro-two,.demo-feature-grid{grid-template-columns:1fr}.demo-intro-two{gap:36px}.demo-group-heading{flex-direction:column;gap:4px}.demo-card-bottom{flex-direction:column;align-items:stretch}.demo-card-bottom .button{justify-content:center}}.demo-card-overlay{position:absolute;inset:0;z-index:1}.work-filter.demo-filter-active{background:var(--accent-strong)}[dir=rtl] .demo-intro-two h2,[dir=rtl] .demo-showcase h2,[dir=rtl] .demo-group-heading h3{letter-spacing:0}html[dir=rtl] body *{letter-spacing:0!important}html[dir=rtl] body{line-height:1.75}html[dir=rtl] :is(h1,h2,h3):not(.demo-root *){line-height:1.35;font-weight:700}html[dir=rtl] .hero-copy h1{line-height:1.22}html[dir=rtl] :is(.eyebrow,.work-filter-label,.case-label span,.hero-eyebrow){text-transform:none;font-weight:600}html[dir=rtl] :is(p,li):not(.demo-root *){line-height:1.9}.venora-demo-bar{position:relative;z-index:40;display:flex;flex:0 0 auto;align-items:center;gap:14px;height:52px;padding-inline:clamp(12px,2.4vw,26px);background:#080f1b;border-bottom:1px solid rgba(119,223,240,.16);color:#edf7fb;font-family:DM Sans,IBM Plex Sans Arabic,sans-serif;font-size:13px;line-height:1.2}[dir=rtl].venora-demo-bar{font-family:IBM Plex Sans Arabic,DM Sans,sans-serif}.vdb-brand{display:inline-flex;align-items:center;flex-shrink:0}.vdb-logo{display:block;width:auto;height:30px}.vdb-icon{display:none;width:28px;height:28px}.vdb-divider{width:1px;height:22px;flex-shrink:0;background:#aad3e433}.vdb-trail{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.vdb-crumb{color:#a9bfcc;white-space:nowrap;transition:color .2s}.vdb-crumb:hover{color:#77dff0}.vdb-chevron{flex-shrink:0;color:#5f7787}[dir=rtl] .vdb-chevron{transform:scaleX(-1)}.vdb-project{overflow:hidden;color:#fff;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.vdb-kicker{overflow:hidden;color:#788fa0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.vdb-demo{flex-shrink:0;padding:3px 8px;border:1px dashed rgba(119,223,240,.45);border-radius:999px;color:#77dff0;font-size:10px;font-weight:700;letter-spacing:.08em}.vdb-return{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;height:34px;padding-inline:14px 12px;border:1px solid rgba(119,223,240,.55);border-radius:9px;background:#77dff01a;color:#c9f5fc;font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.vdb-return:hover{border-color:#77dff0;background:#77dff0;color:#06222b;box-shadow:0 6px 22px #77dff040}.vdb-return:focus-visible{outline:2px solid #77dff0;outline-offset:2px}.vdb-return svg{transition:transform .2s}.vdb-return:hover svg{transform:translate(2px,-2px)}[dir=rtl] .vdb-return svg{transform:scaleX(-1)}[dir=rtl] .vdb-return:hover svg{transform:scaleX(-1) translate(2px,-2px)}.vdb-return-short{display:none}@media(max-width:860px){.vdb-kicker{display:none}}@media(max-width:640px){.venora-demo-bar{gap:10px;height:48px}.vdb-logo,.vdb-crumb,.vdb-trail>.vdb-chevron:first-of-type{display:none}.vdb-icon{display:block}.vdb-return-long{display:none}.vdb-return-short{display:inline}.vdb-return{height:32px;padding-inline:11px 9px}}@media(max-width:380px){.vdb-demo{display:none}}:root{--font-display: "Bricolage Grotesque", "IBM Plex Sans Arabic", "DM Sans", sans-serif;--ink: #06111d;--ink-2: #0a1a2a;--ink-3: #102337;--glass: rgba(255, 255, 255, .78);--pill-border: rgba(22, 73, 95, .14);--ease: cubic-bezier(.22, 1, .36, 1)}:root:not([data-theme=light]){--glass: rgba(10, 22, 36, .72);--pill-border: rgba(170, 211, 228, .16)}:root[data-theme=light]{--bg: #f3f6f8;--bg-elevated: #ffffff;--bg-soft: #e8eff3;--line: rgba(14, 58, 80, .12)}.surface-ink{--bg: #06111d;--bg-elevated: #0a1a2a;--bg-card: #0e2033;--bg-soft: #132a41;--text: #edf7fb;--muted: #aec3d0;--subtle: #8199a9;--line: rgba(170, 211, 228, .14);--accent: #77dff0;--mint: #78e2d0;--shadow: 0 30px 80px rgba(0, 0, 0, .45);background:var(--bg);color:var(--text)}.surface-ink .button:not(.button-outline):not(.button-ghost):not(.button-light){background:var(--accent);color:#04222c;box-shadow:0 10px 34px #77dff038}.surface-ink .button:not(.button-outline):not(.button-ghost):not(.button-light):hover{background:#a2ecf8;box-shadow:0 14px 42px #77dff052}.surface-ink .button-outline{color:var(--text);border-color:#aad3e447}.surface-ink .button-outline:hover{border-color:var(--accent);background:#77dff014}:is(h1,h2,h3,h4):not(.demo-root *){font-family:var(--font-display)}body{font-size:16px}.skip-link{position:fixed;z-index:400;inset-block-start:10px;inset-inline-start:10px;padding:10px 14px;border-radius:10px;background:var(--accent-strong);color:#fff;font-weight:700;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.eyebrow,.hero-eyebrow{font-size:12px;letter-spacing:.14em}.eyebrow{color:var(--accent-strong)}:root:not([data-theme=light]) .eyebrow{color:var(--accent)}.surface-ink .eyebrow{color:var(--accent)}.eyebrow-line{width:26px;background:currentColor;opacity:.7}.button{font-size:14.5px;font-weight:700;padding:15px 24px;border-radius:12px;gap:10px;letter-spacing:.005em}.button-small{padding:11px 16px;font-size:13.5px;border-radius:10px}.button svg{transition:transform .25s var(--ease)}.button:hover svg{transform:translate(2px,-2px)}[dir=rtl] .button:hover svg{transform:translate(-2px,-2px)}[dir=rtl] .button svg,[dir=rtl] .text-link svg{transform:scaleX(-1)}[dir=rtl] .button:hover svg{transform:scaleX(-1) translate(2px,-2px)}[dir=rtl] .text-link:hover svg{transform:scaleX(-1) translate(2px,-2px)}.button:active{transform:translateY(0) scale(.98)}.text-link{font-size:14.5px}.section{padding-block:clamp(72px,9vw,128px)}.section-heading h2,.plain-feature h2{font-size:clamp(32px,4.2vw,56px);letter-spacing:-.035em;line-height:1.08;font-weight:700}.section-heading>p,.split-heading>p{font-size:16.5px;line-height:1.75;max-width:440px}.split-heading{align-items:flex-end}.site-header{position:sticky;top:0;height:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:200}.nav-shell{position:relative;z-index:2;height:66px;width:min(1180px,calc(100% - 32px));margin:14px auto 0;padding-inline:14px 10px;border:1px solid var(--pill-border);border-radius:20px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 10px 40px #020c161f;transition:box-shadow .3s,background .3s,transform .3s var(--ease)}.site-header.is-scrolled .nav-shell{box-shadow:0 16px 50px #020c1638}.brand-logo{width:132px}.desktop-nav{gap:2px}.desktop-nav a{position:relative;display:inline-flex;align-items:center;padding:9px 14px;border-radius:12px;font-size:14.5px;font-weight:600;color:var(--muted);transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{display:none}.nav-label{position:relative;z-index:1}.nav-pill{position:absolute;inset:0;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.icon-button{min-height:40px;min-width:40px;border-radius:12px}.icon-button span{font-size:12.5px}.nav-cta{display:inline-flex}@media(max-width:1050px){.nav-cta{display:none}}.mobile-menu-trigger{display:none}.mobile-nav{display:flex}@media(max-width:980px){.desktop-nav{display:none}.mobile-menu-trigger{display:inline-flex}.nav-actions{margin-inline-start:auto}.nav-cta{display:none}}@media(min-width:981px){.mobile-nav{display:none}}.mobile-nav{position:fixed;inset:0;z-index:1;flex-direction:column;justify-content:space-between;gap:24px;padding:104px 22px 28px;overflow-y:auto;background:color-mix(in srgb,var(--ink) 96%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#edf7fb;border:0}.mobile-nav nav{display:flex;flex-direction:column}.mobile-nav nav a{display:flex;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid rgba(170,211,228,.14);color:#edf7fb;font:600 clamp(26px,7vw,36px)/1.2 var(--font-display)}.mn-num{font:600 13px var(--font-display);color:#77dff0;min-width:24px}.mn-label{flex:1}.mobile-nav nav a svg{color:#77dff0;opacity:.8}.mobile-nav nav a.active .mn-label{color:#77dff0}[dir=rtl] .mobile-nav nav a svg{transform:scaleX(-1)}.mobile-nav .mobile-nav-foot{display:flex;flex-direction:column;gap:22px}.mobile-nav .mobile-nav-foot>a.button{display:inline-flex;padding:16px 22px;border:0;font-size:16px;color:#04222c;background:#77dff0;justify-content:center}.mobile-nav .mobile-nav-foot .mobile-socials{display:flex;gap:22px;padding:0}.mobile-nav .mobile-nav-foot .mobile-socials a{display:inline;padding:0;border:0;color:#aec3d0;font-size:14px}.hx{position:relative;overflow:hidden;isolation:isolate;padding-top:clamp(124px,14vw,170px)}.hx-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 78%);opacity:.55}.hx-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(120px);pointer-events:none}.hx-glow-a{width:560px;height:560px;inset-inline-end:-8%;top:-6%;background:#1790ad;opacity:.32}.hx-glow-b{width:420px;height:420px;inset-inline-start:-8%;bottom:8%;background:#1a5d91;opacity:.26}.hx-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(32px,5vw,72px);padding-bottom:clamp(64px,8vw,104px)}.hx-copy h1{margin:26px 0 24px;font:700 clamp(46px,6.3vw,92px)/1 var(--font-display);letter-spacing:-.04em}.hx-copy h1 span{display:inline-block}.hx-copy h1 .gradient-text{background:linear-gradient(100deg,#b4f4fa,#5bd0e6 48%,#7fe6d3);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline-end:.06em}.hx-desc{max-width:540px;margin:0 0 32px;color:var(--muted);font-size:clamp(17px,1.5vw,19.5px);line-height:1.65}.hx-actions{display:flex;flex-wrap:wrap;gap:12px}.hx-pills{display:flex;flex-wrap:wrap;gap:10px;margin:38px 0 0;padding:0;list-style:none}.hx-pills li{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--muted);font-size:13.5px;font-weight:500}.hx-pills svg{color:var(--accent)}.hero-eyebrow{color:var(--muted)}.hv{position:relative;padding-block:34px}.hv-window{overflow:hidden;border:1px solid rgba(170,211,228,.2);border-radius:18px;background:linear-gradient(160deg,#0f2336,#0a1a2a);box-shadow:0 40px 100px #00000080,0 0 0 1px #77dff00d inset;transform:perspective(1500px) rotateY(-9deg) rotateX(3deg);transform-origin:60% 50%;transition:transform .6s var(--ease)}[dir=rtl] .hv-window{transform:perspective(1500px) rotateY(9deg) rotateX(3deg)}.hv:hover .hv-window{transform:perspective(1500px) rotateY(-3deg) rotateX(1deg)}[dir=rtl] .hv:hover .hv-window{transform:perspective(1500px) rotateY(3deg) rotateX(1deg)}.hv-bar{display:flex;align-items:center;gap:6px;height:40px;padding-inline:14px;border-bottom:1px solid rgba(170,211,228,.12);background:#ffffff08}.hv-bar i{width:10px;height:10px;border-radius:50%;background:#aad3e438}.hv-bar i:first-child{background:#ff6b6b99}.hv-bar i:nth-child(2){background:#ffd16699}.hv-bar i:nth-child(3){background:#6be39a99}.hv-bar span{margin-inline-start:12px;color:#8199a9;font-size:12px}.hv-body{display:grid;grid-template-columns:124px minmax(0,1fr);min-height:330px}.hv-side{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-inline-end:1px solid rgba(170,211,228,.1)}.hv-side div{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;color:#8199a9;font-size:12.5px}.hv-side div.is-on{background:#77dff01f;color:#cff7fc}.hv-main{display:flex;flex-direction:column;gap:12px;padding:14px;min-width:0}.hv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hv-kpis div{padding:11px;border:1px solid rgba(170,211,228,.1);border-radius:10px;background:#ffffff08}.hv b,.hv em,.hv u{display:block;border-radius:4px;text-decoration:none}.hv-kpis b{width:44%;height:7px;background:#aad3e440;margin-bottom:10px}.hv-kpis em{width:72%;height:14px;background:linear-gradient(90deg,#77dff0,#78e2d0);opacity:.85}.hv-chart{position:relative;height:128px;padding:10px;border:1px solid rgba(170,211,228,.1);border-radius:10px;background:#ffffff05;color:#77dff0;overflow:hidden}.hv-chart svg{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.hv-path{stroke-dasharray:420;stroke-dashoffset:420;animation:hv-draw 1.8s .5s var(--ease) forwards}@keyframes hv-draw{to{stroke-dashoffset:0}}.hv-bars{position:absolute;inset-inline:14px;bottom:10px;height:52%;display:flex;align-items:flex-end;gap:10px}.hv-bars span{flex:1;border-radius:4px 4px 0 0;background:#77dff02e;transform-origin:bottom;transform:scaleY(0);animation:hv-grow .8s var(--ease) forwards}@keyframes hv-grow{to{transform:scaleY(1)}}.hv-rows{display:flex;flex-direction:column;gap:8px}.hv-rows div{display:grid;grid-template-columns:22% 1fr 14%;gap:12px;align-items:center;padding:9px 11px;border:1px solid rgba(170,211,228,.08);border-radius:8px}.hv-rows b{height:7px;background:#aad3e447}.hv-rows em{height:7px;background:#aad3e424}.hv-rows u{height:14px;border-radius:99px;background:#78e2d059}.hv-card{position:absolute;z-index:2;padding:14px 16px;border:1px solid rgba(170,211,228,.22);border-radius:14px;background:#0a1a2ae0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #00000073;color:#edf7fb;animation:hv-float 6s ease-in-out infinite}.hv-card-head{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#77dff0;font-size:12px;font-weight:700;letter-spacing:.04em}.hv-chat{inset-inline-start:-4%;bottom:0;width:min(250px,62%)}.hv-chat p{margin:0;padding:8px 11px;border-radius:10px;font-size:13px;line-height:1.45}.hv-q{background:#ffffff12;margin-bottom:6px!important;width:fit-content}.hv-a{background:#77dff029;color:#d6f8fd;margin-inline-start:auto!important}.hv-flow{inset-inline-end:-3%;top:0;width:min(250px,60%);animation-delay:-3s}.hv-steps{display:flex;align-items:flex-start;justify-content:space-between;position:relative}.hv-steps:before{content:"";position:absolute;top:11px;inset-inline:14%;height:2px;background:linear-gradient(90deg,#77dff0,#78e2d0);opacity:.45}.hv-steps div{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.hv-steps span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#0a1a2a;border:1.5px solid #77dff0;color:#77dff0;font-size:11px;font-weight:700}.hv-steps div:last-child span{background:#77dff0;color:#04222c}.hv-steps small{color:#aec3d0;font-size:11.5px}.hv-badge{position:absolute;inset-inline-start:50%;bottom:-2px;transform:translate(-50%);white-space:nowrap;padding:5px 12px;border:1px dashed rgba(119,223,240,.4);border-radius:99px;color:#8fdcec;font-size:11px;letter-spacing:.04em;z-index:3;background:#06111dd9}[dir=rtl] .hv-badge{transform:translate(50%)}@keyframes hv-float{0%,to{translate:0 0}50%{translate:0 -9px}}.mq{position:relative;overflow:hidden;border-block:1px solid var(--line);background:#ffffff05;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.mq-track{display:flex;width:max-content;gap:0;direction:ltr;animation:mq 60s linear infinite}.mq:hover .mq-track{animation-play-state:paused}.mq span{display:inline-flex;align-items:center;gap:28px;padding:20px 28px 20px 0;color:var(--muted);font:600 17px var(--font-display);white-space:nowrap}.mq span:after{content:"";width:7px;height:7px;background:var(--accent);transform:rotate(45deg);opacity:.8}@keyframes mq{to{transform:translate(-50%)}}[dir=rtl] .mq-track{animation-direction:reverse}.intro-section{padding-block:clamp(72px,8vw,112px)}.intro-layout{grid-template-columns:.5fr 1.5fr 1fr;gap:clamp(24px,4vw,56px)}.intro-layout h2{font-size:clamp(28px,3.6vw,48px);letter-spacing:-.03em;line-height:1.15;font-weight:700}.intro-layout p{font-size:16.5px;line-height:1.75}.services-section{background:var(--bg-elevated)}.sx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:start}.sx-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.sx-list li{border-bottom:1px solid var(--line);scroll-margin-top:110px}.sx-item{display:grid;grid-template-columns:34px 24px 1fr 22px;align-items:center;gap:14px;width:100%;padding:19px 6px;background:none;border:0;cursor:pointer;text-align:start;color:var(--muted);transition:color .2s,padding .3s var(--ease),background .2s}.sx-num{font:600 13px var(--font-display);color:var(--subtle);font-variant-numeric:tabular-nums}.sx-icon{color:var(--subtle);transition:color .2s}.sx-title{font:600 clamp(17px,1.6vw,21px)/1.3 var(--font-display);letter-spacing:-.01em;color:var(--text)}.sx-arrow{color:var(--subtle);opacity:0;transform:translate(-6px);transition:opacity .2s,transform .3s var(--ease),color .2s}[dir=rtl] .sx-arrow{transform:translate(6px) scaleX(-1)}.sx-item:hover,.sx-item.is-active{color:var(--accent-strong);padding-inline-start:14px}.sx-item.is-active .sx-icon,.sx-item.is-active .sx-num,.sx-item.is-active .sx-arrow{color:var(--accent-strong)}.sx-item.is-active .sx-arrow,.sx-item:hover .sx-arrow{opacity:1;transform:none}[dir=rtl] .sx-item.is-active .sx-arrow,[dir=rtl] .sx-item:hover .sx-arrow{transform:scaleX(-1)}.sx-item.is-active .sx-title{color:var(--accent-strong)}:root:not([data-theme=light]) .sx-item.is-active .sx-title,:root:not([data-theme=light]) .sx-item.is-active .sx-icon,:root:not([data-theme=light]) .sx-item.is-active .sx-num,:root:not([data-theme=light]) .sx-item.is-active .sx-arrow{color:var(--accent)}.sx-inline{display:none}.sx-panel-wrap{position:sticky;top:104px}.sx-panel{position:relative;overflow:hidden;min-height:420px;padding:clamp(28px,3.4vw,46px);border:1px solid rgba(170,211,228,.16);border-radius:24px;background:radial-gradient(ellipse at 100% 0%,rgba(119,223,240,.16),transparent 55%),linear-gradient(160deg,#0f2438,#08141f);color:#edf7fb;display:flex;flex-direction:column;box-shadow:0 30px 80px #030e1a40}.sx-panel-num{position:absolute;inset-inline-end:24px;top:6px;font:800 clamp(96px,11vw,150px)/1 var(--font-display);color:transparent;-webkit-text-stroke:1.5px rgba(119,223,240,.22);pointer-events:none}.sx-panel-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;border:1px solid rgba(119,223,240,.35);background:#77dff01a;color:#77dff0;margin-bottom:auto}.sx-panel h3{margin:56px 0 14px;max-width:420px;font:700 clamp(26px,2.8vw,36px)/1.15 var(--font-display);letter-spacing:-.025em;position:relative}.sx-panel p{margin:0 0 30px;max-width:460px;color:#b8ccd8;font-size:16.5px;line-height:1.7;position:relative}.sx-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.sx-panel .button{background:#77dff0;color:#04222c}.sx-panel .text-link{color:#77dff0}.sx-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:56px;padding:26px 30px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.sx-cta strong{font:700 clamp(19px,2vw,24px) var(--font-display);letter-spacing:-.02em}.sx-cta p{margin:6px 0 0;color:var(--muted);font-size:15.5px;max-width:560px;line-height:1.6}.sx-cta .button-outline{flex-shrink:0;color:var(--text)}@media(max-width:900px){.sx{grid-template-columns:1fr}.sx-panel-wrap{display:none}.sx-item{padding:18px 4px}.sx-arrow{display:none}.sx-item.is-active{padding-inline-start:4px}.sx-item[aria-expanded=true] .sx-title{color:var(--accent-strong)}.sx-inline{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.sx-inline>*{overflow:hidden;min-height:0}.sx-inline.is-open{grid-template-rows:1fr auto;padding:0 4px 22px 38px}[dir=rtl] .sx-inline.is-open{padding:0 38px 22px 4px}.sx-inline p{margin:0 0 12px;color:var(--muted);font-size:15.5px;line-height:1.7}.sx-inline:not(.is-open) .text-link{display:none}.sx-cta{flex-direction:column;align-items:flex-start}}.demo-showcase{background:var(--bg)}.work-section-heading h2{font-size:clamp(32px,4.2vw,54px);letter-spacing:-.035em;line-height:1.08;font-weight:700}.work-section-heading>p{font-size:16px;line-height:1.7}.demo-card{border-radius:22px;background:var(--bg-elevated);transition:border-color .25s,box-shadow .3s var(--ease),transform .3s var(--ease)}.demo-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px #0519282e}.demo-card-body{padding:22px 24px 24px}.demo-card-body h3{font:700 26px var(--font-display);letter-spacing:-.03em}.demo-showcase-preview .demo-card-body h3{font-size:24px}.demo-card-body>p{font-size:15px;line-height:1.65}.demo-card-chips span{font-size:12.5px}.demo-card-label{font-size:10.5px}.portfolio-tech span{font-size:11.5px}.work-filter{font-size:13.5px;min-height:40px;padding-inline:14px;border-radius:10px}.work-filter small{font-size:11px}.work-filter-label{font-size:11.5px}.tag-list span{font-size:12px}.process-section{position:relative;overflow:hidden;isolation:isolate}.process-section:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 60% 50% at 85% 0%,rgba(23,144,173,.25),transparent 70%),radial-gradient(ellipse 50% 40% at 0% 100%,rgba(26,93,145,.25),transparent 70%)}.process-section .section-heading{max-width:none;margin-bottom:64px}.px{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}.px-line{position:absolute;inset-inline:23px 0;top:22px;height:2px;background:linear-gradient(90deg,#77dff0,#78e2d0 60%,#78e2d026);transform-origin:left center}[dir=rtl] .px-line{transform-origin:right center}.px-step{position:relative;padding-top:72px;transition:transform .3s var(--ease)}.px-step:hover{transform:translateY(-4px)}.px-node{position:absolute;top:0;inset-inline-start:0;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid #77dff0;background:var(--bg);color:#77dff0;font:700 14px var(--font-display);box-shadow:0 0 0 7px #77dff014;transition:background .25s,color .25s,box-shadow .25s}.px-step:hover .px-node{background:#77dff0;color:#04222c;box-shadow:0 0 0 10px #77dff024}.px-step h3{margin:0 0 10px;font:700 clamp(20px,2vw,24px) var(--font-display);letter-spacing:-.02em}.px-step p{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.65}.px-out{padding-top:14px;border-top:1px solid var(--line)}.px-out small{display:block;margin-bottom:4px;color:var(--subtle);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}.px-out strong{font-size:14.5px;color:var(--accent);font-weight:600}@media(max-width:1050px){.px{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}.px-line{display:none}.px-step{padding-top:62px}}@media(max-width:640px){.px{grid-template-columns:1fr;gap:0}.px-line{display:block;inset-inline:auto;inset-inline-start:22px;top:22px;bottom:22px;width:2px;height:auto;background:linear-gradient(180deg,#77dff0,#78e2d026);transform-origin:top center}.px-step{padding:0 0 38px;padding-inline-start:72px;min-height:64px}.px-step:last-child{padding-bottom:0}}.cta-section{padding-block:24px clamp(72px,9vw,120px)}.cta-card{border-radius:28px;padding:clamp(40px,7vw,88px) clamp(26px,7%,96px);background:radial-gradient(ellipse at 90% 0%,rgba(119,223,240,.22),transparent 52%),linear-gradient(135deg,#0d2840,#07121e 70%);border:1px solid rgba(170,211,228,.16)}.cta-card h2{max-width:640px;font:700 clamp(34px,5vw,64px)/1.05 var(--font-display);letter-spacing:-.035em}.cta-card>p{font-size:17px;max-width:520px;color:#b8ccd8}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.cta-card .eyebrow{color:#77dff0}.site-footer{padding:clamp(56px,7vw,88px) 0 28px;border-top:1px solid rgba(170,211,228,.12);background:var(--bg)}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr 1.1fr;gap:clamp(28px,4vw,56px)}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.footer-brand p{margin:0;max-width:340px;color:var(--muted);font-size:15px;line-height:1.7}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-col h4{margin:0 0 6px;color:var(--subtle);font:700 12px var(--font-display);letter-spacing:.14em;text-transform:uppercase}.footer-col a{color:var(--muted);font-size:15px;transition:color .2s,transform .25s var(--ease)}.footer-col a:hover{color:var(--accent);transform:translate(3px)}[dir=rtl] .footer-col a:hover{transform:translate(-3px)}.footer-phone{unicode-bidi:plaintext}.footer-col .footer-socials{display:flex;gap:10px;margin-top:8px}.footer-col .footer-socials a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;transform:none}.footer-col .footer-socials a:hover{border-color:var(--accent);background:#77dff014;transform:translateY(-2px)}.footer-bottom{margin-top:clamp(40px,5vw,64px);padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;color:var(--subtle);font-size:13px}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}.page-intro{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(128px,14vw,176px) clamp(56px,7vw,92px);background:radial-gradient(ellipse 55% 80% at 92% 0%,rgba(23,144,173,.2),transparent 65%),var(--bg);border-bottom:1px solid var(--line)}.page-intro-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 90%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 90%);opacity:.6}.page-intro h1{max-width:900px;font:700 clamp(38px,5.8vw,78px)/1.04 var(--font-display);letter-spacing:-.04em;margin:22px 0 20px}.page-intro p{max-width:640px;font-size:clamp(16.5px,1.5vw,19px);line-height:1.65}.work-hero{background:radial-gradient(ellipse at 75% 30%,rgba(23,144,173,.3),transparent 45%),var(--bg)}.work-hero-layout{padding-top:150px}.work-hero-copy h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.04em}.work-hero-copy>p{font-size:17px}.work-hero-stats>div span{font-size:12px}.work-hero-stats strong{font-family:var(--font-display)}@media(max-width:760px){.work-hero-layout{padding-top:120px}}.about-story-copy h2,.about-note-card h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em}.about-story-copy p,.about-expertise-card p,.value-card p{font-size:15.5px;line-height:1.75}.about-expertise-card,.value-card{border-radius:22px}.about-expertise-card h3,.value-card h3{font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.02em}.about-expertise-card>span,.value-card span{font:700 13px var(--font-display)}.about-note-card{border-radius:28px;padding:clamp(32px,6vw,72px);background:linear-gradient(135deg,var(--bg-soft),var(--bg-elevated));border:1px solid var(--line)}.about-note-card p{font-size:17px}.plain-feature{border-radius:24px;padding:clamp(28px,5vw,60px)}.plain-feature p{font-size:16.5px}.capability-item strong{font-family:var(--font-display)}.approach-step h3{font-family:var(--font-display);font-size:19px}.approach-step p{font-size:13px;max-width:190px}.capability-item>span,.approach-step>span{font-size:12px}.work-closing-card h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em}.work-closing-card>p{font-size:15.5px}.contact-section{padding-top:clamp(48px,6vw,80px)}.contact-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px)}.contact-side h2{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.6vw,46px);letter-spacing:-.035em}.contact-side>p{font-size:16.5px;max-width:440px;line-height:1.7}.contact-cards{display:grid;gap:10px;margin-top:30px}.contact-card{display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--bg-elevated);color:var(--accent-strong);transition:border-color .2s,transform .3s var(--ease),box-shadow .3s}a.contact-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 34px #0519281a}.contact-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.contact-card small{color:var(--subtle);font-size:12.5px}.contact-card strong{color:var(--text);font-size:16px;font-weight:600;overflow-wrap:anywhere}.contact-card>svg:last-child{color:var(--subtle)}.contact-card.is-static>svg:last-child{display:none}.contact-social{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px}.contact-social a{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14.5px;transition:color .2s}.contact-social a:hover{color:var(--accent-strong)}.contact-main{display:flex;flex-direction:column;gap:22px}.contact-form{border-radius:22px;padding:clamp(22px,3vw,34px);background:var(--bg-elevated);box-shadow:0 20px 60px #0519280f}.contact-form label{font-size:14px}.contact-form input,.contact-form textarea,.contact-form select{font-size:15.5px;padding:14px 16px;border-radius:12px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.form-note,.form-success{font-size:13px}.submit-button{align-self:stretch}@media(min-width:560px){.submit-button{align-self:flex-start}}.next-steps{padding:clamp(22px,3vw,30px);border:1px solid var(--line);border-radius:22px;background:var(--bg-soft)}.next-steps h3{margin:0 0 18px;font:700 20px var(--font-display);letter-spacing:-.02em}.next-steps ol{display:grid;gap:18px;margin:0;padding:0;list-style:none}.next-steps li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}.next-steps li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-strong);color:#fff;font:700 14px var(--font-display)}.next-steps strong{font-size:15.5px}.next-steps p{margin:3px 0 0;color:var(--muted);font-size:14.5px;line-height:1.6}@media(max-width:860px){.contact-layout{grid-template-columns:1fr}}.career-side h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em}.career-side>p{font-size:16px}.career-form{border-radius:22px}.not-found{padding-block:180px 100px;min-height:70vh}.not-found>span{font:800 clamp(80px,14vw,160px)/1 var(--font-display);color:transparent;-webkit-text-stroke:2px var(--accent);display:block}.not-found h1{font:700 clamp(30px,4vw,46px) var(--font-display);letter-spacing:-.03em;margin:8px 0}.not-found p{color:var(--muted);margin:0 0 24px}.demo-intro-hero{padding-top:104px}.demo-intro-copy h1{font-family:var(--font-display)}.whatsapp-float{font-size:13.5px;border-radius:16px;padding:13px 18px}@media(max-width:960px){.hx-layout{grid-template-columns:1fr}.hv{max-width:620px;width:100%;margin-inline:auto}.hv-window,[dir=rtl] .hv-window,.hv:hover .hv-window,[dir=rtl] .hv:hover .hv-window{transform:none}.intro-layout{grid-template-columns:1fr}}@media(max-width:560px){.nav-shell{height:60px;border-radius:18px;margin-top:10px;width:calc(100% - 20px)}.brand-logo{width:112px}.hx{padding-top:112px}.hx-copy h1{font-size:clamp(40px,12.5vw,56px)}.hx-actions .button{flex:1 1 100%}.hx-pills li{font-size:12.5px;padding:8px 12px}.hv{padding-block:28px 34px}.hv-body{grid-template-columns:1fr}.hv-side{display:none}.hv-chat{inset-inline-start:0;bottom:6px}.hv-flow{inset-inline-end:0;top:0}.hv-chart{height:110px}.cta-actions .button{flex:1 1 100%}.footer-bottom{flex-direction:column}}html[dir=rtl] .hx-copy h1{line-height:1.25;font-weight:700}html[dir=rtl] .px-out small,html[dir=rtl] .footer-col h4{text-transform:none;letter-spacing:0}@media(prefers-reduced-motion:reduce){.mq-track,.hv-card{animation:none!important}.hv-path{stroke-dashoffset:0;animation:none}.hv-bars span{transform:none;animation:none}}@media print{.site-header,.whatsapp-float,.mq{display:none}}
