/* =========================================================
   ROOF-AID · Brand stylesheet (shared landing + back office)
   ========================================================= */
:root{
  --navy:#1F2D44;
  --navy-2:#0F1A2F;
  --navy-3:#293A57;
  --blue:#3399E5;
  --blue-2:#2F88E0;
  --blue-deep:#1668B5;
  --green:#5BBD4D;
  --green-2:#46A038;
  --amber:#F5A524;
  --red:#E14B4B;
  --ink:#0F1A2F;
  --mute:#5E6C84;
  --line:#E5E9F0;
  --cream:#F4F6FA;
  --paper:#FFFFFF;
  --shadow:0 8px 30px rgba(15,26,47,.08);
  --shadow-lg:0 18px 45px rgba(15,26,47,.14);
}

*{box-sizing:border-box;margin:0;padding:0;}
html,body{font-family:'Montserrat',sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;}
body{font-size:15px;line-height:1.55;}
img{max-width:100%;display:block;}
a{color:var(--blue-2);text-decoration:none;}
a:hover{color:var(--blue-deep);}
h1,h2,h3,h4,h5{font-weight:800;color:var(--navy);letter-spacing:-.01em;line-height:1.15;}
h1{font-size:46px;line-height:1.05;letter-spacing:-.02em;}
h2{font-size:34px;}
h3{font-size:22px;}
h4{font-size:16px;text-transform:uppercase;letter-spacing:.08em;}
p{color:#384256;}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 22px;border-radius:10px;font-weight:700;font-size:14px;letter-spacing:.02em;
  border:none;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;
  text-decoration:none;
}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;}
.btn-secondary{background:var(--navy);color:#fff;}
.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--line);}
.btn-green{background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;}
.btn svg{width:16px;height:16px;}

.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--blue-2);
}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--blue);}

.badge{
  display:inline-block;padding:4px 10px;border-radius:999px;
  background:#E5F1FB;color:var(--blue-deep);
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}
.badge.green{background:#E4F6E0;color:#2C7A21;}
.badge.amber{background:#FCEFD0;color:#9C6B11;}
.badge.red{background:#FBE2E2;color:#9C2A2A;}
.badge.navy{background:#E4E8EF;color:var(--navy);}

/* ===== LANGUAGE SWITCHER (landing) ===== */
.lang{
  display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden;font-size:11px;font-weight:800;letter-spacing:.08em;
  margin-right:8px;background:#fff;
}
.lang button{
  background:transparent;border:none;cursor:pointer;font-family:inherit;font-weight:800;
  padding:6px 12px;color:var(--mute);transition:background .15s ease, color .15s ease;
}
.lang button.on{background:var(--navy);color:#fff;}
@media (max-width:980px){
  .nav .lang{display:none;}
}