@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#061b36;--navy2:#0b2e59;--gold:#c9a227;--light:#f5f7fa;--text:#243447;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--text);line-height:1.7}.container{width:min(1180px,92%);margin:auto}.topbar{background:#041326;color:#dbe5f0;font-size:12px}.topbar-inner{min-height:38px;display:flex;gap:26px;align-items:center}.social{margin-left:auto}.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 16px #001b3520}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none}.brand b{font-size:13px;display:block}.brand small{font-size:10px;color:var(--gold);letter-spacing:2px}.logo{width:55px;height:55px;border-radius:50%;background:var(--navy);border:3px solid var(--gold);color:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-size:17px}.logo strong{font-size:13px}.nav{display:flex;align-items:center;gap:18px}.nav a{color:var(--navy);text-decoration:none;font-size:10px;font-weight:700;text-transform:uppercase}.nav a:hover,.nav .active{color:var(--gold)}.quote-btn{background:var(--gold)!important;color:#fff!important;padding:10px 14px}.menu-btn{display:none;border:0;background:none;font-size:25px}.section{padding:85px 0}.light{background:var(--light)}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:3px;margin-bottom:10px}h1,h2{font-family:"Playfair Display",serif;color:var(--navy);line-height:1.2}h1{font-size:52px;margin:0 0 16px}h2{font-size:38px;margin:0 0 16px}h3{color:var(--navy)}p{font-size:14px}.btn{display:inline-block;text-decoration:none;padding:13px 20px;font-size:12px;font-weight:800}.primary{background:var(--gold);color:#fff}.outline{border:1px solid #ffffff88;color:#fff}.page-hero{background:linear-gradient(120deg,#061b36,#0c3564);padding:95px 0;color:#fff}.page-hero h1{color:#fff}.page-hero p{color:#d5e0ea;max-width:700px}.breadcrumbs{font-size:11px;color:#c8a633;margin-bottom:15px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;padding:27px;border:1px solid #e3e8ed}.card .icon{font-size:26px;color:var(--gold);font-weight:800}.card h3{font-size:17px}.card p{font-size:12px}.feature-list{list-style:none;padding:0}.feature-list li{padding:9px 0;border-bottom:1px solid #e5e8ec;font-size:13px}.feature-list li:before{content:"✓";color:var(--gold);font-weight:bold;margin-right:10px}.timeline{border-left:2px solid var(--gold);padding-left:28px}.timeline div{padding:0 0 28px}.timeline h3{margin:0;font-size:17px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value{padding:24px;background:#fff;border-top:3px solid var(--gold)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team{padding:25px;background:var(--light);text-align:center}.team .avatar{width:70px;height:70px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;margin:auto;font-size:25px}.team h3{font-size:14px;margin-bottom:3px}.team small{color:#7b8794}.service-hero{background:linear-gradient(120deg,#071a33,#0d3d70);padding:85px 0;color:white}.service-hero h1{color:#fff}.service-layout{display:grid;grid-template-columns:2fr 1fr;gap:50px}.sidebar{background:var(--light);padding:25px;height:max-content}.sidebar a{display:block;padding:11px 0;border-bottom:1px solid #dde3e8;color:var(--navy);font-size:12px;text-decoration:none}.sidebar a:hover{color:var(--gold)}.service-box{padding:25px;border:1px solid #e1e5e9;margin:18px 0}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;text-align:center}.process b{display:inline-flex;width:50px;height:50px;border-radius:50%;background:var(--navy);color:var(--gold);align-items:center;justify-content:center}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.industry-grid div{padding:28px 18px;border:1px solid #dfe4e9;text-align:center}.job{padding:25px;background:#fff;border:1px solid #e1e5e9;margin-bottom:16px;display:flex;justify-content:space-between;gap:20px;align-items:center}.tag{font-size:10px;background:#f4ead0;color:#80651a;padding:5px 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-box{background:#fff;padding:35px;box-shadow:0 10px 30px #0000000d}.form-box input,.form-box select,.form-box textarea{width:100%;padding:13px;border:1px solid #d9dfe5;margin-top:5px;font-family:inherit}.form-box label{font-size:12px;font-weight:700}.form-box textarea{min-height:130px}.form-box button{border:0;cursor:pointer}.contact-info{background:var(--navy);color:#fff;padding:35px}.contact-info h2{color:#fff}.contact-info a{color:#fff;text-decoration:none}.faq{background:#fff;padding:22px;border-bottom:1px solid #e1e6eb}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog{border:1px solid #e1e6eb;background:#fff}.blog-image{height:160px;background:linear-gradient(135deg,#0b2e59,#c9a227)}.blog .body{padding:20px}.blog small{color:var(--gold);font-weight:700}.notice{background:#fff7dd;border-left:4px solid var(--gold);padding:18px;font-size:12px}.cta{background:#f3efe3;padding:65px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}footer{background:#041326;color:#b8c4d0;padding-top:65px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:45px}.footer-brand{color:var(--gold);font-size:25px;font-weight:800}.footer-grid h3,.footer-grid h4{color:#fff;font-size:14px}.footer-grid p,.footer-grid a{font-size:11px;color:#b8c4d0;text-decoration:none;display:block;margin:8px 0}.copyright{text-align:center;border-top:1px solid #ffffff12;margin-top:45px;padding:20px;font-size:10px}.whatsapp{position:fixed;right:22px;bottom:22px;width:55px;height:55px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;box-shadow:0 8px 22px #0004;z-index:30}
@media(max-width:900px){.topbar-inner{justify-content:center;flex-wrap:wrap;padding:8px}.social{display:none}.menu-btn{display:block}.nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 15px 25px #0002}.nav.open{display:flex;flex-direction:column;align-items:flex-start}.two-col,.service-layout{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.brand b{font-size:9px}.nav-wrap{height:72px}.nav{top:72px}.logo{width:46px;height:46px}.section{padding:60px 0}h1{font-size:38px}h2{font-size:30px}.card-grid,.values,.team-grid,.industry-grid,.blog-grid,.form-grid,.process{grid-template-columns:1fr}.job,.cta-inner{display:block}.job .btn{margin-top:12px}.footer-grid{grid-template-columns:1fr}.page-hero{padding:65px 0}}
/* v2.2 Commerce Suite */
.section-lead{max-width:760px;color:#667788}.store-hero{background:linear-gradient(120deg,#041326,#0b3563);padding:90px 0;color:#fff}.store-hero h1{color:#fff;max-width:900px}.store-hero p{max-width:800px;color:#d5e0ea;font-size:16px}.store-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.feature-strip{background:#f3efe3;border-bottom:1px solid #e5dfcc}.feature-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.feature-strip-grid div{padding:20px;text-align:center}.feature-strip-grid strong{display:block;color:#061b36;font-size:12px}.feature-strip-grid span{font-size:10px;color:#718096}.store-highlight{transition:transform .2s,box-shadow .2s}.store-highlight:hover{transform:translateY(-4px);box-shadow:0 14px 35px #061b3615}.store-highlight a{font-size:11px;font-weight:800;color:#9a7612;text-decoration:none}.store-toolbar{background:#fff;padding:20px;margin-bottom:25px;border:1px solid #e3e8ed}.search-box{display:flex;gap:10px}.search-box input{flex:1;padding:13px;border:1px solid #d9dfe5;font-family:inherit}.category-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pill{padding:8px 12px;border:1px solid #d9dfe5;text-decoration:none;color:#061b36;font-size:11px;font-weight:700}.pill.active,.pill:hover{background:#c9a227;color:#fff;border-color:#c9a227}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid #e1e6eb;overflow:hidden;display:flex;flex-direction:column}.product-card img{width:100%;height:190px;object-fit:cover}.product-art,.product-detail-art{background:linear-gradient(135deg,#061b36,#c9a227);color:#fff;display:flex;align-items:center;justify-content:center;height:190px;font-size:42px;font-weight:800}.product-body{padding:22px;display:flex;flex-direction:column;gap:8px;height:100%}.product-meta{display:flex;justify-content:space-between;font-size:9px;color:#8a6b14;text-transform:uppercase;font-weight:800;letter-spacing:1px}.product-meta b{color:#061b36}.product-body h3{margin:0;font-size:18px}.product-body p{font-size:12px}.product-price{font-size:20px;font-weight:800;color:#061b36;margin-top:auto}.product-price del{font-size:11px;color:#8994a0;margin-left:7px}.product-detail-image{width:100%;max-height:460px;object-fit:cover;border:1px solid #e1e6eb}.product-detail-art{height:380px;font-size:48px;text-align:center;line-height:1.2}.product-detail-art strong{font-size:16px;display:block}.product-description{margin:28px 0;font-size:14px}.sticky-card{position:sticky;top:120px}.cart-summary{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:20px;padding:25px;background:#f5f7fa}.cart-summary h2{margin:5px 0}.cart-summary p{font-size:13px}.btn-sm{padding:7px 10px!important;font-size:10px!important}
@media(max-width:900px){.feature-strip-grid{grid-template-columns:repeat(2,1fr)}.store-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.feature-strip-grid,.store-grid{grid-template-columns:1fr}.search-box{display:block}.search-box .btn{margin-top:10px}.cart-summary{display:block}.cart-summary .actions{margin-top:18px}.product-detail-art{height:260px}}
/* v2.2.2 BMC corporate header + hero slider refresh */
.main-header-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.header-actions{display:flex;align-items:center;gap:18px}.header-link{color:var(--navy);text-decoration:none;font-size:12px;font-weight:800}.quote-btn{background:#1476e8!important;color:#fff!important;border-radius:9px;padding:14px 18px;box-shadow:0 8px 18px #1476e82b}.public-nav-wrap{background:#fff;border-top:1px solid #edf0f4;border-bottom:1px solid #dfe5eb}.public-nav-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:25px}.public-nav{display:flex;align-items:center;gap:29px}.public-nav>a,.nav-item>a{color:var(--navy);text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase;white-space:nowrap}.public-nav>a:hover,.nav-item>a:hover,.public-nav>a.active{color:#1476e8}.nav-item{position:relative;padding:18px 0}.nav-item>a span{font-size:9px;margin-left:3px}.dropdown-menu{position:absolute;top:100%;left:-12px;min-width:210px;background:#fff;border:1px solid #e2e7ec;box-shadow:0 14px 30px #061b3620;display:none;padding:8px;z-index:60}.dropdown-menu a{display:block;color:var(--navy);text-decoration:none;padding:9px 11px;font-size:11px;font-weight:600;white-space:nowrap}.dropdown-menu a:hover{background:#f4f7fb;color:#1476e8}.nav-item:hover .dropdown-menu,.nav-item:focus-within .dropdown-menu{display:block}.site-search{display:flex;width:285px;height:42px;border:1px solid #dbe2ea;border-radius:7px;overflow:hidden;background:#fff}.site-search input{border:0;outline:0;padding:0 13px;min-width:0;flex:1;font-family:inherit;font-size:11px}.site-search button{width:48px;border:0;background:#061b36;color:#fff;font-size:20px;cursor:pointer}.erp-v21-nav{display:flex;gap:8px;flex-wrap:wrap;padding:10px max(4%,calc((100% - 1180px)/2));background:#f5f7fa;border-top:1px solid #e5e8ec}.bmc-hero-slider{position:relative;background:linear-gradient(120deg,#03172e,#083b6d);color:#fff;overflow:hidden}.hero-slide{display:none;min-height:430px}.hero-slide.active{display:block;animation:bmcFade .45s ease}.hero-split{min-height:430px;display:grid;grid-template-columns:1fr 1.18fr;gap:40px;align-items:center;padding:45px 0 55px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:49px;line-height:1.08;color:#fff;margin:0 0 18px}.hero-copy h1 span{color:#f4bd2f}.hero-copy p{max-width:650px;color:#dbe7f2;font-size:14px}.hero-gold{background:#f4bd2f;color:#061b36;border-radius:4px}.hero-outline{border:1px solid #9db3ca;color:#fff;border-radius:4px}.hero-banner-frame{position:relative;border:1px solid #e2b83d;border-radius:10px;overflow:hidden;box-shadow:0 20px 45px #00000035;background:#fff}.hero-banner-frame img{display:block;width:100%;height:auto;aspect-ratio:16/8.4;object-fit:cover}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #fff8;background:#061b36d9;color:#fff;font-size:31px;line-height:1;cursor:pointer}.slider-arrow.prev{left:12px}.slider-arrow.next{right:12px}.slider-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px}.slider-dots button{width:11px;height:11px;border:0;border-radius:50%;background:#b9c6d4;cursor:pointer}.slider-dots button.active{width:30px;border-radius:10px;background:#f4bd2f}.promo-panel{min-height:315px;border:1px solid #d8b13d;border-radius:12px;background:linear-gradient(145deg,#fff,#eef3f8);color:var(--navy);padding:35px;box-shadow:0 20px 45px #00000025}.promo-panel h2{font-size:34px;margin:15px 0;color:var(--navy)}.promo-icon,.premium-badge{width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#f4bd2f;border:3px solid #d9aa2d;font-weight:900}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;font-size:12px;font-weight:700}.premium{background:linear-gradient(145deg,#0a315b,#061b36);color:#fff}.premium h2{color:#fff}.premium p{color:#d7e2ed}.premium-lines{display:grid;gap:10px;margin-top:20px}.premium-lines div{display:flex;gap:15px;align-items:center;border-top:1px solid #ffffff20;padding-top:10px}.premium-lines strong{color:#f4bd2f}.premium-lines span{font-size:12px}.bmc-hero-slider+.feature-strip{box-shadow:0 4px 16px #061b3612}
@keyframes bmcFade{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.public-nav{gap:16px}.site-search{width:220px}.hero-split{grid-template-columns:1fr 1fr;gap:22px}.hero-copy h1{font-size:38px}.hero-banner-frame img{aspect-ratio:16/10}.header-actions{gap:10px}}
@media(max-width:900px){.main-header-row{min-height:76px}.header-actions{margin-left:auto}.menu-btn{display:block;border:0;background:transparent;color:var(--navy);font-size:27px;cursor:pointer}.public-nav-wrap{display:none}.header.mobile-open .public-nav-wrap{display:block}.public-nav-row{display:block;padding:10px 0 18px}.public-nav{display:flex;flex-direction:column;align-items:stretch;gap:0}.public-nav>a,.nav-item>a{display:block;padding:12px 8px}.nav-item{padding:0}.dropdown-menu{position:static;display:block;box-shadow:none;border:0;border-top:1px solid #edf0f4;background:#f8fafc;padding:0 8px 5px}.dropdown-menu a{padding:8px 10px}.site-search{width:100%;margin-top:10px}.hero-split{grid-template-columns:1fr;min-height:0;padding:45px 0 52px}.hero-copy h1{font-size:43px}.hero-banner-frame{max-width:850px;margin:auto}.promo-panel{min-height:260px}.erp-v21-nav{display:none}}
@media(max-width:560px){.topbar-inner{font-size:10px;gap:12px}.brand b{font-size:9px}.brand small{font-size:8px}.logo-img{width:46px;height:46px}.header-actions .header-link span{display:none}.header-actions{gap:9px}.header-actions .quote-btn{padding:10px 11px;font-size:10px}.hero-split{padding:35px 0 48px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:12px}.hero-banner-frame img{aspect-ratio:16/11}.promo-panel{padding:24px}.promo-panel h2{font-size:27px}.promo-grid{grid-template-columns:1fr}.slider-arrow{width:34px;height:34px;font-size:25px}}