.header{z-index:1000;background:#0a0a0a;border-bottom:1px solid #1a1a1a;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{letter-spacing:1.5px;color:#fff;white-space:nowrap;font-size:18px;font-weight:700;text-decoration:none}.nav{align-items:center;gap:28px;display:flex}.nav a{color:#b5b5b5;white-space:nowrap;font-size:14px;text-decoration:none;transition:all .25s;position:relative}.nav a:hover{color:gray}.nav a:after{content:"";background:#fff;width:0%;height:1px;transition:all .25s;position:absolute;bottom:-5px;left:0}.nav a:hover:after{width:100%}.nav-item{align-items:center;display:flex;position:relative}.nav-link{cursor:pointer;color:#b5b5b5;font-size:14px;transition:all .25s}.nav-link:hover{color:gray}.dropdown-menu{z-index:999;background:#0a0a0a;border:1px solid #1a1a1a;flex-direction:column;min-width:180px;padding:8px 0;display:none;position:absolute;top:100%;left:0}.dropdown:hover .dropdown-menu{display:flex}.dropdown-menu a{color:#b5b5b5;padding:10px 14px;font-size:13px;text-decoration:none}.dropdown-menu a:hover{color:#fff;background:#111}.nav-cta{color:#fff;border:1px solid #fff;border-radius:999px;padding:8px 16px;transition:all .25s}.cta:hover{color:gray;background:#fff}@media (max-width:768px){.header-container{flex-direction:column;align-items:flex-start;gap:12px}.nav{flex-wrap:wrap;gap:14px;width:100%}.nav a{color:#7b7b7b;font-size:14px}.nav a:after{background:#fff}.cta{width:fit-content}}.lang-btn{color:#fff;border:1px solid #fff;border-radius:6px;margin-left:20px;padding:6px 12px;font-size:14px;text-decoration:none}
.footer{color:#fff;background:#000;border-top:1px solid #1f1f1f;padding:70px 20px 30px}.footer-container{grid-template-columns:repeat(4,1fr);gap:50px;max-width:1200px;margin:0 auto;display:grid}.footer h3{letter-spacing:.5px;margin-bottom:18px;font-size:15px;font-weight:600}.footer p{color:#b3b3b3;margin:0 0 8px;font-size:14px;line-height:1.7}.footer a{color:#b3b3b3;margin-bottom:10px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.footer a:hover{color:#fff;transform:translate(2px)}.footer-bottom{text-align:center;color:#777;letter-spacing:.3px;border-top:1px solid #1f1f1f;margin-top:50px;padding-top:20px;font-size:12px}@media (max-width:900px){.footer-container{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width:600px){.footer-container{grid-template-columns:1fr}}
.service-page{color:#111;background:#fff}.service-hero{text-align:center;color:#f75605;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:150px;position:relative;overflow:hidden}.hero-bg{z-index:0;background-position:50% 30%;background-repeat:no-repeat;background-size:cover;animation:22s ease-in-out infinite alternate zoomMove;position:absolute;inset:0}.hero-bg:before{content:"";z-index:1;background:#00000040;position:absolute;inset:0}@keyframes zoomMove{0%{background-position:50% 30%;transform:scale(1)}to{background-position:50% 45%;transform:scale(1.08)}}.service-hero:before{content:"";z-index:0;background:#0000008c;position:absolute;inset:0}.service-hero h1{margin-bottom:12px;font-size:40px}.service-hero p{color:#f6f5f5;max-width:700px;margin:0 auto;font-size:16px}.service-hero-content{z-index:1;text-align:center;position:relative}.service-content h2{margin-top:30px;font-size:22px}.service-content ul{margin-top:10px;padding-left:20px}.service-content li{color:#333;margin-bottom:8px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:30px;display:grid}.service-card{background-position:50%;background-size:cover;border-radius:18px;align-items:flex-end;min-height:360px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";z-index:1;background:linear-gradient(#0003,#000000bf);position:absolute;inset:0}.service-card-overlay{z-index:2;color:#fff;padding:24px;position:relative}.service-card h3{margin-bottom:10px;font-size:22px}.service-card p{color:#d6d6d6;line-height:1.5}.service-card:hover{transform:translateY(-6px)}.service-cta{color:#fff;text-align:center;background:#0a0a0a;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:60px 20px;position:relative;left:50%;right:50%}.service-cta h2{margin-bottom:10px}.service-cta p{color:#ccc;margin-bottom:20px}.btn-primary{color:#fff;border:1px solid #fff;border-radius:999px;padding:10px 22px;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{color:#000;background:#fff}.contact-form{flex-direction:column;gap:12px;margin-top:30px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#111;border:1px solid #333;border-radius:6px;padding:12px}.contact-form button{color:#000;cursor:pointer;background:#fff;border:none;padding:12px;font-weight:600}.contact-form button:hover{background:#ddd}
.about-page{color:#111;max-width:1500px;margin:0 auto;padding:0 40px 120px}.about-hero{flex-direction:column;justify-content:center;min-height:70vh;display:flex}.about-hero h1{letter-spacing:-1px;font-size:64px;line-height:1.05}.about-hero p{color:#444;max-width:800px;margin-top:20px;font-size:18px}.about-visual{background-image:url(/images/services/cas/cas-hero.webp);background-position:50%;background-size:cover;border-radius:18px;height:320px;margin:80px 0}.about-statement{text-align:center;letter-spacing:2px;color:#888;margin:60px 0;font-size:14px}.about-split{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin:120px 0;display:grid}.about-split-text h2{margin-bottom:20px;font-size:32px}.about-split-text p{color:#444;font-size:16px;line-height:1.8}.about-split-image{background-position:50%;background-size:cover;border-radius:18px;height:420px}.about-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.card{background:#f5f5f5;border-radius:16px;padding:28px}.card h3{margin-bottom:10px}.process-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.process-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:24px}.process-index{color:#999;margin-bottom:10px;font-size:12px;display:block}.about-banner{background-image:url(/images/services/product-design/product-design-hero.webp);background-position:50%;background-size:cover;border-radius:18px;height:420px;margin:120px 0}.about-tools{text-align:center;margin-top:80px}.about-tools h2{margin-bottom:20px;font-size:28px}.about-tools p{color:#555;max-width:800px;margin:0 auto;line-height:1.8}@media (max-width:1024px){.about-split,.about-cards,.process-grid{grid-template-columns:1fr}.about-hero h1{font-size:44px}}