:root{--navy:#061b3d;--navy2:#0b2b5c;--blue:#123d75;--red:#f0062d;--ink:#0a2854;--muted:#667b9e;--soft:#f4f7fb;--white:#fff;--line:#dbe4f0;--shadow:0 16px 40px rgba(7,31,67,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%}
.topbar{height:34px;background:#061a3b;color:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.topbar span:last-child{font-weight:600}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid #e6edf6}.nav{max-width:1260px;margin:auto;min-height:68px;padding:7px 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:112px;height:54px;object-fit:contain;display:block}.links{display:flex;align-items:center;gap:5px;margin-left:auto;font-weight:700;font-size:14px}.links a{padding:9px 13px;border-radius:9px;transition:.25s}.links a:hover,.links a.active{background:#fff0f3;color:var(--red)}.nav-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:8px;font-weight:800;border:1px solid transparent;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);color:#fff;box-shadow:0 9px 22px rgba(240,6,45,.18)}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border-color:#9fb2cc;color:#fff;background:transparent}.menu{display:none;border:0;background:none;font-size:25px;margin-left:auto}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 35%,#174b91 0,#0e3770 26%,#061b3d 72%);padding:54px 5% 0}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.04) 30.2%,transparent 31%,transparent 60%,rgba(255,255,255,.035) 60.2%,transparent 61%);pointer-events:none}.hero-inner{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;min-height:440px;position:relative;z-index:1}.eyebrow{display:inline-flex;border:1px solid var(--red);border-radius:999px;padding:7px 14px;color:#fff;font-size:12px;font-weight:900;letter-spacing:1.5px}.hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.02;margin:17px 0 18px;letter-spacing:-1.5px}.hero h1 .red{color:var(--red)}.hero-copy{font-size:17px;max-width:670px;color:#e3ebf7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-visual{height:390px;position:relative;display:flex;align-items:flex-end;justify-content:center}.uniform-photo{position:absolute;width:45%;height:310px;object-fit:cover;border-radius:24px 24px 0 0;box-shadow:0 22px 45px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.22)}.uniform-photo.one{left:3%;bottom:0;transform:rotate(-3deg)}.uniform-photo.two{left:29%;bottom:15px;z-index:3;height:350px}.uniform-photo.three{right:3%;bottom:0;transform:rotate(3deg)}.hero-visual:after{content:"";position:absolute;bottom:0;left:3%;right:3%;height:32px;background:linear-gradient(90deg,transparent,#081f46,transparent);filter:blur(8px)}
.feature-strip{max-width:1230px;margin:-1px auto 0;background:#082653;color:#fff;border:1px solid #2c4e7d;border-radius:18px;display:grid;grid-template-columns:repeat(5,1fr);padding:16px 14px;position:relative;z-index:5;box-shadow:0 16px 35px rgba(3,22,49,.25)}.feature{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:800;border-right:1px solid #31537d}.feature:last-child{border-right:0}.feature .ico{color:var(--red);font-size:20px}
.section{padding:76px 5%}.container{max-width:1260px;margin:auto}.section-head{text-align:center;margin-bottom:35px}.section-head .kicker{color:var(--red);font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.section-head h2{font-size:40px;line-height:1.12;margin:7px 0 10px}.section-head p{color:var(--muted);margin:0 auto;max-width:680px}.products-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.product-card{border:1px solid #dbe4ef;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 9px 22px rgba(8,34,74,.08);transition:.3s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-card img{width:100%;height:180px;object-fit:cover;display:block}.product-card .body{padding:12px 14px 15px;display:flex;align-items:center;gap:9px;justify-content:space-between}.product-card h3{font-size:14px;margin:0;line-height:1.25}.round-arrow{width:27px;height:27px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:0 0 auto;font-weight:900}
.about-home{background:#f7f9fc}.about-grid{display:grid;grid-template-columns:1fr 1.15fr .65fr;gap:38px;align-items:center}.about-photo{height:315px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.about-photo img{width:100%;height:100%;object-fit:cover}.about-copy .kicker{color:var(--red);font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.about-copy h2{font-size:33px;line-height:1.15;margin:7px 0 15px}.about-copy p{color:#496486}.checks{list-style:none;padding:0;margin:20px 0}.checks li{margin:10px 0;font-weight:700;font-size:13px}.checks li:before{content:'✓';color:var(--red);font-weight:900;margin-right:10px}.why-box{background:#eef2f8;border-radius:14px;padding:24px}.why-box h3{margin:0 0 17px;font-size:19px}.why-item{display:flex;gap:10px;margin:14px 0;font-weight:700;font-size:13px}.why-item b{color:var(--red)}
.alt{background:var(--navy);color:#fff}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.adv-card{border:1px solid #34557f;border-radius:11px;background:#14345f;padding:26px;min-height:145px}.adv-card .num{color:var(--red);font-weight:900}.adv-card h3{margin:10px 0 8px;font-size:16px}.adv-card p{color:#e0e9f6;margin:0;font-size:14px}
.cta{background:linear-gradient(100deg,#0a2e62,#061c3e);color:#fff;padding:28px 5%;border-radius:18px;max-width:1260px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0 0 4px;font-size:24px}.cta p{margin:0;color:#d9e5f5}.cta .cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.page-hero{background:linear-gradient(110deg,#061b3d,#143d73);color:#fff;padding:45px 5%}.page-hero .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.page-hero h1{font-size:50px;line-height:1.05;margin:5px 0 8px}.page-hero p{margin:0;color:#d9e5f5}.breadcrumb{font-size:13px;color:#a9bdd9}.page-content{padding:65px 5%}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.photo-large{height:390px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.photo-large img{width:100%;height:100%;object-fit:cover}.page-content h2{font-size:38px;line-height:1.12}.page-content p{color:#536b8f}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid img{width:100%;height:250px;object-fit:cover;border-radius:14px;display:block;box-shadow:0 8px 24px rgba(8,34,74,.10)}.product-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-detail{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(8,34,74,.06)}.product-detail img{width:100%;height:250px;object-fit:cover}.product-detail .body{padding:20px}.product-detail h3{margin:0 0 7px}.product-detail p{margin:0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.contact-box{background:#f6f8fb;border:1px solid var(--line);border-radius:18px;padding:28px}.contact-item{display:flex;gap:14px;margin:20px 0}.contact-icon{width:42px;height:42px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;flex:0 0 auto}.contact-item strong{display:block;margin-bottom:3px}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;border:1px solid #cdd9e8;border-radius:9px;padding:13px;font:inherit}.form textarea{min-height:145px}
footer{background:#061735;color:#fff;padding:48px 5% 20px}.footer-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.15fr .8fr 1.2fr;gap:40px}.footer-logo{width:122px;height:auto;display:block;margin-bottom:14px}.footer-grid h3{margin:0 0 12px}.footer-links{display:grid;gap:8px;color:#d9e5f5}.footer-grid p{color:#d9e5f5}.copyright{max-width:1260px;margin:30px auto 0;padding-top:18px;border-top:1px solid #284263;color:#9db0ca;font-size:12px}.floating-wa{position:fixed;right:20px;bottom:20px;background:#18b85b;color:#fff;border-radius:999px;padding:12px 17px;font-weight:900;z-index:150;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.reveal{opacity:0;transform:translateY(28px);animation:reveal .9s ease forwards}.delay1{animation-delay:.12s}.delay2{animation-delay:.24s}.delay3{animation-delay:.36s}@keyframes reveal{to{opacity:1;transform:none}}.hero-title{animation:heroIn 1.05s cubic-bezier(.2,.8,.2,1) both}.hero-copy{animation:heroCopy .8s .18s ease both}.hero-actions{animation:heroCopy .8s .32s ease both}.hero-visual{animation:heroVisual 1s .15s ease both}@keyframes heroIn{0%{opacity:0;transform:translateX(-90px);filter:blur(7px)}70%{opacity:1;transform:translateX(8px);filter:blur(0)}100%{transform:none}}@keyframes heroCopy{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes heroVisual{from{opacity:0;transform:translateX(50px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:1100px){.products-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr 1.2fr}.why-box{grid-column:1/-1}.feature-strip{grid-template-columns:repeat(3,1fr);gap:8px}.feature:nth-child(3){border-right:0}.hero-inner{grid-template-columns:1fr .8fr}.hero h1{font-size:55px}}
@media(max-width:820px){.topbar{display:none}.nav{min-height:62px}.links,.nav-actions{display:none}.menu{display:block}.hero-inner{grid-template-columns:1fr}.hero{padding-top:45px}.hero-visual{height:300px;margin-top:10px}.uniform-photo{height:245px}.uniform-photo.two{height:275px}.feature-strip{grid-template-columns:1fr 1fr;margin:0 4%;border-radius:14px}.feature:nth-child(even){border-right:0}.about-grid,.two-col,.contact-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.product-detail-grid,.adv-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:42px}}
@media(max-width:560px){.nav{padding:6px 14px}.brand img{width:100px;height:48px}.hero h1{font-size:43px}.hero-copy{font-size:15px}.hero-visual{height:250px}.uniform-photo{height:200px;width:47%}.uniform-photo.two{height:225px}.feature-strip{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #31537d;padding:8px}.feature:last-child{border-bottom:0}.products-grid,.gallery-grid,.product-detail-grid,.adv-grid,.footer-grid{grid-template-columns:1fr}.section{padding:58px 5%}.section-head h2{font-size:32px}.about-copy h2,.page-content h2{font-size:31px}.page-hero h1{font-size:37px}.page-hero .container{display:block}.cta{display:block;margin:0 5%}.cta .cta-actions{margin-top:18px}.photo-large{height:300px}.gallery-grid img{height:230px}}

to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:800px){}

.category-image{display:block;width:100%;height:220px;object-fit:cover;border-radius:14px;margin-bottom:16px}

.category-image{display:block;width:100%;height:220px;object-fit:cover;border-radius:14px;margin-bottom:16px}
.top-actions{display:inline-flex;gap:8px;align-items:center}.top-actions a{padding:5px 12px;border-radius:999px;text-decoration:none;font-weight:700;font-size:12px}.top-call{background:#cf001f!important;color:#fff!important}.top-mail{background:#fff!important;color:#071b42!important}

.category-image{display:block;width:100%;height:220px;object-fit:cover;border-radius:14px;margin-bottom:16px}.top-actions{display:flex!important;gap:8px!important;align-items:center}.top-actions a{display:inline-block!important;padding:6px 13px!important;border-radius:999px!important;font-weight:800!important;text-decoration:none!important}.top-call{background:#cf001f!important;color:#fff!important}.top-mail{background:#fff!important;color:#071b42!important}


/* Production mobile navigation */
@media (max-width: 768px) {
  [data-mobile-menu] {
    display: none;
    width: 100%;
  }
  [data-mobile-menu].is-open {
    display: flex;
    flex-direction: column;
  }
  [data-menu-toggle] {
    cursor: pointer;
  }
}