
:root{
  --armz-blue:#0c1a30;
  --armz-blue-soft:#13284b;
  --armz-gold:#c5a059;
  --armz-gold-soft:#d6b57a;
  --armz-text:#333333;
  --armz-muted:#64748b;
  --armz-bg:#ffffff;
}
html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Montserrat',sans-serif;
  color:var(--armz-text);
  background:#fff;
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  font-size:clamp(16px,0.98rem + 0.18vw,18px);
  line-height:1.6;
}
body,button,input,select,textarea{font-family:'Montserrat',sans-serif}
h1,h2,h3,h4,h5,h6,.serif,.armz-brand__title,.armz-footer__title{font-family:'Playfair Display',serif}
h1{font-size:clamp(2.45rem,4vw,4.4rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 .5em}
h2{font-size:clamp(1.85rem,2.3vw,2.95rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 .6em}
h3{font-size:clamp(1.35rem,1.55vw,2rem);line-height:1.18;margin:0 0 .6em}
h4{font-size:clamp(1.08rem,1vw,1.32rem);line-height:1.28;margin:0 0 .6em}
p,li{line-height:1.6}
img,video,canvas,svg,iframe{max-width:100%;height:auto}
table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
pre{white-space:pre-wrap;overflow-x:auto}
input,select,textarea,button{max-width:100%}
main{display:block}
a{text-decoration:none}
a:hover{text-decoration:none}
button{font:inherit}

/* Shared navigation */
.armz-header{
  position:sticky;
  top:0;
  z-index:3000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(12,26,48,.08);
}
.armz-header__inner{
  max-width:1320px;
  margin:0 auto;
  padding:18px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.armz-brand{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  min-width:max-content;
  line-height:1.08;
}
.armz-brand__title{
  font-size:1.88rem;
  font-weight:700;
  letter-spacing:-0.03em;
  color:var(--armz-blue);
  transition:color .25s ease;
}
.armz-brand__sub{
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.34em;
  color:var(--armz-gold);
}
.armz-brand:hover .armz-brand__title{color:var(--armz-gold)}
.armz-nav{
  display:flex;
  align-items:center;
  gap:30px;
  margin:0 14px;
  flex:1;
  justify-content:center;
}
.armz-nav__link,.armz-drop__toggle{
  font-size:12px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--armz-blue);
  text-decoration:none;
  position:relative;
  white-space:nowrap;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
}
.armz-nav__link::after,.armz-drop__toggle::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-7px;
  width:0;
  height:2px;
  background:var(--armz-gold);
  transition:width .25s ease;
}
.armz-nav__link:hover::after,.armz-drop:hover .armz-drop__toggle::after,.armz-drop:focus-within .armz-drop__toggle::after{width:100%}
.armz-drop{position:relative}
.armz-drop__toggle{display:inline-flex;align-items:center;gap:6px}
.armz-caret{font-size:8px;transition:transform .25s ease}
.armz-drop:hover .armz-caret,.armz-drop:focus-within .armz-caret{transform:rotate(180deg)}
.armz-drop__menu{
  position:absolute;
  left:0;
  top:calc(100% + 16px);
  min-width:280px;
  background:#fff;
  border:1px solid rgba(12,26,48,.08);
  border-radius:18px;
  box-shadow:0 24px 50px rgba(12,26,48,.12);
  padding:10px 0;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:all .22s ease;
  z-index:3200;
}
.armz-drop__menu--wide{min-width:330px}
.armz-drop:hover .armz-drop__menu,.armz-drop:focus-within .armz-drop__menu{
  opacity:1;visibility:visible;transform:translateY(0)
}
.armz-drop__menu a{
  display:block;
  padding:14px 18px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--armz-blue);
  border-bottom:1px solid rgba(12,26,48,.06);
}
.armz-drop__menu a:last-child{border-bottom:none}
.armz-drop__menu a:hover{
  color:var(--armz-gold);
  background:#fafaf8;
}
.armz-header__cta{
  display:flex;
  align-items:center;
  gap:14px;
}
.armz-email{
  display:inline-flex;
  align-items:center;
  padding:11px 14px;
  border:1px solid rgba(12,26,48,.12);
  color:var(--armz-blue);
  text-decoration:none;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
  border-radius:999px;
  transition:all .25s ease;
}
.armz-email:hover{border-color:var(--armz-gold);color:var(--armz-gold)}
.armz-price{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--armz-gold);
  color:var(--armz-gold);
  text-decoration:none;
  padding:12px 20px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:all .25s ease;
  white-space:nowrap;
  min-height:48px;
  border-radius:999px;
}
.armz-price:hover{background:var(--armz-gold);color:#fff}
.armz-mobile-btn{
  display:none;
  background:none;
  border:0;
  color:var(--armz-blue);
  font-size:30px;
  line-height:1;
  padding:4px 6px;
  cursor:pointer;
}
.armz-mobile-panel{
  position:fixed;
  inset:0;
  z-index:3500;
  background:rgba(10,18,34,.52);
  backdrop-filter:blur(8px);
  opacity:0;
  visibility:hidden;
  transition:all .25s ease;
}
.armz-mobile-panel.is-open{opacity:1;visibility:visible}
.armz-mobile-panel__drawer{
  position:absolute;
  top:0;
  right:0;
  width:min(100vw,420px);
  height:100%;
  background:#fff;
  transform:translateX(100%);
  transition:transform .25s ease;
  overflow-y:auto;
  padding:22px 22px 30px;
  box-shadow:-18px 0 40px rgba(0,0,0,.16);
}
.armz-mobile-panel.is-open .armz-mobile-panel__drawer{transform:translateX(0)}
.armz-mobile-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.armz-mobile-close{
  background:none;
  border:0;
  font-size:30px;
  color:var(--armz-blue);
  cursor:pointer;
}
.armz-mobile-link{
  display:block;
  padding:18px 0;
  border-bottom:1px solid rgba(12,26,48,.08);
  font-size:15px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--armz-blue);
}
.armz-mobile-group{margin-bottom:2px}
.armz-mobile-group summary{
  list-style:none;
  cursor:pointer;
  padding:18px 0;
  border-bottom:1px solid rgba(12,26,48,.08);
  font-size:15px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--armz-blue);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.armz-mobile-group summary::-webkit-details-marker{display:none}
