@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#006bff;--navy:#061952;--muted:#51618e;--x:50%;--y:50%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f6fbff;color:var(--navy);font-family:Cairo,Tahoma,sans-serif;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 60%,#009bff08 60%,transparent 77%),linear-gradient(45deg,#006bff0c,transparent 35%);z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}p{color:var(--muted);line-height:1.9;margin:12px 0}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:14px max(5vw,20px);background:#ffffffdb;backdrop-filter:blur(22px);border-bottom:1px solid #006bff13;transition:box-shadow .3s}header.scrolled{box-shadow:0 10px 40px #00327012}.logo{width:145px;height:65px;display:block;flex-shrink:0}.logo-crop{display:block;width:100%;height:100%;background:url('assets/home-reference.jpeg') 93.2% 3.72%/748% auto no-repeat;background-color:white}nav{display:flex;gap:30px;font-size:14px;font-weight:700}nav a{position:relative;padding:10px 0}nav a:after{content:'';position:absolute;bottom:2px;right:0;width:0;height:3px;border-radius:4px;background:var(--blue);transition:width .3s}nav a:hover:after,nav a.active:after{width:100%}nav a:hover,nav a.active{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:10px;padding:13px 23px;font-size:15px;font-weight:800;box-shadow:0 8px 25px #006bff18;transition:transform .25s,box-shadow .25s,background .25s}.button span{font-size:22px;transition:transform .25s}.button:hover{transform:translateY(-4px);box-shadow:0 12px 30px #006bff35;background:#005ce0}.button:hover span{transform:translateX(-5px)}.button.outline{background:white;color:var(--navy)}.button.small{padding:9px 18px;font-size:13px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:570px;max-width:1450px;margin:auto;padding:36px 5vw;gap:30px}.hero-copy{z-index:2}.eyebrow{color:var(--blue);font-weight:700;font-size:14px}.hero h1{font-size:clamp(32px,3.3vw,54px);line-height:1.55;margin:15px 0;font-weight:900;letter-spacing:-1px}.hero strong{color:var(--blue)}.hero p{font-size:18px;max-width:550px}.actions{display:flex;gap:14px;margin-top:26px}.hero-art{position:relative;min-height:460px;perspective:1000px;isolation:isolate;border-radius:18px;transform-style:preserve-3d;box-shadow:0 28px 65px #03499920}.photo{background-repeat:no-repeat;background-color:#dceeff}.hero-photo{position:absolute;inset:0;border-radius:18px;background-image:url('assets/home-reference.jpeg');background-size:187% auto;background-position:5% 10.5%;clip-path:polygon(0 0,90% 0,100% 80%,87% 100%,0 100%)}.glass-arrow{position:absolute;left:44%;top:0;font-family:Arial,sans-serif;font-weight:900;font-size:310px;line-height:1;color:#00a8ff;transform:translateZ(85px) rotate(-8deg);text-shadow:-8px 7px 0 #005cd0, -18px 17px 0 #013f8d,0 25px 35px #003c8855;filter:drop-shadow(0 12px 20px #003c8844);pointer-events:none;animation:float 5s ease-in-out infinite}.art-label{position:absolute;bottom:25px;left:24px;color:white;font:12px/1.8 Arial,sans-serif;letter-spacing:3px;text-align:left;transform:translateZ(45px);padding:16px;background:#003d88bd;border-radius:8px}.orbit{position:absolute;inset:-18px;border:1px solid #009dff18;border-radius:28px;pointer-events:none}.section{max-width:1320px;margin:0 auto;padding:38px 5vw 42px}.section-title{margin-bottom:26px}.section-title>span{display:block;width:35px;height:4px;background:var(--blue);border-radius:4px;margin-bottom:12px}.section-title h2,h2{font-size:30px;font-weight:900;margin:0}.section-title p{margin:4px 0;font-size:16px}.services-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:28px;align-items:center}.service-tabs{display:flex;gap:12px}.service-tabs button{flex:1;min-height:165px;border:1px solid #006bff08;border-radius:14px;background:white;color:var(--navy);font-size:14px;font-weight:800;box-shadow:0 10px 30px #00549706;transition:all .3s}.service-tabs button i{display:block;font-size:38px;color:var(--blue);font-style:normal;margin-bottom:12px}.service-tabs button.selected{background:linear-gradient(145deg,#00a2ff,#0060f8);color:white;transform:translateY(-8px);box-shadow:0 18px 35px #006bff26}.service-tabs button.selected i{color:white}.service-tabs button:hover{transform:translateY(-8px)}.service-feature{display:grid;grid-template-columns:.8fr 1.2fr;background:white;border-radius:16px;overflow:hidden;min-height:260px;box-shadow:0 15px 40px #00377708}.service-copy{padding:22px}.service-copy i,.card-copy i,.values i{font-style:normal;font-size:30px;color:var(--blue)}h3{font-size:20px;margin:8px 0;font-weight:900}.service-copy p{font-size:14px}.service-photo{background-image:url('assets/home-reference.jpeg');background-size:260% auto;background-position:6.8% 52.7%;min-height:250px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution{display:block;border-radius:14px;overflow:hidden;background:white;box-shadow:0 10px 40px #004d870b}.solution .photo{height:210px;background-image:url('assets/home-reference.jpeg');background-size:335% auto}.supplies-photo{background-position:96.2% 72.8%}.monitor-photo{background-position:50.5% 72.8%}.imaging-photo{background-position:5.2% 72.8%}.card-copy{padding:17px 22px;position:relative}.card-copy i{position:absolute;top:-32px;right:22px;width:54px;height:54px;background:white;border-radius:12px;text-align:center;box-shadow:0 4px 16px #006bff15}.card-copy h3{font-size:18px}.card-copy p{font-size:14px;padding-left:22px}.card-copy b{position:absolute;left:18px;bottom:27px;color:var(--blue);background:#f2f9ff;border-radius:50%;width:36px;height:36px;text-align:center;line-height:36px;transition:transform .3s}.solution:hover b{transform:translateX(-5px)}.tilt{--rx:0deg;--ry:0deg;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out,box-shadow .3s;position:relative}.tilt:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--x) var(--y),#ffffff60,transparent 55%);opacity:0;transition:opacity .3s}.tilt:hover:after{opacity:1}.tilt:hover{box-shadow:0 25px 55px #006bff22}.reveal{opacity:0;translate:0 26px;transition:opacity .8s,translate .8s}.reveal.visible{opacity:1;translate:0 0}.support{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}.support h2{font-size:25px}.contact-banner{position:relative;display:flex;align-items:center;min-height:230px;background:linear-gradient(110deg,#006ce9,#02225b 45%,#023d8b);color:white;overflow:hidden;padding:30px 7vw}.contact-copy{width:60%;z-index:1}.contact-copy h2{font-size:30px}.contact-copy p{color:#d5e4ff}.banner-photo{position:absolute;left:0;top:0;bottom:0;width:43%;background-image:url('assets/about-reference.jpeg');background-size:260% auto;background-position:7% 10%;clip-path:polygon(0 0,74% 0,100% 100%,0 100%);opacity:.8}.contact-banner:after{content:'';position:absolute;right:-40px;top:-40px;width:100px;height:400px;transform:rotate(35deg);background:#0094ff99}footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px 5vw;background:white}footer nav{gap:20px;font-size:12px}footer small{font-size:12px;color:var(--muted)}.about-hero-photo{position:absolute;inset:0;border-radius:18px;background-image:url('assets/about-reference.jpeg');background-size:187% auto;background-position:5% 10.5%}.about-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;align-items:center}.about-room{height:240px;border-radius:14px;background-image:url('assets/about-reference.jpeg');background-size:180% auto;background-position:8% 41.5%}.timeline,.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.timeline article,.stats article,.values article{background:white;padding:25px;border-radius:14px;box-shadow:0 10px 30px #00549708}.timeline article{border-top:2px solid #d7eaff}.timeline em{color:var(--blue);font-style:normal;font-size:23px;font-weight:800}.timeline p,.values p{font-size:14px}.stats b{color:var(--blue);font-size:38px}.stats b:before{content:'+'}.stats p{font-size:14px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.values i{float:left}.page[hidden]{display:none}dialog{border:0;border-radius:20px;max-width:560px;width:calc(100% - 30px);padding:35px;color:var(--navy);box-shadow:0 30px 100px #00194355}dialog::backdrop{background:#00153677;backdrop-filter:blur(8px)}.close{position:absolute;left:18px;top:10px;background:transparent;border:0;font-size:30px;color:var(--navy)}form label{display:block;font-size:14px;font-weight:700;margin:12px 0}input,textarea{display:block;width:100%;border:1px solid #bcd2ea;border-radius:8px;padding:10px;background:#f8fbff;color:var(--navy)}:focus-visible{outline:3px solid #00b5ff;outline-offset:5px}#quote-result textarea{margin:15px 0}@keyframes float{50%{transform:translateZ(110px) translateY(-16px) rotate(-5deg)}}@media(min-width:1500px){.hero{padding-left:40px;padding-right:40px}}@media(max-width:1050px){nav{gap:17px}header{gap:15px}.hero{min-height:470px}.hero-art{min-height:380px}.glass-arrow{font-size:260px}.hero p{font-size:16px}.services-layout{grid-template-columns:1fr}.service-tabs{max-width:550px}.service-tabs button{min-height:130px}.service-feature{max-width:850px}.solution .photo{height:180px}footer nav{gap:12px}}@media(max-width:760px){header{padding:9px 5vw;gap:10px}.logo{width:111px;height:50px}header>.button{font-size:11px;padding:8px 10px;gap:8px}.menu{display:block;background:transparent;border:0;font-size:24px;color:var(--navy);margin-right:auto}header nav{display:none;position:absolute;top:69px;right:0;left:0;background:#fffffff5;padding:20px;box-shadow:0 15px 30px #00377715;flex-direction:column;gap:3px}header nav.open{display:flex}.hero{display:flex;flex-direction:column;padding:36px 6vw 20px;gap:30px}.hero-copy{width:100%}.hero h1{font-size:32px}.hero p{font-size:16px}.hero-art{width:100%;min-height:325px}.glass-arrow{font-size:240px;left:38%}.hero-photo,.about-hero-photo{background-size:190% auto}.actions{gap:10px}.button{font-size:13px;padding:11px 16px;gap:14px}.section{padding:32px 6vw}.section-title h2,h2{font-size:27px}.section-title p{font-size:14px}.services-layout{gap:20px}.service-tabs{gap:9px}.service-tabs button{font-size:12px;min-height:126px}.service-feature{grid-template-columns:1fr}.service-photo{min-height:210px;grid-row:1;background-size:230% auto;background-position:8% 52%}.service-copy{padding:22px}.cards{grid-template-columns:1fr;gap:25px}.solution .photo{height:210px;background-size:335% auto}.support{align-items:flex-start;flex-direction:column}.contact-banner{min-height:300px;padding:34px 6vw}.contact-copy{width:100%}.contact-copy h2{font-size:25px}.banner-photo{width:100%;opacity:.15;clip-path:none;background-position:4% 10%;background-size:200% auto}footer{flex-wrap:wrap;gap:20px;padding:25px 6vw}footer nav{flex-wrap:wrap;font-size:12px;width:100%;order:3}footer small{font-size:11px}.about-intro{grid-template-columns:1fr;gap:20px}.about-room{height:180px}.timeline,.stats{grid-template-columns:1fr 1fr;gap:12px}.timeline article,.stats article{padding:18px}.stats b{font-size:31px}.values{grid-template-columns:1fr}.art-label{font-size:10px;padding:10px}.tilt{transform:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;translate:none}.tilt{transform:none!important}}

