:root{--primary: #004d99;--secondary: #f7b300;--dark: #000B3D;--muted: #555;--radius: 12px;--font: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:#fff;color:var(--dark);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.section-wrapper{max-width:1200px;margin:auto}@media(max-width:768px){.header{flex-direction:column;padding:1rem 5%}.nav-menu{margin-top:1rem;flex-wrap:wrap;justify-content:center;gap:10px}.footer{flex-direction:column;align-items:center;text-align:center;padding:3rem 5%}}.hero-section{position:relative;background:linear-gradient(#0000004d,#0000004d),url(/image/page1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;align-items:center;padding:0 8%;color:#fff}.hero-overlay{display:none}.hero-content{max-width:1200px;z-index:2;padding-top:60px}.hero-content h1{font-size:clamp(3.5rem,5vw,5rem);line-height:1.1;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-content p{font-size:1.25rem;font-weight:500;line-height:1.6;margin-bottom:2.5rem;max-width:700px;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.3)}.hero-btn{display:inline-block;background-color:#7b8caab3;color:#fff;padding:14px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-btn:hover{background-color:#6a7a94;transform:translateY(-2px)}.products-services-section{position:relative;padding:100px 8%;background-color:#fff;background-image:linear-gradient(135deg,transparent 50%,#6a7a94 50%),linear-gradient(135deg,transparent 60%,#0b1c44 60%);background-size:300px 300px;background-position:bottom right;background-repeat:no-repeat;text-align:center;overflow:hidden;z-index:1}.products-services-section:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:300px 300px 0 0;border-color:#0b1c44 transparent transparent transparent;z-index:-1}.products-services-section:after{content:"";position:absolute;top:50px;left:0;width:0;height:0;border-style:solid;border-width:150px 150px 0 0;border-color:#6a7a94 transparent transparent transparent;z-index:-2;transform:translate(-40px,40px)}.products-title{font-size:clamp(2.5rem,5vw,3.5rem);color:#0b1c44;margin-bottom:.5rem;font-weight:800}.subtitle{font-size:clamp(1rem,1.5vw,1.15rem);color:#0b1c44;font-weight:600;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.5}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;position:relative;z-index:2}.service-card{background:#fff;border-radius:12px;box-shadow:0 12px 24px #000b3d14;padding:0;display:flex;flex-direction:column;text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;height:100%}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #000b3d26}.card-visual-layer{background:#fff;height:260px;display:flex;align-items:center;justify-content:center;padding:1rem;border-top-left-radius:12px;border-top-right-radius:12px;position:relative;z-index:2}.card-image-placeholder{width:90%;max-height:110%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;transform:translateY(30px);box-shadow:0 8px 20px #00000026;filter:none;transition:transform .4s ease}.service-card:hover .card-image-placeholder{transform:translateY(20px) scale(1.05)}.card-content{background:linear-gradient(180deg,#1a2a44,#0b1c44);color:#fff;padding:4.5rem 2rem 2.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;border-bottom-left-radius:12px;border-bottom-right-radius:12px;position:relative;z-index:1}.card-content h3{font-size:1.35rem;font-weight:700;margin-bottom:1rem;color:#fff;letter-spacing:-.02em}.card-content p{font-size:.95rem;line-height:1.6;color:#f0f4f8;font-weight:400;opacity:.95}.projects{padding:100px 8%;background:#fffefe;position:relative;overflow:hidden}.projects-title{font-size:clamp(2.5rem,5vw,3.5rem);color:#0b1c44;font-weight:800;text-align:center;margin-bottom:4rem}.projects-wrapper{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:flex-start;position:relative;z-index:2}.projects-visual{position:relative;height:480px;display:flex}.visual-backdrop{position:absolute;top:-30px;left:-20vh;right:15%;height:90%;background-color:#eef2f6;border-top-right-radius:80px;z-index:-1}.main-image{width:90%;height:320px;object-fit:cover;border-top-right-radius:24px;border-bottom-right-radius:24px;box-shadow:0 20px 40px #00000014;position:absolute;top:20px;left:0}.small-image{width:55%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;box-shadow:0 20px 50px #00000040;position:absolute;bottom:20px;left:40px;z-index:2;border:8px solid white;transform:translateY(10px)}.projects-content{padding-top:2rem}.projects-content h3{font-size:1.75rem;color:#0b1c44;font-weight:700;margin-bottom:2rem}.projects-content ul{list-style:none;padding:0}.projects-content li{font-size:1.1rem;color:#334155;margin-bottom:1rem;padding-left:1.5rem;position:relative;font-weight:500;transition:color .3s ease,transform .3s ease;cursor:default}.projects-content li:hover{color:#0b1c44;transform:translate(10px)}.projects-content li:before{content:"•";color:#0b1c44;font-weight:700;position:absolute;left:0;font-size:1.5rem;line-height:1rem}@media(max-width:900px){.projects-wrapper{grid-template-columns:1fr;gap:40px}.projects-visual{height:400px;margin-bottom:2rem}.projects:before{display:none}}.about-section{padding:100px 8%;background:#fffefe;overflow:hidden}.about-wrapper{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:flex-start}.about-text{display:flex;flex-direction:column;justify-content:flex-start;padding-top:0}.about-line{width:100px;height:12px;background-color:#0b1c44;margin-bottom:2rem}.about-text h2{font-size:clamp(3rem,5vw,4rem);font-weight:800;color:#0b1c44;line-height:1.1;margin-bottom:2rem}.about-text p{font-size:1.1rem;line-height:1.6;color:#4a5568;font-weight:500}.about-visual{position:relative;height:600px;display:flex;align-items:flex-end;justify-content:flex-end}.about-visual .visual-backdrop{position:absolute;top:0;right:-5%;left:15%;height:85%;background-color:#e2e4e6;border-top-right-radius:100px;border-bottom-left-radius:20px;z-index:0}.about-visual:after{content:"";position:absolute;bottom:0;right:25%;width:45%;height:15%;background:#fffefe;border-radius:0 100px 0 0;z-index:1;pointer-events:none}.about-visual .main-img{width:90%;height:auto;object-fit:contain;position:relative;z-index:2;bottom:40px;right:-10px;border-radius:12px}.about-visual .overlay-img{position:absolute;bottom:0;left:-20px;width:340px;height:auto;object-fit:cover;z-index:4;box-shadow:0 10px 30px #00000026;border-radius:12px}@media(max-width:900px){.hero-section{padding-bottom:150px;align-items:center}.projects-wrapper{grid-template-columns:1fr;gap:60px}.projects-visual{height:400px;justify-content:center}.projects:before{display:none}.small-image{width:60%;left:10px}.products-services-section:before{display:none}.products-services-section:after{opacity:.3}.about-section{padding:60px 5%}.about-wrapper{grid-template-columns:1fr;gap:50px}.about-text h2{font-size:2.5rem}.about-visual{height:400px;justify-content:center;align-items:flex-end}.about-visual .visual-backdrop{right:-20px;left:-20px;height:100%;border-radius:20px}.about-visual .main-img{width:80%;right:0;bottom:20px}.about-visual .overlay-img{width:240px;left:0;bottom:0}.about-visual:after{display:none}}@keyframes fadeOnUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{opacity:0;transform:translate(40px);animation:slideIn .8s ease forwards}@keyframes slideIn{to{opacity:1;transform:translate(0)}}button:hover{transform:translateY(-2px)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideInFromRight .6s ease-out forwards;opacity:0;transform:translate(0)}.animate-fade-up{animation:fadeInUp .7s ease-out forwards;opacity:0}.animate-on-scroll{opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s cubic-bezier(.175,.885,.32,1.275),transform .8s cubic-bezier(.175,.885,.32,1.275);will-change:opacity,transform}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0) scale(1)}.service-card{transition:all .3s ease}.service-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 15px 35px #00000026}.navbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:15px 5%;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #00000008;transition:all .3s ease}.navbar.scrolled{padding:10px 5%;background:#fffffff2;box-shadow:0 4px 20px #00000014}.navbar-logo{display:flex;align-items:center;text-decoration:none}.navbar-logo img{height:52px;width:auto;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.navbar-logo:hover img{transform:scale(1.12) rotate(-1deg);filter:drop-shadow(0 10px 15px rgba(10,44,102,.2))}.navbar-links{display:flex;gap:40px;align-items:center}.nav-link{position:relative;font-size:1rem;font-weight:500;color:#3b4658;text-decoration:none;padding:5px 0;transition:color .3s ease}.nav-link:hover{color:#004d99}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background:linear-gradient(90deg,#004d99,#007bff);transition:width .3s ease,left .3s ease;border-radius:2px}.nav-link:hover:after{width:100%;left:0}.navbar-cta{background:linear-gradient(135deg,#004d99,#036);color:#fff;padding:12px 28px;border-radius:50px;font-weight:600;text-decoration:none;font-size:.95rem;box-shadow:0 4px 15px #004d994d;transition:all .3s ease;display:flex;align-items:center;gap:8px}.navbar-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #004d9966;background:linear-gradient(135deg,#005bb5,#003d7a)}.navbar-cta:active{transform:translateY(0)}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:6px}.bar{width:25px;height:3px;background-color:#333;border-radius:3px;transition:all .3s ease}@media(max-width:768px){.menu-toggle{display:flex}.navbar-links{position:absolute;top:100%;left:0;width:100%;background:#fff;flex-direction:column;padding:20px 0;gap:20px;box-shadow:0 10px 20px #0000001a;clip-path:circle(0% at 100% 0);transition:clip-path .5s ease-in-out}.navbar-links.active{clip-path:circle(150% at 100% 0)}.nav-link{font-size:1.1rem}}.footer{background-color:#4a4a4a;color:#fff;padding:60px 8%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px}.footer-left{flex:1;min-width:300px}.footer-company-name{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.contact-info{display:flex;flex-wrap:wrap;gap:20px 40px}.contact-column{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:#e0e0e0;transition:all .3s ease;cursor:default}.contact-item:hover{color:#fff;transform:translate(5px)}.contact-icon{font-size:1.2rem;line-height:1}.footer-link{color:#e0e0e0;text-decoration:none;transition:color .3s}.footer-link:hover{color:#fff;text-decoration:underline}.footer-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end}.footer-logo-img{height:60px;width:auto;object-fit:contain}@media(max-width:768px){.footer{flex-direction:column;align-items:center;text-align:center;padding:40px 5%}.footer-left{min-width:100%;display:flex;flex-direction:column;align-items:center}.contact-info{flex-direction:column;gap:20px;align-items:center;width:100%}.contact-column{align-items:center;width:100%}.contact-item{justify-content:center;width:100%}.footer-right{width:100%;justify-content:center;margin-top:2rem}}