/* Identité visuelle officielle Gramo v1 */
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;
  src:url('../assets/brand/fonts/outfit-latin-500-normal.woff2') format('woff2'),url('../assets/brand/fonts/outfit-latin-500-normal.woff') format('woff')
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;
  src:url('../assets/brand/fonts/outfit-latin-600-normal.woff2') format('woff2'),url('../assets/brand/fonts/outfit-latin-600-normal.woff') format('woff')
}

:root{
  --ink:#16241B;
  --ink-soft:#5C6B5F;
  --cream:#F4F5F0;
  --paper:#E9EDE7;
  --grain:#D9962B;
  --grain-light:#F0CB8F;
  --grain-pale:#F8EBD5;
  --rust:#C4502A;
  --green:#16241B;
  --humidity:#2F6FA3;
  --humidity-dark:#4A90C9;
  --line:rgba(22,36,27,.16);
  --shadow:0 22px 55px rgba(22,36,27,.12)
}
body,button,input,select,textarea{font-family:'Outfit',sans-serif;font-weight:500}
h1,h2,h3,.feature-number,.card-price strong,.summary-total strong,.price-start strong,.phone-link strong,.roadmap-price strong,.home-hero-word,.home-hero-copy h1{font-family:'Outfit',sans-serif!important;font-weight:600!important}
h1,h2,h3{letter-spacing:-.035em}
.eyebrow,.site-nav a,.button,label,legend{font-weight:600}

.brand{gap:0;line-height:1}
.brand-name{display:none!important}
.brand img.brand-logo{width:150px;height:auto;max-height:58px;object-fit:contain;filter:none;box-shadow:none}
.brand-logo--inverse{display:none!important}
.home-page .brand-logo--default{display:none!important}
.home-page .brand-logo--inverse{display:block!important;width:176px!important;max-height:57px!important}
.home-page .brand img.brand-logo{background:transparent;padding:0;border-radius:0;filter:none;box-shadow:none}

.site-footer{background:#16241B!important;color:rgba(244,245,240,.72)!important}
.site-footer .footer-grid h3{color:#F4F5F0!important;font-family:'Outfit',sans-serif!important}
.site-footer .footer-grid a:hover{color:#D9962B!important}
.site-footer .footer-bottom{border-top-color:rgba(244,245,240,.16)!important}
.footer-brand-logo{width:min(260px,100%);height:auto;margin-bottom:16px}

.button{font-weight:600}
.button--grain{background:#D9962B;color:#16241B;border-color:#D9962B}
.radio-option label span:last-child{color:#C4502A}
.radio-option input:checked + label{border-color:#D9962B;box-shadow:0 0 0 2px rgba(217,150,43,.18);background:#FFF9EE}
.sensor-point{background:#C4502A}

@media(max-width:680px){
  .brand img.brand-logo{width:132px;max-height:50px}
  .home-page .brand-logo--inverse{width:148px!important;max-height:49px!important}
}