:root{--n:#002053;--n2:#0b2f6e;--a:#ff7302;--bg:#f5f7fb;--t:#1d2433;--m:#5b6475;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--t);background:#fff}
img{max-width:100%;height:auto;display:block}a{color:var(--n2)}.wrap{max-width:1180px;margin:auto;padding:0 22px}
.top{position:sticky;top:0;z-index:9;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid #e6e9f0}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}.brand img{width:180px}
nav{display:flex;gap:22px;align-items:center}nav a{text-decoration:none;color:var(--t);font-weight:600;font-size:15px}
.btn{display:inline-block;background:var(--a);color:#fff!important;padding:13px 24px;border-radius:999px;font-weight:700;text-decoration:none;transition:.2s;box-shadow:0 6px 18px rgba(255,115,2,.3)}
.btn:hover{transform:translateY(-2px)}.btn.sm{padding:8px 18px;box-shadow:none}.btn.ghost{background:transparent;border:2px solid #fff;box-shadow:none}.btn.ghost.dark{border-color:var(--n);color:var(--n)!important}
.hero{background:radial-gradient(1200px 500px at 85% 10%,#1b4a9c 0,transparent 60%),linear-gradient(135deg,var(--n),#001338);color:#fff;padding:80px 0 90px}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700;color:var(--a);margin:0 0 10px}
h1{font-size:clamp(34px,5vw,58px);line-height:1.08;margin:0 0 20px;letter-spacing:-.02em}h1 em{font-style:normal;color:#ffb066}
.lead{font-size:18px;color:#d5def0;max-width:560px}.lead.dk{color:var(--m)}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}
.stats{display:flex;gap:36px;list-style:none;padding:0;margin:20px 0 0;color:#b9c6e2;font-size:14px}.stats b{display:block;font-size:30px;color:#fff}
.hero-img img{border-radius:var(--r);box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(-1.5deg)}
.sec{padding:90px 0}.sec.alt{background:var(--bg)}h2{font-size:clamp(28px,3.4vw,40px);margin:0 0 30px;color:var(--n);letter-spacing:-.01em}
.catcard{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 40px rgba(0,32,83,.08)}
.catcard .cover img{border-radius:10px;transition:.3s}.catcard .cover:hover img{transform:scale(1.02)}.catcard h3{font-size:26px;margin:0 0 8px;color:var(--n)}.catcard p{color:var(--m)}
.sub{margin:50px 0 18px;color:var(--n);font-size:20px}
.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.pages img{border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.1);transition:.2s}.pages a:hover img{transform:translateY(-3px)}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gal figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden}
.gal figcaption{position:absolute;left:12px;bottom:12px;background:rgba(0,32,83,.85);color:#fff;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.chips a{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #d9deea;text-decoration:none;font-weight:600;font-size:14px}
.grp{margin:40px 0 16px;color:var(--n);font-size:22px;scroll-margin-top:90px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.prod{margin:0;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 4px 18px rgba(0,32,83,.06);transition:.2s}.prod:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,32,83,.12)}
.prod figcaption{padding:12px 14px 16px;display:flex;flex-direction:column}.prod small{color:var(--m)}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--a);font-weight:700}
.note{margin-top:30px;text-align:center;color:var(--m)}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.feat article{border:1px solid #e6e9f0;border-radius:var(--r);padding:26px}.feat span{font-weight:800;color:var(--a);font-size:28px}.feat h3{color:var(--n);margin:8px 0}.feat p{color:var(--m);margin:0;font-size:15px}
.quote{margin:40px auto 0;max-width:780px;text-align:center;font-size:20px;font-weight:600;color:var(--n)}
.sec.dark{background:var(--n);color:#dfe6f5}.dark h2,.dark h3{color:#fff}.about{display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:24px}.about article{background:rgba(255,255,255,.06);border-radius:var(--r);padding:26px}
.dk2{max-width:850px}.vals{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.vals li{border:1px solid rgba(255,255,255,.25);padding:8px 16px;border-radius:999px}
.branches{display:grid;grid-template-columns:1fr 1fr;gap:24px}.branches article{background:var(--bg);border-radius:20px;padding:30px}.branches h3{color:var(--n);margin-top:0}.branches ul{list-style:none;padding:0;margin:0 0 20px}.branches li{padding:4px 0;font-weight:600}
.map{margin-top:20px;border-radius:10px}.social{display:flex;gap:14px;justify-content:center;margin-top:40px}.social a{font-weight:700;text-decoration:none;padding:10px 20px;border:2px solid var(--n);border-radius:999px}
.foot{background:#001338;color:#9fb0d2;padding:30px 0;font-size:14px}.foot .wrap{display:flex;gap:16px;align-items:center}
@media(max-width:900px){nav a:not(.btn){display:none}.hero{padding:50px 0 60px}.hero-in,.catcard,.about,.branches,.gal{grid-template-columns:1fr}.feat{grid-template-columns:1fr 1fr}.sec{padding:60px 0}.brand img{width:150px}}
@media(max-width:520px){.feat{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr;gap:12px}.stats{gap:22px}.btn{padding:12px 20px}.pages{grid-template-columns:1fr 1fr}}