/* Repmation Brand Guide v1.0 homepage layer.
   This module owns homepage brand roles and lower-page brand treatments. Header,
   hero, trust strip, and page-level surface geometry are owned elsewhere. */
:root{
  --ink:#171513;
  --paper:#F7F4F1;
  --blaze:#F54703;
  --ember:#B8300A;
  --forge:#D93B02;
  --accent:#F54703;
  --accent-bright:#F54703;
  --button:#F54703;
  --button-hover:#B8300A;
  --panel:#211E1B;
  --panel2:#2B2723;
  --cream:#E9E2DB;
  --muted:#B0A79C;
  --quiet:#817970;
  --line:#3A342E;
  --line-light:#DDD6CE;
  --white:#F7F4F1;
  --logo-white:#FFFFFF;
}

body.brand-v5{
  background:var(--ink);
  color:var(--paper);
  font-family:Archivo,Helvetica,Arial,sans-serif;
}
body.brand-v5 p{font-family:Archivo,Helvetica,Arial,sans-serif;letter-spacing:0}

/* Sentence case for headlines; Archivo carries headlines, buttons, and metrics. */
body.brand-v5 h1,
body.brand-v5 h2,
body.brand-v5 h3,
body.brand-v5 .builder-heading strong,
body.brand-v5 .product-callouts strong,
body.brand-v5 .dashboard-callout strong,
body.brand-v5 .comparison-card h3,
body.brand-v5 .founding-copy h2,
body.brand-v5 .price-card strong,
body.brand-v5 .faq-list summary,
body.brand-v5 .final-section h2{
  font-family:Archivo,Helvetica,Arial,sans-serif;
  font-weight:800;
  text-transform:none;
  letter-spacing:-.035em;
}
body.brand-v5 h1{line-height:.94}
body.brand-v5 h2{line-height:1}
body.brand-v5 h3{line-height:1.08}

/* Barlow Condensed is reserved for signage and tracked uppercase labels. */
body.brand-v5 .eyebrow,
body.brand-v5 .comparison-label,
body.brand-v5 .plan-label,
body.brand-v5 .final-meta,
body.brand-v5 .builder-note{
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.2em;
}

/* IBM Plex Mono carries labels, URLs, and operational data. */
body.brand-v5 .phone-url,
body.brand-v5 .browser-chrome,
body.brand-v5 .metric-label,
body.brand-v5 .jobs-input>span,
body.brand-v5 .value-result span,
body.brand-v5 .value-result small,
body.brand-v5 .price span,
body.brand-v5 .site-footer,
body.brand-v5 .staging-flag{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
}