.armz-mobile-group summary::after{
  content:'+';
  font-size:20px;
  line-height:1;
  color:var(--armz-gold);
  font-weight:700;
}
.armz-mobile-group[open] summary::after{content:'−'}
.armz-mobile-sub a{
  display:block;
  padding:14px 0 14px 10px;
  border-bottom:1px solid rgba(12,26,48,.06);
  font-size:13px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--armz-blue);
}
.armz-mobile-email{
  font-size:13px;
  text-transform:none;
  letter-spacing:.02em;
  word-break:break-all;
}
.armz-mobile-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:18px;
}
.armz-mobile-whatsapp{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:var(--armz-blue);
  color:#fff;
  text-decoration:none;
  padding:14px 18px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  border:1px solid var(--armz-blue);
  min-height:48px;
  border-radius:999px;
}
.armz-mobile-whatsapp:hover{background:var(--armz-blue-soft)}

/* shared footer */
.armz-footer{
  background:var(--armz-blue);
  padding:84px 24px 42px;
  color:#fff;
  text-align:center;
}
.armz-footer__inner{max-width:1280px;margin:0 auto}
.armz-footer__title{
  display:block;
  font-size:1.95rem;
  font-weight:700;
  letter-spacing:.16em;
  margin-bottom:16px;
}
.armz-footer__copy{
  font-size:11px;
  color:#94a3b8;
  margin:0;
}
.armz-footer__contact{
  margin:12px 0 0;
  font-size:12px;
  color:#cbd5e1;
  line-height:1.8;
}
.armz-footer__contact a{color:#cbd5e1;text-decoration:none;white-space:normal}
.armz-footer__contact a:hover{color:#fff}

/* floating whatsapp */
.whatsapp-float{
  position:fixed;
  width:58px;
  height:58px;
  bottom:18px;
  right:18px;
  background-color:#25d366;
  color:#fff;
  border-radius:50%;
  text-align:center;
  font-size:30px;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  z-index:5000;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .25s ease;
  text-decoration:none;
}
.whatsapp-float:hover{transform:translateY(-2px) scale(1.03)}

/* helper sections */
.armz-breadcrumb-wrap,.armz-seo-section,.armz-related{padding-left:24px;padding-right:24px}
.armz-breadcrumb-wrap{max-width:1280px;margin:0 auto;padding-top:14px}
.armz-breadcrumb{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  font-size:12px;line-height:1.5;color:#64748b
}
.armz-breadcrumb a{color:var(--armz-blue)}
.armz-breadcrumb a:hover{color:var(--armz-gold)}
.armz-breadcrumb__sep{color:#94a3b8}
.armz-breadcrumb__current{color:#475569}
.armz-seo-section{max-width:1280px;margin:48px auto 0}
.armz-seo-box{
  background:#fff;
  border:1px solid rgba(12,26,48,.08);
  box-shadow:0 18px 40px rgba(12,26,48,.06);
  padding:30px;
  border-radius:22px;
}
.armz-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px}
.armz-seo-card{
  background:#f8fafc;
  border:1px solid rgba(12,26,48,.08);
  padding:20px;
  border-radius:16px;
}
.armz-related{max-width:1280px;margin:42px auto 0}
.armz-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.armz-related__card{
  display:block;
  background:#fff;
  border:1px solid rgba(12,26,48,.08);
  box-shadow:0 16px 35px rgba(12,26,48,.05);
  padding:22px;
  border-radius:18px;
  text-decoration:none;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.armz-related__card:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 44px rgba(12,26,48,.08);
  border-color:rgba(197,160,89,.45);
}
.armz-related__eyebrow{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--armz-gold);
  margin-bottom:8px;
}
.armz-related__title{
  display:block;
  font-family:'Playfair Display',serif;
  font-size:1.3rem;
  line-height:1.15;
  color:var(--armz-blue);
  margin-bottom:10px;
}
.armz-related__text{display:block;color:#475569;line-height:1.6}
.armz-faq-lite{margin-top:22px;border-top:1px solid rgba(12,26,48,.08);padding-top:20px}
.armz-faq-lite details{
  border:1px solid rgba(12,26,48,.08);
  background:#fff;
  border-radius:12px;
  padding:14px 16px;
  margin:0 0 12px;
}
.armz-faq-lite summary{cursor:pointer;font-weight:700;color:var(--armz-blue)}
.armz-faq-lite p{margin:10px 0 0;color:#475569}

@media (max-width:1100px){
  .armz-nav,.armz-header__cta{display:none}
  .armz-mobile-btn{display:inline-block}
  .armz-header__inner{padding:16px 18px}
  .armz-brand__title{font-size:1.7rem}
  .armz-brand__sub{font-size:9px;letter-spacing:.28em}
}
@media (max-width:980px){
  .armz-seo-grid,.armz-related__grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  h1{font-size:clamp(2.1rem,9.5vw,3.1rem)!important;line-height:1.06!important}
  h2{font-size:clamp(1.62rem,6.8vw,2.12rem)!important}
  h3{font-size:clamp(1.25rem,5vw,1.7rem)!important}
  .armz-mobile-panel__drawer{width:100%;max-width:420px}
  .armz-footer{padding:58px 18px 28px}
  .armz-breadcrumb-wrap,.armz-seo-section,.armz-related{padding-left:18px;padding-right:18px}
  .armz-seo-box{padding:24px}
  .armz-price{width:100%}
  .whatsapp-float{width:56px;height:56px;right:16px;bottom:16px;font-size:28px}
}
