.company-hero{
  padding:var(--space-6) 0 var(--space-5);
  background:var(--color-paper);
  color:var(--color-ink)
}

.company-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);
  align-items:start;
  gap:var(--space-5)
}

.company-hero__copy{
  display:grid;
  gap:var(--space-3);
  min-width:0
}

.company-heading{
  display:grid;
  gap:.5rem;
  min-width:0
}

.company-heading .page-kicker,
.company-heading .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.company-hero__copy h1{
  max-width:min(36rem,100%);
  min-width:0;
  overflow-wrap:anywhere;
  margin-bottom:0
}

.company-hero__body{
  max-width:42rem
}

.company-hero__body p{
  margin-bottom:var(--space-2);
  color:var(--color-muted)
}

.company-hero__body p:last-child{
  margin-bottom:0
}

.company-plate{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--color-dark);
  color:var(--color-surface);
  box-shadow:var(--shadow-float)
}

.company-plate__header{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:var(--color-surface);
  color:var(--color-ink)
}

.company-plate__brand{
  display:flex;
  align-items:center;
  gap:.5rem;
  min-width:0
}

.company-plate__brand img{
  width:2rem;
  height:2rem;
  flex:0 0 auto
}

.company-plate__title{
  display:grid;
  gap:.5rem;
  padding:var(--space-4) var(--space-3) var(--space-3);
  background:var(--color-dark);
  color:var(--color-surface)
}

.company-plate__title span{
  color:#c8c0cc;
  font-size:var(--text-sm)
}

.company-plate__title strong{
  max-width:none;
  font-family:var(--font-heading);
  font-size:var(--text-2xl);
  font-weight:750;
  line-height:var(--leading-heading)
}

.company-plate__facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
  padding:0 var(--space-3) var(--space-3)
}

.company-plate__facts div{
  display:grid;
  gap:.5rem;
  min-width:0;
  padding:var(--space-2) 0
}

.company-plate__facts div:nth-child(odd){
  padding-right:var(--space-2)
}

.company-plate__facts div:nth-child(even){
  padding-left:var(--space-2)
}

.company-plate__facts dt{
  color:#aaa2ae;
  font-size:var(--text-xs)
}

.company-plate__facts dd{
  color:var(--color-surface);
  font-family:var(--font-body);
  font-size:var(--text-sm);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}

.company-plate__footer{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:var(--space-3);
  background:var(--color-primary-soft);
  color:var(--color-primary-dark)
}

.company-plate__footer svg{
  width:1.35rem;
  height:1.35rem;
  flex:0 0 auto
}

.company-plate__footer p{
  margin-bottom:0;
  color:var(--color-primary-dark);
  font-size:var(--text-sm)
}

.company-section-head{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:end;
  gap:var(--space-4);
  margin-bottom:var(--space-4)
}

.company-section-head h2{
  max-width:16ch;
  margin-bottom:0
}

.company-section-head>p{
  max-width:42rem;
  margin-bottom:0;
  color:var(--color-muted)
}

.company-origin-card{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:var(--color-surface);
  color:var(--color-ink);
  box-shadow:var(--shadow-card)
}

.company-icon{
  display:grid;
  width:2.75rem;
  height:2.75rem;
  place-items:center;
  border-radius:50%;
  background:var(--color-primary-soft);
  color:var(--color-primary)
}

.company-icon svg{
  width:1.4rem;
  height:1.4rem
}

.company-card-copy{
  display:grid;
  gap:.5rem;
  min-width:0
}

.company-card-copy h3,
.company-card-copy p{
  margin-bottom:0
}

.company-card-copy p{
  color:var(--color-muted)
}

.company-origin-note{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem var(--space-2);
  margin-top:var(--space-3)
}

.company-boundary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:stretch;
  gap:var(--space-2);
  margin-bottom:var(--space-4)
}

.company-boundary__order,
.company-boundary__node,
.company-boundary__work{
  display:grid;
  align-content:start;
  gap:.5rem;
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-primary-pale);
  color:var(--color-ink)
}

.company-boundary__node{
  background:var(--color-primary);
  color:var(--color-surface)
}

.company-boundary__node strong{
  color:var(--color-surface)
}

.company-boundary__order p,
.company-boundary__work p{
  margin-bottom:0;
  color:var(--color-muted)
}

.company-boundary__node p{
  margin-bottom:0;
  color:#eee4f2
}

