:root{--navy:#061d40;--navy2:#0b2b56;--red:#c81019;--gold:#f4c342;--paper:#f5f6f8;--ink:#17253b;--muted:#5d6878}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
a{color:inherit}.topbar{background:var(--navy);color:#fff;border-bottom:4px solid var(--red);position:relative;z-index:3}
.header-inner{max-width:1400px;margin:auto;display:flex;align-items:center;gap:24px;padding:13px 24px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:285px}.brand-mark{display:block;width:54px;height:54px;object-fit:contain;border-radius:3px;flex:0 0 auto}.brand strong{display:block;font-family:Georgia,serif;font-size:clamp(17px,2vw,25px);line-height:1.15;letter-spacing:.5px}.brand span{display:block;color:var(--gold);font-weight:700;font-size:14px;letter-spacing:.6px}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex:1;flex-wrap:wrap}.nav a{padding:10px 11px;color:white;text-decoration:none;font-size:13px;border-radius:3px;white-space:nowrap}.nav a:hover,.nav a.active{background:var(--red)}
.menu-toggle{display:none;background:transparent;color:white;border:1px solid #60718b;border-radius:5px;padding:8px 11px;font-size:20px}
.hero{position:relative;background:#102c52;overflow:hidden}.hero img{display:block;width:100%;height:clamp(290px,37vw,540px);object-fit:cover;object-position:center}.hero-caption{position:absolute;right:4%;top:50%;transform:translateY(-50%);max-width:43%;padding:22px 25px;background:linear-gradient(90deg,rgba(4,23,50,.1),rgba(4,23,50,.74));color:#fff;text-align:right;text-shadow:0 2px 5px #001}.hero-caption h1{font:clamp(24px,3.3vw,52px)/1.05 Georgia,serif;margin:0 0 8px}.hero-caption h2{font-size:clamp(17px,2.2vw,32px);color:var(--gold);margin:0 0 12px}.motto{font-size:clamp(10px,1.15vw,16px);letter-spacing:1px;font-weight:bold}
.container{max-width:1400px;margin:auto;padding:32px 24px}.section-heading{text-align:center;margin:0 0 22px}.section-heading h2{font: bold clamp(25px,3vw,36px) Georgia,serif;color:var(--navy);margin:0}.section-heading p{color:var(--muted);margin:6px 0 0}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{background:#fff;box-shadow:0 5px 20px #0b244012;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e5e8ee}.card img{width:100%;height:190px;object-fit:cover}.card-content{padding:18px 19px 21px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.card h3{font: bold 23px Georgia,serif;color:var(--navy);margin:0 0 7px}.card p{margin:0 0 18px;color:#344158}.btn{display:inline-block;background:var(--red);color:#fff;padding:11px 20px;border-radius:4px;text-decoration:none;border:0;font-weight:bold;font-size:13px;letter-spacing:.2px;cursor:pointer}.btn:hover{background:#a70c14}.card .btn{margin-top:auto;min-width:175px}
.callout{background:var(--navy2);color:white;text-align:center;padding:28px 20px}.callout h2{font:28px Georgia,serif;margin:0 0 7px}.callout p{margin:0 0 15px}
.page-hero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;padding:46px 24px;border-bottom:4px solid var(--red)}.page-hero .inner{max-width:1200px;margin:auto}.page-hero h1{font:clamp(30px,4vw,46px) Georgia,serif;margin:0 0 6px}.page-hero p{margin:0;color:#e2e8f2}
.content{max-width:1100px;margin:0 auto;padding:38px 24px 55px}.content h2{font:28px Georgia,serif;color:var(--navy)}.content h3{color:var(--navy)}.content p{max-width:850px}.content-panel{background:#fff;padding:25px;border:1px solid #e2e7ef;border-radius:6px;box-shadow:0 5px 18px #102a4b0b}
.feature-layout{display:grid;grid-template-columns:minmax(240px,38%) 1fr;gap:28px;align-items:start}.feature-layout img{width:100%;border-radius:5px;max-height:360px;object-fit:cover}
table{border-collapse:collapse;width:100%;background:#fff;margin:18px 0}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #e3e7ed}th{background:var(--navy);color:white}tr:nth-child(even) td{background:#f8f9fb}
.grid-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:#fff;border:1px solid #e0e5ec;border-radius:6px;overflow:hidden}.product img{width:100%;height:175px;object-fit:cover}.product div{padding:16px}.product h3{margin:0 0 6px}.product p{margin:0 0 12px}
form{display:grid;gap:13px;max-width:650px}label{font-weight:bold;color:var(--navy)}input,textarea,select{font:inherit;padding:11px;border:1px solid #cbd3df;border-radius:4px;width:100%;background:white}textarea{min-height:130px;resize:vertical}.note{font-size:13px;color:var(--muted)}
footer{background:#03162f;color:#e8edf5;padding:25px 24px}.footer-inner{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.footer-brand{font:20px Georgia,serif}.footer-brand span{display:block;color:var(--gold);font:700 13px Arial,sans-serif}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--gold)}
@media(max-width:1000px){.header-inner{flex-wrap:wrap}.brand{flex:1}.menu-toggle{display:block}.nav{display:none;flex-basis:100%;justify-content:flex-start}.nav.open{display:flex}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-caption{max-width:48%;right:2%}.hero-caption h1{font-size:clamp(22px,3vw,38px)}}
@media(max-width:650px){.header-inner{padding:12px 16px;gap:12px}.brand{min-width:0}.brand-mark{width:42px;height:42px}.brand strong{font-size:16px}.brand span{font-size:11px}.nav{display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:11px}.hero img{height:300px;object-position:43% center}.hero-caption{left:0;right:0;bottom:0;top:auto;transform:none;max-width:none;text-align:left;padding:15px 18px;background:linear-gradient(0deg,rgba(3,18,40,.94),rgba(3,18,40,.05))}.hero-caption h1{font-size:24px}.hero-caption h2{font-size:17px}.motto{font-size:10px}.container{padding:25px 15px}.cards{grid-template-columns:1fr;gap:16px}.card img{height:210px}.feature-layout{grid-template-columns:1fr}.grid-products{grid-template-columns:1fr}.content{padding:25px 15px 40px}.page-hero{padding:34px 18px}.footer-inner{display:block}.footer-links{margin-top:14px}}