:root{--ace-blue:#0b65a3;--ace-sky:#eaf7ff;--ace-navy:#102f4d;--ace-red:#d71920;--ace-red-dark:#b31218;--ace-gold:#f5a524;--ace-text:#26374a;--ace-muted:#66788f;--ace-line:#dbe8f3;--ace-soft:#f6fbff;--shadow-sm:0 12px 34px rgba(16,47,77,.08);--shadow-md:0 20px 55px rgba(16,47,77,.13);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ace-text);background:#fff;line-height:1.7;overflow-x:hidden}a{text-decoration:none}img{max-width:100%;height:auto}.section-pad{padding:92px 0}.soft-band{background:linear-gradient(180deg,#fff 0%,var(--ace-soft) 100%)}.eyebrow{display:inline-flex;gap:.5rem;align-items:center;color:var(--ace-red);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.eyebrow:before{content:"";width:32px;height:2px;background:linear-gradient(90deg,var(--ace-red),var(--ace-gold));border-radius:2px}.section-title{color:var(--ace-navy);font-weight:800;line-height:1.12;margin-bottom:16px}.section-text{color:var(--ace-muted);max-width:760px}.btn-ace{--bs-btn-padding-x:1.35rem;--bs-btn-padding-y:.82rem;--bs-btn-border-radius:999px;--bs-btn-font-weight:800;--bs-btn-color:#fff;--bs-btn-bg:var(--ace-red);--bs-btn-border-color:var(--ace-red);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--ace-red-dark);--bs-btn-hover-border-color:var(--ace-red-dark);box-shadow:0 14px 28px rgba(215,25,32,.22)}.btn-outline-ace{--bs-btn-padding-x:1.35rem;--bs-btn-padding-y:.82rem;--bs-btn-border-radius:999px;--bs-btn-font-weight:800;--bs-btn-color:var(--ace-navy);--bs-btn-bg:#fff;--bs-btn-border-color:rgba(11,101,163,.22);--bs-btn-hover-color:var(--ace-red);--bs-btn-hover-bg:#fff;--bs-btn-hover-border-color:var(--ace-red)}
.topbar{background:linear-gradient(90deg,#fff,var(--ace-sky));border-bottom:1px solid rgba(219,232,243,.72);font-size:.88rem;color:var(--ace-muted)}.topbar a{color:var(--ace-navy);font-weight:700}.site-navbar{top:0;z-index:1030;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,232,243,.72)}.site-navbar.scrolled,.site-navbar:has(.navbar-collapse.show){background:rgba(255,255,255,.98);box-shadow:0 12px 34px rgba(16,47,77,.08)}.brand-mark{width:46px;height:46px;border-radius:14px;background:#fff;object-fit:contain;box-shadow:0 10px 26px rgba(16,47,77,.12);padding:7px}.brand-text{line-height:1.05;color:var(--ace-navy);font-weight:800}.brand-text small{display:block;color:var(--ace-muted);font-size:.72rem;font-weight:700}.nav-link{color:var(--ace-navy);font-weight:700;font-size:.95rem}.nav-link:hover,.nav-link:focus,.nav-link.active{color:var(--ace-red)}
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,rgba(255,255,255,.96),rgba(234,247,255,.86)),var(--hero-image) center/cover no-repeat;padding:105px 0 86px}.page-hero:after{content:"";position:absolute;inset:auto -14% -45% 45%;height:520px;background:radial-gradient(circle,rgba(245,165,36,.22),transparent 62%);z-index:-1}.page-hero h1{font-size:clamp(2.4rem,5vw,4.7rem);font-weight:800;line-height:1;color:var(--ace-navy);max-width:900px}.breadcrumb-clean{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;color:var(--ace-muted);font-weight:700}.breadcrumb-clean a{color:var(--ace-blue)}.breadcrumb-clean span{color:var(--ace-red)}
.image-panel{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);background:var(--ace-sky);min-height:420px}.image-panel img{width:100%;height:100%;min-height:420px;object-fit:cover}.image-badge{position:absolute;left:22px;bottom:22px;right:22px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.94);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}.check-list{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.check-list li{display:flex;gap:12px;align-items:flex-start;color:var(--ace-text);font-weight:700}.check-list i{color:var(--ace-red);margin-top:5px}
.service-card,.product-card,.cert-card,.why-card,.info-card{height:100%;background:#fff;border:1px solid rgba(219,232,243,.86);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.service-card:hover,.product-card:hover,.cert-card:hover,.why-card:hover,.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(11,101,163,.2)}.icon-box{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--ace-sky),#fff4e6);color:var(--ace-blue);font-size:1.35rem;margin-bottom:22px}.service-card h3,.product-card h3,.cert-card h3,.why-card h3,.info-card h3{font-size:1.1rem;color:var(--ace-navy);font-weight:800;margin-bottom:10px}.service-card p,.product-card p,.cert-card p,.why-card p,.info-card p{color:var(--ace-muted);margin:0}
.product-photo{height:210px;background:#fff;display:grid;place-items:center;padding:22px;border-bottom:1px solid var(--ace-line)}.product-photo img{max-height:166px;object-fit:contain}.rfq-link{display:inline-flex;gap:.45rem;align-items:center;color:var(--ace-red);font-weight:800;margin-top:18px}.timeline-grid{display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:48px 1fr;gap:16px;background:rgba(255,255,255,.82);border:1px solid rgba(219,232,243,.9);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}.timeline-no{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--ace-red);color:#fff;font-weight:800}.timeline-item h3{font-size:1rem;font-weight:800;color:var(--ace-navy);margin-bottom:4px}.timeline-item p{margin:0;color:var(--ace-muted)}
.cta-banner{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(115deg,rgba(255,255,255,.94),rgba(234,247,255,.9)),url("../../banners/ace-banner3.png") center/cover no-repeat;box-shadow:var(--shadow-md);padding:54px;border:1px solid rgba(219,232,243,.86)}.form-control,.form-select{border-radius:14px;border:1px solid var(--ace-line);padding:.9rem 1rem}.form-control:focus,.form-select:focus{border-color:var(--ace-blue);box-shadow:0 0 0 .2rem rgba(11,101,163,.12)}.contact-wrap{background:#fff;border:1px solid rgba(219,232,243,.92);box-shadow:var(--shadow-md);border-radius:28px;overflow:hidden}.contact-form{padding:34px}.office-panel{height:100%;padding:34px;background:linear-gradient(180deg,var(--ace-sky),#fff)}.contact-line{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;color:var(--ace-text)}.contact-line i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff;color:var(--ace-red);box-shadow:0 10px 24px rgba(16,47,77,.08)}.map-placeholder{height:250px;border-radius:20px;background:linear-gradient(135deg,rgba(16,47,77,.08),rgba(11,101,163,.12)),url("../../img/banner2.jpg") center/cover no-repeat;border:1px solid rgba(219,232,243,.9);display:flex;align-items:end;padding:18px;color:var(--ace-navy);font-weight:800}.whatsapp-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;background:#25d366;color:#fff;font-weight:800;padding:.8rem 1.1rem;box-shadow:0 12px 26px rgba(37,211,102,.2)}.whatsapp-btn:hover{color:#fff;background:#1ebe5b}
.footer{background:linear-gradient(180deg,#f7fbff,#fff);border-top:1px solid var(--ace-line);color:var(--ace-muted)}.footer h3,.footer h4{color:var(--ace-navy);font-weight:800;font-size:1rem;margin-bottom:16px}.footer a{color:var(--ace-muted)}.footer a:hover{color:var(--ace-red)}.footer-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.social a{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:999px;background:#fff;color:var(--ace-blue);box-shadow:0 8px 20px rgba(16,47,77,.08);margin-right:8px}.copybar{border-top:1px solid var(--ace-line);padding:20px 0;margin-top:38px;font-size:.92rem}.certificate-frame{width:100%;height:620px;border:1px solid var(--ace-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff}.metric{font-size:2rem;font-weight:800;color:var(--ace-red);line-height:1}
@media (max-width:991.98px){.section-pad{padding:72px 0}.page-hero{padding:82px 0 66px}.navbar-collapse{padding:18px 0}.cta-banner{padding:34px}.topbar .container{justify-content:center!important}.topbar .topbar-extra{display:none!important}.certificate-frame{height:520px}}
@media (max-width:575.98px){.section-pad{padding:58px 0}.page-hero h1{font-size:2.45rem}.brand-text small{display:none}.image-panel,.image-panel img{min-height:320px}.contact-form,.office-panel{padding:24px}.cta-banner{border-radius:22px;padding:26px}.topbar{font-size:.78rem}.certificate-frame{height:420px}}