.logo{width:155px;height:62px}.logo-crop{background-image:url('assets/axis-logo.jpeg');background-size:138% auto;background-position:50% 49%}.page-intro{max-width:1320px;margin:auto;padding:65px 5vw 30px}.page-intro h1{font-size:clamp(32px,4vw,48px);margin:15px 0;color:var(--navy)}.page-intro p{max-width:750px;font-size:18px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:start}.contact-details,.quote-card{background:white;border-radius:18px;padding:32px;box-shadow:0 15px 40px #00377709}.contact-details>div{padding:14px 0;border-bottom:1px solid #e7f0fa}.contact-details a{color:var(--blue)}.form-note{font-size:13px}.footer-contact p{font-size:12px;margin:5px 0}.footer-contact>a{font-size:13px}.social-links{display:flex;flex-wrap:wrap;gap:13px;font:12px Arial,sans-serif;margin:12px 0}.social-links a:hover{color:var(--blue)}footer{align-items:flex-start;flex-wrap:wrap}footer nav{flex-wrap:wrap}.solution .photo.supplies-photo,.solution .photo.monitor-photo,.solution .photo.imaging-photo{background-image:url('assets/home-reference.jpeg')}@media(max-width:760px){.logo{width:115px;height:46px}.contact-grid{grid-template-columns:1fr}.contact-details,.quote-card{padding:24px}.page-intro{padding:40px 6vw 15px}.page-intro p{font-size:16px}.footer-contact{width:100%}}

.language-switch{flex-shrink:0;padding:8px 12px;border:1px solid #bcd8fc;border-radius:8px;color:var(--blue);font-size:13px;font-weight:800;background:white}.language-switch:hover{background:#eaf4ff}html[lang=en] body{font-family:Arial,Helvetica,sans-serif}html[lang=en] h1{letter-spacing:-.8px;line-height:1.25}html[lang=en] .hero h1{font-size:clamp(32px,3.3vw,50px)}html[dir=ltr] nav a:after{right:auto;left:0}html[dir=ltr] .card-copy i{right:auto;left:22px}html[dir=ltr] .card-copy b{left:auto;right:18px}html[dir=ltr] .card-copy p{padding-left:0;padding-right:22px}html[dir=ltr] .values i{float:right}html[dir=ltr] .close{left:auto;right:18px}html[dir=ltr] .banner-photo{left:auto;right:0;transform:scaleX(-1)}html[dir=ltr] .contact-banner:after{right:auto;left:-40px}html[dir=ltr] .button:hover span{transform:translateX(5px)}html[dir=ltr] .solution:hover b{transform:translateX(5px)}header nav{gap:22px}header{gap:18px}@media(max-width:1050px){header nav{gap:12px}header{gap:10px}header>.button{font-size:12px;padding:9px 12px;gap:10px}}@media(max-width:860px){header nav{display:none;position:absolute;top:69px;right:0;left:0;background:#fffffff5;padding:20px;box-shadow:0 15px 30px #00377715;flex-direction:column;gap:3px}header nav.open{display:flex}.menu{display:block;background:transparent;border:0;font-size:24px;color:var(--navy);margin-inline-start:auto}header>.logo{width:105px;height:46px}header>.button{font-size:11px;padding:8px;gap:6px}.language-switch{font-size:12px;padding:7px 8px}html[dir=ltr] .menu{margin-right:0}html[lang=en] header>.button{font-size:10px}}

/* Compact navigation, with independently centered page links. */
header{display:grid;grid-template-columns:minmax(205px,1fr) auto minmax(205px,1fr);gap:20px;padding:12px max(5vw,20px);min-height:82px}header>.logo{grid-column:1;grid-row:1;justify-self:start;width:135px;height:54px}header>nav{grid-column:2;grid-row:1;justify-content:center;gap:26px;font-size:13px}header>nav a{padding:9px 0;white-space:nowrap}.header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:10px}.header-actions .button.small{font-size:12px;padding:8px 14px;gap:12px;border-radius:8px;box-shadow:0 5px 15px #006bff15;min-height:36px}.header-actions .button span{font-size:17px}.header-actions .language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:30px;padding:0 6px;border:1px solid #d9e6f6;background:transparent;color:#51618e;font:700 11px Arial,sans-serif;letter-spacing:.5px;border-radius:6px}.header-actions .language-switch:hover{color:var(--blue);border-color:#a7cfff;background:#edf5ff}header>.menu{grid-column:2;grid-row:1;margin:0}html[lang=en] header>nav{gap:20px}html[lang=en] .header-actions .button.small{font-size:11px;padding:8px 12px}
@media(max-width:1100px){header{grid-template-columns:minmax(175px,1fr) auto minmax(175px,1fr);gap:12px;padding-inline:24px}header>nav{gap:17px;font-size:12px}html[lang=en] header>nav{gap:13px}.header-actions{gap:8px}.header-actions .button.small{padding:8px 10px;gap:8px}}
@media(max-width:900px){header{grid-template-columns:1fr auto auto;min-height:70px;padding:10px 5vw;gap:12px}header>.logo{width:112px;height:46px}header>.menu{display:block;justify-self:center;font-size:23px}header>nav{grid-column:1 / -1;grid-row:auto;position:absolute;inset-inline:0;top:70px;display:none;gap:4px;padding:16px 5vw;font-size:14px}header>nav.open{display:flex}header>nav a{padding:10px 0}.header-actions{grid-column:3;gap:8px}.header-actions .button.small{font-size:11px;padding:7px 10px;min-height:33px;gap:7px}.header-actions .language-switch{height:28px;min-width:29px;font-size:10px}html[lang=en] .header-actions .button.small{font-size:10px;padding:7px 9px}}
@media(max-width:380px){header{gap:8px;padding-inline:14px}header>.logo{width:95px;height:40px}.header-actions{gap:6px}.header-actions .button.small{font-size:10px;padding:7px 8px}.header-actions .button span{display:none}}
