:root{--ac:#E05A1E}
html{scroll-behavior:smooth}
body{margin:0;background:#F4F2EC;color:#131210;font-family:'Instrument Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#131210;text-decoration:none}a:hover{color:var(--ac)}
::selection{background:rgba(224,90,30,.18)}
@keyframes stripIn{0%{opacity:0;transform:translateY(.35em)}18%{opacity:1;transform:none}82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-.35em)}}
input::placeholder{color:#7A7568}

/* The desktop layout follows the supplied design; narrow screens keep its content readable. */
a[href],button:not(:disabled){cursor:pointer}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ac);outline-offset:4px}
#catalog-code:focus-visible{outline-offset:-3px}
@media(max-width:860px){
  .landing-hero-inner{padding:64px 20px!important;gap:52px!important}
  .landing-section-inner{padding:64px 20px!important}
  .landing-cta-inner{padding:88px 20px 96px!important}
  .landing-feature-row{grid-template-columns:110px minmax(0,1fr)!important;gap:16px!important}
}
@media(max-width:480px){
  .landing-hero-title{letter-spacing:-1px!important}
  .landing-feature-row{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .landing-section-inner h2,.landing-cta-inner h2{font-size:32px!important}
  .catalog-meta{padding-inline:14px!important;gap:10px!important;font-size:9px!important}
  .landing-hero-inner>div:first-child>div,.landing-cta-inner>div>div{flex-direction:column!important}
  .landing-hero-inner>div:first-child>div>a,.landing-cta-inner>div>div>a{text-align:center}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  #factory-word{animation:none!important}
  [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  [data-catalog-progress]{transition:none!important}
}