@font-face{font-family:"Mulish";src:url("/assets/fonts/Mulish-Variable.woff2") format("woff2");font-style:normal;font-weight:200 1000;font-display:swap;}
@font-face{font-family:"Mulish";src:url("/assets/fonts/Mulish-Variable-Italic.woff2") format("woff2");font-style:italic;font-weight:200 1000;font-display:swap;}
:root{font-family:"Mulish",Arial,sans-serif;font-weight:400;}

/* Shared contact labels and form navigation, all three form families. */
.contact-fields label,.contact-fields label span{font-family:"Mulish",Arial,sans-serif!important;font-weight:400!important;}
.partner-tagline,.quiz-progress-title,.quiz-progress-count,.topline>span,.section-back,.section-back .icon-label,.quiz-next,.quiz-back{font-family:"Mulish",Arial,sans-serif!important;font-weight:400!important;}
.quiz-next,.quiz-back{font-weight:500!important;}

/* Home cards: light descriptions and medium actions. */
.section-card-body>p{font-family:"Mulish",Arial,sans-serif!important;font-weight:400!important;}
.section-card-body .card-action,.section-card-body .card-action .icon-label{font-family:"Profa Trial",Arial,sans-serif!important;font-weight:500!important;}

/* Use Profa consistently for every button and button-like link. */
html body button,html body button .icon-label,html body button span,html body input[type="submit"],html body [role="button"],html body .card-action,html body .card-action .icon-label,html body .process-cta,html body .process-back,html body .section-back,html body .instagram-confirm-btn,html body .qualification-success .commercial-whatsapp,html body .project-type-choice>span:nth-child(2){font-family:"Profa Trial",Arial,sans-serif!important;font-weight:500!important;}

/* Focus Mode: light font weight on footer paragraph */
div#root:nth-of-type(1) > footer:nth-of-type(1) > p:nth-of-type(1),
.brand-footer p {
  font-family: "Mulish", Arial, sans-serif !important;
  font-weight:400 !important;
}

/* Form placeholders and section labels, shared by all three forms. */
.form-panel input::placeholder,
.form-panel textarea::placeholder {
  font-family: "Mulish", Arial, sans-serif !important;
  font-weight:400 !important;
  opacity: 1;
}
.form-panel .topline > span:first-child,
.story-panel .story-content > .icon-eyebrow,
.story-panel .story-content > .icon-eyebrow .icon-label {
  font-family: "Mulish", Arial, sans-serif !important;
  font-weight: 400 !important;
}
.story-panel .story-content > .icon-eyebrow {
  border-bottom: 1px solid #c8898659;
  padding-bottom: 16px;
  margin-bottom: 24px;
}

/* Lightweight choice text in partnership, residential and commercial forms. */
.form-panel .choice .choice-copy,
.form-panel .choice .choice-copy strong,
.form-panel .choice .choice-copy small {
  font-family: "Mulish", Arial, sans-serif !important;
  font-weight:400 !important;
}

/* Consistent rhythm between sidebar labels, headings and supporting copy. */
.story-panel .story-content > .partner-tagline {
  margin: 0 0 20px !important;
  line-height: 1.6 !important;
}
.story-panel .story-content > h1 + p {
  margin: 24px 0 0 !important;
  line-height: 1.75 !important;
}
.story-panel .story-content > p + p:not(.partner-tagline) {
  margin: 18px 0 0 !important;
  line-height: 1.75 !important;
}

/* Profa for all actions; Mulish remains the reading face. */
html body button,html body button span,html body button .icon-label,html body input[type="submit"],html body [role="button"],html body .card-action,html body .card-action span,html body .process-cta,html body .process-cta span,html body .process-back,html body .section-back,html body .section-back span,html body .instagram-confirm-btn,html body .instagram-confirm-btn span,html body .project-type-choice>span:nth-child(2){font-family:"Profa Trial","Mulish",Arial,sans-serif!important;font-weight:500!important;text-transform:uppercase;}
html body .instagram-confirm-btn .instagram-button-handle{text-transform:none;}

/* Keep action buttons in Profa, including nested text. */
html body button *,html body [role="button"] *,html body .card-action *,html body .process-cta *,html body .process-back *,html body .section-back *,html body .instagram-confirm-btn *,html body .project-type-choice>span:nth-child(2){font-family:"Profa Trial",Arial,sans-serif!important;font-weight:500!important;text-transform:uppercase;}
html body .instagram-confirm-btn .instagram-button-handle{text-transform:none;}

/* Google Fonts Mulish specimen: normal width and regular reading weight. */
:root{font-stretch:normal;}
html body .form-panel input::placeholder,html body .form-panel textarea::placeholder,html body .quiz-stage .question-heading-copy{font-family:"Mulish",Arial,sans-serif!important;font-weight:400!important;font-stretch:normal;}

/* Answer options in every form use sentence case and the regular reading face. */
html body .form-panel .choice,html body .form-panel .choice .choice-copy,html body .form-panel .choice .choice-copy strong,html body .form-panel .choice .choice-copy small{font-family:"Mulish",Arial,sans-serif!important;font-weight:400!important;text-transform:none!important;}

/* Bold Profa for calls to action and their text, shared by every page. */
html body .section-card-body .card-action,
html body .section-card-body .card-action .icon-label,
html body .process-page .process-result .process-cta,
html body .process-page .process-result .process-cta span,
html body .form-panel .quiz-next,
html body .form-panel .quiz-next span,
html body .form-panel .submit,
html body .form-panel .submit span,
html body .qualification-success .instagram-confirm-btn,
html body .qualification-success .instagram-confirm-btn span,
html body .qualification-success .commercial-whatsapp,
html body .qualification-success .commercial-whatsapp span,
html body input[type="submit"],
html body button[type="submit"],
html body button[type="submit"] span{font-family:"Profa Trial Bold","Profa Trial",Arial,sans-serif!important;font-weight:700!important;}

/* Keep Instagram handles in the body font, including the @ glyph. */
html body .qualification-success a.instagram-confirm-btn .instagram-button-handle{font-family:"Mulish",Arial,sans-serif!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;}
/* Filled brand mark must not inherit generic line-icon strokes. */
html body svg.nabya-whatsapp-icon,html body svg.nabya-whatsapp-icon path{fill:currentColor!important;stroke:none!important;stroke-width:0!important;}
