*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f8f5f1;color:#132b43;font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh}
.site-nav{height:76px;background:rgba(255,255,255,.97);display:flex;align-items:center;padding:0 4vw;gap:28px;position:sticky;top:0;z-index:10;border-bottom:1px solid #eee}
.brand{font-size:35px;font-weight:800;letter-spacing:-2px;color:#0872bd;text-decoration:none;margin-right:auto}
.site-nav nav{display:flex;align-items:center;gap:25px}
.site-nav nav a{font-size:12px;font-weight:700;color:#12273c;text-decoration:none;white-space:nowrap;padding:28px 0 24px}
.site-nav nav a.active{color:#d63f72;border-bottom:2px solid #d63f72}
.shop{background:#d83f70;color:#fff;text-decoration:none;font-size:11px;font-weight:700;border-radius:22px;padding:12px 17px;white-space:nowrap}
.page-design{display:block;width:100%;height:auto}
footer{background:#102a40;color:#fff;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:35px;padding:38px 5vw;font-size:13px;line-height:1.7}
footer strong{font-size:14px}
footer div:first-child strong{font-size:30px;letter-spacing:-1px}
footer span{opacity:.85}
@media(max-width:900px){
  .site-nav{height:auto;min-height:64px;padding:12px 18px;flex-wrap:wrap;gap:10px}
  .brand{font-size:28px}
  .site-nav nav{order:3;width:100%;overflow-x:auto;gap:20px;padding-bottom:2px}
  .site-nav nav a{padding:8px 0;font-size:11px}
  .shop{font-size:10px;padding:9px 12px}
  footer{grid-template-columns:1fr 1fr;padding:28px 20px;gap:24px}
}
@media(max-width:520px){
  footer{grid-template-columns:1fr}
}