:root{
  --navy:#08397b;
  --navy-dark:#072d62;
  --navy-2:#0d4fa3;
  --blue:#0e61d3;
  --light:#f5f7fb;
  --line:#e7ebf2;
  --text:#1c2738;
  --muted:#66748b;
  --container:1320px;
  --shadow:0 10px 24px rgba(8,57,123,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.topbar{background:var(--navy-dark);color:#fff;font-size:13px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0;flex-wrap:wrap}
.topbar .left,.topbar .right{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.topbar span{display:inline-flex;align-items:center;gap:8px;opacity:.98}
.header{background:#fff;border-bottom:1px solid #edf0f6;position:sticky;top:0;z-index:50}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0}
.logo img{height:64px;width:auto}
.nav{display:flex;align-items:center;gap:30px;font-weight:700;font-size:17px;color:#1f2937}
.nav a{position:relative;padding:10px 0}
.nav a.active::after,.nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;background:#1f6fd4;border-radius:3px}
.cta-btn{background:#1564d3;color:#fff;padding:16px 22px;border-radius:4px;font-weight:700;box-shadow:var(--shadow)}
.page-hero img,.home-hero img{width:100%;border-radius:0;display:block}
.section{padding:26px 0}
.strength-strip{background:#fafbfd;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strength-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:18px 0}
.strength-item{display:flex;align-items:center;justify-content:center;gap:14px;color:#23446f;text-transform:uppercase;font-size:14px;font-weight:700;text-align:left}
.strength-item .ico{width:46px;height:46px;border:2px solid #0d4fa3;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#0d4fa3}
.section-title{text-align:center;margin:8px 0 24px;color:#163f7f;font-weight:800;letter-spacing:2px;font-size:18px}
.logo-row{display:grid;grid-template-columns:repeat(9,1fr);gap:16px;align-items:center}
.logo-row .logo-simple{display:flex;align-items:center;justify-content:center;padding:6px}
.logo-row .logo-simple img{max-height:54px;width:auto}
.center{text-align:center}
.outline-btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid #b9c8e4;color:#1f64c5;padding:14px 34px;border-radius:4px;font-weight:700;min-width:220px}
.home-links{padding:28px 0 10px}
.feature-band{background:#f8f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}
.page-banner{margin:0;padding:0}
.content-wrap{padding:34px 0 16px}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:34px}
.two-col .text-col{padding:10px 24px 0 24px}
.two-col p{font-size:18px;line-height:1.8;color:#303a49}
.feature-list{display:grid;gap:18px;padding:14px 18px 0 0;border-left:1px solid var(--line);padding-left:34px}
.feature-list .item{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start}
.feature-list .icon{width:54px;height:54px;border:2px solid #2f64c8;border-radius:50%;display:grid;place-items:center;color:#2f64c8;font-size:24px}
.feature-list h4{margin:0 0 4px;color:#124597;font-size:18px}
.feature-list p{margin:0;font-size:16px;line-height:1.45;color:#404b5b}
.values-box{background:var(--navy);color:#fff;border-radius:4px;padding:18px 10px;margin:18px auto 26px}
.values-box h3{text-align:center;margin:4px 0 20px;font-size:24px;letter-spacing:1px}
.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.values-item{padding:14px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.25)}
.values-item:last-child{border-right:0}
.values-item .vicon{font-size:34px;margin-bottom:10px}
.values-item h4{margin:0 0 8px;font-size:18px}
.values-item p{margin:0;font-size:14px;line-height:1.55;color:#e4eaf6}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:14px}
.product-card{background:#fff;border:1px solid #dee4ef;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.05);overflow:hidden}
.product-card .thumb{height:115px;overflow:hidden;background:#e9eef6}
.product-card .thumb img{width:100%;height:100%;object-fit:cover}
.product-card .body{padding:16px 16px 18px}
.product-card h3{margin:0 0 8px;color:#163f7f;font-size:18px;text-transform:uppercase}
.product-card p{margin:0;color:#4b5563;font-size:15px;line-height:1.45}
.callout{margin:20px 0;background:var(--navy);color:#fff;border-radius:4px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.callout h3{margin:0 0 6px;font-size:20px;text-transform:uppercase}
.callout p{margin:0;color:#dce5f5}
.callout .cta-btn{white-space:nowrap}
.catalog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:18px 0}
.catalog-card,.client-card,.supplier-card{background:#fff;border:1px solid var(--line);box-shadow:0 3px 12px rgba(0,0,0,.05);border-radius:10px;padding:18px}
.catalog-card .logo-area,.client-card .logo-area,.supplier-card .logo-area{height:88px;display:flex;align-items:center;justify-content:center}
.catalog-card .logo-area img,.client-card .logo-area img,.supplier-card .logo-area img{max-height:70px;width:auto}
.catalog-card .download{display:block;margin-top:14px;background:#1564d3;color:#fff;text-align:center;padding:11px 14px;border-radius:4px;font-weight:700}
.helper-box{margin-top:14px;background:#f7f9fd;border:1px solid #dfe7f4;border-radius:8px;padding:18px 20px;display:grid;grid-template-columns:80px 1fr 180px;gap:18px;align-items:center}
.helper-box .bigicon{font-size:44px;color:#1a5fc5;text-align:center}
.helper-box h3{margin:0 0 8px;color:#163f7f;font-size:20px;text-transform:uppercase}
.helper-box p{margin:0;color:#334155;line-height:1.5}
.helper-box .cta-btn{text-align:center;padding:12px 18px}
.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:14px 0}
.client-note{text-align:center;color:#1f2937;padding:8px 0 18px;font-size:18px}
.extra-title{margin:28px 0 14px;color:#163f7f;font-size:22px}
.extra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.contact-layout{display:grid;grid-template-columns:340px 1fr 420px;gap:22px;padding:18px 0}
.info-panel,.contact-form-card,.map-stack{background:#fafbfd;border:1px solid var(--line);border-radius:8px;padding:22px}
.info-block{display:grid;grid-template-columns:42px 1fr;gap:14px;margin-bottom:28px;align-items:start}
.info-block .icon{width:42px;height:42px;border:2px solid #2a60be;border-radius:50%;display:grid;place-items:center;color:#2a60be;font-size:20px}
.info-block h4{margin:0 0 8px;color:#163f7f;font-size:16px;text-transform:uppercase}
.info-block p{margin:0;line-height:1.6;color:#26313f}
.contact-form-card h3{margin:0 0 8px;color:#163f7f;font-size:22px;text-transform:uppercase}
.contact-form-card p{margin:0 0 20px;color:#444f60}
.form-grid{display:grid;grid-template-columns:1fr;gap:12px}
.form-grid label{font-size:14px;color:#24364b;font-weight:700}
.form-grid input,.form-grid textarea{width:100%;padding:12px 12px;border:1px solid #d8dfeb;border-radius:4px;font-size:15px}
.form-grid textarea{min-height:120px;resize:vertical}
.submit{background:#124fae;color:#fff;border:0;padding:14px 18px;border-radius:4px;font-weight:700;font-size:16px;cursor:pointer}
.map-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.map-card img{width:100%;height:279px;object-fit:cover}
.side-card{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center}
.side-card .icon{width:64px;height:64px;border:2px solid #2a60be;border-radius:16px;display:grid;place-items:center;color:#2a60be;font-size:28px}
.side-card h4{margin:0 0 8px;color:#163f7f;font-size:18px;text-transform:uppercase}
.side-card p{margin:0;line-height:1.55;color:#3d4959}
.where-map{margin-top:0}
.where-map img{width:100%;border:1px solid var(--line);border-top:0}
.where-strip{background:var(--navy);color:#fff}
.where-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.where-icons .item{padding:24px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.25)}
.where-icons .item:last-child{border-right:0}
.where-icons .icon{font-size:42px;margin-bottom:10px}
.where-icons h4{margin:0 0 10px;font-size:20px;text-transform:uppercase}
.where-icons p{margin:0;color:#e4eaf6;line-height:1.55}
.supplier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:16px 0}
.footer{background:var(--navy-dark);color:#fff;margin-top:24px}
.footer .container{padding:24px 0 18px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr 1fr;gap:24px;align-items:start}
.footer-logo img{height:54px;width:auto;margin-bottom:14px;filter:brightness(0) invert(1)}
.footer p,.footer li{color:#e4eaf6;line-height:1.65;margin:0 0 6px}
.footer h4{margin:0 0 14px;font-size:18px}
.footer ul{padding:0;margin:0;list-style:none}
.socials{display:flex;gap:14px;margin-top:16px}
.social{width:36px;height:36px;border:2px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;font-weight:700}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:18px;padding-top:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#e4eaf6;font-size:14px}
.searchbar{margin:10px 0 6px}
.searchbar input{width:100%;padding:14px 14px;border:1px solid #d9e1ef;border-radius:6px;font-size:15px}
.muted{color:#69778d}
.notice{background:#f3f8ff;border:1px solid #cfe0ff;border-radius:8px;padding:16px 18px;color:#1e3a5f;line-height:1.55}
@media(max-width:1200px){
  .logo-row{grid-template-columns:repeat(5,1fr)}
  .catalog-grid{grid-template-columns:repeat(3,1fr)}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .contact-layout{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .nav{gap:18px;font-size:15px;flex-wrap:wrap;justify-content:flex-end}
  .header .container{align-items:flex-start;flex-direction:column}
  .two-col,.strength-grid,.values-grid,.client-grid,.extra-grid,.supplier-grid,.where-icons,.logo-row{grid-template-columns:1fr 1fr}
  .catalog-grid{grid-template-columns:1fr 1fr}
  .helper-box{grid-template-columns:1fr}
}
@media(max-width:640px){
  .container{width:min(100% - 24px,var(--container))}
  .topbar .container{display:block}
  .topbar .left,.topbar .right{display:block}
  .logo img{height:50px}
  .nav,.strength-grid,.values-grid,.product-grid,.catalog-grid,.client-grid,.extra-grid,.supplier-grid,.footer-grid,.where-icons,.logo-row{grid-template-columns:1fr}
  .callout,.helper-box,.footer-bottom{display:block}
  .cta-btn,.outline-btn{display:block;text-align:center}
}