.reference-wrap{width:min(1120px,100% - 64px);margin-inline:auto}.reference-hero{color:#2f2f2f;background:radial-gradient(at 20% 90%,#c8ffdb 0,#0000 37%),radial-gradient(at 95% 0,#f3efff 0,#0000 34%),#fcfefc;padding-top:125px;position:relative}.reference-hero:before{content:"";pointer-events:none;opacity:.28;background-image:radial-gradient(#b6c7bb .55px,#0000 .55px);background-size:24px 24px;position:absolute;inset:0}.reference-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:650px;padding-bottom:60px;display:grid;position:relative}.reference-copy{z-index:2;position:relative}.reference-eyebrow{background:#fff;border:1px solid #e3e8e4;border-radius:99px;align-items:center;gap:9px;padding:6px 13px;font-size:12px;display:inline-flex}.reference-eyebrow i{background:#22ba5a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e0ffea}.reference-copy h1{font-family:var(--font-display);letter-spacing:-.025em;margin-top:18px;font-size:clamp(48px,5.5vw,76px);font-weight:700;line-height:1.16}.reference-copy h1 span{white-space:nowrap;position:relative}.reference-copy h1 span:after{content:"";border-top:10px solid #6cff93;border-radius:50%;height:15px;position:absolute;bottom:-7px;left:-3%;right:-3%;transform:rotate(-1deg)}.reference-lead{color:#515651;max-width:520px;margin-top:40px;font-size:17px;line-height:1.95}.reference-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.reference-primary,.reference-secondary{border-radius:99px;justify-content:center;align-items:center;gap:20px;padding:14px 24px;font-size:14px;font-weight:700;transition:transform .2s;display:inline-flex}.reference-primary{background:#6cff93;box-shadow:0 8px 20px #26c55d20}.reference-secondary{border:1px solid #303630}.reference-primary:hover,.reference-secondary:hover{transform:translateY(-3px)}.reference-tags{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:24px;display:flex}.reference-tags span{background:#fff;border:1px solid #e3e9e4;border-radius:4px;padding:5px 9px;font:10px monospace}.reference-dashboard{direction:rtl;height:520px;position:relative}.reference-panel{background:#ffffffed;border:1px solid #e5ece7;border-radius:20px;box-shadow:0 20px 35px #2349320b}.reference-map{width:82%;padding:20px 25px 10px;position:absolute;top:25px;left:10px}.reference-panel-heading{justify-content:space-between;align-items:center;font-size:12px;display:flex}.reference-panel-heading small{color:#20a85a;font-size:10px}.reference-map svg{width:100%;margin-top:35px}.reference-map-footer{letter-spacing:2px;text-align:right;border-top:1px solid #edf1ed;margin-top:15px;padding-top:10px;font:8px monospace}.reference-ai{z-index:3;border-color:#5cff83;border-radius:18px;width:190px;padding:16px;position:absolute;top:50px;right:-5px}.reference-ai strong{justify-content:space-between;align-items:center;font-size:12px;display:flex}.reference-ai strong svg{color:#7c5cff}.reference-ai b{margin-top:7px;font-size:31px;line-height:1.2;display:block}.reference-ai b small{color:#7c827c;font-size:10px;font-weight:400}.reference-ai p{color:#727b74;margin-top:5px;font-size:9px}.reference-ai a{color:#168c3d;margin-top:8px;font-size:10px;font-weight:700;display:block}.reference-person{object-fit:contain;z-index:1;filter:drop-shadow(0 12px 20px #194c3010);width:87%;height:350px;position:absolute;bottom:15px;left:0}.reference-operations{z-index:2;width:173px;padding:18px;position:absolute;top:212px;left:0}.reference-operations strong{font-size:12px}.reference-operations b{font-size:32px;line-height:1.2;display:block}.reference-operations small{color:#7a837b;font-size:10px}.reference-operations svg{width:100%;margin-top:8px}.reference-operations em{color:#159447;margin-top:7px;font:9px monospace;display:block}.reference-automation{color:#fff;z-index:3;background:#2f3230;border-radius:18px;width:175px;padding:17px;position:absolute;bottom:52px;right:-5px;box-shadow:0 16px 25px #203b2520}.reference-automation strong{justify-content:space-between;font-size:12px;display:flex}.reference-automation small{color:#6cff93;font-size:8px}.reference-automation b{color:#6cff93;font-size:34px;line-height:1.3;display:block}.reference-automation p{color:#d0d7d1;font-size:9px}.reference-bars{direction:ltr;align-items:end;gap:6px;height:55px;margin-top:10px;display:flex}.reference-bars i{background:#5caa6e;border-radius:3px;flex:1}.reference-bars i:first-child{background:#6cff93}.reference-notice{z-index:4;align-items:center;gap:8px;width:65%;padding:9px 12px;font-size:9px;display:flex;position:absolute;bottom:3px;left:17%}.reference-notice span{background:#6cff93;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.reference-notice small{color:#929b94;margin-inline-start:auto}.reference-demo{text-align:center;color:#63786b;width:100%;font-size:9px;position:absolute;bottom:-22px}.reference-sectors{background:#f4fcf6;border-top:1px solid #e6f2e9;padding:18px 0;position:relative}.reference-sectors>div{flex-wrap:wrap;justify-content:space-between;gap:25px;display:flex}.reference-sectors span{align-items:center;gap:24px;font-size:14px;display:flex}.reference-sectors span:not(:last-child):after{content:"";background:#6cff93;width:6px;height:6px;transform:rotate(45deg)}.reference-about{color:#2f2f2f;background:#fff;padding:105px 0;scroll-margin-top:80px}.reference-about-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:110px;display:grid}.reference-about-eyebrow{padding-bottom:28px;font-size:13px;font-weight:600;position:relative}.reference-about-eyebrow:after{content:"";bottom:4px;background:#7c5cff;border-radius:4px;width:32px;height:3px;position:absolute;inset-inline-start:0}.reference-about h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(32px,4vw,50px);font-weight:700;line-height:1.3}.reference-about-body{color:#515651;margin-top:28px;font-size:16px;line-height:1.9}.reference-about-link{border-bottom:2px solid #6cff93;margin-top:30px;padding-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.reference-symbol{aspect-ratio:1;background:radial-gradient(#edfff2,#0000 68%);border:1px dashed #9be1af;border-radius:50%;place-items:center;display:grid}.reference-symbol img{object-fit:contain;filter:drop-shadow(0 22px 20px #2c8a3c25);width:75%;height:80%}@media (width>=1000px){html[lang=ar] .reference-copy h1{font-size:78px}html[lang=en] .reference-copy h1{font-size:65px}}@media (width<=950px){.reference-hero-grid{gap:25px}.reference-dashboard{transform-origin:50%;margin-inline:-25px;transform:scale(.85)}.reference-about-grid{gap:45px}.reference-copy h1{font-size:54px}}@media (width<=700px){.reference-wrap{width:calc(100% - 40px)}.reference-hero{padding-top:110px}.reference-hero-grid{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.reference-copy h1{font-size:54px}.reference-lead{margin-top:32px;font-size:16px}.reference-dashboard{width:min(460px,100%);height:500px;margin:0 auto;transform:none}.reference-about{padding:70px 0}.reference-about-grid{grid-template-columns:1fr;gap:50px}.reference-symbol{width:100%;max-width:320px;margin:auto}.reference-sectors>div{justify-content:center;gap:16px}.reference-sectors span{gap:16px;font-size:12px}.reference-tags{justify-content:flex-start}.reference-ai{width:165px;right:0}.reference-automation{width:150px;right:0}.reference-operations{width:145px}.reference-map{left:0}.reference-person{width:100%}.reference-actions a{padding:13px 18px;font-size:12px}.reference-notice{width:75%;left:10%}}@media (prefers-reduced-motion:reduce){.reference-actions a{transition:none}}.reference-copy h1 span:after,.reference-about-eyebrow:after{display:none}.reference-tags span,.reference-map-footer,.reference-operations em{font-family:var(--font-sans)}.reference-about-button{margin-top:30px}.reference-person{z-index:4;pointer-events:none;filter:drop-shadow(0 12px 12px #1a362433);width:80%;height:330px;bottom:35px;left:7%}.reference-dashboard{height:570px}.reference-map{width:76%;top:0;left:8%}.reference-ai{width:170px;top:75px;right:-18px}.reference-ai strong svg{color:#26ba5c;animation:3s ease-in-out infinite reference-insight-live}.reference-operations{width:145px;top:280px;left:-14px}.reference-automation{width:150px;bottom:100px;right:-18px}.reference-notice{z-index:5;width:72%;animation:5.5s both reference-notice-popup;bottom:0;left:14%}.reference-dashboard:after{content:"";filter:blur(9px);z-index:3;pointer-events:none;background:radial-gradient(#22422c4d,#0000 74%);border-radius:50%;width:64%;height:28px;position:absolute;bottom:36px;left:17%}.reference-service-strip{color:#f4f5f4;font-family:var(--font-sans);direction:ltr;background:#2f2f2f;padding:21px 0;position:relative;overflow:hidden}.reference-service-track{direction:ltr;width:max-content;min-width:600%;animation:45s linear infinite reference-strip-scroll;display:flex}.reference-service-group{box-sizing:border-box;flex-shrink:0;justify-content:space-around;align-items:center;gap:38px;min-width:calc(100vw + 2px);padding-inline:19px;display:flex}.reference-service-group>span{white-space:nowrap;direction:rtl;align-items:center;gap:18px;font-size:17px;display:inline-flex}html[lang=en] .reference-service-group>span{direction:ltr}.reference-service-group svg{color:#60bf77;stroke-width:2px;flex-shrink:0;width:31px;height:31px}.reference-service-strip:hover .reference-service-track{animation-play-state:paused}@keyframes reference-strip-scroll{to{transform:translate(-16.6667%)}}.reference-bars i{transform-origin:bottom;animation:3.6s ease-in-out infinite alternate reference-bar-live}.reference-bars i:nth-child(2n){animation-delay:-1.2s}.reference-bars i:nth-child(3n){animation-delay:-2.4s}.reference-operations svg path:last-child{stroke-dasharray:240;stroke-dashoffset:240px;animation:5s ease-in-out infinite reference-chart-draw}.reference-map svg>circle{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite reference-node-live}.reference-map svg>circle:nth-of-type(2n){animation-delay:-1.5s}@keyframes reference-bar-live{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}@keyframes reference-chart-draw{0%,to{stroke-dashoffset:240px}55%,90%{stroke-dashoffset:0}}@keyframes reference-node-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}@keyframes reference-insight-live{50%{opacity:.35}}@keyframes reference-notice-popup{0%{opacity:0;transform:translateY(14px)scale(.95)}9%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)scale(.98)}}.reference-symbol img{animation:7s ease-in-out infinite reference-symbol-drift}@keyframes reference-symbol-drift{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}.dera-process-section{background:radial-gradient(at 0 100%,#ddffe8,#0000 48%),#fff}.dera-process-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;display:grid}.dera-process-grid>div{height:100%}.dera-process-card{isolation:isolate;text-align:start;background:#f8f8f8;border:1px solid #fbfbfb;flex-direction:column;align-items:flex-start;height:100%;min-height:270px;padding:24px 22px 26px;transition:background .25s;display:flex;position:relative;overflow:hidden}.dera-process-card:hover{background:#f4f2f9}.dera-process-number{font-family:var(--font-display);color:#a7a7a7;margin-bottom:20px;font-size:25px;font-weight:400;line-height:1}html main .dera-process-card h3{margin-bottom:14px;font-size:clamp(1.9rem,2.8vw,2.35rem)!important;line-height:1.25!important}.dera-process-body{color:#454545;font-size:15px;line-height:1.8}.dera-process-subtitle{color:#454545;margin-bottom:10px;font-size:14px;font-weight:600}.dera-process-watermark{color:#7c5cff;opacity:.045;z-index:-1;pointer-events:none;inset-inline-end:-45px;width:170px;height:170px;position:absolute;bottom:-20px}.dera-process-details{width:100%;margin-top:auto;padding-top:18px}.dera-process-details summary{align-items:center;gap:8px;list-style:none;display:flex}.dera-process-details summary::-webkit-details-marker{display:none}html main h1,html main h2,html main .reference-about h2,html[lang=ar] main .reference-copy h1,html main .reference-copy h1{font-size:clamp(3rem,4.8vw,4rem)!important;line-height:1.2!important}@media (width>=1000px){.reference-about-grid{grid-template-columns:1.5fr 1fr;gap:60px}}@media (width>=1024px){html[lang=ar] #capabilities h2,html[lang=ar] .dera-process-section h2,html[lang=ar] .dera-challenges-section h2{white-space:nowrap;letter-spacing:-.02em;width:100%;max-width:none;font-size:clamp(2.5rem,4vw,3.5rem)!important}}@media (width<=1000px){.dera-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=950px) and (width>=701px){.reference-dashboard{margin-inline:-40px;transform:scale(.78)}}@media (width<=700px){html main h1,html main h2,html main .reference-about h2,html[lang=ar] main .reference-copy h1,html main .reference-copy h1{font-size:clamp(2.5rem,7.5vw,3.2rem)!important;line-height:1.25!important}.reference-dashboard{height:620px}.reference-map{width:84%;top:0;left:2%}.reference-ai{width:155px;top:75px;right:0}.reference-operations{width:130px;padding:13px;top:265px;left:0}.reference-automation{width:135px;padding:13px;bottom:92px;right:0}.reference-person{width:88%;height:325px;bottom:45px;left:6%}.reference-notice{width:90%;bottom:0;left:5%}.reference-dashboard:after{width:72%;bottom:45px;left:15%}.reference-service-strip{padding:17px 0}.reference-service-group{gap:28px}.reference-service-group>span{gap:13px;font-size:14px}.reference-service-group svg{width:25px;height:25px}}@media (width<=520px){.dera-process-grid{grid-template-columns:1fr;gap:14px}.dera-process-card{min-height:230px;padding:24px}.dera-process-watermark{width:150px;height:150px}html main .dera-process-card h3{font-size:2rem!important}}.dera-final-glow{isolation:isolate;color:#fff;padding:130px 0 150px;overflow:hidden;background:#2f2f2f!important}.dera-final-glow:before{content:"";z-index:-1;filter:blur(20px);opacity:.88;pointer-events:none;background:radial-gradient(at 40% 28%,#6cff93 0%,#50ed79 18%,#0000 58%),radial-gradient(at 78% 45%,#7c5cff 0%,#0000 58%);border-radius:50% 50% 0 0;width:110%;height:620px;position:absolute;top:44%;left:-5%}.dera-final-glow-content{text-align:center;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.dera-final-glow-copy{max-width:1000px}.dera-final-glow-copy h2{color:#fff;max-width:none}.dera-final-glow-copy p{color:#fff;max-width:740px;margin-inline:auto}.dera-final-glow-content>a{border:1px solid #fff5;box-shadow:0 5px 20px #1c39201a;color:#2f2f2f!important;background:#bafed7!important}@media (width<=700px){.dera-final-glow{padding:90px 0 110px}.dera-final-glow:before{width:160%;height:500px;top:45%;left:-30%}}@media (prefers-reduced-motion:reduce){.reference-symbol img,.reference-notice,.reference-service-track,.reference-bars i,.reference-operations svg path:last-child,.reference-map svg>circle,.reference-ai strong svg{animation:none}.reference-operations svg path:last-child{stroke-dashoffset:0}.dera-process-card{transition:none}}.dera-final-video{z-index:-1;pointer-events:none;background:#333532;position:absolute;inset:0;overflow:hidden}.dera-final-video video{object-fit:cover;object-position:center;clip-path:inset(0 0 7%);width:112%;max-width:none;height:112%;position:absolute;top:-6%;left:-6%}.dera-final-video:after{content:"";background:linear-gradient(#2f2f2f35,#2f2f2f08);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.dera-final-video{display:none}}.dera-final-glow-content>a{-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff61;transition:background .2s,border-color .2s;box-shadow:inset 0 1px #ffffff29,0 8px 24px #0000001a;color:#fff!important;background:#ffffff1a!important}.dera-final-glow-content>a:hover{border-color:#ffffffa6;background:#fff3!important}#our-work{background:var(--surface)}.dera-motion-paused,.dera-motion-paused *{animation-play-state:paused!important}.reference-dashboard .reference-map{width:92%;top:35px;left:4%}.reference-dashboard .reference-operations{top:auto;bottom:70px;left:0}.reference-dashboard .reference-automation{bottom:70px}@media (width<=700px){.reference-dashboard .reference-map{width:96%;left:2%}.reference-dashboard .reference-operations,.reference-dashboard .reference-automation{bottom:60px}}