/* Repmation Brand Guide v1.0 homepage layer */
: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}

/* The brand uses sentence case for headlines. Archivo carries headlines, buttons and dashboard numbers. */
body.brand-v5 h1,
body.brand-v5 h2,
body.brand-v5 h3,
body.brand-v5 .builder-heading strong,
body.brand-v5 .journey-step h3,
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 eyebrows. */
body.brand-v5 .eyebrow,
body.brand-v5 .comparison-label,
body.brand-v5 .plan-label,
body.brand-v5 .trust-strip span,
body.brand-v5 .demo-label,
body.brand-v5 .scene-caption,
body.brand-v5 .final-meta,
body.brand-v5 .builder-note,
body.brand-v5 .nav-login,
body.brand-v5 .desktop-nav a,
body.brand-v5 .mobile-menu>a{
  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-weight:800;
  text-transform:none;
  letter-spacing:-.015em;
  font-size:14px;
}
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 details 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{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:27px;font-weight:800;line-height:1;letter-spacing:-.035em;color:var(--logo-white)}
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 .site-nav{background:rgba(23,21,19,.96);border-bottom-color:var(--line)}
body.brand-v5 .desktop-nav a:hover,
body.brand-v5 .nav-login:hover{color:var(--paper)}
body.brand-v5 .menu-button{border-color:#514A44}
body.brand-v5 .mobile-menu{background:var(--ink)}

body.brand-v5 .hero::after{background:radial-gradient(circle at 76% 28%,rgba(245,71,3,.13),transparent 35%),linear-gradient(110deg,#171513 0 55%,#211E1B 55%)}
body.brand-v5 .hero h1 span{color:var(--blaze)}
body.brand-v5 .driveway-word{font-family:Archivo,Helvetica,Arial,sans-serif;font-weight:900;text-transform:uppercase}
body.brand-v5 .builder{background:rgba(33,30,27,.92);border-color:#4B443D}
body.brand-v5 .builder input,
body.brand-v5 .builder select,
body.brand-v5 .file-control,
body.brand-v5 .color-control{background:var(--ink);border-color:#4B443D}
body.brand-v5 .progressive-toggle{color:var(--paper)}

body.brand-v5 .trust-strip{background:var(--ink);border-color:var(--line)}
body.brand-v5 .trust-strip svg{stroke:var(--blaze)}
body.brand-v5 .experience{background:var(--panel)}
body.brand-v5 .journey-step{background:#24201D;border-color:#49423C}
body.brand-v5 .journey-step.is-active{border-color:var(--blaze)}
body.brand-v5 .journey-number{font-family:Archivo,Helvetica,Arial,sans-serif;color:var(--blaze)}
body.brand-v5 .journey-icon svg,
body.brand-v5 .product-callouts svg,
body.brand-v5 .risk-grid svg,
body.brand-v5 .founder-note svg{stroke:var(--blaze)}
body.brand-v5 .fair-flow{border-left-color:var(--blaze);background:var(--ink)}
body.brand-v5 .fair-flow strong{font-family:Archivo,Helvetica,Arial,sans-serif;text-transform:none;letter-spacing:-.03em}

body.brand-v5 .phone-section,
body.brand-v5 .product-section,
body.brand-v5 .comparison-section{background:var(--paper);color:var(--ink)}
body.brand-v5 .phone-section p,
body.brand-v5 .product-section p,
body.brand-v5 .comparison-section p{color:#514B45}
body.brand-v5 .phone-section .eyebrow,
body.brand-v5 .product-section .eyebrow,
body.brand-v5 .comparison-section .eyebrow{color:var(--forge)}
body.brand-v5 .phone-section a:not(.button),
body.brand-v5 .product-section a:not(.button),
body.brand-v5 .comparison-section a:not(.button){color:var(--forge)}
body.brand-v5 .phone-section a:not(.button):hover,
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{font-family:"IBM Plex Mono",ui-monospace,monospace;color:var(--forge)}
body.brand-v5 .comparison-card.repmation-card{border-top-color:var(--blaze)}
body.brand-v5 .comparison-flow-long b{border-color:#D6CEC7}

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 grounds use Forge and Paper. */
body.brand-v5 .value-section,
body.brand-v5 .final-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,
body.brand-v5 .final-section h2{color:var(--paper)}
body.brand-v5 .value-section p,
body.brand-v5 .final-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{font-family:Archivo,Helvetica,Arial,sans-serif;color:var(--ink);letter-spacing:-.05em}
body.brand-v5 .value-result em{font-family:Archivo,Helvetica,Arial,sans-serif;color:var(--ink);text-transform:none;letter-spacing:-.03em}
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 .pricing-section,
body.brand-v5 .faq-section,
body.brand-v5 .site-footer{background:var(--ink)}
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 .faq-list summary{color:var(--paper)}
body.brand-v5 .faq-list summary::after{color:var(--blaze)}
body.brand-v5 .site-footer a:hover{color:var(--paper)}
body.brand-v5 .mobile-cta{background:rgba(23,21,19,.96)}

/* The brand mark should never be 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}
}