body.brand-v5 .button,
body.brand-v5 .text-button{
  font-family:Archivo,Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.015em;
  text-transform:none;
}
body.brand-v5 .button-primary{background:var(--blaze);color:var(--paper)}
body.brand-v5 .button-primary:hover{background:var(--ember);box-shadow:0 12px 30px rgba(184,48,10,.34)}
body.brand-v5 .button-secondary{border-color:#5B534C;color:var(--paper)}
body.brand-v5 .button-secondary:hover{border-color:var(--blaze);background:rgba(245,71,3,.1)}
body.brand-v5 a:focus-visible,
body.brand-v5 button:focus-visible,
body.brand-v5 input:focus-visible,
body.brand-v5 select:focus-visible,
body.brand-v5 summary:focus-visible{outline-color:var(--paper)}

/* Approved logo system: pure white details on dark grounds, Ink on light grounds. */
body.brand-v5 .brand,
body.brand-v5 .footer-brand{gap:14px}
body.brand-v5 .brand-mark{
  display:block;
  width:32px;
  height:32px;
  flex:none;
  overflow:visible;
}
body.brand-v5 .brand-wordmark{
  color:var(--logo-white);
  font-family:Archivo,Helvetica,Arial,sans-serif;
  font-size:27px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.035em;
}
body.brand-v5 .footer-brand .brand-wordmark{font-size:24px}
body.brand-v5 .brand-type small,
body.brand-v5 .footer-brand small{display:none!important}
body.brand-v5 .brand-dark .brand-frame{fill:var(--blaze)}
body.brand-v5 .brand-dark .brand-star{fill:var(--logo-white)}
body.brand-v5 .brand-light .brand-frame{fill:var(--blaze)}
body.brand-v5 .brand-light .brand-star{fill:var(--ink)}
body.brand-v5 .brand-light + .brand-wordmark{color:var(--ink)}
body.brand-v5 .brand-orange .brand-frame,
body.brand-v5 .brand-orange .brand-star{fill:var(--paper)}

body.brand-v5 .product-section,
body.brand-v5 .comparison-section{
  background:var(--paper);
  color:var(--ink);
}
body.brand-v5 .product-section p,
body.brand-v5 .comparison-section p{color:#514B45}
body.brand-v5 .product-section .eyebrow,
body.brand-v5 .comparison-section .eyebrow{color:var(--forge)}
body.brand-v5 .product-section a:not(.button),
body.brand-v5 .comparison-section a:not(.button){color:var(--forge)}
body.brand-v5 .product-section a:not(.button):hover,
body.brand-v5 .comparison-section a:not(.button):hover{color:var(--ember)}
body.brand-v5 .dashboard-callout.is-active{
  border-color:var(--blaze);
  box-shadow:inset 4px 0 0 var(--blaze);
}
body.brand-v5 .dashboard-callout b{
  color:var(--forge);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
}

body.brand-v5 .founding-section{background:var(--ink)}
body.brand-v5 .founding-mark{border-color:#4A433D}
body.brand-v5 .founding-mark>span{
  font-family:"Barlow Condensed",Arial,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
}
body.brand-v5 .launch-deliverables svg{stroke:var(--blaze)}

/* Orange value ground uses Forge and Paper. */
body.brand-v5 .value-section{background:var(--forge);color:var(--paper)}
body.brand-v5 .value-section h2,
body.brand-v5 .value-section .eyebrow,
body.brand-v5 .value-section p{color:var(--paper)}
body.brand-v5 .value-section p{color:rgba(247,244,241,.82)}
body.brand-v5 .jobs-input>span{color:rgba(247,244,241,.8)}
body.brand-v5 .jobs-input input{
  background:var(--paper);
  color:var(--ink);
  border-color:var(--paper);
}
body.brand-v5 .value-result{
  background:var(--paper);
  color:var(--ink);
  border-color:var(--paper);
}
body.brand-v5 .value-result strong{
  color:var(--ink);
  font-family:Archivo,Helvetica,Arial,sans-serif;
  letter-spacing:-.05em;
}
body.brand-v5 .value-result em{
  color:var(--ink);
  font-family:Archivo,Helvetica,Arial,sans-serif;
  letter-spacing:-.03em;
  text-transform:none;
}
body.brand-v5 .value-result small{color:#625B54}
body.brand-v5 .button-light{background:var(--paper);color:var(--ink)}
body.brand-v5 .button-light:hover{background:#E9E2DB}

body.brand-v5 .price-card{
  background:var(--paper);
  color:var(--ink);
  border-top-color:var(--blaze);
}
body.brand-v5 .plan-label{background:rgba(245,71,3,.1);color:var(--forge)}
body.brand-v5 .price-card li::before{color:var(--forge)}
body.brand-v5 .site-footer a:hover{color:var(--paper)}

/* Brand marks are never shadowed, outlined, stretched, or tightly crowded. */
body.brand-v5 .brand-mark,
body.brand-v5 .brand-inline-mark{
  filter:none!important;
  box-shadow:none!important;
  transform:none;
}
body.brand-v5 .brand-inline-mark{width:56px;height:56px;flex:none;overflow:visible}
body.brand-v5 .founder-note .brand-inline-mark{width:44px;height:44px}

@media(max-width:850px){
  body.brand-v5 .brand-mark{width:32px;height:32px}
  body.brand-v5 .brand-wordmark{font-size:24px}
}