@media screen and (max-width:768px){.logo-img{height:45px;}.brand-name{font-size:1.5rem;}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:#ffffff;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;transition:left 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 10px rgba(0,0,0,0.1);gap:0;z-index:999;overflow-y:auto;-webkit-overflow-scrolling:touch;}.nav-menu.active{left:0;}body.menu-open{overflow:hidden;position:fixed;width:100%;}.nav-menu li{width:100%;text-align:center;margin-bottom:1rem;}.nav-link{display:block;padding:1rem 2rem;font-size:1.125rem;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;}.nav-toggle{display:flex;min-width:48px;min-height:48px;align-items:center;justify-content:center;}.nav-menu::before{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:-1;}.nav-menu.active::before{opacity:1;visibility:visible;}.container{padding:0 1.5rem;}.nav-container{padding:0 1.5rem;}.hero{padding:4rem 0;}.hero-container{padding:0 1.5rem;}.hero-img{height:250px;}.hero-title{font-size:2.25rem;}.hero-subtitle{font-size:1.125rem;}section{padding:3rem 0;}.about-intro{margin-bottom:3rem;}.about-description{font-size:1.125rem;}.about-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;}.about-card{padding:2rem;}.about-values{padding:2.5rem;margin-bottom:2.5rem;}.about-values-title{font-size:1.75rem;margin-bottom:2.5rem;}.values-grid{grid-template-columns:1fr;gap:2rem;}.about-cta{padding:2rem;}.about-cta-text{font-size:1.25rem;}.why-choose-content{padding:0 1.5rem;}.why-choose-text{font-size:1.0625rem;text-align:left;}.why-choose-conclusion{font-size:1.125rem;}.services-intro{font-size:1rem;margin-bottom:2rem;}.services-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;}.service-card{padding:2rem;}.service-icon svg{width:40px;height:40px;}.aws-specialization{padding:1.5rem;}.aws-message{font-size:1rem;}.recruitment-intro{font-size:1rem;margin-bottom:2rem;}.job-posting{padding:2rem;}.job-title{font-size:1.625rem;}.contact-content{grid-template-columns:1fr;gap:2rem;}.contact-form{padding:2rem;}h1{font-size:2.25rem;}h2{font-size:1.875rem;}h3{font-size:1.375rem;}}@media screen and (max-width:480px){html{font-size:16px;}body{font-size:16px;line-height:1.6;}.container{padding:0 1rem;}.nav-container{padding:0 1rem;}.header{height:60px;}.nav-container{height:60px;}.logo-img{height:40px;}.brand-name{font-size:1.3rem;}.nav-menu{top:60px;height:calc(100vh - 60px);padding-top:1.5rem;}main{margin-top:60px;}.hero{padding:3rem 0;}.hero-container{padding:0 1rem;}.hero-img{height:200px;border-radius:8px;}.hero-title{font-size:2rem;margin-bottom:0.75rem;}.hero-subtitle{font-size:1rem;}.hero-location{font-size:1rem;}section{padding:2.5rem 0;}.section-title{margin-bottom:2rem;}.about-intro{margin-bottom:2.5rem;}.about-description{font-size:1rem;}.about-grid{gap:1.25rem;margin-bottom:2.5rem;}.about-card{padding:1.5rem;}.about-card-icon svg{width:36px;height:36px;}.about-card-title{font-size:1.25rem;}.about-card-text{font-size:0.9375rem;}.about-values{padding:2rem;margin-bottom:2rem;}.about-values-title{font-size:1.5rem;margin-bottom:2rem;}.values-grid{gap:1.75rem;}.value-icon svg{width:28px;height:28px;}.value-title{font-size:1.125rem;}.value-description{font-size:0.875rem;}.about-cta{padding:1.75rem;}.about-cta-text{font-size:1.125rem;margin-bottom:1.25rem;}.why-choose-content{padding:0 1rem;}.why-choose-text{font-size:1rem;text-align:left;}.why-choose-conclusion{font-size:1.0625rem;}.services-intro{font-size:0.9375rem;margin-bottom:1.5rem;}.service-card{padding:1.5rem;}.service-icon svg{width:36px;height:36px;}.service-title{font-size:1.25rem;}.service-description{font-size:0.9375rem;}.aws-badge{font-size:0.8125rem;padding:0.4rem 0.875rem;}.aws-specialization{padding:1.25rem;}.aws-message{font-size:0.9375rem;}.recruitment-intro{font-size:0.9375rem;margin-bottom:1.5rem;}.job-posting{padding:1.5rem;}.job-header{flex-direction:column;align-items:flex-start;}.job-title{font-size:1.5rem;}.job-status{font-size:0.8125rem;padding:0.4rem 0.875rem;}.job-info-item strong{font-size:1rem;}.btn-primary{padding:0.875rem 2rem;font-size:1rem;width:100%;}.contact-form{padding:1.5rem;}.contact-info{padding:1.5rem;}.form-group{margin-bottom:1.25rem;}.form-input,.form-textarea{padding:0.875rem;font-size:1rem;}.form-submit{padding:1rem 1.5rem;font-size:1rem;}h1{font-size:2rem;}h2{font-size:1.75rem;}h3{font-size:1.25rem;}h4{font-size:1.125rem;}.nav-link{padding:1.25rem 2rem;min-height:48px;display:flex;align-items:center;justify-content:center;}.form-submit{min-height:48px;padding:1rem 1.5rem;font-size:16px;}.nav-toggle{padding:0.75rem;min-width:48px;min-height:48px;}.btn-primary{min-height:48px;padding:1rem 2rem;display:inline-flex;align-items:center;justify-content:center;}.form-input,.form-textarea,input,textarea,select{font-size:16px !important;}}@media screen and (max-width:375px){.hero{padding:2rem 0;}section{padding:2rem 0;}.hero-title{font-size:1.75rem;}.service-card,.job-posting,.contact-form,.contact-info{padding:1.25rem;}.form-group{margin-bottom:1rem;}}@media screen and (max-height:500px) and (orientation:landscape){.hero{padding:2rem 0;}.hero-img{height:150px;}.nav-menu{height:calc(100vh - 60px);padding-top:1rem;}.nav-menu li{margin-bottom:0.5rem;}.nav-link{padding:0.75rem 2rem;}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi){.hero-img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;}}@media print{.header,.nav-toggle,.form-submit,.footer{display:none;}main{margin-top:0;}body{color:#000;background:#fff;}.service-card,.job-posting,.contact-form,.contact-info{box-shadow:none;border:1px solid #ccc;}.hero-title{color:#000;}.section-title{color:#000;}a[href]:after{content:" (" attr(href) ")";font-size:0.8em;color:#666;}}@media (prefers-contrast:high){.nav-link:hover,.nav-link.active{background-color:#000;color:#fff;}.form-input:focus,.form-textarea:focus{border-color:#000;border-width:3px;}}@media (prefers-reduced-motion:reduce){.nav-menu{transition:none;}.hamburger-line{transition:none;}.service-card:hover{transform:none;}html{scroll-behavior:auto;}}@media (prefers-color-scheme:dark){/* Note:This is optional and can be implemented later Currently maintaining light theme for brand consistency */}img{max-width:100%;height:auto;}@media screen and (max-width:768px){body{font-size:1rem;line-height:1.6;}p{font-size:1rem;}}@media screen and (max-width:600px){.services-grid{grid-template-columns:1fr;gap:1rem;}}@media screen and (max-width:480px){.form-input,.form-textarea{font-size:16px;}}@media screen and (max-width:575px){body{font-size:16px;line-height:1.6;}button,a.btn-primary,.form-submit{min-height:48px;padding:0.875rem 1.5rem;}}@media screen and (min-width:576px) and (max-width:767px){.container{max-width:540px;}.services-grid{grid-template-columns:1fr;}}@media screen and (min-width:768px) and (max-width:991px){.container{max-width:720px;}.services-grid{grid-template-columns:repeat(2,1fr);}.contact-content{grid-template-columns:1fr;}}@media screen and (min-width:992px) and (max-width:1199px){.container{max-width:960px;}}@media screen and (min-width:1200px){.container{max-width:1200px;}}@media (hover:none) and (pointer:coarse){.nav-link:hover{background-color:transparent;}.nav-link,.btn-primary,.form-submit,button{min-height:48px;min-width:48px;}.nav-link:active{background-color:#f0f8ff;transform:scale(0.98);transition:transform 0.1s ease,background-color 0.1s ease;}.btn-primary:active{transform:scale(0.98);transition:transform 0.1s ease;}.form-submit:active{transform:scale(0.98);transition:transform 0.1s ease;}*{-webkit-tap-highlight-color:rgba(0,102,204,0.1);}body{-webkit-overflow-scrolling:touch;}}@media screen and (max-width:768px){.nav-menu{transition:left 0.3s cubic-bezier(0.4,0,0.2,1);will-change:left;}.hamburger-line{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.nav-menu .nav-link{opacity:0;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease;}.nav-menu.active .nav-link{opacity:1;transform:translateY(0);}.nav-menu.active li:nth-child(1) .nav-link{transition-delay:0.05s;}.nav-menu.active li:nth-child(2) .nav-link{transition-delay:0.1s;}.nav-menu.active li:nth-child(3) .nav-link{transition-delay:0.15s;}.nav-menu.active li:nth-child(4) .nav-link{transition-delay:0.2s;}.nav-menu.active li:nth-child(5) .nav-link{transition-delay:0.25s;}.about-card:hover,.service-card:hover,.job-posting:hover{transform:translateY(-4px) scale(1.01);}.btn-primary:hover{transform:translateY(-2px) scale(1.01);}}@media screen and (max-width:768px){.nav-menu,.hero,.service-card,.about-card,.job-posting{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}body{-webkit-overflow-scrolling:touch;}body.menu-open{position:fixed;width:100%;overflow:hidden;}}@media screen and (max-width:768px){@media (prefers-reduced-motion:no-preference){*{animation-duration:0.3s !important;}}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;}}/* ===== SMALL MOBILE STYLES (480px and below) ===== */@media screen and (max-width:480px){.brand-name{display:none;}.logo-img{height:40px;}}