.company-boundary__label{
  width:fit-content;
  max-width:100%;
  color:var(--color-primary);
  font-size:var(--text-xs);
  font-weight:800
}

.company-boundary__node .company-boundary__label{
  color:#eee4f2
}

.company-boundary__flow{
  display:grid;
  place-items:center;
  color:var(--color-primary)
}

.company-boundary__flow svg{
  width:1.5rem;
  height:1.5rem
}

.company-definition-card{
  display:grid;
  gap:var(--space-2)
}

.company-spec{
  color:var(--color-primary);
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-variant-numeric:tabular-nums
}

.company-principles{
  background:var(--color-primary);
  color:var(--color-surface)
}

.company-section-head--light h2{
  color:var(--color-surface)
}

.company-section-head--light>p{
  color:#eee4f2
}

.company-section-head--light .page-kicker{
  color:var(--color-primary-dark);
  background:var(--color-primary-soft)
}

.company-ledger{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--color-surface);
  color:var(--color-ink)
}

.company-ledger__head,
.company-ledger__row{
  display:grid;
  grid-template-columns:minmax(8rem,.55fr) minmax(12rem,1fr) minmax(0,1.3fr);
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-2) var(--space-3)
}

.company-ledger__head{
  background:var(--color-dark);
  color:var(--color-surface);
  font-size:var(--text-xs);
  font-weight:800
}

.company-ledger__row{
  background:var(--color-surface);
  color:var(--color-ink);
  border-bottom:1px solid var(--color-line)
}

.company-ledger__row:last-child{
  border-bottom:0
}

.company-ledger__row strong{
  color:var(--color-ink)
}

.company-ledger__row span{
  color:var(--color-primary-dark);
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}

.company-ledger__row p{
  margin-bottom:0;
  color:var(--color-muted);
  font-size:var(--text-sm)
}

.company-principle-note{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-gold);
  color:var(--color-ink)
}

.company-principle-note div{
  display:grid;
  gap:.5rem
}

.company-principle-note p{
  margin-bottom:0;
  color:var(--color-ink)
}

.company-region-card{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-paper);
  color:var(--color-ink)
}

.company-region-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2)
}

.company-region-card__top svg{
  width:1.5rem;
  height:1.5rem;
  color:var(--color-accent)
}

.company-region-card__code{
  color:var(--color-primary);
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-weight:800;
  font-variant-numeric:tabular-nums
}

.company-region-guide{
  display:grid;
  grid-template-columns:minmax(12rem,.4fr) minmax(0,1fr);
  gap:var(--space-4);
  margin-top:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-dark);
  color:var(--color-surface)
}

.company-region-guide__title{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  color:var(--color-surface)
}

.company-region-guide__title svg{
  width:1.5rem;
  height:1.5rem;
  flex:0 0 auto;
  color:var(--color-accent)
}

.company-region-guide ol{
  display:grid;
  gap:var(--space-2);
  margin:0;
  padding:0;
  list-style:none
}

.company-region-guide li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-2)
}

.company-region-guide li>span{
  color:var(--color-gold);
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-variant-numeric:tabular-nums
}

.company-region-guide li>div{
  display:grid;
  gap:.5rem
}

.company-region-guide li strong{
  color:var(--color-surface)
}

.company-region-guide li p{
  margin-bottom:0;
  color:#c8c0cc
}

.company-responsibility__main{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--color-dark);
  color:var(--color-surface)
}

.company-responsibility__head{
  display:flex;
  align-items:flex-start;
  gap:var(--space-2);
  padding:var(--space-4);
  background:var(--color-primary);
  color:var(--color-surface)
}

.company-responsibility__head h3{
  color:var(--color-surface)
}

.company-responsibility__head p{
  color:#eee4f2
}

.company-icon--light{
  flex:0 0 auto;
  background:var(--color-surface);
  color:var(--color-primary)
}

.company-responsibility__list{
  display:grid;
  gap:0;
  margin:0;
  padding:0
}

.company-responsibility__list div{
  display:grid;
  grid-template-columns:minmax(9rem,.45fr) minmax(0,1fr);
  gap:var(--space-3);
  padding:var(--space-3) var(--space-4);
  border-bottom:1px solid rgba(255,255,255,.1)
}

.company-responsibility__list div:last-child{
  border-bottom:0
}

.company-responsibility__list dt{
  color:var(--color-surface);
  font-weight:800
}

.company-responsibility__list dd{
  color:#c8c0cc
}

