:root{
  --primary: #283E6C;
  --navy: #0E1F3D;
  --accent: #C9A66B;
  --cream: #F5F1E8;
  --text: #1B1B1B;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;color:var(--text);background:var(--cream);font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}
a{color:var(--navy);text-decoration:none}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:60}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px}
.nav .links{display:flex;gap:.6rem;flex-wrap:wrap}
.nav .links a{background:#eef2ff;color:var(--navy);padding:.35rem .6rem;border-radius:.4rem;font-size:.85rem}
.hero{background:#0b1220 url('') no-repeat center/cover; color:#fff; padding:5rem 0 4rem; position:relative; overflow:hidden}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,62,108,.4),rgba(14,31,61,.85));z-index:0}
.hero .inner{position:relative;z-index:1}
.hero h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.04;margin:.25rem 0}
.hero p.lead{font-size:1.125rem;max-width:65ch;margin:0}
.kicker{text-transform:uppercase;letter-spacing:.14em;color:#ffffffcc;font-weight:800;font-size:.8rem}
.btn{display:inline-block;padding:.9rem 1.15rem;border-radius:.55rem;border:1px solid #fff;background:#fff;color:#0b1220;font-weight:800}
.btn.outline{background:transparent;color:#fff;border-color:#fff}
.section{padding:3rem 0}
.section h2{font-size:clamp(1.6rem,3.5vw,2.2rem);color:var(--navy);margin-top:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:.9rem;padding:1rem;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.tile{position:relative;border-radius:1rem;overflow:hidden;border:1px solid #e5e7eb;background:#fff}
.tile img{display:block;width:100%;height:220px;object-fit:cover}
.tile .body{padding:0.85rem}
.tile h4{margin:.2rem 0 .35rem}
.badge-price{position:absolute;top:.7rem;right:.7rem;background:var(--accent);color:#fff;padding:.35rem .55rem;border-radius:.5rem;font-weight:800}
.notice{background:#fff4e5;border:1px solid #ffedd5;color:#92400e;padding:.75rem 1rem;border-radius:.5rem;margin-top:.6rem}
.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}
.gallery img{width:100%;height:120px;object-fit:cover;border-radius:.6rem;border:1px solid #e5e7eb}
.footer{background:var(--navy);color:#fff;padding:2rem 0;margin-top:2rem}
.footer a{color:#fff;text-decoration:underline}
form label{font-weight:600;display:block;margin:.5rem 0 .2rem}
input, textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff}
form .row{display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;background:#111827;color:#fff;display:flex;gap:.6rem;justify-content:center;padding:.6rem;z-index:70}
.sticky-cta a{background:#fff;color:#111827;padding:.65rem .9rem;border-radius:.55rem;font-weight:800;border:1px solid #e5e7eb}
@media (max-width:980px){
  .grid-3,.tile-grid{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .grid-3,.tile-grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
}