@charset "UTF-8";#home{height:100vh}#home.bg-home{background:linear-gradient(to bottom,#eceff480,#fff),url(/images/homepage_small.jpg) center -100px no-repeat}#home .container{height:100vh}#home .main-hero{padding:30vh 64px;text-align:center;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center}#home-product .container{border-radius:12px;margin-top:16px;margin-bottom:16px}#home-product .tamago-bg{background:url(/images/bg/tamago_hero.png) 50% 50% no-repeat local #eceff4;background-size:cover}#home-product .canopus-bg{background:url(/images/bg/canopus_hero.png) 50% 50% no-repeat local #2e3650;background-size:cover}#home-product .tamago .title-image{background:url(/images/logo/tamago-logo-colored-black.png) 50% 50% no-repeat}#home-product .canopus .title-image{background:url(/images/logo/canopus-hero-logo.png) 50% 50% no-repeat}#home-product .tamago .product-image{width:500px;height:350px;background:url(/images/tamago.png) 0px 0px/100% 100% no-repeat}#home-product .canopus .product-image{width:450px;height:320px;background:url(/images/harness_new.png) 0px 0px/100% 100% no-repeat}#home-product .product-image{transition:transform 1s}#home-product .product-image:hover{transform:scale(1.1)}#home-product .hero-container{padding:96px 0;display:flex;gap:96px;flex-direction:column;align-items:center}#home-product .hero-container .hero-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;max-width:769px;width:100%}#home-product .hero-container .hero-head .title-image{width:565px;height:100px;text-align:center;background-size:contain;margin-bottom:24px}#home-product .innovation-bg{border:1px solid var(--Colouts-ExL, #ECEFF4);background:linear-gradient(180deg,#fffa 67.31%,#f6f6f6),url(/images/bg/bg-line.png) 85% 100%}#home-product .innovation .hero-container{padding:96px 0 64px;gap:400px}#home-product .innovation .hero-container .innovation-hero-head{display:flex;flex-direction:column;align-items:center;text-align:center}#home-product .innovation .hero-container .innovation-hero-head .innovation-tagline{text-align:center;padding-bottom:24px}#home-product .innovation .hero-container .innovation-hero-head .innovation-description{text-align:center}.mobile #home{padding-top:calc(var(--nav-h))}.mobile #home.bg-home{background:linear-gradient(to bottom,#eceff480,#fff),url(/images/homepage_small.jpg) 5% -100px no-repeat}.mobile #home .main-hero{padding:16px;text-align:center;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;height:100vh}.mobile #home-product .container{margin:16px auto;width:96vw}.mobile #home-product .hero-container{padding:72px 16px;gap:36px}.mobile #home-product .hero-container .hero-head{display:flex;flex-direction:column;align-items:center;padding-bottom:34px;gap:8px}.mobile #home-product .hero-container .hero-head .title-image{width:287px;height:56px;padding-bottom:16px}.mobile #home-product .hero-container .hero-head .tagline,.mobile #home-product .hero-container .hero-head .description{text-align:center}.mobile #home-product .hero-container .product-image{width:284px;height:195px}.mobile #home-product .innovation-hero{padding:72px 16px;display:flex;gap:340px;flex-direction:column;align-items:center}.mobile #home-product .innovation-hero .innovation-hero-head{display:flex;flex-direction:column;align-items:center;text-align:center}.mobile #home-product .innovation-hero .innovation-hero-head .innovation-tagline{text-align:center;padding-bottom:24px}.mobile #home-product .innovation-hero .innovation-hero-head .innovation-description{text-align:center}.career-container{padding-top:calc(var(--nav-h))}.career-container .bg-hero{background:linear-gradient(to bottom,#0000008c,#0000008c),url(/images/careers.jpg) center/cover no-repeat}.career-container .career-hero{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:102px;padding:72px 0}.career-container .career-hero .title{text-align:center}.career-container .career-hero .title .future-title{font-size:108px;line-height:96px;margin:0;width:min-content;display:table-caption;-ms-grid-columns:min-content}.career-container .career-hero .career-paragraph{text-align:center;padding:0 64px;max-width:620px}.career-container .wat{padding:64px}.career-container .wat .wat-title{width:32%;min-width:500px}.career-container .open-positons{background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:64px;gap:64px}.career-container .open-positons .positions-stage{position:relative;width:100%;margin-bottom:64px}.career-container .open-positons .interested-section{width:100%;background-color:#1b1b2d;border-radius:32px;padding:20px;text-align:center}.career-container .open-positons .interested-section .text-link{text-decoration:none}.career-container.mobile .career-hero{gap:88px;padding:48px}.career-container.mobile .career-hero .title .future-title{font-size:10.546875vw;line-height:unset}@media (max-width: 400px){.career-container.mobile .career-hero .title .future-title{font-size:64px}}.career-container.mobile .career-hero .career-paragraph{padding:0 8px}.career-container.mobile .career-hero .career-link{cursor:pointer;display:flex;color:#1b1b2d;font-size:24px}.career-container.mobile .wat{padding:64px 24px}.career-container.mobile .wat .wat-title{text-align:center;min-width:auto;width:auto}.career-container.mobile .open-positons{gap:24px;padding:0}.career-container.mobile .open-positons .title{padding:24px}.career-container.mobile .open-positons .positions-stage{min-height:560px;margin-bottom:0}.career-container.mobile .open-positons .interested-section{width:90%;border-radius:12px;padding:20px;margin:24px auto}.career-container.mobile .open-positons .interested-section .text-link{text-decoration:none}.positions .position{min-width:316px;height:400px;border:1px solid #ECEFF4;border-radius:8px;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:72px}.positions .position .header{padding:16px;display:flex;justify-content:space-between}.positions .position .header .arrow-div{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:1px solid #757E97;border-radius:8px;background-color:transparent;cursor:pointer}.positions .position .header .arrow-div svg{width:40px;height:40px;color:#757e97}.positions .position figure{margin:0;padding:0;overflow:hidden;flex:1 1 auto;min-height:0;display:flex}.positions .position figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.positions .position .poisiton-role{margin-top:8px}.positions-mobile-slider{padding:0 36px;display:flex;flex-direction:column;align-items:center;gap:24px}.positions-mobile-slider .ed-header-mobile{padding:0 16px 16px}.positions-mobile-slider .positions-wrap{width:100%;max-width:1100px;margin:0 auto}.positions-mobile-slider .positions-wrap .positions-frame{overflow:hidden;width:100%;aspect-ratio:4/3;min-height:220px;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;height:60vh}.positions-mobile-slider .positions-wrap .positions-frame .positions-track{display:flex;will-change:transform}.positions-mobile-slider .positions-wrap .positions-frame .positions-track .positions-slide{flex:0 0 100%;height:100%}.positions-mobile-slider .positions-wrap .positions-frame .positions-track .positions-slide .positions-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.positions-mobile-slider .positions-wrap .positions-footer{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:16px}.positions-mobile-slider .positions-wrap .positions-footer .positions-dots{display:flex;align-items:center;gap:12px}.positions-mobile-slider .positions-wrap .positions-footer .positions-dots .positions-dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:999px;border:none;background:#c3c8d1;cursor:pointer;transition:transform .12s ease,background-color .12s ease}.positions-mobile-slider .positions-wrap .positions-footer .positions-dots .positions-dot:hover,.positions-mobile-slider .positions-wrap .positions-footer .positions-dots .positions-dot:focus-visible{background:#9aa3af;transform:scale(1.08);outline:none}.positions-mobile-slider .positions-wrap .positions-footer .positions-dots .positions-dot-active{background:#2e3650;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:12px;border-radius:999px;border:none;transition:transform .12s ease,background-color .12s ease}.positions-mobile-slider .position{padding:16px;border:1px solid #BCC0CD;border-radius:8px;display:flex;flex-direction:column;gap:32px;height:60vh;max-width:380px;margin:auto}.positions-mobile-slider .position .header{display:flex;justify-content:space-between}.positions-mobile-slider .position .header .header-logo{display:flex;width:100px;height:80px}.positions-mobile-slider .position .header .header-logo img{width:100%;height:100%}.positions-mobile-slider .position h2{line-height:normal}.positions-mobile-slider .position .solution-card{padding-left:24px}@media (max-width: 400px){.positions-mobile-slider .positions-wrap .positions-frame,.positions-mobile-slider .position{height:80vh}}.popup-wrapper{display:flex;gap:24px;justify-content:center;align-items:center}.popup-wrapper .nav-arrow{cursor:pointer}.popup-wrapper .popup-pos{display:flex;align-items:center;justify-content:center}.popup-wrapper .popup-pos .popup-card{width:870px;display:grid;grid-template-rows:1fr auto;background:#fff;border-radius:0 0 32px 32px;border:solid 1px #BCC0CD}.popup-wrapper .popup-pos .popup-card .exit svg{float:right;margin:-16px -16px 0 0;transition:transform 1s ease-in-out;fill:#eceff4}.popup-wrapper .popup-pos .popup-card .exit svg:hover{transform:rotate(360deg)}.popup-wrapper .popup-pos .popup-card .card-body{display:grid;grid-template-columns:260px 1fr;height:510px;min-width:0}.popup-wrapper .popup-pos .popup-card .card-body figure{overflow:hidden;margin:0;vertical-align:middle}.popup-wrapper .popup-pos .popup-card .card-body figure img{width:300px}.popup-wrapper .popup-pos .popup-card .card-body .left{padding:32px 16px;border-right:1px solid #e6eaf0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.popup-wrapper .popup-pos .popup-card .card-body .left .header{display:flex;justify-content:space-between}.popup-wrapper .popup-pos .popup-card .card-body .right{margin:64px 32px;overflow-y:auto;overscroll-behavior:contain;min-width:0;min-height:0;scrollbar-gutter:stable both-edges;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#17b7e4 transparent;display:flex;flex-direction:column;gap:48px}.popup-wrapper .popup-pos .popup-card .card-body .right .subtitle{margin-bottom:16px}.popup-wrapper .popup-pos .popup-card .footer{background:#1b1b2d;color:#fff;padding:14px 18px;text-align:center;font-weight:600;border-radius:0 0 32px 32px}.popup-wrapper .popup-pos .popup-card .footer a{color:#15e0ff;text-decoration:none}.popup-wrapper .popup-pos .popup-card .footer a:hover{text-decoration:underline}.career-card{display:flex;flex-direction:column;gap:64px;position:relative}.career-card .career-side-text{display:inline-block;position:absolute;right:0;text-align:right;width:33%}.career-card .career-side-text div:first-child{margin-bottom:24px}.career-card .illustration{padding:72px 0 0}.career-card .illustration img{width:100%}.career-container.mobile .career-card{gap:24px}.career-container.mobile .career-card .career-side-text{width:100%;display:block;position:unset;text-align:center}.career-container.mobile .career-card .career-side-text div:first-child{margin:16px}.career-container.mobile .career-card .illustration{padding:0}.career-cards-scroller{width:100%;display:flex;flex-direction:column;gap:16px;outline:none}.career-cards-scroller:focus-visible{outline:2px solid var(--primary, #2b6cb0);outline-offset:2px;border-radius:8px}.career-cards-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:none;scrollbar-width:none}.career-cards-track::-webkit-scrollbar{display:none}.career-cards-slide{scroll-snap-align:start;padding:0;min-height:1px;display:flex;flex-direction:column}.career-cards-dots{display:flex;gap:8px;align-items:center;justify-content:center}.career-cards-dots .dot{width:8px;height:8px;border-radius:999px;border:none;background:#cfd8e3;padding:0;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.career-cards-dots .dot:hover{transform:scale(1.12)}.career-cards-dots .dot.active{background:var(--primary, #2b6cb0)}.light.navbar-desktop{background-color:#fff}.light.navbar-desktop button,.light.navbar-desktop .navlink{color:#757e97}.light.navbar-mobile{background-color:#fff}.light.navbar-mobile button,.light.navbar-mobile .navlink,.light.navbar-mobile .cb-text{color:#2e3650}.dark.navbar-desktop,.dark.navbar-mobile{background-color:#1b1b2d}.dark.navbar-desktop button,.dark.navbar-desktop .navlink,.dark.navbar-desktop .cb-text,.dark.navbar-mobile button,.dark.navbar-mobile .navlink,.dark.navbar-mobile .cb-text{color:#bcc0cd}.dark.navbar-mobile .mobile-dropdown{background:linear-gradient(180deg,#1b1b2d 68.75%,#000)}.dark .menu-icon svg{fill:#bcc0cd!important}.navbar-desktop,.navbar-mobile{position:absolute;top:0;width:100%;z-index:50;background:transparent}.navbar-desktop .linkedin-icon svg,.navbar-mobile .linkedin-icon svg{fill:#757e97}.navbar-desktop button,.navbar-mobile button{font-size:16px;font-family:Noto Sans TC}.navbar-desktop .lang,.navbar-mobile .lang{display:flex;gap:16px;text-align:center}.navbar-desktop .nav-inner,.navbar-mobile .nav-inner{display:flex;justify-content:space-between;align-items:center;min-height:var(--nav-h)}.navbar-desktop .nav-inner{padding:16px 64px}.navbar-desktop .navbar-header{display:flex;justify-content:space-between;align-items:center;gap:32px}.navbar-desktop .navbar-image{width:64px;height:64px;cursor:pointer}.navbar-desktop .nav-menu{display:flex;flex-direction:row;justify-content:space-evenly;gap:64px}.navbar-desktop .nav-menu .navlink{text-decoration:none;text-transform:uppercase}.navbar-desktop .contact{display:flex;align-items:center;cursor:pointer;gap:24px}.navbar-desktop .contact .contactButton{border-radius:8px;padding:16px;background-color:#2e3650}.navbar-desktop .contact .contactButton:hover{background-color:var(--lr-blue)}.navbar-desktop .contact .contactButton .cb-text{font-weight:400;color:#eceff4;text-transform:uppercase;vertical-align:middle}.navbar-mobile .nav-inner{padding:16px 6.25vw}.navbar-mobile .navbar-image{width:32px;height:32px;cursor:pointer}.navbar-mobile .navbar-header{display:flex;width:100%;justify-content:space-between;align-items:center}.navbar-mobile .navbar-header .menu-icon{cursor:pointer}.navbar-mobile .navbar-header .menu-icon svg{fill:#2e3650}.navbar-mobile .navbar-header .menu{display:flex;align-items:center;gap:8px}.navbar-mobile .mobile-dropdown{background:linear-gradient(180deg,#fff 68.75%,#eceff4);box-shadow:0 4px 6px #0000001a}.navbar-mobile .mobile-dropdown .mobile-menu{border-bottom:solid 1px #757E97;padding:0 0 16px;margin:0 6.25vw}.navbar-mobile .mobile-dropdown .mobile-menu .navlink{text-decoration:none;text-align:center;font-size:3.90625vw;display:block;padding:16px 0}.navbar-mobile .mobile-dropdown .mobile-menu .navlink:hover{color:#fff;background:linear-gradient(90deg,var(--Colouts-ExD, #1B1B2D) 0%,var(--Colouts-MidBlue, #5987F5) 24.04%,var(--Colouts-LRBlue, #039) 46.63%,var(--Colouts-MidBlue, #5987F5) 75.48%,var(--Colouts-ExD, #1B1B2D) 97.6%)}.navbar-mobile .mobile-dropdown button{font-size:2.34375vw}.navbar-mobile .mobile-dropdown .contacts-div{padding:16px 6.25vw;display:flex;justify-content:space-between}.navbar-mobile .mobile-dropdown .contacts-div .contacts{display:flex;flex-direction:column;gap:1.5625vw}.navbar-mobile .mobile-dropdown .contacts-div .contacts .cb-text{cursor:pointer;font-size:2.34375vw;font-style:normal;font-weight:400;line-height:25px}.navbar-mobile .mobile-dropdown .contacts-div .contacts .cb-text:hover{text-decoration:underline;color:#039}.navbar-mobile .mobile-dropdown .contacts-div .linkedin{cursor:pointer}.navbar-mobile .mobile-dropdown .contacts-div .linkedin span{vertical-align:text-top;display:inline-block;line-height:25px;font-size:2.34375vw}.navbar-mobile .mobile-dropdown .contacts-div .linkedin-icon{margin:0 4px;vertical-align:sub}@media (max-width: 400px){.navbar-mobile .nav-inner{padding:16px 24px}.navbar-mobile .navbar-image{width:32px;height:32px}.navbar-mobile .mobile-dropdown .mobile-menu{padding:0 0 16px;margin:0 32px}.navbar-mobile .mobile-dropdown .mobile-menu .navlink{font-size:32px;line-height:36px;display:block;padding:16px 0}.navbar-mobile .mobile-dropdown button{font-size:14px}.navbar-mobile .mobile-dropdown .contacts-div{padding:16px 32px}.navbar-mobile .mobile-dropdown .contacts-div .contacts{gap:8px}.navbar-mobile .mobile-dropdown .contacts-div .contacts .cb-text,.navbar-mobile .mobile-dropdown .contacts-div .linkedin span{font-size:14px}}.main{padding-top:calc(var(--nav-h))}.customized{padding:124px 0 32px;flex-direction:column;gap:32px;display:flex;align-items:center;text-align:center;font-size:40px}.customized .highlight-text{border:1px solid #5987f5;border-radius:72px;margin-left:12px}.customized img{max-width:400px}.customized.mobile{padding:64px 24px}.customized.mobile .highlight-text{display:block;border-radius:72px;margin:4px;padding:8px}.customized.mobile img{max-width:350px}@media (max-width: 400px){.customized{font-size:32px}.customized.mobile img{max-width:280px}}.table-section{padding:128px 64px}.table-section .products-title{margin:0 0 64px}.table-section .table-container{padding:0}.table-section .table-container table{width:100%;border-collapse:collapse}.table-section .table-container table tr:hover .device-logo{transform:scale(1.2)}.table-section .table-container table tr{border-top:1px solid #757E97;border-bottom:1px solid #757E97;cursor:pointer}.table-section .table-container table tr td{text-align:center}.table-section .table-container table tr td .circle-index{height:54px;width:54px;border-radius:50%;border:1px solid #757E97;display:flex;justify-content:center;align-items:center;font-size:36px;color:#757e97}.table-section .table-container table tr td .title-logo{width:356px;height:112px;margin:32px 0;display:flex;align-items:center}.table-section .table-container table tr td .title-logo img{max-height:100%;max-width:100%}.table-section .table-container table tr td .device-logo{transition:transform 1s}.table-section .table-container table tr td .device-logo.tamago{width:218px;height:148px}.table-section .table-container table tr td .device-logo.canopus{width:210px;height:140px}.table-section .table-container table tr td .device-logo.pyxis{width:194px;height:130px}.table-section .table-container table tr td .description{color:#757e97;font-size:24px;text-align:right}.table-section .table-container table tr td .description.highlighted{color:#bcc0cd!important}.table-section .table-container table tr td .product-text-container{display:flex;flex-direction:column;gap:8px;text-align:right}.table-section .table-container table tr td .product-text-container .product-text-item.highlighted{color:#bcc0cd!important}.table-section.mobile{padding:6.25vw}.table-section.mobile .products-title{padding-bottom:3.125vw;margin:0}.table-section.mobile .table-container{padding:32px 0}.table-section.mobile .table-container table tr td .description{text-align:left;font-size:16px}.table-section.mobile .table-container table tr td .circle-index.highlighted{border:2px solid white}.table-section.mobile .table-container table tr td .circle-index.highlighted span{color:#fff!important}.table-section.mobile .table-container table tr td .title-logo-section{padding:32px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.table-section.mobile .table-container table tr td .title-logo-section .title-logo{width:19.140625vw;height:3.7109375vw;min-width:150px;min-height:25px;display:flex;align-items:center;margin:0}.table-section.mobile .table-container table tr td .title-logo-section .title-logo img{max-height:100%;max-width:100%}.table-section.mobile .table-container table tr td .device-logo.tamago{width:21.2890625vw;height:14.453125vw}.table-section.mobile .table-container table tr td .device-logo.canopus{width:20.5078125vw;height:13.671875vw}.table-section.mobile .table-container table tr td .device-logo.pyxis{width:18.9453125vw;height:12.6953125vw}@media (max-width: 400px){.table-section.mobile{padding:32px}.table-section.mobile .products-title{font-size:64px}.table-section.mobile .table-container table tr td .device-logo{display:none}.table-section.mobile .table-container table tr td .title-logo-section .title-logo{width:196px;height:38px}}#footer{width:100%}#footer .go-button{font-weight:600;gap:24px;color:#1b1b2d}#footer .go-button svg{fill:#1b1b2d}#footer .go-button:hover{color:#039}#footer .go-button:hover svg{fill:#039}#footer .footer_cta{color:#1b1b2d}#footer .footer_cta-inner{padding:64px;display:flex;flex-direction:column;gap:164px}#footer .footer_cta-title{display:flex;flex-direction:column}#footer .footer_cta-title .accent{color:#2563eb}#footer .footer_main-inner{padding:64px 64px 32px;display:grid;grid-template-rows:auto auto;margin:0 auto}#footer .footer_brand{width:129px;height:40px;margin-bottom:164px}#footer .footer-image{height:100%;width:100%}#footer .logo-box{inline-size:44px;block-size:44px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:6px;letter-spacing:.5px}#footer .footer_nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:32px 0;border-top:1px solid var(--text-light-l)}#footer .footer_links{display:flex;flex-wrap:wrap;gap:32px}#footer .footer_nav-link{color:var(--text-light-l);text-decoration:none;font-weight:500}#footer .footer_nav-link:hover{color:#fff}#footer .footer_social{display:inline-block;width:32px;height:24px;background:url(/images/linkedin_blue.png) 50% 50% no-repeat local;background-size:contain}#footer .footer_social:hover{background:url(/images/linkedin_white.png) 50% 50% no-repeat local;background-size:contain}#footer .footer_legal{margin:0;text-align:center;font-size:12px;color:var(--text-light-l)}@media (max-width: 1024px){#footer .go-button{gap:16px}#footer .go-button.type3{padding:0}#footer .footer_brand{margin-bottom:0}#footer .footer_cta-inner{grid-template-columns:1fr;justify-items:start;padding:48px 6.25vw}#footer .footer_cta-inner .footer_cta-link{margin-top:8px}#footer .footer_main-inner{padding:0;display:grid;grid-template-rows:auto auto auto auto;row-gap:8px}#footer .footer_main{padding:48px 6.25vw;color:#eceff4}#footer .footer_brand{width:129px;height:40px}#footer .footer-image{height:100%;width:100%}#footer .footer_nav{gap:12px;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;padding:48px 0;border-top:none;border-bottom:1px solid white}#footer .footer_links{display:flex;flex-wrap:wrap;gap:16px;flex-direction:column}}@media (max-width: 400px){#footer .footer_cta-inner,#footer .footer_main{padding:48px 24px}}.contact-container{padding-top:calc(var(--nav-h))}.contact-container .contact-hero .contact-title{padding:64px;text-align:right}.contact-container .contact-hero .contact-parag{padding:0 64px;text-align:right}.contact-container .form-submitted{margin:0 auto 64px;padding-top:25%;text-align:center;height:85vh}.contact-container .form-submitted .followus-link{margin:16px}.contact-container .form-submitted .followus-link div{display:inline-block;margin:16px 8px;line-height:24px}.contact-container .form-submitted .followus-link svg{margin:-4px 8px}.contact-container .form-submitted .followus-link .linkedin{text-decoration:underline}.contact-container .form-submitted .return-to-home{margin:64px;display:inline-block;font-size:24px;color:#039;text-decoration:underline;cursor:pointer}.contact-container.mobile .contact-hero .contact-title{padding:48px}.contact-container.mobile .contact-hero .contact-parag{padding:0 48px}.contact-container.mobile .form-submitted{margin:48px}@media (max-width: 400px){.contact-container.mobile .contact-hero .contact-title{padding:24px}.contact-container.mobile .contact-hero .contact-parag{padding:0 24px}.contact-container.mobile .form-submitted{margin:24px}}.find-section{inline-size:100%;max-width:100%}.find-section .find-title{padding:64px}.find-section .find-us-content{display:flex;flex-direction:column;gap:64px;padding:64px 0;width:60%;margin:auto}.find-section .find-us-content .fu-contacts{display:flex;justify-content:space-between}.find-section .find-us-content .fu-contacts .fu-contact{display:flex;gap:8px}.find-section .find-us-content .fu-contacts .fu-contact .fu-address-div{display:flex;flex-direction:column;gap:2px}.find-section .find-us-content .fu-contacts .fu-contact .address-img{width:27px;height:26px;margin:4px 0}.find-section .find-us-content .fu-contacts .fu-contact .email-img{width:27px;height:27px}.find-section .find-us-content .fu-contacts .fu-contact .phone-img{width:28px;height:27px}.find-section .find-us-content .fu-maps-div{height:400px}.find-section .find-us-content .fu-maps-div .fu-map{width:100%;height:100%;border-radius:12px}@media (max-width: 1024px){.find-section .find-title{padding:48px}.find-section .find-us-content{padding-top:0;width:80%;max-width:500px}.find-section .find-us-content .fu-contacts{display:flex;flex-direction:column;gap:32px;padding:0}.find-section .find-us-content .fu-contacts .fu-contact .address-img,.find-section .find-us-content .fu-contacts .fu-contact .email-img{width:20px;height:20px;margin:2px 0}.find-section .find-us-content .fu-contacts .fu-contact .phone-img{width:20px;height:20px}.find-section .find-us-content .fu-maps-div{height:200px}}@media (max-width: 400px){.find-section .find-title{padding:24px}}.contact-form{width:60%;margin:auto;padding:40px 0}.contact-form .form-div{display:flex;flex-direction:column;gap:36px}.contact-form .form-div .regular-input{width:100%;padding:12px 0;border-top:none;border-right:none;border-left:none;border-bottom:1px solid #000000;font-size:24px;outline:none}.contact-form .form-div .regular-input:focus{outline:none;color:#039;border-bottom:1px solid #003399}.contact-form .form-div .error-message{margin:-35px auto -20px 0;padding:1px 0;font-size:12px;color:#e2bf30;height:20px}.contact-form .form-div .platform-selection .checkbox-div{padding:24px 0;display:flex;align-items:center;justify-content:space-between}.contact-form .form-div .platform-selection .checkbox-div .checkbox-item{display:flex;align-items:center;gap:16px}.contact-form .form-div .platform-selection .checkbox-div .checkbox-item span,.contact-form .form-div .platform-selection .checkbox-div .checkbox-item img{width:160px}.contact-form .form-div .platform-selection .checkbox-div .checkbox-item .checkbox-input-box{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:24px;height:24px;border:1px solid #757E97;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.contact-form .form-div .platform-selection .checkbox-div .checkbox-item .checkbox-input-box:checked:after{content:"";width:14px;height:14px;background-color:#039;border-radius:4px}.contact-form .form-div .platform-selection .checkbox-div .checkbox-item img{width:162px;height:32px}.contact-form .form-div .captcha-container{display:flex;flex-direction:column;gap:8px}.contact-form .form-div .form-button{border-radius:8px;background:var(--Colouts-D, #2E3650);display:flex;width:312px;transform:rotate(-.069deg);padding:16px;justify-content:center;align-items:center;gap:8px;cursor:pointer}.contact-form .form-div .form-button:hover{background-color:var(--lr-blue)}.contact-form .form-div .form-button:disabled{opacity:.6;cursor:not-allowed}.contact-form.mobile{width:80%}.contact-form.mobile .form-div{align-items:center}.contact-form.mobile .form-div .platform-selection .checkbox-div{padding:12px 0;display:flex;flex-direction:column;gap:16px}.contact-form.mobile .form-div .captcha-container{width:100%;align-items:center}.contact-form.mobile .form-div .form-button{width:156px;padding:8px}.services-container{padding-top:var(--nav-h)}.services-container .services-hero{padding:64px 64px 48px;display:flex;flex-direction:column;align-items:center;gap:152px}.services-container .services-hero .services-title{font-size:88px}.services-container .services-hero .services-tagline{font-size:32px}.services-container .services-hero .services-desc{font-size:24px}.services-container .services-hero .services-hero-heading,.services-container .services-hero .services-hero-end{text-align:center}.services-container .services-hero .services-hero-body{max-width:60%}.services-container .services-hero .services-hero-body .yellow-quote{color:#e2bf30;font-size:176px;font-style:normal;font-weight:700;line-height:normal}.services-container .services-hero .services-hero-body .yellow-quote.open{margin-bottom:-50px}.services-container .services-hero .services-hero-body .yellow-quote.close{text-align:end}.services-container .offer-section{padding:96px 64px;text-align:center}.services-container .offer-section .offer-head{display:flex;flex-direction:column;align-items:center;gap:8px}.services-container.mobile .services-hero{padding:8.3333333333vw 8.3333333333vw 6.25vw}.services-container.mobile .services-hero .services-title{font-size:11.4583333333vw}.services-container.mobile .services-hero .services-tagline{font-size:4.1666666667vw}.services-container.mobile .services-hero .services-desc{font-size:3.125vw}.services-container.mobile .services-hero .services-hero-body{max-width:80%}.services-container.mobile .services-hero .services-hero-body .yellow-quote{font-size:13.0208333333vw}.services-container.mobile .services-hero .services-hero-body .yellow-quote.open{margin-bottom:-6.5104166667vw}.services-container.mobile .offer-section{padding:64px 8.3333333333vw}.services-container.mobile .offer-section .hover-flip-cards{padding:32px 0 0}@media (max-width: 400px){.services-container.mobile .services-hero{padding:32px 32px 16px}.services-container.mobile .services-hero .services-title{font-size:48px}.services-container.mobile .services-hero .services-tagline{font-size:24px}.services-container.mobile .services-hero .services-desc{font-size:16px}.services-container.mobile .services-hero .services-hero-body{max-width:unset}.services-container.mobile .services-hero .services-hero-body .yellow-quote{font-size:50px}.services-container.mobile .services-hero .services-hero-body .yellow-quote.open{margin-bottom:-24px}.services-container.mobile .offer-section{padding:64px 24px}.services-container.mobile .offer-section .hover-flip-cards{padding:32px 0 0}}.text-container{background:#30364e;width:100%;height:100vh;font-weight:700;font-size:36px;position:relative;overflow:hidden}.text-container>div{animation:come2life linear 10s infinite;transform-origin:center center;opacity:0;width:250px;height:200px;position:absolute;backface-visibility:hidden}.text-container>div:nth-child(1){left:30vw;top:30vh;animation-delay:0s}.text-container>div:nth-child(2){left:70vw;top:30vh;animation-delay:4s}.text-container>div:nth-child(3){left:50vw;top:50vh;animation-delay:8s}.text-container>div:nth-child(4){left:30vw;top:70vh;animation-delay:6s}.text-container>div:nth-child(5){left:70vw;top:70vh;animation-delay:2s}@keyframes come2life{0%{transform:scale3d(0,0,1) rotate(.02deg);opacity:0;filter:blur(10px)}25%{transform:scaleZ(1) rotate(.02deg);opacity:1;filter:blur(0px)}40%{opacity:1;filter:blur(0px)}80%{opacity:0}to{transform:scale3d(4,4,1) rotate(.02deg);filter:blur(10px)}}.flip-card{perspective:1000px;max-width:317px;height:777px;margin:32px auto 0;position:relative;border-radius:20px;overflow:hidden}.flip-card:hover .flip-card-inner,.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s ease-in-out;will-change:transform}.flip-card-front,.flip-card-back{width:100%;height:100%;position:absolute;top:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit}.flip-card-front{background-color:#fff}.flip-card-back{background-color:#fff;transform:rotateY(180deg)}.back-content{height:100%;padding:0;display:flex;flex-direction:column;gap:60px}.back-content.img1{background-image:linear-gradient(270deg,rgba(51,204,255,0) 20.42%,rgba(0,51,153,.8) 51.86%,var(--Colouts-D, #2E3650) 99.94%),url(/images/career_4.jpg);background-size:cover;background-position-x:center;background-position-y:center}.back-content.img2{background-image:linear-gradient(270deg,rgba(51,204,255,0) 20.42%,rgba(0,51,153,.8) 51.86%,var(--Colouts-D, #2E3650) 99.94%),url(/images/career_1.jpg);background-size:cover;background-position-x:center;background-position-y:center}.back-content.img3{background-image:linear-gradient(270deg,rgba(51,204,255,0) 20.42%,rgba(0,51,153,.8) 51.86%,var(--Colouts-D, #2E3650) 99.94%),url(/images/career_3.jpg);background-size:cover;background-position-x:center;background-position-y:center}.back-content.img4{background-image:linear-gradient(270deg,rgba(51,204,255,0) 20.42%,rgba(0,51,153,.8) 51.86%,var(--Colouts-D, #2E3650) 99.94%),url(/images/career_2.jpg);background-size:cover;background-position-x:center;background-position-y:center}.back-content .card-head{display:flex;padding:16px;color:#fff}.back-content .card-head .flip-card-idx{letter-spacing:.1px;text-align:center}.back-content .card-head .card-title{padding-top:32px}.back-content .card-body{margin:0;padding:24px;overflow:hidden;flex:1 1 auto;min-height:0;display:flex;background-color:#fff;flex-wrap:wrap;text-align:left}.back-content .card-body .card-title{margin-bottom:24px}.back-content .card-body .card-text{line-height:1.6;color:#6b7280}.card-content{height:100%;padding:0;display:flex;flex-direction:column;gap:60px;background-color:#fafafa}.card-content .card-head{display:flex;padding:16px}.card-content .card-head .flip-card-idx{letter-spacing:.1px;text-align:center}.card-content .card-head .card-title{padding-top:32px}.card-content figure{margin:0;padding:0;overflow:hidden;flex:1 1 auto;min-height:0;display:flex;background-color:#fff}.card-content figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hover-flip-cards{padding:64px 0 0}.hover-flip-cards-mobile{display:flex;flex-direction:column;justify-content:space-between;padding:64px 0 0;gap:16px;align-items:center}.hover-flip-cards-mobile .regular-card{width:360px;border-radius:18px;background:#fff;overflow:hidden;border:1px solid #e5e7eb}.hover-flip-cards-mobile .regular-card .card-top{position:relative;height:160px;background-image:linear-gradient(120deg,#00000073,#0000),radial-gradient(circle at 20% 20%,#2dd4bf 0,#1e3a8a 40%,#0f172a);display:flex;align-items:flex-start;justify-content:flex-start;padding:22px 26px;color:#fff}.hover-flip-cards-mobile .regular-card .card-top.img1{background-image:linear-gradient(270deg,rgba(51,204,255,0) 20.42%,rgba(0,51,153,.8) 51.86%,var(--Colouts-D, #2E3650) 99.94%),url(/images/career_4.jpg);background-size:cover;background-position-x:center;background-position-y:center}.hover-flip-cards-mobile .regular-card .card-top.img2{background-image:linear-gradient(270deg,rgba(51,204,255,0) 20.42%,rgba(0,51,153,.8) 51.86%,var(--Colouts-D, #2E3650) 99.94%),url(/images/career_1.jpg);background-size:cover;background-position-x:center;background-position-y:center}.hover-flip-cards-mobile .regular-card .card-top.img3{background-image:linear-gradient(270deg,rgba(51,204,255,0) 20.42%,rgba(0,51,153,.8) 51.86%,var(--Colouts-D, #2E3650) 99.94%),url(/images/career_3.jpg);background-size:cover;background-position-x:center;background-position-y:center}.hover-flip-cards-mobile .regular-card .card-top.img4{background-image:linear-gradient(270deg,rgba(51,204,255,0) 20.42%,rgba(0,51,153,.8) 51.86%,var(--Colouts-D, #2E3650) 99.94%),url(/images/career_2.jpg);background-size:cover;background-position-x:center;background-position-y:center}.hover-flip-cards-mobile .regular-card .card-top .card-number{font-size:72px;font-weight:600;line-height:1;opacity:.95}.hover-flip-cards-mobile .regular-card .card-bottom{padding:24px 26px 26px;background:#fff}.hover-flip-cards-mobile .regular-card .card-bottom .card-title{font-size:20px;font-weight:600;color:#111827;margin-bottom:12px}.hover-flip-cards-mobile .regular-card .card-bottom .card-text{font-size:14px;line-height:1.6;color:#6b7280}.avaliable-model{padding:96px 0 96px 64px}.avaliable-model .am-head{margin-bottom:48px}.avaliable-model .am-cards{display:grid;min-width:300px;grid-auto-flow:column;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:16px;padding:0 0 8px;scrollbar-width:none;justify-content:flex-start}.avaliable-model .am-cards.center-card{justify-content:center;gap:5vw}.avaliable-model .am-cards::-webkit-scrollbar{display:none}.avaliable-model .model-card{scroll-snap-align:start}.model-card{max-width:450px;min-width:300px;padding:64px 0;background-color:#fff;border-radius:12px;display:inline-block;text-align:center;width:35vw;gap:32px;margin:0 auto}.model-card .mc-image .tamago{min-width:240px;max-width:350px;width:18vw;aspect-ratio:3/2}.model-card .mc-image .canopus{min-width:300px;max-width:300px;width:18vw;aspect-ratio:1.1}.model-card .mc-image .pyxis{min-width:200px;max-width:200px;width:18vw;aspect-ratio:1}.model-card .mc-table-content{padding:0 32px;display:grid;grid-template-columns:max-content 1fr;column-gap:16px;row-gap:16px;text-align:left}.model-card .mc-row{display:contents;line-height:20px}.model-card .mc-row div:first-child{max-width:100px}.pyxis .mc-table-content{padding:0 24px;display:flex;flex-direction:column;align-items:start;gap:16px}.pyxis .mc-row{display:flex;flex-direction:column;gap:2px}.pyxis .mc-row ul{margin:0 0 8px -16px}.pyxis .mc-row ul li{margin:4px 0}.avaliable-model.mobile{padding:48px 0 108px}.avaliable-model.mobile .am-head{margin:0 8.3333333333vw 32px}.avaliable-model.mobile .am-cards{display:grid;min-width:250px;grid-auto-flow:column;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:16px;padding:0 8.3333333333vw 8px;scrollbar-width:none;justify-content:flex-start}.avaliable-model.mobile .am-cards::-webkit-scrollbar{display:none}.avaliable-model.mobile .model-card{scroll-snap-align:start;width:60vw}.avaliable-model.mobile .model-card .mc-image.tamago{width:248px;height:172px}.avaliable-model.mobile .model-card .mc-image.canopus,.avaliable-model.mobile .model-card .mc-image.pyxis{width:220px;height:220px}.avaliable-model.mobile .model-card .mc-table-content{padding:0 24px;display:flex;flex-direction:column;align-items:start;gap:16px}.avaliable-model.mobile .model-card .mc-row{display:flex;flex-direction:column;gap:2px}@media (max-width: 400px){.avaliable-model.mobile .am-head{margin:0 24px 32px}.avaliable-model.mobile .am-cards{padding:0 24px 8px}}.easy-adoption{padding:0 0 108px;display:flex;flex-direction:column;align-items:center;gap:32px}.easy-adoption .ed-images{width:100%;max-width:1100px;margin:0 auto}.easy-adoption .ed-images .ed-stage{display:flex;align-items:center;gap:16px}.easy-adoption .ed-images .ed-stage .ed-frame{background:#c3c8d1;border-radius:14px;overflow:hidden;width:100%;aspect-ratio:16/9;min-height:260px;box-shadow:0 1px #0f172a0a,0 12px 24px #0f172a0f}.easy-adoption .ed-images .ed-stage .ed-frame .ed-img{width:100%;height:100%;-webkit-user-select:none;user-select:none;object-fit:cover;display:block;animation:ea-fade .22s ease-in}@keyframes ea-fade{0%{opacity:.2}to{opacity:1}}.easy-adoption .ed-images .ed-stage .nav-btn{cursor:pointer}.easy-adoption .ed-images .ed-stage .nav-btn svg{fill:#1b1b2d}.easy-adoption .ed-images .ed-stage .nav-btn.hidden{opacity:0}.easy-adoption .ed-images .ed-stage .nav-btn:hover svg{fill:#039}.easy-adoption .ed-tabs{display:flex;justify-content:center}.easy-adoption .ed-tabs .ed-tab{display:flex;height:62px;padding:16px 56px;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:0 0 8px 8px;border:1px solid #2E3650}.easy-adoption .ed-tabs .ed-tab:hover{background:var(--lr-blue);color:var(--text-light-exl)}.easy-adoption .ed-tabs .ed-tab.is-active{background:#2e3650;color:#fff;border-color:#2b3550}.easy-adoption-mobile{padding:0 0 72px;display:flex;flex-direction:column;text-align:center;gap:24px}.easy-adoption-mobile .ed-header-mobile{padding:0 16px}.easy-adoption-mobile .eam-wrap{width:100%;max-width:1100px;margin:0 auto}.easy-adoption-mobile .eam-wrap .eam-frame{background:#c3c8d1;overflow:hidden;width:100%;aspect-ratio:4/3;min-height:220px;box-shadow:0 1px #0f172a0a,0 12px 24px #0f172a0f;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.easy-adoption-mobile .eam-wrap .eam-frame .eam-track{display:flex;height:100%;will-change:transform}.easy-adoption-mobile .eam-wrap .eam-frame .eam-track .eam-slide{flex:0 0 100%}.easy-adoption-mobile .eam-wrap .eam-frame .eam-track .eam-slide .eam-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.easy-adoption-mobile .eam-wrap .eam-footer{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:16px}.easy-adoption-mobile .eam-wrap .eam-footer .eam-pill{background:#2e3650;color:#fff;padding:12px 20px;border-radius:12px;min-width:180px;text-align:center;font-weight:600;box-shadow:0 6px 14px #2b355059}.easy-adoption-mobile .eam-wrap .eam-footer .eam-dots{display:flex;align-items:center;gap:12px}.easy-adoption-mobile .eam-wrap .eam-footer .eam-dots .eam-dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:999px;border:none;background:#c3c8d1;cursor:pointer;transition:transform .12s ease,background-color .12s ease}.easy-adoption-mobile .eam-wrap .eam-footer .eam-dots .eam-dot:hover,.easy-adoption-mobile .eam-wrap .eam-footer .eam-dots .eam-dot:focus-visible{background:#9aa3af;transform:scale(1.08);outline:none}.proj-container{display:flex;justify-content:space-between;padding:64px}.proj-container .proj-text{padding-top:64px}.proj-container .image-container{max-width:920px;aspect-ratio:3/2;position:relative;padding:0 0 0 108px}.proj-container .image-container .project-image{width:100%;height:100%}.proj-container .nav-btn{cursor:pointer;position:absolute;left:0;bottom:0}.proj-container .nav-btn svg{fill:#2e3650}.proj-container .nav-btn:hover svg{fill:#039}.proj-container.mobile{padding:64px 0 64px 8.3333333333vw;justify-content:unset;flex-wrap:wrap}.proj-container.mobile .proj-text{padding-top:0}.proj-container.mobile .image-container{width:100%;padding:0 0 0 62px;aspect-ratio:5/3}.proj-container.mobile .image-container .project-image{float:right;margin:0}@media (max-width: 400px){.proj-container.mobile{padding:64px 0 64px 32px}.proj-container.mobile .image-container{aspect-ratio:5/4}}.product-section{padding:calc(var(--nav-h)) 64px 64px}.product-section .product-hero-title{padding:128px 0 40px}.product-section .dropdown-grid{width:100%}.product-section .dropdown-grid .dropdown .dropdown-button{background-color:#5987f5;width:108px;height:36px;border-radius:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.product-section .dropdown-grid .dropdown .dropdown-button .butt-arrow{width:20px;height:20px;color:#fff}.product-section .dropdown-grid .dropdown .dropdown-options{color:#bcc0cd;border:1px solid #BCC0CD;border-radius:8px;visibility:hidden}.product-section .dropdown-grid .dropdown .dropdown-options li:hover{color:#eceff4}.product-section .dropdown-grid .dropdown .dropdown-options.active{visibility:unset}.product-section .dropdown-grid .dropdown .dropdown-options .option{font-size:24px;line-height:50px}@media (max-width: 400px){.product-section.mobile{padding:calc(var(--nav-h)) 24px 4px}}.product-section.mobile{padding:calc(var(--nav-h)) 6.25vw 4px}.product-section.mobile .product-hero-title{padding:48px 0}.product-section.mobile .dropdown-grid .dropdown-head{display:flex;gap:48px}.product-section.mobile .dropdown-grid .dropdown-head .dropdown-button{background-color:#5987f5;width:64px;height:25px;flex-shrink:0;border-radius:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.product-section.mobile .dropdown-grid .dropdown-head .dropdown-button .butt-arrow{width:20px;height:20px;color:#fff}.product-section.mobile .dropdown-grid .dropdown .dropdown-options .option{padding:4px;font-size:12px;line-height:20px}.tamago-img-1{background:url(/images/products/tamago_seq6.png) 50% 50% no-repeat;background-size:cover}.tamago-img-2{background:url(/images/products/tamago_seq4.png) 50% 50% no-repeat;background-size:cover}.canopus-img-1{background:url(/images/products/canopus_seq1.png) 50% 50% no-repeat;background-size:cover}.canopus-img-2{background:url(/images/products/canopus_seq2.png) 50% 50% no-repeat;background-size:cover}.pyxis-img-1{background:url(/images/products/pyxis_seq1.png) 50% 50% no-repeat;background-size:cover}.pyxis-img-2{background:url(/images/products/pyxis_seq2.png) 50% 50% no-repeat;background-size:cover}.list-padding{padding:0 64px 128px}.product-item{display:table;width:100%;padding:32px 0}.product-item.flip{direction:rtl}.product-item .reverse-flip{direction:ltr}.product-item .text-box{width:100%;padding:32px;z-index:1;position:relative}.product-item .text-box p:nth-child(2){width:80%;margin-top:8px;text-align:justify}.product-item .left-container{display:table-cell;height:500px;vertical-align:middle}.product-item .left-container .text-box{text-align:right}.product-item .left-container .text-box p:nth-child(2){margin:8px 0 0 auto}.product-item .right-container{display:table-cell;height:500px;vertical-align:middle}.product-item .img-container{aspect-ratio:59/36;width:55%}.product-item .img-comp-img{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.product-item .img-comp-img div{display:block;vertical-align:middle;height:100%;width:100%;background-color:#fed026;border-radius:12px}.product-item .img-comp-container{position:relative;height:100%;width:100%;margin:0 auto}.product-item .img-comp-overlay{border-bottom:2px dashed blue}.device-hero-main{position:relative;padding:64px}.device-hero-main .line{position:absolute;top:168px;left:280px;width:460px;height:1022px;flex-shrink:0;z-index:1}.device-hero-main .line-text{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.device-hero-main .line-text div{z-index:1}.device-hero-main-mobile{position:relative;padding:72px 8.3333333333vw 16px;overflow:hidden}.device-hero-main-mobile .line{position:absolute;top:108px;left:128px;width:248px;height:331px;flex-shrink:0;z-index:1}.device-hero-main-mobile .content-path{padding:0;display:flex;flex-direction:column;gap:64px}.device-hero-main-mobile .content-path .hero-logo{width:261px;height:52px}.device-hero-main-mobile .content-path .hero-logo img{width:100%;height:100%}.device-hero-main-mobile .content-path .line-text{display:flex;flex-direction:column;align-items:flex-start;padding-top:144px;gap:16px}.device-hero-main-mobile .content-path .line-text div{z-index:1}@media (max-width: 768px){.list-padding{padding:0px 8.3333333333vw 64px}.product-item{padding:0;margin:32px 0}.product-item .text-box p:nth-child(2){width:unset;text-align:center;margin-top:4px!important}.product-item .left-container{display:block;width:auto;height:auto}.product-item .left-container .text-box{text-align:center;padding:8px 16px 16px}.product-item .right-container{display:block;width:auto;height:auto}.product-item .right-container .text-box{text-align:center;padding:8px 16px 16px}.product-item .img-container,.product-item .img-comp-container{aspect-ratio:59/36;width:100%}}@media (max-width: 400px){.device-hero-main-mobile{padding:72px 24px 16px}.list-padding{padding:0 24px 64px}}.works-main{padding-top:calc(var(--nav-h))}.works-main .works-hero{padding:64px}.works-main .works-hero.mobile{padding:6.25vw 0}.works-main .works-hero.mobile h1{padding:0 6.25vw}@media (max-width: 400px){.works-main .works-hero{padding:24px 0}.works-main .works-hero h1{padding:0 24px}}.project-list .project-filters{padding:64px 0;display:flex;flex-wrap:wrap;gap:16px}.project-list .project-filters .filter-button{padding:8px 32px;border:1px solid #757E97;border-radius:50px;background-color:#fff;color:#757e97;font-size:16px;line-height:20px;cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase}.project-list .project-filters .filter-button.active{background-color:#5987f5;color:#fff;border-color:#5987f5}.project-list .tb-container{min-height:471px}.project-list .tb-container table{width:100%;border-collapse:collapse}.project-list .tb-container table tr{border-top:1px solid #757E97;cursor:pointer}.project-list .tb-container table tr td.cell-content{width:70%}.project-list .tb-container table tr td.cell-arrow{width:30%;text-align:right}.project-list .tb-container table tr td .project-column{width:60%;padding:32px 0}.project-list .tb-container table tr td .project-column .title-div{display:flex;align-items:center}.project-list .tb-container table tr td .project-column .title-div .title-rect{width:24px;height:24px;background-color:#2e3650;margin-right:8px}.project-list .tb-container table tr td .project-column .project-desc{margin:16px 32px 0}.project-list .tb-container table tr td:last-child{transition:transform 1s;text-align:-webkit-right;padding-right:16px}.project-list .tb-container table tr:hover td:last-child{transform:translate(16px)}.project-list.mobile{padding:0 6.25vw}.project-list.mobile .project-filters{gap:8px;padding:32px 0}.project-list.mobile .project-filters .filter-button{padding:8px 28px}.project-list.mobile .tb-container table{width:100%;border-collapse:collapse}.project-list.mobile .tb-container table td .project-column{width:100%;padding:32px 0}.project-list.mobile .tb-container table td .project-column .title-div .title-rect{width:16px;height:16px;margin-right:4px}.project-list.mobile .tb-container table td .project-column .project-desc{margin:16px 20px 0}@media (max-width: 400px){.project-list.mobile{padding:24px}.project-list.mobile .project-filters .filter-button{padding:8px 28px;font-size:14px}.project-list.mobile .tb-container table td .project-column{padding:16px 0 32px}.project-list.mobile .tb-container table td .project-column .title-div .project-list.mobile .tb-container table td .project-column .title-rect{width:16px;height:16px;margin-right:4px}}.selected-work{width:100%;display:grid;grid-template-rows:1fr auto;overflow:hidden}.selected-work hr{display:block;position:relative;padding:0;margin:0;height:0;width:100%;max-height:0;line-height:0;clear:both;border:none;border-bottom:1px solid #757E97}.selected-work .exit-div{width:100%;display:flex;justify-content:flex-end}.selected-work .exit-div .exit-button{cursor:pointer;width:55px;height:68px;flex-shrink:0}.selected-work .exit-div .exit-button img{width:100%;height:100%}.selected-work .sw-body{display:grid;grid-template-columns:1fr 1fr;height:100vh;min-width:0}.selected-work .sw-body .tb-container{padding:16px 16px 16px 0;overflow:hidden;display:flex;flex-direction:column}.selected-work .sw-body .tb-container table{width:100%;border-collapse:collapse}.selected-work .sw-body .tb-container table tr td .project-column{padding:32px 0 16px}.selected-work .sw-body .tb-container table tr td .project-column .project-desc{margin:16px 0}.selected-work .sw-body .tb-container .routing{display:flex;flex-direction:column;gap:16px;padding:32px 0 16px}.selected-work .sw-body .tb-container .routing .routing-image{width:160px;height:156px;display:flex;border-radius:16px;border:1px solid var(--Colouts-ExL, #ECEFF4);flex-direction:column;justify-content:space-between}.selected-work .sw-body .tb-container .routing .routing-image .logo-part{border-radius:16px 16px 0 0;display:flex;justify-content:center;margin-top:16px}.selected-work .sw-body .tb-container .routing .routing-image .logo-part .logo-div{width:120px;height:24px}.selected-work .sw-body .tb-container .routing .routing-image .logo-part .logo-div img{width:100%;height:100%}.selected-work .sw-body .tb-container .routing .routing-image .dev-img-part{display:flex;align-items:center;justify-content:center;border-radius:0 0 16px 16px;background:var(--Colouts-ExL, #ECEFF4)}.selected-work .sw-body .tb-container .routing .routing-image .dev-img-part .dev-image-div{width:134px;height:88px}.selected-work .sw-body .tb-container .routing .routing-image .dev-img-part .dev-image-div img{width:100%;height:100%}.selected-work .sw-body .works-images{max-width:580px;margin:0 0 0 auto;padding:16px 0 16px 16px;overflow-y:auto;overscroll-behavior:contain;min-width:0;min-height:0;scrollbar-gutter:stable both-edges;touch-action:pan-y;scrollbar-width:none;display:flex;flex-direction:column;gap:16px}.selected-work .sw-body .works-images img{border-radius:8px}.selected-work .title-rect{display:inline-block;width:24px;height:24px;margin-right:8px;background-color:#2e3650}.selected-work.mobile .exit-div{padding:0 6.25vw}.selected-work.mobile .exit-div .exit-button{width:31px;height:38px}.selected-work.mobile hr{margin:0 6.25vw;width:unset}.selected-work.mobile .title-div{margin:0 6.25vw}.selected-work.mobile .sw-body{padding-top:16px;display:block;height:unset}.selected-work.mobile .sw-body .tb-container{padding:0}.selected-work.mobile .sw-body .tb-container .routing{padding:32px 6.25vw 16px}.selected-work.mobile .sw-body .project-paragraphs{padding:0 6.25vw;width:100vw}.selected-work.mobile .sw-body .works-images{max-width:none;display:grid;padding:16px 0 0 6.25vw;grid-auto-flow:column;justify-content:flex-start;scroll-padding-left:16px;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:none;touch-action:auto;width:100vw}.selected-work.mobile .sw-body .works-images div{width:390px}.selected-work.mobile .sw-body .works-images div:last-child{margin-right:6.25vw}.selected-work.mobile .title-rect{width:16px;height:16px;margin-right:4px}@media (max-width: 400px){.selected-work.mobile .exit-div{padding:0 24px}.selected-work.mobile hr,.selected-work.mobile .title-div{margin:0 24px}.selected-work.mobile .sw-body .tb-container .routing{padding:32px 24px 16px}.selected-work.mobile .sw-body .project-paragraphs{padding:0 24px}.selected-work.mobile .sw-body .works-images{padding:16px 0 0 24px}.selected-work.mobile .sw-body .works-images div:last-child{margin-right:24px}}.about-container{padding-top:calc(var(--nav-h))}.about-container .about-hero{padding:64px}.about-container .about-hero .about-title{padding-bottom:64px;text-align:right}.about-container .about-hero .about-parag{display:flex;flex-direction:column;align-items:flex-end;gap:56px;max-width:1200px}.about-container.mobile .about-hero{padding:48px}@media (max-width: 400px){.about-container.mobile .about-hero{padding:48px 24px}}.about-container.mobile .about-hero .about-title{padding:36px 0}.about-container.mobile .about-hero .about-parag{display:flex;gap:16px}:root{--white: #ffffff;--text-dark-d: #2e3650;--text-dark-m: #757e97;--text-light-exl: #eceff4;--text-light-l: #bcc0cd;--text-mid-blue: #5987f5;--text-extra-dark: #1b1b2d;--text-t2: #848484;--lr-blue: #003399;--color-neon: #33ccff}*{box-sizing:border-box;scrollbar-width:none}:root{--gutter: 40px;--container: 1440px;--nav-h: 80px}::-webkit-scrollbar{display:none}html{overflow-x:clip;scroll-behavior:smooth}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#000c;position:relative;min-height:100vh;font-family:Arial,Helvetica,sans-serif,Noto Sans TC;min-width:350px}p{margin:0}a{text-decoration:none}a:any-link{color:unset}a:visited{color:unset}h1{font-size:108px;line-height:160px;margin:0}h2{font-size:64px;line-height:80px;margin:0}h4{font-size:40px;margin:0}@media (max-width: 1024px){h1{font-size:10.546875vw;line-height:15.625vw}h2{font-size:6.25vw;line-height:7.8125vw}}@media (max-width: 400px){h1{font-size:64px;line-height:80px}h2{font-size:32px;line-height:40px}h4{font-size:32px}}.container{inline-size:var(--container);margin-inline:auto;max-width:1440px;margin:auto}.bg-light{background:#fff;color:#111827}.bg-dark{background:#1b1b2d;color:#eceff4}.bg-grey{background:#eceff4}.bg-dark-blue{background:#2e3650}.bg-special{background:linear-gradient(180deg,#fff 67.31%,#f6f6f6)}.cursor{position:fixed;top:0;left:0;opacity:1;width:20px;height:20px;border-radius:50%;border:1px solid white;transform:translate(-50%,-50%) scale(1);pointer-events:none;transition:all .2s ease-out}@media (max-width: 768px){.container{inline-size:100%;max-width:100%}}@media (min-width: 769px) and (max-width: 1024px){.container{inline-size:100%;max-width:100%}}@media (min-width: 1024px) and (max-width: 1440px){.container{inline-size:100%;max-width:100%}}.go-button{cursor:pointer;padding:12px 40px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0;border-radius:8px}.go-button .text{text-decoration:underline}.go-button.type1 svg{fill:#eceff4}.go-button.type1:hover{background-color:#039;fill:#eceff4}.go-button.type2{color:#2e3650}.go-button.type2 svg{fill:#2e3650}.go-button.type2:hover{background-color:#039;color:#eceff4}.go-button.type2:hover svg{fill:#eceff4}.go-button.type3{color:#2e3650;padding:0}.go-button.type3 svg{fill:#2e3650}.go-button.type3:hover{color:#039}.go-button.type3:hover svg{fill:#039}.mobile .go-button{padding:4px 16px;gap:12px}