*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#152238}html{scroll-behavior:smooth}.glass{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 1px 20px rgba(0,0,0,.06)}.hero{background:radial-gradient(circle at 80% 30%,#164e8a,transparent 35%),linear-gradient(135deg,#071a2f,#0b3155 60%,#061523);color:#fff}.hero h1{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:800;line-height:.98;letter-spacing:-.04em}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:800;color:#8cc8ff}.eyebrow.dark{color:#1261a0}.hero-card{padding:2rem;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.08);display:flex;gap:1rem;align-items:center}.hero-card i{font-size:3rem}.section{padding:100px 0}.section-head{margin-bottom:40px}.section h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800}.info-card{padding:2rem;border-radius:24px;background:#f4f7fb}.dark-card{background:#10253d}.service-card,.project-card,.product-card{height:100%;border-radius:22px;background:#fff;box-shadow:0 15px 45px rgba(20,45,70,.08);overflow:hidden;transition:.25s}.service-card{padding:2rem}.service-card:hover,.project-card:hover,.product-card:hover{transform:translateY(-6px)}.service-card>i{font-size:2.4rem;color:#1261a0}.service-card a{text-decoration:none}.project-card img,.product-card img{width:100%;height:210px;object-fit:cover}.project-card small,.product-card small{color:#708096}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-item{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.3s}.gallery-item span{position:absolute;left:0;right:0;bottom:0;padding:20px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.8))}.gallery-item:hover img{transform:scale(1.06)}.contact-section{background:#071a2f;color:white}footer{padding:25px;background:#04101d;color:#9fb0c3}.chat-widget{position:fixed;right:24px;bottom:24px;z-index:999}.chat-btn{width:58px;height:58px;border:0;border-radius:50%;background:#0d6efd;color:white;font-size:1.5rem;box-shadow:0 10px 30px rgba(13,110,253,.35)}.chat-box{position:absolute;right:0;bottom:70px;width:340px;background:white;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2)}.chat-head{padding:15px;background:#0b3155;color:white;font-weight:700}.chat-head small{float:right}.chat-body{height:250px;overflow:auto;padding:15px}.chat-form{padding:12px;border-top:1px solid #eee}.msg{padding:8px 11px;border-radius:12px;margin:6px 0;max-width:85%;background:#eef3f8}.msg.me{margin-left:auto;background:#dcecff}.product-card{overflow:hidden}@media(max-width:768px){.section{padding:70px 0}.gallery-grid{grid-template-columns:repeat(2,1fr)}.chat-box{width:calc(100vw - 30px);right:-10px}.hero-card{margin-top:30px}}
.brand-logo{height:38px;width:auto;max-width:170px;object-fit:contain}.hero-logo{width:90px;height:90px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.95);padding:8px}.footer-logo{height:34px;width:auto;max-width:150px;object-fit:contain}@media(max-width:576px){.brand-logo{height:32px;max-width:125px}.navbar-brand span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-logo{width:70px;height:70px}}