.company-responsibility__side{
  display:flex;
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:var(--color-surface);
  color:var(--color-ink);
  box-shadow:var(--shadow-card)
}

.company-security-checks{
  margin-top:var(--space-3)
}

.company-check-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-primary-pale);
  color:var(--color-ink)
}

.company-check-card__mark{
  display:grid;
  width:2rem;
  height:2rem;
  place-items:center;
  border-radius:50%;
  background:var(--color-primary);
  color:var(--color-surface);
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-weight:800
}

.company-workflow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--space-3)
}

.company-workflow__step{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-paper);
  color:var(--color-ink)
}

.company-workflow__number{
  color:var(--color-primary);
  font-family:var(--font-mono);
  font-size:var(--text-lg);
  font-weight:800;
  font-variant-numeric:tabular-nums
}

.company-contact-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  margin-top:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-primary-soft);
  color:var(--color-ink)
}

.company-contact-panel__copy{
  display:grid;
  gap:var(--space-2);
  min-width:0
}

.company-contact-panel__copy p{
  margin-bottom:0;
  color:var(--color-muted)
}

.company-contact-panel__copy a:not(.c-btn){
  color:var(--color-primary);
  font-weight:800;
  overflow-wrap:anywhere
}

.company-contact-panel__actions{
  display:grid;
  gap:.5rem;
  min-width:max-content
}

.company-page-end{
  padding:var(--space-5) 0;
  background:var(--color-paper);
  color:var(--color-ink)
}

.company-end-copy{
  display:grid;
  gap:var(--space-2);
  min-width:0
}

.company-end-copy .c-badge{
  background:var(--color-primary-soft);
  color:var(--color-primary)
}

.company-end-copy h2{
  margin-bottom:0;
  color:var(--color-surface)
}

.company-end-copy p{
  max-width:48rem;
  margin-bottom:0;
  color:#c8c0cc
}

.company-end-actions{
  display:grid;
  gap:.5rem;
  min-width:max-content
}

@media (max-width:900px){
  .company-hero__grid,
  .company-section-head,
  .company-region-guide{
    grid-template-columns:1fr
  }

  .company-hero__copy h1,
  .company-section-head h2{
    max-width:18ch
  }

  .company-boundary{
    grid-template-columns:1fr
  }

  .company-boundary__flow{
    transform:rotate(90deg)
  }

  .company-ledger{
    overflow-x:auto
  }

  .company-ledger__head,
  .company-ledger__row{
    min-width:48rem
  }

  .company-workflow{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .company-contact-panel{
    grid-template-columns:1fr
  }

  .company-contact-panel__actions{
    grid-template-columns:repeat(3,minmax(0,1fr));
    min-width:0
  }
}

@media (max-width:640px){
  .company-hero{
    padding:var(--space-5) 0 var(--space-4)
  }

  .company-hero__grid{
    gap:var(--space-4)
  }

  .company-hero__copy h1{
    max-width:none
  }

  .company-plate__facts{
    grid-template-columns:1fr
  }

  .company-plate__facts div:nth-child(odd),
  .company-plate__facts div:nth-child(even){
    padding-right:0;
    padding-left:0
  }

  .company-section-head{
    gap:var(--space-2)
  }

  .company-origin-card,
  .company-contact-panel,
  .company-region-guide{
    padding:var(--space-3)
  }

  .company-principle-note{
    grid-template-columns:1fr
  }

  .company-principle-note .c-btn{
    width:100%
  }

  .company-responsibility__head{
    padding:var(--space-3)
  }

  .company-responsibility__list div{
    grid-template-columns:1fr;
    gap:.5rem;
    padding:var(--space-3)
  }

  .company-workflow{
    grid-template-columns:1fr
  }

  .company-contact-panel__actions{
    grid-template-columns:1fr
  }

  .company-contact-panel__actions .c-btn,
  .company-end-actions .c-btn{
    width:100%;
    white-space:normal
  }

  .company-end-actions{
    min-width:0
  }
}

@media (max-width:390px){
  .company-plate__header{
    align-items:flex-start;
    flex-direction:column
  }

  .company-boundary__order,
  .company-boundary__node,
  .company-boundary__work,
  .company-region-card,
  .company-workflow__step,
  .company-check-card{
    padding:var(--space-2)
  }

  .company-check-card{
    grid-template-columns:1fr
  }

  .company-origin-note{
    display:grid
  }
}
